Update: Styles

4 files changed, 29 insertions, 20 deletions

diff --git a/config.yaml b/config.yaml
index 1f65ca3..6fcd3bd 100644
--- a/config.yaml
+++ b/config.yaml
@@ -5,7 +5,7 @@ language: "en-us"
 
 # Code highlighting.
 # https://swapoff.org/chroma/playground/
-highlighting: "vs"
+highlighting: "pygments"
 
 # Minifies output HTML (including inline CSS, JS).
 minify: true
diff --git a/content/notes/2023-08-01-make-b-w-svg-charts-with-matplotlib.md b/content/notes/2023-08-01-make-b-w-svg-charts-with-matplotlib.md
index c3fef57..4a8f4f4 100644
--- a/content/notes/2023-08-01-make-b-w-svg-charts-with-matplotlib.md
+++ b/content/notes/2023-08-01-make-b-w-svg-charts-with-matplotlib.md
@@ -15,7 +15,7 @@ pip install pandas
 
 Example of data being used.
 
-```csv
+```text
 Epoch,Connect (NLB),Processing (NLB),Waiting (NLB),Total (NLB),Connect (ALB),Processing (ALB),Waiting (ALB),Total (ALB)
 1,57.7,315.7,309.4,321.6,9,104.4,98.3,105.7
 2,121.9,114.4,100.3,176.9,5.8,99.1,97.1,101.1
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" }}