From 5a30996a75810ba8c7dfd95498cd805136dd4b6a Mon Sep 17 00:00:00 2001
From: Kira McLean <email@kiramclean.com>
Date: Thu, 4 Apr 2024 16:12:08 -0300
Subject: [PATCH] update code styles

---
 public/2024-01-02-a-year-of-open-source.html |  2 +-
 public/2024-01-12-clojure-tidy-tuesdays.html |  2 +-
 public/atom.xml                              |  2 +-
 public/planetclojure.xml                     |  2 +-
 public/style.css                             | 35 +++++++++++++++++++-
 public/tags/clojurists-together.html         |  2 +-
 public/tags/open-source.html                 |  2 +-
 public/tags/oss-updates.html                 |  2 +-
 templates/style.css                          | 35 +++++++++++++++++++-
 9 files changed, 75 insertions(+), 9 deletions(-)

diff --git a/public/2024-01-02-a-year-of-open-source.html b/public/2024-01-02-a-year-of-open-source.html
index 25a7cf4..f2a21e5 100644
--- a/public/2024-01-02-a-year-of-open-source.html
+++ b/public/2024-01-02-a-year-of-open-source.html
@@ -8,7 +8,7 @@
     <link rel="stylesheet" href="style.css">
     <script src="https://cdnjs.cloudflare.com/ajax/libs/prism/1.28.0/prism.min.js"></script>
     <script src="https://cdnjs.cloudflare.com/ajax/libs/prism/1.28.0/components/prism-clojure.min.js"></script>
-    
+    <script type="text/javascript" src="https://livejs.com/live.js"></script>
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/prism/1.28.0/themes/prism.min.css">
 
 
diff --git a/public/2024-01-12-clojure-tidy-tuesdays.html b/public/2024-01-12-clojure-tidy-tuesdays.html
index db4cd3a..88d4ba3 100644
--- a/public/2024-01-12-clojure-tidy-tuesdays.html
+++ b/public/2024-01-12-clojure-tidy-tuesdays.html
@@ -8,7 +8,7 @@
     <link rel="stylesheet" href="style.css">
     <script src="https://cdnjs.cloudflare.com/ajax/libs/prism/1.28.0/prism.min.js"></script>
     <script src="https://cdnjs.cloudflare.com/ajax/libs/prism/1.28.0/components/prism-clojure.min.js"></script>
-    
+    <script type="text/javascript" src="https://livejs.com/live.js"></script>
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/prism/1.28.0/themes/prism.min.css">
 
 
diff --git a/public/atom.xml b/public/atom.xml
index 2c793b5..c7b6848 100644
--- a/public/atom.xml
+++ b/public/atom.xml
@@ -3,7 +3,7 @@
   <title>Code with Kira</title>
   <link href="https://codewithkira.com/atom.xml" rel="self"/>
   <link href="https://codewithkira.com"/>
-  <updated>2024-04-04T17:00:02+00:00</updated>
+  <updated>2024-04-04T19:11:30+00:00</updated>
   <id>https://codewithkira.com</id>
   <author>
     <name>Kira McLean</name>
diff --git a/public/planetclojure.xml b/public/planetclojure.xml
index 2c793b5..c7b6848 100644
--- a/public/planetclojure.xml
+++ b/public/planetclojure.xml
@@ -3,7 +3,7 @@
   <title>Code with Kira</title>
   <link href="https://codewithkira.com/atom.xml" rel="self"/>
   <link href="https://codewithkira.com"/>
-  <updated>2024-04-04T17:00:02+00:00</updated>
+  <updated>2024-04-04T19:11:30+00:00</updated>
   <id>https://codewithkira.com</id>
   <author>
     <name>Kira McLean</name>
diff --git a/public/style.css b/public/style.css
index d25f7e4..0ba90f8 100644
--- a/public/style.css
+++ b/public/style.css
@@ -154,7 +154,6 @@ code {
   }
 }
 
-
 /**********************************************************************/
 /* Images
 /**********************************************************************/
