-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
265 lines (226 loc) · 33.3 KB
/
index.html
File metadata and controls
265 lines (226 loc) · 33.3 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
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
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
<!DOCTYPE html>
<html>
<head>
<!-- link styles/js -->
<link href="/dist/output.css" rel="stylesheet" />
<script src="https://cdn.tailwindcss.com"></script>
<style>
.custom-btn{
background-color: #111827;
padding: 10px 20px;
border-radius:15px;
font-size:18px;
transition: background-color 0.5s;
}
.custom-btn:hover{
background-color: #1e40af;
}
.dice-btn{
background-color: #111827;
padding: 10px 20px;
border-radius:15px;
font-size:18px;
transition: background-color 0.5s;
}
.dice-btn:hover{
background-color: #1e40af;
}
.dark-overlay::before{
content: '';
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: rgba(0, 0, 0, 0.5); /* Adjust opacity here, 0.5 means 50% black */
z-index: 1;
}
.dark-overlay {
position: relative;
}
.dark-overlay * {
position: relative;
z-index: 2;
}
</style>
</head>
<body class="bg-gray-800">
<nav class="fixed left-0 overflow-y-auto w-64 text-xl bg-gray-900 border-r-2 inset-y-0 z-30 border-indigo-800 text-gray-500">
<img
class="flex w-full p-2 mb-4 hover:bg-indigo-800 items-center justify-center"
src="images/DNDampersand.jpeg"
alt="Logo"
/>
<a
class="flex p-2 mb-4 hover:bg-indigo-800 items-center justify-center"
href="pages/categories.html">
Categories
</a>
<a
class="flex p-2 mb-4 hover:bg-indigo-800 items-center justify-center"
href="pages/new-releases.html">
New Releases
</a>
<a
class="flex p-2 mb-4 hover:bg-indigo-800 items-center justify-center"
href="pages/combat-tracker.html">
Combat tracker
</a>
<a
class="flex p-2 mb-4 hover:bg-indigo-800 items-center justify-center"
href="pages/statblock-generator.html">
Statblack Generator
</a>
<a
class="flex p-2 mb-4 hover:bg-indigo-800 items-center justify-center"
href="pages/encounter-generator.html">
Encounter Generator
</a>
<a
class="flex p-2 mb-4 hover:bg-indigo-800 items-center justify-center"
href="pages/player-resources.html">
Player Resurces
</a>
<a
class="flex p-2 mb-4 hover:bg-indigo-800 items-center justify-center"
href="pages/dm-resources.html">
Game Master Resoreces
</a>
<a
class="flex p-2 mb-4 hover:bg-indigo-800 items-center justify-center"
href="pages/books-rules.html">
Books and Rules
</a>
</nav>
<div class= 'pl-64'>
<!-- Hero Section -->
<section
class="bg-cover bg-center h-screen p-8 dark-overlay border-indigo-800 border-b-2"
style="background-image: url(/images/hero-section.jpeg);"
>
<div class="flex flex-col items-center justify-center h-full">
<h1 class=' font-bold text-2xl text-white text-'>
August White
</h1>
<p class="text-white text-center max-w-xl">
Explore the latest trends in technology and web development
</p>
</div>
</section>
<!-- Dice Roller -->
<section id="dice-roller"
class="text-center text-white ">
<h2 class="flex p-2 text-2xl items-center justify-center font-bold">
Dice Roller
</h2>
<div>
<!-- left/right of dice -->
<div class="space-y-2 space-x-2">
<button class="dice-btn" data-dice="4">
d4
</button>
<button class="dice-btn" data-dice="6">
d6
</button>
<button class="dice-btn" data-dice="8">
d8
</button>
<button class="dice-btn" data-dice="10">
d10
</button>
<button class="dice-btn" data-dice="12">
d12
</button>
<button class="dice-btn" data-dice="20">
d20
</button>
<button class="dice-btn" data-dice="100">
d100
</button>
</div>
<div id="dice-result" class='text-white'></div>
</div>
</section>
<h1 class="text-white flex p-2 text-2xl items-center justify-center font-bold">
Characters
</h1>
<!-- Dummy Projects -->
<section class="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-4 gap-4">
<!-- project 1 -->
<div class=" p-4 text-white w-32 bg-emerald-700/80 flex flex-col justify-center items-center">
<img src="data:image/jpeg;base64,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" />
<h1>
Title
</h1>
<p>
Description
</p>
</div>
<!-- project 2 -->
<div class=" p-4 text-white w-32 bg-emerald-700/80">
<img src="data:image/jpeg;base64,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" />
<h1>
Title
</h1>
<p>
Description
</p>
</div>
<!-- project 3 -->
<div class=" p-4 text-white w-32 bg-emerald-700/80">
<img src="data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/2wCEAAkGBwgHBgkIBwgKCgkLDRYPDQwMDRsUFRAWIB0iIiAdHx8kKDQsJCYxJx8fLT0tMTU3Ojo6Iys/RD84QzQ5OjcBCgoKDQwNGg8PGjclHyU3Nzc3Nzc3Nzc3Nzc3Nzc3Nzc3Nzc3Nzc3Nzc3Nzc3Nzc3Nzc3Nzc3Nzc3Nzc3Nzc3N//AABEIAMAAzAMBEQACEQEDEQH/xAAbAAACAwEBAQAAAAAAAAAAAAACBAABAwUGB//EAEAQAAIBAgQCCAMFBgMJAAAAAAABAgMRBAUSIRMxBhUyQVFhkdEHIlQUUnGSoSNCU3OBsRZEkxcmMzZDcqKywf/EABsBAQEAAwEBAQAAAAAAAAAAAAABAgMEBQYH/8QAMhEBAAIBAgQFAgQGAwEAAAAAAAECAwQRBRIhMRMVQVFSIkIUM2FxBiMyNGKhJJGxFv/aAAwDAQACEQMRAD8A7kEZI3giDWMQNFEAlFeAE0eQFqHkIF8NeBZFqHkQEoeQE0LwAnD8gL4fkBOH5AVoXgBNC8AK0eQFcNeAFOC8CgdHkQTT5ATSvACafIAJRXgAvUQgKye5RpTAZgiDaKANIA1EAtIBaQCUQL0gWokE0lF6QJpAmkCtI2E0hVaQinEAXECtIFOIA6QJYAGgFqy2LASktwNKYDdIit4oI0ggNEgCSKCUSAlGwFpAWkBdgKbhHtTivJtIzilrdoSZiPVSlT/iQ/Miziv7Jz1901U/4kPzInhX9jnr7rTjKVoOMmuaixNLR3IvE9l2MGSrBVNBAuIAuJQLQFWAFgBJCQrWWwgJS7TAKmA3S7iBmIGkUBrFFBpEBJAQKKwFxjv3hHm+kfSvD5XfDYRLEYzk0n8tP8fF+R6uj4bfLPNfs4tRrIxxtD5zmOYYjE4h4jF4iU5yfNyt6H0mPBix1iIh5M5MmSd2EMWrpSqPfl85n4VPZjMZPdrUqzUklKVvxZjOOvswra3ufybG4zBYqGKw9Vxcf3W7qS8GjXm02PLSa2ha6m2K2+76flGZUM1wvFo/LOP/ABIN7wZ8nqtLfTX2ns9/Tamueu8dztjm7Tu6FWIKApoAGgBaKBsBnISFa/IQEZdpgFTAbpEUzAI2igNYoA0gIIBJFBJX2HqPFdO8/wAbhKry7CPhRlTUp1Y9qSd9l4HucN0lL18W0bvK1mptW3hw8HBa94yt43Pdr7PMtO3d774TqlPH5isRGDSowtxIprn5nlca35Kcm/d38NiOaX0DMaeDWX4pwpYZPgTs1GK/dZ4WKcniRvv6f+vUyRTll8Ew0bqOrmkj7iY6vmbz7HobJti0bua3VrgMxxGX4yGKws9M07ST5SXg/I0Z9PTNSa3dODLbDber6nl2KWPwOHxUYOHGgp6X3XPjc+OcOSaR6PpsWSMmOLQ3aNLcFoIogpoAGgAaKM5iQpX5CAjLtMAqYDdEKbggjaBBrECxAJIoJIArbAfNfiFbr6UfCjD/AOn0/C/yHga/895SSlS3W8Wek5o2kUa1SPyxlJX74tosxHadmUfT1hpHEVLfNVq25Wc3uWPDj0j/AKS1rz6s41pKqm4rSZReZ7sZpGxy8ppdy8CufpCmhuPq3Rhf7v5f/IifF6/+4s+o0n5FXRaOV0haAFogoAWgAaEDKRZClfkICEu0wCpgOUSBuAG0ANUASEdwSRQaRAS8Ce48X0s6O5jmebyxOFoxqU+HGN3NLlc9/Qa7Fiw8tpePrNJlyZZmrkLobnFkvs0Lf96O/wA0we7l/AagvW6CZ1xNVKjC3hxFsTzXD7ttdHm26wxrdCs8oUqlaphoKFODlJ8RckrsRxHBeYjdlOky1jeXno7pNL8DvjdxychJ2Rk55jqJXb2ZUfWujH/L+X/yInxmu3nUW/d9Po/yKui0cjqDJGQBoiBfMAWQCxAxqFkJ1+QgIS7TAKkA7RIG4AbQQGqEBfMcww2V4OpisbU0U4rl3yfgl4m3Dhtmty1hhkyRSu8vCz+IuNdSSp4OgoXelSbvbzPdrwfHt1l50660doaR+IGPav8AY8P+pfJsfu1zxK8T2aR6e5ha/wBjw/6l8mx+8sZ4pffs0j09xzTvhKH6k8mxe6ea5PYX+PsZGN5YWgl/UnkuL3TzTJPaA/7QsYk3HC4d+o8mxe6xxPL6w5uO+I2YV6FbDvB4ZRqwlBtXuk1YkcLx0tvEuj8ba9dph5LDysrSbstrs9mrzskexyL2RnDmmBRl810ZejGY6PsXRCnxuj+A7v2EeR+ecf1d9Pktavu+p0FY8Grs/Y4d8pHzfnOWPth2+FDOpQpx2TbMLceyx6QvglqkLbpbHfw/jEai3Jk6Sxvi2Ys9zdpCALAxmUJYjkICEu0wDpAO0SBqAG8ORFY5nmOGyvBSxWMqKFNcr85PwRuw4bZrctWu+SKRvL5Ln+fV87xnGrXjRjdUaS5QXv5n1Wl01MFNnj58tss7uVdSmtL3fcdcd2j0OYdatjNzX6G1GysRo3XZxi9gb7s6r1WQZ1YVLxQbY6k3Qc627tdmvl6uiLxFW7pLs3bSMuVqm8pWnoVqfcJnYrG89W+FqRqxtJfMkZ1tv0a8lJr1h9p6GbZBgEuf2eJ+ZfxVP1T+76fh35UO9PkfDXmYh6MF5Kz2NMfUyA7uW3I3V3md+yW6wUxNJRlqXJn1nDOJ88eHl7ue9PYu+Z7vdqCwjKYCWIWxYHPl2mAdIB2jzIG4AbwQHiPipf7LliXZ4tT/ANUe3weN7WcOt6RD57LRDdvV4Hv8rzo3nsuMJOPEvbyNnKk2jsawbl2k735kmGjLt6m1Oa5q/wCBHPyxInUu0m7BOQEt3dMRKsXUWpruRJbYr0K4ms4yWnaxha2zfjpEx1VSrakudxFty1Nmkue6ZZmPVjEPUdCOilXOcRHGYjVTwFOXP+K/BeXmeRxLiVNJjmd+rt0+lnLP1dn2DD0YYemqdKCjFKyiuSXgfk3FOJ5NXk39IfQ4sUY67Q0nJ2seVG8x1bewJvvMYUMOZ0RG0MZDWhrptd/M24v667e8JMdHOasz9AiOjkCyoymAliORYHOl2mAdIB2gQOQA2hyA8Z8T1fD5Z/Nqf2R7nBv67uDX/wBMPC/Zo1Y32WnvZ9DDxvEms7D4fyaUu4zhN+u6sqwtbFZhTwVBR4tWWmCk7K5qzZK4qza3aHRGOckxEPU/4G6QN7fZY/hVPM830zd5bdtR6CZzG7qfZ5PzqjzfT+jG/Ds09m3+A80abcMPqtt+0Hm2CWHluoK1Ph5ncuysNbx4qJPFsDbXQZY7sKvw26Qz5LCf6phbimCW6uiyQGHw36RQe8cJbyrEjimCFtory6eT/DvHSxkHnM6cMLHeUaU7yqeXl+Jr1HFqeHMY46mPQTFt7PpWHhTw9KNKlTjClCOmEYKyivCx8FxPTa7WX39Hs44pSNoacSPmeR5Fq/0bfEqrXGTsjTqeGZsFOfJ2IvFuwKk1CO7PP29We4FiYW3cfUy5xf2mk0/nXI3YZ+uP3SexGW6ufoUdocgHyKjKYCWI5Fgc6XaYB0gHaHMgcgBtDkB4r4qy04PLn4VJ7/0R7nB/6ruHXRvWsPD4Oqq9JxlzR9BWXjZKck7qlNQ2Ukmu65s7EVmerXKsf1dmuGx6p8V0ZatF7X2NOoxeLjmnu6cNuS2+z29P4l6nbqyKf808XySPm7J4hMfaZh8RXKSSy2P+pzJPBYiN+dr8zntyva5RVxmMwsa2Mwiws5O6p6tTS8/PyPm+I5sOj3mJ3engtbLXeY2dLh27zwZ49/i6YxK0+Zj5/wD4r4X6pov3jz6fieH+odHmPP5+J4X6sJvTJprck/xBPwPCgDkx/wDQf4J4ULVorVG5z6vidtVi5JrstaxUtjHqpc+88eYiIZ9yUYruRIruymdh6Ujfir9cNVrdGjPv47R+zQF8ijKYCWI5Fgc6XaYB0gHaPMim4BG8OQHkPiVTdTCZfFK96k/7I9zg0b2s83iNuWK7vBYOhCnOSk3r7j6CKvJy35oMYnC06y3itVtmjKerVjy2qTp5cnJxk5JrexN2+dR6w0+wwi/kUnLuS3uSZ2jdIzWt0fSegXQ14d08xzSH7ftUaT5U195rxPk+N8arirNKy9nSaP77PokbRjaPI/NdTrJzTM2exWuwZs829pZ7AuItIJSM+cS5lFhjiI3ipLmuYneULr5pKMd7isbyhnaMLSat4nZERWNmBHFuElaC5bmm0Qm5PVHkh2Y7rbNmOfriCew3zsfeR2jf2awsqMpgJYjkUc6XaYB0mA7RIGoAMQY9QnnGVUc2wnBrNxlF3pzXOLOnS6m2nvvHZzanTxnptL5lmeXYjL8ylQxEdM07rwa8UfXafPTPTmq8DLjti3raB0ad7Oa/A2zZw3tt2XUp/Pr8diRO6Vt02b5VBdZ4Xb/rR/uatTP8m37OjTT/ADavtFCXyu/fJn4txy8/iZiZfb4o+lpc8SLNwZGNpFJlrKJcorcop1El87sjLeUKRrRjqdPffn4G/HaIYSznUc38zM95lgG6ERITxEdErrk+TG7CUoQlJapNpdy8T3eHcN558TIxbvmfSbyBYRjNgJYh7FHPl2mAVIB2iQNwA3gBohCks3ynDZth+HXhFVIb06lt4P2OrSaq+C36OXVaeuesw8nLo3mcZSUMKpW71Jb+Z9DXiWHbrL5u3DdRv0gD6NZs/wDJ/wDmi+Y6f3I4dqPZtgejeaUsbh6s8K4xhUjKT1Llc1ZuIYLY7RFm/BoNRXLEzD6TRd4beLPyHjvXVS+wxR9PVqeG2M9bZZE1o6NNpsmeZikbsbWiAup4WO/yjV/Bj4lWc6k/3UXyjWfBPEgpXjXnLstovlOr+B4kKjGejeO/4mXlOr+DHmhHGf3f1Hleq+LHeA/tF+7+pnHDdX8TdbjrVpq3kejoOF25ufLDCZRvY+jisViIhiFgCwMZgJYjkWAhLtMAqYDlEBuBBvBgaIAkAaYUSExBvI0ydE3k1Q7H9T4njn906sfZr3c7HibNheTtcyiGO4E9Uj0NBrLaW82rDC0bs6s5RV4pNHrW4/l+MNfIWxGNlTpXjCLl5sxr/EGWftg5C0c0m5b0o+pt89y/GE5XQpz104yfNnv6XL42OLz6sJ2W2dMTKAbABsSBfMgFgC2IGNRlkJ1+QgIS7TAKmA3RCm4MI2gyDVAFcAkygkwCTJIaozUad5PvPieOR/ypdWPsyr1pTVovSjyYqykusQ1tLdeJjsjWlVg3tNIyiEmRWv4GyYjZju5uNjJVY07XtuY1rtKWKSpuM/1udFaw1y62Hf7GH4H23D/yKwxE2dqBbABsCiAWwAYgZT5FkJ1+QgIy7TAKmA3SIpmDCNosDVPYoJMgu5YBJgEmJBp7HyXHNLk8XxYjo347ei209jwobZKVtpNGE9EZUdNTF0qcleLe536ClbZ6xbs1WdVUKcVtTSPso0Omj7Ya95c6pJuvWv3SaXkfH62kUzzWIZBlT4m0Xv4Mww47ZJ5axvKSYppwpxi+aR9rpKWx4YrLFbZ0oFsoogpsAGwBbKMp8hIUr8hARl2mAVMBul3EDCYGkWBonsASkASkAWoAlIC9RhelcleW0brE7L1nx/EeGW09uenWrfS8SxxL5S8eZ5M9WUySVTRU1XtLus9zbWZr1hqllPE1/wCPV/OzdXU54++f9sTOB1Vabcm23LeTdzo02jy6q+/+zc9GKpqySbPqtHo8enjp392KNnairkFAU2ALYAtlAMDOQkK1+QgIy7TAKmA1TZBqmBpFgaKQBKQFqa73YC1OP3kBaqx+8gJxYd84oR3EdemudSPqY2rF45bLHQLxNC2l1YtebOX8Bg+JzMW8A56pcLV43L+BwfGAWvBvnKn6j8Fgj7YN20K1GKShOGnuszppjrSNqwguPT+8vUyF8WP3kBOJH7yAriR+8BWuPcBWoopskASgGJCtd7CAjLtMC4AMwZBqmAaYBK3eBfysCKMQL0QfMCcKkwJwKPfG4AvC4eXOAAPL8K9nAAXleC76aYFxyzCR5UkBpHBUI7qCsAaw9H7gF8Gn4AThU/AC9EQJ8oFfL3AS4EuAEnsAtWewgJy5lFwA2iyDRSAJSAvUBNRQSmQEqgE1gWplgWpgTWBNYF6wL1kE4gE1gTiAVrArWBNQEuBGwAkwF6rLAVk9wLiAcWAakBakBeoCawJrAmsAtYE1gWpgTWBNYE1gXrAnEAnEAriATiATiMgnEYE4vmBOJcCnMsDGbAyfMDoLIc2+hqesfcbi+os2+hqeq9xuL6kzX6Cp+aPuNxOo81+hqeq9xuJ1Jmv0NT1j7jcTqXNfoKnrH3G4nUua/QVPWPuNxHkua/QVF/WPuNxOpM1+hq+q9xuIskzbuwNT1XuNxOpc178DU9V7jcTqXNfoav5o+43F9S5r9DU/NH3G4rqXNfoav5l7jcTqXNfoavqvcbidS5r9DV9V7jcV1Lmv0NX1XuNxOpc1+hq/mj7jcR5Lmq/yNX1XuNxFkuav/I1PzR9xuLWTZr3YGr6r3G4vqbNvoanqvcbidS5t9DU9V7jcTqTNnzwNT1XuNwLyPNfoanqvcbgeos2+hqeq9xuP/9k=" />
<h1>
Title
</h1>
<p>
Description
</p>
</div>
<div class=" p-4 text-white w-32 bg-emerald-700/80">
<img src="data:image/jpeg;base64,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" />
<h1>
Title
</h1>
<p>
Description
</p>
</div>
</section>
<!-- add content -->
<div class="">
<div class="">
<button class="custom-btn">Player Resources</button>
</div>
<div class="">
<button class="custom-btn">Dungeon Master Resources</button>
</div>
<div class="">
<button class="custom-btn">Books & Rules</button>
</div>
</div>
</div>
<!-- scripts -->
<script>
document.querySelectorAll('.dice-btn').forEach(btn => {
btn.addEventListener('click', function() {
const dice_type = this.getAttribute('data-dice');
const result = roll_dice(dice_type);
document.getElementById('dice-result').innerText = 'You got a ' + result + '!';
});
});
function roll_dice(dice_type) {
return Math.floor(Math.random() * dice_type) + 1;
}
</script>
</body>
</html>
<!-- Comments for next session:
Make the home logo a real link
active button when rolling dice
button for increasing/decreasing number of dice rolled
continue to fix layout/overall design
campaign log
character creator
add stuff to other pages
rules/refernce
-->