-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
116 lines (105 loc) · 7.95 KB
/
Copy pathindex.html
File metadata and controls
116 lines (105 loc) · 7.95 KB
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
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Grid Coding Puzzle Game</title>
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Blaka+Hollow&family=Pixelify+Sans:wght@400..700&display=swap"
rel="stylesheet">
</head>
<body>
<nav>
<div class="logo">
<svg width="51" height="49" viewBox="0 0 51 49" xmlns="http://www.w3.org/2000/svg">
<g filter="url(#filter0_d_394_128)">
<path fill-rule="evenodd" clip-rule="evenodd"
d="M46.4111 0.941548L3.21637 0.941406V30.4936H46.4111V0.941548ZM43.001 4.35063H6.62648V27.0847H43.001V4.35063Z" />
<path fill-rule="evenodd" clip-rule="evenodd"
d="M0.488281 44.7782H3.21637V46.8625H46.4111V44.7782H49.1392V33.222H42.0774V36.9781H39.5767V33.222H0.488281V44.7782ZM12.9982 36.4439H10.2702V39.0583H6.97371V41.7864H10.2702V44.4008H12.9982V41.7864H16.2947V39.0583H12.9982V36.4439ZM31.8471 39.5325H37.0759V37.0318H39.5767V39.5325H42.0774V37.0318H44.5782V39.5325H47.0789V42.0333H44.5782V44.534H42.0774V42.0333H39.5767V44.534H37.0759V42.0333H31.8471V39.5325Z" />
<path d="M37.0759 39.5325V42.0333H39.5767V39.5325H37.0759Z" />
<path d="M42.0774 39.5325V42.0333H44.5782V39.5325H42.0774Z" />
<path d="M14.8108 9.6665H34.8167V11.2579H14.8108V9.6665Z" />
<path d="M17.0762 12.3742H20.2589V13.9655H17.0762V12.3742Z" />
<path d="M21.5821 12.3742H33.4039V13.9655H21.5821V12.3742Z" />
<path d="M21.5821 15.0818H33.4039V16.6732H21.5821V15.0818Z" />
<path d="M21.0511 20.7254H25.5979V22.3168H21.0511V20.7254Z" />
<path fill-rule="evenodd" clip-rule="evenodd"
d="M34.8167 9.6665H14.8108V11.2579H34.8167V9.6665ZM20.2589 12.3742H17.0762V13.9655H20.2589V12.3742ZM33.4039 12.3742H21.5821V13.9655H33.4039V12.3742ZM33.4039 15.0818H21.5821V16.6732H33.4039V15.0818ZM25.5979 20.7254H21.0511V22.3168H25.5979V20.7254Z" />
<path d="M14.8108 17.7895H34.8167V19.6091H14.8108V17.7895Z" />
</g>
<defs>
<filter id="filter0_d_394_128" x="0.488281" y="0.941406" width="50.1523" height="47.4219"
filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix" />
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
result="hardAlpha" />
<feOffset dx="1.5" dy="1.5" />
<feComposite in2="hardAlpha" operator="out" />
<feColorMatrix type="matrix" values="0 0 0 0 0.780392 0 0 0 0 0.780392 0 0 0 0 0.819608 0 0 0 0.07 0" />
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_394_128" />
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_394_128" result="shape" />
</filter>
</defs>
</svg>
<span>Grid Coding Puzzle Game</span>
</div>
<div class="options">
<a href="/"> Leaderboard</a>
<a href="/"> Quizzes</a>
<div class="profile">
</div>
</div>
</nav>
<main>
<div class="column ">
<div class="codeBlock">
<div class="topBar">
<div class="title">
<svg width="22" height="19" viewBox="0 0 22 19" xmlns="http://www.w3.org/2000/svg">
<path
d="M13.2991 0.203459C13.5543 0.279027 13.7706 0.458204 13.9004 0.70159C14.0302 0.944977 14.0628 1.23265 13.9911 1.50135L9.5611 18.1203C9.52564 18.2534 9.46562 18.3779 9.38447 18.4866C9.30332 18.5953 9.20262 18.6861 9.08812 18.7538C8.97363 18.8216 8.84758 18.8649 8.71718 18.8814C8.58677 18.8978 8.45456 18.8871 8.3281 18.8498C8.20164 18.8125 8.0834 18.7493 7.98013 18.6638C7.87686 18.5784 7.79059 18.4724 7.72624 18.3519C7.66189 18.2314 7.62072 18.0987 7.60508 17.9614C7.58944 17.8242 7.59964 17.685 7.6351 17.5519L12.0651 0.932932C12.1005 0.799688 12.1606 0.675105 12.2418 0.56631C12.323 0.457514 12.4238 0.366641 12.5384 0.298889C12.653 0.231137 12.7792 0.187835 12.9097 0.17146C13.0403 0.155085 13.1726 0.165958 13.2991 0.203459ZM6.0201 4.31609C6.20757 4.51349 6.31289 4.78118 6.31289 5.0603C6.31289 5.33942 6.20757 5.60711 6.0201 5.80451L2.4851 9.52662L6.0201 13.2477C6.11301 13.3454 6.18672 13.4614 6.23703 13.5892C6.28734 13.7169 6.31326 13.8538 6.3133 13.992C6.31335 14.1303 6.28752 14.2672 6.2373 14.395C6.18708 14.5227 6.11344 14.6388 6.0206 14.7366C5.92775 14.8344 5.81752 14.912 5.69619 14.965C5.57485 15.0179 5.4448 15.0452 5.31345 15.0452C5.1821 15.0453 5.05203 15.0181 4.93066 14.9652C4.8093 14.9124 4.69901 14.8349 4.6061 14.7371L0.363099 10.2708C0.175628 10.0734 0.0703125 9.80574 0.0703125 9.52662C0.0703125 9.2475 0.175628 8.9798 0.363099 8.78241L4.6061 4.31609C4.79363 4.11875 5.04793 4.00789 5.3131 4.00789C5.57826 4.00789 5.83257 4.11875 6.0201 4.31609ZM15.6061 5.80451C15.5106 5.70741 15.4344 5.59126 15.382 5.46283C15.3296 5.33441 15.302 5.19628 15.3008 5.05651C15.2997 4.91674 15.325 4.77813 15.3753 4.64877C15.4256 4.51941 15.4998 4.40188 15.5937 4.30304C15.6876 4.20421 15.7992 4.12605 15.9221 4.07312C16.045 4.02019 16.1767 3.99356 16.3095 3.99477C16.4423 3.99599 16.5735 4.02503 16.6955 4.08019C16.8175 4.13536 16.9279 4.21555 17.0201 4.31609L21.2631 8.78241C21.4506 8.9798 21.5559 9.2475 21.5559 9.52662C21.5559 9.80574 21.4506 10.0734 21.2631 10.2708L17.0201 14.7371C16.8325 14.9345 16.578 15.0453 16.3127 15.0452C16.0475 15.0452 15.7931 14.9341 15.6056 14.7366C15.4181 14.5391 15.3128 14.2713 15.3129 13.992C15.313 13.7128 15.4185 13.445 15.6061 13.2477L19.1411 9.52662L15.6061 5.80451Z" />
</svg>
<span>Code</span>
</div>
<div class="runButton active">
<svg width="12" height="13" viewBox="0 0 12 13" xmlns="http://www.w3.org/2000/svg">
<path
d="M11.8125 6.57497C11.8129 6.74128 11.7694 6.90487 11.6861 7.04982C11.6029 7.19477 11.4828 7.31615 11.3375 7.40215L2.3325 12.7987C2.18068 12.8898 2.00679 12.9395 1.8288 12.9427C1.65081 12.946 1.47516 12.9026 1.32 12.8171C1.16632 12.7329 1.0383 12.6102 0.949102 12.4614C0.859907 12.3127 0.812757 12.1434 0.8125 11.9709V1.17901C0.812757 1.00653 0.859907 0.837221 0.949102 0.688504C1.0383 0.539788 1.16632 0.41703 1.32 0.332853C1.47516 0.247348 1.65081 0.20397 1.8288 0.207199C2.00679 0.210428 2.18068 0.260147 2.3325 0.351221L11.3375 5.74779C11.4828 5.8338 11.6029 5.95518 11.6861 6.10013C11.7694 6.24508 11.8129 6.40866 11.8125 6.57497Z" />
</svg>
<span>Run Code</span>
</div>
</div>
<div class="dataContainer">
<div id="editor" class="dataBox"></div>
</div>
</div>
<div class="codeBlock consoleBlock">
<div class="topBar">
<div class="title">
<svg width="16" height="19" viewBox="0 0 16 19" xmlns="http://www.w3.org/2000/svg">
<path
d="M4.45508 15.043H11.7793V13.2119H4.45508V15.043ZM4.45508 11.3809H11.7793V9.5498H4.45508V11.3809ZM2.62402 18.7051C2.12048 18.7051 1.68958 18.5259 1.3313 18.1677C0.973022 17.8094 0.793579 17.3782 0.792969 16.874V2.22559C0.792969 1.72205 0.972412 1.29114 1.3313 0.932861C1.69019 0.574585 2.12109 0.395142 2.62402 0.394531H9.94824L15.4414 5.88769V16.874C15.4414 17.3776 15.2623 17.8088 14.904 18.1677C14.5457 18.5265 14.1145 18.7057 13.6104 18.7051H2.62402ZM9.03271 6.80322H13.6104L9.03271 2.22559V6.80322Z" />
</svg>
<span>Logs</span>
</div>
</div>
<div class="dataContainer">
<div id="console" class="dataBox"></div>
</div>
</div>
</div>
<div class="column right">
<div class="canvasContainer">
<canvas id="game-canvas"></canvas>
</div>
<div class="infoBlock">
<div class="info"></div>
</div>
</div>
<div id="toast-container"></div>
</main>
<script type="module" src="/src/index.js"></script>
</body>
</html>