diff --git a/attached_assets/image_1783201757970.png b/attached_assets/image_1783201757970.png new file mode 100644 index 0000000..72d398c Binary files /dev/null and b/attached_assets/image_1783201757970.png differ diff --git a/index.html b/index.html index 105d974..45483fa 100644 --- a/index.html +++ b/index.html @@ -23,7 +23,7 @@ - Store ↗ + Store ↗ @@ -36,28 +36,7 @@ About FAQ Contact - Store ↗ - - - -
-
-
-
shop.justgoodcuber.com/products
- -
-
-
- - - - -
-

JustGoodCubing Store

-

Our store opens in a new tab. Come back here when you're done browsing.

- Open Store ↗ -
-
+ Store ↗
@@ -70,7 +49,7 @@

Premium cubing-inspired accessories and merchandise — designed for the community, by a cuber.

- Shop the Store ↗ + Shop the Store ↗ Learn More
diff --git a/index.js b/index.js index 14ef86f..1b94cb6 100644 --- a/index.js +++ b/index.js @@ -1,15 +1,4 @@ -// Store -const overlay = document.getElementById('storeOverlay'); -function openStore(e) { if (e) e.preventDefault(); overlay.classList.add('active'); document.body.style.overflow = 'hidden'; } -function closeStore() { overlay.classList.remove('active'); document.body.style.overflow = ''; } -document.getElementById('storeNavBtn').addEventListener('click', openStore); -document.getElementById('storeMobileBtn').addEventListener('click', openStore); -document.getElementById('heroCta').addEventListener('click', openStore); -document.getElementById('storeClose').addEventListener('click', closeStore); -overlay.addEventListener('click', function (e) { if (e.target === overlay) closeStore(); }); -document.addEventListener('keydown', function (e) { if (e.key === 'Escape' && overlay.classList.contains('active')) closeStore(); }); - // Hamburger const hamburger = document.getElementById('hamburger'), mobileMenu = document.getElementById('mobileMenu'); hamburger.addEventListener('click', function () { hamburger.classList.toggle('open'); mobileMenu.classList.toggle('open'); }); diff --git a/styles.css b/styles.css index ab378da..f33145e 100644 --- a/styles.css +++ b/styles.css @@ -281,48 +281,6 @@ section { .faq-a-link { color:var(--orange); text-decoration:none; } .faq-a-link:hover { text-decoration:underline; } -/* ── STORE OVERLAY ── */ -.store-overlay { - display:none; position:fixed; inset:0; z-index:200; - background:rgba(0,0,0,0.75); backdrop-filter:blur(6px); - align-items:center; justify-content:center; padding:1rem; -} -.store-overlay.active { display:flex; } -.store-modal-card { - background:var(--surface); border:1px solid var(--border); - width:100%; max-width:460px; overflow:hidden; - animation:popIn 0.28s cubic-bezier(0.34,1.56,0.64,1); -} -@keyframes popIn { 0%{opacity:0;transform:scale(0.9)} 100%{opacity:1;transform:scale(1)} } -.store-modal-top { - display:flex; align-items:center; gap:1rem; padding:1rem 1.4rem; - border-bottom:1px solid var(--border); background:var(--surface2); -} -.store-modal-url { - flex:1; background:var(--bg); border:1px solid var(--border); padding:6px 16px; - font-family:'Space Mono',monospace; font-size:0.75rem; color:var(--muted); - overflow:hidden; text-overflow:ellipsis; white-space:nowrap; -} -.modal-close { - background:transparent; border:1px solid var(--border-heavy); color:var(--white); - font-family:'Space Mono',monospace; font-size:0.78rem; font-weight:700; - padding:6px 16px; cursor:pointer; transition:all 0.18s; white-space:nowrap; -} -.modal-close:hover { border-color:var(--orange); color:var(--orange); } -.store-modal-body { - padding:2.4rem 2.2rem 2.2rem; - display:flex; flex-direction:column; align-items:center; text-align:center; gap:0.9rem; -} -.store-modal-title { font-family:'Space Mono',monospace; font-weight:700; font-size:1.2rem; color:var(--white); } -.store-modal-desc { font-size:0.92rem; color:var(--muted); line-height:1.6; max-width:300px; } -.store-launch-btn { - display:inline-block; margin-top:0.4rem; padding:14px 36px; - background:var(--orange); color:#fff; font-family:'Space Mono',monospace; - font-weight:700; font-size:0.85rem; letter-spacing:0.04em; text-transform:uppercase; - border:1px solid var(--orange); text-decoration:none; transition:all 0.18s; -} -.store-launch-btn:hover { background:transparent; color:var(--orange); } - /* ── CONTACT ── */ .contact-grid { display:grid; grid-template-columns:1fr 1fr; gap:2rem; align-items:start; } @media(max-width:720px){ .contact-grid { grid-template-columns:1fr; } }