Skip to content

Commit 0bbf666

Browse files
shravanngoswamiishravanngoswamii
committed
updated libraries page
1 parent 1b06d23 commit 0bbf666

File tree

4 files changed

+128
-11
lines changed

4 files changed

+128
-11
lines changed

‎library/index.qmd‎

Lines changed: 77 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -3,8 +3,83 @@ title: "Turing Libraries"
33
search: false
44
toc: false
55
include-in-header:
6-
- text: |
7-
<style>a {text-decoration: none;}a:hover {text-decoration: underline;}</style>
6+
- text: |
7+
<style>
8+
/* links */
9+
a { text-decoration: none; }
10+
a:hover { text-decoration: underline; }
11+
</style>
12+
13+
<style>
14+
/* responsive wrapper */
15+
.table-responsive {
16+
overflow-x: auto;
17+
margin-bottom: 1rem;
18+
}
19+
20+
/* default (light-mode) table styling */
21+
.packages-table {
22+
width: 100%;
23+
border-collapse: collapse;
24+
background-color: #ffffff;
25+
color: #212529;
26+
}
27+
.packages-table th,
28+
.packages-table td {
29+
padding: 0.75rem 1rem;
30+
text-align: left;
31+
border-bottom: 1px solid #eee;
32+
}
33+
.packages-table thead {
34+
background-color: #f8f8f8;
35+
}
36+
.packages-table tbody tr:nth-child(odd) {
37+
background-color: #fafafa;
38+
}
39+
.packages-table tbody tr:hover {
40+
background-color: #eef9ff;
41+
}
42+
.packages-table th {
43+
font-weight: 600;
44+
}
45+
46+
/* deprecated badge */
47+
.badge.deprecated {
48+
display: inline-block;
49+
margin-left: 0.5em;
50+
padding: 0.2em 0.4em;
51+
font-size: 0.75em;
52+
font-weight: 600;
53+
color: #721c24;
54+
background-color: #f8d7da;
55+
border-radius: 0.2em;
56+
}
57+
</style>
58+
59+
<style>
60+
/* dark-mode overrides, tied to Quarto’s theme toggle */
61+
html[data-theme="dark"] .packages-table {
62+
background-color: #131818;
63+
color: #bcbcbc;
64+
}
65+
html[data-theme="dark"] .packages-table th,
66+
html[data-theme="dark"] .packages-table td {
67+
border-bottom-color: #495057;
68+
}
69+
html[data-theme="dark"] .packages-table thead {
70+
background-color: #373a3c;
71+
}
72+
html[data-theme="dark"] .packages-table tbody tr:nth-child(odd) {
73+
background-color: #1c1c1c;
74+
}
75+
html[data-theme="dark"] .packages-table tbody tr:hover {
76+
background-color: #25343d;
77+
}
78+
html[data-theme="dark"] .badge.deprecated {
79+
color: #f8d7da;
80+
background-color: #721c24;
81+
}
82+
</style>
883
listing:
984
- id: libraries-main
1085
template: table.ejs

‎library/main.yml‎

Lines changed: 3 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -83,10 +83,11 @@
8383
description: "Convenient callbacks for sampling in Turing.jl"
8484
category: utilities
8585
- name: TuringBenchmarking
86-
api: https://turinglang.org/TuringBenchmarking.jl/
87-
github: https://github.com/TuringLang/TuringBenchmarking.jl
86+
api: https://turinglang.org/deprecated/TuringBenchmarking/
87+
github: https://github.com/TuringLang/deprecated/tree/main/TuringBenchmarking
8888
description: "Tools to benchmark and check Turing models"
8989
category: utilities
90+
status: deprecated
9091

9192
- name: MCMCChains
9293
api: https://turinglang.org/MCMCChains.jl/

‎library/table.ejs‎

Lines changed: 15 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -1,14 +1,22 @@
1-
<table width="100%">
1+
<div class="table-responsive">
2+
<table class="packages-table">
3+
<thead>
4+
<tr>
5+
<th>Package</th>
6+
<th>API</th>
7+
<th>GitHub</th>
8+
<th>Description</th>
9+
</tr>
10+
</thead>
211
<tbody>
312
<% for (const item of items) { %>
413
<tr>
5-
<td style="padding: 5px 5px 5px 0"><span style="font-weight: bold"><%- item.name %></span></td>
6-
<% if (item.api !== "") { %>
7-
<td style="padding: 5px 5px"><a href="<%- item.api %>" target="_blank">API</a></td>
8-
<% } %>
9-
<td style="padding: 5px 5px"><a href="<%- item.github %>" target="_blank">GitHub</a></td>
10-
<td style="padding: 5px 0 5px 5px"><%- item.description %></td>
14+
<td data-label="Package"><%- item.name %><% if(item.status==="deprecated"){ %><span class="badge deprecated">Deprecated</span><% } %></td>
15+
<td data-label="API"><% if(item.api){ %><a href="<%- item.api %>" target="_blank">API</a><% } else { %>—<% } %></td>
16+
<td data-label="GitHub"><a href="<%- item.github %>" target="_blank">GitHub</a></td>
17+
<td data-label="Description"><%- item.description %></td>
1118
</tr>
1219
<% } %>
1320
</tbody>
1421
</table>
22+
</div>

‎theming/theme-dark.scss‎

Lines changed: 33 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -137,3 +137,36 @@ p {
137137
--bs-tooltip-color: $black !important;
138138
--bs-tooltip-bg: $white !important;
139139
}
140+
141+
// table background & text
142+
.packages-table {
143+
background-color: $background-body !important;
144+
color: $li !important;
145+
}
146+
147+
// cell borders
148+
.packages-table th,
149+
.packages-table td {
150+
border-bottom-color: $gray-700 !important;
151+
}
152+
153+
// header row
154+
.packages-table thead {
155+
background-color: $gray-800 !important;
156+
}
157+
158+
// zebra stripes
159+
.packages-table tbody tr:nth-child(odd) {
160+
background-color: darken($background-body, 5%) !important;
161+
}
162+
163+
// hover state
164+
.packages-table tbody tr:hover {
165+
background-color: lighten($background-nav, 5%) !important;
166+
}
167+
168+
// “Deprecated” badge styling
169+
.badge.deprecated {
170+
color: $white !important;
171+
background-color: $red !important;
172+
}

0 commit comments

Comments
 (0)