templates for self-hosting game jams (or any other kind of jam tbh)
veryroundbird.house
1---
2body_class: submissions wide
3layout: default
4---
5{{ content | safe }}
6{{ page | jsonify }}
7<aside id="filters">
8 <div class="afs-filter-container">
9 <!-- Filter Controls -->
10 <div class="afs-filter-controls">
11 <!-- Basic Filters -->
12
13 <!-- Search Input -->
14 <input type="text" class="afs-filter-search" placeholder="Search by title, author, or tags" />
15
16 <p class="label">Sort entries by:</p>
17 <ul id="sorts">
18 <li><button class="custom-sort" data-sort-key="date" data-sort-direction="desc"> <span class="afs-sort-direction"><span class="icon sort-desc"></span></span> Date</button></li>
19 <li><button class="custom-sort" data-sort-key="title" data-sort-direction="asc"> <span class="afs-sort-direction"><span class="icon sort-asc"></span></span> Title</button></li>
20 <li><button class="custom-sort" data-sort-key="shuffle" data-sort-direction="desc"><span class="icon random"></span></span> Random</button></li>
21 </ul>
22
23 <details open><summary>Platform</summary>
24 <ul>
25 <li><button class="afs-btn-filter" data-filter="platforms:browser"><span class="icon web"></span> Play in browser</button></li>
26 <li><button class="afs-btn-filter" data-filter="platforms:windows"><span class="icon windows"></span> Windows</button></li>
27 <li><button class="afs-btn-filter" data-filter="platforms:macos"><span class="icon macos"></span> Mac OS</button></li>
28 <li><button class="afs-btn-filter" data-filter="platforms:linux"><span class="icon linux"></span> Linux</button></li>
29 <li><button class="afs-btn-filter" data-filter="platforms:android"><span class="icon android"></span> Android</button></li>
30 </ul>
31 </details>
32
33 <details><summary>Tags</summary>
34 <div id="tags">
35 <button class="afs-btn-filter" data-filter="*">all</button>
36 {% for tag in site.tags %}
37 <button class="afs-btn-filter" data-filter="tags:{{ tag.name }}">#{{ tag.name }}</button>
38 {% endfor %}
39 </div>
40 </details>
41
42 <details><summary>Submission Date</summary>
43 <div id="date-filter"></div>
44 </details>
45
46 <!-- Results Counter -->
47 <div class="afs-filter-counter"></div>
48 </div>
49
50 <!-- Pagination Container -->
51 <div class="afs-pagination-container"></div>
52 </div>
53</aside>
54<section id="list">
55 {% for game in site.games %}
56 {%- if game.draft %}
57 {% continue %}
58 {% endif -%}
59 {% include game_card.html page=game %}
60 {% endfor %}
61</section>