From 709286693123071753e61eed71139887a1d83929 Mon Sep 17 00:00:00 2001
From: sakrecoer <set.hallstrom@gmail.com>
Date: Mon, 16 Nov 2020 16:51:06 +0100
Subject: [PATCH] update CSS

---
 _includes/scripts.html                        |  2 +-
 _layouts/404page.html                         |  6 +--
 _layouts/default.html                         |  6 +--
 _sass/_elements.scss                          | 48 ++++++++++++-------
 _sass/_layout.scss                            |  2 +-
 ...olors-20200911.css => colors-20201116.css} |  0
 ...{main-20200911.scss => main-20201116.scss} |  0
 ...-20200911.scss => noscripts-20201116.scss} |  0
 .../js/{set-20200911.js => set-20201116.js}   |  0
 9 files changed, 38 insertions(+), 26 deletions(-)
 rename assets/css/{colors-20200911.css => colors-20201116.css} (100%)
 rename assets/css/{main-20200911.scss => main-20201116.scss} (100%)
 rename assets/css/{noscripts-20200911.scss => noscripts-20201116.scss} (100%)
 rename assets/js/{set-20200911.js => set-20201116.js} (100%)

diff --git a/_includes/scripts.html b/_includes/scripts.html
index 9c66abe..c18dc75 100644
--- a/_includes/scripts.html
+++ b/_includes/scripts.html
@@ -1,3 +1,3 @@
 <!-- Scripts -->
 {% include relBase.html %}
-<script src="{{ relBase }}/assets/js/set-20200911.js"></script>
+<script src="{{ relBase }}/assets/js/set-20201116.js"></script>
diff --git a/_layouts/404page.html b/_layouts/404page.html
index 0204027..ecff62a 100644
--- a/_layouts/404page.html
+++ b/_layouts/404page.html
@@ -12,12 +12,12 @@ layout: nil
 
 <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=yes" />
 <link rel="stylesheet" href="/assets/css/all.min.css" />
-<link rel="stylesheet" href="/assets/css/colors-20200911.css" />
-<link rel="stylesheet" href="/assets/css/main-20200911.css" />
+<link rel="stylesheet" href="/assets/css/colors-20201116.css" />
+<link rel="stylesheet" href="/assets/css/main-20201116.css" />
 <link rel="apple-touch-icon" href="{{ site.url }}/apple-touch-icon.png">
 <link rel="icon" type="image/png" href="{{ site.url }}/touch-icon.png" sizes="192x192">
 <link rel="shortcut icon" href="{{ site.url }}{{ site.icon }}" type="image/png" />
-<noscript><link rel="stylesheet" href="/assets/css/noscripts-20200911.css" /></noscript>
+<noscript><link rel="stylesheet" href="/assets/css/noscripts-20201116.css" /></noscript>
 
 <meta name="theme-color" content="{{ site.data.colors.bg }}"/>
 
diff --git a/_layouts/default.html b/_layouts/default.html
index 60e20ac..f0d41ce 100644
--- a/_layouts/default.html
+++ b/_layouts/default.html
@@ -11,12 +11,12 @@
 {% include relBase.html %}
 <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=yes" />
 <link rel="stylesheet" href="{{ relBase }}/assets/css/all.min.css" />
-<link rel="stylesheet" href="{{ relBase }}/assets/css/colors-20200911.css" />
-<link rel="stylesheet" href="{{ relBase }}/assets/css/main-20200911.css" />
+<link rel="stylesheet" href="{{ relBase }}/assets/css/colors-20201116.css" />
+<link rel="stylesheet" href="{{ relBase }}/assets/css/main-20201116.css" />
 <link rel="apple-touch-icon" href="{{ site.url }}/apple-touch-icon.png">
 <link rel="icon" type="image/png" href="{{ site.url }}/touch-icon.png" sizes="192x192">
 <link rel="shortcut icon" href="{{ site.url }}{{ site.icon }}" type="image/png" />
