ritual/ritual.sh
ritual/ritual.sh
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Adding music shelf

Browse source
This commit is contained in:
Dan 2025-12-12 09:33:00 +00:00
parent c2af88d118
commit bdd00ec9e8
18 changed files with 394 additions and 110 deletions
Download patch file Download diff file Expand all files Collapse all files

75
layouts/audio/list.html
View file

@ -11,22 +11,65 @@
</div>
<div class="page-content">
<h1>LIST</h1>
<h1>Music &amp; Audio Gear</h1>
<h1>Music &amp; Audio Gear</h1>
<h1>Music &amp; Audio Gear</h1>
<h1>Music &amp; Audio Gear</h1>
<h1>Music &amp; Audio Gear</h1>
<h1>Music &amp; Audio Gear</h1>
<h1>Music &amp; Audio Gear</h1>
<h1>Music &amp; Audio Gear</h1>
<h1>Music &amp; Audio Gear</h1>
<h1>Music &amp; Audio Gear</h1>
<h1>Music &amp; Audio Gear</h1>
<h1>Music &amp; Audio Gear</h1>
<h1>Music &amp; Audio Gear</h1>
<h1>Music &amp; Audio Gear</h1>
<h1>Music &amp; Audio Gear</h1>
<div class="neon-sign">
<div class="neon-text purple">music <span>&</span> audio gear</div>
</div>
<div class="record-shelf-container">
<div class="shelf">
<!-- prettier-ignore -->
{{ $posts := where site.RegularPages "Type" "media" }}
{{ $posts = where $posts "Params.tags" "intersect" (slice "album") }}
{{ range first 5 $posts }}
<a class="record-slot" href="{{ .RelPermalink }}">
<div class="record-sleeve">
<!-- prettier-ignore -->
{{ with .Resources.GetMatch "cover.*" }}
{{ $image := .Resize "500x webp q85" }}
<div
class="sleeve-front"
style="--album-cover: url({{ $image.RelPermalink }})"
>
{{ end }}
<!-- prettier-ignore -->
<div class="album-title">
{{ .Title }}
</div>
</div>
<div class="vinyl-record"></div>
</div>
</a>
{{ end }}
<!-- prettier-ignore -->
{{ if gt (len $posts) 5 }}
<a href="/tags/tutorial/" class="view-all">
View all {{ len $posts }} posts →
</a>
{{ end }}
</div>
</div>
<!-- prettier-ignore -->
{{ partial "elements/ipod.html" . }}
{{ $posts := where site.RegularPages "Type" "gear" }}
{{ $posts = where $posts "Params.tags" "intersect" (slice "audio") }}
{{ range first 5 $posts }}
<h2>{{ .Title }}</h2>
{{ with .Params.icon }}
<p>{{ . }}</p>
{{ end }}
<a href="{{ .RelPermalink }}">Read more</a>
{{ end }}
<!-- prettier-ignore -->
{{ if gt (len $posts) 5 }}
<a href="/tags/tutorial/" class="view-all">
View all {{ len $posts }} posts →
</a>
{{ end }}
</div>
</article>
{{ end }}

13
layouts/index.html
View file

@ -122,7 +122,7 @@
<div class="secondary-screen wall-monitor-1 hidden-xl-down">
<div class="screen-display crt">
> updates -lah<br />
{{ range first 5 (sort .Site.Pages "Lastmod" "desc") }} [<time
{{ range first 10 (sort .Site.Pages "Lastmod" "desc") }} [<time
>{{ .Lastmod.Format "2006-01-02" }}</time
>] - <a href="{{ .Permalink }}">{{ .Title }}</a><br />
{{ end }}
@ -265,10 +265,15 @@
</div>
</a>
</div>
<div class="time-display">
{{ partial "elements/lcd-screen.html" (dict "text" "12:03:31" "placeholder"
"00:00:00") }}
<div>
<a href="/now/">
<div class="time-display">
{{ partial "elements/lcd-screen.html" (dict "text" "12:03:31"
"placeholder" "00:00:00") }}
</div>
</a>
</div>
<div class="hidden-xl-down">
<div class="coffee-mug"></div>
</div>