templates for self-hosting game jams (or any other kind of jam tbh)
veryroundbird.house
1<!doctype html>
2<html>
3 <head>
4 <title>!!YOUR GAME JAM TITLE!!</title>
5 <link rel="stylesheet" type="text/css" href="./css/style.css" />
6 <link rel="stylesheet" type="text/css" href="./css/custom.css" />
7 <link rel="apple-touch-icon" sizes="180x180" href="./images/apple-touch-icon.png">
8 <link rel="icon" type="image/png" sizes="32x32" href="./images/favicon-32x32.png">
9 <link rel="icon" type="image/png" sizes="16x16" href="./images/favicon-16x16.png">
10 <link rel="manifest" href="./site.webmanifest">
11 </head>
12 <body>
13 <div id="banner">
14 <!-- uncomment the below line if banner is desired -->
15 <!-- <img src="!!YOURBANNER!!" alt="!!BANNERALT!!" /> -->
16 </div>
17 <div id="page">
18 <header>
19 <h1>!!YOUR GAME JAM TITLE!!</h1>
20 <p class="hosted">Hosted by <a href="!!YOURLINK!!" target="_blank">!!YOURNAME!!</a> • <a href="!!LINK TO HASHTAG FILTER!!" target="_blank">#!!HASHTAG!!</a></p>
21 <div class="joined">
22 <span class="count" id="joinedCount">!!#!!</span>
23 <span class="caption">Joined</span>
24 </div>
25 <nav>
26 <ul>
27 <li><a href="index.html" class="current">Overview</a></li>
28 <!-- uncomment the below if you have a discord or a forum or something -->
29 <!-- <li><a href="!!COMMUNITY LINK!!">Community</a></li> -->
30 <li><a href="submissions.html">Submissions</a></li>
31 </ul>
32 </nav>
33 </header>
34 <main>
35 <div class="clock">
36 <div class="dates" id="dates">Submissions open from <b id="startDate">!!STARTDATE/TIME!!</b> to <b id="endDate">!!ENDDATE/TIME!!</b></div>
37 <div class="countdown">
38 <div class="counters">
39 <div class="verb">Starts in</div>
40 <div class="days"><span class="num" id="days">#</span><span class="caption">days</span></div>
41 <div class="hours"><span class="num" id="hours">#</span><span class="caption">hours</span></div>
42 <div class="minutes"><span class="num" id="minutes">#</span><span class="caption">minutes</span></div>
43 <div class="seconds"><span class="num" id="seconds">#</span><span class="caption">seconds</span></div>
44 </div>
45 </div>
46 <div class="join">
47 <a href="!!JOINLINK!!" class="joinbtn">Join Jam</a>
48 </div>
49 </div>
50 <div class="content">
51 <p>!! YOUR CONTENT GOES HERE REPLACE THIS WITH WHATEVER YOU WANT !!</p>
52 </div>
53 </main>
54 <footer>
55 <a href="https://veryroundbird.house">♥︎</a>
56 </footer>
57 </div>
58 <script type="module" src="./js/script.mjs"></script>
59 </body>
60</html>