holm/vinyl-records-collection-theme
1
0
Fork 0
forked from extern/vinyl-records-collection-theme
Code Issues Pull Requests Packages Projects Releases Wiki Activity

feat: better display

Browse Source
This commit is contained in:
Wivik 2023-08-20 21:46:20 +02:00
parent 03a40fdb57
commit f174e5e546
No known key found for this signature in database
GPG Key ID: 4C47CF1D8592D50F
4 changed files with 17 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
layouts/_default/baseof.html
View File

@ -17,6 +17,8 @@
{{ $css := resources.Get "css/style.css" }}
<link rel="stylesheet" href="{{ $css.Permalink }}" />
{{ $css_custom := resources.Get "css/custom.css" }}
<link rel="stylesheet" href="{{ $css_custom.Permalink }}" />
</head>
<body>
<!-- Begin page content -->

11
layouts/_default/list.html
View File

@ -9,9 +9,9 @@
{{ range .Pages }}
{{ $default_img := resources.Get "img/default.png" }}
<section class="album-card" style="background-image: url('{{ if .Params.cover }}{{ .Site.BaseURL }}/{{ .Params.cover }}{{ else }}{{ $default_img.Permalink }}{{ end }}')">
{{ if .Params.band }}
<a href="/band/{{ .Params.band | urlize }}" class="album-band">{{ .Params.band }}</a>
<section class="album-card" style="background-image: url('{{ if .Params.cover }}{{ .Site.BaseURL }}{{ .Params.cover }}{{ else }}{{ $default_img.Permalink }}{{ end }}')">
{{ if .Params.artist }}
<a href="/artist/{{ .Params.band | urlize }}" class="album-artist">{{ .Params.artist }}</a>
{{ end }}
<a href="{{ .Page.Permalink }}" class="album-title">{{ .Title }}</a>
{{ if .Params.genres }}
@ -29,13 +29,12 @@
<li><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="18" height="18"><path d="M9 1V3H15V1H17V3H21C21.5523 3 22 3.44772 22 4V20C22 20.5523 21.5523 21 21 21H3C2.44772 21 2 20.5523 2 20V4C2 3.44772 2.44772 3 3 3H7V1H9ZM20 11H4V19H20V11ZM7 5H4V9H20V5H17V7H15V5H9V7H7V5Z"></path></svg> Year : <a href="/year/{{ .Params.year }}" class="album-info">{{ .Params.year }}</a></li>
{{ end }}
{{ if .Params.format }}
<li><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="18" height="18"><path d="M12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22ZM12 20C16.4183 20 20 16.4183 20 12C20 7.58172 16.4183 4 12 4C7.58172 4 4 7.58172 4 12C4 16.4183 7.58172 20 12 20ZM12 15C10.3431 15 9 13.6569 9 12C9 10.3431 10.3431 9 12 9C13.6569 9 15 10.3431 15 12C15 13.6569 13.6569 15 12 15Z"></path></svg> Format : <a href="/format/{{ .Params.format | urlize }}" class="album-info">{{ .Params.format }}</a></li>
<li><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M12 2C17.52 2 22 6.48 22 12C22 17.52 17.52 22 12 22C6.48 22 2 17.52 2 12C2 6.48 6.48 2 12 2ZM12 16C14.2133 16 16 14.2133 16 12C16 9.78667 14.2133 8 12 8C9.78667 8 8 9.78667 8 12C8 14.2133 9.78667 16 12 16ZM12 11C12.55 11 13 11.45 13 12C13 12.55 12.55 13 12 13C11.45 13 11 12.55 11 12C11 11.45 11.45 11 12 11Z"></path></svg> Disc format : <a href="/format/{{ .Params.format | urlize }}" class="album-info">{{ .Params.format }}</a> {{ if .Params.number_of_discs }} ({{ .Params.number_of_discs }} discs){{ end }}</li>
{{ end }}
</ul>
</section>
{{ end }}
</main>
{{ end }}
{{ end }}

