feat: update prism-window styles for better code display and add tocb…

.github/workflows/deploy-theme.yaml

@@ -11,7 +11,7 @@ jobs:
     if: ${{ github.event_name == 'push' && github.actor == 'ngeorger' || github.event_name == 'workflow_dispatch' && github.actor == 'ngeorger' }}
     runs-on: ubuntu-latest
     steps:
-      - uses: actions/checkout@9c091bb21b7c1c1d1991bb908d89e4e9dddfe3e0 # v5.0.1
+      - uses: actions/checkout@9c091bb21b7c1c1d1991bb908d89e4e9dddfe3e0 # v7
         name: Checkout Repository
 
       - name: Deploy Ghost Theme to website

README.md

@@ -7,22 +7,11 @@
 [![Node Engine](https://img.shields.io/badge/Node-%3E%3D22-green)](https://nodejs.org)
 
 ---
-# v2 To Do:
-
-- Improvements into Homepage content blocks/sections [X]
-- Display improvements and fixes for HTML elements to be displayed responsively in posts/pages, like tables [X]
-- Fix primary navigation breaking in mobile views [ ]
-— featured-post hero added to `home.hbs`, `home-es.hbs`, `home-en.hbs`, `home-br.hbs` via `{{#get}}` [X]
-- Update and migrate templates to the new design:
-  - `page.hbs` [X]
-  - `page-recommendations.hbs` [X]
-  - `page-tags.hbs` [X]
-  - `tag.hbs` [X]
-  - `custom-notocbot.hbs` [X]
-  - `author.hbs` [X]
-  - `home-en.hbs` [X]
-  - `home-br.hbs` [X]
-- Cleanup unused code [X] — removed orphaned `posts-list.hbs`, `tags-nav.hbs`, `icons.hbs`, `navigation.hbs` partials
+
+## v2 To Do
+
+- Fix primary menu navigation, breaking in mobile views and small screens []
+- Improve responsive design for secondary navigation elements []
 
 ### Known issues (tracked separately, not prioritized)
 - `home-br.hbs` inherits `default.hbs` (English shell, `lang="en"`) — there's no `default-br.hbs` yet, so `/br/` pages don't get proper `lang="pt"`/OG-locale metadata despite `locales/pt.json` existing. Needs a dedicated Portuguese layout shell per the multi-locale pattern documented above.

assets/css/prism-window.css

@@ -15,7 +15,8 @@ pre[class*="language-"] {
     border: 1px solid #2a2c35 !important;
     position: relative !important;
     padding: 48px 16px 16px 16px !important;
-    overflow: hidden !important;
+    overflow-y: hidden !important;
+    overflow-x: auto !important;
     margin-bottom: 2rem !important;
     box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.3) !important;
 }
@@ -66,5 +67,5 @@ pre.line-numbers .line-numbers-rows {
 }
 
 code,kbd,pre,samp {
-    font-size: 0.8rem !important;
+    font-size: 1rem !important;
 }

assets/css/tocbot.css

@@ -0,0 +1,60 @@
+.toc {
+  overflow-y: auto
+}
+
+.toc>.toc-list {
+  overflow: hidden;
+  position: relative
+}
+
+.toc>.toc-list li {
+  list-style: none
+}
+
+.toc-list {
+  margin: 0;
+  padding-left: 10px
+}
+
+a.toc-link {
+  color: currentColor;
+  height: 100%
+}
+
+.is-collapsible {
+  max-height: 1000px;
+  overflow: hidden;
+  transition: all 300ms ease-in-out
+}
+
+.is-collapsed {
+  max-height: 0
+}
+
+.is-collapsed:has(:focus) {
+  max-height: 1000px
+}
+
+.is-position-fixed {
+  position: fixed !important;
+  top: 0
+}
+
+.is-active-link {
+  font-weight: 700
+}
+
+.toc-link::before {
+  background-color: #eee;
+  content: " ";
+  display: inline-block;
+  height: inherit;
+  left: 0;
+  margin-top: -1px;
+  position: absolute;
+  width: 2px
+}
+
+.is-active-link::before {
+  background-color: #54bc4b
+}