{"id":8,"date":"2026-04-21T19:02:38","date_gmt":"2026-04-21T19:02:38","guid":{"rendered":"https:\/\/holy-moly.fun\/?page_id=8"},"modified":"2026-04-21T19:43:45","modified_gmt":"2026-04-21T19:43:45","slug":"elementor-8","status":"publish","type":"page","link":"https:\/\/holy-moly.fun\/","title":{"rendered":"Elementor #8"},"content":{"rendered":"\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\r\n\r\n\r\n \r\n \r\n HOLYMOLY \/\/ THE REVELATION<\/title>\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Playfair+Display:ital,wght@0,400;0,700;0,900;1,400;1,900&family=Space+Mono:ital,wght@0,400;0,700;1,400&display=swap\" rel=\"stylesheet\">\r\n <style>\r\n :root {\r\n --bg: #000000; \/* Absolute Black *\/\r\n --fg: #F5F5F0; \/* Bone White *\/\r\n --accent: #FF4500; \/* Vibrant Orange-Red *\/\r\n --line: rgba(255, 255, 255, 0.08);\r\n --font-serif: 'Playfair Display', serif;\r\n --font-mono: 'Space Mono', monospace;\r\n --ease: cubic-bezier(0.23, 1, 0.32, 1);\r\n }\r\n\r\n \/* 100% SHARP CORNERS - STERN SWISS RULE *\/\r\n * { margin: 0; padding: 0; box-sizing: border-box; border-radius: 0 !important; outline: none; }\r\n ::selection { background: var(--accent); color: var(--bg); }\r\n \r\n body {\r\n background-color: var(--bg); color: var(--fg); font-family: var(--font-serif);\r\n overflow-x: hidden; -webkit-font-smoothing: antialiased; line-height: 1.5;\r\n }\r\n\r\n \/* BACKGROUND GLOBAL EFFECTS *\/\r\n .bg-structure {\r\n position: fixed; top: 0; left: 0; width: 100vw; height: 100vh; pointer-events: none; z-index: -1;\r\n }\r\n \/* Sublte Grid *\/\r\n .bg-grid {\r\n position: absolute; top: 0; left: 0; width: 100%; height: 100%;\r\n background-size: 20vw 100%; background-image: linear-gradient(to right, var(--line) 1px, transparent 1px);\r\n }\r\n \/* Atmospheric Glow *\/\r\n .bg-glow {\r\n position: absolute; bottom: -20vh; right: -20vw; width: 60vw; height: 60vh;\r\n background: radial-gradient(circle, rgba(255,69,0,0.15) 0%, rgba(0,0,0,0) 70%);\r\n filter: blur(100px);\r\n }\r\n\r\n \/* NOISE TEXTURE OVERLAY *\/\r\n .noise {\r\n position: fixed; top: 0; left: 0; width: 100%; height: 100%; pointer-events: none; z-index: 999; opacity: 0.03;\r\n background: 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.9\" 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 \/* TYPOGRAPHY ULTIMATUM *\/\r\n h1, h2, h3 { font-weight: 900; text-transform: uppercase; line-height: 0.8; letter-spacing: -0.05em; }\r\n .outline { color: transparent; -webkit-text-stroke: 1.5px var(--fg); }\r\n .mono { font-family: var(--font-mono); text-transform: uppercase; font-size: 0.8rem; letter-spacing: 2px; }\r\n\r\n \/* NAV - MINIMAL EDITORIAL STYLE *\/\r\n nav {\r\n position: fixed; top: 0; width: 100%; display: flex; justify-content: space-between; align-items: center;\r\n padding: 0 4vw; height: 100px; border-bottom: 1px solid var(--line); background: rgba(0,0,0,0.9);\r\n backdrop-filter: blur(15px); z-index: 100;\r\n }\r\n .nav-logo { font-size: 1.2rem; font-weight: 900; font-style: italic; }\r\n .nav-links { display: flex; gap: 4vw; font-family: var(--font-mono); font-size: 0.75rem; text-transform: uppercase; }\r\n .nav-links a { color: gray; text-decoration: none; transition: color 0.3s; }\r\n .nav-links a:hover { color: var(--accent); }\r\n \r\n \/* Web3 Nav Button *\/\r\n .btn-join-nav {\r\n font-family: var(--font-mono); font-size: 0.75rem; text-transform: uppercase; padding: 15px 30px;\r\n background: transparent; color: var(--fg); border: 1px solid var(--fg); cursor: pointer;\r\n transition: 0.4s var(--ease);\r\n }\r\n .btn-join-nav:hover { background: var(--fg); color: var(--bg); }\r\n\r\n \/* SECTION BASE *\/\r\n section { padding: 150px 4vw; position: relative; border-bottom: 1px solid var(--line); }\r\n\r\n \/* --- 1. HERO (SOLVED & REDESIGNED) --- *\/\r\n #hero { \r\n min-height: 100vh; display: grid; grid-template-columns: repeat(12, 1fr); gap: 20px; \r\n align-items: center; padding-top: 180px; padding-bottom: 100px;\r\n }\r\n \r\n .hero-text { grid-column: 1 \/ span 10; z-index: 10; position: relative; }\r\n .hero-text h1 { font-size: clamp(6rem, 15vw, 13rem); margin-bottom: 50px; position: relative;}\r\n \r\n \/* Editorial text placement *\/\r\n .hero-text h1 span.the { display: block; font-size: 0.3em; margin-bottom: -10px; padding-left: 5px; opacity: 0.8;}\r\n .hero-text h1 span.holy { display: block; }\r\n .hero-text h1 span.moly { display: block; color: var(--accent); position: relative; z-index: 2;}\r\n\r\n \/* BOXY CA BOX (AS REQUESTED) *\/\r\n .ca-panel { \r\n display: inline-grid; grid-template-columns: auto auto; \r\n border: 1px solid var(--fg); background: var(--bg); position: relative; margin-top: 30px;\r\n }\r\n .ca-hash { \r\n padding: 20px 30px; font-family: var(--font-mono); font-size: 0.9rem; border-right: 1px solid var(--fg); \r\n letter-spacing: 2px; color: gray;\r\n }\r\n .ca-btn { \r\n padding: 20px 40px; background: transparent; color: var(--fg); border: none; \r\n cursor: pointer; text-transform: uppercase; font-family: var(--font-mono); font-weight: bold; transition: 0.3s;\r\n }\r\n .ca-btn:hover { background: var(--fg); color: var(--bg); }\r\n\r\n \/* HERO IMAGE CONTAINER (SOLVED) *\/\r\n .hero-img-viewport {\r\n grid-column: 7 \/ span 6; height: 75vh; border: 1px solid var(--fg);\r\n position: absolute; right: 4vw; top: 15vh; z-index: 1; overflow: hidden;\r\n background: #111; \/* Fallback while loading *\/\r\n }\r\n \/* Original Image Tag (Best for loading & parallax) *\/\r\n .hero-img-viewport img {\r\n width: 100%; height: 100%; object-fit: cover; object-position: center;\r\n filter: grayscale(100%) contrast(1.1); transition: filter 1s var(--ease), transform 0.1s linear;\r\n transform: scale(1.1); \/* Prep for parallax *\/\r\n }\r\n .hero-img-viewport:hover img { filter: none; }\r\n\r\n \/* MARQUEE (Web3 Element) *\/\r\n .marquee { \r\n width: 100vw; margin-left: -4vw; border-top: 1px solid var(--line); \r\n border-bottom: 1px solid var(--line); padding: 15px 0; overflow: hidden; \r\n white-space: nowrap; background: rgba(255,69,0,0.03); mix-blend-mode: plus-lighter;\r\n }\r\n .marquee span { \r\n display: inline-block; font-family: var(--font-mono); font-size: 1rem; \r\n text-transform: uppercase; animation: scroll 25s linear infinite; padding-right: 60px; color: rgba(255,255,255,0.6);\r\n }\r\n @keyframes scroll { 0% { transform: translateX(0); } 100% { transform: translateX(-100%); } }\r\n\r\n \/* --- 2. PHILOSOPHY --- *\/\r\n #philosophy { display: grid; grid-template-columns: repeat(12, 1fr); gap: 5vw; }\r\n .phil-header { grid-column: 1 \/ span 5; }\r\n .phil-header h2 { font-size: clamp(3rem, 6vw, 6rem); position: sticky; top: 150px; }\r\n \r\n .phil-body { grid-column: 7 \/ span 6; display: flex; flex-direction: column; gap: 80px; }\r\n .phil-card { border: 1px solid var(--line); padding: 50px; position: relative; background: #050505; }\r\n .phil-card::before { content: ''; position: absolute; top: -1px; left: -1px; width: 30px; height: 1px; background: var(--fg); }\r\n .phil-card::after { content: ''; position: absolute; top: -1px; left: -1px; width: 1px; height: 30px; background: var(--fg); }\r\n \r\n .phil-num { color: gray; margin-bottom: 20px; display: block;}\r\n .phil-title { font-size: 2rem; margin-bottom: 20px; color: var(--fg); }\r\n .phil-text { font-family: var(--font-mono); font-size: 0.9rem; opacity: 0.8; line-height: 1.7; }\r\n\r\n \/* --- 3. MEMES --- *\/\r\n .meme-header { margin-bottom: 80px; display: flex; justify-content: space-between; align-items: flex-end; border-bottom: 1px solid var(--fg); padding-bottom: 20px;}\r\n .meme-header h2 { font-size: clamp(3rem, 8vw, 7rem); }\r\n .meme-header span { text-align: right; color: gray; max-width: 200px;}\r\n \r\n .gallery-modular { display: grid; grid-template-columns: repeat(4, 1fr); gap: 0; border: 1px solid var(--line); border-left: none; }\r\n .gallery-box { border-left: 1px solid var(--line); overflow: hidden; position: relative; aspect-ratio: 1\/1; cursor: crosshair;}\r\n .gallery-box img { \r\n width: 100%; height: 100%; object-fit: cover; transform: scale(1.01); \r\n filter: contrast(1.2) brightness(0.7) sepia(100%) hue-rotate(330deg) saturate(3); transition: 0.6s var(--ease); \r\n }\r\n .gallery-box:hover img { filter: none; transform: scale(1.05) rotate(1deg); }\r\n .gallery-label { position: absolute; bottom: 15px; left: 15px; background: var(--bg); border: 1px solid var(--line); padding: 5px 10px; color: var(--fg); font-size: 0.7rem; z-index: 2; }\r\n\r\n \/* --- 4. TOKENOMICS --- *\/\r\n #tokenomics { padding: 0; }\r\n .toke-grid { display: grid; grid-template-columns: repeat(3, 1fr); border: 1px solid var(--line); border-bottom: none;}\r\n .toke-panel { \r\n padding: 120px 50px; border-right: 1px solid var(--line); text-align: center; display: flex; flex-direction: column; justify-content: center;\r\n transition: background 0.5s var(--ease); \r\n }\r\n .toke-panel:last-child { border-right: none; }\r\n .toke-panel:hover { background: #080808; }\r\n .toke-panel h3 { font-size: 5rem; margin-bottom: 20px; letter-spacing: -0.07em;}\r\n .toke-panel p { font-family: var(--font-mono); font-size: 0.8rem; letter-spacing: 3px; color: gray;}\r\n\r\n \/* --- 5. CTA \/ JOIN THE VOID --- *\/\r\n #cta { text-align: center; padding: 250px 4vw; background: #050505; position: relative; overflow: hidden; }\r\n #cta h2 { font-size: clamp(4rem, 12vw, 11rem); margin-bottom: 100px; position: relative; z-index: 2; letter-spacing: -0.06em;}\r\n \r\n .void-gradient { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: radial-gradient(circle, rgba(255,69,0,0.05) 0%, rgba(0,0,0,1) 60%); z-index: 1;}\r\n\r\n \/* BIG Web3 BUTTONS *\/\r\n .void-actions { display: flex; justify-content: center; gap: 20px; flex-wrap: wrap; position: relative; z-index: 2; }\r\n \r\n .btn-void {\r\n font-family: var(--font-mono); font-size: 1rem; padding: 25px 50px; text-transform: uppercase;\r\n font-weight: bold; text-decoration: none; border: 1px solid var(--fg); position: relative;\r\n overflow: hidden; z-index: 1; background: transparent; color: var(--fg); display: inline-block;\r\n transition: color 0.4s var(--ease);\r\n }\r\n \/* Filling hover effect *\/\r\n .btn-void::before {\r\n content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: var(--fg);\r\n transform: scaleY(0); transform-origin: top; transition: transform 0.4s var(--ease); z-index: -1;\r\n }\r\n .btn-void:hover { color: var(--bg); }\r\n .btn-void:hover::before { transform: scaleY(1); }\r\n \r\n \/* Orange swap button *\/\r\n .btn-swap { border-color: var(--accent); color: var(--accent); }\r\n .btn-swap::before { background: var(--accent); }\r\n .btn-swap:hover { color: white; }\r\n\r\n \/* FOOTER *\/\r\n footer { display: flex; justify-content: space-between; padding: 50px 4vw; border-top: 1px solid var(--line); font-family: var(--font-mono); font-size: 0.8rem; text-transform: uppercase; color: gray; }\r\n\r\n \/* REVEAL ON SCROLL ANIMATION *\/\r\n .reveal { opacity: 0; transform: translateY(50px); transition: opacity 1s var(--ease), transform 1s var(--ease); }\r\n .reveal.active { opacity: 1; transform: translateY(0); }\r\n\r\n \/* RESPONSIVE CHAOS CONTROL *\/\r\n @media (max-width: 1024px) {\r\n nav { height: 80px; padding: 0 5vw;}\r\n .nav-links { display: none; } \/* Hide secondary links on mobile *\/\r\n \r\n #hero { grid-template-columns: 1fr; padding-top: 150px; padding-bottom: 50px;}\r\n .hero-text { grid-column: 1; text-align: center; }\r\n .ca-panel { grid-template-columns: 1fr; width: 100%;}\r\n .ca-hash { border-right: none; border-bottom: 1px solid var(--fg); font-size: 0.7rem; padding: 15px; overflow-x: auto;}\r\n \r\n .hero-img-viewport { position: relative; right: auto; top: auto; width: 100%; height: 50vh; grid-column: 1; margin-top: 40px;}\r\n \r\n #philosophy { grid-template-columns: 1fr; gap: 50px; }\r\n .phil-title h2 { position: relative; top: 0; }\r\n .phil-body { grid-column: 1; gap: 40px; }\r\n .phil-card { padding: 30px; }\r\n \r\n .gallery-modular { grid-template-columns: repeat(2, 1fr); }\r\n \r\n .toke-grid { grid-template-columns: 1fr; }\r\n .toke-panel { border-right: none; border-bottom: 1px solid var(--line); padding: 80px 30px;}\r\n \r\n .btn-void { width: 100%; text-align: center; }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n <div class=\"bg-structure\">\r\n <div class=\"bg-grid\"><\/div>\r\n <div class=\"bg-glow\"><\/div>\r\n <\/div>\r\n <div class=\"noise\"><\/div>\r\n\r\n <nav>\r\n <div class=\"nav-logo mono\">HOLYMOLY<\/div>\r\n <div style=\"display: flex; gap: 2vw; align-items: center; height: 100%;\">\r\n <div class=\"nav-links\">\r\n <a href=\"#philosophy\">Genesis<\/a>\r\n <a href=\"#memes\">Manifest<\/a>\r\n <a href=\"#tokenomics\">Utility<\/a>\r\n <\/div>\r\n <button class=\"btn-join-nav\" onclick=\"document.getElementById('cta').scrollIntoView({behavior: 'smooth'})\">Join Community<\/button>\r\n <\/div>\r\n <\/nav>\r\n\r\n <section id=\"hero\">\r\n <div class=\"hero-text reveal\">\r\n <h1>\r\n <span class=\"the mono\">THE REVELATION OF<\/span>\r\n <span class=\"holy outline\">HOLY<\/span>\r\n <span class=\"moly\">MOLY.<\/span>\r\n <\/h1>\r\n \r\n <div class=\"mono\" style=\"font-size: 1rem; max-width: 500px; color: gray; margin-bottom: 40px;\">\r\n Born from the collective dread of the modern network. Turning chaotic noise into structured resonance. Operating in the void.\r\n <\/div>\r\n\r\n <div class=\"ca-panel\">\r\n <div class=\"ca-hash\" id=\"ca-text\">CA : NULL<\/div>\r\n <button class=\"ca-btn\" id=\"copy-btn\" onclick=\"copyCA()\">Copy CA<\/button>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"hero-img-viewport reveal\" style=\"transition-delay: 0.3s;\">\r\n <img decoding=\"async\" src=\"https:\/\/holy-moly.fun\/wp-content\/uploads\/2026\/04\/Asset-1.png\" alt=\"HOLYMOLY Revelation\" id=\"hero-img-js\">\r\n <\/div>\r\n <\/section>\r\n\r\n <div class=\"marquee mono\">\r\n <span>\/\/ DISTORT THE CHART \/\/ EMBRACE THE VOID \/\/ NO TAXES \/\/ BURNED LP \/\/ RENOUNCED CONTRACT \/\/ JOIN THE RESONANCE \/\/ $HOLYMOLY \/\/ PURE EXISTENCE \/\/<\/span>\r\n <span>\/\/ DISTORT THE CHART \/\/ EMBRACE THE VOID \/\/ NO TAXES \/\/ BURNED LP \/\/ RENOUNCED CONTRACT \/\/ JOIN THE RESONANCE \/\/ $HOLYMOLY \/\/ PURE EXISTENCE \/\/<\/span>\r\n <\/div>\r\n\r\n <section id=\"philosophy\">\r\n <div class=\"phil-header reveal stick-header\">\r\n <span class=\"mono accent\" style=\"color: var(--accent);\">[ Matrix 01 ]<\/span>\r\n <h2>GENESIS DISTORTION<\/h2>\r\n <\/div>\r\n <div class=\"phil-body\">\r\n <div class=\"phil-card reveal\">\r\n <span class=\"phil-num mono\">01 \/\/ Existence<\/span>\r\n <h3 class=\"phil-title\">MANIFEST DREAD<\/h3>\r\n <p class=\"phil-text\">Modern systems warp reality. We capture the energy of chaotic volatility and freeze it into an immutable ledger. We paint red candles into permanent art.<\/p>\r\n <\/div>\r\n <div class=\"phil-card reveal\">\r\n <span class=\"phil-num mono\">02 \/\/ Utterance<\/span>\r\n <h3 class=\"phil-title\">DECENTRALIZED SCREAM<\/h3>\r\n <p class=\"phil-text\">A collective resonance across the chain. $HOLYMOLY isn't just a token; it's a frequency. Stability through intentional disruption.<\/p>\r\n <\/div>\r\n <div class=\"phil-card reveal\">\r\n <span class=\"phil-num mono\">03 \/\/ Passage<\/span>\r\n <h3 class=\"phil-title\">BRIDGE TO VOID<\/h3>\r\n <p class=\"phil-text\">The network is stretching. Choose your path before the final distortion consumes the noise. Resonance is mandatory.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <section id=\"memes\">\r\n <div class=\"meme-header reveal\">\r\n <h2>VISIBLE RESONANCE<\/h2>\r\n <span class=\"mono\">[ GALLERY ]<br>Manifestations <br>of Dread<\/span>\r\n <\/div>\r\n <div class=\"gallery-modular reveal\">\r\n <div class=\"gallery-box\">\r\n <span class=\"gallery-label mono\">H-01<\/span>\r\n <img decoding=\"async\" src=\"https:\/\/holy-moly.fun\/wp-content\/uploads\/2026\/04\/Asset-5.png\" alt=\"Realization\">\r\n <\/div>\r\n <div class=\"gallery-box\">\r\n <span class=\"gallery-label mono\">H-02<\/span>\r\n <img decoding=\"async\" src=\"https:\/\/holy-moly.fun\/wp-content\/uploads\/2026\/04\/Asset-6.png\" alt=\"Distortion\">\r\n <\/div>\r\n <div class=\"gallery-box\">\r\n <span class=\"gallery-label mono\">H-03<\/span>\r\n <img decoding=\"async\" src=\"https:\/\/holy-moly.fun\/wp-content\/uploads\/2026\/04\/Asset-7.png\" alt=\"Void\">\r\n <\/div>\r\n <div class=\"gallery-box\">\r\n <span class=\"gallery-label mono\">H-04<\/span>\r\n <img decoding=\"async\" src=\"https:\/\/holy-moly.fun\/wp-content\/uploads\/2026\/04\/Asset-8.png\" alt=\"Ecstacy\">\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <section id=\"tokenomics\">\r\n <div class=\"toke-grid reveal\">\r\n <div class=\"toke-panel\">\r\n <h3 class=\"outline accent\" style=\"color: var(--accent);\">1 B<\/h3>\r\n <p>SUPPLY<\/p>\r\n <\/div>\r\n <div class=\"toke-panel\">\r\n <h3 class=\"outline\">100%<\/h3>\r\n <p>LIQUIDITY BURNED<\/p>\r\n <\/div>\r\n <div class=\"toke-panel\">\r\n <h3 class=\"outline\">0%<\/h3>\r\n <p>TRANSACTION TAX<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <section id=\"cta\">\r\n <div class=\"void-gradient\"><\/div>\r\n <h2 class=\"reveal stick-header\">EMBRACE <br> THE <span class=\"outline\">VOID.<\/span><\/h2>\r\n \r\n <div class=\"void-actions reveal\">\r\n <a href=\"#\" class=\"btn-void\">Twitter<\/a>\r\n <a href=\"#\" class=\"btn-void\">Telegram<\/a>\r\n <a href=\"#\" class=\"btn-void\">Chart<\/a>\r\n <a href=\"#\" class=\"btn-void btn-swap\">Swap Now<\/a>\r\n <\/div>\r\n <\/section>\r\n\r\n <footer>\r\n <div class=\"mono\">\/\/ HOLYMOLY SYSTEM 2026<\/div>\r\n <div class=\"mono\">\/\/ NOIZE\/\/NET<\/div>\r\n <div class=\"mono\">\/\/ OPERATING FROM THE VOID \/\/<\/div>\r\n <\/footer>\r\n\r\n <script>\r\n \/\/ 1. Hero Image Bug Fix Verification\r\n const heroImg = document.getElementById('hero-img-js');\r\n \r\n \/\/ Ensure image is loaded even if browser tries to be lazy\r\n heroImg.onload = function() {\r\n console.log(\"Hero image successfully loaded: \" + heroImg.src);\r\n heroImg.style.opacity = 1; \/\/ Double confirm visibility\r\n };\r\n \r\n \/\/ Parallax Effect for Hero Image\r\n document.addEventListener('mousemove', (e) => {\r\n const x = (window.innerWidth \/ 2 - e.pageX) \/ 40;\r\n const y = (window.innerHeight \/ 2 - e.pageY) \/ 40;\r\n \/\/ Apply subtle drift to img inside the viewport\r\n heroImg.style.transform = `scale(1.1) translate(${x}px, ${y}px)`;\r\n });\r\n\r\n \/\/ 2. Copy Contract Address functionality\r\n function copyCA() {\r\n const caText = document.getElementById(\"ca-text\").innerText;\r\n const copyBtn = document.getElementById(\"copy-btn\");\r\n \r\n navigator.clipboard.writeText(caText).then(() => {\r\n const originalText = copyBtn.innerText;\r\n copyBtn.innerText = \"COPIED\";\r\n copyBtn.style.background = \"var(--accent)\";\r\n copyBtn.style.color = \"white\";\r\n copyBtn.style.borderColor = \"var(--accent)\";\r\n \r\n setTimeout(() => {\r\n copyBtn.innerText = originalText;\r\n copyBtn.style.background = \"transparent\";\r\n copyBtn.style.color = \"var(--fg)\";\r\n copyBtn.style.borderColor = \"var(--fg)\";\r\n }, 2000);\r\n }).catch(err => {\r\n console.error(\"Failed to copy CA: \", err);\r\n copyBtn.innerText = \"ERROR\";\r\n setTimeout(() => copyBtn.innerText = \"COPY CA\", 1000);\r\n });\r\n }\r\n\r\n \/\/ 3. Intersection Observer for Smooth Reveal Animations\r\n const reveals = document.querySelectorAll('.reveal');\r\n const revealOptions = { \r\n threshold: 0.15, \/\/ Require 15% visibility to trigger\r\n rootMargin: \"0px 0px -50px 0px\" \/\/ Trigger slightly before it hits the viewport bottom\r\n };\r\n\r\n const revealOnScroll = new IntersectionObserver(function(entries, observer) {\r\n entries.forEach(entry => {\r\n if (!entry.isIntersecting) return;\r\n entry.target.classList.add('active');\r\n observer.unobserve(entry.target); \/\/ Only animate once\r\n });\r\n }, revealOptions);\r\n\r\n reveals.forEach(reveal => {\r\n revealOnScroll.observe(reveal);\r\n });\r\n \r\n \/\/ Small initial trigger for hero elements in case they load above fold\r\n window.addEventListener('load', () => {\r\n setTimeout(() => {\r\n reveals[0].classList.add('active'); \/\/ Hero Text\r\n reveals[1].classList.add('active'); \/\/ Hero Img\r\n }, 300);\r\n });\r\n\r\n \/\/ 4. Manual Smooth Scroll (Safari\/Older browser fallback)\r\n document.querySelectorAll('a[href^=\"#\"]').forEach(anchor => {\r\n anchor.addEventListener('click', function (e) {\r\n const targetId = this.getAttribute('href');\r\n if(targetId === '#') return;\r\n \r\n e.preventDefault();\r\n const targetElement = document.querySelector(targetId);\r\n if(targetElement){\r\n targetElement.scrollIntoView({ behavior: 'smooth', block: 'start' });\r\n }\r\n });\r\n });\r\n <\/script>\r\n<\/body>\r\n<\/html>\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>HOLYMOLY \/\/ THE REVELATION HOLYMOLY Genesis Manifest Utility Join Community THE REVELATION OF HOLY MOLY. Born from the collective dread of the modern network. Turning chaotic noise into structured resonance. Operating in the void. CA : NULL Copy CA \/\/ DISTORT THE CHART \/\/ EMBRACE THE VOID \/\/ NO TAXES \/\/ BURNED LP \/\/ RENOUNCED […]<\/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:\/\/holy-moly.fun\/index.php\/wp-json\/wp\/v2\/pages\/8","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/holy-moly.fun\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/holy-moly.fun\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/holy-moly.fun\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/holy-moly.fun\/index.php\/wp-json\/wp\/v2\/comments?post=8"}],"version-history":[{"count":16,"href":"https:\/\/holy-moly.fun\/index.php\/wp-json\/wp\/v2\/pages\/8\/revisions"}],"predecessor-version":[{"id":35,"href":"https:\/\/holy-moly.fun\/index.php\/wp-json\/wp\/v2\/pages\/8\/revisions\/35"}],"wp:attachment":[{"href":"https:\/\/holy-moly.fun\/index.php\/wp-json\/wp\/v2\/media?parent=8"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}