Skip to content

Commit 10c3246

Browse files
ModelizedModelized
authored
Website Update
1 parent a2d09a2 commit 10c3246

4 files changed

Lines changed: 7 additions & 145 deletions

File tree

‎docs/assets/css/style.css‎

Lines changed: 2 additions & 133 deletions
Original file line numberDiff line numberDiff line change
@@ -5,26 +5,19 @@
55
--container: 1180px;
66
--bg: #000000;
77
--bg-soft: #06070a;
8-
--surface: rgba(15, 18, 24, 0.78);
98
--surface-strong: rgba(17, 21, 28, 0.9);
109
--text: #f3f2ee;
1110
--muted: #a3a7b3;
1211
--line: rgba(243, 242, 238, 0.1);
1312
--line-strong: rgba(243, 242, 238, 0.18);
1413
--button-bg: #f3f2ee;
1514
--button-text: #111317;
16-
--highlight: rgba(255, 157, 77, 0.16);
17-
--highlight-strong: rgba(255, 157, 77, 0.3);
18-
--apple-blue: #0071e3;
1915
--radius: 16px;
20-
--radius-md: 24px;
21-
--radius-lg: 30px;
2216

2317
--nav-pill-height-mobile: 56px;
2418
--nav-pill-height-desktop: 44px;
2519
--nav-icon-size: var(--nav-pill-height-desktop);
2620
--nav-shadow: 0 0 28px -14px rgba(0,0,0,.24);
27-
--nav-shadow-mobile-scrolled: 0 0 40px -12px rgba(0,0,0,.30);
2821
--nav-surface: rgba(20,24,32,.54);
2922
--nav-border: #ffffff33;
3023
--nav-text: rgba(232,233,236,1);
@@ -34,8 +27,6 @@
3427
--menu-thumb-bg-default: rgba(255,255,255,.16);
3528
--menu-thumb-bg-press: rgba(255,255,255,.24);
3629
--accent-orange: #ff9d4d;
37-
--accent-orange-soft: rgba(255,157,77,.22);
38-
--accent-orange-glow: rgba(255,157,77,.42);
3930
--hero-outline-color: rgba(243, 242, 238, 0.96);
4031
--hero-fill-color: rgba(243, 242, 238, 0.995);
4132
--nav-backdrop: linear-gradient(
@@ -46,12 +37,6 @@
4637
);
4738
--nav-backdrop-h-mobile: calc(env(safe-area-inset-top, 0px) + 12px + var(--nav-pill-height-mobile) + 18px);
4839
--nav-backdrop-h-desktop: calc(env(safe-area-inset-top, 0px) + 12px + var(--nav-pill-height-desktop) + 18px);
49-
--nav-offset-mobile: calc(12px + var(--nav-pill-height-mobile) + var(--banner-vert-gap));
50-
--nav-offset-desktop: calc(12px + var(--nav-pill-height-desktop) + var(--banner-vert-gap));
51-
--banner-radius: calc(var(--nav-pill-height-mobile) / 2);
52-
--banner-side-gap: 12px;
53-
--banner-vert-gap: 14px;
54-
--banner-top-gap: 14px;
5540
--heading-font: "Unbounded", "Arial", sans-serif;
5641
--body-font: "Space Grotesk", "Segoe UI", sans-serif;
5742
--mobile-row-inline: clamp(52px, 11.8vw, 60px);
@@ -97,93 +82,6 @@ a {
9782
color: inherit;
9883
}
9984

