{"id":7100,"date":"2026-01-12T00:00:51","date_gmt":"2026-01-12T00:00:51","guid":{"rendered":"https:\/\/themeton.com\/?page_id=7100"},"modified":"2026-01-22T06:50:09","modified_gmt":"2026-01-22T06:50:09","slug":"spotify","status":"publish","type":"page","link":"https:\/\/themeton.com\/tools\/font-generator\/spotify\/","title":{"rendered":"Spotify Font Generator &#8211; Electric Neon Wrapped Style Text"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"7100\" class=\"elementor elementor-7100\">\n\t\t\t\t<div class=\"elementor-element elementor-element-583f4b2c e-con-full e-flex e-con e-parent\" data-id=\"583f4b2c\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1874b327 elementor-widget elementor-widget-shortcode\" data-id=\"1874b327\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\"><!-- Spotify Font Generator - Electric Neon Wrapped Style -->\r\n<div class=\"sfg-app-container\">\r\n    <style>\r\n        :root {\r\n            --sfg-primary-gradient: linear-gradient(135deg, #1DB954 0%, #191414 100%);\r\n            --sfg-neon-accent: #1ed760;\r\n            --sfg-neon-pink: #ff00ab;\r\n            --sfg-neon-blue: #2d46ff;\r\n            --sfg-dark-bg: #121212;\r\n            --sfg-light-bg: #1e1e1e;\r\n            --sfg-card-bg: #282828;\r\n            --sfg-text: #ffffff;\r\n            --sfg-text-dim: #b3b3b3;\r\n            --sfg-radius: 9px;\r\n            --sfg-transition: all 0.3s ease;\r\n        }\r\n\r\n        .sfg-app-container {\r\n            font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif;\r\n            color: var(--sfg-text);\r\n            line-height: 1.6;\r\n            width: 100%;\r\n            margin: 0 auto;\r\n            background-color: var(--sfg-dark-bg);\r\n            overflow-x: hidden;\r\n        }\r\n\r\n        .sfg-inner {\r\n            max-width: 1200px;\r\n            margin: 0 auto;\r\n            padding: 0 10px;\r\n        }\r\n\r\n        \/* Header Section *\/\r\n        .sfg-header {\r\n            margin-top: 30px;\r\n            margin-bottom: 10px;\r\n            text-align: center;\r\n        }\r\n\r\n        .sfg-header h1 {\r\n            font-size: clamp(1.8rem, 5vw, 3.5rem);\r\n            font-weight: 800;\r\n            background: linear-gradient(90deg, #1ed760, #1db954, #2d46ff, #ff00ab);\r\n            -webkit-background-clip: text;\r\n            -webkit-text-fill-color: transparent;\r\n            margin-bottom: 10px;\r\n            letter-spacing: -1px;\r\n        }\r\n\r\n        .sfg-header p {\r\n            color: var(--sfg-text-dim);\r\n            font-size: 1.1rem;\r\n        }\r\n\r\n        \/* Tool Component *\/\r\n        .sfg-tool-card {\r\n            background: var(--sfg-primary-gradient);\r\n            border-radius: var(--sfg-radius);\r\n            padding: 10px;\r\n            margin-bottom: 25px;\r\n            box-shadow: 0 10px 30px rgba(0,0,0,0.5);\r\n        }\r\n\r\n        .sfg-input-group {\r\n            position: relative;\r\n\/*             margin-bottom: 25px; *\/\r\n        }\r\n\r\n        .sfg-main-input {\r\n            width: 100%;\r\n            padding: 20px !important;\r\n            padding-right: 100px;\r\n            border-radius: 10px !important;\r\n            border: 2px solid rgba(255,255,255,0.1);\r\n            background: rgba(0,0,0,0.4);\r\n            color: #fff !important;\r\n            font-size: 1.2rem !important;\r\n            box-sizing: border-box;\r\n            outline: none;\r\n            transition: var(--sfg-transition);\r\n\t\t\t\t\t\theight: 100px !important;\r\n        }\r\n\r\n        .sfg-main-input:focus {\r\n            border-color: var(--sfg-neon-accent);\r\n            box-shadow: 0 0 15px rgba(30, 215, 96, 0.2);\r\n\t\t\t\t\t\tcolor: #fff !important;\r\n        }\r\n\r\n        .sfg-clear-btn {\r\n            position: absolute;\r\n            right: 12px;\r\n            top: 50px;\r\n            transform: translateY(-50%);\r\n            background: rgba(255,255,255,0.1);\r\n            border: none;\r\n            color: #fff;\r\n            padding: 8px 15px;\r\n            border-radius: 5px;\r\n            cursor: pointer;\r\n            font-size: 0.8rem;\r\n            font-weight: bold;\r\n        }\r\n\r\n        \/* Responsive Grid: Exactly 2 options per row *\/\r\n        .sfg-results-grid {\r\n            display: grid;\r\n            grid-template-columns: repeat(2, 1fr);\r\n            gap: 15px;\r\n        }\r\n\r\n        @media (max-width: 600px) {\r\n            .sfg-results-grid {\r\n                grid-template-columns: 1fr;\r\n            }\r\n        }\r\n\r\n        .sfg-result-item {\r\n            background: rgba(255,255,255,0.06);\r\n            padding: 15px;\r\n            border-radius: 8px;\r\n            display: flex;\r\n            justify-content: space-between;\r\n            align-items: center;\r\n            border: 1px solid rgba(255,255,255,0.05);\r\n            transition: var(--sfg-transition);\r\n        }\r\n\r\n        .sfg-result-item.sfg-hidden { display: none; }\r\n\r\n        .sfg-result-item:hover {\r\n            background: rgba(255,255,255,0.12);\r\n            border-color: var(--sfg-neon-accent);\r\n        }\r\n\r\n        .sfg-result-text {\r\n            font-size: 1.05rem;\r\n            white-space: nowrap;\r\n            overflow: hidden;\r\n            text-overflow: ellipsis;\r\n            color: #fff;\r\n        }\r\n\r\n        .sfg-copy-btn {\r\n            background: var(--sfg-neon-accent);\r\n            color: #000;\r\n            border: none;\r\n            padding: 7px 14px;\r\n            border-radius: 5px;\r\n            cursor: pointer;\r\n            font-weight: 800;\r\n            font-size: 0.75rem;\r\n            margin-left: 10px;\r\n            flex-shrink: 0;\r\n        }\r\n\r\n        .sfg-see-more-btn {\r\n            display: block;\r\n            width: 100%;\r\n            max-width: 280px;\r\n            margin: 25px auto 0;\r\n            padding: 14px;\r\n            background: transparent;\r\n            color: #fff;\r\n            border: 2px solid var(--sfg-neon-accent);\r\n            border-radius: var(--sfg-radius);\r\n            cursor: pointer;\r\n            font-weight: bold;\r\n            text-transform: uppercase;\r\n            transition: var(--sfg-transition);\r\n        }\r\n\r\n        .sfg-see-more-btn:hover {\r\n            background: var(--sfg-neon-accent);\r\n            color: #000;\r\n        }\r\n\r\n        \/* Supporting Content Sections *\/\r\n        .sfg-content-section { padding: 60px 0; width: 100%; }\r\n        .sfg-section-title { text-align: center; margin-bottom: 25px; }\r\n        .sfg-section-title h2 { font-size: clamp(1.6rem, 4vw, 2.5rem) !important; font-weight:700; margin-bottom: 10px; color: #fff;}\r\n        .sfg-card-grid { display: grid; grid-template-columns: repeat(1, 1fr); gap: 20px; }\r\n\r\n        @media (min-width: 768px) { .sfg-card-grid { grid-template-columns: repeat(3, 1fr); } }\r\n\r\n        \/* Themes and Cards *\/\r\n        .bg-shade-1 { background-color: #1a1a1a; }\r\n        .bg-shade-tool { background: var(--sfg-primary-gradient); }\r\n\r\n        .sfg-card {\r\n            padding: 30px;\r\n            border-radius: var(--sfg-radius);\r\n            position: relative;\r\n            text-align: center;\r\n            overflow: hidden;\r\n            transition: var(--sfg-transition);\r\n        }\r\n\r\n        \/* Border Top Animation - Center Outward *\/\r\n        .sfg-card::after {\r\n            content: \"\";\r\n            position: absolute;\r\n            top: 0;\r\n            left: 50%;\r\n            width: 0;\r\n            height: 3px;\r\n            background: var(--sfg-neon-accent);\r\n            transition: width 0.4s ease, left 0.4s ease;\r\n        }\r\n\r\n        .sfg-card:hover::after {\r\n            width: 100%;\r\n            left: 0;\r\n        }\r\n\r\n        .sfg-card-icon {\r\n            font-size: 2.2rem;\r\n            margin-bottom: 15px;\r\n            display: block;\r\n            transition: transform 0.3s ease;\r\n        }\r\n\r\n        .sfg-card:hover .sfg-card-icon { transform: scale(1.1); color: var(--sfg-neon-accent); }\r\n        .card-bg-tool { background: var(--sfg-primary-gradient); border: 1px solid rgba(255,255,255,0.05); }\r\n\t\t\t\t.card-bg-tool h3{ color: #a4e58f; }\r\n        .card-bg-shade { background: #1a1a1a; border: 1px solid rgba(255,255,255,0.05); }\r\n\t\t\t\t.card-bg-shade h3{ color: #fff; }\r\n    <\/style>\r\n\r\n    <div class=\"sfg-inner\">\r\n        <header class=\"sfg-header\">\r\n            <h1>Spotify Font Generator - Electric Neon Wrapped Style Text<\/h1>\r\n            <p>Elevate your music playlists and social bios with high-voltage aesthetic fonts.<\/p>\r\n        <\/header>\r\n\r\n        <main class=\"sfg-tool-card\">\r\n            <div class=\"sfg-input-group\">\r\n                <input type=\"text\" id=\"sfgInput\" class=\"sfg-main-input\" placeholder=\"Type your text here...\" aria-label=\"Generator input\">\r\n                <button id=\"sfgClear\" class=\"sfg-clear-btn\">Clear<\/button>\r\n            <\/div>\r\n            \r\n            <div id=\"sfgResults\" class=\"sfg-results-grid\"><\/div>\r\n            <button id=\"sfgSeeMore\" class=\"sfg-see-more-btn\">See More Styles<\/button>\r\n        <\/main>\r\n    <\/div>\r\n\r\n\t    <div class=\"sfg-content-section bg-shade-1\">\r\n        <div class=\"sfg-inner\">\r\n\t\t\t\t\t\r\n\t\t\t\t<\/div>\r\n\t<\/div>\r\n\t\r\n    <!-- Section 1 -->\r\n    <div class=\"sfg-content-section bg-shade-1\">\r\n        <div class=\"sfg-inner\">\r\n            <div class=\"sfg-section-title\">\r\n                <h2>Premium Curator Aesthetics<\/h2>\r\n                <p>Designed for creators who value visual impact.<\/p>\r\n            <\/div>\r\n            <div class=\"sfg-card-grid\">\r\n                <div class=\"sfg-card card-bg-tool\">\r\n                    <span class=\"sfg-card-icon\">\u26a1<\/span>\r\n                    <h3>High Voltage<\/h3>\r\n                    <p>Aggressive neon styles that stand out on any playlist feed.<\/p>\r\n                <\/div>\r\n                <div class=\"sfg-card card-bg-tool\">\r\n                    <span class=\"sfg-card-icon\">\ud83c\udf00<\/span>\r\n                    <h3>Wrapped Vibes<\/h3>\r\n                    <p>Inspired by yearly music reviews for that authentic trend look.<\/p>\r\n                <\/div>\r\n                <div class=\"sfg-card card-bg-tool\">\r\n                    <span class=\"sfg-card-icon\">\u2705<\/span>\r\n                    <h3>Cross-Platform<\/h3>\r\n                    <p>Works flawlessly across Spotify, IG, and messaging apps.<\/p>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <!-- Section 2 -->\r\n    <div class=\"sfg-content-section bg-shade-tool\">\r\n        <div class=\"sfg-inner\">\r\n            <div class=\"sfg-section-title\">\r\n                <h2>Powerful Formatting<\/h2>\r\n                <p>More than just letters\u2014these are expressions.<\/p>\r\n            <\/div>\r\n            <div class=\"sfg-card-grid\">\r\n                <div class=\"sfg-card card-bg-shade\">\r\n                    <span class=\"sfg-card-icon\">\ud83c\udfa8<\/span>\r\n                    <h3>Custom Glyphs<\/h3>\r\n                    <p>Unique character sets not found on standard device keyboards.<\/p>\r\n                <\/div>\r\n                <div class=\"sfg-card card-bg-shade\">\r\n                    <span class=\"sfg-card-icon\">\ud83d\uddb1\ufe0f<\/span>\r\n                    <h3>Fast Copy<\/h3>\r\n                    <p>One-tap clipboard integration for rapid social media posting.<\/p>\r\n                <\/div>\r\n                <div class=\"sfg-card card-bg-shade\">\r\n                    <span class=\"sfg-card-icon\">\ud83d\udee0\ufe0f<\/span>\r\n                    <h3>Ultra Light<\/h3>\r\n                    <p>Vanilla JS ensures the fastest possible load times for users.<\/p>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <!-- Section 3 -->\r\n    <div class=\"sfg-content-section bg-shade-1\">\r\n        <div class=\"sfg-inner\">\r\n            <div class=\"sfg-section-title\">\r\n                <h2>Optimized UX<\/h2>\r\n                <p>Responsive design for on-the-go music fans.<\/p>\r\n            <\/div>\r\n            <div class=\"sfg-card-grid\">\r\n                <div class=\"sfg-card card-bg-tool\">\r\n                    <span class=\"sfg-card-icon\">\ud83d\udd0b<\/span>\r\n                    <h3>Efficiency<\/h3>\r\n                    <p>Optimized for zero layout shift and low power consumption.<\/p>\r\n                <\/div>\r\n                <div class=\"sfg-card card-bg-tool\">\r\n                    <span class=\"sfg-card-icon\">\ud83d\udd76\ufe0f<\/span>\r\n                    <h3>Dark Mode First<\/h3>\r\n                    <p>Specifically color-graded for the most popular social apps.<\/p>\r\n                <\/div>\r\n                <div class=\"sfg-card card-bg-tool\">\r\n                    <span class=\"sfg-card-icon\">\ud83d\udee1\ufe0f<\/span>\r\n                    <h3>Safe Output<\/h3>\r\n                    <p>100% compliant Unicode sets that won't trigger spam filters.<\/p>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <script>\r\n        (function() {\r\n            const input = document.getElementById('sfgInput');\r\n            const clearBtn = document.getElementById('sfgClear');\r\n            const results = document.getElementById('sfgResults');\r\n            const moreBtn = document.getElementById('sfgSeeMore');\r\n\r\n            const maps = {\r\n                \"SansB\": { \"a\": \"\ud835\uddee\", \"b\": \"\ud835\uddef\", \"c\": \"\ud835\uddf0\", \"d\": \"\ud835\uddf1\", \"e\": \"\ud835\uddf2\", \"f\": \"\ud835\uddf3\", \"g\": \"\ud835\uddf4\", \"h\": \"\ud835\uddf5\", \"i\": \"\ud835\uddf6\", \"j\": \"\ud835\uddf7\", \"k\": \"\ud835\uddf8\", \"l\": \"\ud835\uddf9\", \"m\": \"\ud835\uddfa\", \"n\": \"\ud835\uddfb\", \"o\": \"\ud835\uddfc\", \"p\": \"\ud835\uddfd\", \"q\": \"\ud835\uddfe\", \"r\": \"\ud835\uddff\", \"s\": \"\ud835\ude00\", \"t\": \"\ud835\ude01\", \"u\": \"\ud835\ude02\", \"v\": \"\ud835\ude03\", \"w\": \"\ud835\ude04\", \"x\": \"\ud835\ude05\", \"y\": \"\ud835\ude06\", \"z\": \"\ud835\ude07\", \"A\": \"\ud835\uddd4\", \"B\": \"\ud835\uddd5\", \"C\": \"\ud835\uddd6\", \"D\": \"\ud835\uddd7\", \"E\": \"\ud835\uddd8\", \"F\": \"\ud835\uddd9\", \"G\": \"\ud835\uddda\", \"H\": \"\ud835\udddb\", \"I\": \"\ud835\udddc\", \"J\": \"\ud835\udddd\", \"K\": \"\ud835\uddde\", \"L\": \"\ud835\udddf\", \"M\": \"\ud835\udde0\", \"N\": \"\ud835\udde1\", \"O\": \"\ud835\udde2\", \"P\": \"\ud835\udde3\", \"Q\": \"\ud835\udde4\", \"R\": \"\ud835\udde5\", \"S\": \"\ud835\udde6\", \"T\": \"\ud835\udde7\", \"U\": \"\ud835\udde8\", \"V\": \"\ud835\udde9\", \"W\": \"\ud835\uddea\", \"X\": \"\ud835\uddeb\", \"Y\": \"\ud835\uddec\", \"Z\": \"\ud835\udded\" },\r\n                \"Mono\": { \"a\": \"\ud835\ude8a\", \"b\": \"\ud835\ude8b\", \"c\": \"\ud835\ude8c\", \"d\": \"\ud835\ude8d\", \"e\": \"\ud835\ude8e\", \"f\": \"\ud835\ude8f\", \"g\": \"\ud835\ude90\", \"h\": \"\ud835\ude91\", \"i\": \"\ud835\ude92\", \"j\": \"\ud835\ude93\", \"k\": \"\ud835\ude94\", \"l\": \"\ud835\ude95\", \"m\": \"\ud835\ude96\", \"n\": \"\ud835\ude97\", \"o\": \"\ud835\ude98\", \"p\": \"\ud835\ude99\", \"q\": \"\ud835\ude9a\", \"r\": \"\ud835\ude9b\", \"s\": \"\ud835\ude9c\", \"t\": \"\ud835\ude9d\", \"u\": \"\ud835\ude9e\", \"v\": \"\ud835\ude9f\", \"w\": \"\ud835\udea0\", \"x\": \"\ud835\udea1\", \"y\": \"\ud835\udea2\", \"z\": \"\ud835\udea3\", \"A\": \"\ud835\ude70\", \"B\": \"\ud835\ude71\", \"C\": \"\ud835\ude72\", \"D\": \"\ud835\ude73\", \"E\": \"\ud835\ude74\", \"F\": \"\ud835\ude75\", \"G\": \"\ud835\ude76\", \"H\": \"\ud835\ude77\", \"I\": \"\ud835\ude78\", \"J\": \"\ud835\udd41\", \"K\": \"\ud835\ude7a\", \"L\": \"\ud835\ude7b\", \"M\": \"\ud835\ude7c\", \"N\": \"\ud835\ude7d\", \"O\": \"\ud835\ude7e\", \"P\": \"\ud835\ude7f\", \"Q\": \"\ud835\ude80\", \"R\": \"\ud835\ude81\", \"S\": \"\ud835\ude82\", \"T\": \"\ud835\ude83\", \"U\": \"\ud835\ude84\", \"V\": \"\ud835\ude85\", \"W\": \"\ud835\ude86\", \"X\": \"\ud835\ude87\", \"Y\": \"\ud835\ude88\", \"Z\": \"\ud835\ude89\" },\r\n                \"SerB\": { \"a\": \"\ud835\udc1a\", \"b\": \"\ud835\udc1b\", \"c\": \"\ud835\udc1c\", \"d\": \"\ud835\udc1d\", \"e\": \"\ud835\udc1e\", \"f\": \"\ud835\udc1f\", \"g\": \"\ud835\udc20\", \"h\": \"\ud835\udc21\", \"i\": \"\ud835\udc22\", \"j\": \"\ud835\udc23\", \"k\": \"\ud835\udc24\", \"l\": \"\ud835\udc25\", \"m\": \"\ud835\udc26\", \"n\": \"\ud835\udc27\", \"o\": \"\ud835\udc28\", \"p\": \"\ud835\udc29\", \"q\": \"\ud835\udc2a\", \"r\": \"\ud835\udc2b\", \"s\": \"\ud835\udc2c\", \"t\": \"\ud835\udc2d\", \"u\": \"\ud835\udc2e\", \"v\": \"\ud835\udc2f\", \"w\": \"\ud835\udc30\", \"x\": \"\ud835\udc31\", \"y\": \"\ud835\udc32\", \"z\": \"\ud835\udc33\", \"A\": \"\ud835\udc00\", \"B\": \"\ud835\udc01\", \"C\": \"\ud835\udc02\", \"D\": \"\ud835\udc03\", \"E\": \"\ud835\udc04\", \"F\": \"\ud835\udc05\", \"G\": \"\ud835\udc06\", \"H\": \"\ud835\udc07\", \"I\": \"\ud835\udc08\", \"J\": \"\ud835\udc09\", \"K\": \"\ud835\udc0a\", \"L\": \"\ud835\udc0b\", \"M\": \"\ud835\udc0c\", \"N\": \"\ud835\udc0d\", \"O\": \"\ud835\udc0e\", \"P\": \"\ud835\udc0f\", \"Q\": \"\ud835\udc10\", \"R\": \"\ud835\udc11\", \"S\": \"\ud835\udc12\", \"T\": \"\ud835\udc13\", \"U\": \"\ud835\udc14\", \"V\": \"\ud835\udc15\", \"W\": \"\ud835\udc16\", \"X\": \"\ud835\udc17\", \"Y\": \"\ud835\udc18\", \"Z\": \"\ud835\udc19\" },\r\n                \"OutL\": { \"a\": \"\ud835\udd52\", \"b\": \"\ud835\udd53\", \"c\": \"\ud835\udd54\", \"d\": \"\ud835\udd55\", \"e\": \"\ud835\udd56\", \"f\": \"\ud835\udd57\", \"g\": \"\ud835\udd58\", \"h\": \"\ud835\udd59\", \"i\": \"\ud835\udd5a\", \"j\": \"\ud835\udd5b\", \"k\": \"\ud835\udd5c\", \"l\": \"\ud835\udd5d\", \"m\": \"\ud835\udd5e\", \"n\": \"\ud835\udd5f\", \"o\": \"\ud835\udd60\", \"p\": \"\ud835\udd61\", \"q\": \"\ud835\udd62\", \"r\": \"\ud835\udd63\", \"s\": \"\ud835\udd64\", \"t\": \"\ud835\udd65\", \"u\": \"\ud835\udd66\", \"v\": \"\ud835\udd67\", \"w\": \"\ud835\udd68\", \"x\": \"\ud835\udd69\", \"y\": \"\ud835\udd6a\", \"z\": \"\ud835\udd6b\", \"A\": \"\ud835\udd38\", \"B\": \"\ud835\udd39\", \"C\": \"\u2102\", \"D\": \"\ud835\udd3b\", \"E\": \"\ud835\udd3c\", \"F\": \"\ud835\udd3d\", \"G\": \"\ud835\udd3e\", \"H\": \"\u210d\", \"I\": \"\ud835\udd40\", \"J\": \"\ud835\udd41\", \"K\": \"\ud835\udd42\", \"L\": \"\ud835\udd43\", \"M\": \"\ud835\udd44\", \"N\": \"\u2115\", \"O\": \"\ud835\udd46\", \"P\": \"\u2119\", \"Q\": \"\u211a\", \"R\": \"\u211d\", \"S\": \"\ud835\udd4a\", \"T\": \"\ud835\udd4b\", \"U\": \"\ud835\udd4c\", \"V\": \"\ud835\udd4d\", \"W\": \"\ud835\udd4e\", \"X\": \"\ud835\udd4f\", \"Y\": \"\ud835\udd50\", \"Z\": \"\u2124\" },\r\n                \"Circ\": { \"a\": \"\u24d0\", \"b\": \"\u24d1\", \"c\": \"\u24d2\", \"d\": \"\u24d3\", \"e\": \"\u24d4\", \"f\": \"\u24d5\", \"g\": \"\u24d6\", \"h\": \"\u24d7\", \"i\": \"\u24d8\", \"j\": \"\u24d9\", \"k\": \"\u24da\", \"l\": \"\u24db\", \"m\": \"\u24dc\", \"n\": \"\u24dd\", \"o\": \"\u24de\", \"p\": \"\u24df\", \"q\": \"\u24e0\", \"r\": \"\u24e1\", \"s\": \"\u24e2\", \"t\": \"\u24e3\", \"u\": \"\u24e4\", \"v\": \"\u24e5\", \"w\": \"\u24e6\", \"x\": \"\u24e7\", \"y\": \"\u24e8\", \"z\": \"\u24e9\", \"A\": \"\u24b6\", \"B\": \"\u24b7\", \"C\": \"\u24b8\", \"D\": \"\u24b9\", \"E\": \"\u24ba\", \"F\": \"\u24bb\", \"G\": \"\u24bc\", \"H\": \"\u24bd\", \"I\": \"\u24be\", \"J\": \"\u24bf\", \"K\": \"\u24c0\", \"L\": \"\u24c1\", \"M\": \"\u24c2\", \"N\": \"\u24c3\", \"O\": \"\u24c4\", \"P\": \"\u24c5\", \"Q\": \"\u24c6\", \"R\": \"\u24c7\", \"S\": \"\u24c8\", \"T\": \"\u24c9\", \"U\": \"\u24ca\", \"V\": \"\u24cb\", \"W\": \"\u24cc\", \"X\": \"\u24cd\", \"Y\": \"\u24ce\", \"Z\": \"\u24cf\" }\r\n            };\r\n\r\n            const decs = [\r\n                {l:\"\u26a1 \", r:\" \u26a1\"}, {l:\"\u224b \", r:\" \u224b\"}, {l:\"\u2728 \", r:\" \u2728\"}, {l:\"\ud83c\udfb5 \", r:\" \ud83c\udfb5\"}, \r\n                {l:\"\u300e\", r:\"\u300f\"}, {l:\"\u2605 \", r:\" \u2605\"}, {l:\"\u25d6\", r:\"\u25d7\"}, {l:\"\u00bb \", r:\" \u00ab\"},\r\n                {l:\"\u00d7 \", r:\" \u00d7\"}, {l:\"\u2726 \", r:\" \u2726\"}\r\n            ];\r\n\r\n            function generate(t, map) { return t.split('').map(c => map[c] || map[c.toLowerCase()] || c).join(''); }\r\n\r\n            function refresh() {\r\n                const text = input.value || \"Wrapped Neon\";\r\n                results.innerHTML = '';\r\n                moreBtn.style.display = 'block';\r\n                let total = 0;\r\n\r\n                Object.keys(maps).forEach(k => {\r\n                    const styled = generate(text, maps[k]);\r\n                    add(styled);\r\n                    decs.forEach(d => add(`${d.l}${styled}${d.r}`));\r\n                });\r\n\r\n                function add(str) {\r\n                    if (total >= 54) return;\r\n                    const el = document.createElement('div');\r\n                    el.className = 'sfg-result-item' + (total >= 10 ? ' sfg-hidden' : '');\r\n                    el.innerHTML = `\r\n                        <span class=\"sfg-result-text\">${str}<\/span>\r\n                        <button class=\"sfg-copy-btn\" data-txt=\"${str}\">Copy<\/button>\r\n                    `;\r\n                    results.appendChild(el);\r\n                    total++;\r\n                }\r\n            }\r\n\r\n            moreBtn.onclick = () => {\r\n                document.querySelectorAll('.sfg-hidden').forEach(el => {\r\n                    el.classList.remove('sfg-hidden');\r\n                    el.style.display = 'flex';\r\n                });\r\n                moreBtn.style.display = 'none';\r\n            };\r\n\r\n            results.onclick = (e) => {\r\n                if (e.target.classList.contains('sfg-copy-btn')) {\r\n                    const btn = e.target;\r\n                    navigator.clipboard.writeText(btn.dataset.txt).then(() => {\r\n                        const original = btn.innerText;\r\n                        btn.innerText = 'Copied';\r\n                        btn.style.background = '#fff';\r\n                        setTimeout(() => { btn.innerText = original; btn.style.background = ''; }, 1200);\r\n                    });\r\n                }\r\n            };\r\n\r\n            input.oninput = refresh;\r\n            clearBtn.onclick = () => { input.value = ''; refresh(); };\r\n            refresh();\r\n        })();\r\n    <\/script>\r\n<\/div><\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"","protected":false},"author":3,"featured_media":0,"parent":7051,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-7100","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/themeton.com\/wp-json\/wp\/v2\/pages\/7100","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/themeton.com\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/themeton.com\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/themeton.com\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/themeton.com\/wp-json\/wp\/v2\/comments?post=7100"}],"version-history":[{"count":4,"href":"https:\/\/themeton.com\/wp-json\/wp\/v2\/pages\/7100\/revisions"}],"predecessor-version":[{"id":7104,"href":"https:\/\/themeton.com\/wp-json\/wp\/v2\/pages\/7100\/revisions\/7104"}],"up":[{"embeddable":true,"href":"https:\/\/themeton.com\/wp-json\/wp\/v2\/pages\/7051"}],"wp:attachment":[{"href":"https:\/\/themeton.com\/wp-json\/wp\/v2\/media?parent=7100"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}