JakeBreath/NoN-Site
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

annoucment logic implemented, fixing looks

Browse Source
This commit is contained in:
JakeBreath
2026-08-05 15:50:32 -05:00
parent c163271a04
commit f5954247fc
22 changed files with 1020 additions and 18 deletions
Download Patch File Download Diff File Expand all files Collapse all files
nonpacks/static/css/style.css
+85 -17
View File
@@ -1516,23 +1516,6 @@ a.deletelink {
align-items: stretch;
margin-bottom: 28px;
}
.home-placeholder {
background: var(--md-sys-color-surface);
border: 1px dashed var(--md-sys-color-outline-variant, #45475a);
border-radius: 16px;
padding: 24px 28px;
display: flex;
flex-direction: column;
justify-content: center;
text-align: center;
gap: 8px;
}
.home-placeholder h2 {
font-size: 1.1rem;
color: var(--md-sys-color-on-surface);
margin: 0;
}
.home-placeholder h2 i { color: var(--md-sys-color-primary); }
.home-placeholder-text {
color: var(--md-sys-color-on-surface-variant, #a6adc8);
font-size: 0.85rem;
@@ -1618,7 +1601,9 @@ a.deletelink {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
gap: 4px;
flex: 1;
border: 1px solid var(--md-sys-color-outline);
}
.stat-card i {
@@ -3777,3 +3762,86 @@ a.deletelink {
.stats-toolbar { display: flex; align-items: center; gap: 0.75rem; margin-top: 0.5rem; flex-wrap: wrap; }
.stats-updated { color: var(--md-sys-color-on-surface-variant, #a6adc8); font-size: 0.8rem; }
.stats-error { color: var(--ctp-mocha-red); font-size: 0.8rem; }
/* Announcements */
.announce-detail { display: flex; flex-direction: column; gap: 20px; }
.home-placeholder {
background: var(--md-sys-color-surface);
border: 1px dashed var(--md-sys-color-outline-variant, #45475a);
border-radius: 16px;
padding: 16px 18px;
display: flex;
flex-direction: column;
justify-content: center;
text-align: center;
gap: 6px;
}
.home-placeholder h2 {
font-size: 0.95rem;
color: var(--md-sys-color-on-surface);
margin: 0;
text-align: left;
}
.home-placeholder h2 i { color: var(--md-sys-color-primary); }
.announce-panel {
display: flex; flex-direction: column; gap: 0.3rem;
max-height: 220px; overflow-y: auto; text-align: left;
}
.announce-item {
display: flex; align-items: baseline; justify-content: space-between;
gap: 0.5rem; padding: 0.22rem 0.45rem; border-radius: 6px;
background: var(--md-sys-color-surface-variant, #45475a);
font-size: 0.78rem; line-height: 1.3;
}
.announce-item a {
overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
color: var(--md-sys-color-on-surface, #cdd6f4);
}
.announce-item.announce-unread { outline: 1px solid var(--md-sys-color-primary, #89b4fa); }
.announce-meta {
color: var(--md-sys-color-on-surface-variant, #a6adc8);
font-size: 0.68rem; white-space: nowrap; flex-shrink: 0;
}
.announce-more {
display: inline-block; margin-top: 0.4rem; font-size: 0.75rem;
color: var(--md-sys-color-primary, #89b4fa);
}
.announce-subhead { margin-top: 0.8rem; }
.announce-badge {
display: inline-block; min-width: 1.1rem; text-align: center;
background: var(--ctp-mocha-red); color: #fff; border-radius: 999px;
font-size: 0.7rem; padding: 1px 5px; margin-left: 0.3rem;
}
.announce-actions {
display: flex; align-items: center; justify-content: space-between;
gap: 0.5rem; margin-top: 0.1rem; flex-wrap: wrap;
}
.announce-actions .announce-more { margin-top: 0; }
.announce-list { display: flex; flex-direction: column; gap: 1rem; }
.announce-card h1, .announce-card h2 { margin-top: 0; }
.announce-card h2 a { color: var(--md-sys-color-on-surface, #cdd6f4); }
.announce-excerpt { color: var(--md-sys-color-on-surface-variant, #a6adc8); font-size: 0.9rem; }
.announce-admin { display: flex; gap: 0.5rem; margin-top: 1rem; }
.announce-form { max-width: 720px; }
.announce-form textarea { width: 100%; }
.announce-form-actions { display: flex; gap: 0.5rem; margin-top: 1rem; }
.form-input {
width: 100%; padding: 0.55rem 0.7rem; border-radius: 8px;
border: 1px solid var(--md-sys-color-outline-variant, #45475a);
background: var(--md-sys-color-surface, #1e1e2e);
color: var(--md-sys-color-on-surface, #cdd6f4); font-family: inherit;
}
.form-textarea {
width: 100%; padding: 0.55rem 0.7rem; border-radius: 8px;
border: 1px solid var(--md-sys-color-outline-variant, #45475a);
background: var(--md-sys-color-surface, #1e1e2e);
color: var(--md-sys-color-on-surface, #cdd6f4); font-family: inherit;
}
.notify-list { list-style: none; margin: 0; padding: 0; }
.notify-item {
padding: 0.6rem 0.5rem; border-bottom: 1px solid var(--md-sys-color-outline-variant, #45475a);
font-size: 0.85rem;
}
.notify-item:last-child { border-bottom: none; }
.notify-item.notify-unread { background: var(--md-sys-color-surface-variant, #45475a); border-radius: 8px; }
.notify-new { color: var(--ctp-mocha-red); font-weight: 600; }