rlm@37: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
rlm@37: <html xmlns="http://www.w3.org/1999/xhtml">
rlm@37: <head>
rlm@37: <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
rlm@37: 
rlm@51: <link href="./main.css" rel="stylesheet" type="text/css">
rlm@51: <link href="./sexy.css" rel="stylesheet" type="text/css">
rlm@37: <link href="./echo.css" rel="stylesheet" type="text/css">
rlm@51: <title>Laserkard | Echo</title>
rlm@37: 
rlm@37: <script type="text/javascript" src="./buycode.js"></script>
rlm@37: <script type="text/javascript" src="./awesome_js/raphael.js"></script>
rlm@51: <script type="text/javascript" src="./awesome_js/robert.js"></script>
rlm@51: <script type="text/javascript" src="./awesome_js/echo.js"></script>
rlm@37: <script type="text/javascript" src="./awesome_js/cufon-yui.js"></script>
rlm@37: <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: 
rlm@37: 
rlm@37: 
rlm@37: 
rlm@37: 
rlm@37: </head>
rlm@37: 
rlm@51: <body id = "echo">
rlm@37: 
rlm@37: 
rlm@51: PERL-REPLACE::TOP_MENU
rlm@51: <div id="whole">
rlm@51: 	
rlm@51: 	<div id = "centerbox" >
rlm@51: 		
rlm@51: 		<div id= "trifold" >
rlm@51: 			<div id = "disp_contain"></div>
rlm@51: 			<div id="display">PERL-REPLACE::DISPLAY</div>
rlm@51: 		</div>
rlm@51: 		
rlm@51: 		<div id="pokedex">PERL-REPLACE::POKEDEX</div>
rlm@51: 	</div>
rlm@51: 
rlm@51: 	<div id="inputbox" ><div id = "i_inputbox">
rlm@51: <div id = "sendTo">
rlm@51: Fill In your email:<br>
rlm@51: <textarea id = "sendOff" rows="1" cols="30">
rlm@51: rlm@mit.edu
rlm@51: </textarea>
rlm@51: </div>
rlm@51: <br>
rlm@51: <div id = "buttonButton">
rlm@51: <button id = "parseButton" onClick="parseFile();">GENERATE SVG</button>
rlm@51: </div>
rlm@51:  ^--  Click here to send SVG file to yourself.<br>
rlm@51:  (don't click multiple times)
rlm@51:  <br>
rlm@51: 
rlm@51: <br>
rlm@51: ________________________________________<br>
rlm@51: 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: <br>
rlm@51: 
rlm@51: <div id = "textInput">
rlm@51: <textarea id = "textEntry" rows="60" cols="60">
rlm@51: {
rlm@51: 
rlm@51: "bold":
rlm@51: 	
rlm@51: 	{
rlm@51: 	"style" : "bold",
rlm@51: 	"number" : "7",
rlm@51: 	"fields":
rlm@51: 		{
rlm@51: 		"Name"	: "Robert McIntyre",
rlm@51: 		"Email"	: "rlm@mit.edu",
rlm@51: 		},
rlm@51: 	},
rlm@51: "arrow":
rlm@51: 	
rlm@51: 	{
rlm@51: 	"style" : "arrow",
rlm@51: 	"number" : "8",
rlm@51: 	"fields":
rlm@51: 		{
rlm@51: 		"Name"	: "Robert McIntyre",
rlm@51: 		"Email"	: "rlm@mit.edu",
rlm@51: 		"Company" : "MIT",
rlm@51: 		"Occupation" : "Course 6 & 9",
rlm@51: 		},
rlm@51: 	},
rlm@51: "classic":
rlm@51: 	
rlm@51: 	{
rlm@51: 	"style" : "classic",
rlm@51: 	"number" : "7",
rlm@51: 	"fields":
rlm@51: 		{
rlm@51: 		"Name"	: "Robert McIntyre",
rlm@51: 		"Email"	: "rlm@mit.edu",
rlm@51: 		"Company" : "MIT",
rlm@51: 		"Occupation" : "Course 6 & 9",
rlm@51: 		"Phone"	: "617.821.9129",
rlm@51: 		"Website" : "http://www.rlmcintyre.com",
rlm@51: 		},
rlm@51: 	},
rlm@51: "direct":
rlm@51: 	
rlm@51: 	{
rlm@51: 	"style" : "direct",
rlm@51: 	"number" : "8",
rlm@51: 	"fields":
rlm@51: 		{
rlm@51: 		"Name"	: "Robert McIntyre",
rlm@51: 		"Email"	: "rlm@mit.edu",
rlm@51: 		"Company" : "MIT",
rlm@51: 		"Occupation" : "Course 6 & 9",
rlm@51: 		"Phone"	: "617.821.9129",
rlm@51: 		"Website" : "http://www.rlmcintyre.com",
rlm@51: 		},
rlm@51: 	},
rlm@51: }
rlm@51: </textarea>
rlm@51: </div>
rlm@51: 
rlm@51: 
rlm@51: 
rlm@51: 
rlm@51: 
rlm@51: 
rlm@51: 
rlm@51: 
rlm@51: 
rlm@51: 
rlm@51: 
rlm@51: 
rlm@51: 
rlm@51: 
rlm@51: 
rlm@51: </div></div>
rlm@51: 	<div id="materials" onmouseover="pokedex(['args__materials'],['pokedex']);">PERL-REPLACE::MATERIALS</div>
rlm@51: </div>
rlm@51: 
rlm@51: 
rlm@51: 
rlm@51: 
rlm@51: <div id = "formValues">PERL::INITIALVALUES</div>
rlm@51: 
rlm@51: <div id = "currentSpec">PERL::INITIALCARD</div>
rlm@51: 
rlm@51: <div id = "cardDefs">PERL::DEFS</div>
rlm@51: 
rlm@51: <div id = "output">OUTPUT</div>
rlm@51: 
rlm@51: 
rlm@51: 
rlm@51: 
rlm@51: 
rlm@51: 
rlm@37: 
rlm@37: 
rlm@37: 
rlm@37: <div id = "perlClick"  onClick = "echo(['disp_contain'], ['perlClick'], 'POST');">Send this shiz!</div>
rlm@37: 
rlm@51: <!--
rlm@37: 
rlm@37: <script language="javascript">
rlm@37: 
rlm@37: 
rlm@51: //
rlm@51: //var raphe = Raphael("disp_contain", 515, 318);
rlm@51: //
rlm@51: //var c = raphe.rect(0, 0, 514, 317, 40);
rlm@51: //c.attr("stroke", "#00f");
rlm@51: //ta = raphe.print(10, 150, "Robert McIntyre", raphe.getFont("HelveticaNeue", 700), 63);
rlm@51: //ta.attr('stroke', '#f00');
rlm@51: //ta.attr('fill', 'TRANSPARENT');
rlm@51: //
rlm@51: //tb = raphe.print(300, 270, "rlm@mit.edu", raphe.getFont("HelveticaNeue", 700), 25);
rlm@51: //tb.attr('stroke', '#f00');
rlm@51: //tb.attr('fill', 'TRANSPARENT');
rlm@51: //
rlm@51: //tc = raphe.path("M 0 269 L 270 269");
rlm@51: //tc.attr('stroke', '#f00');
rlm@51: //
rlm@37: 
rlm@51: //
rlm@51: 
rlm@51: 
rlm@51: 
rlm@51: 
rlm@51: </script>
rlm@51: -->
rlm@51: 
rlm@51: 
rlm@51: <script language="javascript">
rlm@51: //this is the main painting object, established here and created with Initial painting values
rlm@51: 
rlm@51: JSONtex = document.getElementById('cardDefs').innerHTML;
rlm@51: laserkard = new Object();
rlm@51: laserkard = eval('(' + JSONtex + ')');
rlm@51: color = 'ff0000';
rlm@37: var raphe = Raphael("disp_contain", 515, 318);
rlm@51: redraw("bold");
rlm@37: 
rlm@38: var c = raphe.rect(0, 0, 514, 317, 40);
rlm@37: c.attr("stroke", "#00f");
rlm@37: 
rlm@37: 
rlm@37: 
rlm@37: 
rlm@38: 
rlm@51: //ta = raphe.print(10, 150, "Robert McIntyre", raphe.getFont("HelveticaNeue", 700), 63);
rlm@51: //ta.attr('stroke', '#f00');
rlm@51: //ta.attr('fill', 'TRANSPARENT');
rlm@38: 
rlm@51: //tb = raphe.print(300, 270, "rlm@mit.edu", raphe.getFont("HelveticaNeue", 700), 25);
rlm@51: //tb.attr('stroke', '#f00');
rlm@51: //tb.attr('fill', 'TRANSPARENT');
rlm@37: 
rlm@51: //tc = raphe.path("M 0 269 L 270 269");
rlm@51: //tc.attr('stroke', '#f00');
rlm@37: 
rlm@37: 
rlm@37: </script>
rlm@37: 
rlm@37: 
rlm@37: 
rlm@37: 
rlm@37: </body>
rlm@37: 
rlm@37: </html>
rlm@37: 
rlm@37: