From 0bbf6661f28d6eff112d4afa9f5265511ee6c8d6 Mon Sep 17 00:00:00 2001
From: Shravan Goswami <shravanngoswamii@gmail.com>
Date: Sun, 27 Apr 2025 11:05:37 +0530
Subject: [PATCH 1/2] updated libraries page

---
 library/index.qmd       | 79 +++++++++++++++++++++++++++++++++++++++--
 library/main.yml        |  5 +--
 library/table.ejs       | 22 ++++++++----
 theming/theme-dark.scss | 33 +++++++++++++++++
 4 files changed, 128 insertions(+), 11 deletions(-)

diff --git a/library/index.qmd b/library/index.qmd
index f5bf26d8b..348f69bac 100644
--- a/library/index.qmd
+++ b/library/index.qmd
@@ -3,8 +3,83 @@ title: "Turing Libraries"
 search: false
 toc: false
 include-in-header:
-    - text: |
-        <style>a {text-decoration: none;}a:hover {text-decoration: underline;}</style>
+  - text: |
+      <style>
+        /* links */
+        a { text-decoration: none; }
+        a:hover { text-decoration: underline; }
+      </style>
+
+      <style>
+        /* responsive wrapper */
+        .table-responsive {
+          overflow-x: auto;
+          margin-bottom: 1rem;
+        }
+
+        /* default (light-mode) table styling */
+        .packages-table {
+          width: 100%;
+          border-collapse: collapse;
+          background-color: #ffffff;
+          color: #212529;
+        }
+        .packages-table th,
+        .packages-table td {
+          padding: 0.75rem 1rem;
+          text-align: left;
+          border-bottom: 1px solid #eee;
+        }
+        .packages-table thead {
+          background-color: #f8f8f8;
+        }
+        .packages-table tbody tr:nth-child(odd) {
+          background-color: #fafafa;
+        }
+        .packages-table tbody tr:hover {
+          background-color: #eef9ff;
+        }
+        .packages-table th {
+          font-weight: 600;
+        }
+
+        /* deprecated badge */
+        .badge.deprecated {
+          display: inline-block;
+          margin-left: 0.5em;
+          padding: 0.2em 0.4em;
+          font-size: 0.75em;
+          font-weight: 600;
+          color: #721c24;
+          background-color: #f8d7da;
+          border-radius: 0.2em;
+        }
+      </style>
+
+      <style>
+        /* dark-mode overrides, tied to Quarto’s theme toggle */
+        html[data-theme="dark"] .packages-table {
+          background-color: #131818;
+          color: #bcbcbc;
+        }
+        html[data-theme="dark"] .packages-table th,
+        html[data-theme="dark"] .packages-table td {
+          border-bottom-color: #495057;
+        }
+        html[data-theme="dark"] .packages-table thead {
+          background-color: #373a3c;
+        }
+        html[data-theme="dark"] .packages-table tbody tr:nth-child(odd) {
+          background-color: #1c1c1c;
+        }
+        html[data-theme="dark"] .packages-table tbody tr:hover {
+          background-color: #25343d;
+        }
+        html[data-theme="dark"] .badge.deprecated {
+          color: #f8d7da;
+          background-color: #721c24;
+        }
+      </style>
 listing:
   - id: libraries-main
     template: table.ejs
diff --git a/library/main.yml b/library/main.yml
index 5af4ecd8e..96c8e79c5 100644
--- a/library/main.yml
+++ b/library/main.yml
@@ -83,10 +83,11 @@
   description: "Convenient callbacks for sampling in Turing.jl"
   category: utilities
 - name: TuringBenchmarking
-  api: https://turinglang.org/TuringBenchmarking.jl/
-  github: https://github.com/TuringLang/TuringBenchmarking.jl
+  api: https://turinglang.org/deprecated/TuringBenchmarking/
+  github: https://github.com/TuringLang/deprecated/tree/main/TuringBenchmarking
   description: "Tools to benchmark and check Turing models"
   category: utilities
+  status: deprecated
 
 - name: MCMCChains
   api: https://turinglang.org/MCMCChains.jl/
diff --git a/library/table.ejs b/library/table.ejs
index 8fd036bfd..ad13b3904 100644
--- a/library/table.ejs
+++ b/library/table.ejs
@@ -1,14 +1,22 @@
-<table width="100%">
+<div class="table-responsive">
+<table class="packages-table">
+<thead>
+<tr>
+<th>Package</th>
+<th>API</th>
+<th>GitHub</th>
+<th>Description</th>
+</tr>
+</thead>
 <tbody>
 <% for (const item of items) { %>
 <tr>
-<td style="padding: 5px 5px 5px 0"><span style="font-weight: bold"><%- item.name %></span></td>
-<% if (item.api !== "") { %>
-<td style="padding: 5px 5px"><a href="<%- item.api %>" target="_blank">API</a></td>
-<% } %>
-<td style="padding: 5px 5px"><a href="<%- item.github %>" target="_blank">GitHub</a></td>
-<td style="padding: 5px 0 5px 5px"><%- item.description %></td>
+<td data-label="Package"><%- item.name %><% if(item.status==="deprecated"){ %><span class="badge deprecated">Deprecated</span><% } %></td>
+<td data-label="API"><% if(item.api){ %><a href="<%- item.api %>" target="_blank">API</a><% } else { %>—<% } %></td>
+<td data-label="GitHub"><a href="<%- item.github %>" target="_blank">GitHub</a></td>
+<td data-label="Description"><%- item.description %></td>
 </tr>
 <% } %>
 </tbody>
 </table>
+</div>
diff --git a/theming/theme-dark.scss b/theming/theme-dark.scss
index caa2c5b29..d58195ce5 100644
--- a/theming/theme-dark.scss
+++ b/theming/theme-dark.scss
@@ -137,3 +137,36 @@ p {
     --bs-tooltip-color: $black !important;
     --bs-tooltip-bg: $white !important;
 }
+
+// table background & text
+.packages-table {
+    background-color: $background-body !important;
+    color: $li !important;
+}
+
+// cell borders
+.packages-table th,
+.packages-table td {
+    border-bottom-color: $gray-700 !important;
+}
+
+// header row
+.packages-table thead {
+    background-color: $gray-800 !important;
+}
+
+// zebra stripes
+.packages-table tbody tr:nth-child(odd) {
+    background-color: darken($background-body, 5%) !important;
+}
+
+// hover state
+.packages-table tbody tr:hover {
+    background-color: lighten($background-nav, 5%) !important;
+}
+
+// “Deprecated” badge styling
+.badge.deprecated {
+    color: $white !important;
+    background-color: $red !important;
+}
\ No newline at end of file

From 348bb1f2787defab53cc82517f5d3f4e5b9d1383 Mon Sep 17 00:00:00 2001
From: Shravan Goswami <shravanngoswamii@gmail.com>
Date: Mon, 5 May 2025 12:47:17 +0530
Subject: [PATCH 2/2] Updated Libraries page look + added Deprecation label

---
 library/index.qmd       | 25 -------------------------
 library/main.yml        |  4 ++--
 theming/theme-dark.scss |  6 +++---
 3 files changed, 5 insertions(+), 30 deletions(-)

diff --git a/library/index.qmd b/library/index.qmd
index 348f69bac..f6cc00435 100644
--- a/library/index.qmd
+++ b/library/index.qmd
@@ -55,31 +55,6 @@ include-in-header:
           border-radius: 0.2em;
         }
       </style>
-
-      <style>
-        /* dark-mode overrides, tied to Quarto’s theme toggle */
-        html[data-theme="dark"] .packages-table {
-          background-color: #131818;
-          color: #bcbcbc;
-        }
-        html[data-theme="dark"] .packages-table th,
-        html[data-theme="dark"] .packages-table td {
-          border-bottom-color: #495057;
-        }
-        html[data-theme="dark"] .packages-table thead {
-          background-color: #373a3c;
-        }
-        html[data-theme="dark"] .packages-table tbody tr:nth-child(odd) {
-          background-color: #1c1c1c;
-        }
-        html[data-theme="dark"] .packages-table tbody tr:hover {
-          background-color: #25343d;
-        }
-        html[data-theme="dark"] .badge.deprecated {
-          color: #f8d7da;
-          background-color: #721c24;
-        }
-      </style>
 listing:
   - id: libraries-main
     template: table.ejs
diff --git a/library/main.yml b/library/main.yml
index 96c8e79c5..699c4286c 100644
--- a/library/main.yml
+++ b/library/main.yml
@@ -83,8 +83,8 @@
   description: "Convenient callbacks for sampling in Turing.jl"
   category: utilities
 - name: TuringBenchmarking
-  api: https://turinglang.org/deprecated/TuringBenchmarking/
-  github: https://github.com/TuringLang/deprecated/tree/main/TuringBenchmarking
+  api: https://turinglang.org/Deprecated/TuringBenchmarking/
+  github: https://github.com/TuringLang/Deprecated/tree/main/TuringBenchmarking
   description: "Tools to benchmark and check Turing models"
   category: utilities
   status: deprecated
diff --git a/theming/theme-dark.scss b/theming/theme-dark.scss
index d58195ce5..9c4361b91 100644
--- a/theming/theme-dark.scss
+++ b/theming/theme-dark.scss
@@ -147,17 +147,17 @@ p {
 // cell borders
 .packages-table th,
 .packages-table td {
-    border-bottom-color: $gray-700 !important;
+    border-bottom-color: $gray-900 !important;
 }
 
 // header row
 .packages-table thead {
-    background-color: $gray-800 !important;
+    background-color: $gray-900 !important;
 }
 
 // zebra stripes
 .packages-table tbody tr:nth-child(odd) {
-    background-color: darken($background-body, 5%) !important;
+    background-color: darken($gray-900, 5%) !important;
 }
 
 // hover state