Mercurial > laserkard

     1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

     2 <html xmlns="http://www.w3.org/1999/xhtml">

     3 <head>

     4 <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

     5 

     6 <link href="./main.css" rel="stylesheet" type="text/css">

     7 <link href="./sexy.css" rel="stylesheet" type="text/css">

     8 <link href="./echo.css" rel="stylesheet" type="text/css">

     9 <title>Laserkard | Echo</title>

    10 

    11 <script type="text/javascript" src="./buycode.js"></script>

    12 <script type="text/javascript" src="./awesome_js/raphael.js"></script>

    13 <script type="text/javascript" src="./awesome_js/robert.js"></script>

    14 <script type="text/javascript" src="./awesome_js/echo.js"></script>

    15 <script type="text/javascript" src="./awesome_js/cufon-yui.js"></script>

    16 <script type="text/javascript" src="./awesome_js/HelveticaNeue_LT_55_Roman_700-HelveticaNeue_LT_55_Roman_700-HelveticaNeue_LT_55_Roman_italic_700-HelveticaNeue_LT_55_Roman_italic_700.font.js"></script>

    17 

    18 

    19 

    20 

    21 

    22 </head>

    23 

    24 <body id = "echo">

    25 

    26 

    27 PERL-REPLACE::TOP_MENU

    28 <div id="whole">

    29 	

    30 	<div id = "centerbox" >

    31 		

    32 		<div id= "trifold" >

    33 			<div id = "disp_contain"></div>

    34 			<div id="display">PERL-REPLACE::DISPLAY</div>

    35 		</div>

    36 		

    37 		<div id="pokedex">PERL-REPLACE::POKEDEX</div>

    38 	</div>

    39 

    40 	<div id="inputbox" ><div id = "i_inputbox">

    41 <div id = "sendTo">

    42 Fill In your email:<br>

    43 <textarea id = "sendOff" rows="1" cols="30">

    44 rlm@mit.edu

    45 </textarea>

    46 </div>

    47 <br>

    48 <div id = "buttonButton">

    49 <button id = "parseButton" onClick="parseFile();">GENERATE SVG</button>

    50 </div>

    51  ^--  Click here to send SVG file to yourself.<br>

    52  (don't click multiple times)

    53  <br>

    54 

    55 <br>

    56 ________________________________________<br>

    57 This text area controls the svg file that will be generated.  Be sure to be careful with the quotation marks so that the data format is correct.  Please use this sample text as a template for filling out your own card.  You will be sent an email for every 30 cards you create.

    58 <br>

    59 

    60 <div id = "textInput">

    61 <textarea id = "textEntry" rows="60" cols="60">

    62 {

    63 

    64 "bold":

    65 	

    66 	{

    67 	"style" : "bold",

    68 	"number" : "0",

    69 	"fields":

    70 		{

    71 		"Name"	: "Robert McIntyre",

    72 		"Email"	: "rlm@mit.edu",

    73 		},

    74 	},

    75 "arrow":

    76 	

    77 	{

    78 	"style" : "arrow",

    79 	"number" : "0",

    80 	"fields":

    81 		{

    82 		"Name"	: "Robert McIntyre",

    83 		"Email"	: "rlm@mit.edu",

    84 		"Company" : "MIT",

    85 		"Occupation" : "Course 6 & 9",

    86 		},

    87 	},

    88 "classic":

    89 	

    90 	{

    91 	"style" : "classic",

    92 	"number" : "0",

    93 	"fields":

    94 		{

    95 		"Name"	: "Robert McIntyre",

    96 		"Email"	: "rlm@mit.edu",

    97 		"Company" : "MIT",

    98 		"Occupation" : "Course 6 & 9",

    99 		"Phone"	: "617.821.9129",

   100 		"Website" : "http://www.rlmcintyre.com",

   101 		},

   102 	},

   103 "direct":

   104 	

   105 	{

   106 	"style" : "direct",

   107 	"number" : "0",

   108 	"fields":

   109 		{

   110 		"Name"	: "Robert McIntyre",

   111 		"Email"	: "rlm@mit.edu",

   112 		"Company" : "MIT",

   113 		"Occupation" : "Course 6 & 9",

   114 		"Phone"	: "617.821.9129",

   115 		"Website" : "http://www.rlmcintyre.com",

   116 		},

   117 	},

   118 }

   119 </textarea>

   120 </div>

   121 

   122 

   123 

   124 

   125 

   126 

   127 

   128 

   129 

   130 

   131 

   132 

   133 

   134 

   135 

   136 </div></div>

   137 	<div id="materials" onmouseover="pokedex(['args__materials'],['pokedex']);">PERL-REPLACE::MATERIALS</div>

   138 </div>

   139 

   140 

   141 

   142 

   143 <div id = "formValues">PERL::INITIALVALUES</div>

   144 

   145 <div id = "currentSpec">PERL::INITIALCARD</div>

   146 

   147 <div id = "cardDefs">PERL::DEFS</div>

   148 

   149 <div id = "output">OUTPUT</div>

   150 

   151 

   152 

   153 

   154 

   155 

   156 

   157 

   158 

   159 <div id = "perlClick"  onClick = "echo(['disp_contain'], ['perlClick'], 'POST');">Send this shiz!</div>

   160 

   161 <!--

   162 

   163 <script language="javascript">

   164 

   165 

   166 //

   167 //var raphe = Raphael("disp_contain", 515, 318);

   168 //

   169 //var c = raphe.rect(0, 0, 514, 317, 40);

   170 //c.attr("stroke", "#00f");

   171 //ta = raphe.print(10, 150, "Robert McIntyre", raphe.getFont("HelveticaNeue", 700), 63);

   172 //ta.attr('stroke', '#f00');

   173 //ta.attr('fill', 'TRANSPARENT');

   174 //

   175 //tb = raphe.print(300, 270, "rlm@mit.edu", raphe.getFont("HelveticaNeue", 700), 25);

   176 //tb.attr('stroke', '#f00');

   177 //tb.attr('fill', 'TRANSPARENT');

   178 //

   179 //tc = raphe.path("M 0 269 L 270 269");

   180 //tc.attr('stroke', '#f00');

   181 //

   182 

   183 //

   184 

   185 

   186 

   187 

   188 </script>

   189 -->

   190 

   191 

   192 <script language="javascript">

   193 //this is the main painting object, established here and created with Initial painting values

   194 

   195 JSONtex = document.getElementById('cardDefs').innerHTML;

   196 laserkard = new Object();

   197 laserkard = eval('(' + JSONtex + ')');

   198 color = 'ff0000';

   199 var raphe = Raphael("disp_contain", 515, 318);

   200 redraw("bold");

   201 

   202 var c = raphe.rect(0, 0, 514, 317, 40);

   203 c.attr("stroke", "#00f");

   204 

   205 

   206 

   207 

   208 

   209 //ta = raphe.print(10, 150, "Robert McIntyre", raphe.getFont("HelveticaNeue", 700), 63);

   210 //ta.attr('stroke', '#f00');

   211 //ta.attr('fill', 'TRANSPARENT');

   212 

   213 //tb = raphe.print(300, 270, "rlm@mit.edu", raphe.getFont("HelveticaNeue", 700), 25);

   214 //tb.attr('stroke', '#f00');

   215 //tb.attr('fill', 'TRANSPARENT');

   216 

   217 //tc = raphe.path("M 0 269 L 270 269");

   218 //tc.attr('stroke', '#f00');

   219 

   220 

   221 </script>

   222 

   223 

   224 

   225 

   226 </body>

   227 

   228 </html>

   229 

   230
author	Robert McIntyre <rlm@mit.edu>
date	Wed, 14 Jul 2010 13:44:42 -0400
parents	95fa4bcc5d67
children	4ebd94bfecda