{"id":8,"date":"2026-03-11T04:28:34","date_gmt":"2026-03-11T04:28:34","guid":{"rendered":"https:\/\/tearsofjoy.fun\/?page_id=8"},"modified":"2026-03-11T12:41:46","modified_gmt":"2026-03-11T12:41:46","slug":"elementor-8","status":"publish","type":"page","link":"https:\/\/tearsofjoy.fun\/","title":{"rendered":"Elementor #8"},"content":{"rendered":"\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\n\n\n\n\n\ud83d\ude02 Tears of Joy \u2014 The OG Emoji<\/title>\n<meta name=\"description\" content=\"The most iconic emoji in internet history. Click, laugh, and join the movement celebrating the \ud83d\ude02 Tears of Joy emoji.\" \/>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Unbounded:wght@200..900&family=Spline+Sans+Mono:wght@300..700&display=swap\" rel=\"stylesheet\" \/>\n<style>\n*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }\n\n:root {\n --bg: #0A0A0A;\n --card-bg: rgba(18,18,18,0.6);\n --primary: #FFD60A;\n --primary-glow: rgba(255,214,10,0.3);\n --primary-glow-intense: rgba(255,214,10,0.5);\n --text: #EAEAEA;\n --text-muted: #888888;\n --border: rgba(40,40,40,0.5);\n --font-heading: 'Unbounded', sans-serif;\n --font-mono: 'Spline Sans Mono', monospace;\n}\n\nhtml { scroll-behavior: smooth; }\n\nbody {\n background: var(--bg);\n color: var(--text);\n font-family: var(--font-mono);\n overflow-x: hidden;\n -webkit-font-smoothing: antialiased;\n}\n\nh1, h2, h3, h4 { font-family: var(--font-heading); }\n\n\/* ---- Glass Card ---- *\/\n.glass-card {\n background: var(--card-bg);\n backdrop-filter: blur(20px);\n -webkit-backdrop-filter: blur(20px);\n border: 1px solid var(--border);\n border-radius: 1rem;\n}\n\n.glow { box-shadow: 0 0 30px var(--primary-glow); }\n.glow-intense { box-shadow: 0 0 60px var(--primary-glow-intense); }\n\n\/* ---- Section Divider ---- *\/\n.section-divider {\n width: 100%;\n height: 1px;\n background: linear-gradient(to right, transparent, rgba(40,40,40,0.6), transparent);\n}\n\n\/* ---- Glow Button ---- *\/\n.btn-glow {\n font-family: var(--font-heading);\n font-weight: 700;\n text-transform: uppercase;\n letter-spacing: 0.05em;\n background: var(--primary);\n color: var(--bg);\n border: none;\n border-radius: 9999px;\n padding: 0.75rem 2rem;\n font-size: 0.875rem;\n cursor: pointer;\n transition: all 0.2s ease;\n box-shadow: 0 0 30px var(--primary-glow);\n text-decoration: none;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n}\n.btn-glow:hover {\n transform: scale(1.05);\n box-shadow: 0 0 60px var(--primary-glow-intense);\n}\n.btn-glow.xl {\n padding: 1rem 2.5rem;\n font-size: 1.1rem;\n}\n\n\/* ---- Particles ---- *\/\n.particles-container {\n position: fixed;\n inset: 0;\n pointer-events: none;\n z-index: 0;\n overflow: hidden;\n}\n.particle {\n position: absolute;\n bottom: -40px;\n animation: particle-rise linear infinite;\n}\n@keyframes particle-rise {\n 0% { transform: translateY(0) translateX(0) rotate(0deg); opacity: 0; }\n 10% { opacity: 1; }\n 50% { transform: translateY(-50vh) translateX(var(--sway)) rotate(180deg); }\n 90% { opacity: 1; }\n 100% { transform: translateY(-105vh) translateX(calc(var(--sway) * -0.5)) rotate(360deg); opacity: 0; }\n}\n\n\/* ---- Hero ---- *\/\n.hero {\n position: relative;\n width: 100%;\n aspect-ratio: 16\/9;\n min-height: 500px;\n overflow: hidden;\n}\n.hero-bg {\n position: absolute;\n inset: 0;\n width: 100%;\n height: 100%;\n object-fit: cover;\n transition: opacity 0.5s ease;\n}\n.hero-overlay {\n position: absolute;\n inset: 0;\n background: rgba(10,10,10,0.7);\n}\n.hero-radial {\n position: absolute;\n inset: 0;\n background: radial-gradient(ellipse at center 40%, rgba(255,214,10,0.06) 0%, transparent 60%);\n}\n.hero-vignette {\n position: absolute;\n inset: 0;\n box-shadow: inset 0 0 150px 60px rgba(10,10,10,0.8);\n}\n.hero-content {\n position: relative;\n z-index: 10;\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n height: 100%;\n padding: 1rem;\n gap: 0.75rem;\n}\n.hero-title {\n font-size: 1.1rem;\n font-weight: 700;\n color: var(--primary);\n text-transform: uppercase;\n letter-spacing: 0.15em;\n animation: glow-pulse 3s ease-in-out infinite;\n}\n@keyframes glow-pulse {\n 0%, 100% { text-shadow: 0 0 10px rgba(255,214,10,0.2); }\n 50% { text-shadow: 0 0 30px rgba(255,214,10,0.4), 0 0 60px rgba(255,214,10,0.1); }\n}\n\n\/* Emoji *\/\n.emoji-btn {\n font-size: 6rem;\n cursor: pointer;\n background: none;\n border: none;\n user-select: none;\n transition: transform 0.2s ease;\n filter: drop-shadow(0 0 40px rgba(255,214,10,0.3));\n animation: float 3s ease-in-out infinite;\n}\n.emoji-btn:hover { transform: scale(1.1); }\n@keyframes float {\n 0%, 100% { transform: translateY(0); }\n 50% { transform: translateY(-12px); }\n}\n@keyframes emoji-bop {\n 0%, 100% { transform: scale(1); }\n 50% { transform: scale(1.15); }\n}\n.emoji-bop { animation: emoji-bop 0.15s ease-out !important; }\n\n\/* Counters *\/\n.counters { display: flex; gap: 0.75rem; }\n.counter-card {\n padding: 0.5rem 1rem;\n text-align: center;\n transition: box-shadow 0.3s ease;\n}\n.counter-card:hover { box-shadow: 0 0 60px var(--primary-glow-intense); }\n.counter-label {\n font-size: 0.625rem;\n color: var(--text-muted);\n text-transform: uppercase;\n letter-spacing: 0.2em;\n font-family: var(--font-mono);\n}\n.counter-value {\n font-size: 1.5rem;\n font-weight: 700;\n color: var(--primary);\n font-family: var(--font-heading);\n font-variant-numeric: tabular-nums;\n}\n\n\/* Buttons row *\/\n.btn-row { display: flex; flex-wrap: wrap; justify-content: center; gap: 0.5rem; }\n\n\/* Contract *\/\n.contract-bar {\n display: flex;\n align-items: center;\n gap: 0.5rem;\n padding: 0.5rem 0.75rem;\n max-width: 100%;\n transition: box-shadow 0.3s ease;\n}\n.contract-bar:hover { box-shadow: 0 0 30px var(--primary-glow); }\n.contract-text {\n font-family: var(--font-mono);\n font-size: 0.75rem;\n color: var(--text-muted);\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n.copy-btn {\n background: none;\n border: none;\n color: var(--primary);\n cursor: pointer;\n padding: 0.25rem;\n flex-shrink: 0;\n transition: color 0.2s;\n}\n.copy-btn:hover { color: rgba(255,214,10,0.7); }\n.copy-btn svg { width: 16px; height: 16px; }\n\n\/* Confetti *\/\n.confetti-container {\n position: absolute;\n inset: 0;\n pointer-events: none;\n overflow: hidden;\n z-index: 20;\n display: flex;\n align-items: center;\n justify-content: center;\n}\n.confetti-piece {\n position: absolute;\n animation: confetti-fly 0.8s ease-out forwards;\n}\n@keyframes confetti-fly {\n 0% { transform: translate(0,0) scale(1) rotate(0deg); opacity: 1; }\n 100% { opacity: 0; }\n}\n\n\/* ---- Tweet Marquee ---- *\/\n.tweet-section { padding: 2.5rem 0; overflow: hidden; }\n.tweet-section h2 { text-align: center; font-size: 1.5rem; margin-bottom: 2rem; }\n.marquee-wrapper { position: relative; }\n.marquee-fade-left {\n position: absolute; left: 0; top: 0; bottom: 0; width: 4rem;\n background: linear-gradient(to right, var(--bg), transparent);\n z-index: 10; pointer-events: none;\n}\n.marquee-fade-right {\n position: absolute; right: 0; top: 0; bottom: 0; width: 4rem;\n background: linear-gradient(to left, var(--bg), transparent);\n z-index: 10; pointer-events: none;\n}\n.marquee-track {\n display: flex;\n gap: 1rem;\n width: max-content;\n animation: marquee 40s linear infinite;\n}\n.marquee-track:hover { animation-play-state: paused; }\n@keyframes marquee {\n 0% { transform: translateX(0); }\n 100% { transform: translateX(-50%); }\n}\n.tweet-card {\n width: 300px;\n flex-shrink: 0;\n padding: 0.75rem;\n}\n\n\/* ---- About ---- *\/\n.about-section { padding: 4rem 1rem; }\n.about-inner { max-width: 700px; margin: 0 auto; }\n.about-inner h2 { text-align: center; font-size: 2rem; margin-bottom: 0.75rem; }\n.about-emoji { text-align: center; font-size: 3.5rem; margin-bottom: 2rem; }\n.about-card {\n padding: 1.5rem 2rem;\n font-family: var(--font-mono);\n font-size: 0.875rem;\n color: var(--text-muted);\n line-height: 1.8;\n}\n.about-card p { margin-bottom: 1rem; }\n.about-card .highlight { color: var(--primary); font-weight: 600; }\n.about-card .text-white { color: var(--text); font-weight: 500; }\n.about-divider {\n width: 100%;\n height: 1px;\n background: linear-gradient(to right, transparent, var(--border), transparent);\n margin: 1.5rem 0;\n}\n.about-card .closing {\n color: var(--text);\n font-weight: 600;\n font-size: 1rem;\n font-family: var(--font-heading);\n line-height: 2;\n}\n\n\/* ---- DexScreener ---- *\/\n.chart-section { padding: 4rem 1rem; }\n.chart-inner { max-width: 900px; margin: 0 auto; }\n.chart-inner h2 { text-align: center; font-size: 2rem; margin-bottom: 0.5rem; }\n.chart-sub { text-align: center; color: var(--text-muted); font-size: 0.875rem; margin-bottom: 2rem; font-family: var(--font-mono); }\n.chart-card { padding: 4px; }\n.chart-embed { position: relative; width: 100%; padding-bottom: 56.25%; border-radius: 0.75rem; overflow: hidden; }\n.chart-embed iframe { position: absolute; inset: 0; width: 100%; height: 100%; border: none; }\n\n\/* ---- Community ---- *\/\n.community-section { padding: 4rem 1rem; position: relative; }\n.community-radial {\n position: absolute; inset: 0; pointer-events: none;\n background: radial-gradient(ellipse at center, rgba(255,214,10,0.04) 0%, transparent 50%);\n}\n.community-inner { max-width: 700px; margin: 0 auto; text-align: center; position: relative; }\n.community-inner h2 { font-size: 2rem; margin-bottom: 1rem; animation: glow-pulse 3s ease-in-out infinite; }\n.community-inner p {\n color: var(--text-muted); font-family: var(--font-mono); font-size: 0.875rem;\n max-width: 500px; margin: 0 auto 2.5rem; line-height: 1.7;\n}\n.community-btns { display: flex; justify-content: center; gap: 1rem; }\n\n\/* ---- Footer ---- *\/\nfooter {\n padding: 2rem; text-align: center;\n color: var(--text-muted); font-family: var(--font-mono); font-size: 0.75rem;\n border-top: 1px solid rgba(40,40,40,0.5);\n}\n\n\/* ---- Toast ---- *\/\n.toast {\n position: fixed; bottom: 2rem; left: 50%; transform: translateX(-50%);\n background: var(--primary); color: var(--bg);\n font-family: var(--font-heading); font-weight: 700; font-size: 0.875rem;\n padding: 0.75rem 1.5rem; border-radius: 9999px;\n z-index: 9999; opacity: 0; transition: opacity 0.3s ease;\n pointer-events: none;\n}\n.toast.show { opacity: 1; }\n\n\/* ---- Responsive ---- *\/\n@media (min-width: 768px) {\n .hero-title { font-size: 1.5rem; }\n .emoji-btn { font-size: 10rem; }\n .counter-card { padding: 0.75rem 1.5rem; }\n .counter-value { font-size: 2rem; }\n .counter-label { font-size: 0.75rem; }\n .counters { gap: 1.25rem; }\n .btn-row { gap: 0.75rem; }\n .hero-content { gap: 1.25rem; }\n .contract-text { font-size: 0.875rem; }\n .tweet-card { width: 350px; }\n .tweet-section h2 { font-size: 1.75rem; }\n .marquee-fade-left, .marquee-fade-right { width: 8rem; }\n .about-inner h2 { font-size: 2.5rem; }\n .about-emoji { font-size: 4.5rem; }\n .about-card { padding: 2.5rem; font-size: 1rem; }\n .chart-inner h2 { font-size: 2.5rem; }\n .community-inner h2 { font-size: 2.5rem; }\n}\n<\/style>\n<\/head>\n<body>\n\n<!-- Particles -->\n<div class=\"particles-container\" id=\"particles\"><\/div>\n\n<!-- HERO -->\n<section class=\"hero\" id=\"hero\">\n <img decoding=\"async\" class=\"hero-bg\" id=\"hero-bg-0\" src=\"http:\/\/tearsofjoy.fun\/wp-content\/uploads\/2026\/03\/joy1.jpg\" alt=\"\" \/>\n <img decoding=\"async\" class=\"hero-bg\" id=\"hero-bg-1\" src=\"http:\/\/tearsofjoy.fun\/wp-content\/uploads\/2026\/03\/joy2.jpg\" alt=\"\" style=\"opacity:0\" \/>\n <img decoding=\"async\" class=\"hero-bg\" id=\"hero-bg-2\" src=\"http:\/\/tearsofjoy.fun\/wp-content\/uploads\/2026\/03\/joy3.jpg\" alt=\"\" style=\"opacity:0\" \/>\n <img decoding=\"async\" class=\"hero-bg\" id=\"hero-bg-3\" src=\"http:\/\/tearsofjoy.fun\/wp-content\/uploads\/2026\/03\/joy4.jpg\" alt=\"\" style=\"opacity:0\" \/>\n <img decoding=\"async\" class=\"hero-bg\" id=\"hero-bg-4\" src=\"http:\/\/tearsofjoy.fun\/wp-content\/uploads\/2026\/03\/joy5.jpg\" alt=\"\" style=\"opacity:0\" \/>\n <img decoding=\"async\" class=\"hero-bg\" id=\"hero-bg-5\" src=\"http:\/\/tearsofjoy.fun\/wp-content\/uploads\/2026\/03\/joy6.jpg\" alt=\"\" style=\"opacity:0\" \/>\n <div class=\"hero-overlay\"><\/div>\n <div class=\"hero-radial\"><\/div>\n <div class=\"hero-vignette\"><\/div>\n <div class=\"hero-content\">\n <h1 class=\"hero-title\">Tears of Joy<\/h1>\n <button class=\"emoji-btn\" id=\"emoji-btn\" aria-label=\"Click the emoji\">\ud83d\ude02<\/button>\n <div id=\"confetti-host\"><\/div>\n <div class=\"counters\">\n <div class=\"glass-card glow counter-card\">\n <p class=\"counter-label\">Your Clicks<\/p>\n <p class=\"counter-value\" id=\"my-clicks\">0<\/p>\n <\/div>\n <div class=\"glass-card glow counter-card\">\n <p class=\"counter-label\">Global Clicks<\/p>\n <p class=\"counter-value\" id=\"global-clicks\">48,291<\/p>\n <\/div>\n <\/div>\n <div class=\"btn-row\">\n <a href=\"https:\/\/x.com\/itstearsofjoy\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"btn-glow\">Twitter<\/a>\n <a href=\"https:\/\/t.me\/itstearsofjoy\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"btn-glow\">Telegram<\/a>\n <a href=\"https:\/\/dexscreener.com\/solana\/FuVJN8aHZrBJESbX5aq8tvNEWaBucxtq1e82ja1hpump\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"btn-glow\">Chart<\/a>\n <a href=\"https:\/\/swap.pump.fun\/?input=So11111111111111111111111111111111111111112&output=FuVJN8aHZrBJESbX5aq8tvNEWaBucxtq1e82ja1hpump\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"btn-glow\">Swap Now<\/a>\n <\/div>\n <div class=\"glass-card contract-bar\" id=\"contract-bar\">\n <span class=\"contract-text\" id=\"contract-text\">FuVJN8aHZrBJESbX5aq8tvNEWaBucxtq1e82ja1hpump<\/span>\n <button class=\"copy-btn\" id=\"copy-btn\" aria-label=\"Copy contract address\">\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect width=\"14\" height=\"14\" x=\"8\" y=\"8\" rx=\"2\" ry=\"2\"\/><path d=\"M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2\"\/><\/svg>\n <\/button>\n <\/div>\n <\/div>\n<\/section>\n\n<div class=\"section-divider\"><\/div>\n\n<!-- TWEET MARQUEE -->\n<section class=\"tweet-section\">\n <h2>The Internet's Favorite Reaction<\/h2>\n <div class=\"marquee-wrapper\">\n <div class=\"marquee-fade-left\"><\/div>\n <div class=\"marquee-fade-right\"><\/div>\n <div class=\"marquee-track\" id=\"marquee-track\">\n <div class=\"glass-card tweet-card\"><blockquote class=\"twitter-tweet\" data-theme=\"dark\" data-conversation=\"none\" data-width=\"100%\"><a href=\"https:\/\/twitter.com\/XCEO_eth\/status\/1898536741260435556\">Loading...<\/a><\/blockquote><\/div>\n <div class=\"glass-card tweet-card\"><blockquote class=\"twitter-tweet\" data-theme=\"dark\" data-conversation=\"none\" data-width=\"100%\"><a href=\"https:\/\/twitter.com\/MrBeast\/status\/1821635082748305700\">Loading...<\/a><\/blockquote><\/div>\n <div class=\"glass-card tweet-card\"><blockquote class=\"twitter-tweet\" data-theme=\"dark\" data-conversation=\"none\" data-width=\"100%\"><a href=\"https:\/\/twitter.com\/KSI\/status\/1908199485958234268\">Loading...<\/a><\/blockquote><\/div>\n <div class=\"glass-card tweet-card\"><blockquote class=\"twitter-tweet\" data-theme=\"dark\" data-conversation=\"none\" data-width=\"100%\"><a href=\"https:\/\/twitter.com\/elonmusk\/status\/2030526818315325932\">Loading...<\/a><\/blockquote><\/div>\n <!-- Duplicates for seamless loop -->\n <div class=\"glass-card tweet-card\"><blockquote class=\"twitter-tweet\" data-theme=\"dark\" data-conversation=\"none\" data-width=\"100%\"><a href=\"https:\/\/twitter.com\/XCEO_eth\/status\/1898536741260435556\">Loading...<\/a><\/blockquote><\/div>\n <div class=\"glass-card tweet-card\"><blockquote class=\"twitter-tweet\" data-theme=\"dark\" data-conversation=\"none\" data-width=\"100%\"><a href=\"https:\/\/twitter.com\/MrBeast\/status\/1821635082748305700\">Loading...<\/a><\/blockquote><\/div>\n <div class=\"glass-card tweet-card\"><blockquote class=\"twitter-tweet\" data-theme=\"dark\" data-conversation=\"none\" data-width=\"100%\"><a href=\"https:\/\/twitter.com\/KSI\/status\/1908199485958234268\">Loading...<\/a><\/blockquote><\/div>\n <div class=\"glass-card tweet-card\"><blockquote class=\"twitter-tweet\" data-theme=\"dark\" data-conversation=\"none\" data-width=\"100%\"><a href=\"https:\/\/twitter.com\/elonmusk\/status\/2030526818315325932\">Loading...<\/a><\/blockquote><\/div>\n <\/div>\n <\/div>\n<\/section>\n\n<div class=\"section-divider\"><\/div>\n\n<!-- ABOUT -->\n<section class=\"about-section\">\n <div class=\"about-inner\">\n <h2>The OG Emoji<\/h2>\n <p class=\"about-emoji\">\ud83d\ude02<\/p>\n <div class=\"glass-card about-card glow\">\n <p>The \ud83d\ude02 \"Tears of Joy\" emoji isn't just an emoji \u2014 it's <span class=\"highlight\">internet history<\/span>.<\/p>\n <p>From viral memes to everyday conversations, it became the universal symbol of laughter across the internet.<\/p>\n <p>In fact, it became the <span class=\"text-white\">most used emoji globally<\/span> and was even named <span class=\"highlight\">Oxford Dictionary's Word of the Year<\/span>.<\/p>\n <p>It represents the moment when something is so funny that words simply aren't enough.<\/p>\n <div class=\"about-divider\"><\/div>\n <p class=\"closing\">It's the original reaction.<br>The universal laugh.<br>The OG emoji.<\/p>\n <\/div>\n <\/div>\n<\/section>\n\n<div class=\"section-divider\"><\/div>\n\n<!-- LIVE CHART -->\n<section class=\"chart-section\">\n <div class=\"chart-inner\">\n <h2>Live Chart<\/h2>\n <p class=\"chart-sub\">Real-time market data<\/p>\n <div class=\"glass-card chart-card glow\">\n <div class=\"chart-embed\">\n <iframe src=\"https:\/\/dexscreener.com\/solana\/dx5xzsrle2vu7sq736hak53wxbccknqsijzdq8q4c1jl\" title=\"Dexscreener Chart\" loading=\"lazy\"><\/iframe>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n\n<div class=\"section-divider\"><\/div>\n\n<!-- COMMUNITY -->\n<section class=\"community-section\">\n <div class=\"community-radial\"><\/div>\n <div class=\"community-inner\">\n <h2>Join the Community<\/h2>\n <p>The internet runs on laughs, memes, and shared moments. Join the community and be part of the movement celebrating the most iconic emoji in internet history.<\/p>\n <div class=\"community-btns\">\n <a href=\"https:\/\/x.com\/itstearsofjoy\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"btn-glow xl\">Twitter<\/a>\n <a href=\"https:\/\/t.me\/itstearsofjoy\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"btn-glow xl\">Telegram<\/a>\n <\/div>\n <\/div>\n<\/section>\n\n<footer>\n <p>\ud83d\ude02 Tears of Joy \u2014 The OG Emoji<\/p>\n<\/footer>\n\n<!-- Toast -->\n<div class=\"toast\" id=\"toast\">Copied to clipboard<\/div>\n\n<!-- Twitter Widget -->\n<script async src=\"https:\/\/platform.twitter.com\/widgets.js\" charset=\"utf-8\"><\/script>\n\n<script>\n(function() {\n \/\/ ---- Particles ----\n const particlesEl = document.getElementById('particles');\n for (let i = 0; i < 20; i++) {\n const span = document.createElement('span');\n span.className = 'particle';\n span.textContent = '\ud83d\ude02';\n const size = 14 + Math.random() * 22;\n const left = Math.random() * 100;\n const duration = 8 + Math.random() * 12;\n const delay = Math.random() * -20;\n const sway = 20 + Math.random() * 40;\n const opacity = 0.08 + Math.random() * 0.15;\n span.style.cssText = `left:${left}%;font-size:${size}px;opacity:${opacity};animation-duration:${duration}s;animation-delay:${delay}s;--sway:${sway}px;`;\n particlesEl.appendChild(span);\n }\n\n \/\/ ---- Hero Click ----\n const IMAGES_COUNT = 6;\n const SOUNDS = [\n 'http:\/\/tearsofjoy.fun\/wp-content\/uploads\/2026\/03\/vine-boom.mp3',\n 'http:\/\/tearsofjoy.fun\/wp-content\/uploads\/2026\/03\/movie_1_C2K5NH0.mp3'\n ];\n let currentBg = 0;\n let myClicks = parseInt(localStorage.getItem('joy-clicks') || '0', 10);\n let globalClicks = parseInt(localStorage.getItem('joy-global-clicks') || '48291', 10);\n let currentAudio = null;\n\n const emojiBtn = document.getElementById('emoji-btn');\n const myClicksEl = document.getElementById('my-clicks');\n const globalClicksEl = document.getElementById('global-clicks');\n const confettiHost = document.getElementById('confetti-host');\n\n myClicksEl.textContent = myClicks.toLocaleString();\n globalClicksEl.textContent = globalClicks.toLocaleString();\n\n emojiBtn.addEventListener('click', function() {\n \/\/ Change bg\n let newIdx;\n do { newIdx = Math.floor(Math.random() * IMAGES_COUNT); } while (newIdx === currentBg);\n for (let i = 0; i < IMAGES_COUNT; i++) {\n document.getElementById('hero-bg-' + i).style.opacity = i === newIdx ? '1' : '0';\n }\n currentBg = newIdx;\n\n \/\/ Sound\n if (currentAudio) { currentAudio.pause(); currentAudio.currentTime = 0; }\n const audio = new Audio(SOUNDS[Math.floor(Math.random() * SOUNDS.length)]);\n audio.volume = 0.7;\n audio.play().catch(function(){});\n currentAudio = audio;\n\n \/\/ Bop\n emojiBtn.classList.remove('emoji-bop');\n void emojiBtn.offsetWidth;\n emojiBtn.classList.add('emoji-bop');\n setTimeout(function() { emojiBtn.classList.remove('emoji-bop'); }, 150);\n\n \/\/ Counters\n myClicks++;\n globalClicks++;\n myClicksEl.textContent = myClicks.toLocaleString();\n globalClicksEl.textContent = globalClicks.toLocaleString();\n localStorage.setItem('joy-clicks', String(myClicks));\n localStorage.setItem('joy-global-clicks', String(globalClicks));\n\n \/\/ Confetti\n spawnConfetti();\n });\n\n function spawnConfetti() {\n const container = document.createElement('div');\n container.className = 'confetti-container';\n \/\/ Position relative to hero\n document.getElementById('hero').appendChild(container);\n for (let i = 0; i < 12; i++) {\n const piece = document.createElement('span');\n piece.className = 'confetti-piece';\n piece.textContent = '\ud83d\ude02';\n const vx = (Math.random() - 0.5) * 300;\n const vy = (Math.random() - 0.5) * 300 - 100;\n const size = 16 + Math.random() * 16;\n const rot = Math.random() * 360;\n piece.style.fontSize = size + 'px';\n piece.style.setProperty('--tx', vx + 'px');\n piece.style.setProperty('--ty', vy + 'px');\n \/\/ Override animation to use unique trajectory\n piece.style.animation = 'none';\n piece.offsetWidth;\n piece.style.cssText += `font-size:${size}px;animation:confetti-fly 0.8s ease-out forwards;transform:translate(${vx}px,${vy}px) rotate(${rot}deg);`;\n container.appendChild(piece);\n }\n setTimeout(function() { container.remove(); }, 900);\n }\n\n \/\/ ---- Copy ----\n document.getElementById('copy-btn').addEventListener('click', function() {\n const text = document.getElementById('contract-text').textContent;\n navigator.clipboard.writeText(text).then(function() {\n showToast();\n });\n });\n\n function showToast() {\n const toast = document.getElementById('toast');\n toast.classList.add('show');\n setTimeout(function() { toast.classList.remove('show'); }, 2000);\n }\n})();\n<\/script>\n<\/body>\n<\/html>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>\ud83d\ude02 Tears of Joy \u2014 The OG Emoji Tears of Joy \ud83d\ude02 Your Clicks 0 Global Clicks 48,291 Twitter Telegram Chart Swap Now FuVJN8aHZrBJESbX5aq8tvNEWaBucxtq1e82ja1hpump The Internet’s Favorite Reaction Loading… Loading… Loading… Loading… Loading… Loading… Loading… Loading… The OG Emoji \ud83d\ude02 The \ud83d\ude02 “Tears of Joy” emoji isn’t just an emoji \u2014 it’s internet history. From […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-8","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/tearsofjoy.fun\/index.php\/wp-json\/wp\/v2\/pages\/8","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/tearsofjoy.fun\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/tearsofjoy.fun\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/tearsofjoy.fun\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/tearsofjoy.fun\/index.php\/wp-json\/wp\/v2\/comments?post=8"}],"version-history":[{"count":19,"href":"https:\/\/tearsofjoy.fun\/index.php\/wp-json\/wp\/v2\/pages\/8\/revisions"}],"predecessor-version":[{"id":41,"href":"https:\/\/tearsofjoy.fun\/index.php\/wp-json\/wp\/v2\/pages\/8\/revisions\/41"}],"wp:attachment":[{"href":"https:\/\/tearsofjoy.fun\/index.php\/wp-json\/wp\/v2\/media?parent=8"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}