{"id":8,"date":"2026-04-30T04:44:12","date_gmt":"2026-04-30T04:44:12","guid":{"rendered":"https:\/\/yokaiinu.site\/?page_id=8"},"modified":"2026-04-30T05:36:31","modified_gmt":"2026-04-30T05:36:31","slug":"elementor-8","status":"publish","type":"page","link":"https:\/\/yokaiinu.site\/","title":{"rendered":"Elementor #8"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"8\" class=\"elementor elementor-8\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3845f01 e-con-full e-flex e-con e-parent\" data-id=\"3845f01\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7800f56 elementor-widget elementor-widget-html\" data-id=\"7800f56\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\n    @import url('https:\/\/fonts.googleapis.com\/css2?family=Oregano:ital@0;1&display=swap');\n\n    :root {\n        --void: #0a0118;\n        --purple: #3c096c;\n        --ghost: #9d4edd;\n        --neon: #e0aaff;\n        --ink: #1a1a1a;\n    }\n\n    * { box-sizing: border-box; }\n\n    body {\n        margin: 0;\n        padding: 0;\n        background: var(--void);\n        color: var(--neon);\n        font-family: 'Oregano', cursive;\n        overflow-x: hidden;\n        -webkit-font-smoothing: antialiased;\n    }\n\n    \/* Asymmetrical Messy Navigation *\/\n    nav {\n        position: fixed;\n        top: 20px;\n        left: 50%;\n        transform: translateX(-50%);\n        width: 95%;\n        background: rgba(10, 1, 24, 0.85);\n        backdrop-filter: blur(10px);\n        border: 2px solid var(--ghost);\n        border-radius: 30px 10px 40px 5px; \n        padding: 10px 40px;\n        display: flex;\n        justify-content: space-between;\n        align-items: center;\n        z-index: 1000;\n        box-shadow: 10px 10px 0px rgba(60, 9, 108, 0.5);\n    }\n\n    nav a {\n        color: var(--neon);\n        text-decoration: none;\n        font-size: 1.6rem;\n        transition: 0.3s;\n        text-transform: uppercase;\n        letter-spacing: 1px;\n    }\n\n    nav a:hover { color: #fff; text-shadow: 0 0 15px var(--ghost); transform: rotate(-2deg); }\n\n    \/* Main Container Control - FULL WIDTH *\/\n    .wrapper {\n        width: 100%;\n        position: relative;\n        overflow-x: hidden;\n    }\n\n    section {\n        min-height: 100vh;\n        width: 100%;\n        position: relative;\n        display: flex;\n        flex-direction: column;\n        justify-content: center;\n        \/* INCREASED TOP & BOTTOM PADDING *\/\n        padding: 180px 5%; \n        background-size: cover;\n        background-position: center;\n    }\n\n    \/* Typography & Shadows for Readability *\/\n    h1 {\n        font-size: clamp(5rem, 15vw, 20rem);\n        margin: 0;\n        line-height: 0.8;\n        z-index: 5;\n        text-shadow: 10px 10px 0px var(--purple);\n    }\n\n    h2 {\n        font-size: clamp(4rem, 10vw, 10rem);\n        margin-bottom: 20px;\n        line-height: 0.9;\n        text-shadow: 5px 5px 0px var(--void), 0px 0px 20px var(--void);\n    }\n\n    p {\n        text-shadow: 2px 2px 5px var(--void), 0px 0px 15px rgba(10, 1, 24, 0.8);\n        z-index: 5;\n        position: relative;\n    }\n    \n    strong {\n        color: var(--ghost);\n        text-shadow: 3px 3px 0px var(--void);\n    }\n\n    \/* Backgrounds - NO OVERLAYS *\/\n    .s1 { background-image: url('http:\/\/yokaiinu.site\/wp-content\/uploads\/2026\/04\/bg1.png'); }\n    .s2 { background-image: url('http:\/\/yokaiinu.site\/wp-content\/uploads\/2026\/04\/bg2.png'); }\n    .s3 { background-image: url('http:\/\/yokaiinu.site\/wp-content\/uploads\/2026\/04\/bg3.png'); }\n    .s4 { background-image: url('http:\/\/yokaiinu.site\/wp-content\/uploads\/2026\/04\/bg4-scaled.jpeg'); background-attachment: fixed; }\n    .s5 { background-image: url('http:\/\/yokaiinu.site\/wp-content\/uploads\/2026\/04\/bg4.png'); }\n\n    \/* Compact CA Design *\/\n    .ca-container {\n        margin-top: 30px;\n        background: var(--ghost);\n        color: var(--void);\n        padding: 10px 20px;\n        display: inline-block;\n        transform: rotate(-3deg);\n        border-radius: 5px 15px 5px 20px;\n        box-shadow: 8px 8px 0px var(--purple);\n        cursor: pointer;\n        transition: 0.3s;\n        border: 2px solid var(--neon);\n        max-width: fit-content;\n        z-index: 5;\n        position: relative;\n    }\n\n    .ca-container:hover { transform: rotate(1deg) scale(1.05); box-shadow: 4px 4px 0px var(--purple); }\n    .ca-label { font-size: 0.9rem; text-transform: uppercase; display: block; font-weight: bold; letter-spacing: 1px; }\n    .ca-value { font-size: 1.2rem; font-weight: 900; letter-spacing: 1px; word-break: break-all; }\n\n    \/* Roadmap List *\/\n    .roadmap-list {\n        list-style: none;\n        padding: 0;\n        margin: 0;\n        z-index: 5;\n        position: relative;\n    }\n\n    .roadmap-list li {\n        font-size: 2.2rem;\n        margin-bottom: 20px;\n        border-bottom: 2px dashed var(--ghost);\n        padding-bottom: 10px;\n        color: #fff;\n        text-shadow: 3px 3px 5px var(--void), 0 0 15px var(--void);\n    }\n\n    .roadmap-list span { color: var(--ghost); font-weight: bold; font-size: 2.5rem; display: inline-block; width: 150px; text-shadow: none; }\n\n    \/* Floating Spirit *\/\n    .inu-img {\n        position: absolute;\n        right: -2%;\n        top: 15%;\n        width: 50vw;\n        filter: drop-shadow(0 0 60px var(--ghost));\n        animation: spiritFloat 6s ease-in-out infinite;\n        z-index: 2;\n        pointer-events: none;\n    }\n\n    @keyframes spiritFloat {\n        0%, 100% { transform: translateY(0) rotate(-2deg) scale(1); }\n        50% { transform: translateY(-40px) rotate(3deg) scale(1.05); }\n    }\n\n    \/* Call to Action Button *\/\n    .buy-button {\n        font-family: 'Oregano', cursive;\n        font-size: 5rem;\n        background: var(--neon);\n        color: var(--void);\n        padding: 10px 70px;\n        text-decoration: none;\n        display: inline-block;\n        border-radius: 80px 20px 90px 30px;\n        box-shadow: 20px 20px 0px var(--purple);\n        transition: 0.3s;\n        border: 3px solid var(--void);\n        z-index: 5;\n        position: relative;\n    }\n\n    .buy-button:hover { transform: translateY(-10px) rotate(-2deg); box-shadow: 30px 30px 0px var(--ghost); }\n\n    \/* Unique Marquee Dividers *\/\n    .marquee-container {\n        position: absolute;\n        bottom: -20px;\n        left: -5%;\n        width: 110%;\n        padding: 15px 0;\n        overflow: hidden;\n        white-space: nowrap;\n        z-index: 20;\n        box-shadow: 0 10px 30px rgba(0,0,0,0.9);\n        border-top: 2px solid var(--void);\n        border-bottom: 2px solid var(--void);\n    }\n\n    .m1 { background: var(--ghost); color: var(--void); transform: rotate(-2deg); }\n    .m2 { background: var(--neon); color: var(--void); transform: rotate(1.5deg); }\n    .m3 { background: var(--void); color: var(--ghost); transform: rotate(-1deg); border-color: var(--ghost); }\n    .m4 { background: var(--purple); color: var(--neon); transform: rotate(2.5deg); }\n\n    .marquee-text {\n        display: inline-block;\n        font-size: 2.5rem;\n        font-weight: 900;\n        text-transform: uppercase;\n        letter-spacing: 4px;\n        animation: scrollText 20s linear infinite;\n    }\n\n    @keyframes scrollText {\n        0% { transform: translateX(0); }\n        100% { transform: translateX(-50%); }\n    }\n<\/style>\n\n<nav>\n    <div style=\"font-size: 2.5rem; font-weight: 900; color: var(--ghost); text-shadow: 2px 2px 0 var(--void);\">$YOKAI<\/div>\n    <div style=\"display: flex; gap: 30px;\">\n        <a href=\"#\">Twitter<\/a>\n        <a href=\"#\">Telegram<\/a>\n        <a href=\"#\">Community<\/a>\n    <\/div>\n<\/nav>\n\n<div class=\"wrapper\">\n    <!-- SECTION 1: HERO -->\n    <section class=\"s1\">\n        <div style=\"z-index: 5; position: relative; max-width: max-content;\">\n            <p style=\"font-size: 2.5rem; color: var(--ghost); transform: rotate(-2deg);\">A Premium Digital Collectible<\/p>\n            <h1>Yokai Inu<\/h1>\n            \n            <p style=\"font-size: 2.8rem; max-width: 650px; margin-top: 40px; transform: rotate(-1deg); line-height: 1.1;\">\n                Summon the spirit. Awaken the legend.\n            <\/p>\n            \n            <!-- COMPACT CA SECTION -->\n            <div class=\"ca-container\" style=\"margin-top: -10px;\">\n                <span class=\"ca-label\">Ticker: $YOKAI<\/span>\n                <span class=\"ca-value\">null<\/span>\n            <\/div>\n        <\/div>\n\n        <!-- Marquee 1 -->\n        <div class=\"marquee-container m1\">\n            <div class=\"marquee-text\">\n                SUMMON THE SPIRIT \/\/ AWAKEN THE LEGEND \/\/ THE SHRINE OPENS \/\/ SUMMON THE SPIRIT \/\/ AWAKEN THE LEGEND \/\/ THE SHRINE OPENS \/\/ SUMMON THE SPIRIT \/\/ AWAKEN THE LEGEND \/\/ THE SHRINE OPENS \/\/ SUMMON THE SPIRIT \/\/ AWAKEN THE LEGEND \/\/ THE SHRINE OPENS \/\/\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- SECTION 2: LORE -->\n    <section class=\"s2\">\n        <img decoding=\"async\" src=\"http:\/\/yokaiinu.site\/wp-content\/uploads\/2026\/04\/featured.png\" class=\"inu-img\">\n        \n        <div style=\"max-width: 650px; z-index: 5; position: relative; transform: rotate(-2deg);\">\n            <h2 style=\"color: var(--neon);\">The Myth<\/h2>\n            <p style=\"font-size: 2.5rem; line-height: 1.2;\">\n                Born from myth, darkness, and folklore, ancient spirit dogs awaken from the shadows of forgotten shrines. Each Yokai Inu carries a unique soul, cursed power, and sacred origin.\n            <\/p>\n        <\/div>\n\n        <!-- Marquee 2 -->\n        <div class=\"marquee-container m2\">\n            <div class=\"marquee-text\">\n                MYTH AND DARKNESS \/\/ UNIQUE SOUL \/\/ CURSED POWER \/\/ MYTH AND DARKNESS \/\/ UNIQUE SOUL \/\/ CURSED POWER \/\/ MYTH AND DARKNESS \/\/ UNIQUE SOUL \/\/ CURSED POWER \/\/ MYTH AND DARKNESS \/\/ UNIQUE SOUL \/\/ CURSED POWER \/\/\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- SECTION 3: CLANS & GUARDIANS -->\n    <section class=\"s3\" style=\"align-items: flex-end; text-align: right;\">\n        <div style=\"max-width: 850px; z-index: 5; position: relative; transform: rotate(1.5deg);\">\n            <h2 style=\"color: var(--neon);\">The Haunted Clans<\/h2>\n            <p style=\"font-size: 2.5rem; line-height: 1.2;\">\n                Enter a world of <strong>mystical guardians<\/strong>, haunted clans, and supernatural beasts. In the realm of the Yokai Inu, every spirit has a story, and every collectible holds unimaginable power. \n            <\/p>\n        <\/div>\n\n        <!-- Marquee 3 -->\n        <div class=\"marquee-container m3\">\n            <div class=\"marquee-text\">\n                MYSTICAL GUARDIANS \/\/ HAUNTED CLANS \/\/ SUPERNATURAL BEASTS \/\/ MYSTICAL GUARDIANS \/\/ HAUNTED CLANS \/\/ SUPERNATURAL BEASTS \/\/ MYSTICAL GUARDIANS \/\/ HAUNTED CLANS \/\/ SUPERNATURAL BEASTS \/\/ MYSTICAL GUARDIANS \/\/ HAUNTED CLANS \/\/ SUPERNATURAL BEASTS \/\/\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- SECTION 4: ROADMAP -->\n    <section class=\"s4\">\n        <div style=\"max-width: 800px; z-index: 5; position: relative; transform: rotate(-1.5deg);\">\n            <h2 style=\"margin:0 0 30px 0; color: var(--ghost);\">Roadmap<\/h2>\n            <ul class=\"roadmap-list\">\n                <li><span>Phase 1<\/span> The Awakening & $YOKAI Launch<\/li>\n                <li><span>Phase 2<\/span> Digital Collectible Genesis Mint<\/li>\n                <li><span>Phase 3<\/span> The Cursed Shrine Ecosystem<\/li>\n                <li style=\"border:none;\"><span>Phase 4<\/span> Awakening of the Supernatural Beasts<\/li>\n            <\/ul>\n        <\/div>\n\n        <!-- Marquee 4 -->\n        <div class=\"marquee-container m4\">\n            <div class=\"marquee-text\">\n                PREMIUM JAPANESE-INSPIRED COLLECTIBLES \/\/ EVERY SPIRIT HAS A STORY \/\/ PREMIUM JAPANESE-INSPIRED COLLECTIBLES \/\/ EVERY SPIRIT HAS A STORY \/\/ PREMIUM JAPANESE-INSPIRED COLLECTIBLES \/\/ EVERY SPIRIT HAS A STORY \/\/ PREMIUM JAPANESE-INSPIRED COLLECTIBLES \/\/ EVERY SPIRIT HAS A STORY \/\/\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- SECTION 5: CALL TO ACTION -->\n    <section class=\"s5\" style=\"text-align: center;\">\n        <h1 style=\"display: inline-block; z-index: 5; position: relative;\">Hold The Power<\/h1>\n        <div style=\"margin-top: 60px;\">\n            <a href=\"#\" class=\"buy-button\">Summon $YOKAI<\/a>\n        <\/div>\n        \n        <div style=\"margin-top: 120px; opacity: 0.8; font-size: 1.5rem; letter-spacing: 2px; display: inline-block; z-index: 5; position: relative;\">\n            <p>\u00a9 2026 YOKAI INU | DIGITAL COLLECTIBLES<\/p>\n        <\/div>\n    <\/section>\n<\/div>\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>$YOKAI Twitter Telegram Community A Premium Digital Collectible Yokai Inu Summon the spirit. Awaken the legend. Ticker: $YOKAI null SUMMON THE SPIRIT \/\/ AWAKEN THE LEGEND \/\/ THE SHRINE OPENS \/\/ SUMMON THE SPIRIT \/\/ AWAKEN THE LEGEND \/\/ THE SHRINE OPENS \/\/ SUMMON THE SPIRIT \/\/ AWAKEN THE LEGEND \/\/ THE SHRINE OPENS \/\/ [&hellip;]<\/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:\/\/yokaiinu.site\/index.php\/wp-json\/wp\/v2\/pages\/8","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/yokaiinu.site\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/yokaiinu.site\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/yokaiinu.site\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/yokaiinu.site\/index.php\/wp-json\/wp\/v2\/comments?post=8"}],"version-history":[{"count":19,"href":"https:\/\/yokaiinu.site\/index.php\/wp-json\/wp\/v2\/pages\/8\/revisions"}],"predecessor-version":[{"id":38,"href":"https:\/\/yokaiinu.site\/index.php\/wp-json\/wp\/v2\/pages\/8\/revisions\/38"}],"wp:attachment":[{"href":"https:\/\/yokaiinu.site\/index.php\/wp-json\/wp\/v2\/media?parent=8"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}