From cf9f74516ffbc21e3899552650387fa9ee5e67ec Mon Sep 17 00:00:00 2001
From: Set Hallstrom <set@hallstrom.ch>
Date: Mon, 13 Jan 2020 16:57:54 +0100
Subject: [PATCH 1/2] removing hardcoded class

---
 _sass/main.scss | 4 +++-
 music.html      | 2 +-
 2 files changed, 4 insertions(+), 2 deletions(-)

diff --git a/_sass/main.scss b/_sass/main.scss
index a6d2939..899a6b6 100644
--- a/_sass/main.scss
+++ b/_sass/main.scss
@@ -152,6 +152,8 @@ a:hover {
 }
 .trackcontainer {
   flex: 1 1 360px;
+  width: 250px;
+
   padding: 10px;
   margin: 0;
   // 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));
@@ -179,7 +181,7 @@ a:hover {
   width: 100%;
   background-size: cover;
   background-position: 50% 50%;
-  min-height: 300px;
+  min-height: 250px;
   padding: 0;
   margin: 0;
   border-radius: 3px;
diff --git a/music.html b/music.html
index e777490..615b744 100644
--- a/music.html
+++ b/music.html
@@ -46,7 +46,7 @@ image: /assets/img/world.svg
 <div class="musiflex">
 
   {% for track in site.tracks reversed %}
-  <div id="{{ track.uid }}" style="min-width:300px;" class="element-item trackcontainer {% for key in track.categories %}{{ key }} {% endfor %}">
+  <div id="{{ track.uid }}" class="element-item trackcontainer {% for key in track.categories %}{{ key }} {% endfor %}">
     <a href="{{ track.url }}">
       <div class="track" style="background-image:url({{ track.image }});"></div>
       <h3>{{ track.title }}</h3>

From 7e25174c25b6f6f817a3d4cef1aa3e8994d4f7b5 Mon Sep 17 00:00:00 2001
From: Set Sakrecoer <public@sakrecoer.com>
Date: Tue, 28 Jan 2020 10:53:07 +0100
Subject: [PATCH 2/2] hug the colors to death

---
 404.html                      |  2 +-
 Gemfile.lock                  | 12 ++++-----
 _sass/main.scss               | 51 ++++++++++++++++++-----------------
 _sass/palette.scss            |  8 ++++++
 assets/css/style2019-11.scss  |  1 +
 assets/img/header.svg         |  2 +-
 assets/img/sakrecoer-logo.svg |  4 +--
 assets/img/world.svg          |  8 +++---
 index.html                    |  2 +-
 music.html                    |  2 +-
 10 files changed, 51 insertions(+), 41 deletions(-)
 create mode 100644 _sass/palette.scss

diff --git a/404.html b/404.html
index 4ac9ae1..b5610f0 100644
--- a/404.html
+++ b/404.html
@@ -106,7 +106,7 @@ body{
     </video>
   </div>
 </div>
-<div style="background: linear-gradient(45deg, #ff00ff, #416a00);">
+<div style="background: linear-gradient(45deg, #682d63, #5fb49c);">
   <div class="trackcontainer logo" style="margin-top:0;padding-top:0;">
       <!-- BEGIN cookiemonster.html -->
 <img src="/assets/img/cookiemonster_upsidedown.gif" style="position:relative;top:0;right:0;z-index:77777;"/>
diff --git a/Gemfile.lock b/Gemfile.lock
index 1a8c8d8..e5993d0 100644
--- a/Gemfile.lock
+++ b/Gemfile.lock
@@ -9,7 +9,7 @@ GEM
       eventmachine (>= 0.12.9)
       http_parser.rb (~> 0.6.0)
     eventmachine (1.2.7)
-    ffi (1.11.1)
+    ffi (1.12.1)
     forwardable-extended (2.6.0)
     http_parser.rb (0.6.0)
     i18n (0.9.5)
@@ -27,7 +27,7 @@ GEM
       pathutil (~> 0.9)
       rouge (>= 1.7, < 4)
       safe_yaml (~> 1.0)
-    jekyll-last-modified-at (1.1.0)
+    jekyll-last-modified-at (1.2.1)
       jekyll (>= 3.7, < 5.0)
       posix-spawn (~> 0.3.9)
     jekyll-paginate-v2 (1.9.4)
@@ -42,18 +42,18 @@ GEM
       listen (~> 3.0)
     kramdown (1.17.0)
     liquid (4.0.3)
-    listen (3.2.0)
+    listen (3.2.1)
       rb-fsevent (~> 0.10, >= 0.10.3)
       rb-inotify (~> 0.9, >= 0.9.10)
     mercenary (0.3.6)
     pathutil (0.16.2)
       forwardable-extended (~> 2.6)
     posix-spawn (0.3.13)
-    public_suffix (4.0.1)
+    public_suffix (4.0.3)
     rb-fsevent (0.10.3)
-    rb-inotify (0.10.0)
+    rb-inotify (0.10.1)
       ffi (~> 1.0)
-    rouge (3.12.0)
+    rouge (3.15.0)
     safe_yaml (1.0.5)
     sass (3.7.4)
       sass-listen (~> 4.0.0)
diff --git a/_sass/main.scss b/_sass/main.scss
index 899a6b6..b89c156 100644
--- a/_sass/main.scss
+++ b/_sass/main.scss
@@ -20,7 +20,9 @@ html {
 body{
   margin: 0;
   padding: 0;
-  background: linear-gradient(230deg, #ff00ff7f, #426a007f);
+  background-color: $color1;
+  color: $color4;
+  background: linear-gradient(230deg, $color1, $color3);
   background-position: center;
   background-repeat: repeat;
   -webkit-animation: AnimationName 60s ease infinite;
@@ -28,15 +30,13 @@ body{
   animation: AnimationName 60s ease infinite;
 }
 a {
-  color: #0000009f;
-  background-color: rgba(255, 255, 255, 0.705);
-  transition: color 0.5s ease-in-out;
+  color: $color4;
+  transition: all 0.5s ease-in-out;
   border-radius: 3px;
 }
 a:hover {
-  background-color: #00000091;
   transition: color 0.5s ease-in-out;
-  color: #ffffff9f;
+  color: $color5;
 }
 #hero {
   display: flex;
@@ -64,8 +64,8 @@ a:hover {
     }
     .pivot {
       border-radius: 3px;
-      background: linear-gradient(230deg, #ff00ff7f, #426a007f);
-      
+      background: linear-gradient(230deg, $color1, $color3);
+      box-shadow: 5px 10px 100px $color4;
     }
     
   h1 {
@@ -79,10 +79,7 @@ a:hover {
     font-size: 1em;
     line-height: .8em;
   } 
-  a {
-    background: linear-gradient(230deg, #ff00ff7f, #426a007f);
 
-  } 
   .fullscreen-bg {
     position: fixed;
     top: 0;
@@ -99,7 +96,7 @@ a:hover {
     left: 0;
     width: 100vw;
     height: 100%;
-    background: linear-gradient(230deg, #ff00ffe6, #416a00e6);
+    background: linear-gradient(230deg, $color1, $color3);
     margin:0;
     padding: 0;
   }
@@ -124,7 +121,6 @@ a:hover {
       
     }
     .pivot {
-      background: transparent;
       flex: 0 0 250px;
     }
     h1 {
@@ -165,7 +161,7 @@ a:hover {
 
   h1, h2, h3, p {
     padding: 5px;
-    background: linear-gradient(230deg, rgba(255, 0, 255, 0.9), rgba(65, 106, 0, 0.9));
+    background: linear-gradient(230deg, $color1, $color3);
     background-size: 1000% 1000%;
     -webkit-animation: AnimationName 30s ease infinite;
     -moz-animation: AnimationName 30s ease infinite;
@@ -173,7 +169,7 @@ a:hover {
     padding: 10px;
     border-radius: 3px;
 
-    box-shadow: 5px 10px 10px rgba(61, 0, 102, 0.2);
+    box-shadow: 5px 10px 100px $color4;
     
   }
 }
@@ -185,7 +181,7 @@ a:hover {
   padding: 0;
   margin: 0;
   border-radius: 3px;
-  box-shadow: 5px 10px 10px rgba(61, 0, 102, 0.2);
+  box-shadow: 5px 10px 100px $color4;
 
 }
 
@@ -218,9 +214,9 @@ a:hover {
 
  .container {
 
-  box-shadow: 5px 10px 10px rgba(61, 0, 102, 0.2);
+  box-shadow: 5px 10px 100px $color4;
   
-background: linear-gradient(230deg, #ff00ff7f, #426a007f);
+background: linear-gradient(230deg, $color1, $color3);
     
   background-size: 1000% 1000%;
 
@@ -235,7 +231,7 @@ background: linear-gradient(230deg, #ff00ff7f, #426a007f);
   }
 }
 button {
-  background: linear-gradient(230deg, rgba(255, 0, 255, 0.9), rgba(66, 106, 0, 0.9));
+  background: linear-gradient(230deg, $color1, $color3);
   background-size: 1000% 1000%;
   color: #fff;
   -webkit-animation: AnimationName 30s ease infinite;
@@ -247,7 +243,7 @@ button {
   transition: background-color 0.5s ease-in-out;
 }
 button:hover {
-  background-color: rgba(117, 253, 83, 0.9);
+  background-color: $color2;
 }
 #info {
   flex: 1 1 500px;
@@ -260,7 +256,7 @@ min-height: 80vh;
 }
 #timer {
   flex: 1 1 200px;
-  background: linear-gradient(230deg, #ff00ffe6, #416a00e6);
+  background: linear-gradient(230deg, $color1, $color3);
   background-size: 1000% 1000%;
   
   -webkit-animation: AnimationName 30s ease infinite;
@@ -269,15 +265,15 @@ min-height: 80vh;
   padding: 15px;
 
   p {
-    background-color: rgba(151, 189, 146, 0.3);
+    background-color: $color1;
     padding: 10px;
     border-radius: 3px;
 
-    box-shadow: 5px 10px 10px rgba(61, 0, 102, 0.2);
+    box-shadow: 5px 10px 100px $color4;
     
   }
   img {
-    box-shadow: 5px 10px 10px rgba(61, 0, 102, 0.2);
+    box-shadow: 5px 10px 100px $color4;
     
     border-radius: 3px;
   }
@@ -301,7 +297,12 @@ min-height: 80vh;
   flex-direction: row;
   margin: 0;
   padding: 0;
-  background-color: #ffffff;
+  background: linear-gradient(230deg, $color1, $color2, $color3, $color4, $color5);
+  background-position: center;
+  background-repeat: repeat;
+  -webkit-animation: AnimationName 60s ease infinite;
+  -moz-animation: AnimationName 60s ease infinite;
+  animation: AnimationName 60s ease infinite; 
   background-repeat: repeat;
 
 }
diff --git a/_sass/palette.scss b/_sass/palette.scss
new file mode 100644
index 0000000..fa66f8e
--- /dev/null
+++ b/_sass/palette.scss
@@ -0,0 +1,8 @@
+/* Coolors Exported Palette - coolors.co/deefb7-98dfaf-5fb49c-414288-682d63 */
+
+/* RGB */
+$color1: rgba(222, 239, 183, 1);
+$color2: rgba(152, 223, 175, 1);
+$color3: rgba(95, 180, 156, 1);
+$color4: rgba(65, 66, 136, 1);
+$color5: rgba(104, 45, 99, 1);
\ No newline at end of file
diff --git a/assets/css/style2019-11.scss b/assets/css/style2019-11.scss
index 38cd383..3c673b9 100644
--- a/assets/css/style2019-11.scss
+++ b/assets/css/style2019-11.scss
@@ -1,5 +1,6 @@
 ---
 ---
+@import 'palette';
 @import 'normalize';
 @import 'main';
 @import 'isotope'
\ No newline at end of file
diff --git a/assets/img/header.svg b/assets/img/header.svg
index b4da77d..c28dcc4 100644
--- a/assets/img/header.svg
+++ b/assets/img/header.svg
@@ -79,7 +79,7 @@
     </g>
     <path
        inkscape:connector-curvature="0"
-       style="opacity:0.722;fill:#ff00ff;fill-opacity:1;stroke:none;stroke-width:11.32370472;stroke-linecap:round;stroke-linejoin:bevel;stroke-miterlimit:10;stroke-dasharray:none;stroke-opacity:1;paint-order:normal"
+       style="opacity:0.722;fill:#682d63;fill-opacity:1;stroke:none;stroke-width:11.32370472;stroke-linecap:round;stroke-linejoin:bevel;stroke-miterlimit:10;stroke-dasharray:none;stroke-opacity:1;paint-order:normal"
        d="M -223.29804,-76.20512 A 169.33333,169.33333 0 0 0 -392.63137,93.128211 169.33333,169.33333 0 0 0 -223.29804,262.46154 169.33333,169.33333 0 0 0 -66.109694,155.72181 120.19643,120.19643 0 0 0 25.410288,198.20552 120.19643,120.19643 0 0 0 145.60658,78.009237 120.19643,120.19643 0 0 0 25.410288,-42.187043 120.19643,120.19643 0 0 0 -74.897274,11.943505 169.33333,169.33333 0 0 0 -223.29804,-76.20512 Z"
        id="path1556" />
     <path
diff --git a/assets/img/sakrecoer-logo.svg b/assets/img/sakrecoer-logo.svg
index 557c0c3..72eab7c 100644
--- a/assets/img/sakrecoer-logo.svg
+++ b/assets/img/sakrecoer-logo.svg
@@ -28,7 +28,7 @@
      style="opacity:0.784"
      id="g2880">
     <ellipse
-       style="opacity:1;fill:none;fill-opacity:0.6476684;stroke:#416a00;stroke-width:8.00697803;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;stroke-dasharray:none;stroke-opacity:0.66321242;paint-order:normal"
+       style="opacity:1;fill:none;fill-opacity:0.6476684;stroke:#5fb49c;stroke-width:8.00697803;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;stroke-dasharray:none;stroke-opacity:0.66321242;paint-order:normal"
        id="path874"
        cx="19.427938"
        cy="26.657154"
@@ -38,6 +38,6 @@
     <path
        id="path867"
        d="m 28.532025,41.534286 -0.235027,-1.02424 -1.04523,0.236741 -1.04523,0.236752 -0.1494,-1.043642 -0.149399,-1.043641 -1.02978,0.23325 -1.029781,0.23324 -0.235023,-1.024229 -0.235026,-1.024251 -1.026779,0.232565 -1.026776,0.232576 -0.235026,-1.02425 -0.235025,-1.02424 -0.962605,0.218025 -0.962604,0.218035 -0.220335,-0.96022 -0.220336,-0.960231 -1.026779,0.232565 -1.026776,0.232565 -0.235026,-1.02424 -0.235025,-1.02425 -1.026779,0.232565 -1.026777,0.232576 -0.690387,-3.008721 -0.690387,-3.00871 1.026779,-0.232566 1.026777,-0.232565 -0.216026,-0.94145 -0.216026,-0.941439 0.962979,-0.305172 c 0.529624,-0.167914 1.416292,-0.407964 1.970369,-0.533455 l 1.007413,-0.228186 -0.235027,-1.024239 -0.235024,-1.02424 1.026778,-0.232565 1.026777,-0.232565 -0.455363,-1.984482 -0.455361,-1.98447 -1.983982,0.449379 -1.983983,0.44938 -0.265166,-0.983755 -0.265164,-0.983744 -2.974832,0.637648 -2.9748306,0.637649 -0.2170662,-0.573276 C 7.9813351,16.531462 7.8458444,16.10869 7.7996258,15.907262 L 7.715594,15.541047 6.6888166,15.773612 5.6620391,16.006188 5.4270134,14.981937 5.1919877,13.957687 4.2293841,14.175722 3.2667805,14.393757 3.0464432,13.433527 2.8261091,12.473306 1.7993306,12.705872 0.77255317,12.938437 0.51856886,11.831568 0.26458348,10.724699 9.3567504,8.718503 18.448916,6.7123071 17.937182,4.7069356 17.425448,2.7015534 l 4.124051,-0.9341047 4.124054,-0.93410468 0.235025,1.02425048 0.235027,1.0242398 -1.017542,0.2304772 -1.017542,0.2304772 0.071,0.7006401 c 0.03905,0.3853708 0.122916,0.8360783 0.186355,1.0015936 l 0.115354,0.3009535 9.068887,-2.1076488 9.068888,-2.1076487 0.254037,1.1071045 0.25404,1.1071045 -1.026778,0.2325652 -1.026777,0.2325652 0.220334,0.9602201 0.220337,0.9602308 -0.962604,0.2180352 -0.962603,0.2180352 0.235026,1.0242398 0.235025,1.0242504 -1.015827,0.2300811 -1.015825,0.2300918 0.129814,0.9782835 0.129816,0.9782833 -2.961326,0.706904 -2.961324,0.706904 0.190197,1.000726 0.190199,1.000737 -1.91981,0.434839 -1.919808,0.434839 0.455361,1.98446 0.455363,1.984482 0.962603,-0.218036 0.962604,-0.218024 0.235023,1.024229 0.235026,1.02425 1.123246,-0.253466 c 0.617787,-0.1394 1.521517,-0.305086 2.008323,-0.368056 l 0.885071,-0.114613 0.216088,0.941718 0.216087,0.941707 1.026777,-0.232565 1.026778,-0.232565 0.690388,3.008721 0.690387,3.00871 -1.026777,0.232565 -1.026778,0.232565 0.235026,1.024251 0.235026,1.02424 -1.026777,0.232575 -1.026777,0.232566 0.220334,0.96022 0.220337,0.960231 -0.962603,0.218035 -0.962605,0.218024 0.233789,1.018865 0.23379,1.018854 -0.986113,0.262674 -0.986113,0.262685 0.190197,1.000727 0.190196,1.000715 -1.024382,0.23203 -1.024382,0.232019 0.320652,1.00486 0.320653,1.004848 -1.045229,0.236741 -1.045231,0.236752 0.235024,1.024229 0.235025,1.024251 -1.026777,0.232565 -1.026779,0.232565 -0.235025,-1.02424 z m -2.118147,-18.645454 -0.235026,-1.02425 0.962603,-0.218025 0.962604,-0.218035 -0.220337,-0.960231 -0.220334,-0.96022 -2.951986,0.668636 -2.951985,0.668625 0.220336,0.96022 0.220336,0.960231 0.962603,-0.218035 0.962604,-0.218025 0.235027,1.02424 0.235026,1.02425 1.026777,-0.232565 1.026777,-0.232576 z"
-       style="opacity:1;fill:#ff00ff;fill-opacity:1;stroke-width:0.13147773" />
+       style="opacity:1;fill:#682d63;fill-opacity:1;stroke-width:0.13147773" />
   </g>
 </svg>
diff --git a/assets/img/world.svg b/assets/img/world.svg
index 63c0dfe..e401121 100644
--- a/assets/img/world.svg
+++ b/assets/img/world.svg
@@ -40,22 +40,22 @@
     <linearGradient
        id="linearGradient2113">
       <stop
-         style="stop-color:#416a00;stop-opacity:1"
+         style="stop-color:#5fb49c;stop-opacity:1"
          offset="0"
          id="stop2111" />
       <stop
-         style="stop-color:#ff00ff;stop-opacity:1"
+         style="stop-color:#682d63;stop-opacity:1"
          offset="1"
          id="stop2109" />
     </linearGradient>
     <linearGradient
        id="linearGradient2086-7">
       <stop
-         style="stop-color:#ff00ff;stop-opacity:1"
+         style="stop-color:#682d63;stop-opacity:1"
          offset="0"
          id="stop2084" />
       <stop
-         style="stop-color:#416a00;stop-opacity:1"
+         style="stop-color:#5fb49c;stop-opacity:1"
          offset="1"
          id="stop2082" />
     </linearGradient>
diff --git a/index.html b/index.html
index c6769b8..a63e518 100644
--- a/index.html
+++ b/index.html
@@ -28,7 +28,7 @@ webm_path: /assets/vi/0001-0076.webm
     </video>
   </div>
 </div>
-<div style="background: linear-gradient(45deg, #ff00ff, #416a00);">
+<div style="background: linear-gradient(45deg, #deefb7, #5fb49c);">
   <div class="trackcontainer logo" style="margin-top:0;padding-top:0;">
       {% include cookiemonster.html %}
   </div>
diff --git a/music.html b/music.html
index 615b744..c4342f6 100644
--- a/music.html
+++ b/music.html
@@ -85,7 +85,7 @@ image: /assets/img/world.svg
 </script>
 <style>
 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: linear-gradient(230deg, #deefb7, #98dfaf, #5fb49c, #414288, #682d63);
   background-position: center;
   background-repeat: repeat;
   -webkit-animation: AnimationName 60s ease infinite;