-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
55 lines (55 loc) · 3.08 KB
/
index.html
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
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>SnakeEx Interpreter Online</title>
<meta property="og:title" content="SnakeEx Interpreter Online">
<meta property="og:url" content="https://www.brianmacintosh.com/snakeex/">
<meta property="og:site_name" content="Games by Brian MacIntosh">
<meta property="og:type" content="website">
<meta property="og:image" content="http://brianmacintosh.com/snakeex/og_icon.png">
<meta property="og:description" content="SnakeEx is a 2D text-search or pattern-matching language based on regex. This is an online interpreter for SnakeEx.">
<link rel="image_src" href="https://brianmacintosh.com/snakeex/og_icon.png"/>
<link rel="shortcut icon" href="favicon.ico" type="image/x-icon"/>
<link rel="canonical" href="https://www.brianmacintosh.com/snakeex"/>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta name="keywords" content="code golf,brian macintosh,stack exchange,interpreter,regex,pattern match,html5,javascript">
<meta name="description" content="SnakeEx is a 2D text-search or pattern-matching language based on regex. This is an online interpreter for SnakeEx.">
<script src="snake-ex.js" type="text/javascript"></script>
<script src="samples.js" type="text/javascript"></script>
<script src="gui.js" type="text/javascript"></script>
<style>
html{width:100%;height:100%;font-family:verdana;}
body{margin:0 20px 0 20px;background-color:white;}
.center{text-align:center;}
#homediv{position:absolute;left:10px;top:10px;}
.column{float:left;padding-left:10px;}
table{border-collapse:collapse;}
</style>
</head>
<body onload="samples.populateSamples();">
<div class="center">
<div id="homediv"><a href="/" target="_blank"><img src="/media/title_penguin.png" height="64" alt="Penguin in a TV"/></a></div>
<h1>SnakeEx Interpreter Online</h1>
</div>
<h3>What is this?</h3>
<p>SnakeEx is a 2D text-search or pattern-matching language based on regex. This is an online interpreter for SnakeEx. SnakeEx is being developed for a contest on the <a href="http://codegolf.stackexchange.com/q/47311/32671">Code Golf Stack Exchange.</a></p>
<p>Find the language spec <a href="spec.html">here</a>.</p>
<p>Full interpreter source code (Javascript): <a href="https://github.com/BrianMacIntosh/SnakeEx">Github</a>.</p>
<p><b>Samples:</b> <span id="samplebox"></span></p>
<p><span style="color:red">Warning</span>: malformed code can hang your browser.</p>
<div class="center"><noscript><p><b>You need Javascript enabled to play the simulation!</b></p></noscript></div>
<div class="column">
Input:<br/>
<textarea rows="20" cols="30" id="inputbox" style="white-space: nowrap;"></textarea><br/>
</div>
<div class="column">
Code:<br/>
<textarea rows="20" cols="50" id="codebox" style="white-space: nowrap;"></textarea><br/>
</div>
<div class="column">
Output:<br/><br/>
<button type="button" onclick="gui.run();" style="width:100%;">Run!</button><br/><br/>
<button onclick="gui.prevMatch()">Prev</button> Match <span id="curmatch">0</span>/<span id="matchcount">0</span> <button onclick="gui.nextMatch()">Next</button><br/><br/>
<span id="outputbox"></span>
</div>
<br/></body></html>