{"id":1403,"date":"2026-05-12T13:13:22","date_gmt":"2026-05-12T17:13:22","guid":{"rendered":"https:\/\/fixyourowncredit.studio1live.com\/downloads\/?p=1403"},"modified":"2026-05-12T13:13:25","modified_gmt":"2026-05-12T17:13:25","slug":"live-subscribe-turn-your-brand-into-a-living-digital-card","status":"publish","type":"post","link":"https:\/\/fixyourowncredit.studio1live.com\/downloads\/live-subscribe-turn-your-brand-into-a-living-digital-card\/","title":{"rendered":"Live Subscribe \u2014 Turn Your Brand Into a Living Digital Card"},"content":{"rendered":"<body>\n<p>In a world where attention moves fast, static business cards and basic social links are no longer enough. Artists, streamers, entrepreneurs, authors, musicians, event promoters, and creators need something interactive \u2014 something that keeps working after the first click.<\/p>\n\n\n\n<p>That is the idea behind <a>Studio1Live Live Subscribe<\/a>.<\/p>\n\n\n\n<p>Currently in beta testing, Live Subscribe gives users the ability to create powerful digital business cards that are more than just profile pages. These cards are designed to stay active, track engagement, help creators grow subscribers, and encourage viral sharing through rewards and network effects.<\/p>\n\n\n\n<p>Whether you are promoting music, books, events, livestreams, products, or your personal brand, Live Subscribe is built to help independent creators compete in a digital-first economy.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">What Makes Live Subscribe Different?<\/h2>\n\n\n\n<p>Most \u201clink in bio\u201d tools simply collect URLs on one page. Live Subscribe goes further by turning each card into a living digital marketing hub.<\/p>\n\n\n\n<p>Users can:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Build custom digital business cards<\/li>\n\n\n\n<li>Promote music, books, and digital products<\/li>\n\n\n\n<li>Connect Eventbrite events and ticket sales<\/li>\n\n\n\n<li>Embed media and promotional snippets<\/li>\n\n\n\n<li>Track shares and subscriber growth<\/li>\n\n\n\n<li>Reward users for sharing and engagement<\/li>\n\n\n\n<li>Upload creative code snippets and custom content<\/li>\n\n\n\n<li>Create dynamic cards that continue spreading online<\/li>\n<\/ul>\n\n\n\n<p>The platform is especially focused on creators who want to grow organically without waiting for major labels, publishers, or large marketing budgets.<\/p>\n\n\n\n<p>\u201cDon\u2019t wait to become a star. Share your brand now.\u201d<\/p>\n\n\n\n<p>That philosophy sits at the center of the platform.<\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\">\n\n\n\n<h2 class=\"wp-block-heading\">Built for Independent Creators<\/h2>\n\n\n\n<p>Live Subscribe was designed for people building brands from the ground up.<\/p>\n\n\n\n<p>Independent musicians can share tracks, preview songs, and drive fans directly to streaming or sales pages.<\/p>\n\n\n\n<p>Authors can create \u201cKindle Kards\u201d with 60-second previews and direct Amazon purchase links.<\/p>\n\n\n\n<p>Event organizers can promote tickets through Eventbrite integrations.<\/p>\n\n\n\n<p>Streamers can share clips, highlights, and live moments.<\/p>\n\n\n\n<p>Businesses can replace outdated paper business cards with interactive digital experiences.<\/p>\n\n\n\n<p>The platform also supports creators experimenting with modern promotional strategies, including gamified sharing systems and subscriber reward mechanics.<\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\">\n\n\n\n<h2 class=\"wp-block-heading\">Real User Testimonials<\/h2>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\">\n<p>\u201cI made Live Subscribe a side hustle. I make people cool digital bizz cards, charge them $50 a pop, and it\u2019s free. Well, I did get the pro account for $9.99\/month and I can make unlimited. One business deal for $50 pays for 5 months, so no brainer there.\u201d<\/p>\n<\/blockquote>\n\n\n\n<p>That type of low-cost entry is one reason creators are testing the platform heavily during beta.<\/p>\n\n\n\n<p>Another user explained how the platform helped promote an Amazon book project:<\/p>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\">\n<p>\u201cI made a cool digital bizz card with Studio1Live Live Subscribe for my book on Amazon.\u201d<\/p>\n<\/blockquote>\n\n\n\n<p>Example card:<br><a href=\"https:\/\/studio1live.com\/live-subscribe\/c.html?card=AFF-E4FFB6&amp;utm_source=chatgpt.com\">View Example Kindle Kard<\/a><\/p>\n\n\n\n<p>Live streamers are also finding unique ways to use the platform:<\/p>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\">\n<p>\u201cI play poker and stream live, and I found Studio1Live Live Subscribe help me upload code snippets of live hands. So cool. It displays nice on the digital card, and it has gained so many unknown subscribers. It\u2019s like the digital cards got something in it which gets picked up by the algorithm.\u201d<\/p>\n<\/blockquote>\n\n\n\n<p>Authors and digital publishers are especially excited about the \u201cKindle Kard\u201d concept:<\/p>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\">\n<p>\u201cHoly smoke, Studio1Live Live Subscribe is genius. I am a writer on Amazon, and this thing allows you to create Kindle Kards \u2014 yes, 60-second previews of your digital content on Amazon \u2014 and you can plug your \u2018Buy Book Now\u2019 links directly in them. It has driven traffic and sales to my books. I will be using this tool as one of my sole marketing tools. It\u2019s actually fun creating with the card builder. I recommend it for any artist or content creator.\u201d<\/p>\n<\/blockquote>\n\n\n\n<figure class=\"wp-block-image size-large\"><img data-recalc-dims=\"1\" decoding=\"async\" width=\"640\" height=\"292\" src=\"https:\/\/i0.wp.com\/fixyourowncredit.studio1live.com\/downloads\/wp-content\/uploads\/2026\/05\/image.png?resize=640%2C292&#038;ssl=1\" alt=\"\" class=\"wp-image-1404\" loading=\"lazy\" srcset=\"https:\/\/i0.wp.com\/fixyourowncredit.studio1live.com\/downloads\/wp-content\/uploads\/2026\/05\/image.png?resize=1024%2C467&amp;ssl=1 1024w, https:\/\/i0.wp.com\/fixyourowncredit.studio1live.com\/downloads\/wp-content\/uploads\/2026\/05\/image.png?resize=300%2C137&amp;ssl=1 300w, https:\/\/i0.wp.com\/fixyourowncredit.studio1live.com\/downloads\/wp-content\/uploads\/2026\/05\/image.png?resize=768%2C350&amp;ssl=1 768w, https:\/\/i0.wp.com\/fixyourowncredit.studio1live.com\/downloads\/wp-content\/uploads\/2026\/05\/image.png?resize=450%2C205&amp;ssl=1 450w, https:\/\/i0.wp.com\/fixyourowncredit.studio1live.com\/downloads\/wp-content\/uploads\/2026\/05\/image.png?w=1301&amp;ssl=1 1301w\" sizes=\"auto, (max-width: 640px) 100vw, 640px\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><img data-recalc-dims=\"1\" decoding=\"async\" width=\"640\" height=\"284\" src=\"https:\/\/i0.wp.com\/fixyourowncredit.studio1live.com\/downloads\/wp-content\/uploads\/2026\/05\/image-1.png?resize=640%2C284&#038;ssl=1\" alt=\"\" class=\"wp-image-1405\" loading=\"lazy\" srcset=\"https:\/\/i0.wp.com\/fixyourowncredit.studio1live.com\/downloads\/wp-content\/uploads\/2026\/05\/image-1.png?resize=1024%2C455&amp;ssl=1 1024w, https:\/\/i0.wp.com\/fixyourowncredit.studio1live.com\/downloads\/wp-content\/uploads\/2026\/05\/image-1.png?resize=300%2C133&amp;ssl=1 300w, https:\/\/i0.wp.com\/fixyourowncredit.studio1live.com\/downloads\/wp-content\/uploads\/2026\/05\/image-1.png?resize=768%2C341&amp;ssl=1 768w, https:\/\/i0.wp.com\/fixyourowncredit.studio1live.com\/downloads\/wp-content\/uploads\/2026\/05\/image-1.png?resize=450%2C200&amp;ssl=1 450w, https:\/\/i0.wp.com\/fixyourowncredit.studio1live.com\/downloads\/wp-content\/uploads\/2026\/05\/image-1.png?w=1318&amp;ssl=1 1318w\" sizes=\"auto, (max-width: 640px) 100vw, 640px\" \/><\/figure>\n\n\n\n\n\n\n\n<base href=\"\/live-subscribe\/\">\n\n<meta charset=\"UTF-8\">\n<meta name=\"viewport\" content=\"width=device-width,initial-scale=1\">\n<title>Live Subscribe Card<\/title>\n<meta property=\"og:title\" id=\"ogTitle\" content=\"Live Subscribe Card\">\n<meta property=\"og:description\" id=\"ogDesc\" content=\"View this card on Live Subscribe\">\n<meta property=\"og:type\" content=\"website\">\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Space+Grotesk:wght@400;500;600;700&amp;family=Syne:wght@700;800&amp;display=swap\" rel=\"stylesheet\">\n<style>\n*{margin:0;padding:0;box-sizing:border-box}\n:root{--bg:#080810;--surface:#13132a;--border2:rgba(255,255,255,.13);--text:#f0f0ff;--muted:rgba(240,240,255,.5);--accent:#6c63ff;--accent2:#ff63a5;--accent3:#63ffd4;--gold:#ffd700;}\nbody{font-family:'Space Grotesk',sans-serif;background:var(--bg);color:var(--text);min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px;isolation:isolate}\nbody::after{content:'';position:fixed;inset:0;background-image:url(\"data:image\/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'\/%3E%3C\/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.03'\/%3E%3C\/svg%3E\");pointer-events:none;z-index:999;mix-blend-mode:overlay}\n.orb{position:fixed;border-radius:50%;filter:blur(100px);pointer-events:none;z-index:0}\n.o1{width:500px;height:500px;background:radial-gradient(circle,rgba(108,99,255,.25),transparent 70%);top:-100px;right:-100px}\n.o2{width:400px;height:400px;background:radial-gradient(circle,rgba(255,99,165,.18),transparent 70%);bottom:-80px;left:-80px}\ncanvas#bgSparkle{position:fixed;inset:0;width:100%;height:100%;pointer-events:none;z-index:1;opacity:.7;mix-blend-mode:lighten}\n\n\/* Back nav *\/\n.back-nav{position:fixed;top:16px;left:16px;z-index:100;display:flex;align-items:center;gap:8px}\n.back-btn{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.13);border-radius:10px;padding:8px 14px;color:var(--muted);font-size:13px;font-weight:600;cursor:pointer;text-decoration:none;transition:all .2s;display:flex;align-items:center;gap:6px;font-family:'Space Grotesk',sans-serif}\n.back-btn:hover{background:rgba(255,255,255,.14);color:var(--text)}\n\n\/* Card *\/\n.card-wrapper{position:relative;z-index:2;width:100%;max-width:440px}\n.card-body{background:var(--surface);border:1px solid var(--border2);border-radius:24px;overflow:hidden;box-shadow:0 32px 80px rgba(0,0,0,.6)}\n\n.card-visual{width:100%;aspect-ratio:4\/3;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden}\n.ga{background:linear-gradient(135deg,#0a0a1a,#1a1a3a,#0d0d2a)}\n.gb{background:linear-gradient(135deg,#1a0a1a,#3a1a3a,#2a0d2a)}\n.gc{background:linear-gradient(135deg,#0a1a0a,#1a3a1a,#0d2a0d)}\n.gd{background:linear-gradient(135deg,#1a1a0a,#3a3a1a,#2a2a0d)}\n.ge{background:linear-gradient(135deg,#1a0a0a,#3a1a1a,#2a0d0d)}\n.gf{background:linear-gradient(135deg,#0a1a1a,#1a3a3a,#0d2a2a)}\n.gg{background:linear-gradient(135deg,#3b0d6e,#6a1b9a,#0d0a1a)}\n.gh{background:linear-gradient(135deg,#0a1a3a,#1a3a6a,#0a0a1a)}\n\n.card-inner{text-align:center;padding:0 24px;z-index:1;position:relative}\n.card-title{font-family:'Syne',sans-serif;font-size:26px;font-weight:800;color:#fff;text-shadow:0 2px 20px rgba(0,0,0,.5);margin-bottom:8px;line-height:1.1}\n.card-sub{font-size:14px;color:rgba(255,255,255,.7);margin-bottom:18px}\n.card-cta-btn{background:rgba(255,255,255,.15);border:1.5px solid rgba(255,255,255,.35);border-radius:20px;padding:10px 24px;font-size:14px;font-weight:700;color:#fff;cursor:pointer;transition:all .2s;font-family:'Space Grotesk',sans-serif}\n.card-cta-btn:hover{background:rgba(255,255,255,.25);transform:scale(1.04)}\n\n\/* Sparkle particles on card *\/\n.card-particles{position:absolute;inset:0;pointer-events:none;z-index:0}\n\n.card-info{padding:22px 24px}\n.creator-row{display:flex;align-items:center;gap:10px;margin-bottom:14px}\n.av{width:38px;height:38px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:800;color:#fff;flex-shrink:0;background:linear-gradient(135deg,var(--accent),var(--accent2))}\n.creator-name{font-size:14px;font-weight:700}\n.creator-handle{font-size:12px;color:var(--muted)}\n.creator-loc{font-size:11px;color:var(--muted)}\n\n.stats-row{display:flex;gap:0;border:1px solid var(--border2);border-radius:12px;overflow:hidden;margin-bottom:18px}\n.stat{flex:1;padding:12px 0;text-align:center;border-right:1px solid var(--border2)}\n.stat:last-child{border-right:none}\n.stat-n{font-family:'Syne',sans-serif;font-size:16px;font-weight:700}\n.stat-l{font-size:9px;color:var(--muted);text-transform:uppercase;letter-spacing:.6px;margin-top:2px}\n\n.card-desc{font-size:13px;color:var(--muted);line-height:1.7;margin-bottom:18px;padding:14px;background:rgba(255,255,255,.03);border-radius:10px;border:1px solid var(--border2)}\n\n\/* Action buttons *\/\n.actions{display:flex;flex-direction:column;gap:10px}\n.action-btn{width:100%;padding:13px;border-radius:12px;font-size:14px;font-weight:700;border:none;cursor:pointer;transition:all .2s;font-family:'Space Grotesk',sans-serif;display:flex;align-items:center;justify-content:center;gap:8px}\n.action-primary{background:linear-gradient(135deg,var(--accent),#9060ff);color:#fff;box-shadow:0 4px 20px rgba(108,99,255,.35)}\n.action-primary:hover{transform:translateY(-1px);box-shadow:0 8px 28px rgba(108,99,255,.5)}\n.action-share{background:rgba(255,255,255,.06);border:1px solid var(--border2);color:var(--text)}\n.action-share:hover{background:rgba(255,255,255,.1)}\n\n\/* Credits callout *\/\n.credits-note{margin-top:14px;background:rgba(108,99,255,.08);border:1px solid rgba(108,99,255,.2);border-radius:10px;padding:12px 14px;font-size:12px;color:var(--muted);display:flex;align-items:center;gap:10px;line-height:1.5}\n\n\/* Share row *\/\n.share-row{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:10px}\n.share-chip{background:var(--surface);border:1px solid var(--border2);border-radius:10px;padding:9px 0;font-size:11px;font-weight:700;color:var(--muted);cursor:pointer;transition:all .2s;text-align:center;font-family:'Space Grotesk',sans-serif}\n.share-chip:hover{border-color:var(--accent);color:var(--accent);background:rgba(108,99,255,.08)}\n\n\/* Exchange CTA *\/\n.exchange-banner{margin-top:18px;background:linear-gradient(135deg,rgba(108,99,255,.1),rgba(255,99,165,.06));border:1px solid rgba(108,99,255,.2);border-radius:14px;padding:16px;text-align:center}\n.exchange-banner h4{font-family:'Syne',sans-serif;font-size:15px;font-weight:800;margin-bottom:6px}\n.exchange-banner p{font-size:12px;color:var(--muted);margin-bottom:12px;line-height:1.5}\n\n\/* Loading *\/\n.loading{display:flex;flex-direction:column;align-items:center;gap:16px;color:var(--muted)}\n.loading-spinner{width:40px;height:40px;border:3px solid var(--border2);border-top-color:var(--accent);border-radius:50%;animation:spin 1s linear infinite}\n@keyframes spin{to{transform:rotate(360deg)}}\n\n\/* Toast *\/\n.toast{position:fixed;bottom:22px;right:22px;background:var(--surface);border:1px solid var(--border2);border-radius:12px;padding:13px 17px;font-size:13px;z-index:400;display:flex;align-items:center;gap:9px;transform:translateY(80px);opacity:0;transition:all .3s cubic-bezier(.34,1.3,.64,1);box-shadow:0 8px 32px rgba(0,0,0,.5);max-width:320px;font-weight:500}\n.toast.show{transform:translateY(0);opacity:1}\n.toast-dot{width:7px;height:7px;border-radius:50%;background:var(--accent3);flex-shrink:0}\n\n@media(max-width:480px){.back-nav{top:10px;left:10px}}\n<\/style>\n<script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/three.js\/r128\/three.min.js\"><\/script>\n\n\n<div class=\"orb o1\"><\/div><div class=\"orb o2\"><\/div>\n<canvas id=\"bgSparkle\"><\/canvas>\n\n<div class=\"back-nav\">\n  <a href=\"\/live-subscribe\/index.html\" class=\"back-btn\">\u2190 Live Subscribe<\/a>\n  <a href=\"network.html\" class=\"back-btn\" style=\"padding:8px 10px\">\ud83c\udf10<\/a>\n<\/div>\n\n<!-- Card display -->\n<div class=\"card-wrapper\" id=\"cardWrapper\">\n  <div class=\"loading\" id=\"loadingState\">\n    <div class=\"loading-spinner\"><\/div>\n    <div>Loading card\u2026<\/div>\n  <\/div>\n<\/div>\n\n<!-- Toast -->\n<div class=\"toast\" id=\"toast\"><div class=\"toast-dot\"><\/div><span id=\"toastMsg\"><\/span><\/div>\n\n<script>\nlet tt;function showToast(msg){clearTimeout(tt);document.getElementById('toastMsg').textContent=msg;document.getElementById('toast').classList.add('show');tt=setTimeout(()=>document.getElementById('toast').classList.remove('show'),3800);}\n\n\/* \u2500\u2500 Read affiliate code from URL \u2500\u2500 *\/\nfunction getCardCode() {\n  \/\/ Supports:\n  \/\/   \/live-subscribe\/c\/AFF-XXXXXX  (via .htaccess rewrite \u2192 index.html?card=AFF-XXXXXX)\n  \/\/   c.html?card=AFF-XXXXXX\n  \/\/   c.html#AFF-XXXXXX\n  const params = new URLSearchParams(window.location.search);\n  let code = params.get('card') || window.location.hash.replace('#','');\n  if (!code) {\n    \/\/ Try path-based: \/c\/AFF-XXXXXX\n    const m = window.location.pathname.match(\/\\\/c\\\/([A-Z0-9\\-]+)\/);\n    if (m) code = m[1];\n  }\n  return code || null;\n}\n\n\/* \u2500\u2500 Demo card data (fallback when API not available) \u2500\u2500 *\/\nconst DEMO = {\n  'AFF-NOVA01': {title:'Nova Sound Studios',sub:'Music production & mixing',cta:'Subscribe',handle:'@novasound',loc:'Atlanta, GA',bg:'gg',shares:2400,subs:318,desc:'Top music production studio in Atlanta. Follow for exclusive drops.',subLink:'https:\/\/novasound.example.com'},\n  'AFF-HTG-KK1': {title:\"Spirit's Journey\",sub:'Heru The Guru \u00b7 Kindle Kard',cta:'Read now',handle:'@herutheguru',loc:'Jacksonville, FL',bg:'gb',shares:389,subs:72,desc:\"Third Book of The Dead \u2014 philosophical exploration of the spirit world, rebirth, and karma.\",subLink:'https:\/\/www.amazon.com\/dp\/B0DZ754846'},\n  'AFF-DJP002': {title:'DJ Phantom',sub:'Underground electronic sets',cta:'Follow',handle:'@djphantom',loc:'Chicago, IL',bg:'ga',shares:756,subs:91,desc:'NFT-powered exclusive sets. Own a piece of the underground.'},\n  'AFF-FUE003': {title:'Fuego Kitchen',sub:'Authentic Tex-Mex catering',cta:'Book now',handle:'@fuegotx',loc:'Dallas, TX',bg:'ge',shares:1100,subs:203,desc:'Best Tex-Mex catering in Dallas. Book your event today.'},\n  'AFF-OCW004': {title:'Ocean Wave Records',sub:'Indie label \u00b7 West Coast',cta:'Listen',handle:'@oceanwave',loc:'LA, CA',bg:'gf',shares:612,subs:104,desc:'Signing independent artists on the West Coast.'},\n  'AFF-RV0006': {title:'Rosa Vega Art',sub:'Digital murals & commissions',cta:'Commission me',handle:'@rosavega',loc:'Miami, FL',bg:'gd',shares:341,subs:67,desc:'Miami-based digital muralist. Open for commissions.'},\n};\n\n\/* \u2500\u2500 Try localStorage published cards too \u2500\u2500 *\/\nfunction findInStorage(code) {\n  try {\n    const stored = JSON.parse(localStorage.getItem('lsPublishedCards') || '[]');\n    return stored.find(c => c.affCode === code) || null;\n  } catch(e) { return null; }\n}\n\n\/* \u2500\u2500 Render card \u2500\u2500 *\/\nfunction renderCard(card, code) {\n  const initials = (card.handle||'').replace('@','').slice(0,2).toUpperCase() || '??';\n  const shareUrl = `https:\/\/studio1live.com\/live-subscribe\/c\/${code}`;\n  const pageUrl = encodeURIComponent(shareUrl);\n  const pageTitle = encodeURIComponent(card.title + ' \u2014 Live Subscribe');\n  \n  \/\/ Update og tags\n  document.getElementById('ogTitle').content = card.title + ' \u2014 Live Subscribe';\n  document.getElementById('ogDesc').content = card.desc || card.sub || '';\n  document.title = card.title + ' \u2014 Live Subscribe';\n\n  document.getElementById('cardWrapper').innerHTML = `\n  <div class=\"card-body\">\n    <!-- Visual -->\n    <div class=\"card-visual ${card.bg||'ga'}\">\n      <canvas class=\"card-particles\" id=\"cardCanvas\">\n      <canvas id=\"cardThreeCanvas\" style=\"position:absolute;inset:0;width:100%;height:100%;border:none;z-index:1;display:none;border-radius:inherit;pointer-events:none\">\n      <div class=\"card-inner\">\n        <div class=\"card-title\">${card.title}\n        ${card.sub ? `<div class=\"card-sub\">${card.sub}` : ''}\n        <button class=\"card-cta-btn\" onclick=\"handleCTA('${card.subLink||''}','${card.cta||'Subscribe'}')\">${card.cta||'Subscribe'}\n      \n    \n\n    <!-- Info -->\n    <div class=\"card-info\">\n      <div class=\"creator-row\">\n        <div class=\"av\">${initials}\n        <div>\n          <div class=\"creator-name\">${(card.title||'').split(' ').slice(0,2).join(' ')}\n          <div class=\"creator-handle\">${card.handle||'@creator'} \u00b7 <span class=\"creator-loc\">${card.loc||'Nationwide'}\n        \n      \n\n      <div class=\"stats-row\">\n        <div class=\"stat\"><div class=\"stat-n\">${card.shares>=1000?(card.shares\/1000).toFixed(1)+'K':card.shares||0}<div class=\"stat-l\">Shares\n        <div class=\"stat\"><div class=\"stat-n\">${card.subs||0}<div class=\"stat-l\">Subscribers\n        <div class=\"stat\"><div class=\"stat-n\">Live<div class=\"stat-l\">Status\n      \n\n      ${card.desc ? `<div class=\"card-desc\">${card.desc}` : ''}\n\n      <div class=\"actions\">\n        ${card.subLink ? `<button class=\"action-btn action-primary\" onclick=\"handleCTA('${card.subLink}','${card.cta||'Subscribe'}')\">\u2726 ${card.cta||'Subscribe'}` : ''}\n        <button class=\"action-btn action-share\" onclick=\"copyLink('${shareUrl}')\">\ud83d\udd17 Copy share link\n      \n\n      <div class=\"credits-note\">\u26a1 Share this card to earn credits in the Live Subscribe exchange. Your card gets shared back.\n\n      <div class=\"share-row\">\n        <div class=\"share-chip\" onclick=\"shareVia('sms','${pageTitle}','${pageUrl}')\">\ud83d\udcf1 SMS\n        <div class=\"share-chip\" onclick=\"shareVia('whatsapp','${pageTitle}','${pageUrl}')\">\ud83d\udcac WhatsApp\n        <div class=\"share-chip\" onclick=\"shareVia('twitter','${pageTitle}','${pageUrl}')\">\ud835\udd4f Twitter\n        <div class=\"share-chip\" onclick=\"shareVia('facebook','${pageTitle}','${pageUrl}')\">\ud83d\udcd8 Facebook\n        <div class=\"share-chip\" onclick=\"shareVia('instagram','${pageTitle}','${pageUrl}')\">\ud83d\udcf8 Instagram\n        <div class=\"share-chip\" onclick=\"shareVia('linkedin','${pageTitle}','${pageUrl}')\">\ud83d\udcbc LinkedIn\n        <div class=\"share-chip\" onclick=\"shareVia('pinterest','${pageTitle}','${pageUrl}')\">\ud83d\udccc Pinterest\n        <div class=\"share-chip\" onclick=\"openQR('${shareUrl}')\">\u2b1b QR Code\n      \n\n      <div class=\"exchange-banner\">\n        <h4>\u2726 Live Subscribe Exchange\n        <p>Build and publish your own card. Join the network of creators sharing city by city.\n        <a href=\"index.html#builderSection\" style=\"display:inline-block;background:linear-gradient(135deg,var(--accent),#9060ff);color:#fff;font-weight:700;font-size:13px;padding:9px 20px;border-radius:10px;text-decoration:none\">Build your card \u2197\n      \n    \n  `;\n\n  \/\/ \u2500\u2500 Rebuild all visual effects from saved state \u2500\u2500\n  \/\/ content comes from API (card.content) OR directly from localStorage (top-level keys)\n  const fx = card.content || {\n    threejs:       card.threejs       || null,\n    playlist:      card.playlist      || null,\n    codeEmbed:     card.codeEmbed     || null,\n    cardBgStyle:   card.cardBgStyle   || null,\n    glowState:     card.glowState     || null,\n    particleColor: card.particleColor || null,\n    effects:       card.effects       || {},\n    audioName:     card.audioName     || null,\n    music_url:     card.music_url     || null,\n  };\n\n  \/\/ 1. Gradient \/ custom bg style\n  const cardVisual = document.querySelector('.card-visual');\n  if (cardVisual && fx.cardBgStyle) {\n    cardVisual.style.background = fx.cardBgStyle;\n  }\n\n  \/\/ 1b. Text position and size\n  const cardInner = document.querySelector('.card-inner');\n  if (cardInner) {\n    cardInner.style.position = 'absolute';\n    cardInner.style.width = '100%';\n    cardInner.style.left = '0';\n    cardInner.style.textAlign = 'center';\n    cardInner.style.transform = 'none';\n\n    const pos = fx.textPos || 'top';\n    if (pos === 'bottom') {\n      cardInner.style.bottom = '14px'; cardInner.style.top = 'auto';\n    } else if (pos === 'center') {\n      cardInner.style.top = '50%'; cardInner.style.bottom = 'auto';\n      cardInner.style.transform = 'translateY(-50%)';\n    } else {\n      cardInner.style.top = '14px'; cardInner.style.bottom = 'auto';\n    }\n    \/\/ Handle corner positions\n    if (pos.includes('left'))  { cardInner.style.textAlign = 'left';  cardInner.style.paddingLeft = '14px'; cardInner.style.width = 'auto'; cardInner.style.maxWidth = '75%'; }\n    if (pos.includes('right')) { cardInner.style.textAlign = 'right'; cardInner.style.right = '14px'; cardInner.style.left = 'auto'; cardInner.style.width = 'auto'; cardInner.style.maxWidth = '75%'; }\n\n    \/\/ Text size\n    const sizeMap = {sm:'13px', md:'18px', lg:'24px', xl:'30px'};\n    const titleEl = cardInner.querySelector('.card-title');\n    if (titleEl && fx.textSize) titleEl.style.fontSize = sizeMap[fx.textSize] || '18px';\n\n    \/\/ Text backdrop\n    if (fx.textBg) {\n      cardInner.style.background = 'rgba(0,0,0,.45)';\n      cardInner.style.backdropFilter = 'blur(6px)';\n      cardInner.style.borderRadius = '10px';\n      cardInner.style.padding = '10px 18px';\n    }\n  }\n\n  \/\/ 2. Particles\n  startCardParticles(card.bg || 'ga', fx.particleColor || null);\n\n  \/\/ 3. Glow border\n  if (fx.glowState && fx.effects?.glow) {\n    const c1 = fx.glowState.color1 || '#6c63ff';\n    const c2 = fx.glowState.color2 || '#ff63a5';\n    const cardBody = document.querySelector('.card-body');\n    if (cardBody) cardBody.style.boxShadow = `0 0 0 2px ${c1}, 0 0 32px ${c1}, 0 0 60px ${c2}40`;\n  }\n\n  \/\/ 4. Three.js 3D scene\n  if (fx.threejs) {\n    startCardThreeJS(fx.threejs);\n    \/\/ Apply 3D position\n    const threeC = document.getElementById('cardThreeCanvas');\n    if (threeC && fx.threeDPos) {\n      if (fx.threeDPos === 'top')    { threeC.style.height='55%'; threeC.style.bottom='auto'; }\n      if (fx.threeDPos === 'bottom') { threeC.style.top='45%';    threeC.style.height='55%'; }\n      if (fx.threeDPos === 'bg')     { threeC.style.opacity='0.35'; }\n    }\n  }\n\n  \/\/ 5. Music player bar (if playlist was set)\n  const rawMusicUrl = card.music_url || fx.music_url || null;\n  if (fx.playlist?.tracks?.length || rawMusicUrl) {\n    const tracks = fx.playlist?.tracks || [fx.audioName || card.audioName].filter(Boolean);\n    \/\/ If music_url is a cache key (\/ls-music\/...), try to retrieve it from Cache API\n    if (rawMusicUrl && rawMusicUrl.startsWith('\/ls-music\/')) {\n      (async () => {\n        let playUrl = null;\n        try {\n          const cache = await caches.open('ls-music-v1');\n          const response = await cache.match(rawMusicUrl);\n          if (response) {\n            const blob = await response.blob();\n            playUrl = URL.createObjectURL(blob);\n          }\n        } catch(e) {}\n        showCardMusicBar(tracks, playUrl);\n        if (!playUrl) showToast('\ud83c\udfb5 Music stored locally \u2014 open from the same device to play');\n      })();\n    } else {\n      showCardMusicBar(tracks, rawMusicUrl && !rawMusicUrl.startsWith('blob:') ? rawMusicUrl : null);\n    }\n  }\n\n  \/\/ 6. Code embed (if a snippet was added in Effects > Code tab)\n  if (fx.codeEmbed) {\n    const codeTarget = document.querySelector('.card-visual');\n    if (codeTarget) {\n      const iframe = document.createElement('iframe');\n      iframe.style.cssText = 'position:absolute;inset:0;width:100%;height:100%;border:none;z-index:3;border-radius:inherit';\n      iframe.setAttribute('sandbox', 'allow-scripts allow-same-origin allow-forms allow-popups');\n      const isFullDoc = \/<!DOCTYPE|<html\/i.test(fx.codeEmbed);\n      iframe.srcdoc = isFullDoc ? fx.codeEmbed : `<!DOCTYPE html><html><head><meta charset=\"UTF-8\"><style>*{margin:0;padding:0;box-sizing:border-box}body{background:transparent;overflow:hidden;font-family:sans-serif;color:#fff}<body>${fx.codeEmbed}<\/script>\n\n\n<p><\/p>\n<\/body>","protected":false},"excerpt":{"rendered":"<p>In a world where attention moves fast, static business cards and basic social links are no longer enough. Artists, streamers, entrepreneurs, authors, musicians, event promoters, and creators need something interactive \u2014 something that keeps working after the first click. That is the idea behind Studio1Live Live Subscribe. Currently in beta testing, Live Subscribe gives users &hellip; <\/p>\n<p class=\"link-more\"><a href=\"https:\/\/fixyourowncredit.studio1live.com\/downloads\/live-subscribe-turn-your-brand-into-a-living-digital-card\/\" class=\"more-link\">Continue reading<span class=\"screen-reader-text\"> &#8220;Live Subscribe \u2014 Turn Your Brand Into a Living Digital Card&#8221;<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":1406,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"om_disable_all_campaigns":false,"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[1],"tags":[],"class_list":["post-1403","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-uncategorized","entry"],"aioseo_notices":[],"jetpack_featured_media_url":"https:\/\/i0.wp.com\/fixyourowncredit.studio1live.com\/downloads\/wp-content\/uploads\/2026\/05\/Screenshot-2026-05-12-125846.png?fit=1312%2C592&ssl=1","jetpack_likes_enabled":true,"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/fixyourowncredit.studio1live.com\/downloads\/wp-json\/wp\/v2\/posts\/1403","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/fixyourowncredit.studio1live.com\/downloads\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/fixyourowncredit.studio1live.com\/downloads\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/fixyourowncredit.studio1live.com\/downloads\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/fixyourowncredit.studio1live.com\/downloads\/wp-json\/wp\/v2\/comments?post=1403"}],"version-history":[{"count":1,"href":"https:\/\/fixyourowncredit.studio1live.com\/downloads\/wp-json\/wp\/v2\/posts\/1403\/revisions"}],"predecessor-version":[{"id":1407,"href":"https:\/\/fixyourowncredit.studio1live.com\/downloads\/wp-json\/wp\/v2\/posts\/1403\/revisions\/1407"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/fixyourowncredit.studio1live.com\/downloads\/wp-json\/wp\/v2\/media\/1406"}],"wp:attachment":[{"href":"https:\/\/fixyourowncredit.studio1live.com\/downloads\/wp-json\/wp\/v2\/media?parent=1403"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/fixyourowncredit.studio1live.com\/downloads\/wp-json\/wp\/v2\/categories?post=1403"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/fixyourowncredit.studio1live.com\/downloads\/wp-json\/wp\/v2\/tags?post=1403"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}