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

homepage: icon swaps, clickable tiles, down pulse, header nav, compaction callout

Browse Source 
- Icons: Copyparty -> improvised amber folder, Marreta -> crumbling
  wall (bricks + red crack), Calibre-Web -> book, OpenWebUI -> official
  logo.png from openwebui.com, Seerr -> official seerr.dev
  os_logo_filled.svg.
- Tiles with an open link are clickable whole (.panel.clickable: hover
  lift + glow; inner link clicks pass through).
- Any DOWN panel (app tile or model card) gets a red gradient wash and a
  slow pulsing glow (.panel.down, .mi-card:has(.badge.down)).
- docs / admin / account-settings buttons moved from the footer to the
  header (nav.top-links); footer keeps the deployment stamp.
- Zealot compaction advice promoted from the Use paragraph to a bordered
  glowing model.compaction callout (.mi-comp); component seam pinned to
  the new field.
This commit is contained in:
Frank committed 2026-10-08 03:37:13 -07:00
1 parent c1e192df00
commit 22a7331100
11 files changed
+78 -18
Download Patch File Download Diff File Expand all files Collapse all files

No files matched your search

shared/homepage/style.css
+25 -3
View File
@@ -71,6 +71,26 @@ body::before {
}
.panel { border: 1px solid var(--border); background: var(--panel); padding: 12px 14px; border-radius: 2px; }
.panel.clickable { cursor: pointer; transition: border-color 0.15s, box-shadow 0.15s, transform 0.15s; }
.panel.clickable:hover {
border-color: var(--link);
box-shadow: 0 0 14px color-mix(in srgb, var(--link) 35%, transparent);
transform: translateY(-2px);
}
.panel.down {
background: linear-gradient(180deg,
color-mix(in srgb, var(--down) 12%, var(--panel)), var(--panel));
animation: down-pulse 3.2s ease-in-out infinite;
}
@keyframes down-pulse {
50% { border-color: color-mix(in srgb, var(--down) 70%, var(--border));
box-shadow: 0 0 16px color-mix(in srgb, var(--down) 40%, transparent); }
}
.mi-card:has(.badge.down) {
background: linear-gradient(180deg,
color-mix(in srgb, var(--down) 12%, var(--panel)), var(--panel));
animation: down-pulse 3.2s ease-in-out infinite;
}
.panel-head { display: flex; align-items: center; gap: 8px; }
.panel-head .name { flex: 1; }
.app-art {
@@ -108,6 +128,8 @@ body::before {
justify-content: space-between;
}
.foot a { color: var(--link); text-decoration: none; }
.top-links { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; }
.top .foot-btn { color: var(--link); text-decoration: none; }
.foot-links { display: flex; gap: 10px; flex-wrap: wrap; }
.foot-btn {
border: 1px solid var(--link);
@@ -235,9 +257,9 @@ html[data-bare="1"] .mi-card { border-color: #000; box-shadow: none; background:
html[data-bare="1"] .mi-art { display: none; }
html[data-bare="1"] .mi-name { color: #000; text-shadow: none; }
html[data-bare="1"] .mi-voice { color: #000; text-decoration: underline; }
html[data-bare="1"] .mi-role, html[data-bare="1"] .mi-spec, html[data-bare="1"] .mi-use,
html[data-bare="1"] .mi-role, html[data-bare="1"] .mi-spec, html[data-bare="1"] .mi-use, html[data-bare="1"] .mi-comp,
html[data-bare="1"] .mi-inputs, html[data-bare="1"] .mi-equiv, html[data-bare="1"] .mi-super,
html[data-bare="1"] .mi-warn { color: #000; }
html[data-bare="1"] .app-art { display: none; }
html[data-bare="1"] .svc-warn, html[data-bare="1"] .mi-perm { color: #000; border: none; text-shadow: none; padding: 0; }
html[data-bare="1"] .mi-perm { border: 1px solid #000; }
html[data-bare="1"] .svc-warn, html[data-bare="1"] .mi-perm, html[data-bare="1"] .mi-comp { color: #000; border: none; text-shadow: none; padding: 0; }
html[data-bare="1"] .mi-perm, html[data-bare="1"] .mi-comp { border: 1px solid #000; }