Mercurial > laserkard

annotate echo.html @ 85:da4f4f91f8aa laserkard

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
got three separate Raphael instances
author Robert McIntyre <rlm@mit.edu>
date Sun, 25 Jul 2010 22:36:16 -0400
parents 4ebd94bfecda
children
rev   line source
rlm@37 1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
rlm@37 2 <html xmlns="http://www.w3.org/1999/xhtml">
rlm@37 3 <head>
rlm@37 4 <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
rlm@37 5
rlm@51 6 <link href="./main.css" rel="stylesheet" type="text/css">
rlm@51 7 <link href="./sexy.css" rel="stylesheet" type="text/css">
rlm@37 8 <link href="./echo.css" rel="stylesheet" type="text/css">
rlm@51 9 <title>Laserkard | Echo</title>
rlm@37 10
rlm@78 11 <script type="text/javascript" src="./awesome_js/buycode.js"></script>
rlm@37 12 <script type="text/javascript" src="./awesome_js/raphael.js"></script>
rlm@51 13 <script type="text/javascript" src="./awesome_js/robert.js"></script>
rlm@51 14 <script type="text/javascript" src="./awesome_js/echo.js"></script>
rlm@37 15 <script type="text/javascript" src="./awesome_js/cufon-yui.js"></script>
rlm@37 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>
rlm@37 17
rlm@37 18
rlm@37 19
rlm@37 20
rlm@37 21
rlm@37 22 </head>
rlm@37 23
rlm@51 24 <body id = "echo">
rlm@37 25
rlm@37 26
rlm@51 27 PERL-REPLACE::TOP_MENU
rlm@51 28 <div id="whole">
rlm@51 29
rlm@51 30 <div id = "centerbox" >
rlm@51 31
rlm@51 32 <div id= "trifold" >
rlm@51 33 <div id = "disp_contain"></div>
rlm@51 34 <div id="display">PERL-REPLACE::DISPLAY</div>
rlm@51 35 </div>
rlm@51 36
rlm@51 37 <div id="pokedex">PERL-REPLACE::POKEDEX</div>
rlm@51 38 </div>
rlm@51 39
rlm@51 40 <div id="inputbox" ><div id = "i_inputbox">
rlm@51 41 <div id = "sendTo">
rlm@51 42 Fill In your email:<br>
rlm@51 43 <textarea id = "sendOff" rows="1" cols="30">
rlm@51 44 rlm@mit.edu
rlm@51 45 </textarea>
rlm@51 46 </div>
rlm@51 47 <br>
rlm@51 48 <div id = "buttonButton">
rlm@51 49 <button id = "parseButton" onClick="parseFile();">GENERATE SVG</button>
rlm@51 50 </div>
rlm@51 51 ^-- Click here to send SVG file to yourself.<br>
rlm@51 52 (don't click multiple times)
rlm@51 53 <br>
rlm@51 54
rlm@51 55 <br>
rlm@51 56 ________________________________________<br>
rlm@51 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.
rlm@51 58 <br>
rlm@51 59
rlm@51 60 <div id = "textInput">
rlm@51 61 <textarea id = "textEntry" rows="60" cols="60">
rlm@51 62 {
rlm@51 63
rlm@51 64 "bold":
rlm@51 65
rlm@51 66 {
rlm@51 67 "style" : "bold",
rlm@76 68 "number" : "0",
rlm@51 69 "fields":
rlm@51 70 {
rlm@51 71 "Name" : "Robert McIntyre",
rlm@51 72 "Email" : "rlm@mit.edu",
rlm@51 73 },
rlm@51 74 },
rlm@51 75 "arrow":
rlm@51 76
rlm@51 77 {
rlm@51 78 "style" : "arrow",
rlm@76 79 "number" : "0",
rlm@51 80 "fields":
rlm@51 81 {
rlm@51 82 "Name" : "Robert McIntyre",
rlm@51 83 "Email" : "rlm@mit.edu",
rlm@51 84 "Company" : "MIT",
rlm@51 85 "Occupation" : "Course 6 & 9",
rlm@51 86 },
rlm@51 87 },
rlm@51 88 "classic":
rlm@51 89
rlm@51 90 {
rlm@51 91 "style" : "classic",
rlm@76 92 "number" : "0",
rlm@51 93 "fields":
rlm@51 94 {
rlm@51 95 "Name" : "Robert McIntyre",
rlm@51 96 "Email" : "rlm@mit.edu",
rlm@51 97 "Company" : "MIT",
rlm@51 98 "Occupation" : "Course 6 & 9",
rlm@51 99 "Phone" : "617.821.9129",
rlm@51 100 "Website" : "http://www.rlmcintyre.com",
rlm@51 101 },
rlm@51 102 },
rlm@51 103 "direct":
rlm@51 104
rlm@51 105 {
rlm@51 106 "style" : "direct",
rlm@76 107 "number" : "0",
rlm@51 108 "fields":
rlm@51 109 {
rlm@51 110 "Name" : "Robert McIntyre",
rlm@51 111 "Email" : "rlm@mit.edu",
rlm@51 112 "Company" : "MIT",
rlm@51 113 "Occupation" : "Course 6 & 9",
rlm@51 114 "Phone" : "617.821.9129",
rlm@51 115 "Website" : "http://www.rlmcintyre.com",
rlm@51 116 },
rlm@51 117 },
rlm@51 118 }
rlm@51 119 </textarea>
rlm@51 120 </div>
rlm@51 121
rlm@51 122
rlm@51 123
rlm@51 124
rlm@51 125
rlm@51 126
rlm@51 127
rlm@51 128
rlm@51 129
rlm@51 130
rlm@51 131
rlm@51 132
rlm@51 133
rlm@51 134
rlm@51 135
rlm@51 136 </div></div>
rlm@51 137 <div id="materials" onmouseover="pokedex(['args__materials'],['pokedex']);">PERL-REPLACE::MATERIALS</div>
rlm@51 138 </div>
rlm@51 139
rlm@51 140
rlm@51 141
rlm@51 142
rlm@51 143 <div id = "formValues">PERL::INITIALVALUES</div>
rlm@51 144
rlm@51 145 <div id = "currentSpec">PERL::INITIALCARD</div>
rlm@51 146
rlm@51 147 <div id = "cardDefs">PERL::DEFS</div>
rlm@51 148
rlm@51 149 <div id = "output">OUTPUT</div>
rlm@51 150
rlm@51 151
rlm@51 152
rlm@51 153
rlm@51 154
rlm@51 155
rlm@37 156
rlm@37 157
rlm@37 158
rlm@37 159 <div id = "perlClick" onClick = "echo(['disp_contain'], ['perlClick'], 'POST');">Send this shiz!</div>
rlm@37 160
rlm@51 161 <!--
rlm@37 162
rlm@37 163 <script language="javascript">
rlm@37 164
rlm@37 165
rlm@51 166 //
rlm@51 167 //var raphe = Raphael("disp_contain", 515, 318);
rlm@51 168 //
rlm@51 169 //var c = raphe.rect(0, 0, 514, 317, 40);
rlm@51 170 //c.attr("stroke", "#00f");
rlm@51 171 //ta = raphe.print(10, 150, "Robert McIntyre", raphe.getFont("HelveticaNeue", 700), 63);
rlm@51 172 //ta.attr('stroke', '#f00');
rlm@51 173 //ta.attr('fill', 'TRANSPARENT');
rlm@51 174 //
rlm@51 175 //tb = raphe.print(300, 270, "rlm@mit.edu", raphe.getFont("HelveticaNeue", 700), 25);
rlm@51 176 //tb.attr('stroke', '#f00');
rlm@51 177 //tb.attr('fill', 'TRANSPARENT');
rlm@51 178 //
rlm@51 179 //tc = raphe.path("M 0 269 L 270 269");
rlm@51 180 //tc.attr('stroke', '#f00');
rlm@51 181 //
rlm@37 182
rlm@51 183 //
rlm@51 184
rlm@51 185
rlm@51 186
rlm@51 187
rlm@51 188 </script>
rlm@51 189 -->
rlm@51 190
rlm@51 191
rlm@51 192 <script language="javascript">
rlm@51 193 //this is the main painting object, established here and created with Initial painting values
rlm@51 194
rlm@51 195 JSONtex = document.getElementById('cardDefs').innerHTML;
rlm@51 196 laserkard = new Object();
rlm@51 197 laserkard = eval('(' + JSONtex + ')');
rlm@51 198 color = 'ff0000';
rlm@37 199 var raphe = Raphael("disp_contain", 515, 318);
rlm@51 200 redraw("bold");
rlm@37 201
rlm@38 202 var c = raphe.rect(0, 0, 514, 317, 40);
rlm@37 203 c.attr("stroke", "#00f");
rlm@37 204
rlm@37 205
rlm@37 206
rlm@37 207
rlm@38 208
rlm@51 209 //ta = raphe.print(10, 150, "Robert McIntyre", raphe.getFont("HelveticaNeue", 700), 63);
rlm@51 210 //ta.attr('stroke', '#f00');
rlm@51 211 //ta.attr('fill', 'TRANSPARENT');
rlm@38 212
rlm@51 213 //tb = raphe.print(300, 270, "rlm@mit.edu", raphe.getFont("HelveticaNeue", 700), 25);
rlm@51 214 //tb.attr('stroke', '#f00');
rlm@51 215 //tb.attr('fill', 'TRANSPARENT');
rlm@37 216
rlm@51 217 //tc = raphe.path("M 0 269 L 270 269");
rlm@51 218 //tc.attr('stroke', '#f00');
rlm@37 219
rlm@37 220
rlm@37 221 </script>
rlm@37 222
rlm@37 223
rlm@37 224
rlm@37 225
rlm@37 226 </body>
rlm@37 227
rlm@37 228 </html>
rlm@37 229
rlm@37 230