Happy New Year 2026 Postcard \u2014 Yebbo Communication Network & YebboSports<\/title>\n <style>\n :root{\n --bg:#0b1020;\n --card:#0f1733;\n --ink:#f7f7fb;\n --muted:rgba(247,247,251,.78);\n --gold:#f5c84b;\n --green:#25b06a;\n --red:#e84b4b;\n --shadow: 0 16px 50px rgba(0,0,0,.35);\n --radius: 22px;\n }\n\n *{ box-sizing:border-box; }\n body{\n margin:0;\n font-family: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Arial, \"Helvetica Neue\", Helvetica, sans-serif;\n background: radial-gradient(1200px 600px at 20% 10%, rgba(37,176,106,.28), transparent 60%),\n radial-gradient(900px 500px at 85% 15%, rgba(245,200,75,.22), transparent 55%),\n radial-gradient(900px 600px at 50% 90%, rgba(232,75,75,.18), transparent 55%),\n linear-gradient(180deg, #070a14, var(--bg));\n color:var(--ink);\n min-height:100vh;\n padding:28px 16px 40px;\n }\n\n .wrap{\n max-width:1100px;\n margin:0 auto;\n }\n\n header{\n display:flex;\n gap:12px;\n align-items:center;\n justify-content:space-between;\n margin-bottom:18px;\n flex-wrap:wrap;\n }\n\n .brand{\n display:flex;\n gap:10px;\n align-items:center;\n }\n .mark{\n width:40px;height:40px;border-radius:12px;\n background: conic-gradient(from 220deg, var(--green), var(--gold), var(--red), var(--green));\n box-shadow: 0 10px 25px rgba(0,0,0,.25);\n }\n .brand h1{\n font-size:16px;\n margin:0;\n letter-spacing:.2px;\n line-height:1.2;\n }\n .brand p{\n margin:2px 0 0;\n font-size:12px;\n color:var(--muted);\n }\n\n .controls{\n display:flex;\n gap:10px;\n align-items:center;\n flex-wrap:wrap;\n }\n .btn{\n appearance:none;\n border:1px solid rgba(255,255,255,.18);\n background: rgba(255,255,255,.06);\n color:var(--ink);\n padding:10px 14px;\n border-radius:12px;\n cursor:pointer;\n font-weight:600;\n letter-spacing:.2px;\n transition: transform .06s ease, background .2s ease, border-color .2s ease;\n user-select:none;\n }\n .btn:hover{ background: rgba(255,255,255,.10); border-color: rgba(255,255,255,.28); }\n .btn:active{ transform: translateY(1px); }\n .btn.primary{\n border-color: rgba(245,200,75,.45);\n background: rgba(245,200,75,.14);\n }\n .btn.green{\n border-color: rgba(37,176,106,.45);\n background: rgba(37,176,106,.14);\n }\n\n .grid{\n display:grid;\n grid-template-columns: 1fr;\n gap:16px;\n }\n\n .postcard{\n position:relative;\n border-radius: var(--radius);\n overflow:hidden;\n background: linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.03));\n box-shadow: var(--shadow);\n border: 1px solid rgba(255,255,255,.14);\n }\n\n \/* Postcard ratio block *\/\n .canvas{\n width:100%;\n aspect-ratio: 5 \/ 3; \/* classic postcard-ish *\/\n position:relative;\n display:none;\n }\n .canvas.active{ display:block; }\n\n \/* Shared background: stadium + fireworks vibe (abstract, no external images) *\/\n .bg{\n position:absolute; inset:0;\n background:\n radial-gradient(900px 380px at 50% 85%, rgba(255,255,255,.10), transparent 60%),\n radial-gradient(600px 240px at 50% 92%, rgba(37,176,106,.18), transparent 60%),\n radial-gradient(520px 260px at 20% 20%, rgba(245,200,75,.18), transparent 60%),\n radial-gradient(480px 260px at 85% 18%, rgba(232,75,75,.14), transparent 60%),\n linear-gradient(180deg, #090b12, #0b1020 60%, #070a14);\n filter:saturate(1.05);\n }\n\n \/* Fireworks dots *\/\n .spark{\n position:absolute;\n width:6px;height:6px;border-radius:999px;\n background: var(--gold);\n opacity:.85;\n box-shadow:\n 0 0 18px rgba(245,200,75,.65),\n 0 0 40px rgba(245,200,75,.25);\n animation: twinkle 2.4s infinite ease-in-out;\n }\n .spark.g{ background: var(--green); box-shadow: 0 0 18px rgba(37,176,106,.65), 0 0 40px rgba(37,176,106,.25); }\n .spark.r{ background: var(--red); box-shadow: 0 0 18px rgba(232,75,75,.60), 0 0 40px rgba(232,75,75,.25); }\n\n @keyframes twinkle{\n 0%,100%{ transform: scale(.85); opacity:.65; }\n 50%{ transform: scale(1.25); opacity:1; }\n }\n\n \/* FRONT *\/\n .front-content{\n position:absolute; inset:0;\n padding: clamp(18px, 3vw, 34px);\n display:flex;\n flex-direction:column;\n justify-content:space-between;\n gap:12px;\n }\n .headline{\n margin-top:10px;\n max-width: 74%;\n }\n .kicker{\n display:inline-flex;\n gap:10px;\n align-items:center;\n font-weight:700;\n font-size:12px;\n letter-spacing:.25em;\n text-transform:uppercase;\n color: rgba(247,247,251,.82);\n }\n .kicker .dot{\n width:9px;height:9px;border-radius:99px;\n background: var(--gold);\n box-shadow: 0 0 18px rgba(245,200,75,.55);\n }\n .hny{\n margin:10px 0 8px;\n font-size: clamp(26px, 4.2vw, 56px);\n line-height:1.02;\n letter-spacing:-.02em;\n font-weight: 900;\n }\n .hny .year{\n color: var(--gold);\n text-shadow: 0 0 22px rgba(245,200,75,.28);\n white-space:nowrap;\n }\n .sub{\n margin:0;\n font-size: clamp(13px, 1.45vw, 18px);\n color: var(--muted);\n max-width: 70%;\n }\n\n .badge-row{\n display:flex;\n align-items:flex-end;\n justify-content:space-between;\n gap:14px;\n flex-wrap:wrap;\n }\n\n .players{\n display:flex;\n gap:8px;\n flex-wrap:wrap;\n max-width: 70%;\n }\n .pill{\n font-size:12px;\n padding:8px 10px;\n border-radius:999px;\n background: rgba(255,255,255,.08);\n border: 1px solid rgba(255,255,255,.14);\n color: rgba(247,247,251,.88);\n backdrop-filter: blur(6px);\n white-space:nowrap;\n }\n\n .brandlock{\n text-align:right;\n min-width: 220px;\n }\n .brandlock .top{\n font-weight:900;\n font-size:14px;\n letter-spacing:.3px;\n }\n .brandlock .bot{\n font-weight:800;\n font-size:12px;\n color: rgba(247,247,251,.80);\n margin-top:3px;\n }\n .brandlock .bot span{\n color: var(--green);\n font-weight:900;\n }\n\n \/* BACK *\/\n .back-content{\n position:absolute; inset:0;\n padding: clamp(18px, 3vw, 34px);\n display:grid;\n grid-template-columns: 1.25fr .75fr;\n gap: clamp(14px, 2.6vw, 28px);\n }\n .message{\n display:flex;\n flex-direction:column;\n gap:12px;\n padding-right: clamp(8px, 2vw, 18px);\n }\n .message h2{\n margin:0;\n font-size: clamp(18px, 2.4vw, 28px);\n letter-spacing:-.01em;\n }\n .message p{\n margin:0;\n color: rgba(247,247,251,.85);\n font-size: clamp(13px, 1.45vw, 18px);\n line-height:1.5;\n max-width: 95%;\n }\n .sig{\n margin-top:auto;\n padding-top:14px;\n border-top: 1px solid rgba(255,255,255,.16);\n color: rgba(247,247,251,.90);\n font-weight:800;\n }\n\n .addr{\n border-left: 2px dashed rgba(255,255,255,.22);\n padding-left: clamp(14px, 2.4vw, 24px);\n display:flex;\n flex-direction:column;\n gap:12px;\n justify-content:space-between;\n }\n .cta{\n background: rgba(255,255,255,.07);\n border: 1px solid rgba(255,255,255,.14);\n border-radius: 18px;\n padding: 14px 14px 12px;\n }\n .cta h3{\n margin:0 0 8px;\n font-size: 14px;\n letter-spacing:.18em;\n text-transform:uppercase;\n color: rgba(247,247,251,.86);\n }\n .cta ul{\n margin:0;\n padding-left: 18px;\n color: rgba(247,247,251,.88);\n line-height:1.6;\n font-weight:700;\n }\n .meta{\n font-size:12px;\n color: rgba(247,247,251,.72);\n line-height:1.45;\n }\n .meta strong{ color: rgba(247,247,251,.92); }\n .line{\n height:1px;\n background: rgba(255,255,255,.14);\n margin:10px 0;\n }\n\n footer{\n margin-top:14px;\n color: rgba(247,247,251,.70);\n font-size:12px;\n text-align:center;\n }\n\n \/* Print *\/\n @media print{\n body{ background:#fff; padding:0; }\n header, footer{ display:none !important; }\n .postcard{\n box-shadow:none;\n border:none;\n border-radius:0;\n }\n .canvas{\n display:block !important;\n page-break-after: always;\n }\n .canvas:not(.print-all){ display:block !important; }\n }\n <\/style>\n<\/head>\n\n<body>\n <div class=\"wrap\">\n <header>\n <div class=\"brand\" aria-label=\"Yebbo brand header\">\n <div class=\"mark\" aria-hidden=\"true\"><\/div>\n <div>\n <h1>Postcard (HTML) \u2014 Happy New Year 2026<\/h1>\n <p>Yebbo Communication Network \u2022 Powered by YebboSports<\/p>\n <\/div>\n <\/div>\n\n <div class=\"controls\">\n <button class=\"btn primary\" id=\"showFront\" type=\"button\">Show Front<\/button>\n <button class=\"btn green\" id=\"showBack\" type=\"button\">Show Back<\/button>\n <button class=\"btn\" id=\"printBtn\" type=\"button\">Print<\/button>\n <\/div>\n <\/header>\n\n <section class=\"grid\">\n <div class=\"postcard\" role=\"group\" aria-label=\"Postcard design\">\n \n <div class=\"canvas active\" id=\"front\">\n <div class=\"bg\" aria-hidden=\"true\"><\/div>\n\n \n <div class=\"spark\" style=\"left:12%; top:16%; animation-delay:.1s\"><\/div>\n <div class=\"spark g\" style=\"left:18%; top:26%; animation-delay:.8s\"><\/div>\n <div class=\"spark r\" style=\"left:26%; top:14%; animation-delay:1.4s\"><\/div>\n <div class=\"spark\" style=\"left:72%; top:14%; animation-delay:.4s\"><\/div>\n <div class=\"spark g\" style=\"left:80%; top:24%; animation-delay:1.1s\"><\/div>\n <div class=\"spark r\" style=\"left:88%; top:18%; animation-delay:1.7s\"><\/div>\n <div class=\"spark\" style=\"left:52%; top:10%; animation-delay:1.0s\"><\/div>\n\n <div class=\"front-content\">\n <div class=\"headline\">\n <div class=\"kicker\"><span class=\"dot\" aria-hidden=\"true\"><\/span> Global Football Celebration<\/div>\n <div class=\"hny\">HAPPY NEW YEAR <span class=\"year\">2026<\/span>! \ud83c\udf86\u26bd<\/div>\n <p class=\"sub\">A message of unity, community, and love of the game \u2014 from Yebbo to the world.<\/p>\n <\/div>\n\n <div class=\"badge-row\">\n <div class=\"players\" aria-label=\"Featured players\">\n <span class=\"pill\">Cristiano Ronaldo<\/span>\n <span class=\"pill\">Lionel Messi<\/span>\n <span class=\"pill\">Kylian Mbapp\u00e9<\/span>\n <span class=\"pill\">Erling Haaland<\/span>\n <span class=\"pill\">Mohamed Salah<\/span>\n <span class=\"pill\">Bukayo Saka<\/span>\n <span class=\"pill\">Jude Bellingham<\/span>\n <span class=\"pill\">Lamine Yamal<\/span>\n <span class=\"pill\">Achraf Hakimi<\/span>\n <span class=\"pill\">Cole Palmer<\/span>\n <\/div>\n\n <div class=\"brandlock\" aria-label=\"Brand lockup\">\n <div class=\"top\">Yebbo Communication Network<\/div>\n <div class=\"bot\">Powered by <span>YebboSports<\/span><\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"canvas\" id=\"back\">\n <div class=\"bg\" aria-hidden=\"true\"><\/div>\n\n <div class=\"back-content\">\n <div class=\"message\" aria-label=\"Postcard message\">\n <h2>Happy New Year 2026 \ud83c\udf89<\/h2>\n <p>\n As we welcome <strong>2026<\/strong>, we celebrate the power of sport to unite cultures,\n nations, and generations.\n <\/p>\n <p>\n Thank you for being part of our global community. We\u2019re wishing you peace, success,\n and unforgettable moments\u2014on and off the field.\n <\/p>\n\n <div class=\"sig\">\n \u2014 Yebbo Communication Network \u2022 YebboSports\n <\/div>\n <\/div>\n\n <div class=\"addr\" aria-label=\"Postcard address and call to action\">\n <div class=\"cta\">\n <h3>Like \u2022 Follow \u2022 Share<\/h3>\n <ul>\n <li>@Yebbo<\/li>\n <li>@YebboSports<\/li>\n <li>Stay connected in 2026<\/li>\n <\/ul>\n <div class=\"line\"><\/div>\n <div class=\"meta\">\n <strong>Website:<\/strong> www.yebbo.com<br\/>\n <strong>Phone:<\/strong> 619-255-5530<br\/>\n <strong>Email:<\/strong> info@yebbo.com\n <\/div>\n <\/div>\n\n <div class=\"meta\" style=\"opacity:.9\">\n <strong>To:<\/strong> ___________________________<br\/><br\/>\n ___________________________<br\/><br\/>\n ___________________________<br\/><br\/>\n ___________________________\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <footer>\n Tip: Use the buttons to switch sides. Click <strong>Print<\/strong> to print the current side as a postcard.\n <\/footer>\n <\/div>\n\n <script>\n const front = document.getElementById('front');\n const back = document.getElementById('back');\n const showFront = document.getElementById('showFront');\n const showBack = document.getElementById('showBack');\n const printBtn = document.getElementById('printBtn');\n\n function setActive(side){\n if(side === 'front'){\n front.classList.add('active');\n back.classList.remove('active');\n } else {\n back.classList.add('active');\n front.classList.remove('active');\n }\n \/\/ Update button emphasis\n showFront.classList.toggle('primary', side === 'front');\n showFront.classList.toggle('green', side !== 'front');\n showBack.classList.toggle('green', side === 'back');\n showBack.classList.toggle('primary', side !== 'back');\n }\n\n showFront.addEventListener('click', () => setActive('front'));\n showBack.addEventListener('click', () => setActive('back'));\n printBtn.addEventListener('click', () => window.print());\n <\/script>\n<\/body>\n<\/html>\n\n","protected":false},"excerpt":{"rendered":"<p>Happy New Year 2026 Postcard \u2014 Yebbo Communication Network & YebboSports Postcard (HTML) \u2014 Happy New Year 2026 Yebbo Communication […]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"_jetpack_memberships_contains_paid_content":false,"footnotes":"","jetpack_publicize_message":"","jetpack_publicize_feature_enabled":true,"jetpack_social_post_already_shared":false,"jetpack_social_options":{"image_generator_settings":{"template":"highway","default_image_id":0,"font":"","enabled":false},"version":2}},"categories":[13],"tags":[],"class_list":["post-153","post","type-post","status-publish","format-standard","hentry","category-travel"],"jetpack_publicize_connections":[],"jetpack_featured_media_url":"","jetpack_sharing_enabled":true,"jetpack_shortlink":"https:\/\/wp.me\/p8nzgb-2t","jetpack_likes_enabled":true,"_links":{"self":[{"href":"http:\/\/yebbo.com\/ethiodiego\/wp-json\/wp\/v2\/posts\/153","targetHints":{"allow":["GET"]}}],"collection":[{"href":"http:\/\/yebbo.com\/ethiodiego\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/yebbo.com\/ethiodiego\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/yebbo.com\/ethiodiego\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/yebbo.com\/ethiodiego\/wp-json\/wp\/v2\/comments?post=153"}],"version-history":[{"count":1,"href":"http:\/\/yebbo.com\/ethiodiego\/wp-json\/wp\/v2\/posts\/153\/revisions"}],"predecessor-version":[{"id":154,"href":"http:\/\/yebbo.com\/ethiodiego\/wp-json\/wp\/v2\/posts\/153\/revisions\/154"}],"wp:attachment":[{"href":"http:\/\/yebbo.com\/ethiodiego\/wp-json\/wp\/v2\/media?parent=153"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/yebbo.com\/ethiodiego\/wp-json\/wp\/v2\/categories?post=153"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/yebbo.com\/ethiodiego\/wp-json\/wp\/v2\/tags?post=153"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":153,"date":"2026-01-05T05:26:33","date_gmt":"2026-01-05T05:26:33","guid":{"rendered":"https:\/\/yebbo.com\/ethiodiego\/?p=153"},"modified":"2026-01-05T10:02:46","modified_gmt":"2026-01-05T10:02:46","slug":"happy-new-year-2026-%f0%9f%8e%86%e2%9a%bd","status":"publish","type":"post","link":"http:\/\/yebbo.com\/ethiodiego\/happy-new-year-2026-%f0%9f%8e%86%e2%9a%bd\/","title":{"rendered":"HAPPY NEW YEAR\u00a02026! \ud83c\udf86\u26bd"},"content":{"rendered":"\n\n\n\n \n \n Happy New Year 2026 Postcard \u2014 Yebbo Communication Network & YebboSports<\/title>\n <style>\n :root{\n --bg:#0b1020;\n --card:#0f1733;\n --ink:#f7f7fb;\n --muted:rgba(247,247,251,.78);\n --gold:#f5c84b;\n --green:#25b06a;\n --red:#e84b4b;\n --shadow: 0 16px 50px rgba(0,0,0,.35);\n --radius: 22px;\n }\n\n *{ box-sizing:border-box; }\n body{\n margin:0;\n font-family: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Arial, \"Helvetica Neue\", Helvetica, sans-serif;\n background: radial-gradient(1200px 600px at 20% 10%, rgba(37,176,106,.28), transparent 60%),\n radial-gradient(900px 500px at 85% 15%, rgba(245,200,75,.22), transparent 55%),\n radial-gradient(900px 600px at 50% 90%, rgba(232,75,75,.18), transparent 55%),\n linear-gradient(180deg, #070a14, var(--bg));\n color:var(--ink);\n min-height:100vh;\n padding:28px 16px 40px;\n }\n\n .wrap{\n max-width:1100px;\n margin:0 auto;\n }\n\n header{\n display:flex;\n gap:12px;\n align-items:center;\n justify-content:space-between;\n margin-bottom:18px;\n flex-wrap:wrap;\n }\n\n .brand{\n display:flex;\n gap:10px;\n align-items:center;\n }\n .mark{\n width:40px;height:40px;border-radius:12px;\n background: conic-gradient(from 220deg, var(--green), var(--gold), var(--red), var(--green));\n box-shadow: 0 10px 25px rgba(0,0,0,.25);\n }\n .brand h1{\n font-size:16px;\n margin:0;\n letter-spacing:.2px;\n line-height:1.2;\n }\n .brand p{\n margin:2px 0 0;\n font-size:12px;\n color:var(--muted);\n }\n\n .controls{\n display:flex;\n gap:10px;\n align-items:center;\n flex-wrap:wrap;\n }\n .btn{\n appearance:none;\n border:1px solid rgba(255,255,255,.18);\n background: rgba(255,255,255,.06);\n color:var(--ink);\n padding:10px 14px;\n border-radius:12px;\n cursor:pointer;\n font-weight:600;\n letter-spacing:.2px;\n transition: transform .06s ease, background .2s ease, border-color .2s ease;\n user-select:none;\n }\n .btn:hover{ background: rgba(255,255,255,.10); border-color: rgba(255,255,255,.28); }\n .btn:active{ transform: translateY(1px); }\n .btn.primary{\n border-color: rgba(245,200,75,.45);\n background: rgba(245,200,75,.14);\n }\n .btn.green{\n border-color: rgba(37,176,106,.45);\n background: rgba(37,176,106,.14);\n }\n\n .grid{\n display:grid;\n grid-template-columns: 1fr;\n gap:16px;\n }\n\n .postcard{\n position:relative;\n border-radius: var(--radius);\n overflow:hidden;\n background: linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.03));\n box-shadow: var(--shadow);\n border: 1px solid rgba(255,255,255,.14);\n }\n\n \/* Postcard ratio block *\/\n .canvas{\n width:100%;\n aspect-ratio: 5 \/ 3; \/* classic postcard-ish *\/\n position:relative;\n display:none;\n }\n .canvas.active{ display:block; }\n\n \/* Shared background: stadium + fireworks vibe (abstract, no external images) *\/\n .bg{\n position:absolute; inset:0;\n background:\n radial-gradient(900px 380px at 50% 85%, rgba(255,255,255,.10), transparent 60%),\n radial-gradient(600px 240px at 50% 92%, rgba(37,176,106,.18), transparent 60%),\n radial-gradient(520px 260px at 20% 20%, rgba(245,200,75,.18), transparent 60%),\n radial-gradient(480px 260px at 85% 18%, rgba(232,75,75,.14), transparent 60%),\n linear-gradient(180deg, #090b12, #0b1020 60%, #070a14);\n filter:saturate(1.05);\n }\n\n \/* Fireworks dots *\/\n .spark{\n position:absolute;\n width:6px;height:6px;border-radius:999px;\n background: var(--gold);\n opacity:.85;\n box-shadow:\n 0 0 18px rgba(245,200,75,.65),\n 0 0 40px rgba(245,200,75,.25);\n animation: twinkle 2.4s infinite ease-in-out;\n }\n .spark.g{ background: var(--green); box-shadow: 0 0 18px rgba(37,176,106,.65), 0 0 40px rgba(37,176,106,.25); }\n .spark.r{ background: var(--red); box-shadow: 0 0 18px rgba(232,75,75,.60), 0 0 40px rgba(232,75,75,.25); }\n\n @keyframes twinkle{\n 0%,100%{ transform: scale(.85); opacity:.65; }\n 50%{ transform: scale(1.25); opacity:1; }\n }\n\n \/* FRONT *\/\n .front-content{\n position:absolute; inset:0;\n padding: clamp(18px, 3vw, 34px);\n display:flex;\n flex-direction:column;\n justify-content:space-between;\n gap:12px;\n }\n .headline{\n margin-top:10px;\n max-width: 74%;\n }\n .kicker{\n display:inline-flex;\n gap:10px;\n align-items:center;\n font-weight:700;\n font-size:12px;\n letter-spacing:.25em;\n text-transform:uppercase;\n color: rgba(247,247,251,.82);\n }\n .kicker .dot{\n width:9px;height:9px;border-radius:99px;\n background: var(--gold);\n box-shadow: 0 0 18px rgba(245,200,75,.55);\n }\n .hny{\n margin:10px 0 8px;\n font-size: clamp(26px, 4.2vw, 56px);\n line-height:1.02;\n letter-spacing:-.02em;\n font-weight: 900;\n }\n .hny .year{\n color: var(--gold);\n text-shadow: 0 0 22px rgba(245,200,75,.28);\n white-space:nowrap;\n }\n .sub{\n margin:0;\n font-size: clamp(13px, 1.45vw, 18px);\n color: var(--muted);\n max-width: 70%;\n }\n\n .badge-row{\n display:flex;\n align-items:flex-end;\n justify-content:space-between;\n gap:14px;\n flex-wrap:wrap;\n }\n\n .players{\n display:flex;\n gap:8px;\n flex-wrap:wrap;\n max-width: 70%;\n }\n .pill{\n font-size:12px;\n padding:8px 10px;\n border-radius:999px;\n background: rgba(255,255,255,.08);\n border: 1px solid rgba(255,255,255,.14);\n color: rgba(247,247,251,.88);\n backdrop-filter: blur(6px);\n white-space:nowrap;\n }\n\n .brandlock{\n text-align:right;\n min-width: 220px;\n }\n .brandlock .top{\n font-weight:900;\n font-size:14px;\n letter-spacing:.3px;\n }\n .brandlock .bot{\n font-weight:800;\n font-size:12px;\n color: rgba(247,247,251,.80);\n margin-top:3px;\n }\n .brandlock .bot span{\n color: var(--green);\n font-weight:900;\n }\n\n \/* BACK *\/\n .back-content{\n position:absolute; inset:0;\n padding: clamp(18px, 3vw, 34px);\n display:grid;\n grid-template-columns: 1.25fr .75fr;\n gap: clamp(14px, 2.6vw, 28px);\n }\n .message{\n display:flex;\n flex-direction:column;\n gap:12px;\n padding-right: clamp(8px, 2vw, 18px);\n }\n .message h2{\n margin:0;\n font-size: clamp(18px, 2.4vw, 28px);\n letter-spacing:-.01em;\n }\n .message p{\n margin:0;\n color: rgba(247,247,251,.85);\n font-size: clamp(13px, 1.45vw, 18px);\n line-height:1.5;\n max-width: 95%;\n }\n .sig{\n margin-top:auto;\n padding-top:14px;\n border-top: 1px solid rgba(255,255,255,.16);\n color: rgba(247,247,251,.90);\n font-weight:800;\n }\n\n .addr{\n border-left: 2px dashed rgba(255,255,255,.22);\n padding-left: clamp(14px, 2.4vw, 24px);\n display:flex;\n flex-direction:column;\n gap:12px;\n justify-content:space-between;\n }\n .cta{\n background: rgba(255,255,255,.07);\n border: 1px solid rgba(255,255,255,.14);\n border-radius: 18px;\n padding: 14px 14px 12px;\n }\n .cta h3{\n margin:0 0 8px;\n font-size: 14px;\n letter-spacing:.18em;\n text-transform:uppercase;\n color: rgba(247,247,251,.86);\n }\n .cta ul{\n margin:0;\n padding-left: 18px;\n color: rgba(247,247,251,.88);\n line-height:1.6;\n font-weight:700;\n }\n .meta{\n font-size:12px;\n color: rgba(247,247,251,.72);\n line-height:1.45;\n }\n .meta strong{ color: rgba(247,247,251,.92); }\n .line{\n height:1px;\n background: rgba(255,255,255,.14);\n margin:10px 0;\n }\n\n footer{\n margin-top:14px;\n color: rgba(247,247,251,.70);\n font-size:12px;\n text-align:center;\n }\n\n \/* Print *\/\n @media print{\n body{ background:#fff; padding:0; }\n header, footer{ display:none !important; }\n .postcard{\n box-shadow:none;\n border:none;\n border-radius:0;\n }\n .canvas{\n display:block !important;\n page-break-after: always;\n }\n .canvas:not(.print-all){ display:block !important; }\n }\n <\/style>\n<\/head>\n\n<body>\n <div class=\"wrap\">\n <header>\n <div class=\"brand\" aria-label=\"Yebbo brand header\">\n <div class=\"mark\" aria-hidden=\"true\"><\/div>\n <div>\n <h1>Postcard (HTML) \u2014 Happy New Year 2026<\/h1>\n <p>Yebbo Communication Network \u2022 Powered by YebboSports<\/p>\n <\/div>\n <\/div>\n\n <div class=\"controls\">\n <button class=\"btn primary\" id=\"showFront\" type=\"button\">Show Front<\/button>\n <button class=\"btn green\" id=\"showBack\" type=\"button\">Show Back<\/button>\n <button class=\"btn\" id=\"printBtn\" type=\"button\">Print<\/button>\n <\/div>\n <\/header>\n\n <section class=\"grid\">\n <div class=\"postcard\" role=\"group\" aria-label=\"Postcard design\">\n \n <div class=\"canvas active\" id=\"front\">\n <div class=\"bg\" aria-hidden=\"true\"><\/div>\n\n \n <div class=\"spark\" style=\"left:12%; top:16%; animation-delay:.1s\"><\/div>\n <div class=\"spark g\" style=\"left:18%; top:26%; animation-delay:.8s\"><\/div>\n <div class=\"spark r\" style=\"left:26%; top:14%; animation-delay:1.4s\"><\/div>\n <div class=\"spark\" style=\"left:72%; top:14%; animation-delay:.4s\"><\/div>\n <div class=\"spark g\" style=\"left:80%; top:24%; animation-delay:1.1s\"><\/div>\n <div class=\"spark r\" style=\"left:88%; top:18%; animation-delay:1.7s\"><\/div>\n <div class=\"spark\" style=\"left:52%; top:10%; animation-delay:1.0s\"><\/div>\n\n <div class=\"front-content\">\n <div class=\"headline\">\n <div class=\"kicker\"><span class=\"dot\" aria-hidden=\"true\"><\/span> Global Football Celebration<\/div>\n <div class=\"hny\">HAPPY NEW YEAR <span class=\"year\">2026<\/span>! \ud83c\udf86\u26bd<\/div>\n <p class=\"sub\">A message of unity, community, and love of the game \u2014 from Yebbo to the world.<\/p>\n <\/div>\n\n <div class=\"badge-row\">\n <div class=\"players\" aria-label=\"Featured players\">\n <span class=\"pill\">Cristiano Ronaldo<\/span>\n <span class=\"pill\">Lionel Messi<\/span>\n <span class=\"pill\">Kylian Mbapp\u00e9<\/span>\n <span class=\"pill\">Erling Haaland<\/span>\n <span class=\"pill\">Mohamed Salah<\/span>\n <span class=\"pill\">Bukayo Saka<\/span>\n <span class=\"pill\">Jude Bellingham<\/span>\n <span class=\"pill\">Lamine Yamal<\/span>\n <span class=\"pill\">Achraf Hakimi<\/span>\n <span class=\"pill\">Cole Palmer<\/span>\n <\/div>\n\n <div class=\"brandlock\" aria-label=\"Brand lockup\">\n <div class=\"top\">Yebbo Communication Network<\/div>\n <div class=\"bot\">Powered by <span>YebboSports<\/span><\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"canvas\" id=\"back\">\n <div class=\"bg\" aria-hidden=\"true\"><\/div>\n\n <div class=\"back-content\">\n <div class=\"message\" aria-label=\"Postcard message\">\n <h2>Happy New Year 2026 \ud83c\udf89<\/h2>\n <p>\n As we welcome <strong>2026<\/strong>, we celebrate the power of sport to unite cultures,\n nations, and generations.\n <\/p>\n <p>\n Thank you for being part of our global community. We\u2019re wishing you peace, success,\n and unforgettable moments\u2014on and off the field.\n <\/p>\n\n <div class=\"sig\">\n \u2014 Yebbo Communication Network \u2022 YebboSports\n <\/div>\n <\/div>\n\n <div class=\"addr\" aria-label=\"Postcard address and call to action\">\n <div class=\"cta\">\n <h3>Like \u2022 Follow \u2022 Share<\/h3>\n <ul>\n <li>@Yebbo<\/li>\n <li>@YebboSports<\/li>\n <li>Stay connected in 2026<\/li>\n <\/ul>\n <div class=\"line\"><\/div>\n <div class=\"meta\">\n <strong>Website:<\/strong> www.yebbo.com<br\/>\n <strong>Phone:<\/strong> 619-255-5530<br\/>\n <strong>Email:<\/strong> info@yebbo.com\n <\/div>\n <\/div>\n\n <div class=\"meta\" style=\"opacity:.9\">\n <strong>To:<\/strong> ___________________________<br\/><br\/>\n ___________________________<br\/><br\/>\n ___________________________<br\/><br\/>\n ___________________________\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <footer>\n Tip: Use the buttons to switch sides. Click <strong>Print<\/strong> to print the current side as a postcard.\n <\/footer>\n <\/div>\n\n <script>\n const front = document.getElementById('front');\n const back = document.getElementById('back');\n const showFront = document.getElementById('showFront');\n const showBack = document.getElementById('showBack');\n const printBtn = document.getElementById('printBtn');\n\n function setActive(side){\n if(side === 'front'){\n front.classList.add('active');\n back.classList.remove('active');\n } else {\n back.classList.add('active');\n front.classList.remove('active');\n }\n \/\/ Update button emphasis\n showFront.classList.toggle('primary', side === 'front');\n showFront.classList.toggle('green', side !== 'front');\n showBack.classList.toggle('green', side === 'back');\n showBack.classList.toggle('primary', side !== 'back');\n }\n\n showFront.addEventListener('click', () => setActive('front'));\n showBack.addEventListener('click', () => setActive('back'));\n printBtn.addEventListener('click', () => window.print());\n <\/script>\n<\/body>\n<\/html>\n\n","protected":false},"excerpt":{"rendered":"<p>Happy New Year 2026 Postcard \u2014 Yebbo Communication Network & YebboSports Postcard (HTML) \u2014 Happy New Year 2026 Yebbo Communication […]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"_jetpack_memberships_contains_paid_content":false,"footnotes":"","jetpack_publicize_message":"","jetpack_publicize_feature_enabled":true,"jetpack_social_post_already_shared":false,"jetpack_social_options":{"image_generator_settings":{"template":"highway","default_image_id":0,"font":"","enabled":false},"version":2}},"categories":[13],"tags":[],"class_list":["post-153","post","type-post","status-publish","format-standard","hentry","category-travel"],"jetpack_publicize_connections":[],"jetpack_featured_media_url":"","jetpack_sharing_enabled":true,"jetpack_shortlink":"https:\/\/wp.me\/p8nzgb-2t","jetpack_likes_enabled":true,"_links":{"self":[{"href":"http:\/\/yebbo.com\/ethiodiego\/wp-json\/wp\/v2\/posts\/153","targetHints":{"allow":["GET"]}}],"collection":[{"href":"http:\/\/yebbo.com\/ethiodiego\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/yebbo.com\/ethiodiego\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/yebbo.com\/ethiodiego\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/yebbo.com\/ethiodiego\/wp-json\/wp\/v2\/comments?post=153"}],"version-history":[{"count":1,"href":"http:\/\/yebbo.com\/ethiodiego\/wp-json\/wp\/v2\/posts\/153\/revisions"}],"predecessor-version":[{"id":154,"href":"http:\/\/yebbo.com\/ethiodiego\/wp-json\/wp\/v2\/posts\/153\/revisions\/154"}],"wp:attachment":[{"href":"http:\/\/yebbo.com\/ethiodiego\/wp-json\/wp\/v2\/media?parent=153"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/yebbo.com\/ethiodiego\/wp-json\/wp\/v2\/categories?post=153"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/yebbo.com\/ethiodiego\/wp-json\/wp\/v2\/tags?post=153"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}