-
Notifications
You must be signed in to change notification settings - Fork 9
/
Copy pathindex.html
138 lines (117 loc) · 8.49 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
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
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<!-- Bootstrap 3 -->
<!-- Latest compiled and minified CSS -->
<!-- <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u"
crossorigin="anonymous"> -->
<!-- Boostrap 5 -->
<!-- Latest compiled and minified CSS -->
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-9ndCyUaIbzAi2FUVXJi0CjmCapSmO7SnpJef0486qhLnuZ2cdeRhO02iuK6FUUVM" crossorigin="anonymous">
<!-- Bootstrap Icons v1.10.0 -->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/font/bootstrap-icons.css">
<!-- Latest compiled and minified Bootstrap 5 JS dependencies -->
<script src="https://cdn.jsdelivr.net/npm/@popperjs/[email protected]/dist/umd/popper.min.js" integrity="sha384-I7E8VVD/ismYTF4hNIPjVp/Zjvgyol6VFvRkX/vR+Vc4jQkC+hVqc2pM8ODewa9r" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.min.js" integrity="sha384-fbbOQedDUMZZ5KreZpsbe1LCZPVmfTnH7ois6mU1QK+m14rQ1l2bGBq41eYeM/fS" crossorigin="anonymous"></script>
<!-- CodeMirror -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/codemirror/5.18.2/codemirror.min.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/codemirror/5.18.2/theme/neat.min.css" />
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/codemirror/5.18.2/addon/display/fullscreen.min.css" />
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/codemirror/5.20.2/addon/scroll/simplescrollbars.min.css" />
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/codemirror/5.18.2/addon/dialog/dialog.min.css" />
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/codemirror/5.18.2/addon/search/matchesonscrollbar.min.css" />
<script src="https://cdnjs.cloudflare.com/ajax/libs/codemirror/5.18.2/codemirror.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/codemirror/5.18.2/mode/scheme/scheme.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/codemirror/5.18.2/mode/javascript/javascript.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/codemirror/5.18.2/addon/edit/matchbrackets.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/codemirror/5.18.2/addon/display/fullscreen.min.js"></script>
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/codemirror/5.18.2/addon/scroll/simplescrollbars.min.js"></script>
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/codemirror/5.18.2/addon/search/search.min.js"></script>
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/codemirror/5.18.2/addon/search/searchcursor.min.js"></script>
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/codemirror/5.18.2/addon/search/jump-to-line.min.js"></script>
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/codemirror/5.18.2/addon/dialog/dialog.min.js"></script>
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/codemirror/5.18.2/addon/search/matchesonscrollbar.min.js"></script>
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/codemirror/5.18.2/addon/scroll/annotatescrollbar.min.js"></script>
<!-- JS Beautify -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/js-beautify/1.6.4/beautify.min.js"></script>
<script type="text/javascript" src="main.js"></script>
<script src="split.min.js"></script>
<link rel="stylesheet" href="style.css">
<title>RacketScript Playground</title>
</head>
<body>
<nav class="navbar navbar-expand-lg navbar-light bg-light">
<div class="container-fluid">
<a href="#" class="navbar-brand light-text">RacketScript Playground</a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbar-main" aria-controls="navbar-main" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="navbar-collapse collapse" id="navbar-main">
<ul class="nav navbar-nav me-auto mb-2 mb-lg-0">
<li class="nav-item dropdown" data-bs-theme="dark">
<a class="nav-link dropdown-toggle light-text" href="#" id="example-dropdown" role="button" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Examples</a>
<ul class="dropdown-menu" id="example-menu" aria-labelledby="example-dropdown">
<li><a class="dropdown-item" href="#example/colored-carpet">Colored Carpet</a></li>
<li><a class="dropdown-item" href="#example/blank">Blank</a></li>
<li><a class="dropdown-item" href="#example/overview">Overview</a></li>
<li><a class="dropdown-item" href="#example/factorial">Factorial</a></li>
<li><a class="dropdown-item" href="#example/quicksort">Quicksort</a></li>
<li><a class="dropdown-item" href="#example/pattern-matching">Pattern Matching</a></li>
<li><a class="dropdown-item" href="#example/falling-sky">Falling Sky</a></li>
<li><a class="dropdown-item" href="#example/flappy-birds">Flappy Birds</a></li>
<li><a class="dropdown-item" href="#example/2048-game">2048 Game</a></li>
<li><a class="dropdown-item" href="#example/tetris">Tetris</a></li>
<li><a class="dropdown-item" href="#example/archery">Archery</a></li>
<li><a class="dropdown-item" href="#example/wordle">Wordle</a></li>
<li><a class="dropdown-item" href="#example/rackt-counter">React Counter</a></li>
</ul>
</li>
<li class="nav-item"><a href="https://github.com/racketscript/racketscript" class="nav-link light-text" target="_blank"><span class="bi-github" aria-hidden="true"></span> RacketScript on Github</a></li>
<li class="nav-item"><a href="https://github.com/racketscript/racketscript-playground" class="nav-link light-text" target="_blank"><span class="bi-github" aria-hidden="true"></span> Playground on Github</a></li>
</ul>
<ul class="nav navbar-nav float-end-unimportant">
<li class="nav-item"><a class="nav-link light-text" href="#" id="btn-save" class="d-none"><span class="bi-save" aria-hidden="true"></span> Save</a></li>
<li class="nav-item"><a class="nav-link light-text" href="#" id="btn-login" class="d-none" target="popup" onclick="window.open('login','popup','width=600,height=800'); return false;"><span class="bi-box-arrow-in-right" aria-hidden="true"></span> Log in</a></li>
<li class="nav-item"><a class="nav-link light-text" href="#" id="btn-logout" class="d-none"><span class="bi-box-arrow-right" aria-hidden="true"></span> Log out</a></li>
<li class="nav-item"><a class="nav-link light-text" href="#" id="btn-compile"><span class="bi-lightning-charge-fill" aria-hidden="true"></span> Compile</a></li>
<li class="nav-item"><a href="#" class="nav-link light-text" id="btn-run"><span class="bi-play-fill" aria-hidden="true"></span> Run</a></li>
<li class="nav-item"><a href="#" class="nav-link light-text" id="btn-compile-run"><span class="bi-fast-forward-fill" aria-hidden="true"></span> Compile + Run</a></li>
</ul>
</div>
</div>
</nav>
<div id="error-modal" class="modal fade" tabindex="-1">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<h6 id="error-modal-title" class="modal-title">Error</h6>
<button type="button" class="close btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
</div>
<div id="error-modal-body" class="modal-body">
<p></p>
</div>
</div><!-- /.modal-content -->
</div><!-- /.modal-dialog -->
</div><!-- /.modal -->
<div class="line">
<div id="left-container" class="split split-horizontal">
<div id="racket-container" class="split">
<textarea id="racket-edit" class="editor"></textarea>
</div>
<div id="jsout-container" class="split">
<textarea id="jsout-edit" class="editor"></textarea>
</div>
</div>
<div id="right-container" class="split split-horizontal">
<div id="play-container" class="split">
<iframe id="run-area" src="modules/index.html" scrolling="auto"></iframe>
</div>
<div id="console-log-container" class="split">
<textarea id="console-log-edit" class="editor">Console Log:</textarea>
</div>
</div>
</div>
</body>
</html>