diff --git a/static/backgrounds/IMG_3411.JPG b/static/backgrounds/IMG_3411.JPG deleted file mode 100644 index 38aa702..0000000 Binary files a/static/backgrounds/IMG_3411.JPG and /dev/null differ diff --git a/static/backgrounds/Screenshot 2026-02-15 at 7.38.23 AM.png b/static/backgrounds/Screenshot 2026-02-15 at 7.38.23 AM.png deleted file mode 100644 index 5a8c5e5..0000000 Binary files a/static/backgrounds/Screenshot 2026-02-15 at 7.38.23 AM.png and /dev/null differ diff --git a/static/backgrounds/ashim-d-silva-WeYamle9fDM-unsplash.jpg b/static/backgrounds/ashim-d-silva-WeYamle9fDM-unsplash.jpg new file mode 100644 index 0000000..5bec0fc Binary files /dev/null and b/static/backgrounds/ashim-d-silva-WeYamle9fDM-unsplash.jpg differ diff --git a/static/backgrounds/breno-machado-in9-n0JwgZ0-unsplash.jpg b/static/backgrounds/breno-machado-in9-n0JwgZ0-unsplash.jpg new file mode 100644 index 0000000..4b85f8a Binary files /dev/null and b/static/backgrounds/breno-machado-in9-n0JwgZ0-unsplash.jpg differ diff --git a/static/backgrounds/buzz-andersen-E4944K_4SvI-unsplash.jpg b/static/backgrounds/buzz-andersen-E4944K_4SvI-unsplash.jpg new file mode 100644 index 0000000..413664d Binary files /dev/null and b/static/backgrounds/buzz-andersen-E4944K_4SvI-unsplash.jpg differ diff --git a/static/backgrounds/guitar-island-3840x2160-25355.jpg b/static/backgrounds/guitar-island-3840x2160-25355.jpg new file mode 100644 index 0000000..88a8985 Binary files /dev/null and b/static/backgrounds/guitar-island-3840x2160-25355.jpg differ diff --git a/static/backgrounds/jonatan-pie-h8nxGssjQXs-unsplash.jpg b/static/backgrounds/jonatan-pie-h8nxGssjQXs-unsplash.jpg new file mode 100644 index 0000000..b35805f Binary files /dev/null and b/static/backgrounds/jonatan-pie-h8nxGssjQXs-unsplash.jpg differ diff --git a/static/backgrounds/luca-bravo-ii5JY_46xH0-unsplash.jpg b/static/backgrounds/luca-bravo-ii5JY_46xH0-unsplash.jpg new file mode 100644 index 0000000..1aa853d Binary files /dev/null and b/static/backgrounds/luca-bravo-ii5JY_46xH0-unsplash.jpg differ diff --git a/static/backgrounds/pexels-abdghat-1631677.jpg b/static/backgrounds/pexels-abdghat-1631677.jpg new file mode 100644 index 0000000..44ba112 Binary files /dev/null and b/static/backgrounds/pexels-abdghat-1631677.jpg differ diff --git a/static/backgrounds/pexels-andre-furtado-43594-370717.jpg b/static/backgrounds/pexels-andre-furtado-43594-370717.jpg new file mode 100644 index 0000000..9bb1a7e Binary files /dev/null and b/static/backgrounds/pexels-andre-furtado-43594-370717.jpg differ diff --git a/static/backgrounds/pexels-apasaric-325185.jpg b/static/backgrounds/pexels-apasaric-325185.jpg new file mode 100644 index 0000000..93e5705 Binary files /dev/null and b/static/backgrounds/pexels-apasaric-325185.jpg differ diff --git a/static/backgrounds/pexels-bess-hamiti-83687-36764.jpg b/static/backgrounds/pexels-bess-hamiti-83687-36764.jpg new file mode 100644 index 0000000..2611aa0 Binary files /dev/null and b/static/backgrounds/pexels-bess-hamiti-83687-36764.jpg differ diff --git a/static/backgrounds/pexels-jplenio-2080960.jpg b/static/backgrounds/pexels-jplenio-2080960.jpg new file mode 100644 index 0000000..56a7d70 Binary files /dev/null and b/static/backgrounds/pexels-jplenio-2080960.jpg differ diff --git a/static/backgrounds/pexels-mustang-2179483.jpg b/static/backgrounds/pexels-mustang-2179483.jpg new file mode 100644 index 0000000..c9290dd Binary files /dev/null and b/static/backgrounds/pexels-mustang-2179483.jpg differ diff --git a/static/backgrounds/pexels-philippedonn-1114690.jpg b/static/backgrounds/pexels-philippedonn-1114690.jpg new file mode 100644 index 0000000..bedcf3e Binary files /dev/null and b/static/backgrounds/pexels-philippedonn-1114690.jpg differ diff --git a/static/css/style.css b/static/css/style.css index a96401a..f9f1af1 100644 --- a/static/css/style.css +++ b/static/css/style.css @@ -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; } }