full page

_includes/seo.html

@@ -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 }}/" />

_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-color: #00000091;
-  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));
+  transition: background-color  0.5s ease-in-out;
-  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;
@@ -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.13);
-  box-shadow: 5px 10px 10px rgba(61, 0, 102, 0.5);
+  
-  border: #000 solid 1px;
 }
 
 /* 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;
 }

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"
+   viewBox="0 0 153.75 153.75"
-   height="70mm"
+   height="164"
-   width="70mm"
+   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"

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"
+   viewBox="0 0 43.391667 43.391665"
-   height="38.968281mm"
+   height="164"
-   width="40.030647mm"
+   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" />

index.html

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

music.html

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