{"id":8,"date":"2026-05-06T15:27:12","date_gmt":"2026-05-06T15:27:12","guid":{"rendered":"https:\/\/anatoyakko.online\/?page_id=8"},"modified":"2026-05-06T16:15:50","modified_gmt":"2026-05-06T16:15:50","slug":"elementor-8","status":"publish","type":"page","link":"https:\/\/anatoyakko.online\/","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-5f7bca8 e-con-full e-flex e-con e-parent\" data-id=\"5f7bca8\" 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-5ef37f5 elementor-widget elementor-widget-html\" data-id=\"5ef37f5\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\n\/* Import the Luckiest Guy Font *\/\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Luckiest+Guy&display=swap');\n\n:root {\n    --bg-dark: #1a0b2e;\n    --solana-purple: #9945FF;\n    --solana-purple-light: #E0B0FF;\n    --solana-green: #14F195;\n    --accent-gold: #FFD700;\n    --light-bg: #FFFDF5; \n    --light-accent: #F3E5F5;\n    --brutal-black: #111;\n    --text-white: #ffffff;\n}\n\nbody {\n    background-color: var(--light-bg);\n    color: var(--brutal-black); \n    font-family: 'Luckiest Guy', cursive;\n    margin: 0;\n    padding: 0;\n    line-height: 1.4;\n    overflow-x: hidden;\n}\n\n\/* Animations *\/\n@keyframes float-hero {\n    0% { transform: translateY(0px) rotate(-2deg); }\n    50% { transform: translateY(-25px) rotate(-1deg); }\n    100% { transform: translateY(0px) rotate(-2deg); }\n}\n\n@keyframes float-polaroid {\n    0% { transform: translateY(0px) rotate(-6deg); }\n    50% { transform: translateY(-20px) rotate(-4deg) scale(1.02); }\n    100% { transform: translateY(0px) rotate(-6deg); }\n}\n\n\/* HERO SECTION *\/\n.hero-section {\n    background: url('http:\/\/anatoyakko.online\/wp-content\/uploads\/2026\/05\/herobg.png') center\/cover no-repeat;\n    background-color: var(--bg-dark); \n    min-height: 85vh;\n    display: flex;\n    align-items: center;\n    position: relative;\n    border-bottom: 8px solid var(--brutal-black);\n    overflow: hidden;\n}\n\n.hero-content {\n    position: relative;\n    z-index: 2;\n    width: 100%;\n    max-width: 1200px;\n    margin: 0 auto;\n    padding: 40px 20px;\n    text-align: left;\n}\n\n.hero-content h1 {\n    font-size: clamp(4rem, 12vw, 8rem);\n    color: var(--solana-green);\n    text-shadow: 6px 6px 0px var(--solana-purple), 12px 12px 0px var(--brutal-black), 0px 0px 15px rgba(0,0,0,0.8);\n    margin: 0;\n    text-transform: uppercase;\n    transform: rotate(-3deg);\n    line-height: 0.9;\n    letter-spacing: 2px;\n}\n\n.ticker-badge {\n    display: inline-block;\n    background: var(--accent-gold);\n    color: var(--brutal-black);\n    padding: 10px 30px;\n    font-size: 2.5rem;\n    margin: 30px 0 10px;\n    border: 5px solid var(--brutal-black);\n    box-shadow: 8px 8px 0px var(--solana-purple);\n    transform: rotate(2deg);\n}\n\n.hero-subtitle {\n    font-size: 2.5rem; \n    color: var(--text-white); \n    text-shadow: 4px 4px 0 var(--brutal-black), 0 0 10px #000; \n    margin-top: 10px; \n    max-width: 600px;\n    line-height: 1.2;\n}\n\n\/* Hero CA Copy CTA *\/\n.hero-ca-cta {\n    background: var(--brutal-black);\n    color: var(--solana-green);\n    display: inline-block;\n    padding: 15px 30px;\n    font-family: monospace;\n    font-size: 1.3rem;\n    font-weight: bold;\n    border: 4px dashed var(--solana-purple-light);\n    border-radius: 50px;\n    margin: 20px 0;\n    box-shadow: 5px 5px 0px var(--accent-gold);\n    transform: rotate(-1deg);\n    transition: all 0.2s;\n    cursor: pointer;\n    word-break: break-all;\n    max-width: 100%;\n}\n\n.hero-ca-cta:hover {\n    transform: rotate(1deg) scale(1.05);\n    box-shadow: 8px 8px 0px var(--accent-gold);\n    background: #000;\n}\n\n.hero-ca-cta:active {\n    transform: translate(3px, 3px) rotate(1deg);\n    box-shadow: 2px 2px 0px var(--accent-gold);\n}\n\n.hero-ca-cta span {\n    color: var(--text-white);\n    margin-right: 10px;\n}\n\n\/* Featured Image - Made Bigger *\/\n.hero-featured-img {\n    position: absolute;\n    bottom: -30px; \n    right: 2%;\n    width: 750px; \/* Increased size *\/\n    max-width: 65vw; \/* Increased max-width *\/\n    z-index: 3;\n    filter: drop-shadow(20px 20px 0px rgba(0,0,0,0.7)); \n    animation: float-hero 5s ease-in-out infinite; \n}\n\n\/* Abstract Dividers *\/\n.brush-divider {\n    height: 30px;\n    width: 105%;\n    margin: -15px -2.5% 50px;\n    background-color: var(--solana-purple);\n    border-radius: 255px 15px 225px 15px\/15px 225px 15px 255px;\n    transform: rotate(-1.5deg);\n    box-shadow: 0px 5px 0px var(--brutal-black);\n    position: relative;\n    z-index: 10;\n}\n\n.brush-divider.green {\n    background-color: var(--solana-green);\n    width: 90%;\n    margin: 50px auto;\n    transform: rotate(2deg);\n}\n\n.brush-divider.gold {\n    background-color: var(--accent-gold);\n    width: 80%;\n    margin: 50px auto;\n    transform: rotate(-2.5deg);\n}\n\n.brush-divider.top-divider {\n    margin: 80px -2.5% -20px;\n    width: 105%;\n    background-color: var(--solana-purple);\n    transform: rotate(1deg);\n    z-index: 10;\n}\n\n\/* MIDDLE CONTAINER *\/\n.container {\n    max-width: 1200px; \n    margin: 0 auto;\n    padding: 60px 20px;\n    display: flex;\n    flex-direction: column;\n    gap: 60px;\n}\n\n.about-wrapper {\n    position: relative;\n    z-index: 2;\n    padding: 20px 0;\n}\n\nh2 {\n    font-size: clamp(3.5rem, 6vw, 5rem); \n    color: var(--text-white);\n    text-shadow: 4px 4px 0px var(--brutal-black), 8px 8px 0px var(--solana-purple);\n    margin: 0 0 30px 0;\n    display: inline-block;\n    transform: rotate(-3deg);\n    position: relative;\n    z-index: 10;\n}\n\n.card {\n    border: 6px solid var(--brutal-black);\n    padding: 40px;\n    box-shadow: 15px 15px 0px var(--brutal-black);\n    position: relative;\n    z-index: 2;\n    background: white;\n    transform: rotate(1.5deg);\n}\n\n.card:nth-of-type(even) {\n    background: var(--light-accent);\n    transform: rotate(-1.5deg);\n    box-shadow: -15px 15px 0px var(--solana-green);\n}\n\n.card h2 {\n    color: var(--text-white);\n    text-shadow: 4px 4px 0px var(--brutal-black), 8px 8px 0px var(--solana-purple);\n    margin: -60px 0 30px -20px;\n    background: var(--accent-gold);\n    padding: 10px 20px;\n    border: 4px solid var(--brutal-black);\n}\n\np {\n    font-size: 2.2rem; \n    color: var(--brutal-black); \n    text-shadow: 2px 2px 0px white; \n    line-height: 1.6;\n}\n\n\/* MASSIVE POLAROID PORTRAIT *\/\n.polaroid-portrait {\n    float: left;\n    width: clamp(350px, 50%, 650px); \n    margin: -20px 50px 20px -50px; \n    border: 15px solid white;\n    border-bottom-width: 80px; \n    background: white;\n    box-shadow: 15px 15px 0px var(--brutal-black);\n    position: relative;\n    z-index: 5;\n    animation: float-polaroid 6s ease-in-out infinite; \n}\n\n\/* THE VISION BLOCKS *\/\n.vision-blocks {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 30px;\n    justify-content: center;\n    margin-top: 30px;\n}\n\n.v-block {\n    flex: 1;\n    min-width: 250px;\n    background: white;\n    padding: 40px 20px;\n    border: 6px solid var(--brutal-black);\n    text-align: center;\n    box-shadow: 10px 10px 0px var(--solana-purple);\n    font-size: 2.5rem;\n    color: var(--brutal-black);\n    transform: rotate(-2deg);\n}\n\n.v-block:nth-child(even) { \n    transform: rotate(2deg); \n    box-shadow: -10px 10px 0px var(--accent-gold); \n    background: var(--light-accent);\n}\n\n\/* LAST SECTION - Corners layout *\/\n.last-section {\n    background: url('http:\/\/anatoyakko.online\/wp-content\/uploads\/2026\/05\/last-section-bg.png') center\/cover no-repeat;\n    background-color: var(--bg-dark); \n    position: relative;\n    padding: 100px 20px;\n    margin-top: 0px;\n    border-top: 8px solid var(--brutal-black);\n    border-bottom: 8px solid var(--brutal-black);\n    overflow: hidden; \n}\n\n.last-section-content {\n    position: relative;\n    z-index: 2;\n    max-width: 1200px;\n    margin: 0 auto;\n    color: var(--text-white);\n}\n\n.last-section h2 {\n    color: var(--solana-green);\n    text-shadow: 4px 4px 0px var(--brutal-black), 8px 8px 0px var(--solana-purple), 0px 0px 15px #000;\n    text-align: center;\n    display: block;\n    margin: 0 0 50px 0;\n    transform: rotate(-1deg);\n}\n\n.corner-list {\n    list-style: none;\n    padding: 0;\n    position: relative;\n    min-height: 600px; \n    width: 100%;\n}\n\n.corner-list li {\n    background: rgba(26, 11, 46, 0.95); \n    border: 4px solid var(--solana-purple-light);\n    padding: 30px;\n    box-shadow: 10px 10px 0px var(--brutal-black);\n    color: var(--text-white);\n    font-size: 2.2rem;\n    position: absolute;\n    width: 40%; \n    backdrop-filter: blur(5px);\n}\n\n.corner-list li:nth-child(1) { top: 0; left: 0; transform: rotate(-2deg); border-color: var(--solana-green); }\n.corner-list li:nth-child(2) { top: 0; right: 0; transform: rotate(2deg); }\n.corner-list li:nth-child(3) { bottom: 0; left: 0; transform: rotate(1deg); }\n.corner-list li:nth-child(4) { bottom: 0; right: 0; transform: rotate(-1.5deg); border-color: var(--accent-gold); }\n\n\/* Buttons *\/\n.btn-group {\n    margin-top: 10px;\n    display: flex;\n    justify-content: flex-start;\n    flex-wrap: wrap;\n    gap: 20px;\n}\n\n.btn {\n    display: inline-block;\n    padding: 20px 40px;\n    font-size: 2.2rem;\n    color: var(--brutal-black);\n    background: var(--solana-green);\n    text-decoration: none;\n    border: 5px solid var(--brutal-black);\n    box-shadow: 10px 10px 0px var(--solana-purple);\n    transform: rotate(-2deg);\n    transition: all 0.1s;\n}\n\n.btn:active {\n    transform: translate(5px, 5px) rotate(-2deg);\n    box-shadow: 5px 5px 0px var(--solana-purple);\n}\n\n.btn-purple {\n    background: var(--solana-purple);\n    color: white;\n    box-shadow: 10px 10px 0px var(--accent-gold);\n    transform: rotate(2deg);\n}\n\n.btn-purple:active {\n    transform: translate(5px, 5px) rotate(2deg);\n    box-shadow: 5px 5px 0px var(--accent-gold);\n}\n\n.footer {\n    text-align: center;\n    padding: 40px 20px;\n    font-size: 1.5rem;\n    color: var(--text-white);\n    background: var(--brutal-black);\n}\n\n\/* Mobile Adjustments *\/\n@media (max-width: 900px) {\n    .corner-list {\n        display: flex;\n        flex-direction: column;\n        min-height: auto;\n        gap: 30px;\n    }\n    .corner-list li {\n        position: relative;\n        width: 100%;\n        top: auto !important;\n        bottom: auto !important;\n        left: auto !important;\n        right: auto !important;\n        transform: rotate(0deg) !important;\n    }\n}\n\n@media (max-width: 768px) {\n    .hero-content {\n        padding-bottom: 300px; \/* adjusted for bigger image *\/\n        text-align: center;\n    }\n    .btn-group {\n        justify-content: center;\n    }\n    .hero-ca-cta {\n        font-size: 1.1rem;\n        padding: 10px 20px;\n    }\n    .hero-featured-img {\n        width: 400px;\n        max-width: 85vw;\n        right: -5%;\n        bottom: -20px;\n    }\n    .polaroid-portrait {\n        float: none;\n        display: block;\n        width: 90%;\n        margin: -20px auto 40px;\n        transform: rotate(-3deg);\n    }\n}\n\n\/* Clearfix *\/\n.clearfix::after {\n    content: \"\";\n    clear: both;\n    display: table;\n}\n<\/style>\n\n<!-- HERO SECTION -->\n<div class=\"hero-section\">\n    <div class=\"hero-content\">\n        <h1>ANATO<br>YAKKO<\/h1>\n        <div class=\"ticker-badge\">$YAKKO<\/div>\n        <p class=\"hero-subtitle\">The Speed of Proof-of-History. The Energy of a Derp.<\/p>\n        \n        <!-- COMPACT CA CTA (Set to null as requested) -->\n        <div class=\"hero-ca-cta\" onclick=\"navigator.clipboard.writeText('null'); alert('CA Copied to clipboard!');\">\n            <span>CA:<\/span> null\n        <\/div>\n        \n        <!-- TELEGRAM AND X BUTTONS -->\n        <div class=\"btn-group\">\n            <a href=\"#\" class=\"btn\" target=\"_blank\">TELEGRAM<\/a>\n            <a href=\"#\" class=\"btn btn-purple\" target=\"_blank\">X (TWITTER)<\/a>\n        <\/div>\n    <\/div>\n    \n    <!-- BIGGER HERO FEATURED IMAGE -->\n    <img decoding=\"async\" src=\"http:\/\/anatoyakko.online\/wp-content\/uploads\/2026\/05\/herofeatured.png\" class=\"hero-featured-img\" alt=\"Anato Yakko Hero Mascot\">\n<\/div>\n\n<!-- Marker \/ Brush Divider right below the hero -->\n<div class=\"brush-divider\"><\/div>\n\n<!-- INVERTED LIGHT MIDDLE SECTION -->\n<div class=\"container\">\n    \n    <!-- THE LEGEND SECTION -->\n    <div class=\"about-wrapper clearfix\">\n        <h2>THE LEGEND<\/h2>\n        <!-- MASSIVE ANIMATED POLAROID ON THE LEFT -->\n        <img decoding=\"async\" src=\"http:\/\/anatoyakko.online\/wp-content\/uploads\/2026\/05\/potrait.png\" alt=\"Yakko Portrait Polaroid\" class=\"polaroid-portrait\">\n        \n        <p>Inspired by the founder who gave us the fastest chain in existence, <strong>Anato Yakko<\/strong> is here to bring that same high-performance energy to the meme world.<\/p> \n        <p>While Toly is busy coding the future, we're busy making sure $YAKKO stays green and the community stays vibing to the absolute max.<\/p>\n    <\/div>\n\n    <!-- Green Brush Divider -->\n    <div class=\"brush-divider green\"><\/div>\n\n    <!-- THE MANIFESTO -->\n    <div class=\"card\">\n        <h2>THE MANIFESTO<\/h2>\n        <p>We didn't come here to read whitepapers. We came here to click buttons, make friends, and respect the architect of our digital playground. $YAKKO is the ultimate badge of honor for the true Solana believers. No fake promises, no BS, just high-speed degeneracy.<\/p>\n    <\/div>\n\n    <!-- Gold Brush Divider -->\n    <div class=\"brush-divider gold\"><\/div>\n\n    <!-- THE VISION -->\n    <div class=\"card\" style=\"background: transparent; border: none; box-shadow: none; padding: 0;\">\n        <h2 style=\"background: var(--solana-green); color: var(--brutal-black); border: 4px solid var(--brutal-black); margin-bottom: 10px; text-shadow: 2px 2px 0px white;\">THE VISION<\/h2>\n        <div class=\"vision-blocks\">\n            <div class=\"v-block\">\n                NO BS.<br>JUST PURE VIBES.\n            <\/div>\n            <div class=\"v-block\">\n                FASTER THAN YOUR EX LEAVING YOU.\n            <\/div>\n            <div class=\"v-block\">\n                COMMUNITY FIRST.<br>DEGENS ALWAYS.\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n\n<!-- NEW BRUSH DIVIDER ON TOP OF LAST SECTION -->\n<div class=\"brush-divider top-divider\"><\/div>\n\n<!-- LAST SECTION: Center Space Opened \/ Items in Corners -->\n<div class=\"last-section\">\n    <div class=\"last-section-content\">\n        <h2>HOW TO GRAB IT<\/h2>\n        <ul class=\"corner-list\">\n            <li>\ud83d\udd25 <strong>STEP 1:<\/strong> Setup a Phantom or Solflare wallet.<\/li>\n            <li>\ud83d\udd25 <strong>STEP 2:<\/strong> Load it up with some sweet, sweet SOL.<\/li>\n            <li>\ud83d\udd25 <strong>STEP 3:<\/strong> Head over to Jupiter or Raydium and swap for $YAKKO.<\/li>\n            <li>\ud83d\udd25 <strong>STEP 4:<\/strong> Watch the ultimate derp conquer the blockchain.<\/li>\n        <\/ul>\n    <\/div>\n<\/div>\n\n<div class=\"footer\">\n    $YAKKO is a community-driven memecoin inspired by Anatoly Yakovenko. No official affiliation with Solana Labs. Just pure meme energy. DYOR!\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>ANATOYAKKO $YAKKO The Speed of Proof-of-History. The Energy of a Derp. CA: null TELEGRAM X (TWITTER) THE LEGEND Inspired by the founder who gave us the fastest chain in existence, Anato Yakko is here to bring that same high-performance energy to the meme world. While Toly is busy coding the future, we&#8217;re busy making sure [&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:\/\/anatoyakko.online\/index.php?rest_route=\/wp\/v2\/pages\/8","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/anatoyakko.online\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/anatoyakko.online\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/anatoyakko.online\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/anatoyakko.online\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=8"}],"version-history":[{"count":22,"href":"https:\/\/anatoyakko.online\/index.php?rest_route=\/wp\/v2\/pages\/8\/revisions"}],"predecessor-version":[{"id":37,"href":"https:\/\/anatoyakko.online\/index.php?rest_route=\/wp\/v2\/pages\/8\/revisions\/37"}],"wp:attachment":[{"href":"https:\/\/anatoyakko.online\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=8"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}