view echo.html @ 98:388344355ebf laserkard

figured out how to scale down main display
author Robert McIntyre <rlm@mit.edu>
date Tue, 27 Jul 2010 05:14:22 -0400
parents 4ebd94bfecda
children
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="./awesome_js/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" : "0",
69 "fields":
70 {
71 "Name" : "Robert McIntyre",
72 "Email" : "rlm@mit.edu",
73 },
74 },
75 "arrow":
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":
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":
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>
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>