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

layout

Browse source
This commit is contained in:
Set Sakrecoer 2019-07-14 00:36:43 +02:00
parent 34abecbc4e
commit 444711b40f
5 changed files with 65 additions and 31 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

24
_sass/main.scss
View file

@ -80,12 +80,12 @@ a:hover {
letter-spacing: -.05em; letter-spacing: -.05em;
line-height: .95em; line-height: .95em;
padding: 20px; padding: 20px;
box-shadow: 5px 10px 10px rgba(61, 0, 102, 0.2);
flex: 0 0 300px;; flex: 0 0 300px;;
} }
.pivot { .pivot {
border-radius: 40px; border-radius: 3px;
} }
h1 { h1 {
@ -153,14 +153,14 @@ a:hover {
padding: 0; padding: 0;
background-color: #ffffffc9; background-color: #ffffffc9;
background-image: url('/assets/img/body.png'); background-image: url('/assets/img/body.png');
background-size: 100%;
background-repeat: repeat; background-repeat: repeat;
} }
.trackcontainer { .trackcontainer {
flex: 1 1 300px; flex: 1 1 300px;
padding: 10px; padding: 10px;
margin: 0; margin: 0;
background: linear-gradient(230deg, rgba(218, 159, 142, 0.4), rgba(236, 0, 228, 0.4), rgba(0, 212, 236, 0.4), rgba(0, 236, 173, 0.4), rgba(110, 0, 236, 0.4)); background: linear-gradient(230deg, rgba(218, 159, 142, 0.1), rgba(236, 0, 228, 0.1), rgba(0, 212, 236, 0.1), rgba(0, 236, 173, 0.1), rgba(110, 0, 236, 0.1));
background-size: 1000% 1000%; background-size: 1000% 1000%;
-webkit-animation: AnimationName 30s ease infinite; -webkit-animation: AnimationName 30s ease infinite;
@ -210,7 +210,7 @@ a:hover {
padding: 10px; padding: 10px;
border-radius: 3px; border-radius: 3px;
box-shadow: 5px 10px 10px rgba(61, 0, 102, 0.5); box-shadow: 5px 10px 10px rgba(61, 0, 102, 0.2);
} }
} }
@ -222,7 +222,7 @@ a:hover {
padding: 0; padding: 0;
margin: 0; margin: 0;
border-radius: 3px; border-radius: 3px;
box-shadow: 5px 10px 10px rgba(61, 0, 102, 0.13); box-shadow: 5px 10px 10px rgba(61, 0, 102, 0.2);
} }
@ -251,7 +251,7 @@ a:hover {
.container { .container {
box-shadow: 5px 10px 10px rgba(61, 0, 102, 0.5); box-shadow: 5px 10px 10px rgba(61, 0, 102, 0.2);
background: linear-gradient(230deg, #ff7951, #ec00e3, #00d5ec, #00ecaf, #6d00ec); background: linear-gradient(230deg, #ff7951, #ec00e3, #00d5ec, #00ecaf, #6d00ec);
background-size: 1000% 1000%; background-size: 1000% 1000%;
@ -353,11 +353,11 @@ min-height: 80vh;
padding: 10px; padding: 10px;
border-radius: 3px; border-radius: 3px;
box-shadow: 5px 10px 10px rgba(61, 0, 102, 0.5); box-shadow: 5px 10px 10px rgba(61, 0, 102, 0.2);
} }
img { img {
box-shadow: 5px 10px 10px rgba(61, 0, 102, 0.5); box-shadow: 5px 10px 10px rgba(61, 0, 102, 0.2);
border-radius: 3px; border-radius: 3px;
} }
@ -378,14 +378,14 @@ min-height: 80vh;
padding: 0; padding: 0;
background-color: #ffffffc9; background-color: #ffffffc9;
background-image: url('/assets/img/body.png'); background-image: url('/assets/img/body.png');
background-size: 100%;
background-repeat: repeat; background-repeat: repeat;
} }
.logo { .logo {
flex: 1 0 300px; flex: 1 0 300px;
box-shadow: none; margin-top: 0px;
background-image: url('/assets/img/body.png'); padding-top: 0px;
background-size: 100%; background-size: 100%;
background-repeat: repeat; background-repeat: repeat;

33
about/index.html
View file

@ -15,7 +15,7 @@ layout: default
<source src="{{ site.baseurl }}/assets/vi/0001-0076.mp4" type="video/mp4"> <source src="{{ site.baseurl }}/assets/vi/0001-0076.mp4" type="video/mp4">
<!-- <source src="video/big_buck_bunny.ogv" type="video/ogg"> --> <!-- <source src="video/big_buck_bunny.ogv" type="video/ogg"> -->
</video> </video>
</div> </div>
</div> </div>
@ -24,14 +24,9 @@ layout: default
<p><b>Sakrecoer Uncorporated</b> Stands for independent fun-loving Activism, Art &amp; Music. I am a 1980 born <p><b>Sakrecoer Uncorporated</b> Stands for independent fun-loving Activism, Art &amp; Music. I am a 1980 born
robot. If <a href="https://en.wikipedia.org/wiki/Monica_Zetterlund" target="_blank">Monica Zetterlund</a> was robot. If <a href="https://en.wikipedia.org/wiki/Monica_Zetterlund" target="_blank">Monica Zetterlund</a> was
a cyberpunk making electronic music, I would probably be Her. The red thread in my music is African. Vocals, a cyberpunk making electronic music, I would probably be Her. I aim for questions rather than answers and at pushing <i>your</i>
manually operated groove-boxes, bass and lots of rhythmics are populating my colorful soundscapes that often
get associated to the the pop-culture. I aim for questions rather than answers and at pushing <i>your</i>
creativity. I move by feet in the streets and value my integrity. creativity. I move by feet in the streets and value my integrity.
<br /><br />My 2016 motto is to record live versions of sexy beats i do right away and post them everywhere. This way I'm <br />
hoping to help people keep focused on making love rather than fu*king eachother up. In the midst of 2077, I
hope to have a number of songs worth flying to venus with. Then I'll make them sound even nicer, but most
likeley just do better new ones or save the world.
<br />I go by many aliases that you will find if you scroll down this page.</p> <br />I go by many aliases that you will find if you scroll down this page.</p>
<p style="font-size:9px">This website was deisgned and executed by <a href="http://set.hallstrom.ch" <p style="font-size:9px">This website was deisgned and executed by <a href="http://set.hallstrom.ch"
target="_blank">me</a> On these pages I push sounds, images, thoughts and passion for cool robots like you, target="_blank">me</a> On these pages I push sounds, images, thoughts and passion for cool robots like you,
@ -86,10 +81,26 @@ layout: default
<div class="track" style="background-image:url('images/cs-vid-6.jpg');"> <div class="track" style="background-image:url('images/cs-vid-6.jpg');">
</div> </div>
</div> </div>
<div class="trackcontainer">
<div class="track" style="background-image:url('images/intro-bg.jpg');">
</div>
</div>
<div class="trackcontainer">
<div class="track" style="background-image:url('images/pusset-bg.jpg');">
</div>
</div>
<div class="trackcontainer">
<div class="track" style="background-image:url('images/resetbg.jpg');">
</div>
</div>
<div class="trackcontainer">
<div class="track" style="background-image:url('images/sakrecoerLIVE.png');">
</div>
</div>
<div class="trackcontainer">
<div class="track" style="background-image:url('images/simio_bg.jpg');">
</div>
</div> </div>
</div>

BIN
assets/img/body.png
View file

Binary file not shown.
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.5 KiB

After

Width:  |  Height:  |  Size: 346 B

6
index.html
View file

@ -41,7 +41,7 @@ layout: default
<div class="track" <div class="track"
style="background-image:url('{{ site.baseurl }}/assets/img/sakrecoer-logo.svg');box-shadow:none;"> style="background-image:url('{{ site.baseurl }}/assets/img/sakrecoer-logo.svg');box-shadow:none;">
{% include cookiemonster.html %}
</div> </div>
@ -54,7 +54,9 @@ layout: default
</div> </div>
</div> </div>
<div class="trackcontainer logo">
{% include cookiemonster.html %}
</div>
</div> </div>
</div> </div>

25
music.html
View file

@ -4,15 +4,35 @@ description:
layout: default layout: default
--- ---
{% include navmenu.html %} {% 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="musiflex">
<div class="trackcontainer"> <div class="trackcontainer">
<a href="/"><img src="{{site.baseurl }}/assets/img/sakrecoer-logo.svg" width="100%" alt="sakrecoer logo"></a> <a href="/"><img src="{{site.baseurl }}/assets/img/sakrecoer-logo.svg" width="100%" alt="sakrecoer logo"></a>
<h1 style="margin-bottom: 0px;">Music</h1>
{% include cookiemonster.html %}
</div> </div>
{% for track in site.tracks reversed %} {% for track in site.tracks reversed %}
<div class="trackcontainer"> <div class="trackcontainer">
<a href="{{ track.url }}"> <a href="{{ track.url }}">
@ -22,4 +42,5 @@ layout: default
<p>{{ track.keywords }}</p> <p>{{ track.keywords }}</p>
</div> </div>
{% endfor %} {% endfor %}
<div>{% include cookiemonster.html %}</div>
</div> </div>