-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
72 lines (72 loc) · 6.28 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
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Sequential Interpreter</title>
<link rel="stylesheet" href="styles.css">
</head>
<body>
<div class="container">
<svg width="100%" height="100%" viewBox="0 0 2849 231" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" xmlns:serif="http://www.serif.com/" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;">
<g transform="matrix(1,0,0,1,-225,-762)">
<g>
<g transform="matrix(1,0,0,1,0,-14.0673)">
<g transform="matrix(1.32237,0,0,1.32237,-13.296,-440.627)">
<path d="M405.63,967.836L181.7,967.836L181.7,1005.16L206.581,1005.16L206.581,992.717L405.63,992.717L405.63,967.836ZM380.749,1017.6L181.7,1017.6L181.7,1042.48L405.63,1042.48L405.63,1005.16L380.749,1005.16L380.749,1017.6Z" style="fill:rgb(35,31,32);fill-rule:nonzero;"/>
</g>
<path d="M539.55,937.92L539.55,839.213L835.67,839.213L835.67,888.566L572.452,888.566L572.452,905.017L835.67,905.017L835.67,937.92L539.55,937.92Z" style="fill:rgb(35,31,32);"/>
<g transform="matrix(1.32237,0,0,1.32237,-13.296,-440.627)">
<path d="M878.373,967.836L654.442,967.836L654.442,1042.48L853.492,1042.48L853.492,1054.92L878.373,1054.92L878.373,967.836ZM853.492,1017.6L679.324,1017.6L679.324,992.717L853.492,992.717L853.492,1017.6Z" style="fill:rgb(35,31,32);fill-rule:nonzero;"/>
</g>
<g transform="matrix(1.32237,0,0,1.32237,-13.296,-440.627)">
<path d="M1089.86,1017.6L915.695,1017.6L915.695,967.836L890.814,967.836L890.814,1042.48L1114.75,1042.48L1114.75,967.836L1089.86,967.836L1089.86,1017.6Z" style="fill:rgb(35,31,32);fill-rule:nonzero;"/>
</g>
<g transform="matrix(1,0,0,1,937.713,5.68434e-14)">
<path d="M539.55,937.92L539.55,839.213L835.67,839.213L835.67,888.566L572.452,888.566L572.452,905.017L835.67,905.017L835.67,937.92L539.55,937.92Z" style="fill:rgb(35,31,32);"/>
</g>
<g transform="matrix(1.32237,0,0,1.32237,-13.296,-440.627)">
<path d="M1587.49,967.836L1363.56,967.836L1363.56,1042.48L1388.44,1042.48L1388.44,992.717L1562.61,992.717L1562.61,1042.48L1587.49,1042.48L1587.49,967.836Z" style="fill:rgb(35,31,32);fill-rule:nonzero;"/>
</g>
<g transform="matrix(1.32237,0,0,1.32237,-13.296,-440.627)">
<path d="M1823.86,967.836L1599.93,967.836L1599.93,992.717L1699.45,992.717L1699.45,1042.48L1724.33,1042.48L1724.33,992.717L1823.86,992.717L1823.86,967.836Z" style="fill:rgb(35,31,32);fill-rule:nonzero;"/>
</g>
<g transform="matrix(1.32237,0,0,1.32237,-13.296,-440.627)">
<rect x="1836.3" y="967.836" width="24.881" height="74.644" style="fill:rgb(35,31,32);fill-rule:nonzero;"/>
</g>
<g transform="matrix(1.32237,0,0,1.32237,-13.296,-440.627)">
<path d="M1873.62,1042.48L1873.62,967.836L2097.55,967.836L2097.55,1042.48L2072.67,1042.48L2072.67,1030.04L1898.5,1030.04L1898.5,1042.48L1873.62,1042.48ZM2072.67,1005.16L2072.67,992.717L1898.5,992.717L1898.5,1005.16L2072.67,1005.16Z" style="fill:rgb(35,31,32);"/>
</g>
<g transform="matrix(1.32237,0,0,1.32237,-13.296,-440.627)">
<path d="M2333.92,1017.6L2134.87,1017.6L2134.87,967.836L2109.99,967.836L2109.99,1042.48L2333.92,1042.48L2333.92,1017.6Z" style="fill:rgb(35,31,32);fill-rule:nonzero;"/>
</g>
</g>
<g transform="matrix(0.201954,0,0,0.201954,131.004,553.229)">
<g transform="matrix(288.845,0,0,288.845,4623.67,1231.59)">
</g>
<text x="449.283px" y="1231.59px" style="font-family:'UniwarsRg-Regular', 'Uniwars', sans-serif;font-size:288.845px;fill:rgb(35,31,32);">M<tspan x="823.337px 1132.98px 1443.49px 1730.6px 2040.24px 2348.15px 2483.04px 2782.57px 3092.21px 3463.67px 3774.47px 4037.6px 4266.08px 4351.29px " y="1231.59px 1231.59px 1231.59px 1231.59px 1231.59px 1231.59px 1231.59px 1231.59px 1231.59px 1231.59px 1231.59px 1231.59px 1231.59px 1231.59px ">ORTON POWELL's</tspan></text>
</g>
<g transform="matrix(0.201954,0,0,0.201954,1217.88,744.265)">
<g transform="matrix(288.845,0,0,288.845,9192.62,1231.59)">
</g>
<text x="449.283px" y="1231.59px" style="font-family:'UniwarsRg-Regular', 'Uniwars', sans-serif;font-size:288.845px;fill:rgb(35,31,32);">U<tspan x="755.458px 1063.37px 1373.01px 1679.47px 1985.94px 2082.41px 2374.72px 2471.2px 2782.86px 3046px 3180.89px 3418.61px 3717.27px 4045.69px 4357.35px 4658.62px 4950.93px 5261.44px 5357.91px 5657.44px 5944.56px 6079.45px 6175.92px 6483.83px 6770.94px 7081.74px 7392.25px 7691.78px 8002.29px 8313.09px 8600.2px 8911px " y="1231.59px 1231.59px 1231.59px 1231.59px 1231.59px 1231.59px 1231.59px 1231.59px 1231.59px 1231.59px 1231.59px 1231.59px 1231.59px 1231.59px 1231.59px 1231.59px 1231.59px 1231.59px 1231.59px 1231.59px 1231.59px 1231.59px 1231.59px 1231.59px 1231.59px 1231.59px 1231.59px 1231.59px 1231.59px 1231.59px 1231.59px 1231.59px ">NOFFICIAL JAVASCRIPT INTERPRETER</tspan></text>
</g>
</g>
</g>
</svg>
<div class="code-input">
<textarea id="codeInput" rows="10" placeholder="Enter your Sequential code here..."></textarea>
</div>
<button id="runButton">Run Code</button>
<div class="output">
<h2>Output:</h2>
<pre id="outputArea"></pre>
</div>
<div class="registers">
<h2>Registers:</h2>
<div id="registerArea" class="register-container"></div>
</div>
</div>
<script src="interpreter.js"></script>
</body>
</html>