franklin-update

_layout/head.html

@@ -18,6 +18,7 @@
 
         <!-- Content appended here -->
     </body>
+    <div class="debug-grid"></div>
     <script>
         function gridCellDimensions() {
             const element = document.createElement("div");

_layout/page_foot.html

@@ -6,5 +6,6 @@
     inspired by
     <a href="https://owickstrom.github.io/the-monospace-web/"
         >The Monospace Web</a
-    >.
+    >. Code for this website is available on
+    <a href="https://github.com/rdboyes/randy-pub">Github</a>.
 </div>

index.md

@@ -3,7 +3,7 @@
 <span style="color:#5BC5E2;">print</span>(Intro)
 ~~~
 
-I (Randy) am currently working as the Director of Analytics at [Presage Group Inc.](https://presagegroup.com/). I completed my Ph.D. in Epidemiology at Queen's University in 2023.
+"I (Randy) am currently working as the Director of Analytics at [Presage Group Inc.](https://presagegroup.com/). I completed my Ph.D. in Epidemiology at Queen's University in 2023. I live a "short" ferry ride away from Kingston, ON on Wolfe Island."
 
 ~~~
 <span style="color:#70C66B;">julia></span>
@@ -30,7 +30,7 @@ I (Randy) am currently working as the Director of Analytics at [Presage Group In
   <tr>
     <th class="width-min" scope = "row">2</th>
     <td>BlueSky</td>
-    <td><a href = "https://bsky.app/profile/rboyes.bsky.social">rboyes.bsky.social</a></td>
+    <td><a href = "https://bsky.app/profile/randy.pub">@randy.pub</a></td>
   </tr>
   <tr>
     <th class="width-min" scope = "row">3</th>

package.json

@@ -1,6 +1,5 @@
 {
   "dependencies": {
-    "bluesky-comments": "^0.4.0",
     "highlight.js": "^11.10.0"
   }
 }

posts/bsky-comments.js

@@ -163,14 +163,14 @@ class BskyComments extends HTMLElement {
     const style = document.createElement("style");
     style.textContent = `
       :host {
-        --text-color: #1185FE;
+        --text-color: white;
         --link-color: gray;
-        --link-hover-color: black;
-        --comment-meta-color: gray;
+        --link-hover-color: white;
+        --comment-meta-color: white;
         --error-color: red;
         --reply-border-color: #ccc;
-        --button-background-color: rgba(0,0,0,0.05);
-        --button-hover-background-color: rgba(0,0,0,0.1);
+        --button-background-color: white;
+        --button-hover-background-color: #1185FE;
         --author-avatar-border-radius: 100%;
       }
 
@@ -179,14 +179,15 @@ class BskyComments extends HTMLElement {
         padding: 1.2em;
         max-width: 720px;
         display: block;
-        background-color: var(--background-color);
+        background-color: #242635;
         color: var(--text-color);
       }
       .reply-info {
         font-size: 14px;
         color: var(--text-color);
       }
       #show-more {
+        text-color: white;
         margin-top: 10px;
         width: 100%;
         padding: 1em;