Mercurial > laserkard

annotate buy.html @ 40:1ac1409ea68c laserkard

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
[svn r41] implemented dynamic text.
author rlm
date Mon, 25 Jan 2010 03:42:08 -0500
parents 07c19a58ba5a
children c4747d955ac8
rev   line source
rlm@28 1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
rlm@28 2 <html xmlns="http://www.w3.org/1999/xhtml">
rlm@0 3 <head>
rlm@28 4 <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
rlm@25 5
rlm@28 6 <link href="./main.css" rel="stylesheet" type="text/css">
rlm@28 7 <link href="./sexy.css" rel="stylesheet" type="text/css">
rlm@0 8
rlm@0 9 <title>Laserkard | Design Studio</title>
rlm@0 10
rlm@0 11 <script type="text/javascript" src="./buycode.js"></script>
rlm@29 12 <script type="text/javascript" src="./awesome_js/raphael.js"></script>
rlm@40 13 <script type="text/javascript" src="./awesome_js/robert.js"></script>
rlm@29 14 <script type="text/javascript" src="./awesome_js/cufon-yui.js"></script>
rlm@29 15 <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@29 16
rlm@29 17
rlm@29 18
rlm@29 19
rlm@29 20
rlm@0 21 </head>
rlm@0 22
rlm@22 23 <body id = "buy">
rlm@0 24
rlm@29 25
rlm@29 26
rlm@29 27
rlm@29 28
rlm@29 29
rlm@29 30
rlm@29 31
rlm@0 32 PERL-REPLACE::TOP_MENU
rlm@0 33
rlm@0 34
rlm@28 35 <div id="whole">
rlm@16 36
rlm@22 37 <div id="templates" >PERL-REPLACE::TEMPLATES</div>
rlm@16 38
rlm@22 39
rlm@29 40
rlm@22 41 <div id = "centerbox" >
rlm@29 42
rlm@32 43
rlm@32 44
rlm@32 45
rlm@32 46
rlm@32 47 <div id= "trifold" >
rlm@32 48
rlm@32 49
rlm@32 50
rlm@29 51 <div id = "disp_contain"></div>
rlm@29 52
rlm@24 53 <div id="display">PERL-REPLACE::DISPLAY</div>
rlm@23 54
rlm@29 55
rlm@29 56
rlm@29 57
rlm@23 58 </div>
rlm@23 59
rlm@24 60 <div id="pokedex">PERL-REPLACE::POKEDEX</div>
rlm@23 61
rlm@23 62
rlm@23 63
rlm@19 64 </div>
rlm@0 65
rlm@0 66
rlm@22 67 <div id="inputbox" >PERL-REPLACE::INPUTBOX</div>
rlm@24 68
rlm@16 69
rlm@20 70
rlm@0 71
rlm@22 72
rlm@22 73 <div id="materials" onmouseover="pokedex(['args__materials'],['pokedex']);">PERL-REPLACE::MATERIALS</div>
rlm@22 74
rlm@0 75
rlm@32 76 </div>
rlm@29 77
rlm@29 78
rlm@29 79
rlm@32 80 <div id = "copyright">&copy; 2010 LaserKard, LLC</div>
rlm@32 81
rlm@29 82
rlm@40 83 <script language="javascript">
rlm@40 84 //this is the main painting object, established here and created with default painting values
rlm@40 85 var raphe = Raphael("disp_contain", 515, 318);
rlm@29 86
rlm@29 87
rlm@40 88
rlm@40 89 function drawElement(obj)
rlm@40 90 {
rlm@40 91
rlm@40 92 }
rlm@40 93
rlm@40 94
rlm@40 95
rlm@40 96
rlm@40 97 function redraw(style)
rlm@40 98 {
rlm@40 99
rlm@40 100 if (style == "bold")
rlm@40 101 {
rlm@40 102
rlm@40 103
rlm@40 104
rlm@40 105 if(typeof alias != 'undefined' ){alias.remove();}
rlm@40 106 if(typeof email != 'undefined' ){email.remove();}
rlm@40 107 if(typeof occupation != 'undefined' ){occupation.remove();}
rlm@40 108 if(typeof company != 'undefined' ){company.remove();}
rlm@40 109 if(typeof phone != 'undefined' ){phone.remove();}
rlm@40 110 if(typeof website != 'undefined' ){website.remove();}
rlm@40 111 if(typeof lnn != 'undefined' ){lnn.remove();}
rlm@40 112
rlm@40 113
rlm@40 114
rlm@40 115 var oText = document.getElementById('Name');
rlm@40 116 var text_val = oText.value;
rlm@40 117 alias = raphe.print(10, 160, text_val, raphe.getFont('HelveticaNeue', 700), 75);
rlm@40 118 alias.attr('stroke', '#6a6a6a');
rlm@40 119 alias.attr('fill', 'none')
rlm@40 120 var c = alias.getBBox().width;
rlm@40 121 alias.translate((485 - c)/2,0);
rlm@40 122
rlm@40 123
rlm@40 124 var oText = document.getElementById('Email');
rlm@40 125 var text_val = oText.value;
rlm@40 126
rlm@40 127 email = raphe.print(280, 270, text_val, raphe.getFont("HelveticaNeue", 700), 25);
rlm@40 128 email.attr('stroke', '#6a6a6a');
rlm@40 129 email.attr('fill', 'TRANSPARENT');
rlm@40 130
rlm@40 131
rlm@40 132
rlm@40 133
rlm@40 134 }
rlm@40 135
rlm@40 136
rlm@40 137 if (style == "arrow")
rlm@40 138 {
rlm@40 139
rlm@40 140 if(typeof alias != 'undefined' ){alias.remove();}
rlm@40 141 if(typeof email != 'undefined' ){email.remove();}
rlm@40 142 if(typeof occupation != 'undefined' ){occupation.remove();}
rlm@40 143 if(typeof company != 'undefined' ){company.remove();}
rlm@40 144 if(typeof phone != 'undefined' ){phone.remove();}
rlm@40 145 if(typeof website != 'undefined' ){website.remove();}
rlm@40 146 if(typeof lnn != 'undefined' ){lnn.remove();}
rlm@40 147
rlm@40 148
rlm@40 149 var oText = document.getElementById('Name');
rlm@40 150 var text_val = oText.value;
rlm@40 151 alias = raphe.print(40, 110, text_val, raphe.getFont('HelveticaNeue', 700), 64);
rlm@40 152 alias.attr('stroke', '#6a6a6a');
rlm@40 153 alias.attr('fill', 'none')
rlm@40 154
rlm@40 155
rlm@40 156
rlm@40 157 var oText = document.getElementById('Company');
rlm@40 158 var text_val = oText.value;
rlm@40 159
rlm@40 160 company = raphe.print(40, 155, text_val, raphe.getFont("HelveticaNeue", 700), 27);
rlm@40 161 company.attr('stroke', '#6a6a6a');
rlm@40 162 company.attr('fill', 'TRANSPARENT');
rlm@40 163
rlm@40 164
rlm@40 165 var oText = document.getElementById('Occupation');
rlm@40 166 var text_val = oText.value;
rlm@40 167
rlm@40 168 occupation = raphe.print(40, 190, text_val, raphe.getFont("HelveticaNeue", 700), 27);
rlm@40 169 occupation.attr('stroke', '#6a6a6a');
rlm@40 170 occupation.attr('fill', 'TRANSPARENT');
rlm@40 171
rlm@40 172
rlm@40 173 var oText = document.getElementById('Email');
rlm@40 174 var text_val = oText.value;
rlm@40 175
rlm@40 176 email = raphe.print(280, 270, text_val, raphe.getFont("HelveticaNeue", 700), 25);
rlm@40 177 email.attr('stroke', '#6a6a6a');
rlm@40 178 email.attr('fill', 'TRANSPARENT');
rlm@40 179
rlm@40 180
rlm@40 181 lnn = raphe.path("M 2 272 L 258 272");
rlm@40 182 lnn.attr('stroke', '#6a6a6a');
rlm@40 183
rlm@40 184 }
rlm@40 185
rlm@40 186
rlm@40 187 if (style == "classic")
rlm@40 188 {
rlm@40 189
rlm@40 190 if(typeof alias != 'undefined' ){alias.remove();}
rlm@40 191 if(typeof email != 'undefined' ){email.remove();}
rlm@40 192 if(typeof occupation != 'undefined' ){occupation.remove();}
rlm@40 193 if(typeof company != 'undefined' ){company.remove();}
rlm@40 194 if(typeof phone != 'undefined' ){phone.remove();}
rlm@40 195 if(typeof website != 'undefined' ){website.remove();}
rlm@40 196 if(typeof lnn != 'undefined' ){lnn.remove();}
rlm@40 197
rlm@40 198
rlm@40 199 var oText = document.getElementById('Email');
rlm@40 200 var text_val = oText.value;
rlm@40 201
rlm@40 202 email = raphe.print(0, 42, text_val, raphe.getFont("HelveticaNeue", 700), 29);
rlm@40 203 email.attr('stroke', '#6a6a6a');
rlm@40 204 email.attr('fill', 'TRANSPARENT');
rlm@40 205 var c = email.getBBox().width;
rlm@40 206 email.translate((510 - c)/2,0);
rlm@40 207
rlm@40 208
rlm@40 209 var oText = document.getElementById('Phone');
rlm@40 210 var text_val = oText.value;
rlm@40 211
rlm@40 212 phone = raphe.print(0, 75, text_val, raphe.getFont("HelveticaNeue", 700), 27);
rlm@40 213 phone.attr('stroke', '#6a6a6a');
rlm@40 214 phone.attr('fill', 'TRANSPARENT');
rlm@40 215 var c = phone.getBBox().width;
rlm@40 216 phone.translate((510 - c)/2,0);
rlm@40 217
rlm@40 218
rlm@40 219
rlm@40 220
rlm@40 221 var oText = document.getElementById('Name');
rlm@40 222 var text_val = oText.value;
rlm@40 223 alias = raphe.print(0, 164, text_val, raphe.getFont('HelveticaNeue', 800), 55);
rlm@40 224 alias.attr('stroke', '#6a6a6a');
rlm@40 225 alias.attr('fill', 'none')
rlm@40 226 var c = alias.getBBox().width;
rlm@40 227 alias.translate((510 - c)/2,0);
rlm@40 228
rlm@40 229
rlm@40 230 var oText = document.getElementById('Company');
rlm@40 231 var text_val = oText.value;
rlm@40 232 company = raphe.print(0, 247, text_val, raphe.getFont("HelveticaNeue", 700), 27);
rlm@40 233 company.attr('stroke', '#6a6a6a');
rlm@40 234 company.attr('fill', 'TRANSPARENT');
rlm@40 235 var c = company.getBBox().width;
rlm@40 236 company.translate((510 - c)/2,0);
rlm@40 237
rlm@40 238
rlm@40 239 var oText = document.getElementById('Occupation');
rlm@40 240 var text_val = oText.value;
rlm@40 241
rlm@40 242 occupation = raphe.print(0, 278, text_val, raphe.getFont("HelveticaNeue", 700), 27);
rlm@40 243 occupation.attr('stroke', '#6a6a6a');
rlm@40 244 occupation.attr('fill', 'TRANSPARENT');
rlm@40 245 var c = occupation.getBBox().width;
rlm@40 246 occupation.translate((510 - c)/2,0);
rlm@40 247
rlm@40 248
rlm@40 249
rlm@40 250
rlm@40 251 var oText = document.getElementById('Website');
rlm@40 252 var text_val = oText.value;
rlm@40 253
rlm@40 254 website = raphe.print(0, 0, text_val, raphe.getFont("HelveticaNeue", 700), 21);
rlm@40 255 website.attr('stroke', '#6a6a6a');
rlm@40 256 website.attr('fill', 'TRANSPARENT');
rlm@40 257
rlm@40 258 var c = website.getBBox().width;
rlm@40 259 website.translate((317 - c)/2,0);
rlm@40 260
rlm@40 261 website.translate(0, -490);
rlm@40 262 website.rotate(90,0,0);
rlm@40 263 }
rlm@40 264
rlm@40 265
rlm@40 266 if (style == "direct")
rlm@40 267 {
rlm@40 268
rlm@40 269 if(typeof alias != 'undefined' ){alias.remove();}
rlm@40 270 if(typeof email != 'undefined' ){email.remove();}
rlm@40 271 if(typeof occupation != 'undefined' ){occupation.remove();}
rlm@40 272 if(typeof company != 'undefined' ){company.remove();}
rlm@40 273 if(typeof phone != 'undefined' ){phone.remove();}
rlm@40 274 if(typeof website != 'undefined' ){website.remove();}
rlm@40 275 if(typeof lnn != 'undefined' ){lnn.remove();}
rlm@40 276
rlm@40 277
rlm@40 278
rlm@40 279 var oText = document.getElementById('Name');
rlm@40 280 var text_val = oText.value;
rlm@40 281 alias = raphe.print(37, 70, text_val, raphe.getFont('HelveticaNeue', 700), 65);
rlm@40 282 alias.attr('stroke', '#6a6a6a');
rlm@40 283 alias.attr('fill', 'none')
rlm@40 284
rlm@40 285
rlm@40 286 var oText = document.getElementById('Occupation');
rlm@40 287 var text_val = oText.value;
rlm@40 288 occupation = raphe.print(37, 120, text_val, raphe.getFont("HelveticaNeue", 700), 27);
rlm@40 289 occupation.attr('stroke', '#6a6a6a');
rlm@40 290 occupation.attr('fill', 'TRANSPARENT');
rlm@40 291
rlm@40 292
rlm@40 293 var oText = document.getElementById('Company');
rlm@40 294 var text_val = oText.value;
rlm@40 295 company = raphe.print(37, 178, text_val, raphe.getFont("HelveticaNeue", 700), 27);
rlm@40 296 company.attr('stroke', '#6a6a6a');
rlm@40 297 company.attr('fill', 'TRANSPARENT');
rlm@40 298
rlm@40 299
rlm@40 300
rlm@40 301 var oText = document.getElementById('Phone');
rlm@40 302 var text_val = oText.value;
rlm@40 303 phone = raphe.print(37, 210, text_val, raphe.getFont("HelveticaNeue", 700), 27);
rlm@40 304 phone.attr('stroke', '#6a6a6a');
rlm@40 305 phone.attr('fill', 'TRANSPARENT');
rlm@40 306
rlm@40 307
rlm@40 308 var oText = document.getElementById('Email');
rlm@40 309 var text_val = oText.value;
rlm@40 310 email = raphe.print(37, 240, text_val, raphe.getFont("HelveticaNeue", 700), 27);
rlm@40 311 email.attr('stroke', '#6a6a6a');
rlm@40 312 email.attr('fill', 'TRANSPARENT');
rlm@40 313
rlm@40 314
rlm@40 315 var oText = document.getElementById('Website');
rlm@40 316 var text_val = oText.value;
rlm@40 317 website = raphe.print(37, 270, text_val, raphe.getFont("HelveticaNeue", 700), 27);
rlm@40 318 website.attr('stroke', '#6a6a6a');
rlm@40 319 website.attr('fill', 'TRANSPARENT');
rlm@40 320
rlm@40 321 lnn = raphe.path("M 350 165 L 512 165 M 350 173 L 512 173 M 350 181 L 512 181 M 350 189 L 512 189 M 350 197 L 512 197 M 350 213 L 512 213 M 350 205 L 512 205 M 350 221 L 512 221");
rlm@40 322 lnn.attr('stroke', '#6a6a6a');
rlm@40 323
rlm@40 324
rlm@40 325
rlm@40 326 }
rlm@40 327
rlm@40 328
rlm@40 329
rlm@40 330
rlm@40 331
rlm@40 332 }
rlm@40 333
rlm@40 334
rlm@40 335
rlm@40 336
rlm@40 337
rlm@40 338 </script>
rlm@40 339
rlm@40 340
rlm@40 341
rlm@40 342 <script language="javascript">
rlm@40 343
rlm@40 344
rlm@40 345 redraw("bold");
rlm@40 346
rlm@40 347 </script>
rlm@40 348
rlm@0 349 </body>
rlm@0 350
rlm@0 351 </html>
rlm@0 352
rlm@0 353