@@ -200,3 +199,37 @@ figcaption {
   figcaption {
     width: 100%;
   }
+}
+
+/**********************************************************************/
+/* Code
+/**********************************************************************/
+
+code {
+  background: var(--code-background);
+  border-radius: 5px;
+  box-shadow: 2px 2px var(--shadow);
+  font-family: Menlo, Consolas, Monaco, "Liberation Mono", "Lucida Console", monospace;
+  font-size: 0.85rem;
+  margin: 0 0.1rem;
+  padding: 0.1rem 0.45rem;
+}
+
+small code {
+  font-size: 90%;
+}
+
+pre {
+  background: var(--code-background);
+  border-radius: 5px;
+  box-shadow: 2px 2px var(--shadow);
+  font-size: var(--small);
+  overflow-x: auto;
+  padding: 0.5rem 1rem;
+  color: var(--code);
+}
+
+pre code {
+  box-shadow: unset;
+  padding: 0;
+}
diff --git a/public/tags/clojurists-together.html b/public/tags/clojurists-together.html
index 1378869..828b41a 100644
--- a/public/tags/clojurists-together.html
+++ b/public/tags/clojurists-together.html
@@ -8,7 +8,7 @@
     <link rel="stylesheet" href="../style.css">
     <script src="https://cdnjs.cloudflare.com/ajax/libs/prism/1.28.0/prism.min.js"></script>
     <script src="https://cdnjs.cloudflare.com/ajax/libs/prism/1.28.0/components/prism-clojure.min.js"></script>
-    
+    <script type="text/javascript" src="https://livejs.com/live.js"></script>
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/prism/1.28.0/themes/prism.min.css">
 
 
diff --git a/public/tags/open-source.html b/public/tags/open-source.html
index e261702..a4120fa 100644
--- a/public/tags/open-source.html
+++ b/public/tags/open-source.html
@@ -8,7 +8,7 @@
     <link rel="stylesheet" href="../style.css">
     <script src="https://cdnjs.cloudflare.com/ajax/libs/prism/1.28.0/prism.min.js"></script>
     <script src="https://cdnjs.cloudflare.com/ajax/libs/prism/1.28.0/components/prism-clojure.min.js"></script>
-    
+    <script type="text/javascript" src="https://livejs.com/live.js"></script>
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/prism/1.28.0/themes/prism.min.css">
 
 
diff --git a/public/tags/oss-updates.html b/public/tags/oss-updates.html
index 9f40201..b722b9d 100644
--- a/public/tags/oss-updates.html
+++ b/public/tags/oss-updates.html
@@ -8,7 +8,7 @@
     <link rel="stylesheet" href="../style.css">
     <script src="https://cdnjs.cloudflare.com/ajax/libs/prism/1.28.0/prism.min.js"></script>
     <script src="https://cdnjs.cloudflare.com/ajax/libs/prism/1.28.0/components/prism-clojure.min.js"></script>
-    
+    <script type="text/javascript" src="https://livejs.com/live.js"></script>
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/prism/1.28.0/themes/prism.min.css">
 
 
diff --git a/templates/style.css b/templates/style.css
index d25f7e4..0ba90f8 100644
--- a/templates/style.css
+++ b/templates/style.css
@@ -154,7 +154,6 @@ code {
   }
 }
 
-
 /**********************************************************************/
 /* Images
 /**********************************************************************/
@@ -200,3 +199,37 @@ figcaption {
   figcaption {
     width: 100%;
   }
+}
+
+/**********************************************************************/
+/* Code
+/**********************************************************************/
+
+code {
+  background: var(--code-background);
+  border-radius: 5px;
+  box-shadow: 2px 2px var(--shadow);
+  font-family: Menlo, Consolas, Monaco, "Liberation Mono", "Lucida Console", monospace;
+  font-size: 0.85rem;
+  margin: 0 0.1rem;
+  padding: 0.1rem 0.45rem;
+}
+
+small code {
+  font-size: 90%;
+}
+
+pre {
+  background: var(--code-background);
+  border-radius: 5px;
+  box-shadow: 2px 2px var(--shadow);
+  font-size: var(--small);
+  overflow-x: auto;
+  padding: 0.5rem 1rem;
+  color: var(--code);
+}
+
+pre code {
+  box-shadow: unset;
+  padding: 0;
+}