From 887566a19efa8629b79f04c88e29a00190449b3a Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Tokin=20=E2=AC=A2=20Cypher?= Date: Thu, 14 May 2026 12:05:10 -0700 Subject: [PATCH] Fixed style inconsistencies for better mobile viewing of wallet.html --- cashlinks.html | 130 +++++++++++++++++++++++++++---------------------- wallet.html | 105 +++++++++++++++++++++++++++------------ 2 files changed, 146 insertions(+), 89 deletions(-) diff --git a/cashlinks.html b/cashlinks.html index d977e10..cbba7e9 100644 --- a/cashlinks.html +++ b/cashlinks.html @@ -83,19 +83,27 @@ - + + - + body p { + text-align: justify; + margin: 1.25rem 0; + } + @@ -168,36 +176,39 @@ - +
-
+ +
+
-
- -
- 🔐 - Admin Panel +
+
+ 🔐 + Admin Panel +
-
- -

- Digital Gifts -

+

+ Digital Gifts +

+
+ +
+ 👤 +
+
-
- -
- 👤
+
@@ -275,20 +286,14 @@

Cash Links

container.innerHTML = '

Loading cash links...

'; try { - // Load the latest data from GitHub Pages const response = await fetch('/cashlinks-data.json', { cache: 'no-store' }); - if (!response.ok) throw new Error('JSON not found'); - const cashLinksData = await response.json(); - container.innerHTML = ''; - // Create 3 rows of 3 items (exactly matches your CSS) for (let i = 0; i < cashLinksData.length; i += 3) { const rowDiv = document.createElement('div'); rowDiv.className = 'cashlinks-items'; - const rowItems = cashLinksData.slice(i, i + 3); rowItems.forEach(token => { @@ -306,42 +311,39 @@

${token.title}

Claim Cash
- - `; + `; rowDiv.innerHTML += itemHTML; }); - container.appendChild(rowDiv); } - // --- NEW: HANDLE JUMP LINKS (#ticker) --- + // --- UNIFIED GLOW LOGIC FOR JUMP LINKS --- const currentHash = window.location.hash; if (currentHash) { - // We use a tiny timeout to ensure the DOM has finished painting the new articles setTimeout(() => { const targetElement = document.querySelector(currentHash); if (targetElement) { - targetElement.scrollIntoView({ behavior: 'smooth', block: 'start' }); - - // Optional: Temporary highlight effect so the user knows they "landed" - targetElement.style.outline = "2px solid #a000ff"; - targetElement.style.outlineOffset = "5px"; - setTimeout(() => { targetElement.style.outline = "none"; }, 2000); + targetElement.scrollIntoView({ behavior: 'smooth', block: 'center' }); + + // Apply Soft Purple Face Glow + targetElement.style.transition = "all 0.8s ease-in-out"; + targetElement.style.backgroundColor = "rgba(168, 85, 247, 0.25)"; + targetElement.style.boxShadow = "inset 0 0 30px rgba(168, 85, 247, 0.5), 0 0 20px rgba(168, 85, 247, 0.3)"; + + // Fade out + setTimeout(() => { + targetElement.style.backgroundColor = ""; + targetElement.style.boxShadow = "none"; + }, 2500); } - }, 150); + }, 200); } } catch (err) { console.error(err); - container.innerHTML = ` -

- ⚠️ Could not load cash links.
- Make sure cashlinks-data.json exists in your repo root. -

`; + container.innerHTML = `

⚠️ Error loading links.

`; } } - - // Render when page loads document.addEventListener('DOMContentLoaded', renderCashLinks); @@ -557,9 +559,19 @@

Select a Token

const element = document.getElementById(tokenId); if (element) { element.scrollIntoView({ behavior: 'smooth', block: 'center' }); - element.style.transition = 'background-color 0.8s ease'; - element.style.backgroundColor = 'rgba(100, 200, 255, 0.15)'; - setTimeout(() => { element.style.backgroundColor = ''; }, 1600); + + // --- UNIFIED GLOW LOGIC FOR DIRECTORY --- + element.style.transition = 'all 0.8s ease-in-out'; + + // Apply Soft Purple Face Glow + element.style.backgroundColor = 'rgba(168, 85, 247, 0.25)'; + element.style.boxShadow = 'inset 0 0 30px rgba(168, 85, 247, 0.5), 0 0 20px rgba(168, 85, 247, 0.3)'; + + // Fade out + setTimeout(() => { + element.style.backgroundColor = ''; + element.style.boxShadow = 'none'; + }, 2500); } } diff --git a/wallet.html b/wallet.html index 5eac4cf..f58537f 100644 --- a/wallet.html +++ b/wallet.html @@ -8,7 +8,7 @@ - + @@ -84,14 +84,15 @@ #mobileClaimBubble { position: fixed; - right: 15px; - bottom: calc(73px + env(safe-area-inset-bottom)); + right: 13px; + bottom: calc(68px + env(safe-area-inset-bottom)); z-index: 50; display: flex; align-items: center; } /* Remove border + outline from the close button */ + #mobileClaimBubble .close-btn { border: none; outline: none; @@ -256,13 +257,13 @@

Canada
-
+
-
💼
+
💰
TOTAL
-
BALANCE
+
CASH IN BAG
@@ -271,15 +272,20 @@

+0.01% Today
-
- - -
-
-
Buy
-
Sell
+ +
+
+
+ + Buy +
+
+ + Sell +
+
@@ -298,6 +304,7 @@

+
🎁 @@ -315,9 +322,7 @@

else if (token === 'giddy') window.location.href = '/onegiddy.html'; } function goToShop() { window.location.href = '/shop.html'; } - function claimBonus() { - window.location.href = "/cashlinks.html#giddy"; - } + function claimBonus() { window.location.href = "/cashlinks.html#giddy"; } function buyToken() { alert("Buy Interface Loading..."); } function sellToken() { alert("Sell Interface Loading..."); } function showProfile() { alert("Profile coming soon"); } @@ -325,21 +330,11 @@

function dismissClaimBubble() { const bubble = document.getElementById('mobileClaimBubble'); if (bubble) { - bubble.style.setProperty('display', 'none', 'important'); + bubble.setAttribute('data-visible', 'false'); + setTimeout(() => bubble.style.setProperty('display', 'none', 'important'), 300); } localStorage.setItem('claimBubbleDismissed', 'true'); } - - window.addEventListener('load', () => { - if (window.innerWidth < 768 && localStorage.getItem('claimBubbleDismissed') !== 'true') { - document.getElementById('mobileClaimBubble').style.display = 'flex'; - } - }); - - const observer = new IntersectionObserver((entries) => { - entries.forEach(entry => { if (entry.isIntersecting) entry.target.classList.add('visible'); }); - }, { threshold: 0.1 }); - document.querySelectorAll('.fade-in').forEach(el => observer.observe(el)); @@ -351,6 +346,56 @@

+ + \ No newline at end of file