git.j3s.sh

font size bigger tbh

Jes Olson j3s@c3f.net

Tue, 27 Dec 2022 17:57:47 -0800

commit

b3cca17ce376c3f9a9b2c6ebf51e533c2ef2f202

parent

1318702cfec38b116487406514c949aa78089359

4 files changed, 67 insertions(+), 44 deletions(-)

jump to

main.go

static/style.css

templates/creations.html

templates/layout.html

M main.go → main.go

@@ -62,6 +62,8 @@ http.Redirect(w, r, url, 302)
 	}
 }
 
+// this is here basically because /favicon.ico needs to be
+// redirected to /static/favicon.ico
 func faviconHandler(w http.ResponseWriter, r *http.Request) {
 	http.ServeFile(w, r, "static/favicon.ico")
 }

A static/style.css

@@ -0,0 +1,46 @@ 
+:root {
+  font-size: 1rem;
+  --medium-gray: #ddd;
+  --gray: #6a6a6a;
+}
+
+/* make sure the scrollbar is always shown so
+   the width doesnt change between pages */
+html {
+  overflow-y: scroll
+}
+
+img {
+  border-bottom: none;
+}
+
+a:hover {
+  border-bottom: 1.5px solid var(--gray);
+}
+
+a {
+  text-decoration: none;
+  border-bottom: 1.5px solid var(--medium-gray);
+}
+
+#main,
+#header,
+aside,
+img {
+  max-width: 500px;
+  margin: 0 auto;
+  padding: 0;
+}
+
+
+#header {
+  font-family: monospace;
+  text-align: center;
+}
+
+.grayscale {
+  -webkit-filter: grayscale(100%);
+  -moz-filter: grayscale(100%);
+  -ms-filter: grayscale(100%);
+  filter: grayscale(100%);
+}

M templates/creations.html → templates/creations.html

@@ -3,6 +3,9 @@ {{define "body"}}
 <h3>creations</h3>
 this page is a showcase for my many creations :3
 
+<h4>pics</h4>
+<ul><a href="https://snap.as/j3s">some pics i have taken :3</a></ul>
+
 <h4>handy j3s.sh links</h4>
 <ul><a href="/age.html">/age - age encryption tool</a></ul>
 <ul><a href="/feeds.html">/feeds - my rss reader</a></ul>

M templates/layout.html → templates/layout.html

@@ -3,50 +3,24 @@ <!doctype html>
 <html>
 <head>
   <style>
-    /* this makes sure the scrollbar is always shown, so the site doesnt change between pages */
-    html {
-      overflow-y: scroll
-    }
-
-    #main,
-    #header,
-    aside,
-    img {
-      max-width: 500px;
-      margin: 0 auto;
-      padding: 0;
-    }
-    
-    @keyframes lol {
-      from{
-        transform: rotate(0deg);
-      }
-      to {
-        transform: rotate({{ randomrotationdegrees }}deg);
-      }
-    }
-
-    #header img {
-      animation: lol;
-      animation-duration: 1s;
-      animation-timing-function: ease;
-      animation-fill-mode: forwards;
-      animation-delay: 5s;
+  @keyframes lol {
+    from{
+      transform: rotate(0deg);
     }
-
-    #header {
-      font-family: monospace;
-      text-align: center;
+    to {
+      transform: rotate({{ randomrotationdegrees }}deg);
     }
+  }
 
-    .grayscale {
-      -webkit-filter: grayscale(100%);
-      -moz-filter: grayscale(100%);
-      -ms-filter: grayscale(100%);
-      filter: grayscale(100%);
-    }
+  #header img {
+    animation: lol;
+    animation-duration: 1s;
+    animation-timing-function: ease;
+    animation-fill-mode: forwards;
+    animation-delay: 5s;
+  }
   </style>
-
+  <link rel="stylesheet" href="/static/style.css" type="text/css">
   <meta charset="utf-8">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <title>{{template "title"}}</title>
@@ -56,16 +30,14 @@ 
 <body class="grayscale">
   <div id="header">
     <a href="/"><img src="/static/unnamed-puffy.png" height="111" width="140" alt="pic of an unnamed pufferfish, drawn by rekka bellum of kokorobot.ca and hundred rabbits :3"></a>
-    <h1>jes {{ randomheaderphrase }}</h1>
+    <h2>jes {{ randomheaderphrase }}</h2>
     <p>
       <a href="/now.html">now</a>
       <a href="/about.html">about</a>
       <a href="/reviews.html">reviews</a>
       <a href="/thoughts.html">thoughts</a>
       <a href="/creations.html">creations</a>
-      |
-      <a href="https://git.j3s.sh">git -></a>
-      <a href="https://snap.as/j3s">pics -></a>
+      <a href="https://git.j3s.sh">git</a>
     </p>
     <hr>
   </div>