layout
This commit is contained in:
Set Sakrecoer
parent
34abecbc4e
commit
444711b40f
|
|
@ -80,12 +80,12 @@ a:hover {
|
|||
letter-spacing: -.05em;
|
||||
line-height: .95em;
|
||||
padding: 20px;
|
||||
box-shadow: 5px 10px 10px rgba(61, 0, 102, 0.2);
|
||||
|
||||
|
||||
flex: 0 0 300px;;
|
||||
}
|
||||
.pivot {
|
||||
border-radius: 40px;
|
||||
border-radius: 3px;
|
||||
}
|
||||
h1 {
|
||||
|
||||
|
|
@ -153,14 +153,14 @@ a:hover {
|
|||
padding: 0;
|
||||
background-color: #ffffffc9;
|
||||
background-image: url('/assets/img/body.png');
|
||||
background-size: 100%;
|
||||
|
||||
background-repeat: repeat;
|
||||
}
|
||||
.trackcontainer {
|
||||
flex: 1 1 300px;
|
||||
padding: 10px;
|
||||
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%;
|
||||
|
||||
-webkit-animation: AnimationName 30s ease infinite;
|
||||
|
|
@ -210,7 +210,7 @@ a:hover {
|
|||
padding: 10px;
|
||||
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;
|
||||
margin: 0;
|
||||
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 {
|
||||
|
||||
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-size: 1000% 1000%;
|
||||
|
|
@ -353,11 +353,11 @@ min-height: 80vh;
|
|||
padding: 10px;
|
||||
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 {
|
||||
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;
|
||||
}
|
||||
|
|
@ -378,14 +378,14 @@ min-height: 80vh;
|
|||
padding: 0;
|
||||
background-color: #ffffffc9;
|
||||
background-image: url('/assets/img/body.png');
|
||||
background-size: 100%;
|
||||
|
||||
background-repeat: repeat;
|
||||
|
||||
}
|
||||
.logo {
|
||||
flex: 1 0 300px;
|
||||
box-shadow: none;
|
||||
background-image: url('/assets/img/body.png');
|
||||
margin-top: 0px;
|
||||
padding-top: 0px;
|
||||
background-size: 100%;
|
||||
background-repeat: repeat;
|
||||
|
||||
|
|
|
|||
|
|
@ -11,11 +11,11 @@ layout: default
|
|||
</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"> -->
|
||||
<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>
|
||||
|
|
@ -24,14 +24,9 @@ layout: default
|
|||
|
||||
<p><b>Sakrecoer Uncorporated</b> Stands for independent fun-loving Activism, Art & Music. I am a 1980 born
|
||||
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,
|
||||
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>
|
||||
a cyberpunk making electronic music, I would probably be Her. 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.
|
||||
<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
|
||||
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 />
|
||||
<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"
|
||||
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>
|
||||
</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>
|
||||
|
||||
|
||||
|
||||
|
|
|
|||
Binary file not shown.
|
Before Width: | Height: | Size: 1.5 KiB After Width: | Height: | Size: 346 B |
|
|
@ -41,7 +41,7 @@ layout: default
|
|||
|
||||
<div class="track"
|
||||
style="background-image:url('{{ site.baseurl }}/assets/img/sakrecoer-logo.svg');box-shadow:none;">
|
||||
{% include cookiemonster.html %}
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
|
|
@ -54,7 +54,9 @@ layout: default
|
|||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<div class="trackcontainer logo">
|
||||
{% include cookiemonster.html %}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
|
|
|||
25
music.html
25
music.html
|
|
@ -4,15 +4,35 @@ 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>
|
||||
|
||||
<h1 style="margin-bottom: 0px;">Music</h1>
|
||||
{% include cookiemonster.html %}
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
{% for track in site.tracks reversed %}
|
||||
<div class="trackcontainer">
|
||||
<a href="{{ track.url }}">
|
||||
|
|
@ -22,4 +42,5 @@ layout: default
|
|||
<p>{{ track.keywords }}</p>
|
||||
</div>
|
||||
{% endfor %}
|
||||
<div>{% include cookiemonster.html %}</div>
|
||||
</div>
|
||||
|
|
|
|||
Loading…
Reference in a new issue