<!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>