From 8a67b48dd0a99378d4c188d9cac036df1977f5eb Mon Sep 17 00:00:00 2001 From: Set Sakrecoer Date: Sat, 13 Jul 2019 21:11:13 +0200 Subject: [PATCH] new layout --- _sass/main.scss | 92 ++++++++- about/index.html | 122 +++++++---- assets/img/basspistol-Patches.svg | 332 ++++++++++++++++++++++++++++++ assets/img/sakrecoer-logo.svg | 45 +++- index.html | 29 ++- music.html | 4 + 6 files changed, 558 insertions(+), 66 deletions(-) create mode 100644 assets/img/basspistol-Patches.svg diff --git a/_sass/main.scss b/_sass/main.scss index 0ea2c50..33893e7 100644 --- a/_sass/main.scss +++ b/_sass/main.scss @@ -3,6 +3,7 @@ html { } body{ + background: linear-gradient(230deg, rgba(218, 159, 142, 0.9), rgba(236, 0, 228, 0.9), rgba(0, 212, 236, 0.9), rgba(0, 236, 173, 0.9), rgba(110, 0, 236, 0.9)); background-position: center; background-repeat: repeat; @@ -29,7 +30,34 @@ body{ } a { - font-weight: normal; + color: #0000009f; + transition: background-size 0.5s ease-in-out; + border-radius: 3px; +} +a:hover { + color: #0000009f; + background: linear-gradient(230deg, rgba(218, 158, 142, 0.3), rgba(236, 0, 228, 0.3), rgba(0, 212, 236, 0.3), rgba(0, 236, 173, 0.3), rgba(110, 0, 236, 0.3)); + background-size: 1000% 1000%; + + -webkit-animation: AnimationName 30s ease infinite; + -moz-animation: AnimationName 30s ease infinite; + animation: AnimationName 30s ease infinite; + + @-webkit-keyframes AnimationName { + 0%{background-position:0% 91%} + 50%{background-position:100% 10%} + 100%{background-position:0% 91%} + } + @-moz-keyframes AnimationName { + 0%{background-position:0% 91%} + 50%{background-position:100% 10%} + 100%{background-position:0% 91%} + } + @keyframes AnimationName { + 0%{background-position:0% 91%} + 50%{background-position:100% 10%} + 100%{background-position:0% 91%} + } } #hero { display: flex; @@ -39,9 +67,9 @@ a { position: relative; height: 100vh; width: 100%; - background: linear-gradient(230deg, rgba(218, 159, 142, 0.9), rgba(236, 0, 228, 0.9), rgba(0, 212, 236, 0.9), rgba(0, 236, 173, 0.9), rgba(110, 0, 236, 0.9)); + background: linear-gradient(230deg, rgba(218, 159, 142, 0.8), rgba(236, 0, 228, 0.8), rgba(0, 212, 236, 0.8), rgba(0, 236, 173, 0.8), rgba(110, 0, 236, 0.8)); background-size: 1000% 1000%; - + color: #fff; -webkit-animation: AnimationName 30s ease infinite; -moz-animation: AnimationName 30s ease infinite; animation: AnimationName 30s ease infinite; @@ -68,16 +96,18 @@ a { background-attachment: fixed; flex: wrap; background-color: rgba(68, 0, 124, 0.568); - border-radius: 40px; + margin: auto; letter-spacing: -.05em; line-height: .95em; padding: 20px; - box-shadow: 5px 10px rgba(61, 0, 102, 0.5); + box-shadow: 5px 10px rgba(61, 0, 102, 0.2); border: #000 solid 1px; flex: 0 0 300px;; } - + .pivot { + border-radius: 40px; + } h1 { font-size: 3em; @@ -89,7 +119,47 @@ a { font-size: 1em; line-height: .8em; } - + .fullscreen-bg { + position: fixed; + top: 0; + right: 0; + bottom: 0; + left: 0; + overflow: hidden; + z-index: -100; + } + + .fullscreen-bg__video { + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; + } + + @media (min-aspect-ratio: 16/9) { + .fullscreen-bg__video { + height: 300%; + top: -100%; + } + } + + @media (max-aspect-ratio: 16/9) { + .fullscreen-bg__video { + width: 300%; + left: -100%; + } + } + + @media (max-width: 767px) { + .fullscreen-bg { + background: url('/assets/img/sakrecoer-logo.svg') center center / cover no-repeat; + } + + // .fullscreen-bg__video { + // display: none; + // } + } } /* MUSIC INDEX */ @@ -294,4 +364,12 @@ min-height: 80vh; position: fixed; bottom: 10px; right: 10px; +} +.aboutflex { + display: flex; + flex-wrap: wrap; + flex-direction: row; + margin: 0; + padding: 0; + background-color: #ffffffc9; } \ No newline at end of file diff --git a/about/index.html b/about/index.html index e94bc59..4a774c7 100644 --- a/about/index.html +++ b/about/index.html @@ -2,55 +2,95 @@ title: About Sakrecoer layout: default --- - -

About Sakrecoer Uncorporated

- - -

Sakrecoer Uncorporated Stands for independent fun-loving Activism, Art & Music. I am a 1980 born - robot. If Monica Zetterlund 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 your - creativity. I move by feet in the streets and value my integrity.

-

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.

-

I go by many aliases that you will find if you scroll down this page.

-

This website was deisgned and executed by me On these pages I push sounds, images, thoughts and passion for cool robots like you, - thanks to the good Alsenet.com people and the Helevtico-Russian Linux Lovers Circle.

+
- -reSet Sakrecoer Live In Barcelona +
+

About

+

Sakrecoer

+
+
+ +
+
+
+
-Visit Line25 +

Sakrecoer Uncorporated Stands for independent fun-loving Activism, Art & Music. I am a 1980 born + robot. If Monica Zetterlund 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 your + creativity. I move by feet in the streets and value my integrity. +

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. +
I go by many aliases that you will find if you scroll down this page.

+

This website was deisgned and executed by me On these pages I push sounds, images, thoughts and passion for cool robots like you, + thanks to the good Alsenet.com people and the Helevtico-Russian Linux Lovers Circle.

+
+ +
+
+
+
+
+
+
+
+ +
+

The past gig list is to longtimes and for forgotten + times! Recieved with enthusiasm by several venues, big and small such as:

+ Apolo Nitsa - Barcelona
+ Dachkantine - Zürich
+ Center Of Contemporary Art - Geneva
+ Alcazar - Stockholm
+ Microdisco Festival - Berlin
+ Button Factory - Dublin
+
+ And many many other really really nice ones :) delivering good mood, beat, base and bass!

+ +
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ +
+ + -

Sakrecoer

-

The past gig list is to longtimes and for forgotten - times! Recieved with enthusiasm by several venues, big and small such as:

- Apolo Nitsa - Barcelona
- Dachkantine - Zürich
- Center Of Contemporary Art - Geneva
- Alcazar - Stockholm
- Microdisco Festival - Berlin
- Button Factory - Dublin
-
- And many many other really really nice ones :) delivering good mood, beat, base and bass!

