Mercurial > laserkard

     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">

     5 

     6 <link href="./main.css" rel="stylesheet" type="text/css">

     7 <link href="./sexy.css" rel="stylesheet" type="text/css">

     8 

     9 <title>Laserkard | Design Studio</title>

    10 

    11 <script type="text/javascript" src="./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/cufon-yui.js"></script>

    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>

    16 

    17 

    18 

    19 

    20 

    21 </head>

    22 

    23 <body id = "buy">

    24 

    25 

    26 

    27 

    28 

    29 

    30 

    31 

    32 PERL-REPLACE::TOP_MENU

    33 

    34 

    35 <div id="whole">

    36 

    37 <div id="templates" >PERL-REPLACE::TEMPLATES</div>

    38 

    39 

    40 

    41 <div id = "centerbox" >

    42 

    43 

    44 

    45 

    46 

    47 <div id= "trifold" >

    48 

    49 

    50 

    51 <div id = "disp_contain"></div>

    52 	

    53 <div id="display">PERL-REPLACE::DISPLAY</div>

    54 

    55 

    56 

    57 

    58 </div>

    59 

    60 <div id="pokedex">PERL-REPLACE::POKEDEX</div>

    61 

    62 

    63 

    64 </div>

    65 

    66 

    67 <div id="inputbox" >PERL-REPLACE::INPUTBOX</div>

    68 

    69 

    70 

    71 

    72 

    73 <div id="materials" onmouseover="pokedex(['args__materials'],['pokedex']);">PERL-REPLACE::MATERIALS</div>

    74 

    75 

    76 </div>

    77 

    78 

    79 

    80 <div id = "copyright">&copy; 2010 LaserKard, LLC</div>

    81 

    82 

    83 <script language="javascript">

    84 //this is the main painting object, established here and created with default painting values

    85 var raphe = Raphael("disp_contain", 515, 318);

    86 

    87 

    88 

    89 function drawElement(obj)

    90 {

    91 	

    92 }

    93 

    94 

    95 

    96 

    97 function redraw(style)

    98 {

    99 

   100 if (style == "bold")

   101 {

   102 	

   103 

   104 

   105 if(typeof alias != 'undefined' ){alias.remove();}

   106 if(typeof email != 'undefined' ){email.remove();}

   107 if(typeof occupation != 'undefined' ){occupation.remove();}

   108 if(typeof company != 'undefined' ){company.remove();}

   109 if(typeof phone != 'undefined' ){phone.remove();}

   110 if(typeof website != 'undefined' ){website.remove();}

   111 if(typeof lnn != 'undefined' ){lnn.remove();}

   112 

   113 

   114 

   115 var oText = document.getElementById('Name');

   116 var text_val = oText.value; 

   117 alias = raphe.print(10, 160, text_val, raphe.getFont('HelveticaNeue', 700), 60);

   118 alias.attr('stroke', '#6a6a6a');

   119 alias.attr('fill', 'none')

   120 var c = alias.getBBox().width;

   121 alias.translate((485 - c)/2,0);

   122 

   123 	

   124 var oText = document.getElementById('Email');

   125 var text_val = oText.value; 

   126 

   127 email = raphe.print(280, 270, text_val, raphe.getFont("HelveticaNeue", 700), 25);

   128 email.attr('stroke', '#6a6a6a');

   129 email.attr('fill', 'TRANSPARENT');

   130 

   131 

   132 

   133 	

   134 }

   135 

   136 

   137 if (style == "arrow")

   138 {

   139 	

   140 if(typeof alias != 'undefined' ){alias.remove();}

   141 if(typeof email != 'undefined' ){email.remove();}

   142 if(typeof occupation != 'undefined' ){occupation.remove();}

   143 if(typeof company != 'undefined' ){company.remove();}

   144 if(typeof phone != 'undefined' ){phone.remove();}

   145 if(typeof website != 'undefined' ){website.remove();}

   146 if(typeof lnn != 'undefined' ){lnn.remove();}

   147 

   148 

   149 var oText = document.getElementById('Name');

   150 var text_val = oText.value; 

   151 alias = raphe.print(40, 110, text_val, raphe.getFont('HelveticaNeue', 700), 55);

   152 alias.attr('stroke', '#6a6a6a');

   153 alias.attr('fill', 'none')

   154 

   155 

   156 

   157 var oText = document.getElementById('Company');

   158 var text_val = oText.value; 

   159 

   160 company = raphe.print(40, 155, text_val, raphe.getFont("HelveticaNeue", 700), 27);

   161 company.attr('stroke', '#6a6a6a');

   162 company.attr('fill', 'TRANSPARENT');

   163 

   164 

   165 var oText = document.getElementById('Occupation');

   166 var text_val = oText.value; 

   167 

   168 occupation = raphe.print(40, 190, text_val, raphe.getFont("HelveticaNeue", 700), 27);

   169 occupation.attr('stroke', '#6a6a6a');

   170 occupation.attr('fill', 'TRANSPARENT');

   171 

   172 

   173 var oText = document.getElementById('Email');

   174 var text_val = oText.value; 

   175 

   176 email = raphe.print(280, 270, text_val, raphe.getFont("HelveticaNeue", 700), 25);

   177 email.attr('stroke', '#6a6a6a');

   178 email.attr('fill', 'TRANSPARENT');

   179 

   180 

   181 lnn = raphe.path("M 2 272 L 258 272");

   182 lnn.attr('stroke', '#6a6a6a');

   183 	

   184 }

   185 

   186 

   187 if (style == "classic")

   188 {

   189 	

   190 if(typeof alias != 'undefined' ){alias.remove();}

   191 if(typeof email != 'undefined' ){email.remove();}

   192 if(typeof occupation != 'undefined' ){occupation.remove();}

   193 if(typeof company != 'undefined' ){company.remove();}

   194 if(typeof phone != 'undefined' ){phone.remove();}

   195 if(typeof website != 'undefined' ){website.remove();}

   196 if(typeof lnn != 'undefined' ){lnn.remove();}

   197 

   198 

   199 var oText = document.getElementById('Email');

   200 var text_val = oText.value; 

   201 

   202 email = raphe.print(0, 42, text_val, raphe.getFont("HelveticaNeue", 700), 29);

   203 email.attr('stroke', '#6a6a6a');

   204 email.attr('fill', 'TRANSPARENT');

   205 var c = email.getBBox().width;

   206 email.translate((510 - c)/2,0);

   207 

   208 

   209 var oText = document.getElementById('Phone');

   210 var text_val = oText.value; 

   211 

   212 phone = raphe.print(0, 75, text_val, raphe.getFont("HelveticaNeue", 700), 27);

   213 phone.attr('stroke', '#6a6a6a');

   214 phone.attr('fill', 'TRANSPARENT');

   215 var c = phone.getBBox().width;

   216 phone.translate((510 - c)/2,0);

   217 

   218 

   219 

   220 

   221 var oText = document.getElementById('Name');

   222 var text_val = oText.value; 

   223 alias = raphe.print(0, 164, text_val, raphe.getFont('HelveticaNeue', 800), 47);

   224 alias.attr('stroke', '#6a6a6a');

   225 alias.attr('fill', 'none')

   226 var c = alias.getBBox().width;

   227 alias.translate((510 - c)/2,0);

   228 

   229 

   230 var oText = document.getElementById('Company');

   231 var text_val = oText.value; 

   232 company = raphe.print(0, 247, text_val, raphe.getFont("HelveticaNeue", 700), 27);

   233 company.attr('stroke', '#6a6a6a');

   234 company.attr('fill', 'TRANSPARENT');

   235 var c = company.getBBox().width;

   236 company.translate((510 - c)/2,0);

   237 

   238 

   239 var oText = document.getElementById('Occupation');

   240 var text_val = oText.value; 

   241 

   242 occupation = raphe.print(0, 278, text_val, raphe.getFont("HelveticaNeue", 700), 27);

   243 occupation.attr('stroke', '#6a6a6a');

   244 occupation.attr('fill', 'TRANSPARENT');

   245 var c = occupation.getBBox().width;

   246 occupation.translate((510 - c)/2,0);

   247 

   248 

   249 

   250 

   251 var oText = document.getElementById('Website');

   252 var text_val = oText.value; 

   253 

   254 website = raphe.print(0, 0, text_val, raphe.getFont("HelveticaNeue", 700), 21);

   255 website.attr('stroke', '#6a6a6a');

   256 website.attr('fill', 'TRANSPARENT');

   257 

   258 var c = website.getBBox().width;

   259 website.translate((317 - c)/2,0);

   260 

   261 website.translate(0, -490);

   262 website.rotate(90,0,0);

   263 }

   264 

   265 

   266 if (style == "direct")

   267 {

   268 	

   269 if(typeof alias != 'undefined' ){alias.remove();}

   270 if(typeof email != 'undefined' ){email.remove();}

   271 if(typeof occupation != 'undefined' ){occupation.remove();}

   272 if(typeof company != 'undefined' ){company.remove();}

   273 if(typeof phone != 'undefined' ){phone.remove();}

   274 if(typeof website != 'undefined' ){website.remove();}

   275 if(typeof lnn != 'undefined' ){lnn.remove();}

   276 

   277 

   278 

   279 var oText = document.getElementById('Name');

   280 var text_val = oText.value; 

   281 alias = raphe.print(37, 70, text_val, raphe.getFont('HelveticaNeue', 700), 55);

   282 alias.attr('stroke', '#6a6a6a');

   283 alias.attr('fill', 'none')

   284 

   285 

   286 var oText = document.getElementById('Occupation');

   287 var text_val = oText.value; 

   288 occupation = raphe.print(37, 120, text_val, raphe.getFont("HelveticaNeue", 700), 27);

   289 occupation.attr('stroke', '#6a6a6a');

   290 occupation.attr('fill', 'TRANSPARENT');

   291 

   292 

   293 var oText = document.getElementById('Company');

   294 var text_val = oText.value; 

   295 company = raphe.print(37, 178, text_val, raphe.getFont("HelveticaNeue", 700), 27);

   296 company.attr('stroke', '#6a6a6a');

   297 company.attr('fill', 'TRANSPARENT');

   298 

   299 

   300 

   301 var oText = document.getElementById('Phone');

   302 var text_val = oText.value; 

   303 phone = raphe.print(37, 210, text_val, raphe.getFont("HelveticaNeue", 700), 27);

   304 phone.attr('stroke', '#6a6a6a');

   305 phone.attr('fill', 'TRANSPARENT');

   306 

   307 

   308 var oText = document.getElementById('Email');

   309 var text_val = oText.value; 

   310 email = raphe.print(37, 240, text_val, raphe.getFont("HelveticaNeue", 700), 27);

   311 email.attr('stroke', '#6a6a6a');

   312 email.attr('fill', 'TRANSPARENT');

   313 

   314 

   315 var oText = document.getElementById('Website');

   316 var text_val = oText.value; 

   317 website = raphe.print(37, 270, text_val, raphe.getFont("HelveticaNeue", 700), 27);

   318 website.attr('stroke', '#6a6a6a');

   319 website.attr('fill', 'TRANSPARENT');

   320 

   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");

   322 lnn.attr('stroke', '#6a6a6a');

   323 

   324 

   325 

   326 }

   327 

   328 

   329 

   330 

   331 

   332 }

   333 

   334 

   335 

   336 

   337 

   338 </script>

   339 

   340 

   341 

   342 <script language="javascript">

   343 

   344 

   345 redraw("bold");

   346 

   347 </script>

   348 

   349 </body>

   350 

   351 </html>

   352 

   353
author	rlm
date	Mon, 25 Jan 2010 13:38:05 -0500
parents	1ac1409ea68c
children	ef8615de8a9c