Skip to content
Merged
Show file tree
Hide file tree
Changes from all commits
Commits
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
Binary file modified docs/files/tds_token-data_giddy.pdf
Binary file not shown.
Binary file modified docs/files/whitepaper-perfect-loop.pdf
Binary file not shown.
Binary file modified docs/files/ws-application-expb-giddy-2026-04-18.pdf
Binary file not shown.
1 change: 1 addition & 0 deletions robots.txt
Original file line number Diff line number Diff line change
@@ -1,4 +1,5 @@
User-agent: *
Disallow: /wallet
Disallow: /cashlinks-updater
Disallow: /explore/app-featured-hvr
Disallow: /pages/vipwithcode
Expand Down
1 change: 0 additions & 1 deletion shop.html
Original file line number Diff line number Diff line change
Expand Up @@ -89,7 +89,6 @@
<!-- Meta Language -->
<meta http-equiv='content-language' content='en-gb'>

<!-- Custom Shop + Modal Styles -->
<!-- Custom Shop + Modal Styles -->
<style>
/* ============================ */
Expand Down
340 changes: 340 additions & 0 deletions wallet.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,340 @@
<!DOCTYPE HTML>
<html lang="en-GB">
<!--Massively by HTML5 UP | html5up.net | @ajlkn
Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)-->

<head>
<!-- Google tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-3KX9VK5CCH"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag() { dataLayer.push(arguments); }
gtag('js', new Date());
gtag('config', 'G-3KX9VK5CCH');
</script>

<!-- JSON -->
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "Organization",
"name": "OFiDCrypt",
"url": "https://www.ofidcrypt.com",
"logo": [
"https://www.ofidcrypt.com/assets/images/ofid-logo-saturn01.png",
"https://www.ofidcrypt.com/assets/images/webp/bg-ofid-giddys.webp"
],
"sameAs": [
"https://x.com/OFiDCrypt",
"https://x.com/Giddys_CA",
"https://youtube.com/@OFiDCrypt",
"https://www.tiktok.com/@Giddys_CA",
"https://www.facebook.com/OFiDCrypt",
"https://linkedin.com/company/OFiDCrypt",
"https://www.instagram.com/OFiDCrypt"
]
}
</script>

<!-- Meta Description (for SEO) -->
<title>Giddy's Key | Wallet</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover">
<meta name="description"
content="Giddy's Key Wallet — your personal Solana wallet for $GIDDY, $eXPB Bouncy Ball, and local currencies. Redeem links, swap tokens, view balances, and access Giddy's Shop.">
<meta name="keywords"
content="wallet, Giddy's Key, $GIDDY, $eXPB, Solana wallet, crypto wallet, bouncy ball, stablecoin, OFiDCrypt, Web3, redemption links">
<meta name="author" content="Tokin">

<!-- Open Graph Meta Tags -->
<meta property="og:title" content="Giddy's Key | Wallet">
<meta property="og:description"
content="Giddy's Key Wallet — your personal Solana wallet for $GIDDY, $eXPB Bouncy Ball, and local currencies. Redeem links, swap tokens, view balances, and access Giddy's Shop.">
<meta property="og:image" content="https://www.ofidcrypt.com/assets/images/webp/digital-gift-toy-poster.webp">
<meta property="og:url" content="https://www.ofidcrypt.com/wallet.html">
<meta property="og:type" content="website">

<!-- Twitter Card Meta Tags -->
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:title" content="Giddy's Key | Wallet">
<meta name="twitter:description"
content="Giddy's Key Wallet — your personal Solana wallet for $GIDDY, $eXPB Bouncy Ball, and local currencies. Redeem links, swap tokens, view balances, and access Giddy's Shop.">
<meta name="twitter:image" content="https://www.ofidcrypt.com/assets/images/webp/digital-gift-toy-poster.webp">
<meta name="twitter:url" content="https://www.ofidcrypt.com/wallet.html">

<!-- Default ICO file with multiple sizes -->
<link rel="icon" type="image/x-icon" href="/favicon.ico">

<!-- Specific PNG sizes for modern browsers -->
<link rel="icon" type="image/png" sizes="1280x1280" href="/favicon.png">

<!-- Default Apple-Touch-Icon sizes -->
<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">

<!-- Canonical Preferred URL -->
<link rel="canonical" href="https://www.ofidcrypt.com/wallet.html">

<!-- Stylesheets -->
<link rel="stylesheet" href="/assets/css/main.css">
<noscript>
<link rel="stylesheet" href="/assets/css/noscript.css">
</noscript>

<!-- Font Awesome for icons -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.0/css/all.min.css">

<!-- Tailwind for the dashboard (keeps it consistent with modern mobile look) -->
<script src="https://cdn.tailwindcss.com"></script>

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

