Update: Styles

2 files changed, 27 insertions, 18 deletions

diff --git a/templates/base.html b/templates/base.html
index 60652ef..8447a9e 100644
--- a/templates/base.html
+++ b/templates/base.html
@@ -16,10 +16,11 @@
         <style>
           body {
           padding: 1rem;
-          max-width: 760px;
+          max-width: 700px;
           background: white;
-                  font-family: "Times New Roman", Times, serif;
+                  font-family: sans-serif;
           line-height: 1.35rem;
+                  font-size: 16px;
           }
 
           hr {
@@ -55,6 +56,14 @@
                   background: #eee;
           }
 
+          ul.list li {
+                  padding: 0.2em 0;
+          }
+
+          ul {
+                  line-height: 1.4em;
+          }
+
           td, th {
           border: 1px solid black;
           padding: 4px;
@@ -66,15 +75,14 @@
           pre {
           text-wrap: nowrap;
           overflow-x: auto;
-          margin-block-start: 1.5rem;
-          margin-block-end: 1.5rem;
-          padding: 0.5rem 0;
-          border-top: 1px solid #aaa;
-          border-bottom: 1px solid #aaa;
+                  padding: 0 1em;
+                  background: whitesmoke;
           }
 
           code {
-                  background: #f6f6f6;
+                  background: #fff0e3;
+                  padding: 0 3px;
+                  font-size: 14px;
           }
 
           pre code {
@@ -84,7 +92,6 @@
 
           pre, code, pre *, code * {
                   font-family: monospace;
-                  font-size: initial !important;
           }
 
           img, video, audio {
@@ -113,6 +120,10 @@
           }
 
           @media only screen and (max-width: 600px) {
+                  body {
+                          padding: 5px;
+                  }
+                  
                   header {
                           flex-direction: column;
                           gap: 1rem;
@@ -161,7 +172,5 @@
                 target="_blank">RSS feed</a>.
           </p>
         </footer>
-
-        <script src="https://cdn.usefathom.com/script.js" data-site="XHQARKXP" defer></script>
   </body>
 </html>
diff --git a/templates/index.html b/templates/index.html
index 3c83ec1..2c4a71b 100644
--- a/templates/index.html
+++ b/templates/index.html
@@ -29,31 +29,31 @@
         <tbody>
           <tr>
                 <td class="pstatus-red" title="Still in initial stage"></td>
-                <td><a href="https://github.com/mitjafelicijan/moonshine" target="_blank">Moonshine - Lua distribution</a></td>
+                <td><a href="https://github.com/mitjafelicijan/moonshine" target="_blank">Moonshine</a></td>
                 <td>Testing Alpine container, implementing first two rocks.</td>
                 <td>17th of July, 2023</td>
           </tr>
           <tr>
                 <td class="pstatus-green" title="Kinda works"></td>
-                <td><a href="https://github.com/mitjafelicijan/i3blocks" target="_blank">i3blocks - Progress bars</a></td>
+                <td><a href="https://github.com/mitjafelicijan/i3blocks" target="_blank">i3blocks</a></td>
                 <td>Testing blocks: cpu, ram, disk and nvidia gpu.</td>
                 <td>12th of July, 2023</td>
           </tr>
           <tr>
                 <td class="pstatus-orange" title="Somewhat works"></td>
-                <td><a href="https://github.com/mitjafelicijan/errand" target="_blank">Errand - Task runner</a></td>
+                <td><a href="https://github.com/mitjafelicijan/errand" target="_blank">Errand</a></td>
                 <td>Working on re-implementating the whole thing in C.</td>
                 <td>7th of July, 2023</td>
           </tr>
           <tr>
                 <td class="pstatus-green" title="Kinda works"></td>
-                <td><a href="https://github.com/mitjafelicijan/jbmafp" target="_blank">JBMAFP - Generates static sites</a></td>
+                <td><a href="https://github.com/mitjafelicijan/jbmafp" target="_blank">JBMAFP</a></td>
                 <td>Fixing minor issues and writing docs.</td>
                 <td>8th of July, 2023</td>
           </tr>
           <tr>
                 <td class="pstatus-red" title="Still in initial stage"></td>
-                <td><a href="https://github.com/mitjafelicijan/marionette" target="_blank">Marionette - UI testing tool</a></td>
+                <td><a href="https://github.com/mitjafelicijan/marionette" target="_blank">Marionette</a></td>
                 <td>Implementing HTTP server for viewing reports.</td>
                 <td>6th of July, 2023</td>
           </tr>
@@ -61,7 +61,7 @@
   </table>
   
   <h2><a name="posts"></a>More long form, ramblings etc</h2>
-  <ul itemscope itemtype="https://schema.org/SiteNavigationElement">
+  <ul itemscope itemtype="https://schema.org/SiteNavigationElement" class="list">
         <meta itemprop="name" content="Article list">
         {{ range .Pages }}
         {{ if eq .Type "post" }}
@@ -72,7 +72,7 @@
 
   <h2><a name="notes"></a>Notes?! Maybe useful</h2>
   <h2></h2>
-  <ul itemscope itemtype="https://schema.org/SiteNavigationElement">
+  <ul itemscope itemtype="https://schema.org/SiteNavigationElement" class="list">
         <meta itemprop="name" content="Note list">
         {{ range .Pages }}
         {{ if eq .Type "note" }}