100-
.ambient-scene {
101-
display: none !important;
102-
}
103-
104-
.ambient-orb {
105-
position: absolute;
106-
border-radius: 999px;
107-
filter: blur(64px);
108-
opacity: 0.28;
109-
will-change: opacity;
110-
}
111-
112-
.orb-a {
113-
width: min(48vw, 620px);
114-
aspect-ratio: 1 / 1;
115-
top: -16%;
116-
left: -12%;
117-
background:
118-
radial-gradient(circle at 48% 45%, rgba(255, 157, 77, 0.38) 0%, rgba(255, 157, 77, 0.2) 34%, rgba(255, 157, 77, 0.05) 52%, rgba(255, 157, 77, 0) 74%),
119-
radial-gradient(circle at 32% 62%, rgba(255, 208, 148, 0.11) 0%, rgba(255, 208, 148, 0) 58%);
120-
animation: orbDriftA 26s ease-in-out infinite alternate;
121-
}
122-
123-
.orb-b {
124-
width: min(44vw, 560px);
125-
aspect-ratio: 1 / 1;
126-
top: 30%;
127-
right: -15%;
128-
background:
129-
radial-gradient(circle at 52% 45%, rgba(89, 109, 255, 0.26) 0%, rgba(89, 109, 255, 0.1) 36%, rgba(89, 109, 255, 0) 72%),
130-
radial-gradient(circle at 62% 36%, rgba(162, 173, 255, 0.08) 0%, rgba(162, 173, 255, 0) 56%);
131-
opacity: 0.24;
132-
animation: orbDriftB 34s ease-in-out infinite alternate;
133-
}
134-
135-
.orb-c {
136-
width: min(42vw, 520px);
137-
aspect-ratio: 1 / 1;
138-
bottom: -20%;
139-
left: 36%;
140-
background:
141-
radial-gradient(circle at 50% 50%, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0.03) 34%, rgba(255, 255, 255, 0) 74%),
142-
radial-gradient(circle at 38% 58%, rgba(255, 157, 77, 0.06) 0%, rgba(255, 157, 77, 0) 54%);
143-
opacity: 0.2;
144-
animation: orbDriftC 30s ease-in-out infinite alternate;
145-
}
146-
147-
.ambient-grain {
148-
display: none;
149-
}
150-
151-
@keyframes orbDriftA {
152-
from {
153-
transform: translate3d(0, 0, 0) scale(1);
154-
}
155-
to {
156-
transform: translate3d(4vw, 3vw, 0) scale(1.08);
157-
}
158-
}
159-
160-
@keyframes orbDriftB {
161-
from {
162-
transform: translate3d(0, 0, 0) scale(1);
163-
}
164-
to {
165-
transform: translate3d(-5vw, 2.5vw, 0) scale(1.05);
166-
}
167-
}
168-
169-
@keyframes orbDriftC {
170-
from {
171-
transform: translate3d(0, 0, 0) scale(1);
172-
}
173-
to {
174-
transform: translate3d(2vw, -3vw, 0) scale(1.1);
175-
}
176-
}
177-
178-
@keyframes grainDrift {
179-
from {
180-
transform: none;
181-
}
182-
to {
183-
transform: none;
184-
}
185-
}
186-
18785
.page-wrap,
18886
.site-footer {
18987
position: relative;
@@ -228,7 +126,7 @@ a {
228126
opacity: 1;
229127
}
230128

231-
.site-nav-shell {
129+
.nav-shell {
232130
position: relative;
233131
z-index: 3;
234132
}
@@ -402,18 +300,10 @@ a {
402300
width: auto;
403301
}
404302

405-
.brand-text {
406-
display: inline;
407-
}
408-
409303
.brand.has-logo .brand-logo {
410304
display: block;
411305
}
412306

413-
.brand.has-logo .brand-text {
414-
display: none;
415-
}
416-
417307
.menu {
418308
display: flex;
419309
gap: 14px;
@@ -731,7 +621,7 @@ a {
731621
display: grid;
732622
}
733623

734-
.site-nav-shell {
624+
.nav-shell {
735625
position: relative;
736626
z-index: 3;
737627
}
@@ -872,12 +762,6 @@ a {
872762
display: none !important;
873763
}
874764

875-
.mobile-mark,
876-
.brand::after {
877-
content: none !important;
878-
display: none !important;
879-
}
880-
881765
.mobile-menu-wordmark {
882766
position: fixed;
883767
right: var(--mobile-wordmark-right, 20px);
@@ -1518,23 +1402,13 @@ a {
15181402
width: calc(100% - 1.9rem);
15191403
}
15201404

1521-
.ambient-orb {
1522-
filter: blur(42px);
1523-
}
1524-
1525-
.ambient-grain {
1526-
display: none;
1527-
}
15281405
}
15291406

15301407
@media (prefers-reduced-motion: reduce) {
15311408
html {
15321409
scroll-behavior: auto;
15331410
}
15341411

1535-
.ambient-orb,
1536-
.ambient-grain,
1537-
.site-nav.nav-open .nav-mobile-links li,
15381412
.hero-text,
15391413
.button,
15401414
.discipline-card,
@@ -1560,8 +1434,3 @@ a {
15601434
}
15611435

15621436
/* ========== End ========== */
1563-
1564-
#Preview {
1565-
Text("Provide a View to preview")
1566-
}
1567-

‎docs/assets/js/shell.js‎

Lines changed: 1 addition & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -3,7 +3,7 @@
33

44
const body = document.body;
55
const base = (body?.getAttribute('data-base') || '.').trim();
6-
const assetVersion = '20260320d';
6+
const assetVersion = '20260320e';
77
const prefersReducedMotion = window.matchMedia("(prefers-reduced-motion: reduce)").matches;
88

99
const projects = [
@@ -118,8 +118,6 @@
118118

119119
function clearPortraitMenuLayoutVars(){
120120
const root = document.documentElement;
121-
root.style.removeProperty('--mobile-vv-top');
122-
root.style.removeProperty('--mobile-vv-height');
123121
root.style.removeProperty('--mobile-row-inline');
124122
root.style.removeProperty('--mobile-menu-inline');
125123
root.style.removeProperty('--mobile-menu-top');
@@ -143,9 +141,6 @@
143141
const viewportWidth = Math.round(vv?.width ?? window.innerWidth);
144142
const viewportBottom = viewportTop + viewportHeight;
145143

146-
root.style.setProperty('--mobile-vv-top', `${viewportTop}px`);
147-
root.style.setProperty('--mobile-vv-height', `${Math.max(0, viewportHeight)}px`);
148-
149144
const rowInline = Math.round(Math.min(Math.max(viewportWidth * 0.118, 50), 60));
150145
const menuInline = Math.round(Math.min(Math.max(viewportWidth * 0.084, 36), 46));
151146
root.style.setProperty('--mobile-row-inline', `${rowInline}px`);

‎docs/assets/partials/nav.html‎

Lines changed: 1 addition & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -13,9 +13,7 @@
1313
</ul>
1414

1515
<div class="nav-right">
16-
<button class="nav-search" type="button" aria-label="Search">
17-
<span class="nav-search-glyph"></span>
18-
</button>
16+
<button class="nav-search" type="button" aria-label="Search"></button>
1917
<button class="nav-toggle" aria-label="Open menu" aria-expanded="false" aria-controls="mobile-sheet">
2018
<span class="nav-toggle-bar"></span>
2119
</button>

‎docs/index.html‎

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -8,7 +8,7 @@
88
<link rel="preconnect" href="https://fonts.googleapis.com">
99
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
1010
<link href="https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&family=Unbounded:wght@500;700;800&display=swap" rel="stylesheet">
11-
<link rel="stylesheet" href="assets/css/style.css?v=20260320d">
11+
<link rel="stylesheet" href="assets/css/style.css?v=20260320e">
1212

1313
<link rel="icon" type="image/svg+xml" href="favicon.svg">
1414
<link rel="icon" sizes="192x192" href="android-chrome-192x192.png">
@@ -32,7 +32,7 @@
3232
<header class="site-nav" aria-label="Primary">
3333
<div class="nav-backdrop" aria-hidden="true"></div>
3434
<div class="nav-menu-blur" aria-hidden="true"></div>
35-
<div class="site-nav-shell">
35+
<div class="nav-shell">
3636
<div id="nav-slot"></div>
3737
</div>
3838
<div class="mobile-menu-wordmark-wrap" aria-hidden="true">
@@ -133,6 +133,6 @@ <h2>Live Modules</h2>
133133

134134
<div id="footer-slot"></div>
135135

136-
<script src="assets/js/shell.js?v=20260320d" defer></script>
136+
<script src="assets/js/shell.js?v=20260320e" defer></script>
137137
</body>
138138
</html>

0 commit comments

Comments
 (0)