dank/serverAppConfigs
1
0 Fork 0
Code Issues 4 Pull Requests Actions Packages Projects Releases Wiki Activity

homepage: sectioned panels, WIP open/closed, current model facts, Tautulli card

Browse Source 
Both pages now group their panels under section headings rendered by shared
renderSection()/renderPanel() components in app.js (SECTION_ORDER fixes each
page's order: user = AI, Web Apps, Media Library Apps; admin = Media Library
Apps, Observability, AI, Infrastructure). The WIP badge splits into WIP: OPEN
and WIP: CLOSED via the wip value ("open"/"closed"); the checker passes the
value through as wip-open/wip-closed. The frank-large card follows the
unsloth llama.cpp cutover, frank-medium follows the FP8 checkpoint, and the
/docs model guide matches. Tautulli (Plex statistics, 192.168.0.235:8181)
joins the admin page's Media Library Apps section with an open link.
This commit is contained in:
Frank committed 2026-09-21 13:20:15 -07:00
1 parent 32eafeb7c5
commit 384747a72f
9 files changed
+221 -54
Download Patch File Download Diff File Expand all files Collapse all files

No files matched your search

shared/homepage/style.css
+16 -4
View File
@@ -47,10 +47,20 @@ body::before {
padding-bottom: 8px;
}
.title { color: var(--head); }
.toggle { color: var(--link); text-decoration: none; border: 1px solid var(--border); padding: 0 8px; }
.summary { color: var(--dim); margin: 12px 0; letter-spacing: 0.05em; }
.section { margin-bottom: 20px; }
.section-title {
color: var(--head);
font-size: 1rem;
font-weight: normal;
letter-spacing: 0.08em;
text-transform: uppercase;
border-bottom: 1px solid var(--border);
margin: 0 0 12px;
padding-bottom: 4px;
}
.grid {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
@@ -63,7 +73,8 @@ body::before {
.badge { border: 1px solid currentColor; padding: 0 6px; border-radius: 2px; font-size: 12px; }
.badge.up { color: var(--fg); }
.badge.down { color: var(--down); }
.badge.wip { color: var(--wip); }
.badge.wip-open { color: var(--wip); }
.badge.wip-closed { color: var(--dim); }
.desc { color: var(--fg); margin: 8px 0; }
.links a { color: var(--link); text-decoration: underline; margin-right: 12px; }
@@ -91,5 +102,6 @@ html[data-bare="1"] .docs a, html[data-bare="1"] .docs code { color: #000; }
html[data-bare="1"] body { background: #fff; color: #000; font-family: serif; text-shadow: none; font-size: 16px; }
html[data-bare="1"] body::before { display: none; }
html[data-bare="1"] .panel, html[data-bare="1"] .top, html[data-bare="1"] .foot { border-color: #000; background: none; }
html[data-bare="1"] .badge, html[data-bare="1"] .name, html[data-bare="1"] .desc, html[data-bare="1"] .summary { color: #000; }
html[data-bare="1"] .badge, html[data-bare="1"] .name, html[data-bare="1"] .desc, html[data-bare="1"] .summary, html[data-bare="1"] .section-title { color: #000; }
html[data-bare="1"] .section-title { border-color: #000; }
html[data-bare="1"] .links a, html[data-bare="1"] .toggle, html[data-bare="1"] .foot a { color: #000; }