yuzu-emu/shared-bulma-theme
1
0
Fork 0
mirror of https://github.com/yuzu-emu/shared-bulma-theme.git synced 2024-11-24 03:35:38 +01:00
Code Issues Packages Projects Releases Wiki Activity

game/list: Reformat html

Browse Source
This commit is contained in:
FearlessTobi 2022-10-20 01:19:21 +02:00
parent 0589bffbb1
commit de5fc54048
1 changed files with 76 additions and 76 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

152
layouts/game/list.html
View File

@ -1,95 +1,95 @@
{{ define "header" }} {{ define "header" }}
<div class="container"> <div class="container">
<div class="section pb-xs"> <div class="section pb-xs">
<h1 class="title">Game Compatibility List</h1> <h1 class="title">Game Compatibility List</h1>
<p class="content"> <p class="content">
The compatibility list contains all the games we tested, sorted by how well they work on the emulator. The compatibility list contains all the games we tested, sorted by how well they work on the emulator.
</p> </p>
<table class="table is-fullwidth"> <table class="table is-fullwidth">
<tbody> <tbody>
{{ range .Site.Data.compatibility }} {{ range .Site.Data.compatibility }}
<tr> <tr>
<td> <td>
<div class="is-square" style="background-color: {{ .color }}"></div> {{ .name }} <div class="is-square" style="background-color: {{ .color }}"></div>
</td> {{ .name }}
<td>{{ .description }}</td> </td>
</tr> <td>{{ .description }}</td>
{{ end }} </tr>
</tbody> {{ end }}
</table> </tbody>
</table>
<!-- <div id="highchart-container" style="height: 100px; margin: 0 auto"></div> --> <!-- <div id="highchart-container" style="height: 100px; margin: 0 auto"></div> -->
</div> </div>
</div> </div>
{{ end }} {{ end }}
{{ define "main" }} {{ define "main" }}
<div id="game-listing"> <div id="game-listing">
<div class="container1"> <div class="container1">
<div class="div1"> <div class="div1">
<ul class="pagination paginationTop is-pulled-left"></ul> <ul class="pagination paginationTop is-pulled-left"></ul>
</div> </div>
<div> <div>
<form> <form>
<div class="form-group"> <div class="form-group">
<table> <table>
<tr> <tr>
<td> <td>
<div class="input-group search-box div2"> <div class="input-group search-box div2">
<input type="text" class="search input is-rounded" id="search-box" placeholder="Search..."> <input type="text" class="search input is-rounded" id="search-box" placeholder="Search...">
<!-- <span class="clear-search input-group-addon">X</span> --> <!-- <span class="clear-search input-group-addon">X</span> -->
</div> </div>
</td> </td>
</tr> </tr>
</table> </table>
</div> </div>
</form> </form>
</div> </div>
</div> </div>
<div class="section pt-xs">
<div class="section pt-xs"> <table id="compatibility-list" class="table table-responsive is-fullwidth">
<table id="compatibility-list" class="table table-responsive is-fullwidth"> <thead>
<thead> <tr>
<tr> <th></th>
<th></th> <th class="sort" data-sort="title">Game Title</th>
<th class="sort" data-sort="title">Game Title</th> <th class="sort" data-sort="compatibility">Compatibility</th>
<th class="sort" data-sort="compatibility">Compatibility</th> <th class="sort" data-sort="date-tested">Date Tested</th>
<th class="sort" data-sort="date-tested">Date Tested</th>
</tr> </tr>
</thead> </thead>
<tbody class="list is-size-6"> <tbody class="list is-size-6">
{{ range .Pages }} {{ range .Pages }}
{{ $rating := index .Site.Data.compatibility .Params.compatibility }} {{ $rating := index .Site.Data.compatibility .Params.compatibility }}
<tr data-key="{{ .Params.section_id }}"> <tr data-key="{{ .Params.section_id }}">
<td class="hidden listing-metadata"> <td class="hidden listing-metadata">
<span hidden>{{ .Params.title }} {{ $rating.name }}</span> <span hidden>{{ .Params.title }} {{ $rating.name }}</span>
</td> </td>
<td data-title="{{ .Params.title }}"> <td data-title="{{ .Params.title }}">
<a href="{{ .Permalink }}">{{ .Params.title }}</a> <a href="{{ .Permalink }}">{{ .Params.title }}</a>
</td> </td>
<td data-compatibility="{{ $rating.key }}"> <td data-compatibility="{{ $rating.key }}">
<div class="is-square" style="background-color: {{ $rating.color }}"></div> <span>{{ $rating.name }}</span> <div class="is-square" style="background-color: {{ $rating.color }}"></div>
</td> <span>{{ $rating.name }}</span>
<td data-timestamp="{{ .Params.testcase_date }}"> </td>
{{ if .Params.testcase_date }} <td data-timestamp="{{ .Params.testcase_date }}">
<span>{{ dateFormat "January 2, 2006" .Params.testcase_date }}</span> {{ if .Params.testcase_date }}
{{ else }} <span>{{ dateFormat "January 2, 2006" .Params.testcase_date }}</span>
<span></span> {{ else }}
{{ end }} <span></span>
</td> {{ end }}
</td>
</tr> </tr>
{{ end }} {{ end }}
</tbody> </tbody>
</table> </table>
<ul class="pagination paginationBottom is-pulled-left"></ul> <ul class="pagination paginationBottom is-pulled-left"></ul>
</div> </div>
</div> </div>
{{ end }} {{ end }}
{{ define "scripts" }} {{ define "scripts" }}
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.1.1/jquery.min.js" <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.1.1/jquery.min.js"
integrity="sha256-hVVnYaiADRTO2PzUGmuLJr8BLUSjGIZsDYGmIJLv2b8=" crossorigin="anonymous"></script> integrity="sha256-hVVnYaiADRTO2PzUGmuLJr8BLUSjGIZsDYGmIJLv2b8=" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/list.js/2.3.1/list.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/list.js/2.3.1/list.min.js"></script>
<script type="text/javascript"> <script type="text/javascript">
$(function() { $(function() {