47 lines
1.2 KiB
HTML
47 lines
1.2 KiB
HTML
---
|
|
title: Sakrecoer Track Index
|
|
description:
|
|
layout: default
|
|
---
|
|
{% include navmenu.html %}
|
|
|
|
<div id="hero" style="height: 75vh;">
|
|
|
|
|
|
<div class="pivot">
|
|
|
|
<h2>Sakrecoer</h2>
|
|
<h1>Music</h1>
|
|
</div>
|
|
<div class="fullscreen-bg">
|
|
<video loop muted autoplay poster="{{ site.baseurl }}/assets/img/sakrecoer-logo.svg" class="fullscreen-bg__video">
|
|
<source src="{{ site.baseurl }}/assets/vi/0001-0076.webm" type="video/webm">
|
|
<source src="{{ site.baseurl }}/assets/vi/0001-0076.mp4" type="video/mp4">
|
|
<!-- <source src="video/big_buck_bunny.ogv" type="video/ogg"> -->
|
|
</video>
|
|
</div>
|
|
|
|
|
|
</div>
|
|
<div class="musiflex">
|
|
|
|
<div class="trackcontainer">
|
|
|
|
<a href="/"><img src="{{site.baseurl }}/assets/img/sakrecoer-logo.svg" width="100%" alt="sakrecoer logo"></a>
|
|
|
|
|
|
|
|
</div>
|
|
|
|
{% for track in site.tracks reversed %}
|
|
<div class="trackcontainer">
|
|
<a href="{{ track.url }}">
|
|
<div class="track" style="background-image:url({{ track.image }});"></div>
|
|
<h3>{{ track.title }}</h3>
|
|
</a>
|
|
<p>{{ track.keywords }}</p>
|
|
</div>
|
|
{% endfor %}
|
|
<div>{% include cookiemonster.html %}</div>
|
|
</div>
|