slice things up in partials for modularity
This commit is contained in:
parent
c9a800d5fa
commit
b702ce6cda
6 changed files with 135 additions and 127 deletions
23
themes/one-pager/layouts/partials/pictures.html
Normal file
23
themes/one-pager/layouts/partials/pictures.html
Normal file
|
|
@ -0,0 +1,23 @@
|
|||
<!-- PICTURES SECTION -->
|
||||
<section id="pictures" class="section">
|
||||
<h2>Pix & Doodles</h2>
|
||||
<div style="text-align: right; margin-bottom: 1rem;">
|
||||
<button onclick="refreshPictures()" class="refresh-button">
|
||||
<span>🎲 Randomize</span>
|
||||
</button>
|
||||
</div>
|
||||
<div class="photo-grid" id="photoGrid">
|
||||
{{ $allPictures := slice }}
|
||||
{{ range $path, $entries := hugo.Data.pictures }}
|
||||
{{ range $entries }}
|
||||
{{ $allPictures = $allPictures | append . }}
|
||||
{{ end }}
|
||||
{{ end }}
|
||||
|
||||
<!-- Store all pictures data in a JSON array -->
|
||||
{{ $picturesData := jsonify $allPictures }}
|
||||
<script>
|
||||
window.allPicturesData = {{ $picturesData | safeJS }};
|
||||
</script>
|
||||
</div>
|
||||
</section>
|
||||
Loading…
Add table
Add a link
Reference in a new issue