-
Notifications
You must be signed in to change notification settings - Fork 19
/
Copy pathindex.html
193 lines (161 loc) · 16.1 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
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Thumby Code Editor</title>
<link rel="stylesheet" href="uikit-3.7.3/css/uikit-dark.css?version=27" />
<link rel="stylesheet" href="js/xterm/css/xterm.css?version=27"/>
<link rel="stylesheet" href="golden-layout/css/goldenlayout-base.css?version=27">
<link rel="stylesheet" href="golden-layout/css/themes/goldenlayout-dark-theme.css?version=27">
<link rel="stylesheet" href="css/dark/main-dark.css?version=27">
<link rel="stylesheet" href="css/dark/fs-dark.css?version=27">
<link rel="stylesheet" href="css/dark/dir_chooser-dark.css?version=27">
<link rel="stylesheet" href="css/dark/bitmap_builder-dark.css?version=27">
<link rel="stylesheet" href="css/dark/shell-dark.css?version=27">
<link rel="stylesheet" href="css/dark/editor-dark.css?version=27">
<link rel="stylesheet" href="css/dark/emulator-dark.css?version=27">
<link rel="stylesheet" href="css/dark/changelog-dark.css?version=27">
<link rel="stylesheet" href="css/dark/arcade-dark.css?version=27">
<link rel="stylesheet" href="css/dark/importer-dark.css?version=27">
<link rel="stylesheet" href="js/treejs/treejs.css?version=27" />
<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=Roboto:wght@300&display=swap" rel="stylesheet">
<link rel="icon" type="image/png" href="favicon.png">
</head>
<body>
<div id="updateMPOverlay" class="update_mp_overlay">
<div id="updateMP" class="update_mp">
<p style="margin: 10px">
MicroPython needs updated to work with the newest games.<br><br>Please move your important files from your Thumby to your computer by right-clicking them and selecting "Download".<br><br>You can update in the future using the "Update MicroPython" button under "Utilities"<br><br> Would you like to update now?
</p>
<button id="updateMPYes" style="width:175px; height:50px; position:absolute; left:30px; bottom:10px" class="uk-button uk-button-secondary uk-width-1-1 uk-height-1-1 uk-text-small uk-text-nowrap">
Yes
</button>
<button id="updateMPNo" style="width:175px; height:50px; position:absolute; right:30px; bottom:10px" class="uk-button uk-button-secondary uk-width-1-1 uk-height-1-1 uk-text-small uk-text-nowrap">
No
</button>
</div>
<div id="updateMPExtraInfo" class="update_mp_extra">
<p style="margin: 10px">
Select the 'RPI-RP2' drive using the "Select Folder" window.
</p>
<button id="updateMPOk" style="width:175px; height:50px; position:absolute; left:0; right:0; margin-left:auto; margin-right:auto; bottom:10px" class="uk-button uk-button-secondary uk-width-1-1 uk-height-1-1 uk-text-small uk-text-nowrap">
OK
</button>
</div>
</div>
<div id="IDChangelog" class="changelog">
<button id="IDChnagelogExitBtn" class="changelog_exit_btn" uk-icon="icon: close"></button>
<div id="IDChangelogText" class="changelog_text"></div>
</div>
<div id="IDPageWrapper" class="page_wrapper">
<div id="IDPageHeader" class="header">
<div class="header_logo_space">
<img id="logo" src="css/thumby_logo-light.png" width="100" height="" alt="Thumby Logo" uk-img>
</div>
<div class="header_button_space">
<div class="uk-button-group uk-width-1-1 uk-height-1-1">
<!-- <button class="uk-button uk-button-secondary uk-width-1-1 uk-height-1-1 uk-text-small uk-text-nowrap">Project:</button> -->
<!-- The button toggling the dropdown -->
<!-- <button class="uk-button uk-button-secondary uk-width-small" type="button">▾</button> -->
<div uk-dropdown="mode: click; boundary: ! .uk-button-group; boundary-align: true;"></div>
<button id="IDConnectThumbyBTN" title="Connect Thumby to page manually, or automatically if connected before" class="uk-button uk-button-secondary uk-width-1-1 uk-height-1-1 uk-text-small uk-text-nowrap" uk-icon="shrink">Connect Thumby</button>
<button id="IDDisconnectThumbyBTN" title="Disconnect Thumby from page" class="uk-button uk-button-secondary uk-width-1-1 uk-height-1-1 uk-text-small uk-text-nowrap" uk-icon="expand">Disconnect Thumby</button>
<button id="IDImportSpriteBTN" title="" class="uk-button uk-button-secondary uk-width-1-1 uk-height-1-1 uk-text-small uk-text-nowrap">Import Sprite</button>
<button id="IDArcadeBTN" title="Opens overlay for browsing community made games" class="uk-button uk-button-secondary uk-width-1-1 uk-height-1-1 uk-text-small uk-text-nowrap">Arcade</button>
<button id="IDUtilites" title="Common utilities for firmware, page layout, page state, theme, and widgets" class="uk-button uk-button-secondary uk-width-1-1 uk-height-1-1 uk-text-small uk-text-nowrap" type="button">Utilities▾</button>
<div id="IDUtilitesDropdown" uk-dropdown="offset: 0; mode: click; delay-hide: 200">
<ul class="uk-nav uk-dropdown-nav">
<li><button id="IDNewGameBTN" title="Generates file structure needed for getting a game to show up on the Thumby start-up screen" class="uk-button uk-button-secondary uk-width-1-1 uk-height-1-1">Make New Game</button></li>
<li class="uk-nav-divider"></li>
<li><button title="Resets all widget positions, refreshes page" id="IDResetLayoutBTN" class="uk-button uk-button-secondary uk-width-1-1 uk-height-1-1">Reset Layout</button></li>
<li><button title="Erases/closes all editors and bitmap builder then refreshes page" id="IDHardResetBTN" class="uk-button uk-button-secondary uk-width-1-1 uk-height-1-1">Hard Reset Page</button></li>
<li class="uk-nav-divider"></li>
<li><button title="Toggles page theme between light and dark" id="IDInvertThemeBTN" class="uk-button uk-button-secondary uk-width-1-1 uk-height-1-1">Invert Theme</button></li>
<button id="editorThemeButton" title="Change the editor theme" class="uk-button uk-button-secondary uk-width-1-1 uk-height-1-1">Editor Theme▾</button>
<div uk-dropdown="offset: 0; mode: click">
<ul id="EditorThemeUL" class="uk-nav uk-dropdown-nav" style="height: 200px; overflow: auto;">
</ul>
</div>
<li class="uk-nav-divider"></li>
<li><button title="Updates MicroPython" id="IDUpdateMicroPython" class="uk-button uk-button-secondary uk-width-1-1 uk-height-1-1">Update MicroPython</button></li>
<li><button title="Downloads firmware for reformatting Thumby, follow the below steps 1. Turn on Thumby 2. Hold down bottom-left or down d-pad button 3. Turn Thumby back off while holding button, keep holding for 3s 4. Turn Thumby back on and release button 5. Download firmware .uf2 file by clicking this button 6. Drag .uf2 file to Thumby RP2040 volume using a file explorer" onclick="window.open('https://github.com/TinyCircuits/TinyCircuits-Thumby-Code-Editor/raw/master/ThumbyFirmware.uf2');" class="uk-button uk-button-secondary uk-width-1-1 uk-height-1-1">Download Firmware</button></li>
<li class="uk-nav-divider"></li>
<button title="Buttons for adding back any panel" class="uk-button uk-button-secondary uk-width-1-1 uk-height-1-1">Widgets▾</button>
<div uk-dropdown="offset: 0; mode: click">
<ul class="uk-nav uk-dropdown-nav">
<li><button title="Adds a code editor panel" id="IDAddEditorBTN" class="uk-button uk-button-secondary uk-width-1-1 uk-height-1-1 uk-text-nowrap uk-text-left">+ Editor</button></li>
<!-- <li class="uk-nav-divider"></li> -->
<li><button title="Adds a visual code editor panel" id="IDAddBlocklyEditorBTN" class="uk-button uk-button-secondary uk-width-1-1 uk-height-1-1 uk-text-nowrap uk-text-left">+ Blockly Editor</button></li>
<!-- <li class="uk-nav-divider"></li> -->
<li><button title="Adds a bitmap builder panel (only one can be open at a time)" id="IDAddBitmapBuilder" class="uk-button uk-button-secondary uk-width-1-1 uk-height-1-1 uk-text-nowrap uk-text-left">+ Bitmap Builder</button></li>
<!-- <li class="uk-nav-divider"></li> -->
<li><button title="Adds a grayscale bitmap builder panel (only one can be open at a time)" id="IDAddGrayscaleBuilder" class="uk-button uk-button-secondary uk-width-1-1 uk-height-1-1 uk-text-nowrap uk-text-left" hidden>+ Grayscale Builder</button></li>
<!-- <li class="uk-nav-divider"></li> -->
<li><button title="Adds a filesystem panel (only one can be open at a time)" id="IDAddFS" class="uk-button uk-button-secondary uk-width-1-1 uk-height-1-1 uk-text-nowrap uk-text-left">+ Filesystem</button></li>
<!-- <li class="uk-nav-divider"></li> -->
<li><button title="Adds a shell panel (only one can be open at a time)" id="IDAddShell" class="uk-button uk-button-secondary uk-width-1-1 uk-height-1-1 uk-text-nowrap uk-text-left">+ Shell</button></li>
<!-- <li class="uk-nav-divider"></li> -->
<li><button title="Adds a emulator panel (only one can be open at a time)" id="IDAddEmulator" class="uk-button uk-button-secondary uk-width-1-1 uk-height-1-1 uk-text-nowrap uk-text-left">+ Emulator</button></li>
</ul>
</div>
</ul>
</div>
</div>
</div>
<div class="header_link_space">
<div class="uk-button-group uk-width-1-1 uk-height-1-1">
<button title="Opens link in new tab" onclick="window.open('https://thumby.us/Code-Editor/Get-Started/', '_blank');" class="uk-button-default uk-link-text uk-width-1-1 uk-height-1-1 button_link">Tutorial</button>
<button title="Opens link in new tab" onclick="window.open('https://thumby.us/API/Get-Started/', '_blank');" class="uk-button-default uk-link-text uk-width-1-1 uk-height-1-1 button_link">Thumby API</button>
<button title="Opens link in new tab" onclick="window.open('https://thumby.us/Code-Editor/Submit-Game/', '_blank');" class="uk-button-default uk-link-text uk-width-1-1 uk-height-1-1 button_link">Add Game To Arcade</button>
<button class="uk-button-default uk-link-text uk-width-1-1 uk-height-1-1 button_link" type="button">Other Links▾</button>
<div uk-dropdown="offset: 0; delay-hide: 200">
<ul class="uk-nav uk-dropdown-nav">
<button title="Opens link in new tab" onclick="window.open('https://thumby.us/', '_blank');" class="uk-button-default uk-link-text uk-width-1-1 uk-height-1-1 button_link" style="height:40px">Thumby Website</button>
<li><button title="Visit our Discord server!" onclick="window.open('https://discord.gg/BRHqbjfvYQ', '_blank');" class="uk-button-default uk-link-text uk-width-1-1 uk-height-1-1 button_link" style="height:40px">Discord</button></li>
<li><button title="Opens link in new tab. Found a bug with the page? Report it!" onclick="window.open('https://github.com/TinyCircuits/TinyCircuits-Thumby-Code-Editor/issues', '_blank');" class="uk-button-default uk-link-text uk-width-1-1 uk-height-1-1 button_link" style="height:40px">Report a bug</button></li>
<li><button title="Opens link to new tab" onclick="window.open('https://github.com/TinyCircuits/TinyCircuits-Thumby-Code-Editor/blob/master/CHANGELOG.txt', '_blank');" class="uk-button-default uk-link-text uk-width-1-1 uk-height-1-1 button_link" style="height:40px">Changelog</button></li>
<li><button title="Opens link in new tab" onclick="window.open('http://forum.tinycircuits.com/index.php', '_blank');" class="uk-button-default uk-link-text uk-width-1-1 uk-height-1-1 button_link" style="height:40px">Forums</button></li>
<li><button title="Opens link in new tab" onclick="window.open('https://tinycircuits.com/', '_blank');" class="uk-button-default uk-link-text uk-width-1-1 uk-height-1-1 button_link" style="height:40px">Store</button></li>
<li><button title="Opens link in new tab" onclick="window.open('https://tinycircuits.com/pages/contact-us', '_blank');" class="uk-button-default uk-link-text uk-width-1-1 uk-height-1-1 button_link" style="height:40px">Contact Us</button></li>
</ul>
</div>
<button class="uk-button-default uk-link-text uk-width-1-1 uk-height-1-1">Version: 12.09.2024_1</button>
</div>
</div>
</div>
<div id="IDLayoutContainer" class="layout_container"></div>
</div>
<div id="IDProgressBarParent" class="progress_bar_parent">
<div id="IDProgressBar" class="progress_bar">
</div>
</div>
<!-- https://stackoverflow.com/questions/61286599/how-to-force-browser-to-load-new-content -->
<script type="module" src="rp2040js/dist/esm/rp2040.js?version=27"></script>
<script src="uikit-3.7.3/js/uikit.min.js"></script>
<script src="uikit-3.7.3/js/uikit-icons.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/uikit@3.7.3/dist/js/uikit-icons.min.js"></script>
<script src="js/blockly-9.2.0/blockly.min.js"></script>
<script src="js/blockly-9.2.0/python_compressed.js"></script>
<script src="js/jszip-3.10.1/jszip.min.js"></script>
<script src="js/treejs/tree.js?version=27"></script>
<script src="js/xterm-addon-fit/lib/xterm-addon-fit.js?version=27"></script>
<script src="js/ace/ace.js?version=27" type="text/javascript" charset="utf-8"></script>
<script src="js/ace/ext-language_tools.js?version=27"></script>
<script src="js/blocks.js?version=27"></script>
<script src="js/editor_wrapper.js?version=27"></script>
<script src="js/filesystem_wrapper.js?version=27"></script>
<script src="js/dir_chooser.js?version=27"></script>
<script src="js/xterm/lib/xterm.js?version=27"></script>
<script src="js/active_terminal_wrapper.js?version=27"></script>
<script src="js/bitmap_builder.js?version=27"></script>
<script src="js/grayscale_builder.js?version=27"></script>
<script src="js/repl.js?version=27"></script>
<script src="js/arcade.js?version=27"></script>
<script src="js/importer.js?version=27"></script>
<script type="module" src="golden-layout/bundle/esm/golden-layout.js?version=27"></script>
<script type="module" src="js/main.js?version=27"></script>
</body>
</html>