10
layouts/_default/single.html
View File

@ -8,8 +8,8 @@
<article>
<section class="record">
<div>
<h1>{{ .Page.Title }}</h1>
<a href="/band/{{ .Params.band | urlize }}" class="record-band">{{ .Params.band }}</a>
<h1 class="album-title">{{ .Page.Title }}</h1>
<a href="/artist/{{ .Params.artist | urlize }}" class="record-artist">{{ .Params.artist }}</a>
{{ if .Params.description }}
<p>
{{ .Params.description | markdownify }}
@ -41,8 +41,12 @@
<li><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="18" height="18"><path d="M9 1V3H15V1H17V3H21C21.5523 3 22 3.44772 22 4V20C22 20.5523 21.5523 21 21 21H3C2.44772 21 2 20.5523 2 20V4C2 3.44772 2.44772 3 3 3H7V1H9ZM20 11H4V19H20V11ZM7 5H4V9H20V5H17V7H15V5H9V7H7V5Z"></path></svg> Year : <a href="/year/{{ .Params.year | urlize }}" class="album-info">{{ .Params.year }}</a></li>
{{ end }}
{{ if .Params.format }}
<li><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="18" height="18"><path d="M12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22ZM12 20C16.4183 20 20 16.4183 20 12C20 7.58172 16.4183 4 12 4C7.58172 4 4 7.58172 4 12C4 16.4183 7.58172 20 12 20ZM12 15C10.3431 15 9 13.6569 9 12C9 10.3431 10.3431 9 12 9C13.6569 9 15 10.3431 15 12C15 13.6569 13.6569 15 12 15Z"></path></svg> Disc format : <a href="/format/{{ .Params.format | urlize }}" class="album-info">{{ .Params.format }}</a></li>
<li><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M12 2C17.52 2 22 6.48 22 12C22 17.52 17.52 22 12 22C6.48 22 2 17.52 2 12C2 6.48 6.48 2 12 2ZM12 16C14.2133 16 16 14.2133 16 12C16 9.78667 14.2133 8 12 8C9.78667 8 8 9.78667 8 12C8 14.2133 9.78667 16 12 16ZM12 11C12.55 11 13 11.45 13 12C13 12.55 12.55 13 12 13C11.45 13 11 12.55 11 12C11 11.45 11.45 11 12 11Z"></path></svg> Disc format : <a href="/format/{{ .Params.format | urlize }}" class="album-info">{{ .Params.format }}</a>{{ if .Params.number_of_discs }} ({{ .Params.number_of_discs }} discs){{ end }}</li>
{{ end }}
{{ if .Params.condition }}
<li><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M3.78307 2.82598L12 1L20.2169 2.82598C20.6745 2.92766 21 3.33347 21 3.80217V13.7889C21 15.795 19.9974 17.6684 18.3282 18.7812L12 23L5.6718 18.7812C4.00261 17.6684 3 15.795 3 13.7889V3.80217C3 3.33347 3.32553 2.92766 3.78307 2.82598ZM5 4.60434V13.7889C5 15.1263 5.6684 16.3752 6.7812 17.1171L12 20.5963L17.2188 17.1171C18.3316 16.3752 19 15.1263 19 13.7889V4.60434L12 3.04879L5 4.60434Z"></path></svg> Condition : {{ .Params.condition }}</li>
{{ end }}
</ul>
</div>
<div>

5
layouts/partials/header.html
View File

@ -3,8 +3,9 @@
<h1>{{ .Site.Title }}</h1>
<nav>
<a href="{{ .Site.BaseURL }}">Home</a>
<a href="/band/">Bands</a>
<a href="/artist/">Artists</a>
<a href="/genres/">Genres</a>
<a href="#">still don't know</a>
<a href="/format/">Formats</a>
<a href="/label/">Labels</a>
</nav>
</header>