add rider for comics

site/css/default.css

@@ -163,6 +163,27 @@ article li {
   text-decoration: none;
 }
 
+.comicslink {
+  background-color: rgba(255, 255, 255, 0.8);
+  font-family: 'GrabsteinMedium';
+  font-weight: normal;
+  font-style: normal;
+  background-image: linear-gradient(black, black), url(../images/paper.jpg);
+  background-repeat: no-repeat;
+  /*background-size: cover;*/
+  /*background-attachment: fixed;*/
+  background-origin: padding-box;
+  background-clip: border-box;
+  background-position: center;
+  background-blend-mode: saturation;
+  color: black;
+}
+
+.comicslink > a, .comicslink > a:link, .comicslink > a:visited {
+  color: black;
+  text-decoration: none;
+}
+
 .sidebar {
   grid-area: nav;
 }

site/css/font.css

@@ -25,3 +25,10 @@
   font-weight: normal;
   font-style: normal;
 }
+
+@font-face {
+  font-family: 'GrabsteinMedium';
+  src: url('/font/Grabstein.ttf') format('truetype');
+  font-weight: normal;
+  font-style: normal;
+}

templates/default.html

@@ -55,6 +55,9 @@
         <li class="portfoliolink rider">
           <a href="https://art.nek0.eu/">Art Gallery</a>
         </li>
+        <li class="comicslink rider">
+          <a href="https://comics.nek0.eu/">Comics</a>
+        </li>
       </ul>
       <hr>
     </header>