flip-cohen/templates/index.html
2022-07-10 09:21:33 +02:00

229 lines
10 KiB
HTML
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

<!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 | Love It</title>
<meta name="description" content="Na zijn succesvolle tournee met het werk van Leonard Cohen is Flip Noorman terug met een eigen avondvullende show. Love it">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Noto+Serif+Display:wght@400;600&display=swap" rel="stylesheet">
<link rel="stylesheet" href="/static/css/index.css?v4">
<link rel="icon" type="image/png" href="static/img/favicon.png" />
<style>
.t-quote {
margin-right: 5px;
font-style: italic;
}
.t-quote:before {
content: "“";
font-style: normal;
}
.t-quote:after {
content: "”";
font-style: normal;
margin-left: 7px;
}
</style>
</head>
<body>
<nav class="c-new-nav">
<ul class="c-new-nav__ul">
<li class="c-new-nav__li">
<a href="#loveit" class="c-new-nav__a">Love it</a>
</li>
<li class="c-new-nav__li">
<a href="#tour" class="c-new-nav__a">Tour</a>
</li>
<li class="c-new-nav__li">
<a href="#contact" class="c-new-nav__a">Contact</a>
</li>
<li class="c-new-nav__li">
<a href="/albums" class="c-new-nav__a">Albums</a>
</li>
</ul>
</nav>
<div class="c-loveit-opening">
</div>
<div class="c-page-section loveit" id="loveit">
<div class="c-page-section__content">
<h1 class="t-h1-2">
Love It
</h1>
<p class="t-p2 o-margin-large">
Na zijn succesvolle tournee met het werk van Leonard Cohen is Flip Noorman terug met een eigen avondvullende show.
</p>
<p class="t-p2 o-margin-large">
Wederom bijgestaan door zijn bejubelde band De Noormannen pakt Flip het meest uitgebuite thema in de kunst aan: de liefde.
</p>
<p class="t-p2 o-margin-large">
In Love it schetst Noorman in eerste instantie een wereldbeeld van love for sale perfectie. Maar vervolgens brengt hij juist een onversneden hommage aan het onvolmaakte.
</p>
<p class="t-p2 o-margin-large">
En laten we eerlijk zijn: u verdient het toch? Een voorstelling met een lach en een traan, een rilling van ontroering. Een diepe stem waarin u uw zorgen even kunt vergeten. Gitaren als warme baden. Een wervelend theatraal concert dat bovendien uw huid strakker, gladder en egaler maakt.
</p>
<p class="t-p2 o-margin-large">
Flip Noorman bood u nog nooit zoveel comfort en is dermatologisch getest en klinisch bewezen. U hoeft hem maar op te spuiten en mild-erotische fantasieën zullen als honing over u heen druipen.
</p>
<p class="t-p2 o-margin-large">
Heb jij Love it al gezien? 'Nee, hoe was het?'<br/>
'Oh… Love it!
</p>
</div>
</div>
<div class="c-page-section" id="tour">
<div class="c-page-section__content">
<h1 class="t-h1-2">
Pre-order
</h1>
<p class="t-p2">
Pre-order de Love it CD nu!<br>
En ontvang alvast een liedje in je mail.
<p>
<a href="/preorder" class="c-btn c-btn--l">Bestel nu!</a>
</div>
</div>
<div class="c-page-section" id="tour">
<div class="c-page-section__content">
<h1 class="t-h1-2">
Tour
</h1>
<h2 class="t-h2">Love It!</h2>
{{ if and (and .events (gt (len .events) 0) true) }}
<div class="c-event-container">
{{ range .events}}
{{$e := index . 0}}
<div class="c-event-month-section">
<table class="c-event">
{{range .}}
<tr>
<td class="c-event__date">{{.Date.Format}}</td>
<td>{{.City}}</td>
<td>
{{.Venue}}
{{if .Flags.Premiere}}
<span class="c-tag" >premiere</span>
{{else if .Flags.Tryout}}
<span class="c-tag" >try-out</span>
{{else if .Flags.Preview}}
<span class="c-tag" >preview</span>
{{end}}
{{if .Flags.Solo}}
<span class="c-tag" >solo</span>
{{end}}
{{if .Flags.XL}}
<span class="c-tag" >xl</span>
{{end}}
</td>
<td>
{{if .Flags.Soldout}}
<span class="c-event__button">Uitverkocht</span>
{{else if ne .Link ""}}
<a class="c-event__button" href="{{.Link}}">Tickets</a>
{{else if eq .Link ""}}
<a class="c-event__button c-event__button--disabled">Tickets</a>
{{end}}
</td>
</tr>
{{end}}
</table>
</div>
{{ end}}
</div>
{{end}}
<h2 class="t-h2">Flip speelt Tom Waits</h2>
{{ if and (and .tomEvents (gt (len .tomEvents) 0) true) }}
<div class="c-event-container">
{{ range .tomEvents}}
{{$e := index . 0}}
<div class="c-event-month-section">
<table class="c-event">
{{range .}}
<tr>
<td class="c-event__date">{{.Date.Format}}</td>
<td>{{.City}}</td>
<td>
{{.Venue}}
{{if .Flags.Premiere}}
<span class="c-tag" >premiere</span>
{{else if .Flags.Tryout}}
<span class="c-tag" >try-out</span>
{{else if .Flags.Preview}}
<span class="c-tag" >preview</span>
{{end}}
{{if .Flags.Solo}}
<span class="c-tag" >solo</span>
{{end}}
{{if .Flags.XL}}
<span class="c-tag" >xl</span>
{{end}}
</td>
<td>
{{if .Flags.Soldout}}
<span class="c-event__button">Uitverkocht</span>
{{else if ne .Link ""}}
<a class="c-event__button" href="{{.Link}}">Tickets</a>
{{else if eq .Link ""}}
<a class="c-event__button c-event__button--disabled">Tickets</a>
{{end}}
</td>
</tr>
{{end}}
</table>
</div>
{{ end}}
</div>
{{ end }}
</div>
</div>
<div class="c-page-section">
<div class="c-page-section__content" id="contact">
<h1 class="t-h1-2">
contact
</h1>
<div>
<h2 class="t-h2-2">Theaterboekingen</h2>
</div>
<ul>
<li class="t-p2">George Visser Productions b.v. / TriColour Productions b.v.</li>
<li class="t-p2">Postbus 18618</li>
<li class="t-p2">2502 EP Den Haag</li>
<li class="t-p2">+31 (070) 346 56 57</li>
<li class="t-p2">www.gvproductions.nl</li>
</ul>
<div style="margin-top: 50px;">
<h2 class="t-h2-2">Persoonlijke boodschappen</h2>
</div>
<ul>
<li class="t-p2">
info@flipnoorman.nl
</li>
</ul>
<div style="margin-top: 50px;">
<h2 class="t-h2-2">Nieuwsbrief</h2>
</div>
<ul>
<li class="t-p2">
<a class="c-btn" href="https://mailchi.mp/fa9b30c6bd38/flip-noorman-nieuwsbrief" target="_blank" ref="no-follow">Inschrijven</a>
</li>
</ul>
</div>
</div>
<footer class="c-footer c-footer--new">
<span>© {{.nowYear}} Flip Noorman </span>
<span>info@flipnoorman.nl</span>
</footer>
<script src="/static/js/shared.js"></script>
</body>
</html>