72 lines
2.8 KiB
HTML
72 lines
2.8 KiB
HTML
|
<!DOCTYPE html>
|
||
|
|
<html lang="en">
|
||
|
|
<head>
|
||
|
|
<meta charset="UTF-8">
|
||
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||
|
|
<meta http-equiv="X-UA-Compatible" content="ie=edge">
|
||
|
|
<title>Flip Noorman | Albums</title>
|
||
|
|
<link rel="stylesheet" href="/static/css/index.css?v4">
|
||
|
|
<link rel="icon" type="image/png" href="/static/img/favicon.png" />
|
||
|
|
</head>
|
||
|
|
<body>
|
||
|
|
<nav class="nav">
|
||
|
|
<div class="nav__section nav__left">
|
||
|
|
<a href="/albums">Albums</a>
|
||
|
|
</div>
|
||
|
|
<div class="nav__section nav__right">
|
||
|
|
<a href="https://mailchi.mp/fa9b30c6bd38/flip-noorman-nieuwsbrief" class="c-nav-invert-button" target="_blank" ref="no-follow">Nieuwsbrief</a>
|
||
|
|
<a href="/">Love It</a>
|
||
|
|
</div>
|
||
|
|
</nav>
|
||
|
|
<div class="c-albums-opening">
|
||
|
|
<nav class="c-albums-opening__main">
|
||
|
|
<a href="#tour"></a>
|
||
|
|
<p class="c-albums-opening__heading">Flip Noorman</p>
|
||
|
|
<div></div>
|
||
|
|
<p class="c-albums-opening__heading">Albums</p>
|
||
|
|
</nav>
|
||
|
|
|
||
|
|
<nav class="c-albums-opening__other">
|
||
|
|
<a href="/" class="c-albums-opening__heading c-albums-opening__heading--small">Love It</a>
|
||
|
|
</nav>
|
||
|
|
<div id="scroll">
|
||
|
|
<a href="#de-big-one">
|
||
|
|
<span></span>
|
||
|
|
scroll
|
||
|
|
</a>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
{{ range .albums }}
|
||
|
|
{{$album := .}}
|
||
|
|
<div class="c-page-section" id="{{.Path}}">
|
||
|
|
<div class="c-page-section__content">
|
||
|
|
<h1 class="t-h1">
|
||
|
|
{{.Name}} ({{.Release}})
|
||
|
|
</h1>
|
||
|
|
<div class="c-album">
|
||
|
|
<a class="t-p1 t-p1--invert" style="margin-bottom: 25px; display: inline-block; margin-right: 10px;" rel="noopener" href="{{.Links.itunes}}" target="_blank">Koop op iTunes</a>
|
||
|
|
<a class="t-p1 t-p1--invert" style="margin-bottom: 25px; display: inline-block;" rel="noopener" href="{{.Links.spotify}}" target="_blank">Luister op Spotify</a>
|
||
|
|
<div></div>
|
||
|
|
<div class="c-album__left">
|
||
|
|
<img src="/static/img/albums/{{.Path}}-BW.jpg" alt="">
|
||
|
|
</div>
|
||
|
|
<div class="c-album__right">
|
||
|
|
<ul>
|
||
|
|
{{range .Songs}}
|
||
|
|
<li><a class="t-p1 t-p1--invert" href="/albums/{{$album.Path}}/{{.Path}}">{{.NR}} {{.Title}}</a></li>
|
||
|
|
{{end}}
|
||
|
|
</ul>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
{{ end }}
|
||
|
|
|
||
|
|
<footer class="c-footer">
|
||
|
|
<span>© {{.nowYear}} Flip Noorman </span>
|
||
|
|
<span>info@flipnoorman.nl</span>
|
||
|
|
</footer>
|
||
|
|
<script src="/static/js/shared.js"></script>
|
||
|
|
</body>
|
||
|
|
</html>
|