2020-09-18 11:52:21 +02:00
|
|
|
<header class="hero" style="background-image: url({{ page.image }});">
|
2020-09-11 19:02:26 +02:00
|
|
|
<div class="imagecontainer">
|
|
|
|
<h4>{{ page.title }}</h4>
|
|
|
|
</div>
|
2020-09-18 13:04:52 +02:00
|
|
|
<div class="splash">
|
|
|
|
<div class="splash-logo">
|
2020-09-18 13:16:32 +02:00
|
|
|
{% if page.category == 'releases' %}
|
|
|
|
<a href="#play"><img src="{{ site.icon }}" width="240px" alt="{{ site.title }} Logo" /></a>
|
|
|
|
{% else %}
|
|
|
|
<a href="#read"><img src="{{ site.icon }}" width="240px" alt="{{ site.title }} Logo" /></a>
|
|
|
|
{% endif %}
|
|
|
|
|
2020-09-18 13:04:52 +02:00
|
|
|
</div>
|
|
|
|
<div class="description">
|
|
|
|
|
|
|
|
<h1>{{ page.title }}</h1>
|
|
|
|
<p>{{ page.description }}</p>
|
|
|
|
{% if page.category == 'releases' %}
|
|
|
|
<p><a href="#play" class="button">🔊 Listen</a></p>
|
|
|
|
{% elsif page.category == 'ramblings' %}
|
|
|
|
<p><a href="#read" class="button">👀 Read</a></p>
|
|
|
|
{% elsif page.url == '/404/' %}
|
|
|
|
<p><a href="/" class="button">🏡 Take me home</a></p>
|
|
|
|
{% elsif page.url == '/about/' %}
|
|
|
|
<p><a href="#read" class="button">👽 Saywhat?</a></p>
|
|
|
|
{% else %}
|
|
|
|
<p><a href="#read" class="button">🔥 Boom</a></p>
|
|
|
|
{% endif %}
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
2020-09-18 11:52:21 +02:00
|
|
|
</header>
|