{"id":8,"date":"2026-05-05T05:14:48","date_gmt":"2026-05-05T05:14:48","guid":{"rendered":"https:\/\/theyep.lol\/?page_id=8"},"modified":"2026-05-05T06:02:12","modified_gmt":"2026-05-05T06:02:12","slug":"elementor-8","status":"publish","type":"page","link":"https:\/\/theyep.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-9258aef e-con-full e-flex e-con e-parent\" data-id=\"9258aef\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-91834f3 elementor-widget elementor-widget-html\" data-id=\"91834f3\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<div id=\"yep-master-container\" class=\"yep-universe\">\r\n  <!-- Google Fonts -->\r\n  <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Anton&family=Space+Mono:wght@400;700&display=swap\" rel=\"stylesheet\">\r\n\r\n  <!-- Background Layer -->\r\n  <div class=\"yep-bg-layer\">\r\n    <video autoplay loop muted playsinline class=\"yep-video-bg\">\r\n      <source src=\"https:\/\/theyep.lol\/wp-content\/uploads\/2026\/05\/YEP-BG.mp4\" type=\"video\/mp4\">\r\n    <\/video>\r\n    <div class=\"yep-noise-overlay\"><\/div>\r\n    <div class=\"yep-vignette\"><\/div>\r\n  <\/div>\r\n\r\n  <!-- Massive Brutalist Background Typography -->\r\n  <div class=\"yep-giant-type yep-type-outline\">YEP.<\/div>\r\n  <div class=\"yep-giant-type yep-type-solid\">YEP.<\/div>\r\n\r\n  <!-- Absolute Positioned UI Controls -->\r\n  <!-- Top Left: CA Button -->\r\n  <div class=\"yep-ui-element yep-top-left\">\r\n    <button id=\"yep-btn-ca\" class=\"yep-jelly-btn yep-magnetic\">\r\n      <span class=\"yep-mono\" id=\"yep-ca-text\">CA: YEP...<\/span>\r\n      <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><rect x=\"9\" y=\"9\" width=\"13\" height=\"13\" rx=\"2\" ry=\"2\"><\/rect><path d=\"M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1\"><\/path><\/svg>\r\n    <\/button>\r\n  <\/div>\r\n\r\n  <!-- Top Right: Socials -->\r\n  <div class=\"yep-ui-element yep-top-right\">\r\n    <a href=\"#\" class=\"yep-jelly-btn yep-icon-only yep-magnetic\">\r\n      <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z\"\/><\/svg>\r\n    <\/a>\r\n    <a href=\"#\" class=\"yep-jelly-btn yep-icon-only yep-magnetic\">\r\n      <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M11.944 0A12 12 0 0 0 0 12a12 12 0 0 0 12 12 12 12 0 0 0 12-12A12 12 0 0 0 12 0a12 12 0 0 0-.056 0zm4.962 7.224c.1-.002.321.023.465.14a.506.506 0 0 1 .171.325c.016.093.036.306.02.472-.18 1.898-.962 6.502-1.36 8.627-.168.9-.499 1.201-.82 1.23-.696.065-1.225-.46-1.9-.902-1.056-.693-1.653-1.124-2.678-1.8-1.185-.78-.417-1.21.258-1.91.177-.184 3.247-2.977 3.307-3.23.007-.032.014-.15-.056-.212s-.174-.041-.249-.024c-.106.024-1.793 1.14-5.061 3.345-.48.33-.913.49-1.302.48-.428-.008-1.252-.241-1.865-.44-.752-.245-1.349-.374-1.297-.789.027-.216.325-.437.893-.663 3.498-1.524 5.83-2.529 6.998-3.014 3.332-1.386 4.025-1.627 4.476-1.635z\"\/><\/svg>\r\n    <\/a>\r\n    <a href=\"#\" class=\"yep-jelly-btn yep-magnetic\">CHART<\/a>\r\n    <a href=\"#\" class=\"yep-jelly-btn yep-btn-accent yep-magnetic\">BUY $YEP<\/a>\r\n  <\/div>\r\n\r\n  <!-- Bottom: Swiss Navigation -->\r\n  <div class=\"yep-ui-element yep-bottom-center\">\r\n    <nav class=\"yep-dock\">\r\n      <button class=\"yep-nav-link\" data-open=\"about\"><span class=\"yep-nav-num\">01<\/span> ABOUT<\/button>\r\n      <button class=\"yep-nav-link\" data-open=\"lore\"><span class=\"yep-nav-num\">02<\/span> LORE<\/button>\r\n      <button class=\"yep-nav-link\" data-open=\"tokenomics\"><span class=\"yep-nav-num\">03<\/span> TOKENOMICS<\/button>\r\n      <button class=\"yep-nav-link\" data-open=\"buy\"><span class=\"yep-nav-num\">04<\/span> HOW TO BUY<\/button>\r\n    <\/nav>\r\n  <\/div>\r\n\r\n  <!-- Dynamic Modal System -->\r\n  <div class=\"yep-glass-curtain\" id=\"yep-curtain\"><\/div>\r\n  \r\n  <button class=\"yep-jelly-btn yep-icon-only yep-close-x yep-magnetic\" id=\"yep-close-modal\">\r\n    <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M18 6L6 18M6 6l12 12\"><\/path><\/svg>\r\n  <\/button>\r\n\r\n  <div class=\"yep-modal-container\" id=\"yep-modals\">\r\n    \r\n    <!-- About Modal: Overlapping Left Image -->\r\n    <div class=\"yep-card yep-tilt\" id=\"card-about\">\r\n      <div class=\"yep-card-img yep-img-out-left\">\r\n        <img decoding=\"async\" src=\"https:\/\/theyep.lol\/wp-content\/uploads\/2026\/05\/Asset-6.png\" alt=\"Genesis\">\r\n      <\/div>\r\n      <div class=\"yep-card-content yep-content-right\">\r\n        <div class=\"yep-accent-line\"><\/div>\r\n        <h2 class=\"yep-heading\">THE GENESIS PRIMATE<\/h2>\r\n        <p class=\"yep-body\">Every ape you know, every primate that ever swung a green candle, traces its lineage back to one solitary figure. He is the ultimate patriarch. The silverback of all silverbacks.<\/p>\r\n        <p class=\"yep-body\">He doesn't need a roadmap to know where the jungle ends. He simply points, and the canopy follows. You ask if he's the next big thing. He just nods. Yep.<\/p>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- Lore Modal: Overlapping Top Image -->\r\n    <div class=\"yep-card yep-tilt\" id=\"card-lore\">\r\n      <div class=\"yep-card-img yep-img-out-top\">\r\n        <img decoding=\"async\" src=\"https:\/\/theyep.lol\/wp-content\/uploads\/2026\/05\/Asset-7.png\" alt=\"Lore\">\r\n      <\/div>\r\n      <div class=\"yep-card-content yep-content-center\">\r\n        <h2 class=\"yep-heading\">BEFORE THE APES, THERE WAS YEP.<\/h2>\r\n        <p class=\"yep-body\">He doesn't screech. He doesn't beg. He just sits at the top of the evolutionary tree. The father of all father monkeys. The silence before the storm of the jungle.<\/p>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- Tokenomics Modal: Absolute Scattered Cards -->\r\n    <div class=\"yep-card yep-tilt yep-card-wide\" id=\"card-tokenomics\">\r\n      <div class=\"yep-card-content\">\r\n        <div class=\"yep-accent-line\"><\/div>\r\n        <h2 class=\"yep-heading\">THE FAMILY TRUST<\/h2>\r\n        <div class=\"yep-toke-cluster\">\r\n          <div class=\"yep-toke-item\">\r\n            <h4>0 \/ 0<\/h4>\r\n            <span>TAX<\/span>\r\n            <p>The father doesn't tax his own children.<\/p>\r\n          <\/div>\r\n          <div class=\"yep-toke-item\">\r\n            <h4>BURNED<\/h4>\r\n            <span>LIQUIDITY<\/span>\r\n            <p>No turning back. The fire is permanent.<\/p>\r\n          <\/div>\r\n          <div class=\"yep-toke-item\">\r\n            <h4>REVOKED<\/h4>\r\n            <span>CONTRACT<\/span>\r\n            <p>Absolute freedom for the bloodline.<\/p>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- How to Buy Modal: Overlapping Right Image -->\r\n    <div class=\"yep-card yep-tilt\" id=\"card-buy\">\r\n      <div class=\"yep-card-content yep-content-left\">\r\n        <div class=\"yep-accent-line\"><\/div>\r\n        <h2 class=\"yep-heading\">ENTER THE JUNGLE<\/h2>\r\n        <div class=\"yep-step-list\">\r\n          <div class=\"yep-step\"><span>01<\/span> <strong>SECURE WALLET<\/strong><br>Phantom or Solflare.<\/div>\r\n          <div class=\"yep-step\"><span>02<\/span> <strong>ACQUIRE SOL<\/strong><br>Leverage to climb.<\/div>\r\n          <div class=\"yep-step\"><span>03<\/span> <strong>SWAP FOR $YEP<\/strong><br>Pump.swap . Paste CA.<\/div>\r\n          <div class=\"yep-step\"><span>04<\/span> <strong>KISS THE RING<\/strong><br>Hold the bloodline.<\/div>\r\n        <\/div>\r\n      <\/div>\r\n      <div class=\"yep-card-img yep-img-out-right\">\r\n        <img decoding=\"async\" src=\"http:\/\/theyep.lol\/wp-content\/uploads\/2026\/05\/Asset-8.png\" alt=\"Buy\">\r\n      <\/div>\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n  <style>\r\n    \/* CSS VARIABLES - Monochromatic + Neon Accent *\/\r\n    :root {\r\n      --yep-bg: #030305;\r\n      --yep-text: #F4F4F5;\r\n      --yep-text-muted: #8A8A93;\r\n      --yep-accent: #CCFF00; \/* Toxic Neon Green\/Yellow *\/\r\n      --yep-glass-bg: rgba(15, 15, 17, 0.4);\r\n      --yep-glass-border: rgba(255, 255, 255, 0.06);\r\n      --yep-glass-highlight: rgba(255, 255, 255, 0.15);\r\n    }\r\n\r\n    \/* RESET & BASE *\/\r\n    .yep-universe {\r\n      position: relative;\r\n      width: 100vw;\r\n      height: 95.5vh;\r\n      max-width: 100%;\r\n      overflow: hidden;\r\n      font-family: 'Space Mono', monospace;\r\n      color: var(--yep-text);\r\n      box-sizing: border-box;\r\n      perspective: 1000px;\r\n    }\r\n    .yep-universe * { box-sizing: inherit; margin: 0; padding: 0; }\r\n    \r\n    \/* BACKGROUND EFFECTS *\/\r\n    .yep-bg-layer { position: absolute; inset: 0; z-index: 1; }\r\n    .yep-video-bg { width: 100%; height: 100%; object-fit: cover; opacity: 0.6; filter: grayscale(100%) contrast(1.2);object-position: top center; mix-blend-mode: luminosity; }\r\n    .yep-vignette { position: absolute; inset: 0; background: radial-gradient(circle at center, transparent 0%, #000 100%); opacity: 0.5; }\r\n    .yep-noise-overlay {\r\n      position: absolute; inset: 0; pointer-events: none; opacity: 0.2;\r\n      background-image: url(\"data:image\/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'\/%3E%3C\/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'\/%3E%3C\/svg%3E\");\r\n    }\r\n\r\n    \/* MASSIVE OVERLAPPING TYPOGRAPHY *\/\r\n    .yep-giant-type {\r\n      position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);\r\n      font-family: 'Anton', sans-serif; font-size: 32vw; line-height: 0.8;\r\n      pointer-events: none; user-select: none; z-index: 2; letter-spacing: -2vw;\r\n    }\r\n    .yep-type-outline {\r\n      color: transparent; -webkit-text-stroke: 2px rgba(255,255,255,0.05); z-index: 2;\r\n    }\r\n    .yep-type-solid {\r\n      color: rgba(255,255,255,0.02); mix-blend-mode: overlay; z-index: 4;\r\n    }\r\n\r\n    \/* ABSOLUTE UI POSITIONING *\/\r\n    .yep-ui-element { position: absolute; z-index: 10; }\r\n    .yep-top-left { top: 40px; left: 40px; }\r\n    .yep-top-right { top: 40px; right: 40px; display: flex; gap: 12px; }\r\n    .yep-bottom-center { bottom: 40px; left: 50%; transform: translateX(-50%); }\r\n\r\n    \/* PREMIUM JELLY BUTTONS *\/\r\n    .yep-jelly-btn {\r\n      background: var(--yep-glass-bg); backdrop-filter: blur(24px); -webkit-backdrop-filter: blur(24px);\r\n      border: 1px solid var(--yep-glass-border); border-top: 1px solid var(--yep-glass-highlight);\r\n      border-radius: 12px; color: var(--yep-text); font-family: 'Anton', sans-serif;\r\n      height: 48px; padding: 0 24px; display: flex; align-items: center; justify-content: center; gap: 10px;\r\n      cursor: pointer; text-decoration: none; font-size: 14px; letter-spacing: 1px;\r\n      box-shadow: 0 10px 30px rgba(0,0,0,0.5), inset 0 1px 0 rgba(255,255,255,0.1);\r\n      transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1);\r\n    }\r\n    .yep-icon-only { width: 48px; padding: 0; }\r\n    .yep-btn-accent { background: var(--yep-accent); color: #000; border: none; box-shadow: 0 0 20px rgba(204, 255, 0, 0.2); }\r\n    .yep-mono { font-family: 'Space Mono', monospace; font-size: 12px; font-weight: 700; letter-spacing: 0; }\r\n\r\n    \/* SWISS DOCK NAVIGATION *\/\r\n    .yep-dock {\r\n      display: flex; gap: 8px; background: rgba(5,5,5,0.6); padding: 8px; border-radius: 16px;\r\n      border: 1px solid var(--yep-glass-border); backdrop-filter: blur(20px);\r\n    }\r\n    .yep-nav-link {\r\n      background: transparent; border: none; color: var(--yep-text-muted); font-family: 'Anton', sans-serif;\r\n      font-size: 16px; padding: 12px 24px; border-radius: 10px; cursor: pointer; transition: 0.3s;\r\n      display: flex; align-items: center; gap: 8px;\r\n    }\r\n    .yep-nav-num { font-family: 'Space Mono'; font-size: 10px; color: var(--yep-accent); opacity: 0.5; margin-top: -8px;}\r\n    .yep-nav-link:hover, .yep-nav-link.active { background: rgba(255,255,255,0.05); color: var(--yep-text); }\r\n\r\n    \/* MODAL SYSTEM (Absolute & Overlapping) *\/\r\n    .yep-glass-curtain {\r\n      position: absolute; inset: 0; background: rgba(0,0,0,0.8); backdrop-filter: blur(30px);\r\n      z-index: 50; opacity: 0; pointer-events: none; transition: opacity 0.5s ease;\r\n    }\r\n    .yep-close-x {\r\n      position: absolute; top: 40px; right: 40px; z-index: 60; opacity: 0; pointer-events: none;\r\n      transform: scale(0.8); transition: all 0.4s ease; border-radius: 50%;\r\n    }\r\n    .yep-modal-container {\r\n      position: absolute; inset: 0; z-index: 55; display: flex; align-items: center; justify-content: center;\r\n      pointer-events: none; perspective: 1500px;\r\n    }\r\n\r\n    \/* CARD DESIGN - Breaking the Grid *\/\r\n    .yep-card {\r\n      position: absolute; width: 640px; max-width: 90vw; background: var(--yep-glass-bg);\r\n      border: 1px solid var(--yep-glass-border); border-top: 1px solid var(--yep-glass-highlight);\r\n      border-radius: 24px; padding: 50px; box-shadow: 0 40px 100px rgba(0,0,0,0.9);\r\n      opacity: 0; visibility: hidden; transform: translateY(40px) rotateX(10deg);\r\n      transition: all 0.6s cubic-bezier(0.16, 1, 0.3, 1);\r\n      transform-style: preserve-3d;\r\n    }\r\n    .yep-card-wide { width: 800px; }\r\n    \r\n    \/* OVERLAPPING IMAGES (Negative Margins & Absolute) *\/\r\n    .yep-card-img { position: absolute; z-index: 2; pointer-events: none; filter: drop-shadow(0 20px 30px rgba(0,0,0,0.6)); }\r\n    .yep-card-img img { width: 100%; height: auto; object-fit: contain; }\r\n    \r\n    .yep-img-out-left { width: 350px; left: -100px; top: 50%; transform: translateY(-50%) translateZ(50px); }\r\n    .yep-img-out-right { width: 350px; right: -100px; top: 50%; transform: translateY(-50%) translateZ(50px); }\r\n    .yep-img-out-top { width: 300px; top: -120px; left: 50%; transform: translateX(-50%) translateZ(50px); }\r\n\r\n    \/* CONTENT LAYOUTS INSIDE CARDS *\/\r\n    .yep-card-content { position: relative; z-index: 1; transform: translateZ(30px); }\r\n    .yep-content-right { margin-left: 200px; }\r\n    .yep-content-left { margin-right: 200px; }\r\n    .yep-content-center { text-align: center; margin-top: 120px; }\r\n\r\n    \/* TYPOGRAPHY IN CARDS *\/\r\n    .yep-accent-line { width: 40px; height: 3px; background: var(--yep-accent); margin-bottom: 20px; }\r\n    .yep-heading { font-family: 'Anton', sans-serif; font-size: 42px; line-height: 1.1; margin-bottom: 20px; text-transform: uppercase; }\r\n    .yep-body { font-size: 14px; line-height: 1.6; color: var(--yep-text-muted); margin-bottom: 20px; }\r\n\r\n    \/* CLUSTER \/ LIST STYLES (No standard grids) *\/\r\n    .yep-toke-cluster { display: flex; gap: 24px; margin-top: 30px; }\r\n    .yep-toke-item {\r\n      flex: 1; padding: 24px; background: rgba(0,0,0,0.4); border-radius: 16px;\r\n      border: 1px solid rgba(255,255,255,0.03);\r\n    }\r\n    .yep-toke-item h4 { font-family: 'Anton'; font-size: 32px; color: var(--yep-accent); line-height: 1; margin-bottom: 5px; }\r\n    .yep-toke-item span { display: block; font-size: 10px; font-weight: 700; letter-spacing: 2px; color: #fff; margin-bottom: 12px; }\r\n    .yep-toke-item p { font-size: 12px; color: var(--yep-text-muted); margin: 0; }\r\n\r\n    .yep-step-list { margin-top: 30px; display: flex; flex-direction: column; gap: 16px; }\r\n    .yep-step { font-size: 13px; color: var(--yep-text-muted); padding-bottom: 16px; border-bottom: 1px solid rgba(255,255,255,0.05); }\r\n    .yep-step span { color: var(--yep-accent); font-family: 'Anton'; font-size: 18px; margin-right: 10px; }\r\n    .yep-step strong { color: #fff; font-family: 'Anton'; font-size: 16px; letter-spacing: 1px; font-weight: normal; }\r\n\r\n    \/* ACTIVE STATES *\/\r\n    .yep-state-active .yep-glass-curtain { opacity: 1; pointer-events: all; }\r\n    .yep-state-active .yep-close-x { opacity: 1; pointer-events: all; transform: scale(1); }\r\n    .yep-card.active { opacity: 1; visibility: visible; transform: translateY(0) rotateX(0deg); pointer-events: all; }\r\n\r\n    \/* RESPONSIVE BRUTALISM *\/\r\n    @media (max-width: 1024px) {\r\n      .yep-giant-type { font-size: 40vw; }\r\n      .yep-card { width: 85vw; padding: 40px; }\r\n      .yep-content-right, .yep-content-left { margin: 0; margin-top: 180px; }\r\n      .yep-img-out-left, .yep-img-out-right { left: 50%; top: -80px; transform: translateX(-50%); width: 250px; }\r\n      .yep-toke-cluster { flex-direction: column; gap: 12px; }\r\n      .yep-top-left { top: 20px; left: 20px; }\r\n      .yep-top-right { top: 20px; right: 20px; }\r\n    }\r\n    @media (max-width: 768px) {\r\n      .yep-dock { overflow-x: auto; max-width: 90vw; padding: 4px; }\r\n      .yep-nav-link { padding: 10px 16px; font-size: 14px; white-space: nowrap; }\r\n      .yep-jelly-btn { height: 40px; padding: 0 16px; font-size: 12px; }\r\n      .yep-icon-only { width: 40px; }\r\n      #yep-ca-text { max-width: 60px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }\r\n      .yep-card { padding: 30px; }\r\n      .yep-heading { font-size: 32px; }\r\n    }\r\n  <\/style>\r\n\r\n  <script>\r\n    document.addEventListener('DOMContentLoaded', () => {\r\n      const container = document.getElementById('yep-master-container');\r\n      const curtain = document.getElementById('yep-curtain');\r\n      const closeBtn = document.getElementById('yep-close-modal');\r\n      const navLinks = document.querySelectorAll('.yep-nav-link');\r\n      const cards = document.querySelectorAll('.yep-card');\r\n      const copyBtn = document.getElementById('yep-btn-ca');\r\n      const caText = document.getElementById('yep-ca-text');\r\n      \r\n      const fullCA = \"YEPxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx\";\r\n\r\n      \/\/ 1. Navigation & Modal Logic\r\n      const closeAll = () => {\r\n        container.classList.remove('yep-state-active');\r\n        cards.forEach(c => c.classList.remove('active'));\r\n        navLinks.forEach(n => n.classList.remove('active'));\r\n      };\r\n\r\n      navLinks.forEach(link => {\r\n        link.addEventListener('click', (e) => {\r\n          const target = e.currentTarget.getAttribute('data-open');\r\n          closeAll();\r\n          \r\n          e.currentTarget.classList.add('active');\r\n          container.classList.add('yep-state-active');\r\n          document.getElementById(`card-${target}`).classList.add('active');\r\n        });\r\n      });\r\n\r\n      closeBtn.addEventListener('click', closeAll);\r\n      curtain.addEventListener('click', closeAll);\r\n\r\n      \/\/ 2. Magnetic Button Effect (Awwwards Style)\r\n      const magneticElements = document.querySelectorAll('.yep-magnetic');\r\n      magneticElements.forEach(elem => {\r\n        elem.addEventListener('mousemove', (e) => {\r\n          const rect = elem.getBoundingClientRect();\r\n          const x = e.clientX - rect.left - rect.width \/ 2;\r\n          const y = e.clientY - rect.top - rect.height \/ 2;\r\n          elem.style.transform = `translate(${x * 0.2}px, ${y * 0.2}px)`;\r\n        });\r\n        elem.addEventListener('mouseleave', () => {\r\n          elem.style.transform = `translate(0px, 0px)`;\r\n        });\r\n      });\r\n\r\n      \/\/ 3. 3D Tilt Effect on Cards\r\n      const tiltCards = document.querySelectorAll('.yep-tilt');\r\n      container.addEventListener('mousemove', (e) => {\r\n        if(!container.classList.contains('yep-state-active')) return;\r\n        \r\n        const xAxis = (window.innerWidth \/ 2 - e.pageX) \/ 50;\r\n        const yAxis = (window.innerHeight \/ 2 - e.pageY) \/ 50;\r\n        \r\n        tiltCards.forEach(card => {\r\n          if(card.classList.contains('active')) {\r\n            card.style.transform = `rotateY(${xAxis}deg) rotateX(${yAxis}deg)`;\r\n          }\r\n        });\r\n      });\r\n\r\n      \/\/ Reset tilt on leave\r\n      container.addEventListener('mouseleave', () => {\r\n        tiltCards.forEach(card => {\r\n          if(card.classList.contains('active')) {\r\n            card.style.transform = `rotateY(0deg) rotateX(0deg)`;\r\n          }\r\n        });\r\n      });\r\n\r\n      \/\/ 4. Copy CA functionality\r\n      copyBtn.addEventListener('click', () => {\r\n        navigator.clipboard.writeText(fullCA).then(() => {\r\n          const originalText = caText.innerText;\r\n          caText.innerText = \"COPIED!\";\r\n          copyBtn.style.background = \"var(--yep-accent)\";\r\n          copyBtn.style.color = \"#000\";\r\n          \r\n          setTimeout(() => {\r\n            caText.innerText = originalText;\r\n            copyBtn.style.background = \"\";\r\n            copyBtn.style.color = \"\";\r\n          }, 2000);\r\n        });\r\n      });\r\n    });\r\n  <\/script>\r\n<\/div>\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>YEP. YEP. CA: YEP&#8230; CHART BUY $YEP 01 ABOUT 02 LORE 03 TOKENOMICS 04 HOW TO BUY THE GENESIS PRIMATE Every ape you know, every primate that ever swung a green candle, traces its lineage back to one solitary figure. He is the ultimate patriarch. The silverback of all silverbacks. He doesn&#8217;t need a roadmap [&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:\/\/theyep.lol\/index.php?rest_route=\/wp\/v2\/pages\/8","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/theyep.lol\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/theyep.lol\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/theyep.lol\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/theyep.lol\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=8"}],"version-history":[{"count":34,"href":"https:\/\/theyep.lol\/index.php?rest_route=\/wp\/v2\/pages\/8\/revisions"}],"predecessor-version":[{"id":51,"href":"https:\/\/theyep.lol\/index.php?rest_route=\/wp\/v2\/pages\/8\/revisions\/51"}],"wp:attachment":[{"href":"https:\/\/theyep.lol\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=8"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}