{"id":8,"date":"2026-06-01T13:04:02","date_gmt":"2026-06-01T13:04:02","guid":{"rendered":"https:\/\/itspatty.lol\/?page_id=8"},"modified":"2026-06-01T14:42:37","modified_gmt":"2026-06-01T14:42:37","slug":"elementor-8","status":"publish","type":"page","link":"https:\/\/itspatty.lol\/","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-e89fcb7 e-con-full e-flex e-con e-parent\" data-id=\"e89fcb7\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2af16fa elementor-widget elementor-widget-html\" data-id=\"2af16fa\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<!-- FONT LOADER -->\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Slackey&family=Poor+Story&display=swap\" rel=\"stylesheet\">\r\n<!-- TSPARTICLES ENGINE -->\r\n<script src=\"https:\/\/cdn.jsdelivr.net\/npm\/tsparticles@2\/tsparticles.bundle.min.js\"><\/script>\r\n\r\n<div class=\"patty-wrapper\">\r\n  \r\n  <!-- CARTOON WINDOW CONTAINER -->\r\n  <div class=\"patty-window-container\">\r\n      \r\n    \r\n    <!-- CRT SCREEN EFFECTS (Inside the Window Only) -->\r\n    <div class=\"crt-scanlines\"><\/div>\r\n    <div class=\"crt-vignette\"><\/div>\r\n\r\n    <!-- BACKGROUND VIDEO -->\r\n    <video class=\"patty-video-bg\" autoplay muted loop playsinline>\r\n      <source src=\"http:\/\/itspatty.lol\/wp-content\/uploads\/2026\/06\/patty-bg2.mp4\" type=\"video\/mp4\">\r\n    <\/video>\r\n    <div class=\"patty-video-overlay\"><\/div>\r\n\r\n    <!-- PARTICLE BACKGROUND CONTAINER -->\r\n    <div id=\"tsparticles-patty\"><\/div>\r\n\r\n    <!-- NAVBAR (TOP) -->\r\n    <nav class=\"patty-navbar\">\r\n      <div class=\"patty-logo\">$Patty<\/div>\r\n      <div class=\"patty-nav-center\">\r\n        <a href=\"https:\/\/x.com\/itispatty\" target=\"_blank\" class=\"patty-nav-btn\">Twitter<\/a>\r\n        <a href=\"https:\/\/dexscreener.com\/solana\/DJzwS5gGk584DvZXcMFq8qHG9mJkHLVG728Gozugpump\" target=\"_blank\" class=\"patty-nav-btn\">Live Chart<\/a>\r\n      <\/div>\r\n      <a href=\"https:\/\/swap.pump.fun\/?input=So11111111111111111111111111111111111111112&output=DJzwS5gGk584DvZXcMFq8qHG9mJkHLVG728Gozugpump\" target=\"_blank\" class=\"patty-nav-btn buy-now\">Buy Now<\/a>\r\n    <\/nav>\r\n\r\n    <!-- MAIN CONTENT AREA (BOTTOM) -->\r\n    <div class=\"patty-content-area\">\r\n      \r\n      <!-- LEFT SIDE: TITLE & CA -->\r\n      <div class=\"patty-left-hero\">\r\n        <h1 class=\"patty-main-title\">It is a Patty<\/h1>\r\n        <div class=\"patty-ca-container\">\r\n          <button class=\"patty-ca-btn\" onclick=\"copyContractAddress(this)\">\r\n            <span class=\"btn-text\">CA : DJzwS5....ugpump<\/span>\r\n            <span class=\"full-ca\">DJzwS5gGk584DvZXcMFq8qHG9mJkHLVG728Gozugpump<\/span>\r\n          <\/button>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- RIGHT SIDE: MINIMALIST STATIC CARD -->\r\n      <div class=\"patty-right-hero\">\r\n        <div class=\"patty-thumb-card\" id=\"pattyTriggerCard\">\r\n          <div class=\"card-text-content\">\r\n            <h3 class=\"card-thumb-title\">About $Patty<\/h3>\r\n            <span class=\"click-prompt\">Click to reveal formula \u2192<\/span>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n  <\/div> <!-- \/patty-window-container -->\r\n\r\n  <!-- INTERACTIVE POPUP MODAL -->\r\n  <div class=\"patty-modal-overlay\" id=\"pattyModal\">\r\n    <div class=\"patty-modal-box\">\r\n      <button class=\"patty-modal-close\" id=\"pattyCloseBtn\">\u00d7<\/button>\r\n      <img decoding=\"async\" src=\"https:\/\/itspatty.lol\/wp-content\/uploads\/2026\/06\/Asset-6.png\" alt=\"Patty Asset\" class=\"patty-modal-img\">\r\n      <h2 class=\"patty-modal-title\">The recipe is secret.<br>The ledger is open.<\/h2>\r\n      <p class=\"patty-modal-desc\">\r\n        You know the story. A secret recipe locked in a vault, fought over for decades. We got tired of the drama. So we took the formula out of the safe and put it on the chain.\r\n      <\/p>\r\n      <p class=\"patty-modal-desc\">\r\n        No roadmaps. No fake utility. No underwater metaverse. This is just $patty. We aren't selling you a five-star illusion, we're just making a really good burger. Raw, simple, and exactly what it's supposed to be.\r\n      <\/p>\r\n      <p class=\"patty-modal-desc\">\r\n        The space is full of menus with too much seasoning and zero meat. We're going back to basics. Grab a seat, place your order, and let the grill do the work.\r\n      <\/p>\r\n    <\/div>\r\n  <\/div>\r\n\r\n<\/div>\r\n\r\n<!-- STYLING SYSTEM -->\r\n<style>\r\n  \/* Base Reset & Variables *\/\r\n  .patty-wrapper *, .patty-wrapper *::before, .patty-wrapper *::after {\r\n    box-sizing: border-box;\r\n    margin: 0;\r\n    padding: 0;\r\n  }\r\n\r\n  \/* Outer Section Background *\/\r\n  .patty-wrapper {\r\n    position: relative;\r\n    width: 100%;\r\n    min-height: 93vh;\r\n    padding: 10px;\r\n    background-color: #121212;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    font-family: 'Poor Story', system-ui;\r\n    overflow: hidden;\r\n  }\r\n\r\n  \/* WINDOW CONTAINER CONTAINER (Kek style Button Kasar\/Jendela Jelas) *\/\r\n  .patty-window-container {\r\n    position: relative;\r\n    width: 100%;\r\n    max-width: 100%;\r\n    min-height: 93vh;\r\n    background: #111;\r\n    \r\n    \/* STYLE JENDELA \/ BUTTON KASAR *\/\r\n    border: 6px solid #000000 !important;\r\n    border-radius: 25px 15px 30px 20px \/ 15px 30px 20px 25px !important;\r\n    \r\n    padding: 40px;\r\n    overflow: hidden;\r\n    \r\n    \/* DISTRIBUSI KONTEN (NAVBAR ATAS - HERO BAWAH) *\/\r\n    display: flex;\r\n    flex-direction: column;\r\n    justify-content: space-between;\r\n  }\r\n\r\n  \/* CRT SCREEN EFFECTS *\/\r\n  .crt-scanlines {\r\n    position: absolute;\r\n    top: 0; left: 0; width: 100%; height: 100%;\r\n    background: linear-gradient(rgba(18, 16, 16, 0) 50%, rgba(0, 0, 0, 0.3) 50%);\r\n    background-size: 100% 4px;\r\n    z-index: 6;\r\n    pointer-events: none;\r\n  }\r\n  .crt-vignette {\r\n    position: absolute;\r\n    top: 0; left: 0; width: 100%; height: 100%;\r\n    background: radial-gradient(circle, transparent 55%, rgba(0, 0, 0, 0.65) 120%);\r\n    z-index: 7;\r\n    pointer-events: none;\r\n    animation: crtFlicker 0.25s infinite;\r\n  }\r\n  @keyframes crtFlicker {\r\n    0% { opacity: 0.98; }\r\n    50% { opacity: 1; }\r\n    100% { opacity: 0.99; }\r\n  }\r\n\r\n  \/* Video Background Elements *\/\r\n  .patty-video-bg {\r\n    position: absolute;\r\n    top: 50%;\r\n    left: 50%;\r\n    min-width: 100%;\r\n    min-height: 100%;\r\n    width: auto;\r\n    height: auto;\r\n    z-index: 1;\r\n    transform: translate(-50%, -50%);\r\n    object-fit: cover;\r\n  }\r\n  .patty-video-overlay {\r\n    position: absolute;\r\n    top: 0; left: 0; width: 100%; height: 100%;\r\n    background: rgba(0, 0, 0, 0.2);\r\n    z-index: 2;\r\n    pointer-events: none;\r\n  }\r\n\r\n  \/* PARTICLE LAYER (Melayang di atas video, di bawah UI) *\/\r\n  #tsparticles-patty {\r\n    position: absolute;\r\n    top: 0;\r\n    left: 0;\r\n    width: 100%;\r\n    height: 100%;\r\n    z-index: 3;\r\n    pointer-events: none; \/* Cegah partikel menghalangi klik button *\/\r\n  }\r\n\r\n  \/* Cartoon Elements Global Border Aesthetic *\/\r\n  .patty-nav-btn, .patty-ca-btn, .patty-thumb-card, .patty-modal-box {\r\n    border: 4px solid #000000 !important;\r\n    background: #ffffff;\r\n    border-radius: 255px 15px 225px 15px \/ 15px 225px 15px 255px !important;\r\n    box-shadow: 6px 6px 0px #000000;\r\n    transition: all 0.15s ease-in-out;\r\n  }\r\n  .patty-nav-btn:hover, .patty-ca-btn:hover, .patty-thumb-card:hover {\r\n    transform: translate(-2px, -2px);\r\n    box-shadow: 9px 9px 0px #000000;\r\n    background: #f9f9f9;\r\n  }\r\n\r\n  \/* Navbar Elements *\/\r\n  .patty-navbar {\r\n    position: relative;\r\n    z-index: 10;\r\n    width: 100%;\r\n    display: flex;\r\n    justify-content: space-between;\r\n    align-items: center;\r\n  }\r\n  .patty-logo {\r\n    font-family: 'Slackey', cursive;\r\n    font-size: 2.2rem;\r\n    color: #ffffff;\r\n    text-shadow: 3px 3px 0px #000000, -3px -3px 0px #000000, 3px -3px 0px #000000, -3px 3px 0px #000000;\r\n    transform: rotate(-2deg);\r\n  }\r\n  .patty-nav-center {\r\n    display: flex;\r\n    gap: 15px;\r\n  }\r\n  .patty-nav-btn {\r\n    display: inline-block;\r\n    padding: 10px 20px;\r\n    font-family: 'Slackey', cursive;\r\n    font-size: 0.95rem;\r\n    text-decoration: none;\r\n    color: #000000;\r\n    cursor: pointer;\r\n  }\r\n  .buy-now {\r\n    background: #ffcf00 !important;\r\n    transform: rotate(1deg);\r\n  }\r\n\r\n  \/* Hero Content Layout *\/\r\n  .patty-content-area {\r\n    position: relative;\r\n    z-index: 10;\r\n    display: flex;\r\n    justify-content: space-between;\r\n    align-items: flex-end;\r\n    width: 100%;\r\n    padding-top: 50px;\r\n  }\r\n  .patty-left-hero { width: 50%; }\r\n  .patty-right-hero { width: 45%; display: flex; justify-content: flex-end; }\r\n\r\n  \/* Typography *\/\r\n  .patty-main-title {\r\n    font-family: 'Slackey', cursive;\r\n    font-size: 4.5rem;\r\n    color: #ffffff;\r\n    text-shadow: 5px 5px 0px #000000, -3px -3px 0px #000000, 3px -3px 0px #000000, -3px 3px 0px #000000;\r\n    line-height: 1.1;\r\n    margin-bottom: 25px;\r\n    transform: rotate(-1deg);\r\n  }\r\n\r\n  \/* CA Copy Button Mechanics *\/\r\n  .patty-ca-btn {\r\n    padding: 15px 25px;\r\n    font-family: 'Slackey', cursive;\r\n    font-size: 1.1rem;\r\n    cursor: pointer;\r\n    position: relative;\r\n    overflow: hidden;\r\n    max-width: 100%;\r\n  }\r\n  .patty-ca-btn .full-ca { display: none; }\r\n\r\n  \/* Minimalist Static Thumbnail Card *\/\r\n  .patty-thumb-card {\r\n    width: 100%;\r\n    max-width: 320px;\r\n    padding: 15px;\r\n    cursor: pointer;\r\n    background-image: url('https:\/\/itspatty.lol\/wp-content\/uploads\/2026\/06\/Asset-7.png');\r\n    background-size: cover;\r\n    background-position: center;\r\n  }\r\n  .card-text-content {\r\n    background: rgba(255, 255, 255, 0.98);\r\n    padding: 15px 20px;\r\n    border: 3px solid #000000;\r\n    border-radius: 10px;\r\n    text-align: left;\r\n  }\r\n  .card-thumb-title {\r\n    font-family: 'Slackey', cursive;\r\n    font-size: 1.3rem;\r\n    margin-bottom: 6px;\r\n    color: #000;\r\n  }\r\n  .click-prompt {\r\n    display: block;\r\n    font-family: 'Poor Story', system-ui;\r\n    font-size: 1.1rem;\r\n    font-weight: bold;\r\n    color: #ff3b30;\r\n  }\r\n\r\n  \/* Modal Overlay Frame *\/\r\n  .patty-modal-overlay {\r\n    position: fixed;\r\n    top: 0; left: 0; width: 100%; height: 100%;\r\n    background: rgba(0, 0, 0, 0.85);\r\n    z-index: 99999;\r\n    display: none;\r\n    align-items: center;\r\n    justify-content: center;\r\n    padding: 20px;\r\n  }\r\n  .patty-modal-box {\r\n    position: relative;\r\n    width: 100%;\r\n    max-width: 650px;\r\n    max-height: 85vh;\r\n    overflow-y: auto;\r\n    padding: 40px 30px;\r\n    text-align: center;\r\n    background: #ffffff;\r\n    animation: popIn 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.275);\r\n    color: #000;\r\n  }\r\n  @keyframes popIn {\r\n    from { transform: scale(0.8); opacity: 0; }\r\n    to { transform: scale(1); opacity: 1; }\r\n  }\r\n  .patty-modal-close {\r\n    position: absolute;\r\n    top: 15px; right: 20px;\r\n    background: none; border: none;\r\n    font-size: 2.5rem; font-weight: bold;\r\n    cursor: pointer; color: #000;\r\n  }\r\n  .patty-modal-close:hover { color: #ff3b30; }\r\n  .patty-modal-img { max-width: 180px; height: auto; margin-bottom: 20px; display: inline-block; }\r\n  .patty-modal-title { font-family: 'Slackey', cursive; font-size: 2rem; line-height: 1.2; margin-bottom: 20px; }\r\n  .patty-modal-desc { font-size: 1.2rem; line-height: 1.5; color: #333; margin-bottom: 15px; text-align: center; }\r\n\r\n  \/* Responsive Mobile Adaptation *\/\r\n  @media (max-width: 991px) {\r\n    .patty-wrapper { padding: 15px; }\r\n    .patty-window-container {\r\n      padding: 20px;\r\n      min-height: auto;\r\n    }\r\n    .patty-content-area {\r\n      flex-direction: column;\r\n      align-items: center;\r\n      gap: 35px;\r\n    }\r\n    .patty-left-hero, .patty-right-hero { width: 100%; text-align: center; }\r\n    .patty-right-hero { justify-content: center; }\r\n    .patty-main-title { font-size: 3rem; }\r\n    .patty-navbar { flex-direction: column; gap: 15px; }\r\n  }\r\n<\/style>\r\n\r\n<!-- ENGINE INTERACTION (JAVASCRIPT) -->\r\n<script>\r\n  \/\/ UI Interaction Logic\r\n  const pattyCard = document.getElementById('pattyTriggerCard');\r\n  const pattyModal = document.getElementById('pattyModal');\r\n  const pattyCloseBtn = document.getElementById('pattyCloseBtn');\r\n\r\n  if(pattyCard) {\r\n    pattyCard.addEventListener('click', () => {\r\n      pattyModal.style.display = 'flex';\r\n      document.body.style.overflow = 'hidden';\r\n    });\r\n  }\r\n\r\n  if(pattyCloseBtn) {\r\n    pattyCloseBtn.addEventListener('click', closeModal);\r\n  }\r\n\r\n  if(pattyModal) {\r\n    pattyModal.addEventListener('click', (e) => {\r\n      if(e.target === pattyModal) {\r\n        closeModal();\r\n      }\r\n    });\r\n  }\r\n\r\n  function closeModal() {\r\n    pattyModal.style.display = 'none';\r\n    document.body.style.overflow = 'auto';\r\n  }\r\n\r\n  function copyContractAddress(buttonElement) {\r\n    const fullCA = buttonElement.querySelector('.full-ca').innerText;\r\n    const textSpan = buttonElement.querySelector('.btn-text');\r\n    \r\n    navigator.clipboard.writeText(fullCA).then(() => {\r\n      const originalText = textSpan.innerText;\r\n      textSpan.innerText = \"Copied Success! \u2714\";\r\n      buttonElement.style.background = \"#4cd964\";\r\n      \r\n      setTimeout(() => {\r\n        textSpan.innerText = originalText;\r\n        buttonElement.style.background = \"#ffffff\";\r\n      }, 2000);\r\n    }).catch(err => {\r\n      console.error('Could not copy text: ', err);\r\n    });\r\n  }\r\n\r\n  \/\/ tsParticles Integration (Falling Custom Image)\r\n  document.addEventListener(\"DOMContentLoaded\", function () {\r\n    tsParticles.load(\"tsparticles-patty\", {\r\n      fullScreen: { \r\n        enable: false \/\/ Tetap di dalam container\r\n      },\r\n      fpsLimit: 60,\r\n      particles: {\r\n        number: {\r\n          value: 12, \/\/ Dibuat sedikit agar tidak terlihat terlalu ramai (sesuai gaya minimalis)\r\n          density: {\r\n            enable: true,\r\n            value_area: 800\r\n          }\r\n        },\r\n        shape: {\r\n          type: \"image\",\r\n          image: {\r\n            src: \"https:\/\/itspatty.lol\/wp-content\/uploads\/2026\/06\/Asset-6.png\",\r\n            width: 100,\r\n            height: 100\r\n          }\r\n        },\r\n        opacity: {\r\n          value: 0.8,\r\n          random: true,\r\n          anim: { enable: false }\r\n        },\r\n        size: {\r\n          value: 35,\r\n          random: { enable: true, minimumValue: 20 },\r\n          anim: { enable: false }\r\n        },\r\n        move: {\r\n          enable: true,\r\n          speed: 3, \/\/ Kecepatan jatuh\r\n          direction: \"bottom\", \/\/ Bergerak dari atas ke bawah\r\n          random: false,\r\n          straight: false,\r\n          outModes: {\r\n            default: \"out\" \/\/ Akan muncul lagi dari atas ketika sudah keluar layar bawah\r\n          }\r\n        },\r\n        rotate: {\r\n          value: { min: 0, max: 360 },\r\n          direction: \"random\",\r\n          animation: {\r\n            enable: true,\r\n            speed: 5\r\n          }\r\n        }\r\n      },\r\n      interactivity: {\r\n        events: {\r\n          onHover: { enable: false },\r\n          onClick: { enable: false }\r\n        }\r\n      },\r\n      detectRetina: true\r\n    });\r\n  });\r\n<\/script>\t\t<\/div>\n\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>$Patty Twitter Live Chart Buy Now It is a Patty CA : DJzwS5&#8230;.ugpump DJzwS5gGk584DvZXcMFq8qHG9mJkHLVG728Gozugpump About $Patty Click to reveal formula \u2192 \u00d7 The recipe is secret.The ledger is open. You know the story. A secret recipe locked in a vault, fought over for decades. We got tired of the drama. So we took the formula [&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:\/\/itspatty.lol\/index.php?rest_route=\/wp\/v2\/pages\/8","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/itspatty.lol\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/itspatty.lol\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/itspatty.lol\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/itspatty.lol\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=8"}],"version-history":[{"count":40,"href":"https:\/\/itspatty.lol\/index.php?rest_route=\/wp\/v2\/pages\/8\/revisions"}],"predecessor-version":[{"id":60,"href":"https:\/\/itspatty.lol\/index.php?rest_route=\/wp\/v2\/pages\/8\/revisions\/60"}],"wp:attachment":[{"href":"https:\/\/itspatty.lol\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=8"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}