Merge pull request #19 from garritfra/design-tweaks-2

Design tweaks 2

_includes/head.html

@@ -58,7 +58,7 @@
 	  left: 0;
 	  right: 0;
 	  bottom: 0;
-	  background-color: #ccc;
+	  background-color: #363636;
 	  -webkit-transition: .4s;
 	  transition: .4s;
 	}

_sass/base.scss

@@ -18,7 +18,7 @@ html, body, h1, h2, h3, h4, h5, h6, p, ul, ol, li, img {
 
 /*- Base color -*/
 
-$main-color: #999999;
+$main-color: #E9E9E9;
 $background-color: #0F0F0F;
 $text-color: #888888;
 

css/main.scss

@@ -41,6 +41,7 @@
     --primary-color: #888888;
     --secondary-color: #666666;
     --font-color: #cecece;
+    --link-color: #e6e6e6;
     --bg-color: #0f0f0f;
     --heading-color: #454545;
     --block-bg-color: #2f3234;
@@ -56,6 +57,7 @@
     --primary-color: #666666;
     --secondary-color: #555555;
     --font-color: #555555;
+    --link-color: #444444;
     --bg-color: #f0f0f0;
     --heading-color: #666666;
     --block-bg-color: #d7d7d7;
@@ -82,7 +84,7 @@ h1 {
 }
 
 a {
-    color: var(--primary-color);
+    color: var(--link-color);
 }
 
 .moneroversary-table,

periodicals/index.html

@@ -8,21 +8,21 @@ title: Revuo Periodical
       
       <li class="post">
 	  	<h2><a href="periodical-5-2020.html">Revuo Periodical #5</a></h2>
-        <p class="by-line">01 Mar 2021</p>
+        <time class="by-line">01 Mar 2021</time>
         <a href="periodical-5-2020.html"><img src="/img/img-periodical-5.png" alt="Revuo Monero Periodical #5 Slide"></a>
 	  	<p>Covering the period of January 1 - December 31, 2020.</p>
 	  </li>
       
       <li class="post">
 	  	<h2><a href="periodical-4-2019.html">Revuo Periodical #4</a></h2>
-        <p class="by-line">29 Jan 2020</p>
+        <time class="by-line">29 Jan 2020</time>
         <a href="periodical-4-2019.html"><img src="/img/img-periodical-4.png" alt="Revuo Monero Periodical #4 Slide"></a>
 	  	<p>Covering the period of July 1 - December 31, 2019.</p>
 	  </li>
       
 	  <li class="post">
 	  	<h2><a href="periodical-3-2019.html">Revuo Periodical #3</a></h2>
-        <p class="by-line">14 Sep 2019</p>
+        <time class="by-line">14 Sep 2019</time>
         <a href="periodical-3-2019.html"><img src="/img/img-periodical-3.png" alt="Revuo Monero Periodical #3 Slide"></a>
 	  	<p>Covering the period of January 1 - June 30, 2019.</p>
 	  </li>