Mercurial > laserkard

comparison echo.html @ 51:95fa4bcc5d67 laserkard

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
[svn r52] implemented SVG backend
author rlm
date Wed, 03 Feb 2010 03:14:09 -0500
parents 07c19a58ba5a
children 781127893010
comparison
equal deleted inserted replaced
50:1b5417799713 51:95fa4bcc5d67
1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 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"> 2 <html xmlns="http://www.w3.org/1999/xhtml">
3 <head> 3 <head>
4 <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> 4 <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
5 5
6 6 <link href="./main.css" rel="stylesheet" type="text/css">
7 <link href="./sexy.css" rel="stylesheet" type="text/css">
7 <link href="./echo.css" rel="stylesheet" type="text/css"> 8 <link href="./echo.css" rel="stylesheet" type="text/css">
8 9 <title>Laserkard | Echo</title>
9 <title>Laserkard | Design Studio</title>
10 10
11 <script type="text/javascript" src="./buycode.js"></script> 11 <script type="text/javascript" src="./buycode.js"></script>
12 <script type="text/javascript" src="./awesome_js/raphael.js"></script> 12 <script type="text/javascript" src="./awesome_js/raphael.js"></script>
13 13 <script type="text/javascript" src="./awesome_js/robert.js"></script>
14 14 <script type="text/javascript" src="./awesome_js/echo.js"></script>
15 <script type="text/javascript" src="./awesome_js/cufon-yui.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> 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 17
18 18
19 19
20 20
21 21
22 </head> 22 </head>
23 23
24 <body id = "buy"> 24 <body id = "echo">
25 25
26 26
27 <div id = "disp_contain"></div> 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" : "7",
69 "fields":
70 {
71 "Name" : "Robert McIntyre",
72 "Email" : "rlm@mit.edu",
73 },
74 },
75 "arrow":
76
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":
89
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":
104
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>
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
28 156
29 157
30 158
31 <div id = "perlClick" onClick = "echo(['disp_contain'], ['perlClick'], 'POST');">Send this shiz!</div> 159 <div id = "perlClick" onClick = "echo(['disp_contain'], ['perlClick'], 'POST');">Send this shiz!</div>
32 160
161 <!--
33 162
34 <script language="javascript"> 163 <script language="javascript">
35 164
36 165
37 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';
38 var raphe = Raphael("disp_contain", 515, 318); 199 var raphe = Raphael("disp_contain", 515, 318);
200 redraw("bold");
39 201
40 var c = raphe.rect(0, 0, 514, 317, 40); 202 var c = raphe.rect(0, 0, 514, 317, 40);
41 c.attr("stroke", "#00f"); 203 c.attr("stroke", "#00f");
42 ta = raphe.print(10, 150, "Robert McIntyre", raphe.getFont("HelveticaNeue", 700), 63); 204
43 ta.attr('stroke', '#f00'); 205
44 ta.attr('fill', 'TRANSPARENT'); 206
45 207
46 tb = raphe.print(300, 270, "rlm@mit.edu", raphe.getFont("HelveticaNeue", 700), 25); 208
47 tb.attr('stroke', '#f00'); 209 //ta = raphe.print(10, 150, "Robert McIntyre", raphe.getFont("HelveticaNeue", 700), 63);
48 tb.attr('fill', 'TRANSPARENT'); 210 //ta.attr('stroke', '#f00');
49 211 //ta.attr('fill', 'TRANSPARENT');
50 tc = raphe.path("M 0 269 L 270 269"); 212
51 tc.attr('stroke', '#f00'); 213 //tb = raphe.print(300, 270, "rlm@mit.edu", raphe.getFont("HelveticaNeue", 700), 25);
52 214 //tb.attr('stroke', '#f00');
53 215 //tb.attr('fill', 'TRANSPARENT');
54 216
55 217 //tc = raphe.path("M 0 269 L 270 269");
56 218 //tc.attr('stroke', '#f00');
57 219
58 220
59 </script> 221 </script>
60 222
61 223
62 224
63 225
64
65
66
67 </body> 226 </body>
68 227
69 </html> 228 </html>
70 229
71 230