jefklakscodex/themes/jefklak-creative-portfolio/layouts/partials/gamegrid.html

47 lines
1.6 KiB
HTML

<div class="col-xs-12 col-sm-8 col-md-9 content-column">
{{ partial "mobile_nav_toggle.html" . }}
<div class="col-lg-8">
<a class="h-card" rel="me" href="{{ .Site.BaseURL }}" style="border: none">
<img src="/img/logo.png" class="logo" alt="jefklaks codex logo" />
</a>
<article>
{{ .Content }}
</article>
<h2>Game Codex &raquo;</h2>
{{ $pages := .RegularPagesRecursive }}
{{ if $pages }}
<div class="gamegridcontrols">
Sort by:
<button class="sortbtn sorted sorted-asc" data-sort="date" data-sorted="asc">Date added</button>&nbsp;&nbsp;
<button class="sortbtn" data-sort="name">Title</button>&nbsp;&nbsp;
<button class="sortbtn" data-sort="year">Release year</button>&nbsp;&nbsp;
<button class="sortbtn" data-sort="hours">How long to beat</button>&nbsp;&nbsp;
<button class="sortbtn" data-sort="rating">Rating</button>
</div>
<noscript>
Sorting relies on JavaScript which is currently disabled.
</noscript>
<div class="gamegrid">
{{ range $pages }}
{{ if isset .Params "game_name" }}
{{ partial "gamegrid-block.html" . }}
{{ end }}
{{ end }}
</div>
{{ else }}
<p>
No entries yet. Check back soon!
</p>
{{ end }}
<p>
Browse the Codex: <a href="/games">all games</a> | <a href="/platforms">by platform</a> | <a href="/tags">the appendix</a>.
</p>
<hr/>
</div>
</div>