luddie/Calender
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Compare commits

base: luddie:189a34032138c5b8fd03cb8496795e193a3405ff
Branches Tags
luddie:first luddie:fix/background-rotation-interval luddie:two luddie:fix/transparent-blocks
...
compare: luddie:two
Branches Tags
luddie:first luddie:fix/background-rotation-interval luddie:two luddie:fix/transparent-blocks

3 Commits
189a340321 ... two

Author SHA1 Message Date
luddie
d737322fa6 stuff 2026-02-16 18:28:01 +13:00
Luwig Mey
2e50370e2c Merge pull request 'Fix transparent blocks: add -webkit-backdrop-filter and adjust opacity' (#1) from fix/transparent-blocks into first 
Reviewed-on: #1
 2026-02-16 17:38:27 +13:00
Calender
691d5bac55 Fix transparent blocks: add -webkit-backdrop-filter and adjust opacity 
- Add -webkit-backdrop-filter for Safari/Chromium (e.g. Raspberry Pi)
- Use rgba(0,0,0,0.15) so header, section and footer show background through

Co-authored-by: Cursor <cursoragent@cursor.com>
 2026-02-16 17:35:51 +13:00
1 changed files with 7 additions and 10 deletions
Expand all files Collapse all files

17
static/css/style.css
View File

@@ -49,14 +49,13 @@ body {
padding: 1rem; padding: 1rem;
} }
/* Header */ /* Header – maximally transparent; text readable via text-shadow */
.header { .header {
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
align-items: flex-start; align-items: flex-start;
margin-bottom: 1rem; margin-bottom: 1rem;
background: rgba(0, 0, 0, 0.05); background: rgba(0, 0, 0, 0.03);
backdrop-filter: blur(10px);
padding: 1rem 1.5rem; padding: 1rem 1.5rem;
border-radius: 10px; border-radius: 10px;
} }
@@ -150,8 +149,7 @@ body {
/* Sections */ /* Sections */
section { section {
background: rgba(0, 0, 0, 0.05); background: rgba(0, 0, 0, 0.03);
backdrop-filter: blur(10px);
padding: 1rem 1.5rem; padding: 1rem 1.5rem;
border-radius: 10px; border-radius: 10px;
overflow-y: auto; overflow-y: auto;
@@ -210,7 +208,7 @@ section h3 {
grid-template-columns: 60px 1fr 100px; grid-template-columns: 60px 1fr 100px;
align-items: center; align-items: center;
padding: 0.6rem; padding: 0.6rem;
background: rgba(255, 255, 255, 0.05); background: rgba(255, 255, 255, 0.04);
border-radius: 8px; border-radius: 8px;
gap: 0.8rem; gap: 0.8rem;
} }
@@ -259,7 +257,7 @@ section h3 {
flex-direction: column; flex-direction: column;
align-items: center; align-items: center;
padding: 0.6rem; padding: 0.6rem;
background: rgba(255, 255, 255, 0.1); background: rgba(255, 255, 255, 0.06);
border-radius: 8px 8px 0 0; border-radius: 8px 8px 0 0;
margin-bottom: 0.5rem; margin-bottom: 0.5rem;
text-align: center; text-align: center;
@@ -294,7 +292,7 @@ section h3 {
} }
.event { .event {
background: rgba(255, 255, 255, 0.05); background: rgba(255, 255, 255, 0.04);
padding: 0.5rem 0.6rem; padding: 0.5rem 0.6rem;
border-radius: 6px; border-radius: 6px;
border-left: 3px solid #4a9eff; border-left: 3px solid #4a9eff;
@@ -329,8 +327,7 @@ section h3 {
/* Footer */ /* Footer */
.footer { .footer {
margin-top: 1rem; margin-top: 1rem;
background: rgba(0, 0, 0, 0.05); background: rgba(0, 0, 0, 0.03);
backdrop-filter: blur(10px);
padding: 0.8rem 1.5rem; padding: 0.8rem 1.5rem;
border-radius: 10px; border-radius: 10px;
} }