update CSS

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

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

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

_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;

_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);