{"id":8,"date":"2026-04-10T04:51:08","date_gmt":"2026-04-10T04:51:08","guid":{"rendered":"https:\/\/hakimicat.online\/?page_id=8"},"modified":"2026-04-10T08:02:43","modified_gmt":"2026-04-10T08:02:43","slug":"elementor-8","status":"publish","type":"page","link":"https:\/\/hakimicat.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-f5e87fb e-con-full e-flex e-con e-parent\" data-id=\"f5e87fb\" 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-7ab2ad8 elementor-widget elementor-widget-html\" data-id=\"7ab2ad8\" 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=Luckiest+Guy&family=Permanent+Marker&display=swap');\n\n    .haki-hero-container {\n        width: 100%;\n        height: 100vh;\n        min-height: 800px;\n        position: relative;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        overflow: hidden;\n        background: transparent;\n        font-family: 'Luckiest Guy', cursive;\n    }\n\n    \/* LAYER 1: THE MASSIVE TITLE (BACK) *\/\n    .haki-title-layer {\n        position: absolute;\n        z-index: 1;\n        text-align: center;\n        width: 100%;\n        pointer-events: none;\n        top: 50%;\n        transform: translateY(-50%);\n    }\n\n    .haki-title-massive {\n        font-size: 25vw;\n        line-height: 0.8;\n        color: #FFD700;\n        -webkit-text-stroke: 8px #000;\n        text-shadow: 20px 20px 0px #FF8C00;\n        margin: 0;\n        text-transform: uppercase;\n    }\n\n    \/* LAYER 2: THE IMAGE (FRONT, MAPPED BOTTOM) *\/\n    .haki-image-layer {\n        position: absolute;\n        z-index: 2;\n        width: 100%;\n        height: 100vh;\n        top: 0;\n        left: 0;\n        display: flex;\n        align-items: flex-end; \n        justify-content: center;\n        pointer-events: none;\n    }\n\n    .haki-bubble-img {\n        width: 95vw; \n        height: auto;\n        filter: drop-shadow(25px 25px 0px #000);\n        transform: rotate(-3deg);\n    }\n\n    \/* MESSY CORNER TAGS *\/\n    .haki-tag {\n        position: absolute;\n        background: #FFD700;\n        border: 6px solid #000;\n        padding: 15px 35px;\n        font-size: 3rem;\n        z-index: 3;\n        box-shadow: 12px 12px 0px #000;\n        text-transform: uppercase;\n    }\n\n    .tag-tl { top: 8%; left: 4%; transform: rotate(-12deg); background: #FF8C00; }\n    .tag-tr { top: 12%; right: 6%; transform: rotate(10deg); }\n    .tag-bl { bottom: 15%; left: 5%; transform: rotate(8deg); }\n    .tag-br { bottom: 8%; right: 4%; transform: rotate(-15deg); background: #FF8C00; }\n\n    \/* ABSURD JITTER TEXT *\/\n    .absurd-float {\n        position: absolute;\n        font-family: 'Permanent Marker', cursive;\n        font-size: 9vw;\n        color: #FF8C00;\n        -webkit-text-stroke: 3px #000;\n        animation: jitter 0.12s infinite;\n        z-index: 4;\n    }\n\n    .oy { top: 25%; right: 15%; }\n    .huh { bottom: 30%; left: 18%; color: #FFD700; }\n\n    @keyframes jitter {\n        0% { transform: translate(0,0); }\n        25% { transform: translate(6px, -6px) rotate(3deg); }\n        50% { transform: translate(-6px, 6px) rotate(-3deg); }\n        100% { transform: translate(0,0); }\n    }\n\n    @media (max-width: 768px) {\n        .haki-title-massive { font-size: 40vw; -webkit-text-stroke: 4px #000; }\n        .haki-tag { font-size: 1.5rem; padding: 10px 20px; }\n        .absurd-float { font-size: 15vw; }\n    }\n<\/style>\n\n<div class=\"haki-hero-container\">\n    \n    <div class=\"haki-title-layer\">\n        <h1 class=\"haki-title-massive\">HAKIMI<\/h1>\n    <\/div>\n\n    <div class=\"haki-image-layer\">\n        <img decoding=\"async\" src=\"http:\/\/hakimicat.online\/wp-content\/uploads\/2026\/04\/Czt_buy_bubble_202604101439.png\" class=\"haki-bubble-img\" alt=\"Haki Bubble\">\n    <\/div>\n\n    <div class=\"haki-tag tag-tl\">NO ROADMAP<\/div>\n    <div class=\"haki-tag tag-tr\">NO UTILITY<\/div>\n    <div class=\"haki-tag tag-bl\">ONLY HAKIMI<\/div>\n    <div class=\"haki-tag tag-br\">PURE CHAOS<\/div>\n\n    <div class=\"absurd-float oy\">OY!!!<\/div>\n    <div class=\"absurd-float huh\">HUH?!<\/div>\n\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-e1582e0 e-con-full e-flex e-con e-parent\" data-id=\"e1582e0\" 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-864c85f elementor-widget elementor-widget-html\" data-id=\"864c85f\" 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=Luckiest+Guy&family=Permanent+Marker&display=swap');\n\n    \/* THE DIVIDER - Place this right after the Hero <div> *\/\n    .haki-divider {\n        width: 100%;\n        height: 100px;\n        background-color: #FFD700; \/* Matches the start of the desc section *\/\n        margin-top: -50px; \/* Pulls it up to overlap the Hero image *\/\n        position: relative;\n        z-index: 10;\n        \/* Hand-drawn jagged edge effect *\/\n        clip-path: polygon(0% 15%, 4% 0%, 9% 18%, 13% 2%, 18% 20%, 22% 5%, 27% 17%, 31% 1%, 36% 19%, 40% 4%, 45% 20%, 49% 2%, 54% 18%, 58% 6%, 63% 21%, 67% 3%, 72% 19%, 76% 5%, 81% 22%, 85% 2%, 90% 18%, 94% 4%, 100% 20%, 100% 100%, 0% 100%);\n    }\n\n    .haki-desc-section {\n        background: #FFD700; \/* Solid yellow to start *\/\n        padding: 60px 20px 120px 20px;\n        font-family: 'Luckiest Guy', cursive;\n        display: flex;\n        flex-direction: column;\n        align-items: center;\n        overflow: hidden;\n        position: relative;\n    }\n\n    \/* Massive Section Title *\/\n    .haki-desc-title {\n        font-size: 10vw;\n        color: #000; \/* Black for contrast against yellow *\/\n        -webkit-text-stroke: 0px; \n        text-shadow: 8px 8px 0px #FF8C00;\n        transform: rotate(-2deg);\n        margin-bottom: 60px;\n        text-transform: uppercase;\n        line-height: 0.9;\n        text-align: center;\n    }\n\n    \/* Chaotic Grid Layout *\/\n    .haki-grid {\n        display: grid;\n        grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));\n        gap: 50px;\n        max-width: 1300px;\n        width: 100%;\n        z-index: 2;\n    }\n\n    \/* Text Boxes *\/\n    .haki-box {\n        background: #000;\n        border: 10px solid #FF8C00;\n        padding: 40px;\n        box-shadow: 20px 20px 0px #FF8C00;\n        transition: 0.15s;\n    }\n\n    .box-1 { transform: rotate(-3deg); }\n    .box-2 { transform: rotate(2deg); background: #FF8C00; border-color: #000; box-shadow: 20px 20px 0px #000; }\n    .box-3 { transform: rotate(-1deg); }\n\n    .haki-box:hover {\n        transform: scale(1.05) rotate(0deg);\n        z-index: 5;\n    }\n\n    .haki-box h2 {\n        font-size: 3.5rem;\n        margin-top: 0;\n        color: #FFD700;\n        text-transform: uppercase;\n        line-height: 1;\n    }\n\n    .box-2 h2 { color: #000; }\n\n    .haki-box p {\n        font-family: 'Permanent Marker', cursive;\n        font-size: 1.6rem;\n        line-height: 1.3;\n        color: #fff;\n        margin-bottom: 0;\n    }\n\n    .box-2 p { color: #000; }\n\n    \/* Absurd Accents *\/\n    .haki-float {\n        position: absolute;\n        font-family: 'Permanent Marker', cursive;\n        font-size: 6rem;\n        color: #000;\n        opacity: 0.2;\n        z-index: 1;\n    }\n\n    .fl-1 { top: 5%; left: 2%; transform: rotate(-20deg); }\n    .fl-2 { bottom: 5%; right: 2%; transform: rotate(15deg); }\n\n    \/* Bottom Highlight *\/\n    .haki-highlight-bar {\n        margin-top: 100px;\n        background: #000;\n        padding: 20px 60px;\n        transform: skewX(-15deg) rotate(2deg);\n    }\n\n    .haki-highlight-text {\n        color: #FFD700;\n        font-size: 4vw;\n        text-transform: uppercase;\n        display: block;\n        transform: skewX(15deg); \/* Un-skew text *\/\n    }\n\n    @media (max-width: 768px) {\n        .haki-desc-title { font-size: 18vw; }\n        .haki-highlight-text { font-size: 8vw; }\n        .haki-grid { gap: 30px; }\n    }\n<\/style>\n\n<div class=\"haki-divider\"><\/div>\n\n<section class=\"haki-desc-section\">\n    \n    <div class=\"haki-float fl-1\">HAKIMI?<\/div>\n    <div class=\"haki-float fl-2\">ONLY HAKIMI<\/div>\n\n    <h1 class=\"haki-desc-title\">WHAT THE HELL<br>IS HAKIMI?<\/h1>\n\n    <div class=\"haki-grid\">\n        \n        <div class=\"haki-box box-1\">\n            <h2>ABSURD ORIGIN<\/h2>\n            <p>\n                BORN FROM THE DEEPEST TRENCHES OF CHINESE CAT MEMES. \n                IT DOESN'T NEED TO MAKE SENSE. IT JUST NEEDS TO BE. \n                PURE CHAOS ON THE CHAIN.\n            <\/p>\n        <\/div>\n\n        <div class=\"haki-box box-2\">\n            <h2>PROVEN META<\/h2>\n            <p>\n                ALREADY DOMINATING THE EASTERN INTERNET. \n                WE ARE BRINGING THE WEIRDNESS GLOBAL. \n                IF YOU ARE CONFUSED, YOU ARE WINNING.\n            <\/p>\n        <\/div>\n\n        <div class=\"haki-box box-3\">\n            <h2>NO BRAIN CELLS<\/h2>\n            <p>\n                NO ROADMAPS. NO UTILITY. NO LIES. \n                WE ARE NOT HERE TO SAVE FINANCE. \n                WE ARE HERE TO STARE AT THE VOID.\n            <\/p>\n        <\/div>\n\n    <\/div>\n\n    <div class=\"haki-highlight-bar\">\n        <span class=\"haki-highlight-text\">NO UTILITY. ONLY HAKIMI.<\/span>\n    <\/div>\n\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-d950b8d e-con-full e-flex e-con e-parent\" data-id=\"d950b8d\" 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-869eb8b elementor-widget elementor-widget-html\" data-id=\"869eb8b\" 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=Luckiest+Guy&display=swap');\n\n    .haki-marquee-section {\n        background: #FF8C00;\n        padding: 60px 0;\n        overflow: hidden;\n        font-family: 'Luckiest Guy', cursive;\n        position: relative;\n    }\n\n    .haki-marquee-title {\n        font-size: 8vw;\n        text-align: center;\n        color: #FFD700;\n        -webkit-text-stroke: 3px #000;\n        margin-bottom: 40px;\n        text-transform: uppercase;\n    }\n\n    .haki-marquee-container {\n        display: flex;\n        flex-direction: column;\n        gap: 30px;\n    }\n\n    .marquee-row {\n        display: flex;\n        width: fit-content;\n        gap: 20px;\n    }\n\n    \/* Animasi Jalan Kiri *\/\n    .scroll-left {\n        animation: scroll-left 80s linear infinite;\n    }\n\n    \/* Animasi Jalan Kanan *\/\n    .scroll-right {\n        animation: scroll-right 80s linear infinite;\n    }\n\n    .marquee-row:hover {\n        animation-play-state: paused;\n    }\n\n    \/* Clean Video Frame *\/\n    .video-frame {\n        width: 320px;\n        height: 570px;\n        background: #000;\n        border: 10px solid #000;\n        box-shadow: 10px 10px 0px #FFD700;\n        flex-shrink: 0;\n        overflow: hidden;\n    }\n\n    @keyframes scroll-left {\n        0% { transform: translateX(0); }\n        100% { transform: translateX(-50%); }\n    }\n\n    @keyframes scroll-right {\n        0% { transform: translateX(-50%); }\n        100% { transform: translateX(0); }\n    }\n\n    @media (max-width: 768px) {\n        .video-frame { width: 260px; height: 460px; }\n    }\n<\/style>\n\n<section class=\"haki-marquee-section\">\n    <h2 class=\"haki-marquee-title\">HAKIMI WALL OF CHAOS<\/h2>\n\n    <div class=\"haki-marquee-container\">\n        \n        <div class=\"marquee-row scroll-left\">\n            <div class=\"video-frame\"><iframe src=\"https:\/\/www.tiktok.com\/embed\/v2\/7615502574522813717\" style=\"width:100%; height:100%; border:none;\"><\/iframe><\/div>\n            <div class=\"video-frame\"><iframe src=\"https:\/\/www.tiktok.com\/embed\/v2\/7626304230097292564\" style=\"width:100%; height:100%; border:none;\"><\/iframe><\/div>\n            <div class=\"video-frame\"><iframe src=\"https:\/\/www.tiktok.com\/embed\/v2\/7590326825272839432\" style=\"width:100%; height:100%; border:none;\"><\/iframe><\/div>\n            <div class=\"video-frame\"><iframe src=\"https:\/\/www.tiktok.com\/embed\/v2\/7542494191205485831\" style=\"width:100%; height:100%; border:none;\"><\/iframe><\/div>\n            <div class=\"video-frame\"><iframe src=\"https:\/\/www.tiktok.com\/embed\/v2\/7599425241969986834\" style=\"width:100%; height:100%; border:none;\"><\/iframe><\/div>\n            <div class=\"video-frame\"><iframe src=\"https:\/\/www.tiktok.com\/embed\/v2\/7624081039543192840\" style=\"width:100%; height:100%; border:none;\"><\/iframe><\/div>\n            <div class=\"video-frame\"><iframe src=\"https:\/\/www.tiktok.com\/embed\/v2\/7615502574522813717\" style=\"width:100%; height:100%; border:none;\"><\/iframe><\/div>\n            <div class=\"video-frame\"><iframe src=\"https:\/\/www.tiktok.com\/embed\/v2\/7626304230097292564\" style=\"width:100%; height:100%; border:none;\"><\/iframe><\/div>\n            <div class=\"video-frame\"><iframe src=\"https:\/\/www.tiktok.com\/embed\/v2\/7590326825272839432\" style=\"width:100%; height:100%; border:none;\"><\/iframe><\/div>\n            <div class=\"video-frame\"><iframe src=\"https:\/\/www.tiktok.com\/embed\/v2\/7542494191205485831\" style=\"width:100%; height:100%; border:none;\"><\/iframe><\/div>\n            <div class=\"video-frame\"><iframe src=\"https:\/\/www.tiktok.com\/embed\/v2\/7599425241969986834\" style=\"width:100%; height:100%; border:none;\"><\/iframe><\/div>\n            <div class=\"video-frame\"><iframe src=\"https:\/\/www.tiktok.com\/embed\/v2\/7624081039543192840\" style=\"width:100%; height:100%; border:none;\"><\/iframe><\/div>\n        <\/div>\n\n        <div class=\"marquee-row scroll-right\">\n            <div class=\"video-frame\"><iframe src=\"https:\/\/www.tiktok.com\/embed\/v2\/7613117375524769042\" style=\"width:100%; height:100%; border:none;\"><\/iframe><\/div>\n            <div class=\"video-frame\"><iframe src=\"https:\/\/www.tiktok.com\/embed\/v2\/7590728555785374983\" style=\"width:100%; height:100%; border:none;\"><\/iframe><\/div>\n            <div class=\"video-frame\"><iframe src=\"https:\/\/www.tiktok.com\/embed\/v2\/7620690352697134356\" style=\"width:100%; height:100%; border:none;\"><\/iframe><\/div>\n            <div class=\"video-frame\"><iframe src=\"https:\/\/www.tiktok.com\/embed\/v2\/7597104434841177352\" style=\"width:100%; height:100%; border:none;\"><\/iframe><\/div>\n            <div class=\"video-frame\"><iframe src=\"https:\/\/www.tiktok.com\/embed\/v2\/7592905960612515090\" style=\"width:100%; height:100%; border:none;\"><\/iframe><\/div>\n            <div class=\"video-frame\"><iframe src=\"https:\/\/www.tiktok.com\/embed\/v2\/7613117375524769042\" style=\"width:100%; height:100%; border:none;\"><\/iframe><\/div>\n            <div class=\"video-frame\"><iframe src=\"https:\/\/www.tiktok.com\/embed\/v2\/7590728555785374983\" style=\"width:100%; height:100%; border:none;\"><\/iframe><\/div>\n            <div class=\"video-frame\"><iframe src=\"https:\/\/www.tiktok.com\/embed\/v2\/7620690352697134356\" style=\"width:100%; height:100%; border:none;\"><\/iframe><\/div>\n            <div class=\"video-frame\"><iframe src=\"https:\/\/www.tiktok.com\/embed\/v2\/7597104434841177352\" style=\"width:100%; height:100%; border:none;\"><\/iframe><\/div>\n            <div class=\"video-frame\"><iframe src=\"https:\/\/www.tiktok.com\/embed\/v2\/7592905960612515090\" style=\"width:100%; height:100%; border:none;\"><\/iframe><\/div>\n        <\/div>\n\n    <\/div>\n<\/section>\n\n<script async src=\"https:\/\/www.tiktok.com\/embed.js\"><\/script>\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>HAKIMI NO ROADMAP NO UTILITY ONLY HAKIMI PURE CHAOS OY!!! HUH?! HAKIMI? ONLY HAKIMI WHAT THE HELLIS HAKIMI? ABSURD ORIGIN BORN FROM THE DEEPEST TRENCHES OF CHINESE CAT MEMES. IT DOESN&#8217;T NEED TO MAKE SENSE. IT JUST NEEDS TO BE. PURE CHAOS ON THE CHAIN. PROVEN META ALREADY DOMINATING THE EASTERN INTERNET. WE ARE BRINGING [&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:\/\/hakimicat.online\/index.php\/wp-json\/wp\/v2\/pages\/8","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/hakimicat.online\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/hakimicat.online\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/hakimicat.online\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/hakimicat.online\/index.php\/wp-json\/wp\/v2\/comments?post=8"}],"version-history":[{"count":19,"href":"https:\/\/hakimicat.online\/index.php\/wp-json\/wp\/v2\/pages\/8\/revisions"}],"predecessor-version":[{"id":35,"href":"https:\/\/hakimicat.online\/index.php\/wp-json\/wp\/v2\/pages\/8\/revisions\/35"}],"wp:attachment":[{"href":"https:\/\/hakimicat.online\/index.php\/wp-json\/wp\/v2\/media?parent=8"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}