yuzu-emu/shared-bulma-theme
1
0
Fork 0
mirror of https://github.com/yuzu-emu/shared-bulma-theme.git synced 2024-11-22 05:55:43 +01:00
Code Issues Packages Projects Releases Wiki Activity

Merge pull request #6 from j-selby/master

Browse Source 
Add screenshot renderer
This commit is contained in:
Flame Sage 2018-07-10 22:27:37 -04:00 committed by GitHub
commit 175e9ea65b
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 47 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
layouts/_default/baseof.html
View File

@ -22,6 +22,7 @@
<link href="https://fonts.googleapis.com/css?family=Ubuntu|Dosis" rel="stylesheet">
<link href="https://use.fontawesome.com/releases/v5.0.2/css/all.css" rel="stylesheet">
<link rel="stylesheet" href="{{ .Site.BaseURL }}/css/style.css" />
{{- block "css" . }}{{- end }}
{{ if eq (getenv "HUGO_ENV") "PRD" }}
<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>

43
layouts/screenshots/single.html Normal file
View File

@ -0,0 +1,43 @@
{{ define "main" }}
<section class="section" id="gallery">
<h1 class="title">{{ .Title }}</h1>
{{ .Content }}
<div class="tile is-ancestor">
{{ $columns := 3 }}
{{ $files := readDir "/static/images/screenshots/" }}
{{ range $index, $element := (shuffle $files) }}
{{ $fileTitle := (index (split .Name "-") 1) }}
{{ $fileTitle := (index (split $fileTitle ".") 0) }}
<div class="tile is-parent">
<div class="tile is-child is-boxed">
<a href="/images/screenshots/{{ .Name }}" title="{{ $fileTitle }}">
<figure class="image is-16by9">
<img src="/images/screenshots/thumbs/{{ .Name }}" alt="{{ $fileTitle }}">
</figure>
</a>
</div>
</div>
{{if eq (mod $index $columns) (sub $columns 1)}}
</div>
<div class="tile is-ancestor">
{{ end }}
{{ end }}
</div>
</section>
{{ end }}
{{ define "css" }}
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/baguettebox.js/1.10.0/baguetteBox.min.css" type="text/css" />
{{ end }}
{{ define "scripts" }}
<script src="https://cdnjs.cloudflare.com/ajax/libs/baguettebox.js/1.10.0/baguetteBox.min.js" type="text/javascript"></script>
<script type="text/javascript">
window.addEventListener("DOMContentLoaded", function() {
baguetteBox.run('#gallery');
});
</script>
{{ end }}