Skip to content

Commit aa4edc9

Browse files
ModelizedModelized
authored
Website Update
1 parent df0dd81 commit aa4edc9

3 files changed

Lines changed: 53 additions & 39 deletions

File tree

‎docs/assets/css/style.css‎

Lines changed: 31 additions & 35 deletions
Original file line numberDiff line numberDiff line change
@@ -1304,7 +1304,7 @@ a {
13041304
}
13051305

13061306
.connect.section {
1307-
padding-bottom: clamp(3.35rem, 6.8vw, 5.55rem);
1307+
padding-bottom: clamp(2.15rem, 4.7vw, 3.95rem);
13081308
}
13091309

13101310
.connect-grid {
@@ -1320,14 +1320,12 @@ a {
13201320
align-items: center;
13211321
gap: 0.88rem;
13221322
padding: 1.1rem 1.15rem;
1323-
border: 1px solid rgba(191, 116, 74, 0.28);
1323+
border: 1px solid rgba(223, 141, 93, 0.42);
13241324
border-radius: 26px;
13251325
background:
1326-
linear-gradient(180deg, rgba(255, 255, 255, 0.012) 0%, rgba(255, 255, 255, 0) 18%),
1327-
linear-gradient(180deg, rgba(24, 17, 14, 0.985) 0%, rgba(10, 8, 8, 0.995) 100%);
1328-
box-shadow:
1329-
inset 0 0 0 1px rgba(156, 92, 58, 0.18),
1330-
0 10px 22px rgba(0, 0, 0, 0.12);
1326+
linear-gradient(180deg, rgba(255, 255, 255, 0.01) 0%, rgba(255, 255, 255, 0) 15%),
1327+
linear-gradient(180deg, rgba(18, 12, 10, 0.993) 0%, rgba(6, 5, 5, 0.998) 100%);
1328+
box-shadow: 0 10px 22px rgba(0, 0, 0, 0.12);
13311329
color: var(--text);
13321330
text-decoration: none;
13331331
transition:
@@ -1339,10 +1337,8 @@ a {
13391337

13401338
.connect-card:hover {
13411339
transform: translateY(-3px);
1342-
border-color: rgba(191, 116, 74, 0.42);
1343-
box-shadow:
1344-
inset 0 0 0 1px rgba(191, 116, 74, 0.22),
1345-
0 12px 24px rgba(0, 0, 0, 0.14);
1340+
border-color: rgba(223, 141, 93, 0.54);
1341+
box-shadow: 0 12px 24px rgba(0, 0, 0, 0.14);
13461342
}
13471343

13481344
.connect-card__icon {
@@ -1610,11 +1606,11 @@ a {
16101606
}
16111607

16121608
.discipline-stack-card__surface {
1613-
--discipline-bg-1: #10131d;
1614-
--discipline-bg-2: #06090f;
1615-
--discipline-edge: rgba(127, 149, 255, 0.095);
1609+
--discipline-bg-1: #0c1018;
1610+
--discipline-bg-2: #04070c;
1611+
--discipline-edge: rgba(127, 149, 255, 0.14);
16161612
--discipline-shadow: rgba(8, 11, 18, 0.16);
1617-
--discipline-sheen: rgba(255, 255, 255, 0.012);
1613+
--discipline-sheen: rgba(255, 255, 255, 0.008);
16181614
--discipline-depth-dim: 0;
16191615
--discipline-surface-lift: 0.018;
16201616
position: relative;
@@ -1655,43 +1651,43 @@ a {
16551651
}
16561652

16571653
.discipline-stack-card[data-tone="development"] .discipline-stack-card__surface {
1658-
--discipline-bg-1: #0f1728;
1659-
--discipline-bg-2: #060a12;
1660-
--discipline-edge: rgba(112, 138, 255, 0.085);
1654+
--discipline-bg-1: #0b1220;
1655+
--discipline-bg-2: #04070d;
1656+
--discipline-edge: rgba(112, 138, 255, 0.13);
16611657
--discipline-shadow: rgba(24, 41, 92, 0.15);
1662-
--discipline-sheen: rgba(110, 139, 255, 0.02);
1658+
--discipline-sheen: rgba(110, 139, 255, 0.014);
16631659
}
16641660

16651661
.discipline-stack-card[data-tone="engineering"] .discipline-stack-card__surface {
1666-
--discipline-bg-1: #17110f;
1667-
--discipline-bg-2: #09070a;
1668-
--discipline-edge: rgba(223, 141, 93, 0.09);
1662+
--discipline-bg-1: #130e0d;
1663+
--discipline-bg-2: #060506;
1664+
--discipline-edge: rgba(223, 141, 93, 0.14);
16691665
--discipline-shadow: rgba(84, 50, 35, 0.15);
1670-
--discipline-sheen: rgba(223, 141, 93, 0.018);
1666+
--discipline-sheen: rgba(223, 141, 93, 0.014);
16711667
}
16721668

16731669
.discipline-stack-card[data-tone="design"] .discipline-stack-card__surface {
1674-
--discipline-bg-1: #15121d;
1675-
--discipline-bg-2: #09080d;
1676-
--discipline-edge: rgba(165, 127, 233, 0.084);
1670+
--discipline-bg-1: #120f18;
1671+
--discipline-bg-2: #06050a;
1672+
--discipline-edge: rgba(165, 127, 233, 0.128);
16771673
--discipline-shadow: rgba(64, 44, 99, 0.15);
1678-
--discipline-sheen: rgba(176, 144, 234, 0.018);
1674+
--discipline-sheen: rgba(176, 144, 234, 0.014);
16791675
}
16801676

16811677
.discipline-stack-card[data-tone="music"] .discipline-stack-card__surface {
1682-
--discipline-bg-1: #170f13;
1683-
--discipline-bg-2: #09070a;
1684-
--discipline-edge: rgba(201, 109, 95, 0.084);
1678+
--discipline-bg-1: #130d10;
1679+
--discipline-bg-2: #060507;
1680+
--discipline-edge: rgba(201, 109, 95, 0.128);
16851681
--discipline-shadow: rgba(74, 38, 42, 0.15);
1686-
--discipline-sheen: rgba(211, 128, 112, 0.018);
1682+
--discipline-sheen: rgba(211, 128, 112, 0.014);
16871683
}
16881684

16891685
.discipline-stack-card[data-tone="research"] .discipline-stack-card__surface {
1690-
--discipline-bg-1: #101b20;
1691-
--discipline-bg-2: #060b10;
1692-
--discipline-edge: rgba(106, 184, 161, 0.084);
1686+
--discipline-bg-1: #0c1518;
1687+
--discipline-bg-2: #04080a;
1688+
--discipline-edge: rgba(106, 184, 161, 0.128);
16931689
--discipline-shadow: rgba(32, 69, 63, 0.15);
1694-
--discipline-sheen: rgba(106, 184, 161, 0.018);
1690+
--discipline-sheen: rgba(106, 184, 161, 0.014);
16951691
}
16961692

16971693
.discipline-stack-card__header {

‎docs/assets/js/shell.js‎

Lines changed: 20 additions & 2 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 = '20260410o';
6+
const assetVersion = '20260410p';
77
const prefersReducedMotion = window.matchMedia("(prefers-reduced-motion: reduce)").matches;
88
const SETTLE_PASS_DELAYS = [0, 140, 320, 560];
99
const simpleIcon = (name) => `https://cdn.jsdelivr.net/npm/simple-icons@v11/icons/${name}.svg`;
@@ -1584,6 +1584,9 @@
15841584
let pointerState = null;
15851585
let metrics = null;
15861586
let activeAnimation = null;
1587+
let lastViewportWidth = window.innerWidth;
1588+
let lastViewportHeight = window.innerHeight;
1589+
let lastPortraitState = portraitQuery.matches;
15871590

15881591
const clamp = (value, min, max) => Math.min(max, Math.max(min, value));
15891592
const createLayout = (x, y, scale, rotate) => ({ x, y, scale, rotate });
@@ -1991,7 +1994,22 @@
19911994
stack.classList.remove("discipline-stack-viewport--static");
19921995
});
19931996

1994-
window.addEventListener("resize", syncWithoutAnimation);
1997+
window.addEventListener("resize", () => {
1998+
const nextWidth = window.innerWidth;
1999+
const nextHeight = window.innerHeight;
2000+
const nextPortraitState = portraitQuery.matches;
2001+
const widthChanged = Math.abs(nextWidth - lastViewportWidth) > 2;
2002+
const portraitStateChanged = nextPortraitState !== lastPortraitState;
2003+
const heightChanged = Math.abs(nextHeight - lastViewportHeight) > 120;
2004+
2005+
lastViewportWidth = nextWidth;
2006+
lastViewportHeight = nextHeight;
2007+
lastPortraitState = nextPortraitState;
2008+
2009+
if (portraitStateChanged || widthChanged || (!nextPortraitState && heightChanged)) {
2010+
syncWithoutAnimation();
2011+
}
2012+
});
19952013
window.addEventListener("orientationchange", syncWithoutAnimation);
19962014
window.addEventListener("pageshow", syncWithoutAnimation);
19972015
}

‎docs/index.html‎

Lines changed: 2 additions & 2 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=Rock+Salt&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=20260410o">
11+
<link rel="stylesheet" href="assets/css/style.css?v=20260410p">
1212

1313
<link rel="icon" type="image/svg+xml" href="favicon.svg">
1414
<link rel="icon" sizes="192x192" href="android-chrome-192x192.png">
@@ -185,6 +185,6 @@ <h2>A <span class="tagline-script">Closer Look</span> At The Path</h2>
185185

186186
<div id="footer-slot"></div>
187187

188-
<script src="assets/js/shell.js?v=20260410o" defer></script>
188+
<script src="assets/js/shell.js?v=20260410p" defer></script>
189189
</body>
190190
</html>

0 commit comments

Comments
 (0)