view echo.html @ 75:874a6a2c28cf laserkard

session with nick. redisigned faq page
author Robert McIntyre <rlm@mit.edu>
date Tue, 29 Jun 2010 15:36:30 -0400
parents 95fa4bcc5d67
children 781127893010
line wrap: on
line source
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">
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>
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>
22 </head>
24 <body id = "echo">
27 PERL-REPLACE::TOP_MENU
28 <div id="whole">
30 <div id = "centerbox" >
32 <div id= "trifold" >
33 <div id = "disp_contain"></div>
34 <div id="display">PERL-REPLACE::DISPLAY</div>
35 </div>
37 <div id="pokedex">PERL-REPLACE::POKEDEX</div>
38 </div>
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>
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>
60 <div id = "textInput">
61 <textarea id = "textEntry" rows="60" cols="60">
62 {
64 "bold":
66 {
67 "style" : "bold",
68 "number" : "7",
69 "fields":
70 {
71 "Name" : "Robert McIntyre",
72 "Email" : "rlm@mit.edu",
73 },
74 },
75 "arrow":
77 {
78 "style" : "arrow",
79 "number" : "8",
80 "fields":
81 {
82 "Name" : "Robert McIntyre",
83 "Email" : "rlm@mit.edu",
84 "Company" : "MIT",
85 "Occupation" : "Course 6 & 9",
86 },
87 },
88 "classic":
90 {
91 "style" : "classic",
92 "number" : "7",
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":
105 {
106 "style" : "direct",
107 "number" : "8",
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>
136 </div></div>
137 <div id="materials" onmouseover="pokedex(['args__materials'],['pokedex']);">PERL-REPLACE::MATERIALS</div>
138 </div>
143 <div id = "formValues">PERL::INITIALVALUES</div>
145 <div id = "currentSpec">PERL::INITIALCARD</div>
147 <div id = "cardDefs">PERL::DEFS</div>
149 <div id = "output">OUTPUT</div>
159 <div id = "perlClick" onClick = "echo(['disp_contain'], ['perlClick'], 'POST');">Send this shiz!</div>
161 <!--
163 <script language="javascript">
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 //
183 //
188 </script>
189 -->
192 <script language="javascript">
193 //this is the main painting object, established here and created with Initial painting values
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");
202 var c = raphe.rect(0, 0, 514, 317, 40);
203 c.attr("stroke", "#00f");
209 //ta = raphe.print(10, 150, "Robert McIntyre", raphe.getFont("HelveticaNeue", 700), 63);
210 //ta.attr('stroke', '#f00');
211 //ta.attr('fill', 'TRANSPARENT');
213 //tb = raphe.print(300, 270, "rlm@mit.edu", raphe.getFont("HelveticaNeue", 700), 25);
214 //tb.attr('stroke', '#f00');
215 //tb.attr('fill', 'TRANSPARENT');
217 //tc = raphe.path("M 0 269 L 270 269");
218 //tc.attr('stroke', '#f00');
221 </script>
226 </body>
228 </html>