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