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

full page

Browse source
This commit is contained in:
Set Sakrecoer 2019-07-13 22:01:46 +02:00
parent b9013919a4
commit 23e7ad13aa
7 changed files with 57 additions and 65 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

1
_includes/seo.html
View file

@ -13,7 +13,6 @@
<meta name="dcterms.Identifier" content="{{ site.url }}" />
<meta name="dcterms.Format" content="text/html" />
<meta name="dcterms.Relation" content="{{ site.title }}" />
<meta name="dcterms.Language" content="sv_SE" />
<meta name="dcterms.Publisher" content="{{ site.title }}" />
<meta name="dcterms.Type" content="text/html" />
<meta name="dcterms.Coverage" content="{{ site.url }}/" />

69
_sass/main.scss
View file

@ -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;
}

11
assets/img/basspistol-Patches.svg
View file

@ -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)">
<sodipodi:namedview
@ -33,7 +33,8 @@
inkscape:window-x="0"
inkscape:window-y="0"
inkscape:window-maximized="1"
inkscape:current-layer="svg4166" />
inkscape:current-layer="svg4166"
units="px" />
<defs
id="defs4168">
<circle
@ -87,7 +88,7 @@
</metadata>
<g
id="g1617"
transform="rotate(11.933365,124.01575,124.01575)">
transform="matrix(0.57320186,0.12114123,-0.12114123,0.57320186,20.812363,-9.234477)">
<circle
r="124.01575"
cy="124.01575"

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 80 KiB

After

Width:  |  Height:  |  Size: 80 KiB

BIN
assets/img/body.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 1.5 KiB

16
assets/img/sakrecoer-logo.svg
View file

@ -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)">
<sodipodi:namedview
@ -33,7 +33,8 @@
inkscape:window-x="0"
inkscape:window-y="0"
inkscape:window-maximized="0"
inkscape:current-layer="svg8" />
inkscape:current-layer="svg8"
units="px" />
<defs
id="defs2" />
<metadata
@ -44,13 +45,14 @@
<dc:format>image/svg+xml</dc:format>
<dc:type
rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
<dc:title />
<dc:title></dc:title>
</cc:Work>
</rdf:RDF>
</metadata>
<g
id="g1568"
style="opacity:0.85">
style="opacity:0.85"
transform="matrix(1.0707421,0,0,1.0707421,0.26458134,0.83334402)">
<ellipse
ry="13.112915"
rx="13.136927"
@ -60,7 +62,7 @@
id="path874"
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" />
<path
style="fill:#445500;stroke-width:0.12279122;fill-opacity:1;opacity:1"
style="opacity:1;fill:#445500;fill-opacity:1;stroke-width:0.12279122"
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" />

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 4.9 KiB

After

Width:  |  Height:  |  Size: 5 KiB

19
index.html
View file

@ -33,20 +33,21 @@ layout: default
</div>
<div class="aboutflex">
<div class="trackcontainer">
<div class="trackcontainer logo">
<div class="editable">
<h3>I push sounds, images, thoughts and passion for <b>cool robots like you.</b><br /><br />I
am funky, I deliver and <b>I was born tomorrow.</b></h3>
<img src="{{ site.baseurl }}/assets/img/sakrecoer-logo.svg" width="100%" alt="sakrecoer logo">
<div class="track" style="background-image:url('{{ site.baseurl }}/assets/img/sakrecoer-logo.svg');">
</div>
</div>
</div>
<div class="trackcontainer logo">
<div class="track" style="background-image:url('{{site.baseurl }}/assets/img/basspistol-Patches.svg');">
</div>
</div>
<div class="trackcontainer">
<img src="{{site.baseurl }}/assets/img/basspistol-Patches.svg" width="100%">
</div>
</div>
</div>

2
music.html
View file

@ -8,7 +8,7 @@ layout: default
<div class="trackcontainer">
<img src="{{site.baseurl }}/assets/img/sakrecoer-logo.svg" width="100%" alt="sakrecoer logo">
<a href="/"><img src="{{site.baseurl }}/assets/img/sakrecoer-logo.svg" width="100%" alt="sakrecoer logo"></a>
<h1>Music</h1>
</div>