New Logo
Updated cache system now 15/30mins but scope updates every minute
Font update
This commit is contained in:
fraxle
2026-06-04 14:07:34 +01:00
parent efc9b0eed9
commit ede875f0d0
100 changed files with 231 additions and 106 deletions
+22 -16
View File
@@ -1,6 +1,5 @@
/* ── SELF-HOSTED FONTS ───────────────────────────────────────────────── */
@font-face { font-family: 'Manrope'; font-style: normal; font-weight: 600; font-display: swap; src: url('../fonts/manrope-600.woff2') format('woff2'); }
@font-face { font-family: 'Manrope'; font-style: normal; font-weight: 700; font-display: swap; src: url('../fonts/manrope-700.woff2') format('woff2'); }
@font-face { font-family: 'Manrope'; font-style: normal; font-weight: 200 800; font-display: swap; src: url('../fonts/manrope-variable.woff2') format('woff2'); }
@font-face { font-family: 'Fraunces'; font-style: normal; font-weight: 700; font-display: swap; src: url('../fonts/fraunces-700-normal.woff2') format('woff2'); }
@font-face { font-family: 'Fraunces'; font-style: normal; font-weight: 900; font-display: swap; src: url('../fonts/fraunces-900-normal.woff2') format('woff2'); }
@font-face { font-family: 'Fraunces'; font-style: italic; font-weight: 300; font-display: swap; src: url('../fonts/fraunces-300-italic.woff2') format('woff2'); }
@@ -127,28 +126,35 @@ body {
.nav-logo {
display: none;
}
.nav-logo-sun {
font-family: Fraunces, serif;
font-weight: 900;
font-size: 2.1rem;
color: #c8922a;
letter-spacing: -0.02em;
.nav-logo-wordmark {
display: flex;
align-items: center;
gap: 0.05em;
}
.nav-logo-sun,
.nav-logo-scope {
font-family: Fraunces, serif;
font-style: italic;
font-weight: 300;
font-family: Manrope, sans-serif;
font-weight: 250;
font-size: 2.1rem;
color: #1e1208;
letter-spacing: -0.02em;
letter-spacing: -0.01em;
}
.nav-logo-icon {
width: 1.65rem;
height: 1.65rem;
color: #1e1208;
flex-shrink: 0;
}
.nav-logo-tag {
display: block;
font-family: Fraunces, serif;
font-style: italic;
font-size: 11px;
font-family: Manrope, sans-serif;
font-style: normal;
font-weight: 600;
font-size: 8px;
letter-spacing: 0.12em;
text-transform: uppercase;
color: #7a5c2a;
margin-top: 2px;
margin-top: 3px;
}
/* Desktop: overlay hidden */
+26 -21
View File
@@ -49,36 +49,41 @@
justify-content: center;
}
/* The big "SUNScope" wordmark */
/* The big "SunScope" wordmark */
.utci-title {
font-family: Fraunces, serif;
font-weight: 900;
font-variation-settings: "opsz" 144;
font-size: clamp(48px, 6vw, 80px); /* responsive — scales with viewport */
line-height: 0.9;
letter-spacing: -0.03em;
font-family: Manrope, sans-serif;
font-weight: 250;
font-size: clamp(48px, 6vw, 80px);
line-height: 1;
letter-spacing: -0.01em;
color: #1e1208;
display: flex;
align-items: center;
gap: 0.05em;
}
.utci-title .title-sun,
.utci-title .title-scope {
color: #1e1208;
}
.utci-title .title-sun { /* "SUN" — bold + brass */
color: #c8922a;
font-weight: 900;
font-style: normal;
}
.utci-title .title-scope { /* "Scope" — italic light, matching about page */
font-style: italic;
font-weight: 300;
.title-icon {
width: 0.82em;
height: 0.82em;
color: #1e1208;
flex-shrink: 0;
}
/* "See the sun the way..." */
/* "See the world the way..." */
.utci-tagline {
font-family: Fraunces, serif;
font-style: italic;
font-size: 17px;
font-family: Manrope, sans-serif;
font-style: normal;
font-weight: 600;
font-size: 11px;
letter-spacing: 0.12em;
text-transform: uppercase;
color: #7a5c2a;
margin-top: 14px;
margin-top: 12px;
}
/* "↳ Location, Somewhere" + the magnifier that reveals the search */
+10
View File
@@ -875,6 +875,16 @@
margin: 0.3rem 0 0;
letter-spacing: 0.03em;
}
.utci-fetch-time.is-stale {
opacity: 0.75;
color: #a06e18;
}
.stale-dot {
font-size: 0.5rem;
color: #c8922a;
vertical-align: middle;
line-height: 1;
}
/* ── 10. LEGEND (thermal-stress band colours at the bottom) ────────── */