- - - - - - - - - {% include navmenu.html %} diff --git a/assets/img/basspistol-Patches.svg b/assets/img/basspistol-Patches.svg new file mode 100644 index 0000000..ba1de21 --- /dev/null +++ b/assets/img/basspistol-Patches.svg @@ -0,0 +1,332 @@ + + + + + + + + + + + + + + + image/svg+xml + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/assets/img/sakrecoer-logo.svg b/assets/img/sakrecoer-logo.svg index 98d56f3..e11cd52 100644 --- a/assets/img/sakrecoer-logo.svg +++ b/assets/img/sakrecoer-logo.svg @@ -5,11 +5,35 @@ xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" xmlns:svg="http://www.w3.org/2000/svg" xmlns="http://www.w3.org/2000/svg" + xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" + xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" id="svg8" version="1.1" viewBox="0 0 40.030647 38.96828" height="38.968281mm" - width="40.030647mm"> + width="40.030647mm" + sodipodi:docname="sakrecoer-logo.svg" + inkscape:version="0.92.4 (5da689c313, 2019-01-14)"> + image/svg+xml - + + id="g1568" + style="opacity:0.85"> + style="opacity:0.997;fill:none;fill-opacity:0.6476684;stroke:#000000;stroke-width:7.4779706;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;stroke-dasharray:none;stroke-opacity:1;paint-order:normal" /> + style="fill:#445500;stroke-width:0.12279122;fill-opacity:1;opacity:1" + d="m 26.399862,38.0119 -0.219499,-0.95657 -0.976174,0.2211 -0.976173,0.22111 -0.139529,-0.97469 -0.139529,-0.97469 -0.961744,0.21784 -0.961745,0.21783 -0.219496,-0.95656 -0.219498,-0.95658 -0.958941,0.2172 -0.958939,0.21721 -0.219498,-0.95658 -0.219498,-0.95657 -0.899007,0.20362 -0.899006,0.20363 -0.205778,-0.89678 -0.205779,-0.89679 -0.958941,0.2172 -0.958939,0.2172 -0.219498,-0.95657 -0.219498,-0.95658 -0.958941,0.2172 -0.95894,0.21721 -0.644774,-2.80994 -0.644774,-2.80993 0.958941,-0.2172 0.95894,-0.2172 -0.201754,-0.87925 -0.201753,-0.87924 0.899356,-0.28501 c 0.494633,-0.15682 1.32272,-0.38101 1.84019,-0.49821 L 16.650499,21.3522 16.431,20.39563 l -0.219496,-0.95657 0.95894,-0.2172 0.95894,-0.2172 -0.425278,-1.85337 -0.425276,-1.85336 -1.852904,0.41969 -1.852904,0.41969 -0.247647,-0.91876 -0.247645,-0.91875 -2.77829,0.59552 -2.778289,0.59552 -0.202725,-0.5354 C 7.206921,14.66097 7.080382,14.26613 7.037217,14.07801 L 6.958737,13.73599 5.999797,13.95319 5.040857,14.1704 4.821359,13.21382 4.601861,12.25724 3.702855,12.46087 2.803849,12.6645 2.598069,11.76771 2.392292,10.87093 1.433351,11.08813 0.474411,11.30533 0.237207,10.27159 2e-6,9.23785 8.491465,7.3642 16.982927,5.49055 16.505002,3.61767 16.027078,1.74478 19.87866,0.87239 23.730244,0 23.949742,0.95658 24.169241,1.91315 23.218926,2.1284 22.268611,2.34365 22.334921,2.998 c 0.03647,0.35991 0.114796,0.78084 0.174043,0.93542 l 0.107733,0.28107 8.469721,-1.9684 8.469722,-1.9684 0.237253,1.03396 0.237256,1.03396 -0.95894,0.2172 -0.95894,0.2172 0.205777,0.89678 0.20578,0.89679 -0.899006,0.20363 -0.899006,0.20363 0.219498,0.95657 0.219498,0.95658 -0.948713,0.21488 -0.948712,0.21489 0.121238,0.91365 0.121239,0.91365 -2.765676,0.6602 -2.765675,0.6602 0.177631,0.93461 0.177633,0.93462 -1.792971,0.40611 -1.79297,0.40611 0.425276,1.85335 0.425278,1.85337 0.899006,-0.20363 0.899006,-0.20362 0.219496,0.95656 0.219498,0.95658 1.049035,-0.23672 c 0.576971,-0.13019 1.420993,-0.28493 1.875636,-0.34374 l 0.826596,-0.10704 0.201812,0.8795 0.20181,0.87949 0.95894,-0.2172 0.95894,-0.2172 0.644776,2.80994 0.644774,2.80993 -0.95894,0.2172 -0.95894,0.2172 0.219498,0.95658 0.219498,0.95657 -0.958939,0.21721 -0.95894,0.2172 0.205777,0.89678 0.20578,0.89679 -0.899006,0.20363 -0.899007,0.20362 0.218343,0.95155 0.218344,0.95154 -0.920962,0.24532 -0.920963,0.24533 0.177631,0.93461 0.17763,0.9346 -0.956702,0.2167 -0.956703,0.21669 0.299467,0.93847 0.299468,0.93846 -0.976173,0.2211 -0.976174,0.22111 0.219496,0.95656 0.219498,0.95658 -0.95894,0.2172 -0.958941,0.2172 -0.219498,-0.95657 z m -1.978205,-17.41358 -0.219498,-0.95658 0.899006,-0.20362 0.899006,-0.20363 -0.20578,-0.89679 -0.205777,-0.89678 -2.756953,0.62446 -2.756952,0.62445 0.205778,0.89678 0.205779,0.89679 0.899006,-0.20363 0.899006,-0.20362 0.219499,0.95657 0.219498,0.95658 0.95894,-0.2172 0.95894,-0.21721 z" + id="path867" + inkscape:connector-curvature="0" /> diff --git a/index.html b/index.html index f538847..ee55b4f 100644 --- a/index.html +++ b/index.html @@ -18,22 +18,35 @@ layout: default

Where am I?

- +

Stream

Music

+
+ +
+ -
+
+
-

I push sounds, images, thoughts and passion for cool robots like you.

I - am funky, I deliver and I was born tomorrow.

+

I push sounds, images, thoughts and passion for cool robots like you.

I + am funky, I deliver and I was born tomorrow.

+ sakrecoer logo + +
+
-
- -
+
-
\ No newline at end of file +
+ + diff --git a/music.html b/music.html index d10d66c..b1170f8 100644 --- a/music.html +++ b/music.html @@ -5,7 +5,11 @@ layout: default --- {% include navmenu.html %}
+
+ + sakrecoer logo +

Music

{% for track in site.tracks reversed %}