From 23e7ad13aaf5a23ab50f027a6c0174864d07a598 Mon Sep 17 00:00:00 2001 From: Set Sakrecoer Date: Sat, 13 Jul 2019 22:01:46 +0200 Subject: [PATCH] full page --- _includes/seo.html | 1 - _sass/main.scss | 69 +++++++++++++----------------- assets/img/basspistol-Patches.svg | 11 ++--- assets/img/body.png | Bin 0 -> 1535 bytes assets/img/sakrecoer-logo.svg | 16 ++++--- index.html | 23 +++++----- music.html | 2 +- 7 files changed, 57 insertions(+), 65 deletions(-) create mode 100644 assets/img/body.png diff --git a/_includes/seo.html b/_includes/seo.html index 70ed653..2a026fd 100644 --- a/_includes/seo.html +++ b/_includes/seo.html @@ -13,7 +13,6 @@ - diff --git a/_sass/main.scss b/_sass/main.scss index ba6c9fe..862b6c5 100644 --- a/_sass/main.scss +++ b/_sass/main.scss @@ -31,33 +31,12 @@ body{ } a { color: #0000009f; - transition: background-size 0.5s ease-in-out; + transition: background-color 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%} - } + background-color: #00000091; + transition: background-color 0.5s ease-in-out; } #hero { display: flex; @@ -91,18 +70,18 @@ a:hover { } div { - background-image: url('/assets/img/texture.png'); + background-repeat: repeat; background-attachment: fixed; flex: wrap; - background-color: rgba(68, 0, 124, 0.712); + margin: auto; letter-spacing: -.05em; line-height: .95em; padding: 20px; box-shadow: 5px 10px 10px rgba(61, 0, 102, 0.2); - border: #000 solid 1px; + flex: 0 0 300px;; } .pivot { @@ -172,6 +151,10 @@ a:hover { flex-wrap: wrap; margin: 0; padding: 0; + background-color: #ffffffc9; + background-image: url('/assets/img/body.png'); + background-size: 100%; + background-repeat: repeat; } .trackcontainer { flex: 1 1 300px; @@ -181,7 +164,6 @@ a:hover { h1, h2, h3, p { padding: 5px; - color: rgb(0, 0, 0); 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-size: 1000% 1000%; @@ -206,9 +188,9 @@ a:hover { } padding: 10px; border-radius: 3px; - color: #000; + box-shadow: 5px 10px 10px rgba(61, 0, 102, 0.5); - border: #000 solid 1px; + } } .track { @@ -219,9 +201,8 @@ a:hover { padding: 0; margin: 0; border-radius: 3px; - color: #000; - box-shadow: 5px 10px 10px rgba(61, 0, 102, 0.5); - border: #000 solid 1px; + box-shadow: 5px 10px 10px rgba(61, 0, 102, 0.13); + } /* Music Template */ @@ -248,9 +229,9 @@ a:hover { .container { - color: #000; + box-shadow: 5px 10px 10px rgba(61, 0, 102, 0.5); - border: #000 solid 1px; + background: linear-gradient(230deg, #ff7951, #ec00e3, #00d5ec, #00ecaf, #6d00ec); background-size: 1000% 1000%; @@ -283,7 +264,7 @@ animation: AnimationName 30s ease infinite; button { 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-size: 1000% 1000%; - color: #000; + color: #fff; -webkit-animation: AnimationName 30s ease infinite; -moz-animation: AnimationName 30s ease infinite; animation: AnimationName 30s ease infinite; @@ -324,7 +305,7 @@ min-height: 80vh; flex: 1 1 200px; 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-size: 1000% 1000%; - border: #000 solid 1px; + -webkit-animation: AnimationName 30s ease infinite; -moz-animation: AnimationName 30s ease infinite; animation: AnimationName 30s ease infinite; @@ -350,13 +331,13 @@ min-height: 80vh; background-color: rgba(151, 189, 146, 0.3); padding: 10px; border-radius: 3px; - color: #000; + box-shadow: 5px 10px 10px rgba(61, 0, 102, 0.5); - border: #000 solid 1px; + } img { box-shadow: 5px 10px 10px rgba(61, 0, 102, 0.5); - border: #000 solid 1px; + border-radius: 3px; } } @@ -375,4 +356,12 @@ min-height: 80vh; margin: 0; padding: 0; background-color: #ffffffc9; + background-image: url('/assets/img/body.png'); + background-size: 100%; + background-repeat: repeat; + +} +.logo { + flex: 0 0 300px; + box-shadow: none; } \ No newline at end of file diff --git a/assets/img/basspistol-Patches.svg b/assets/img/basspistol-Patches.svg index ba1de21..c6b9901 100644 --- a/assets/img/basspistol-Patches.svg +++ b/assets/img/basspistol-Patches.svg @@ -9,9 +9,9 @@ xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" version="1.1" id="svg4166" - viewBox="0 0 248.0315 248.03149" - height="70mm" - width="70mm" + viewBox="0 0 153.75 153.75" + height="164" + width="164" sodipodi:docname="basspistol-Patches.svg" inkscape:version="0.92.4 (5da689c313, 2019-01-14)"> + inkscape:current-layer="svg4166" + units="px" /> + transform="matrix(0.57320186,0.12114123,-0.12114123,0.57320186,20.812363,-9.234477)"> 9v(&9)E{LU|BzxUp?T6$Ul0AMW+>vnK8 z6TYLVzB=tft$S7jM8zJZ0RTv&@2Dh{IMD$BwQ8K3vrod1qOd6%<_>LDc3I1q=c;LZ zm_GatC*m4*nzNv7cG2{#ix$UFZKJtIjwxgXa03X^b92@^0@|2e81y8Z2ulJjG&qbL z7}>iiozlJ7R8!M!)Wj_~-B6(%eBHU&)zuYeeB-i~Zvc;Rt@ia+5j@XO^dqPgi*jdd zhj?WLeJ2%o=-(Pt>f%!bWdFCLCN|{|wus(z3_I$RD9^h_#~pV^A$e8Gwpgs9>^Yi7X9<(w~sx7d&u78p&M#8I6ot6q1QqJLqC z7b@yBy{za(@hw?=>@fpanOt>Qf~8Ivih^1H7g%-0{p0($>tDV|Vk2}79O~)E^sDq@ z;6po?3gyY3RN@WYrn9IIFpMYe(zv=154$kixgJzX(D-vrc;4);87~f%zQZ=}Xyxq_ zbE=gPU!4+2+77UA-~u1xVuYQ#npBeBHyqtJ91M`tO|4%XziCca8+tirYyU3ct2A4? zD`^>%B7xWxD}}Ev?D5XgWuFiA7KYVCNcb(><)j(T*zY-op>Nbh2I;|Dj0Z}>Aw?cA ztbc(8xIf!{%;~JrjPrRCRZ@zMS*ALoZJg$&k&@B-c>Cp7EATG$)S-T0Rv)$E4O{tE$ZGE1TK%i0X>uDBQQ8^y^QPX9yj%6nt-I?S!l!It4krAk~5~ zbuvm&x{7YdfEoM6Tg+LUfBz4`ksaeb!(h{~^5HZA(Lo-V^Tk#84ly48jLb(Xn_JTJ zzUIsOy-=F2?KQV`jET5!5m}0CeI-|xNYEH7_e1lS;V}Ur#E>v8L5wj;;d_PX+ZW3S zMm8hYfjADITWhh8sMS}3@b7~vUMjYyu*iOTG!0++J{rad+H(HUu2S!3cf?Dt=XMQl zW<=4nEx8W+X^XoCoET`kH^$x(zxc!3Ai5J-n}PV=VP=7Ri1hK|WgBIaA+!X1f1(jc z+g=e)q8>4^OSEepb+uA%>)`Lc)RK!u$+&UQl4m@rMtM(a_tsoDl%`(~CDD#4IBgZr zc~P)>Ncv*)%%FHPNAq%eyV!wwvHQvR13!2D4-^=A;7N^~$Fj(ko>T)0jY&v7;|B9h z!wqzpHt6NWeCOn+k7+#0#(~a1Lo~mV6i<)zOI5-`5c|6K2V%-XgWVaati^D z#OV1?LmO{>Y97=H>rJxt&}Q(ghrE#u+!j*KjG66pX3I|sL|Fl*?|&IS$?x#!vu zudsqfdLqxwu0PQUd;jotkN?ivqB@p!W&$_-oNfZLsaFd;(*24nrCQfwi#|10fzpbc@6D&eiCVk9SKRN*C?(KHZC5Z6{Gm77B literal 0 HcmV?d00001 diff --git a/assets/img/sakrecoer-logo.svg b/assets/img/sakrecoer-logo.svg index e11cd52..877bb31 100644 --- a/assets/img/sakrecoer-logo.svg +++ b/assets/img/sakrecoer-logo.svg @@ -9,9 +9,9 @@ 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" + viewBox="0 0 43.391667 43.391665" + height="164" + width="164" sodipodi:docname="sakrecoer-logo.svg" inkscape:version="0.92.4 (5da689c313, 2019-01-14)"> + inkscape:current-layer="svg8" + units="px" /> image/svg+xml - + + style="opacity:0.85" + transform="matrix(1.0707421,0,0,1.0707421,0.26458134,0.83334402)"> diff --git a/index.html b/index.html index ee55b4f..98cb910 100644 --- a/index.html +++ b/index.html @@ -33,20 +33,21 @@ layout: default
-
- -
-

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

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

- sakrecoer logo + -
-
-
+ +
diff --git a/music.html b/music.html index b1170f8..74075be 100644 --- a/music.html +++ b/music.html @@ -8,7 +8,7 @@ layout: default
- sakrecoer logo + sakrecoer logo

Music