Skip to content

Commit 7dcbd2a

Browse files
mathematicalmichaelmathematicalmichael
committed
capture about and contact mindthemath/www@c0b4db1 
0 parents  commit 7dcbd2a

11 files changed

Lines changed: 275 additions & 0 deletions

‎.nojekyll‎

Whitespace-only changes.

‎about.html‎

Lines changed: 31 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,31 @@
1+
<!doctype html>
2+
<html lang="en" class="no-js">
3+
<head>
4+
<meta charset="UTF-8" />
5+
<link rel="icon" type="image/svg+xml" href="/favicon.svg" />
6+
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
7+
<title>About — Mind the Math</title>
8+
9+
<!-- Critical: Prevent FOUC by hiding content until JS is ready -->
10+
<style>
11+
html.no-js #app { visibility: hidden; }
12+
html.no-js body { background-color: #f5f4f0; }
13+
</style>
14+
<script>document.documentElement.classList.remove('no-js');</script>
15+
16+
<!-- Text Effects CSS -->
17+
<link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/mindthemath/text-effects-js@main/styles.css">
18+
19+
<!-- Web Fonts -->
20+
<link rel="preconnect" href="https://fonts.googleapis.com">
21+
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
22+
<link href="https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;700;900&family=Source+Code+Pro:wght@400;500;600;700;900&display=swap" rel="stylesheet">
23+
<script type="module" crossorigin src="/assets/style-DaVPuUz9.js"></script>
24+
<script type="module" crossorigin src="/assets/pages-DI7K4C5z.js"></script>
25+
<link rel="stylesheet" crossorigin href="/assets/style-C9sM5CTh.css">
26+
</head>
27+
<body>
28+
<div id="app"></div>
29+
</body>
30+
</html>
31+

‎assets/main-t72nJxql.js‎

Lines changed: 63 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,63 @@
1+
import"./style-DaVPuUz9.js";const n="/";function h(){const e=document.getElementById("app");e.innerHTML=`
2+
<!-- Loading Screen -->
3+
<div class="loading-screen" id="loadingScreen"></div>
4+
5+
<!-- Navigation Bar -->
6+
<nav class="nav-bar" id="navBar">
7+
<div class="nav-placeholder" id="navPlaceholder"></div>
8+
9+
<!-- Desktop Nav Links -->
10+
<ul class="nav-links nav-links-desktop">
11+
<li><a href="${n}about.html">About</a></li>
12+
<li><a href="${n}systems.html">Systems</a></li>
13+
<li><a href="${n}research.html">Research</a></li>
14+
<li><a href="${n}contact.html">Contact</a></li>
15+
</ul>
16+
17+
<!-- Logo link (hidden initially, shown after hero moves to nav) -->
18+
<a href="${n}" class="nav-logo-link" id="navLogoLink" style="opacity: 0; pointer-events: none;">
19+
<div class="nav-logo">MIND THE MATH</div>
20+
</a>
21+
22+
<!-- Mobile Menu Button -->
23+
<button class="nav-menu-btn" id="navMenuBtn" aria-label="Toggle menu" aria-expanded="false">
24+
<span class="menu-text">MENU</span>
25+
</button>
26+
</nav>
27+
28+
<!-- Mobile Navigation Overlay -->
29+
<div class="mobile-nav-overlay" id="mobileNavOverlay">
30+
<ul class="nav-links-mobile">
31+
<li><a href="${n}about.html">About</a></li>
32+
<li><a href="${n}systems.html">Systems</a></li>
33+
<li><a href="${n}research.html">Research</a></li>
34+
<li><a href="${n}contact.html">Contact</a></li>
35+
</ul>
36+
</div>
37+
38+
<!-- Animated Hero (will move from center to nav) -->
39+
<a href="${n}" class="animated-hero" id="animatedHero" style="pointer-events: none; text-decoration: none; color: inherit;">
40+
<span class="static-text">MIND THE</span>
41+
<span id="wordRotator" class="word-rotator" data-mode="flip" data-board-bg="black"></span>
42+
</a>
43+
44+
<!-- Main Content -->
45+
<main class="main-content" id="mainContent">
46+
<section class="content-hero">
47+
<h1 class="logo-container">
48+
<img src="https://cdn.mindthemath.com/logo-450-cb.png" alt="Mind the Math" class="site-logo" id="siteLogo" onerror="this.style.display='none'; document.getElementById('logoFallback').style.display='block';">
49+
<span class="logo-fallback" id="logoFallback" style="display: none;">Mind the Math</span>
50+
</h1>
51+
<p class="tagline" align="center">Bridging the Gap</p>
52+
<p class="description">
53+
Mind the Math is a system-driven practice that builds pathways to guide complex ideas into places they can be navigated, inhabited, and understood.
54+
<br><br>
55+
Working across disciplines to produce software, visualizations, and physical artifacts, the studio crafts authored systems whose outputs are instances of deeper inquiries. </p>
56+
</section>
57+
</main>
58+
59+
<!-- Footer -->
60+
<footer class="site-footer">
61+
<p class="footer-text">© 2026 Mind the Math LLC</p>
62+
</footer>
63+
`}function p(){return new Promise(e=>{const t=document.createElement("script");t.src="https://cdn.jsdelivr.net/gh/mindthemath/text-effects-js@main/text-effects.js",t.onload=()=>{const o=new WordRotator({elementId:"wordRotator",words:["math","science","technology","engineering","art"],mode:"flip",timingMode:"pause",firstWordInterval:1250,otherWordInterval:250,lastWordInterval:1250,onLetterLand:(a,g,b,d)=>{const m=d?"oklch(0.9133 0.2195 102.76)":"#666666",r=document.querySelectorAll(".letter-flap");a<r.length&&r[a].querySelectorAll(".flap-content").forEach(u=>{u.style.color=m})}}),i=o.currentIndex===0?"oklch(0.9133 0.2195 102.76)":"#666666";document.querySelectorAll(".flap-content").forEach(a=>{a.style.color=i}),document.querySelectorAll(".letter-flap, .flap-content").forEach(a=>{a.style.fontFamily="'Source Code Pro', monospace"}),e(o)},document.head.appendChild(t)})}let l=!1;async function c(e=!1){if(l)return;l=!0;const t=document.getElementById("animatedHero"),o=document.getElementById("navBar"),i=document.getElementById("mainContent"),a=document.getElementById("navPlaceholder");e&&t.classList.add("fast-transition"),o.classList.add("visible"),t.classList.add("in-nav"),a&&(a.style.display="none"),await s(e?100:400),i.classList.add("visible")}async function v(){const e=document.getElementById("loadingScreen"),t=document.getElementById("animatedHero"),o=document.getElementById("navBar");await document.fonts.ready,await p(),await s(100),e.classList.add("fade-out"),t.style.opacity="1",t.style.pointerEvents="auto",t.style.cursor="pointer",await s(1200),await s(700),o.classList.add("visible"),await s(5300),l||await c(!1)}function s(e){return new Promise(t=>setTimeout(t,e))}function f(){const e=document.getElementById("navMenuBtn"),t=document.getElementById("mobileNavOverlay"),o=t.querySelectorAll("a");e.addEventListener("click",()=>{const i=t.classList.contains("open");t.classList.toggle("open"),e.setAttribute("aria-expanded",!i),e.querySelector(".menu-text").textContent=i?"MENU":"CLOSE"}),o.forEach(i=>{i.addEventListener("click",()=>{t.classList.remove("open"),e.setAttribute("aria-expanded","false"),e.querySelector(".menu-text").textContent="MENU"})})}function y(){const e=document.getElementById("animatedHero");e.addEventListener("click",t=>{!l&&!e.classList.contains("in-nav")&&(t.preventDefault(),c(!0))})}document.addEventListener("DOMContentLoaded",()=>{h(),f(),y(),requestAnimationFrame(()=>{requestAnimationFrame(()=>{v()})})});

‎assets/pages-DI7K4C5z.js‎

Lines changed: 51 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,51 @@
1+
import"./style-DaVPuUz9.js";function d(){const e=document.getElementById("navMenuBtn"),t=document.getElementById("mobileNavOverlay");if(!e||!t)return;const n=t.querySelectorAll("a");e.addEventListener("click",()=>{const o=t.classList.contains("open");t.classList.toggle("open"),e.setAttribute("aria-expanded",!o),e.querySelector(".menu-text").textContent=o?"MENU":"CLOSE"}),n.forEach(o=>{o.addEventListener("click",()=>{t.classList.remove("open"),e.setAttribute("aria-expanded","false"),e.querySelector(".menu-text").textContent="MENU"})})}const a="/";function m(){const e=window.location.pathname;return e.includes("about")?"About":e.includes("systems")?"Systems":e.includes("research")?"Research":e.includes("contact")?"Contact":"Home"}function u(){return new Promise(e=>{const t=document.createElement("script");t.src="https://cdn.jsdelivr.net/gh/mindthemath/text-effects-js@main/text-effects.js",t.onload=()=>{const n=new WordRotator({elementId:"wordRotator",words:["math","science","technology","engineering","art"],mode:"flip",timingMode:"pause",firstWordInterval:3e3,otherWordInterval:500,lastWordInterval:1e3,onLetterLand:(s,v,f,r)=>{const l=r?"oklch(0.9133 0.2195 102.76)":"#666666",i=document.querySelectorAll(".letter-flap");s<i.length&&i[s].querySelectorAll(".flap-content").forEach(c=>{c.style.color=l})}}),o=n.currentIndex===0?"oklch(0.9133 0.2195 102.76)":"#666666";document.querySelectorAll(".flap-content").forEach(s=>{s.style.color=o}),document.querySelectorAll(".letter-flap, .flap-content").forEach(s=>{s.style.fontFamily="'Source Code Pro', monospace"}),e(n)},document.head.appendChild(t)})}function p(){const e=document.getElementById("app"),t=m();e.innerHTML=`
2+
<!-- Navigation Bar -->
3+
<nav class="nav-bar visible">
4+
<div class="nav-placeholder"></div>
5+
6+
<!-- Desktop Nav Links -->
7+
<ul class="nav-links nav-links-desktop">
8+
<li><a href="${a}about.html" ${t==="About"?'class="active"':""}>About</a></li>
9+
<li><a href="${a}systems.html" ${t==="Systems"?'class="active"':""}>Systems</a></li>
10+
<li><a href="${a}research.html" ${t==="Research"?'class="active"':""}>Research</a></li>
11+
<li><a href="${a}contact.html" ${t==="Contact"?'class="active"':""}>Contact</a></li>
12+
</ul>
13+
14+
<!-- Mobile Menu Button -->
15+
<button class="nav-menu-btn" id="navMenuBtn" aria-label="Toggle menu" aria-expanded="false">
16+
<span class="menu-text">MENU</span>
17+
</button>
18+
</nav>
19+
20+
<!-- Mobile Navigation Overlay -->
21+
<div class="mobile-nav-overlay" id="mobileNavOverlay">
22+
<ul class="nav-links-mobile">
23+
<li><a href="${a}about.html" ${t==="About"?'class="active"':""}>About</a></li>
24+
<li><a href="${a}systems.html" ${t==="Systems"?'class="active"':""}>Systems</a></li>
25+
<li><a href="${a}research.html" ${t==="Research"?'class="active"':""}>Research</a></li>
26+
<li><a href="${a}contact.html" ${t==="Contact"?'class="active"':""}>Contact</a></li>
27+
</ul>
28+
</div>
29+
30+
<!-- Animated Hero (in nav position from start on these pages) -->
31+
<a href="${a}" class="animated-hero in-nav" id="animatedHero" style="opacity: 1; pointer-events: auto;">
32+
<span class="static-text">MIND THE</span>
33+
<span id="wordRotator" class="word-rotator" data-mode="flip" data-board-bg="black"></span>
34+
</a>
35+
36+
<!-- Main Content -->
37+
<main class="main-content visible">
38+
<section class="content-section">
39+
${h(t)}
40+
</section>
41+
</main>
42+
43+
<!-- Footer -->
44+
<footer class="site-footer">
45+
<p class="footer-text">© 2026 Mind the Math LLC</p>
46+
</footer>
47+
`}function h(e){const t={About:{title:"About",description:"Mind the Math is a system-led practice where mathematics operates like transit infrastructure: largely invisible, deeply structuring, and essential to movement."},Systems:{title:"Systems",description:"Projects presented as frameworks, not portfolios. System-driven approaches to translating structure into navigable visual, computational, and material form."},Research:{title:"Research",description:"Diagrams, notes, and references. Explorations at the intersection of abstract mathematics and lived experience."},Contact:{title:"Contact",description:"Treated as a terminal, not a call to action. Collaboration and inquiry welcome."}},n=t[e]||t.About;return`
48+
<h1>${n.title}</h1>
49+
<div class="divider"></div>
50+
<p class="description">${n.description}</p>
51+
`}document.addEventListener("DOMContentLoaded",async()=>{p(),d(),await document.fonts.ready,await u()});

‎assets/style-C9sM5CTh.css‎

Lines changed: 1 addition & 0 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎assets/style-DaVPuUz9.js‎

Lines changed: 1 addition & 0 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

0 commit comments

Comments
 (0)