-<noscript><link rel="stylesheet" href="{{ relBase }}/assets/css/noscripts-20200911.css" /></noscript>
+<noscript><link rel="stylesheet" href="{{ relBase }}/assets/css/noscripts-20201116.css" /></noscript>
 
 <meta name="theme-color" content="{{ site.data.colors.bg }}"/>
 
diff --git a/_sass/_elements.scss b/_sass/_elements.scss
index 610b37f..e4b5542 100644
--- a/_sass/_elements.scss
+++ b/_sass/_elements.scss
@@ -40,6 +40,7 @@ a:hover {
 .button {
   background-color: var(--accent2);
   padding: 1em;
+  margin-bottom: 20px;
   display: inline-block;
   border-radius: var(--border-radius);
   text-align: center;
@@ -54,7 +55,11 @@ a:hover {
   -moz-transition: all var(--anim-speed) ease-in-out;
   -ms-transition: all var(--anim-speed) ease-in-out;
   transition: all var(--anim-speed) ease-in-out;
-
+  background-image: linear-gradient(228deg, var(--accent1-alt), var(--accent2-alt));
+  background-size: 400% 400%;
+  -webkit-animation: backgroundBlink 2s ease infinite;
+  -moz-animation: backgroundBlink 2s ease infinite;
+  animation: backgroundBlink 2s ease infinite;
 
   
 }
@@ -188,24 +193,31 @@ a:hover {
     padding-top: 40px;
     max-width: var(--max-width);
     margin: auto;
-    img {
-      margin-left: auto;
-      margin-right: auto;
-      width: 100%;
-      max-width: 600px;
-      height: auto;
-      display: block;
-    }
-    h6 {
-      font-size: 0.8em;
-      text-align: center;
-    }
-    blockquote {
-      font-size: 1.5em;
-      border-left: 3px solid var(--fg);
-      padding-left: 40px;
+    .container {
+      img {
+        margin-left: auto;
+        margin-right: auto;
+        width: 100%;
+        max-width: 600px;
+        height: auto;
+        display: block;
+      }
+      h6 {
+        font-size: 0.8em;
+        text-align: center;
+      }
+      blockquote {
+        font-weight: 700;
+        border-left: 3px dotted var(--fg);
+        padding-left: 40px;
+      }
+      ul {
+        list-style-type:circle;
+        padding-left:40px;
+      }
     }
   }
+
   p {
     margin: 20px 0;
   }
@@ -289,7 +301,7 @@ a:hover {
     background-position: center center;
     flex: 1 1 380px;
     min-height: 50vh;
-    
+
     padding: 20px;
     box-sizing: border-box;
     text-align: left;
diff --git a/_sass/_layout.scss b/_sass/_layout.scss
index 28eface..8bab306 100644
--- a/_sass/_layout.scss
+++ b/_sass/_layout.scss
@@ -97,7 +97,7 @@ body {
       bottom: 0;
       transform: rotate(-3deg);
       overflow: hidden;
-      background: -webkit-linear-gradient(90deg, var(--bg) 0%,var(--bg-alt) 100%);
+      background: -webkit-linear-gradient(90deg, var(--bg) 25%,var(--accent2-alt) 100%);
       -webkit-background-clip: text;
       -webkit-text-fill-color: transparent;
       filter: blur(1px);
diff --git a/assets/css/colors-20200911.css b/assets/css/colors-20201116.css
similarity index 100%
rename from assets/css/colors-20200911.css
rename to assets/css/colors-20201116.css
diff --git a/assets/css/main-20200911.scss b/assets/css/main-20201116.scss
similarity index 100%
rename from assets/css/main-20200911.scss
rename to assets/css/main-20201116.scss
diff --git a/assets/css/noscripts-20200911.scss b/assets/css/noscripts-20201116.scss
similarity index 100%
rename from assets/css/noscripts-20200911.scss
rename to assets/css/noscripts-20201116.scss
diff --git a/assets/js/set-20200911.js b/assets/js/set-20201116.js
similarity index 100%
rename from assets/js/set-20200911.js
rename to assets/js/set-20201116.js