Mercurial > laserkard
diff echo.html @ 51:95fa4bcc5d67 laserkard
[svn r52] implemented SVG backend
| author | rlm |
|---|---|
| date | Wed, 03 Feb 2010 03:14:09 -0500 |
| parents | 07c19a58ba5a |
| children | 781127893010 |
line wrap: on
line diff
1.1 --- a/echo.html Mon Feb 01 02:54:59 2010 -0500 1.2 +++ b/echo.html Wed Feb 03 03:14:09 2010 -0500 1.3 @@ -3,15 +3,15 @@ 1.4 <head> 1.5 <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> 1.6 1.7 - 1.8 +<link href="./main.css" rel="stylesheet" type="text/css"> 1.9 +<link href="./sexy.css" rel="stylesheet" type="text/css"> 1.10 <link href="./echo.css" rel="stylesheet" type="text/css"> 1.11 - 1.12 -<title>Laserkard | Design Studio</title> 1.13 +<title>Laserkard | Echo</title> 1.14 1.15 <script type="text/javascript" src="./buycode.js"></script> 1.16 <script type="text/javascript" src="./awesome_js/raphael.js"></script> 1.17 - 1.18 - 1.19 +<script type="text/javascript" src="./awesome_js/robert.js"></script> 1.20 +<script type="text/javascript" src="./awesome_js/echo.js"></script> 1.21 <script type="text/javascript" src="./awesome_js/cufon-yui.js"></script> 1.22 <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> 1.23 1.24 @@ -21,39 +21,201 @@ 1.25 1.26 </head> 1.27 1.28 -<body id = "buy"> 1.29 +<body id = "echo"> 1.30 1.31 1.32 -<div id = "disp_contain"></div> 1.33 +PERL-REPLACE::TOP_MENU 1.34 +<div id="whole"> 1.35 + 1.36 + <div id = "centerbox" > 1.37 + 1.38 + <div id= "trifold" > 1.39 + <div id = "disp_contain"></div> 1.40 + <div id="display">PERL-REPLACE::DISPLAY</div> 1.41 + </div> 1.42 + 1.43 + <div id="pokedex">PERL-REPLACE::POKEDEX</div> 1.44 + </div> 1.45 + 1.46 + <div id="inputbox" ><div id = "i_inputbox"> 1.47 +<div id = "sendTo"> 1.48 +Fill In your email:<br> 1.49 +<textarea id = "sendOff" rows="1" cols="30"> 1.50 +rlm@mit.edu 1.51 +</textarea> 1.52 +</div> 1.53 +<br> 1.54 +<div id = "buttonButton"> 1.55 +<button id = "parseButton" onClick="parseFile();">GENERATE SVG</button> 1.56 +</div> 1.57 + ^-- Click here to send SVG file to yourself.<br> 1.58 + (don't click multiple times) 1.59 + <br> 1.60 + 1.61 +<br> 1.62 +________________________________________<br> 1.63 +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. 1.64 +<br> 1.65 + 1.66 +<div id = "textInput"> 1.67 +<textarea id = "textEntry" rows="60" cols="60"> 1.68 +{ 1.69 + 1.70 +"bold": 1.71 + 1.72 + { 1.73 + "style" : "bold", 1.74 + "number" : "7", 1.75 + "fields": 1.76 + { 1.77 + "Name" : "Robert McIntyre", 1.78 + "Email" : "rlm@mit.edu", 1.79 + }, 1.80 + }, 1.81 +"arrow": 1.82 + 1.83 + { 1.84 + "style" : "arrow", 1.85 + "number" : "8", 1.86 + "fields": 1.87 + { 1.88 + "Name" : "Robert McIntyre", 1.89 + "Email" : "rlm@mit.edu", 1.90 + "Company" : "MIT", 1.91 + "Occupation" : "Course 6 & 9", 1.92 + }, 1.93 + }, 1.94 +"classic": 1.95 + 1.96 + { 1.97 + "style" : "classic", 1.98 + "number" : "7", 1.99 + "fields": 1.100 + { 1.101 + "Name" : "Robert McIntyre", 1.102 + "Email" : "rlm@mit.edu", 1.103 + "Company" : "MIT", 1.104 + "Occupation" : "Course 6 & 9", 1.105 + "Phone" : "617.821.9129", 1.106 + "Website" : "http://www.rlmcintyre.com", 1.107 + }, 1.108 + }, 1.109 +"direct": 1.110 + 1.111 + { 1.112 + "style" : "direct", 1.113 + "number" : "8", 1.114 + "fields": 1.115 + { 1.116 + "Name" : "Robert McIntyre", 1.117 + "Email" : "rlm@mit.edu", 1.118 + "Company" : "MIT", 1.119 + "Occupation" : "Course 6 & 9", 1.120 + "Phone" : "617.821.9129", 1.121 + "Website" : "http://www.rlmcintyre.com", 1.122 + }, 1.123 + }, 1.124 +} 1.125 +</textarea> 1.126 +</div> 1.127 + 1.128 + 1.129 + 1.130 + 1.131 + 1.132 + 1.133 + 1.134 + 1.135 + 1.136 + 1.137 + 1.138 + 1.139 + 1.140 + 1.141 + 1.142 +</div></div> 1.143 + <div id="materials" onmouseover="pokedex(['args__materials'],['pokedex']);">PERL-REPLACE::MATERIALS</div> 1.144 +</div> 1.145 + 1.146 + 1.147 + 1.148 + 1.149 +<div id = "formValues">PERL::INITIALVALUES</div> 1.150 + 1.151 +<div id = "currentSpec">PERL::INITIALCARD</div> 1.152 + 1.153 +<div id = "cardDefs">PERL::DEFS</div> 1.154 + 1.155 +<div id = "output">OUTPUT</div> 1.156 + 1.157 + 1.158 + 1.159 + 1.160 + 1.161 + 1.162 1.163 1.164 1.165 <div id = "perlClick" onClick = "echo(['disp_contain'], ['perlClick'], 'POST');">Send this shiz!</div> 1.166 1.167 +<!-- 1.168 1.169 <script language="javascript"> 1.170 1.171 1.172 +// 1.173 +//var raphe = Raphael("disp_contain", 515, 318); 1.174 +// 1.175 +//var c = raphe.rect(0, 0, 514, 317, 40); 1.176 +//c.attr("stroke", "#00f"); 1.177 +//ta = raphe.print(10, 150, "Robert McIntyre", raphe.getFont("HelveticaNeue", 700), 63); 1.178 +//ta.attr('stroke', '#f00'); 1.179 +//ta.attr('fill', 'TRANSPARENT'); 1.180 +// 1.181 +//tb = raphe.print(300, 270, "rlm@mit.edu", raphe.getFont("HelveticaNeue", 700), 25); 1.182 +//tb.attr('stroke', '#f00'); 1.183 +//tb.attr('fill', 'TRANSPARENT'); 1.184 +// 1.185 +//tc = raphe.path("M 0 269 L 270 269"); 1.186 +//tc.attr('stroke', '#f00'); 1.187 +// 1.188 1.189 +// 1.190 + 1.191 + 1.192 + 1.193 + 1.194 +</script> 1.195 +--> 1.196 + 1.197 + 1.198 +<script language="javascript"> 1.199 +//this is the main painting object, established here and created with Initial painting values 1.200 + 1.201 +JSONtex = document.getElementById('cardDefs').innerHTML; 1.202 +laserkard = new Object(); 1.203 +laserkard = eval('(' + JSONtex + ')'); 1.204 +color = 'ff0000'; 1.205 var raphe = Raphael("disp_contain", 515, 318); 1.206 +redraw("bold"); 1.207 1.208 var c = raphe.rect(0, 0, 514, 317, 40); 1.209 c.attr("stroke", "#00f"); 1.210 -ta = raphe.print(10, 150, "Robert McIntyre", raphe.getFont("HelveticaNeue", 700), 63); 1.211 -ta.attr('stroke', '#f00'); 1.212 -ta.attr('fill', 'TRANSPARENT'); 1.213 1.214 -tb = raphe.print(300, 270, "rlm@mit.edu", raphe.getFont("HelveticaNeue", 700), 25); 1.215 -tb.attr('stroke', '#f00'); 1.216 -tb.attr('fill', 'TRANSPARENT'); 1.217 1.218 -tc = raphe.path("M 0 269 L 270 269"); 1.219 -tc.attr('stroke', '#f00'); 1.220 1.221 1.222 1.223 +//ta = raphe.print(10, 150, "Robert McIntyre", raphe.getFont("HelveticaNeue", 700), 63); 1.224 +//ta.attr('stroke', '#f00'); 1.225 +//ta.attr('fill', 'TRANSPARENT'); 1.226 1.227 +//tb = raphe.print(300, 270, "rlm@mit.edu", raphe.getFont("HelveticaNeue", 700), 25); 1.228 +//tb.attr('stroke', '#f00'); 1.229 +//tb.attr('fill', 'TRANSPARENT'); 1.230 1.231 +//tc = raphe.path("M 0 269 L 270 269"); 1.232 +//tc.attr('stroke', '#f00'); 1.233 1.234 1.235 </script> 1.236 @@ -61,9 +223,6 @@ 1.237 1.238 1.239 1.240 - 1.241 - 1.242 - 1.243 </body> 1.244 1.245 </html>