hq/sakrecoer-mother-web
hq/sakrecoer-mother-web
4
0
Fork 0
Code Issues Pull requests Packages Projects Releases 1 Wiki Activity

final tempo

Browse source
This commit is contained in:
Set Sakrecoer 2019-07-10 02:34:51 +02:00
parent f41d81eec0
commit 92300e142d
3 changed files with 26 additions and 18 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

6
_sass/main.scss
View file

@ -69,7 +69,11 @@ a {
display: flex;
flex-wrap: wrap;
}
h1 {
transform: rotate(-90deg);
font-size: 5em;
margin: 0.1em 2em;
}
}

BIN
assets/img/texture.png
View file

Binary file not shown.
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 324 KiB

After

Width:  |  Height:  |  Size: 322 KiB

38
index.html
View file

@ -8,28 +8,32 @@ layout: default
<div class="musiflex">
<div id="hero">
<div class="editable">
<h1>Greetings Robot!</h1>
<p><b>Sakrecoer Uncorporated</b> Stands for independent fun-loving Activism, Art<br />&amp;
<b>Music.</b><br /><br />I push sounds, images, thoughts and passion for <b>cool robots like you.</b><br /><br />I
am funky and I deliver because<br /><b>I was born tomorrow.</b></p>
</div>
<h1>Greetings Robot!</h1>
</div>
<div class="trackcontainer">
<a href="{{ track.url }}">
<div class="track" style="background-image:url({{ site.audio_url }}{{ track.image }});"></div>
<h3>track.title </h3>
</a>
<p>{{ track.keywords }}</p>
</div>
</div>
<div class="musiflex">
<div class="trackcontainer">
<div class="editable">
<p><b>Sakrecoer Uncorporated</b> Stands for independent fun-loving Activism, Art<br />&amp;
<b>Music.</b><br /><br />I push sounds, images, thoughts and passion for <b>cool robots like you.</b><br /><br />I
am funky and I deliver because<br /><b>I was born tomorrow.</b></p>
</div>
</div>
{% for track in site.tracks reversed %}
<div class="trackcontainer">
<a href="{{ track.url }}">
<div class="track" style="background-image:url({{ site.audio_url }}{{ track.image }});"></div>
<h3>{{ track.title }}</h3>
</a>
<p>{{ track.keywords }}</p>
</div>
{% endfor %}
</div>