hookandline/index.html at master · davidmine/hookandline · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
<html>
	<head>
		<!-- <link rel="stylesheet" href="./assets/css/hookandline.css" media="none"> -->
		<!-- Dropzone
		<link rel="stylesheet" href="./assets/css/dropzone.css">
		<script type="text/javascript" src="./assets/js/dropzone.js"></script>
		-->
		<script type="text/javascript" src="./assets/js/papaparse.js" charset="utf-8" async defer></script>
		<script type="text/javascript" src="./assets/js/hookandline.js"></script>
	</head>
	<body>
		<h2>Corner to corner mapper</h2><br />
		<span>This is my very crude first attempt at site that wil convert a visual c2c pattern into a set of instructions</span><br />
		<span>Here's how it works</span><br />
		<ol>
			<li>Open up Excel and make rectangular grid like <a download="spiderman.csv" href="assets/spiderman.csv">this one</a></li>
			<li>Save the visual grid as a .csv file (comma separated value)</li>
			<li>Upload the file below</li>
			<li>Click the button</li>
			<li>Enjoy!</li>
		</ol>
		<div>
			<input id="visualdatafile" type="file" /><br /><button onclick="generateFromFile()">Generate Instructions</button><br /><br />
			<span>-- or --</span><br /><br />
			<textarea id="visualdatastring"></textarea><br /><button onclick="generateFromString()">Generate Instructions</button>
		</div>

		<div id="outputstring"></div>
	</body>
</html>