-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
170 lines (155 loc) · 10.7 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
<!DOCTYPE html>
<html lang="en-US">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>ATeaDaze > Projects</title>
<link href="styles/landing_page.css" rel="stylesheet">
<link href="images/owl_cave.png" rel="shortcut icon" type="image/x-icon">
<!-- <base target="_blank"> -->
<script src="scripts/jquery-3.7.0.min.js"></script>
<script src="scripts/main.js"></script>
</head>
<body>
<center>
<table id="top">
<tr>
<td>
<!-- YAHTZEE -->
<span class="mainTitle" id="yahtzee">
<img src="yahtzee/images/yahtzee-icon-3d.png" class="mainLogo"> <a href="yahtzee/index.html" target="_blank">Yahtzee</a>
</span><br><!--<hr>-->
<span class="mainSubheader">The classic dice game written in native JavaScript<br><br></span>
<img src="yahtzee/images/yahtzee-short-banner.png" class="bannerLogo">
<ul>
<li><b>Source Code:</b> <a href="https://github.com/ATeaDaze/ateadaze.github.io/blob/main/yahtzee/scripts/main.js">main.js</a>, <a href="https://github.com/ATeaDaze/ateadaze.github.io/blob/main/yahtzee/scripts/variable_outline.js">variable_outline.js</a>, <a href="https://github.com/ATeaDaze/ateadaze.github.io/blob/main/yahtzee/styles/yahtzee.css">yahtzee.css</a>, <a href="https://github.com/ATeaDaze/ateadaze.github.io/blob/main/yahtzee/index.html">index.html</a></li>
<li><a href="https://github.com/ATeaDaze/ateadaze.github.io/blob/main/yahtzee/README.md"><b>README.md</b></a></li>
<li><b>Legacy Version:</b> <a href="yahtzee/legacy/index.html" target="_blank">Yahtzee</a></li>
</ul><br><br>
<!-- BLACKJACK -->
<span class="mainTitle" id="blackjack">
<img src="blackjack/images/blackjack.png" class="mainLogo"> <a href="blackjack/index.html" target="_blank">Blackjack</a> 📱<a href="blackjack/m/index.html" target="_blank">Mobile</a>
</span><br><!--<hr>-->
<span class="mainSubheader">A simple blackjack app written in native JavaScript<br><br></span>
<img src="blackjack/images/blackjack_banner.png" class="bannerLogo">
<ul>
<li><b>Source Code:</b> <a href="https://github.com/ATeaDaze/ateadaze.github.io/blob/main/blackjack/scripts/main.js">main.js</a>, <a href="https://github.com/ATeaDaze/ateadaze.github.io/blob/main/blackjack/styles/blackjack.css">blackjack.css</a>, <a href="https://github.com/ATeaDaze/ateadaze.github.io/blob/main/blackjack/index.html">index.html</a></li>
<li><a href="https://github.com/ATeaDaze/ateadaze.github.io/blob/main/blackjack/README.md"><b>README.md</b></a></li>
<li><b>Legacy Version:</b> <a href="blackjack/legacy/index.html" target="_blank">Blackjack</a></li>
</ul><br><br>
<!-- JANK TABLE -->
<span class="mainTitle" id="jank_table">
<img src="jank_table/images/logo-512.png" class="mainLogo"> <a href="jank_table/index.html" target="_blank">JaNK TaBLe</a>
</span><br><!--<hr>-->
<span class="mainSubheader">Visualize a 2-dimensional array with a table</span><br><br>
<img src="jank_table/images/jank_table-banner.png" class="bannerLogo">
<ul>
<li><b>Source Code:</b> <a href="https://github.com/ATeaDaze/ateadaze.github.io/blob/main/jank_table/scripts/main.js">main.js</a>, <a href="https://github.com/ATeaDaze/ateadaze.github.io/blob/main/jank_table/styles/jank_table.css">jank_table.css</a>, <a href="https://github.com/ATeaDaze/ateadaze.github.io/blob/main/jank_table/index.html">index.html</a></li>
<li><a href="https://github.com/ATeaDaze/ateadaze.github.io/blob/main/jank_table/README.md"><b>README.md</b></a></li>
<li><b>Legacy Version:</b> <a href="jank_table/legacy/index.html" target="_blank">Table Template</a></li>
</ul><br><br>
<!-- EMOJI TABLE -->
<span class="mainTitle" id="emoji_table">
<img src="emoji_table/images/menu-dark.png" class="mainLogo"> <a href="emoji_table/index.html" target="_blank">Emoji Table</a>
</span><br><!--<hr>-->
<span class="mainSubheader">Prints emojis in a table with 10 columns. Clicking an emoji copies it to the clipboard</span><br><br>
<img src="emoji_table/images/emoji_table-header.png" class="bannerLogo">
<ul>
<li><b>Source Code:</b> <a href="https://github.com/ATeaDaze/ateadaze.github.io/blob/main/emoji_table/scripts/main.js">main.js</a>, <a href="https://github.com/ATeaDaze/ateadaze.github.io/blob/main/emoji_table/scripts/generateNewList.js">generateNewList.js</a>, <a href="https://github.com/ATeaDaze/ateadaze.github.io/blob/main/emoji_table/styles/emoji_table.css">emoji_table.css</a>, <a href="https://github.com/ATeaDaze/ateadaze.github.io/blob/main/emoji_table/index.html">index.html</a></li>
<li><a href="https://github.com/ATeaDaze/ateadaze.github.io/blob/main/emoji_table/README.MD"><b>README.md</b></a>, <a href="https://github.com/ATeaDaze/ateadaze.github.io/blob/main/emoji_table/flagCodeList.md">flagCodeList.md</a>, <a href="https://github.com/ATeaDaze/ateadaze.github.io/blob/main/emoji_table/fullEmojiList.md">fullEmojiList.md</a></li>
<li><b>Legacy Version:</b> <a href="emoji_table/legacy/index.html" target="_blank">Emoji Tool</a></li>
</ul><br><br>
<!-- RAINBOW NOISE -->
<span class="mainTitle" id="rainbow_noise">
<img src="rainbow_noise/images/rainbow_noise.png" class="mainLogo"> <a href="rainbow_noise/index.html" target="_blank">Rainbow Noise</a> 📱<a href="rainbow_noise/m/index.html" target="_blank">Mobile</a>
</span><br><!--<hr>-->
<span class="mainSubheader">A time-waster app: draw with random shapes and patterns on a JavaScript canvas<br><br></span>
<img src="rainbow_noise/images/rainbow_noise-header.png" class="bannerLogo">
<ul>
<li><b>Source Code:</b> <a href="https://github.com/ATeaDaze/ateadaze.github.io/blob/main/rainbow_noise/scripts/main.js">main.js</a>, <a href="https://github.com/ATeaDaze/ateadaze.github.io/blob/main/rainbow_noise/scripts/drawCanvas.js">drawCanvas.js</a>, <a href="https://github.com/ATeaDaze/ateadaze.github.io/blob/main/rainbow_noise/styles/rainbow_noise.css">rainbow_noise.css</a>, <a href="https://github.com/ATeaDaze/ateadaze.github.io/blob/main/rainbow_noise/index.html">index.html</a></li>
<li><a href="https://github.com/ATeaDaze/ateadaze.github.io/blob/main/rainbow_noise/README.md"><b>README.md</b></a></li>
<li><b>Legacy Version:</b> <a href="rainbow_noise/legacy/index.html" target="_blank">Rainbow Noise</a></li>
</ul><br><br>
<!-- SIMPLE WAVES -->
<span class="mainTitle" id="simple_waves">
<img src="simple_waves/images/simple_waves.png" class="mainLogo"> <a href="simple_waves/index.html" target="_blank">Simple Waves</a>
</span><br><!--<hr>-->
<span class="mainSubheader">Play music tracks using the JavaScript audio API</span><br><br>
<img src="simple_waves/images/simple_waves-banner.png" class="bannerLogo">
<ul>
<li><b>Source Code:</b> <a href="https://github.com/ATeaDaze/ateadaze.github.io/blob/main/simple_waves/scripts/main.js">main.js</a>, <a href="https://github.com/ATeaDaze/ateadaze.github.io/blob/main/simple_waves/scripts/musicTrackData.js">musicTrackData.js</a>, <a href="https://github.com/ATeaDaze/ateadaze.github.io/blob/main/simple_waves/styles/simple_waves.css">simple_waves.css</a>, <a href="https://github.com/ATeaDaze/ateadaze.github.io/blob/main/simple_waves/index.html">index.html</a></li>
<li><b>README.md</b></li>
<li><b>Legacy Version:</b> <a href="simple_waves/legacy/index.html" target="_blank">Piano</a></li>
</ul><br><br>
</td>
<td class="tableTOC">
<!-- TABLE OF CONTENTS (FIXED TO THE TOP RIGHT) -->
<span class="mainTitle" id="toc">
<span id="txtQuickLinks"><img src="images/owl_cave.png" class="mainLogo"> Quick Links</span>
</span>
<center>
<span class="mainSubheader">
<table>
<tr>
<td><img src="yahtzee/images/yahtzee-icon-3d.png" class="toc"> <a href="#yahtzee">Yahtzee</a></td>
</tr>
<tr>
<td><img src="blackjack/images/blackjack.png" class="toc"> <a href="#blackjack">Blackjack</a></td>
</tr>
<tr>
<td><img src="jank_table/images/logo-512.png" class="toc"> <a href="#jank_table">JaNK TaBLe</a></td>
</tr>
<tr>
<td><img src="emoji_table/images/menu-dark.png" class="toc"> <a href="#emoji_table">Emoji Table</a></td>
</tr>
<tr>
<td><img src="rainbow_noise/images/rainbow_noise.png" class="toc"> <a href="#rainbow_noise">Rainbow Noise</a></td>
</tr>
<tr>
<td><img src="simple_waves/images/simple_waves.png" class="toc"> <a href="#simple_waves">Simple Waves</a></td>
</tr>
<!-- <tr>
<td><img src="images/github-mark-white.png" class="toc"> <a href="#github">GitHub</a></td>
</tr>
-->
</table>
</span><hr>
⬆️ <a title="Jump to top of page" id="btnTop" onclick="updateDebugInfo();">Jump to top</a><br><br>
<table class="debugTableStyle">
<tr>
<th colspan="2">Debug Information</th>
</tr>
<tr class="debugTxtStyle">
<td class="leadCell"><span><b>Position</b>:</span></td>
<td class="valueCell"><span id="txtDebug1"></span></td>
</tr>
<tr class="debugTxtStyle">
<td class="leadCell"><span class="debugTxtStyle"><b>Window</b>:</span></td>
<td class="valueCell"><span id="txtDebug2"></td>
</tr>
<tr class="invisible">
<td class="leadCell"><span class="debugTxtStyle"><b>scrollSize</b>:</span></td>
<td class="valueCell"><span id="txtDebug3"></span></td>
</tr>
<tr class="invisible">
<td class="leadCell"><span class="debugTxtStyle"><b>scrollLimit</b>:</span></td>
<td class="valueCell"><span id="txtDebug4"></span></td>
</tr>
<tr class="debugTxtStyle">
<td class="leadCell"><span class="debugTxtStyle"><b>P / W</b> = </span></td>
<td class="valueCell"><span id="txtDebug5"></td>
</tr>
</table><br>
⬇️ <a title="Jump to bottom of page" id="btnBottom" onclick="updateDebugInfo();">Jump to bottom</a>
</center>
</td>
</tr>
</table>
<!-- GITHUB -->
<a href="https://github.com/ATeaDaze/ateadaze.github.io" target="_blank" id="github">
<img src="images/github-mark-white.png" class="gitHubLogo" title="GitHub"><br>
<b>GitHub</b><br><br>
</a>
</center>
</body>
</html>