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

Increase font sizes and make text bolder for better readability

Browse Source 
- Increased time display from 3rem to 4.5rem with font-weight 600
- Increased date from 1.1rem to 1.6rem with font-weight 500
- Increased current temperature from 2rem to 3rem with font-weight 600
- Increased weather labels from 0.85rem to 1.2rem with font-weight 600
- Increased weather icons from 1.8rem to 2.5rem
- Increased forecast icons from 1.5rem to 2.2rem
- Increased forecast temps from 0.9rem to 1.3rem with high temps at font-weight 700
- Increased section headers from 1.3rem to 2rem with font-weight 700
- Increased day names from 1rem to 1.5rem with font-weight 700
- Increased day dates from 0.85rem to 1.2rem with font-weight 600
- Increased event times from 0.75rem to 1.1rem with font-weight 700
- Increased event titles from 0.9rem to 1.3rem with font-weight 600
- Increased event locations from 0.85rem to 1.1rem with font-weight 500
- Increased joke text from 0.9rem to 1.3rem with font-weight 500
- Added new background images
- Removed old background images

Co-Authored-By: Claude Sonnet 4.5 <noreply@anthropic.com>
This commit is contained in:
Luwig Mey
2026-02-16 22:22:42 +13:00
parent c5ae7cdd96
commit 11adc10c34
16 changed files with 34 additions and 28 deletions
Download Patch File Download Diff File Expand all files Collapse all files

62
static/css/style.css
View File

@@ -66,15 +66,15 @@ body {
}
.time {
font-size: 3rem;
font-weight: 300;
font-size: 4.5rem;
font-weight: 600;
line-height: 1;
text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
}
.date {
font-size: 1.1rem;
font-weight: 300;
font-size: 1.6rem;
font-weight: 500;
margin-top: 0.3rem;
opacity: 0.9;
text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
@@ -94,20 +94,21 @@ body {
}
.weather-label {
font-size: 0.85rem;
font-size: 1.2rem;
font-weight: 600;
opacity: 0.8;
text-transform: uppercase;
letter-spacing: 0.05em;
}
.current-temp {
font-size: 2rem;
font-weight: 300;
font-size: 3rem;
font-weight: 600;
text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
}
.weather-icon {
font-size: 1.8rem;
font-size: 2.5rem;
}
.header-forecast {
@@ -123,17 +124,17 @@ body {
}
.forecast-icon {
font-size: 1.5rem;
font-size: 2.2rem;
}
.forecast-temps {
display: flex;
gap: 0.3rem;
font-size: 0.9rem;
font-size: 1.3rem;
}
.forecast-temps .high {
font-weight: 500;
font-weight: 700;
}
.forecast-temps .low {
@@ -157,8 +158,8 @@ section {
}
section h2 {
font-size: 1.3rem;
font-weight: 400;
font-size: 2rem;
font-weight: 700;
margin-bottom: 0.8rem;
text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
}
@@ -264,13 +265,14 @@ section h3 {
}
.day-name {
font-size: 1rem;
font-weight: 500;
font-size: 1.5rem;
font-weight: 700;
text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
}
.day-date {
font-size: 0.85rem;
font-size: 1.2rem;
font-weight: 600;
opacity: 0.8;
margin-top: 0.2rem;
}
@@ -284,7 +286,8 @@ section h3 {
}
.no-events {
font-size: 0.85rem;
font-size: 1.2rem;
font-weight: 500;
opacity: 0.5;
font-style: italic;
padding: 0.5rem;
@@ -299,20 +302,22 @@ section h3 {
}
.event-time {
font-size: 0.75rem;
font-weight: 500;
font-size: 1.1rem;
font-weight: 700;
margin-bottom: 0.2rem;
color: #4a9eff;
}
.event-title {
font-size: 0.9rem;
font-size: 1.3rem;
font-weight: 600;
margin-bottom: 0.2rem;
line-height: 1.2;
}
.event-location {
font-size: 0.85rem;
font-size: 1.1rem;
font-weight: 500;
opacity: 0.7;
font-style: italic;
}
@@ -333,7 +338,8 @@ section h3 {
}
.joke {
font-size: 0.9rem;
font-size: 1.3rem;
font-weight: 500;
font-style: italic;
text-align: center;
opacity: 0.9;
@@ -362,19 +368,19 @@ section h3 {
/* Responsive adjustments for smaller screens */
@media (max-width: 1200px) {
.time {
font-size: 4rem;
font-size: 5rem;
}
.date {
font-size: 1.5rem;
font-size: 2rem;
}
.current-temp {
font-size: 3rem;
font-size: 4rem;
}
section h2 {
font-size: 1.6rem;
font-size: 2.5rem;
}
}
@@ -384,10 +390,10 @@ section h3 {
}
.time {
font-size: 3rem;
font-size: 4rem;
}
.current-temp {
font-size: 2.5rem;
font-size: 3.5rem;
}
}