2.6
New Logo Updated cache system now 15/30mins but scope updates every minute Font update
This commit is contained in:
+22
-16
@@ -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
@@ -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 */
|
||||
|
||||
@@ -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) ────────── */
|
||||
|
||||
|
||||
Reference in New Issue
Block a user