<style>
/* Dashboard-specific overrides to match your screenshot exactly */
body { background: linear-gradient(to bottom, #1e0533, #000000); color: white; }
.card { background: rgba(30, 5, 51, 0.95); border: 1px solid #6b21a8; border-radius: 1.5rem; }
.token-card:hover { transform: translateY(-4px); box-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.2); }

/* Match the purple theme from your screenshot */
.local-currencies h2 { color: white; font-size: 2.25rem; font-weight: 700; }

/* Fade-in for consistency with your existing site */
.fade-in {
opacity: 0;
transform: translateY(20px);
transition: all 0.8s cubic-bezier(0.25, 0.1, 0.25, 1);
}
.fade-in.visible { opacity: 1; transform: translateY(0); }
</style>
</head>

<body class="is-preload">

<!-- Wrapper -->
<div id="wrapper" class="fade-in">

<!-- Header Subpage (same as your shop) -->
<header class="header-subpage">
<a href="/index.html">
<img src="/assets/images/webp/giddys-shop-tile-rnd.webp" alt="Giddy's Key Logo" class="logo">
</a>
</header>

<!-- Dark Mode Toggle (keep your existing) -->
<a href="#darkModePanel" id="darkModeToggle" class="alt">
<i class="fas fa-sun"></i>
</a>

<!-- Nav (same as shop) -->
<nav id="nav">
<ul class="links">
<li><a href="index.html">Home</a></li>
<li><a href="ofidtales.html">Giddy's TV & Toys</a></li>
<li class="active"><a href="wallet.html">Wallet</a></li>
<li><a href="bouncyball.html">Tokens</a></li>
<li><a href="cashlinks.html">Digital Gifts</a></li>
</ul>

<!-- Social Brands (same as shop) -->
<ul class="icons top-icons">
<li class="top-toggle">
<a href="#" aria-label="Dark-Light Desktop Toggle Button">
<img src="/assets/images/darklight-toggle01.svg" alt="Dark-Light Desktop Toggle Button" class="custom-site-icon">
</a>
</li>
<li class="top-hvr">
<a href="https://www.ofidcrypt.ca" aria-label="Hvr">
<img src="/assets/images/hvr-logo01.svg" alt="Hvr Logo" class="custom-site-icon">
</a>
</li>
</ul>
<ul class="icons">
<li><a href="https://x.com/OFiDCrypt" class="icon brands fa-x-twitter"><span class="label">X</span></a></li>
<li><a href="https://youtube.com/@OFiDCrypt" class="icon brands fa-youtube"><span class="label">YouTube</span></a></li>
<li><a href="https://www.tiktok.com/@Giddys_CA" class="icon brands alt fa-tiktok"><span class="label">TikTok</span></a></li>
<li><a href="https://www.facebook.com/OFiDCrypt" class="icon brands alt fa-facebook-f"><span class="label">Facebook</span></a></li>
<li><a href="https://linkedin.com/company/OFiDCrypt" class="icon brands alt fa-linkedin"><span class="label">LinkedIn</span></a></li>
</ul>

<ul class="footer-links">
<li class="footer-info-link"><a href="#copyright">Docs | About | Partners | Compliance</a></li>
</ul>
</nav>

<!-- Main Content – THIS IS THE NEW DASHBOARD -->
<div id="main">

<!-- Top Bar (exactly matches your screenshot) -->
<div class="flex items-center justify-between px-4 pt-4 border-b border-purple-800">
<div class="flex items-center gap-3">
<button onclick="history.back()" class="text-3xl">←</button>
<h1 class="text-3xl font-bold tracking-tight">Giddy's Key</h1>
</div>
<div class="flex items-center gap-5">
<i class="fa-solid fa-bell text-2xl"></i>
<div onclick="showProfile()" class="w-9 h-9 bg-purple-300 rounded-full flex items-center justify-center text-black font-bold cursor-pointer">👤</div>
</div>
</div>

<div class="px-4 pt-2 pb-8">
<h2 class="local-currencies text-4xl font-bold mb-6">Local Currencies</h2>

<!-- Two Main Token Cards (exact match to screenshot) -->
<div class="grid grid-cols-2 gap-4 mb-8">
<!-- $eXPB -->
<div onclick="goToToken('expb')" class="card p-5 cursor-pointer token-card fade-in">
<div class="flex justify-between items-start">
<div>
<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>
<div class="w-14 h-14 bg-gradient-to-br from-purple-400 to-blue-500 rounded-2xl flex items-center justify-center text-3xl">🔮</div>
</div>
<div class="mt-8">
<div class="text-xs uppercase text-zinc-400">YOUR VALUE</div>
<div class="text-4xl font-bold">$1.00 CAD</div>
<div class="text-green-400 flex items-center gap-1 text-sm mt-1">+0.05% <span class="text-zinc-500">Today</span></div>
</div>
<div class="text-purple-400 text-sm mt-6 flex items-center gap-1">Token Price Details →</div>
</div>

<!-- $GIDDY -->
<div onclick="goToToken('giddy')" class="card p-5 cursor-pointer token-card fade-in">
<div class="flex justify-between items-start">
<div>
<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>
<div class="w-14 h-14 bg-yellow-500 rounded-2xl flex items-center justify-center text-3xl font-bold">G</div>
</div>
<div class="mt-8">
<div class="text-xs uppercase text-zinc-400">YOUR VALUE</div>
<div class="text-4xl font-bold">$0.68 CAD</div>
<div class="text-zinc-400 flex items-center gap-1 text-sm mt-1">0.00% <span class="text-zinc-500">Today</span></div>
</div>
<div class="text-purple-400 text-sm mt-6 flex items-center gap-1">Token Price Details →</div>
</div>
</div>

<!-- Giddy's Shop Banner (exact match) -->
<div onclick="goToShop()" class="relative rounded-3xl overflow-hidden mb-8 cursor-pointer fade-in">
<img src="/assets/images/webp/bg-ofid-giddys.webp" alt="Giddy's Shop" class="w-full h-52 object-cover">
<div class="absolute inset-0 bg-gradient-to-t from-black/80 via-black/30 to-transparent"></div>
<div class="absolute bottom-6 left-6 right-6">
<div class="text-3xl font-bold">Giddy's SHOP</div>
<button class="mt-4 w-full bg-purple-600 hover:bg-purple-500 py-4 rounded-2xl font-semibold text-lg">Visit Store</button>
</div>
</div>

<!-- Location Bar -->
<div class="flex items-center justify-between bg-zinc-900/80 rounded-3xl px-6 py-3 mb-8 text-sm">
<span>Kelowna BC Canada</span>
<img src="https://flagcdn.com/w40/ca.png" alt="Canada" class="h-5">
</div>

<!-- Minty Card (exact match) -->
<div class="card p-5 fade-in">
<div class="flex justify-between items-start">
<div class="flex items-center gap-3">
<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>
</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-green-400 text-sm">+0.01% Today</div>
</div>
</div>

<div class="flex justify-center gap-8 mt-8">
<button onclick="buyMinty()" class="w-20 h-20 bg-purple-600 hover:bg-purple-500 rounded-full flex items-center justify-center text-4xl shadow-lg">+</button>
<button onclick="sellMinty()" class="w-20 h-20 bg-purple-600 hover:bg-purple-500 rounded-full flex items-center justify-center text-4xl shadow-lg">-</button>
</div>
<div class="flex justify-center gap-12 text-sm mt-2">
<div>Buy</div>
<div>Sell</div>
</div>
</div>
</div>

<!-- Welcome Bonus Floating Button -->
<div onclick="claimBonus()" class="fixed bottom-24 right-6 bg-gradient-to-r from-purple-500 to-pink-500 text-white px-6 py-3 rounded-3xl shadow-2xl flex items-center gap-3 cursor-pointer z-50">
<span class="text-3xl">🎁</span>
<div>
<div class="font-bold">Claim $0.50 GIDDY</div>
<div class="text-xs opacity-90">Welcome to Giddy's Key</div>
</div>
</div>
</div>

<!-- Bottom Nav (exactly as in your shop page) -->
<nav class="bottom-nav">
<div class="nav-item" onclick="window.location.href='https://t.me/oneGIDDY'">
<i class="fas fa-comment-dots"></i>Ask Giddy
</div>
<div class="nav-item" onclick="window.location.href='/kincommunity.html'">
<i class="fas fa-users"></i>Connect
</div>
<div class="nav-item" onclick="window.location.href='/game/app-play.html'">
<i class="fas fa-gamepad"></i>Play Blinko!
</div>
<div class="nav-item active">
<i class="fas fa-wallet"></i>Wallet
</div>
<div class="nav-item" id="navPanelTrigger">
<i class="fas fa-bars"></i> Menu
</div>
</nav>

<!-- Footer (unchanged from your shop) -->
<footer id="footer">
<!-- Your existing footer content stays exactly the same -->
<!-- ... (contact form, location, social, etc.) ... -->
<!-- I kept it identical to your shop.html for perfect consistency -->
</footer>

<!-- Copyright + Extended Footer (unchanged) -->
<!-- ... same as your shop ... -->

</div>

<script>
// Simple navigation helpers
function goToToken(token) {
if (token === 'expb') window.location.href = '/bouncyball.html';
else if (token === 'giddy') window.location.href = '/tokens/giddy.html'; // update path if needed
}
function goToShop() { window.location.href = '/shop.html'; }
function claimBonus() {
alert("🎉 $0.50 GIDDY sent to your connected wallet!\n\n(Connect this to your existing redemption/swap code)");
}
function buyMinty() { alert("Minty Buy flow — connect your swap logic here"); }
function sellMinty() { alert("Minty Sell flow — connect your swap logic here"); }
function showProfile() { alert("Profile / Wallet details coming soon"); }

// Fade-in observer (modern & lightweight)
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));

// Tailwind script already loaded in head
</script>

<!-- Your existing scripts (keep everything below) -->
<script src="/assets/js/jquery.min.js"></script>
<script src="/assets/js/jquery.scrollex.min.js"></script>
<script src="/assets/js/jquery.scrolly.min.js"></script>
<script src="/assets/js/browser.min.js"></script>
<script src="/assets/js/breakpoints.min.js"></script>
<script src="/assets/js/util.js"></script>
<script src="/assets/js/main.js"></script>
<script src="/assets/js/ofid-main.js"></script>

</body>
</html>
Loading