esef/website
1
0 Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Replace Bot Status tab with the VEGA status page

Browse Source 
The Status tab embeds status.userevolt.app (VEGA) in an iframe that loads
on first open, with a VEGA-coloured top bar. Old /yuukabot links go to
/status. Removes the Firebase bot dashboard (yuukabot.js/css).

Co-Authored-By: Claude Opus 5.5 <[email protected]>
This commit is contained in:
esefandClaude Opus 5.5 committed 2026-10-10 15:20:26 +03:00
1 parent 26b97923e2
commit 59d226f283
5 files changed
+49 -323
Download Patch File Download Diff File Expand all files Collapse all files

No files matched your search

style/styles.css
+35 -1
View File
@@ -91,6 +91,19 @@ html, body {
transition: border-color 0.4s ease, color 0.4s ease;
}
/* status theme (VEGA colours) */
#top-line.status-theme {
background-color: #03070b;
border-bottom: 1px solid rgba(75, 187, 232, .28);
}
#top-line.status-theme #nav-tabs button {
border-bottom-color: #4bbbe8;
border-left-color: #4bbbe8;
border-right-color: #4bbbe8;
color: #a6e4ff;
transition: border-color 0.4s ease, color 0.4s ease;
}
h1 {
font-size: 3rem;
color: #000000;
@@ -186,7 +199,8 @@ img {
#nav-tabs button,
#top-line.cal-theme #nav-tabs button,
#top-line.bucketlist-theme #nav-tabs button {
#top-line.bucketlist-theme #nav-tabs button,
#top-line.status-theme #nav-tabs button {
width: 100%;
margin: 0;
padding: 12px 24px;
@@ -205,6 +219,7 @@ img {
}
#top-line.cal-theme #nav-tabs button:hover { border-left-color: #FBC4CC; }
#top-line.bucketlist-theme #nav-tabs button:hover { border-left-color: #B84457; }
#top-line.status-theme #nav-tabs button:hover { border-left-color: #4bbbe8; }
/* keep the video centered on tall screens */
#background-video,
@@ -221,3 +236,22 @@ img {
h1 { font-size: 2.2rem; }
p { font-size: 1.2rem; }
}
/* status tab: VEGA page fills everything under the top line */
#status { padding: 0; }
#status-frame {
position: fixed;
top: 115px;
left: 0;
width: 100%;
height: calc(100% - 115px);
border: 0;
background: #05080c;
}
@media (max-width: 900px) {
#status-frame {
top: 56px;
height: calc(100% - 56px);
}
}