Skip to content

Minor formatting changes for zindex of floating button on wallet.html… #621

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
OFiDCrypt merged 1 commit into from
May 14, 2026
Merged

Minor formatting changes for zindex of floating button on wallet.html… #621

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
2 changes: 1 addition & 1 deletion cashlinks-data.json
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -11,7 +11,7 @@
{
"id": "giddy",
"ticker": "GIDDY",
"title": "GIDDY STABLECOIN",
"title": "GIDDY DOLLAR",
"imageSrc": "/assets/images/dgcl-giddy.jpg",
"imageHref": "/onegiddy.html#swap-giddy",
"cashLink": "https://kinnected-links.com/k7m9x2qw8e4r5t6y/pay.html?id=1777151285457",
Expand Down
15 changes: 15 additions & 0 deletions cashlinks.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -86,6 +86,17 @@
<!-- Tailwind CSS -->
<script src="https://cdn.tailwindcss.com"></script>

<style>
body h3 {
margin: 0 0 2rem 0;
}

body p {
text-align: justify;
margin: 1.25rem 0;
}
</style>

<!-- Meta Language -->
<meta http-equiv='content-language' content='en-gb'>

Expand Down Expand Up @@ -771,6 +782,10 @@ <h1 class="footer-left-aligned">
}
return true;
}

// Profile button placeholder
function showProfile() { alert("Profile coming soon"); }

</script>

<!-- Link to non-critical JavaScript files -->
Expand Down
58 changes: 34 additions & 24 deletions wallet.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -73,7 +73,7 @@
position: fixed;
bottom: 100px;
right: 20px;
z-index: 100;
z-index: 50;
}

@media (max-width: 767px) {
Expand All @@ -86,7 +86,7 @@
position: fixed;
right: 15px;
bottom: calc(73px + env(safe-area-inset-bottom));
z-index: 999999;
z-index: 50;
display: flex;
align-items: center;
}
Expand Down Expand Up @@ -197,13 +197,17 @@ <h2 class="text-4xl font-bold mt-6 mb-6"></h2>

<div class="grid grid-cols-2 gap-4 mb-8">
<div onclick="goToToken('expb')" class="card p-5 cursor-pointer token-card fade-in">
<div class="flex justify-between items-start">
<div class="card-content flex-1">
<span class="uppercase text-xs tracking-widest text-purple-300">DYNAMIC TOKEN</span>
<div class="text-3xl font-bold mt-1">$eXPB</div>
<div class="text-lg">BOUNCY BALL</div>
<div class="flex items-center justify-between gap-2">
<div class="card-content w-1/2 flex flex-col justify-center">
<span
class="uppercase text-[10px] sm:text-xs tracking-widest text-purple-300 block leading-tight">DYNAMIC
TOKEN</span>
<div class="text-2xl sm:text-3xl font-bold mt-1">eXPB</div>
<div class="text-sm sm:text-lg leading-tight text-zinc-300">BOUNCY BALL</div>
</div>
<div class="w-1/2 flex justify-end">
<img src="/assets/images/webp/expb-case.webp" alt="eXPB" class="token-icon max-w-full">
</div>
<img src="/assets/images/webp/expb-case.webp" alt="eXPB" class="token-icon">
</div>
<div class="mt-8 card-content">
<div class="text-xs uppercase text-zinc-400">YOUR VALUE</div>
Expand All @@ -214,13 +218,18 @@ <h2 class="text-4xl font-bold mt-6 mb-6"></h2>
</div>

<div onclick="goToToken('giddy')" class="card p-5 cursor-pointer token-card fade-in">
<div class="flex justify-between items-start">
<div class="card-content flex-1">
<span class="uppercase text-xs tracking-widest text-purple-300">STABLE TOKEN</span>
<div class="text-3xl font-bold mt-1">$GIDDY</div>
<div class="text-lg">GIDDY DOLLAR</div>
<div class="flex items-center justify-between gap-2">
<div class="card-content w-1/2 flex flex-col justify-center">
<span
class="uppercase text-[10px] sm:text-xs tracking-widest text-purple-300 block leading-tight">STABLE
TOKEN</span>
<div class="text-2xl sm:text-3xl font-bold mt-1">GIDDY</div>
<div class="text-sm sm:text-lg leading-tight text-zinc-300">GIDDY DOLLAR</div>
</div>
<div class="w-1/2 flex justify-end">
<img src="/assets/images/webp/giddy-case.webp" alt="GIDDY"
class="token-icon max-w-full">
</div>
<img src="/assets/images/webp/giddy-case.webp" alt="GIDDY" class="token-icon">
</div>
<div class="mt-8 card-content">
<div class="text-xs uppercase text-zinc-400">YOUR VALUE</div>
Expand Down Expand Up @@ -250,22 +259,22 @@ <h2 class="text-4xl font-bold mt-6 mb-6"></h2>
<div class="card p-5 fade-in mb-12">
<div class="flex justify-between items-start">
<div class="flex items-center gap-3">
<div class="text-4xl">🌿</div>
<div class="text-4xl">💼</div>
<div>
<div class="font-bold text-2xl">$MINTY</div>
<div class="text-sm text-zinc-400">REFRESH COIN</div>
<div class="font-bold text-2xl">TOTAL</div>
<div class="text-sm text-zinc-400">BALANCE</div>
</div>
</div>
<div class="text-right">
<div class="text-xs uppercase text-zinc-400">YOUR VALUE</div>
<div class="text-4xl font-bold">$0.42 CAD</div>
<div class="text-4xl font-bold">$1.68 CAD</div>
<div class="text-green-400 text-sm">+0.01% Today</div>
</div>
</div>
<div class="flex justify-center gap-8 mt-8">
<button onclick="buyMinty()"
<button onclick="buyToken()"
class="w-20 h-20 bg-purple-600 hover:bg-purple-500 rounded-full text-4xl">＋</button>
<button onclick="sellMinty()"
<button onclick="sellToken()"
class="w-20 h-20 bg-purple-600 hover:bg-purple-500 rounded-full text-4xl">－</button>
</div>
<div class="flex justify-center gap-12 text-sm mt-2">
Expand Down Expand Up @@ -306,12 +315,13 @@ <h2 class="text-4xl font-bold mt-6 mb-6"></h2>
else if (token === 'giddy') window.location.href = '/onegiddy.html';
}
function goToShop() { window.location.href = '/shop.html'; }
function claimBonus() { alert("🎉 $0.50 GIDDY sent to your wallet!"); }
function buyMinty() { alert("Buy Minty"); }
function sellMinty() { alert("Sell Minty"); }
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"); }

// Mobile floating bubble fixed function
function dismissClaimBubble() {
const bubble = document.getElementById('mobileClaimBubble');
if (bubble) {
Expand Down
Loading