update exchanges
· 1 year ago
eadb8afe4644f5b0089583844c277292fd7cabaa
Parent:
c9c3b44cd
1 file changed +163 −88
- bitcoin-exchanges.html +163 −88
Diff
--- a/bitcoin-exchanges.html +++ b/bitcoin-exchanges.html @@ -4,19 +4,19 @@ <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <!-- Metadata --> - <title>Bitcoin Exchanges & Crypto Cards Cheatsheet: On-Ramps & Spending</title> - <meta name="description" content="Guide to choosing Bitcoin exchanges for buying/selling (Coinbase, Kraken, Swan) and crypto cards for spending (Coinbase Card, Crypto.com, Fold). Covers fees, security, risks, and self-custody importance."> + <title>Bitcoin Exchanges & Crypto Cards Cheatsheet: On-Ramps & Spending Guide</title> + <meta name="description" content="Guide to choosing Bitcoin exchanges for buying/selling (Coinbase, Kraken, Gemini, Swan) and crypto cards for spending (Coinbase Card, Crypto.com, Gemini Card, Fold). Covers fees, security, risks, and self-custody importance."> <link rel="canonical" href="https://cheatsheets.davidveksler.com/bitcoin-exchanges-cards.html"> <!-- Example URL --> <!-- Social Media Metadata --> - <meta property="og:title" content="Bitcoin Exchanges & Crypto Cards Cheatsheet: On-Ramps & Spending"> + <meta property="og:title" content="Bitcoin Exchanges & Crypto Cards Cheatsheet: On-Ramps & Spending Guide"> <meta property="og:description" content="Your guide to understanding crypto exchanges, choosing the right platform for buying Bitcoin, and using crypto cards for spending, while highlighting risks and best practices."> <meta property="og:type" content="article"> <meta property="og:url" content="https://cheatsheets.davidveksler.com/bitcoin-exchanges-cards.html"> <!-- Example URL --> <meta property="og:image" content="https://cheatsheets.davidveksler.com/images/exchange-cards-og.png"> <!-- Example Image Path --> <meta property="og:image:alt" content="Synthwave style graphic showing exchange and card icons."> <meta name="twitter:card" content="summary_large_image"> - <meta name="twitter:title" content="Bitcoin Exchanges & Crypto Cards Cheatsheet: On-Ramps & Spending"> + <meta name="twitter:title" content="Bitcoin Exchanges & Crypto Cards Cheatsheet: On-Ramps & Spending Guide"> <meta name="twitter:description" content="Your guide to understanding crypto exchanges, choosing the right platform for buying Bitcoin, and using crypto cards for spending, while highlighting risks and best practices."> <meta name="twitter:image" content="https://cheatsheets.davidveksler.com/images/exchange-cards-og.png"> <!-- Example Image Path --> <meta name="twitter:image:alt" content="Synthwave style graphic showing exchange and card icons."> @@ -28,7 +28,7 @@ <link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;600&family=Fira+Code:wght@400;600&family=Orbitron:[email protected]&display=swap" rel="stylesheet"> <style> - /* --- NEW Color Scheme: Synthwave Sunset --- */ + /* --- Synthwave Sunset Color Scheme --- */ @keyframes subtleDataStream { 0% { background-position: 0 0; } 100% { background-position: 0 60px; } } @keyframes pulseGlowIntense { 0% { box-shadow: 0 0 8px 1px var(--category-color-glow), 0 4px 10px rgba(0,0,0, 0.4), inset 0 0 5px rgba(0,0,0,0.2); } 50% { box-shadow: 0 0 20px 5px var(--category-color-glow), 0 6px 15px rgba(0,0,0, 0.5), inset 0 0 10px rgba(0,0,0,0.3); } 100% { box-shadow: 0 0 8px 1px var(--category-color-glow), 0 4px 10px rgba(0,0,0, 0.4), inset 0 0 5px rgba(0,0,0,0.2); } } @keyframes flowLineGradient { 0% { background-position: -100% 0; } 100% { background-position: 100% 0; } } @@ -43,16 +43,19 @@ --text-secondary: #8b98b8; /* Muted Cyan/Gray */ --text-heading: #f0f6fc; /* Brighter Off-white */ --border-color: #4a4e69; /* Muted Purple Border */ + --divider-color: rgba(74, 78, 105, 0.5); /* Dimmer Divider */ --accent-primary: #ff00ff; /* Neon Magenta/Pink */ --accent-primary-dark: #cc00cc; --accent-primary-glow: rgba(255, 0, 255, 0.6); --accent-secondary: #00ffff; /* Bright Cyan */ + --accent-secondary-dark: #00cccc; --accent-secondary-glow: rgba(0, 255, 255, 0.5); --warning-color: #ff8c00; /* Sunset Orange */ --warning-glow: rgba(255, 140, 0, 0.6); --critical-color: #ff3366; /* Hot Pink/Red */ --rule-border-color: var(--critical-color); --rule-bg-color: rgba(255, 51, 102, 0.15); + --btc-orange: #f7931a; /* Bitcoin Orange */ /* Category Colors */ --cat-color-intro: var(--accent-secondary); --cat-glow-intro: var(--accent-secondary-glow); /* Cyan */ @@ -84,11 +87,11 @@ } *, *::before, *::after { box-sizing: inherit; } - /* --- Header Styling (Synthwave Adapt) --- */ + /* --- Header Styling --- */ .page-header { background: - linear-gradient(135deg, rgba(255, 0, 255, 0.1) 0%, transparent 40%), /* Magenta accent */ - linear-gradient(225deg, rgba(0, 255, 255, 0.08) 0%, transparent 40%), /* Cyan accent */ + linear-gradient(135deg, rgba(255, 0, 255, 0.1) 0%, transparent 40%), + linear-gradient(225deg, rgba(0, 255, 255, 0.08) 0%, transparent 40%), linear-gradient(0deg, rgba(42, 46, 69, 0.1) 0%, transparent 50%), var(--bg-container); backdrop-filter: blur(3px); @@ -98,26 +101,23 @@ box-shadow: 0 5px 25px rgba(0, 0, 0, 0.4), inset 0 0 15px rgba(0,0,0,0.3); overflow: hidden; } - .page-header::before, - .page-header::after { + .page-header::before, .page-header::after { content: ''; position: absolute; width: 20px; height: 20px; - border-color: var(--accent-primary); border-style: solid; /* Magenta corners */ + border-color: var(--accent-primary); border-style: solid; opacity: 0.7; filter: drop-shadow(0 0 4px var(--accent-primary-glow)); transition: all 0.3s ease; } .page-header::before { top: 10px; left: 10px; border-width: 2px 0 0 2px; border-top-left-radius: 5px; } .page-header::after { bottom: 10px; right: 10px; border-width: 0 2px 2px 0; border-bottom-right-radius: 5px; } - .page-header:hover::before, - .page-header:hover::after { width: 25px; height: 25px; opacity: 1; filter: drop-shadow(0 0 8px var(--accent-primary-glow)); } - + .page-header:hover::before, .page-header:hover::after { width: 25px; height: 25px; opacity: 1; filter: drop-shadow(0 0 8px var(--accent-primary-glow)); } .page-header h1 { color: var(--text-heading); font-weight: 300; letter-spacing: 1.5px; - margin-bottom: 0.7rem; font-size: 2.6rem; /* Slightly smaller */ - text-shadow: 0 0 15px var(--accent-primary-glow), 0 0 5px var(--accent-secondary-glow); /* Dual glow */ + margin-bottom: 0.7rem; font-size: 2.6rem; + text-shadow: 0 0 15px var(--accent-primary-glow), 0 0 5px var(--accent-secondary-glow); } - .page-header h1 .bi { /* Header Icons */ + .page-header h1 .bi { font-size: 0.9em; vertical-align: -0.08em; margin: 0 0.4em; - color: var(--accent-secondary); filter: drop-shadow(0 0 8px var(--accent-secondary-glow)); /* Cyan icons */ + color: var(--accent-secondary); filter: drop-shadow(0 0 8px var(--accent-secondary-glow)); } .page-header .lead { color: var(--text-secondary); font-size: 1.15rem; max-width: 800px; @@ -134,7 +134,6 @@ padding: 0.5rem 0; display: block; position: relative; z-index: 15; text-shadow: 0 0 8px var(--category-color-glow); } - /* Apply new category colors */ .cat-intro > .section-title { --category-color: var(--cat-color-intro); --category-color-glow: var(--cat-glow-intro);} .cat-exchanges-us > .section-title { --category-color: var(--cat-color-exchanges-us); --category-color-glow: var(--cat-glow-exchanges-us);} .cat-exchanges-global > .section-title { --category-color: var(--cat-color-exchanges-global); --category-color-glow: var(--cat-glow-exchanges-global);} @@ -145,7 +144,7 @@ .cat-pitfalls > .section-title { --category-color: var(--cat-color-pitfalls); --category-color-glow: var(--cat-glow-pitfalls);} .cat-glossary > .section-title { --category-color: var(--cat-color-glossary); --category-color-glow: var(--cat-glow-glossary);} - /* --- Card Styling (Adapting Bitcoin Wallet CSS) --- */ + /* --- Card Styling --- */ .info-card { background-color: var(--bg-card); border: 1px solid var(--border-color); border-radius: 6px; box-shadow: 0 4px 12px rgba(0,0,0, 0.3), inset 0 0 8px rgba(0,0,0,0.2); @@ -153,7 +152,6 @@ transition: all 0.3s ease; position: relative; z-index: 5; overflow: hidden; --category-color: inherit; --category-color-glow: inherit; } - /* Apply new category color vars to card types */ .info-card.type-intro { --category-color: var(--cat-color-intro); --category-color-glow: var(--cat-glow-intro);} .info-card.type-exchange-us { --category-color: var(--cat-color-exchanges-us); --category-color-glow: var(--cat-glow-exchanges-us);} .info-card.type-exchange-global { --category-color: var(--cat-color-exchanges-global); --category-color-glow: var(--cat-glow-exchanges-global);} @@ -163,9 +161,8 @@ .info-card.type-security { --category-color: var(--cat-color-security); --category-color-glow: var(--cat-glow-security);} .info-card.type-pitfall { --category-color: var(--cat-color-pitfalls); --category-color-glow: var(--cat-glow-pitfalls);} .info-card.type-glossary { --category-color: var(--cat-color-glossary); --category-color-glow: var(--cat-glow-glossary);} - .info-card.type-consideration { --category-color: var(--accent-secondary); --category-color-glow: var(--accent-secondary-glow);} /* Cyan for general considerations */ + .info-card.type-consideration { --category-color: var(--accent-secondary); --category-color-glow: var(--accent-secondary-glow);} - /* Card Corner Effect */ .info-card::before { content: ''; position: absolute; top: -1px; left: -1px; width: 15px; height: 15px; border-top: 2px solid var(--category-color); @@ -187,13 +184,17 @@ text-transform: uppercase; letter-spacing: 1px; text-shadow: 0 0 5px rgba(0,0,0,0.6); } .info-card h5 .bi { font-size: 1.2em; color: var(--text-heading); opacity: 1; filter: drop-shadow(0 0 3px rgba(0,0,0,0.6));} - .card-content-wrapper { padding: 1.1rem; flex-grow: 1; display: flex; flex-direction: column; } - .info-card p.summary { font-size: .88rem; color: var(--text-secondary); margin-bottom: 1rem; flex-grow: 1; line-height: 1.6;} - .info-card span.pros, .info-card span.cons { display: block; margin-bottom: 0.5rem; position: relative; padding-left: 1.8em;} + /* Subtle Gradient BG for Card Content */ + .card-content-wrapper { + padding: 1.1rem; flex-grow: 1; display: flex; flex-direction: column; + background: linear-gradient(145deg, rgba(255,255,255,0.01) 0%, rgba(255,255,255,0) 30%); + } + .info-card p.summary { font-size: .88rem; color: var(--text-primary); /* Brighter Summary Text */ margin-bottom: 1rem; flex-grow: 1; line-height: 1.6;} + .info-card span.pros, .info-card span.cons { display: block; margin-bottom: 0.5rem; position: relative; padding-left: 1.8em; font-size: 0.85rem; color: var(--text-primary);} .info-card span.pros::before { content: '[+]'; color: #56d364; font-weight: bold; position: absolute; left: 0; filter: drop-shadow(0 0 3px rgba(86, 211, 100, 0.6));} .info-card span.cons::before { content: '[-]'; color: var(--critical-color); font-weight: bold; position: absolute; left: 0; filter: drop-shadow(0 0 3px rgba(255, 51, 102, 0.6));} .info-card p.platform-link { font-size: 0.8rem; margin-top: auto; text-align: center; padding-top: 0.5rem;} - .info-card p.platform-link a { color: var(--accent-secondary); } + .info-card p.platform-link a { color: var(--accent-secondary); font-weight: 600; } .info-card p.platform-link a:hover { color: color-mix(in srgb, var(--accent-secondary) 80%, white 20%); } @@ -206,7 +207,7 @@ .collapse-content h6 { font-weight: 600; color: var(--accent-primary); margin: 1rem 0 0.5rem 0; font-size: 0.95rem; text-transform: uppercase; letter-spacing: 0.5px;} .collapse-content ul { padding-left: 0; margin-bottom: 1rem; list-style-type: none; } .collapse-content li { margin-bottom: 0.6rem; font-size: 0.88rem; line-height: 1.7; padding-left: 1.5em; position: relative; } - .collapse-content li::before { /* Neon bullet */ + .collapse-content li::before { content: ""; display: block; position: absolute; left: 0.2em; top: 0.5em; width: 6px; height: 6px; background-color: var(--category-color); border-radius: 50%; box-shadow: 0 0 5px 1px var(--category-color-glow); @@ -259,22 +260,27 @@ opacity: 0.4; animation: flowLineGradient 6s linear infinite; z-index: 1; border-radius: 1px; } - /* Sub-section Title */ + /* Sub-section Title & Divider */ h4.sub-section-title { color: var(--text-heading); - font-size: 1.1rem; - font-weight: 600; - margin: 2.5rem 0 1.5rem 0; + font-size: 1.1rem; font-weight: 600; + margin: 0 0 1.5rem 0; /* Reduced top margin */ padding-bottom: 0.5rem; - border-bottom: 1px dashed var(--border-color); - text-align: center; - letter-spacing: 1px; + text-align: center; letter-spacing: 1px; + opacity: 0.9; } h4.sub-section-title i { - margin-right: 0.5rem; - color: var(--category-color); /* Inherit color from parent section */ - filter: drop-shadow(0 0 4px var(--category-color-glow)); + margin-right: 0.5rem; color: var(--category-color); /* Inherit color from parent section */ + filter: drop-shadow(0 0 4px var(--category-color-glow)); + vertical-align: -0.1em; + } + hr.section-divider { + border: 0; + height: 1px; + background-image: linear-gradient(to right, rgba(0, 0, 0, 0), var(--divider-color), rgba(0, 0, 0, 0)); + margin: 3rem 0; /* Increased margin for separation */ } + /* Platform specific notes */ .note { font-size: 0.8rem; color: var(--text-secondary); font-style: italic; display: block; margin-top: 0.5rem; text-align: center;} @@ -365,6 +371,8 @@ </div> </div> <!-- /.row --> + <hr class="section-divider"> + <!-- == USA Exchanges == --> <div class="cat-exchanges-us"> <h4 class="sub-section-title"><i class="bi bi-flag-fill"></i> USA Focused / Widely Available</h4> @@ -378,7 +386,8 @@ <span class="pros">Very beginner-friendly, easy fiat options (ACH, Debit, PP), public company, insured hot wallet (limited).</span> <span class="cons">Higher fees on basic interface, promotes altcoins, custodial risk, strict KYC.</span> </p> - <p class="platform-link"><a href="https://www.coinbase.com" target="_blank" rel="noopener noreferrer">coinbase.com</a></p> + <!-- Referral URL added, displayed text unchanged --> + <p class="platform-link"><a href="https://coinbase.com/join/WPJGAFE?src=referral-link" target="_blank" rel="noopener noreferrer">coinbase.com</a></p> </div> </div> </div> @@ -386,7 +395,7 @@ <div class="col-lg-4 col-md-6"> <div class="info-card type-exchange-us" id="card-ex-kraken"> <div class="card-body"> - <h5><i class="bi bi-key-fill"></i> Kraken</h5> + <h5><i class="bi bi-water"></i> Kraken</h5> <div class="card-content-wrapper"> <p class="summary"> <span class="pros">Long history, strong security rep, competitive fees (Pro), good support, licensed widely.</span> @@ -397,6 +406,21 @@ </div> </div> </div> + <div class="col-lg-4 col-md-6"> + <div class="info-card type-exchange-us" id="card-ex-gemini"> + <div class="card-body"> + <h5><i class="bi bi-gem"></i> Gemini</h5> + <div class="card-content-wrapper"> + <p class="summary"> + <span class="pros">Focus on security/compliance, user-friendly, insured hot wallet. Offers Credit Card (see Section III).</span> + <span class="cons">Lower liquidity than giants, past 'Earn' program issues impacted trust, promotes altcoins, custodial risk.</span> + </p> + + <p class="platform-link"><a href="https://exchange.gemini.com/register?referral=wsbCpX&type=referral" target="_blank" rel="noopener noreferrer">gemini.com</a></p> + </div> + </div> + </div> + </div> <div class="col-lg-4 col-md-6"> <div class="info-card type-exchange-us" id="card-ex-swan"> <div class="card-body"> @@ -439,25 +463,11 @@ </div> </div> </div> - <div class="col-lg-4 col-md-6"> - <div class="info-card type-exchange-us" id="card-ex-gemini"> - <div class="card-body"> - <h5><i class="bi bi-gem"></i> Gemini</h5> - <div class="card-content-wrapper"> - <p class="summary"> - <span class="pros">Focus on security/compliance, user-friendly, insured hot wallet. Offers Credit Card (see Section III).</span> - <span class="cons">Lower liquidity than giants, past 'Earn' program issues impacted trust, promotes altcoins, custodial risk.</span> - </p> - <!-- Referral Link Added --> - <p class="platform-link"><a href="https://exchange.gemini.com/register?referral=wsbCpX&type=referral" target="_blank" rel="noopener noreferrer">gemini.com (Referral)</a></p> - </div> - </div> - </div> - </div> - <!-- Add River, Binance.US here if needed, following the pattern --> </div> <!-- /.row --> </div> <!-- /.cat-exchanges-us --> + <hr class="section-divider"> + <!-- == Global Exchanges == --> <div class="cat-exchanges-global"> <h4 class="sub-section-title"><i class="bi bi-globe"></i> Global / Non-USA Focused</h4> @@ -490,10 +500,25 @@ </div> </div> </div> - <!-- Add Kraken Global Note, OKX, Bybit etc. here if desired --> + <div class="col-lg-4 col-md-6"> + <div class="info-card type-exchange-global" id="card-ex-bitkey"> + <div class="card-body"> + <h5><i class="bi bi-key-fill"></i> Bitkey</h5> + <div class="card-content-wrapper"> + <p class="summary"> + <span class="pros">Beginner-friendly setup, no user-managed seed phrase (removes major user error point), Simple hardware (fingerprint), Recovery via 2-of-3 multisig (Mobile Key, Hardware Key, Server Key).</span> + <span class="cons"><strong class="warning">Not traditional self-custody:</strong> Relies on 2-of-3 multisig where Block/Bitkey holds server key (counterparty/server risk). Mobile key is hot. Hardware needs phone/server. Different trust model.</span> + </p> + <p class="platform-link"><a href="https://bitkey.world/" target="_blank" rel="noopener noreferrer">bitkey.world</a></p> + </div> + </div> + </div> + </div> </div> <!-- /.row --> </div> <!-- /.cat-exchanges-global --> + <hr class="section-divider"> + <!-- == P2P Exchanges == --> <div class="cat-exchanges-p2p"> <h4 class="sub-section-title"><i class="bi bi-people-fill"></i> Peer-to-Peer (P2P) Platforms</h4> @@ -529,6 +554,8 @@ </div> <!-- /.row --> </div> <!-- /.cat-exchanges-p2p --> + <hr class="section-divider"> + <!-- == Exchange Security == --> <div class="cat-security"> <div class="row justify-content-center"> @@ -597,6 +624,8 @@ </div> </div> <!-- /.row --> + <hr class="section-divider"> + <!-- == Exchange Linked Cards == --> <div class="cat-cards-exchange"> <h4 class="sub-section-title"><i class="bi bi-building"></i> Exchange-Linked Cards (Debit/Prepaid)</h4> @@ -607,7 +636,7 @@ <h5><i class="bi bi-universal-access-circle"></i> Coinbase Card</h5> <div class="card-content-wrapper"> <p class="summary"> - <span class="pros">Easy funding from Coinbase, simple UI, choose reward crypto, widely available (US/UK/EU).</span> + <span class="pros">Easy funding from Coinbase, simple UI, choose reward crypto, widely available (US/UK/EU). Visa Network.</span> <span class="cons">Conversion fees/spread apply, rewards variable, custodial risk, spending is taxable.</span> </p> <p class="platform-link"><a href="https://www.coinbase.com/card" target="_blank" rel="noopener noreferrer">coinbase.com/card</a></p> @@ -621,7 +650,7 @@ <h5><i class="bi bi-shield-fill-check"></i> Crypto.com Card</h5> <div class="card-content-wrapper"> <p class="summary"> - <span class="pros">Tiered rewards/perks, global presence, wide crypto support.</span> + <span class="pros">Tiered rewards/perks (rebates, lounge), global presence, wide crypto support. Visa Network.</span> <span class="cons">Requires staking volatile CRO for good tiers (high risk), terms changed often, custodial risk, taxable spending.</span> </p> <p class="platform-link"><a href="https://crypto.com/cards" target="_blank" rel="noopener noreferrer">crypto.com/cards</a></p> @@ -629,50 +658,81 @@ </div> </div> </div> + <div class="col-lg-4 col-md-6"> + <div class="info-card type-card-exchange" id="card-card-kraken"> + <div class="card-body"> + <h5><i class="bi bi-water"></i> Kraken Card</h5> + <div class="card-content-wrapper"> + <p class="summary"> + <span class="pros">Linked to reputable Kraken exchange, expected debit features. Visa Network (Expected).</span> + <span class="cons"><strong class="warning">Limited Availability:</strong> Waitlist/Beta in US/Europe. Not widely released yet. Terms TBD. Custodial risk.</span> + </p> + <p class="platform-link"><a href="https://www.kraken.com/features/kraken-card" target="_blank" rel="noopener noreferrer">kraken.com/features/kraken-card</a></p> + <p class="note">Verify availability before considering.</p> + </div> + </div> + </div> + </div> <div class="col-lg-4 col-md-6"> <div class="info-card type-card-exchange" id="card-card-binance"> <div class="card-body"> <h5><i class="bi bi-hurricane"></i> Binance Card</h5> <div class="card-content-wrapper"> <p class="summary"> - <span class="pros">(Historically) Linked to large ecosystem, potential low fees (w/ BNB).</span> - <span class="cons"><strong class="warning">Limited Availability: Discontinued in EU/LatAm.</strong> Check status. Regulatory issues, custodial risk, promotes BNB.</span> + <span class="pros">(Historically) Linked to large ecosystem, potentially low fees (w/ BNB). Visa Network.</span> + <span class="cons"><strong class="warning">Limited Availability: Discontinued in EU/LatAm.</strong> Check current status elsewhere. Regulatory issues, custodial risk, promotes BNB.</span> </p> <p class="platform-link"><a href="https://www.binance.com/en/cards" target="_blank" rel="noopener noreferrer">binance.com/en/cards</a></p> - <p class="note">Verify regional availability before considering.</p> + <p class="note">Verify regional availability. Largely unavailable.</p> </div> </div> </div> </div> - <!-- Add Kraken Card (if launched), Uphold Card here --> + <div class="col-lg-4 col-md-6"> + <div class="info-card type-card-exchange" id="card-card-uphold"> + <div class="card-body"> + <h5><i class="bi bi-cloud-fill"></i> Uphold Card</h5> + <div class="card-content-wrapper"> + <p class="summary"> + <span class="pros">Spend various assets (crypto, metals, fiat), crypto cashback rewards. Mastercard Network. (US/UK).</span> + <span class="cons">Requires Uphold account/custody, potential conversion fees/spreads, reward crypto volatility.</span> + </p> + <p class="platform-link"><a href="https://uphold.com/card" target="_blank" rel="noopener noreferrer">uphold.com/card</a></p> + </div> + </div> + </div> + </div> </div> <!-- /.row --> </div> <!-- /.cat-cards-exchange --> + <hr class="section-divider"> + <!-- == Other Cards == --> <div class="cat-cards-other"> <h4 class="sub-section-title"><i class="bi bi-star-fill"></i> Fintech / Lender / Rewards Cards</h4> <div class="row"> <div class="col-lg-4 col-md-6"> - <div class="info-card type-card-other" id="card-card-nexo"> - <div class="card-body"> - <h5><i class="bi bi-arrow-repeat"></i> Nexo Card</h5> - <div class="card-content-wrapper"> - <p class="summary"> - <span class="pros">Credit (borrow) or Debit modes, earn interest on balance, rewards (NEXO/BTC). (Primarily EU/EEA).</span> - <span class="cons">Credit mode = loan risks (liquidation), promotes NEXO token, custodial/lender risk, tax implications.</span> - </p> - <p class="platform-link"><a href="https://nexo.com/nexo-card" target="_blank" rel="noopener noreferrer">nexo.com/nexo-card</a></p> - </div> - </div> - </div> - </div> + <div class="info-card type-card-other" id="card-card-gemini-credit"> + <div class="card-body"> + <h5><i class="bi bi-gem"></i> Gemini Credit Card</h5> + <div class="card-content-wrapper"> + <p class="summary"> + <span class="pros">True Credit Card (Mastercard), earn crypto rewards (BTC etc.) on spending, no annual fee. (US).</span> + <span class="cons">Requires Gemini account, rewards held custodially initially, subject to credit approval, standard credit card risks.</span> + </p> + + <p class="platform-link"><a href="https://exchange.gemini.com/register?referral=wsbCpX&type=referral" target="_blank" rel="noopener noreferrer">gemini.com/credit-card</a></p> + </div> + </div> + </div> + </div> <div class="col-lg-4 col-md-6"> <div class="info-card type-card-other" id="card-card-fold"> <div class="card-body"> <h5><i class="bi bi-gift-fill"></i> Fold Card</h5> <div class="card-content-wrapper"> <p class="summary"> - <span class="pros">Bitcoin rewards focus ("Sat Back"), gamified variable rewards, spend USD earn BTC. (US).</span> + <span class="pros">Bitcoin rewards focus ("Sat Back"), gamified variable rewards, spend USD earn BTC. Visa Network. (US).</span> <span class="cons">Variable rewards (luck), premium tier has fee, not spending crypto directly, requires funding USD.</span> </p> <p class="platform-link"><a href="https://foldapp.com/card" target="_blank" rel="noopener noreferrer">foldapp.com/card</a></p> @@ -680,25 +740,39 @@ </div> </div> </div> - <div class="col-lg-4 col-md-6"> - <div class="info-card type-card-other" id="card-card-gemini-credit"> + <div class="col-lg-4 col-md-6"> + <div class="info-card type-card-other" id="card-card-nexo"> <div class="card-body"> - <h5><i class="bi bi-gem"></i> Gemini Credit Card</h5> + <h5><i class="bi bi-arrow-repeat"></i> Nexo Card</h5> <div class="card-content-wrapper"> <p class="summary"> - <span class="pros">True Credit Card (Mastercard), earn crypto rewards (BTC etc.) on spending, no annual fee. (US).</span> - <span class="cons">Requires Gemini account, rewards held custodially initially, subject to credit approval, standard credit card risks.</span> + <span class="pros">Credit (borrow) or Debit modes, earn interest on balance, rewards (NEXO/BTC). Mastercard Network. (Primarily EU/EEA).</span> + <span class="cons">Credit mode = loan risks (liquidation), promotes NEXO token, custodial/lender risk, tax implications.</span> </p> - <!-- Referral Link Added --> - <p class="platform-link"><a href="https://exchange.gemini.com/register?referral=wsbCpX&type=referral" target="_blank" rel="noopener noreferrer">gemini.com/credit-card (Referral)</a></p> + <p class="platform-link"><a href="https://nexo.com/nexo-card" target="_blank" rel="noopener noreferrer">nexo.com/nexo-card</a></p> </div> </div> </div> </div> - <!-- Add Wirex etc. here --> + <div class="col-lg-4 col-md-6"> + <div class="info-card type-card-other" id="card-card-wirex"> + <div class="card-body"> + <h5><i class="bi bi-globe2"></i> Wirex Card</h5> + <div class="card-content-wrapper"> + <p class="summary"> + <span class="pros">Supports multiple fiat/crypto accounts, real-time conversion, crypto rewards (WXT). (UK/EEA/APAC).</span> + <span class="cons">Fee structure complexity (tiers), custodial risk, WXT token volatility.</span> + </p> + <p class="platform-link"><a href="https://wirexapp.com/card" target="_blank" rel="noopener noreferrer">wirexapp.com/card</a></p> + </div> + </div> + </div> + </div> </div> <!-- /.row --> </div> <!-- /.cat-cards-other --> + <hr class="section-divider"> + <!-- == Card Security == --> <div class="cat-security"> <div class="row justify-content-center"> @@ -730,7 +804,7 @@ <div class="col-lg-8"> <div class="info-card type-pitfall" id="card-risks-summary"> <div class="card-body"> - <h5 class="text-center"><i class="bi bi-lightning-charge-fill"></i> Summary: Navigating Exchanges & Cards</h5> + <h5 class="text-center"><i class="bi bi-activity"></i> Summary: Navigating Exchanges & Cards</h5> <div class="card-content-wrapper"> <h6>Key Risks Recap:</h6> <ul> @@ -812,10 +886,11 @@ document.addEventListener('DOMContentLoaded', () => { const footerYearEl = document.getElementById('footer-year'); if (footerYearEl) { - footerYearEl.textContent = `Bitcoin Exchanges & Crypto Cards Cheatsheet v1.0 - © ${new Date().getFullYear()} David Veksler (Content Inspired/Refined)`; + // Updated Footer Text + footerYearEl.textContent = `Bitcoin Exchanges & Crypto Cards Cheatsheet v1.1 - © ${new Date().getFullYear()} David Veksler (Content Inspired/Refined)`; } - // JS for collapse toggle icons (reused from wallet cheatsheet) + // JS for collapse toggle icons (reused) const collapseElements = document.querySelectorAll('.collapse'); collapseElements.forEach(collapseEl => { const button = document.querySelector(`.details-toggle[data-bs-target="#${collapseEl.id}"]`);