{"id":8,"date":"2026-04-28T04:12:38","date_gmt":"2026-04-28T04:12:38","guid":{"rendered":"https:\/\/getshot.online\/?page_id=8"},"modified":"2026-04-28T05:17:36","modified_gmt":"2026-04-28T05:17:36","slug":"elementor-8","status":"publish","type":"page","link":"https:\/\/getshot.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-83bc00c e-con-full e-flex e-con e-parent\" data-id=\"83bc00c\" 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-9b30b31 elementor-widget elementor-widget-html\" data-id=\"9b30b31\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\n    \/* All styles strictly scoped. No global\/body tags modified. Solid text colors only. *\/\n    .shot-wrapper {\n        font-family: 'Arial Black', Impact, sans-serif;\n        color: #ffffff;\n        background-color: #050505;\n        overflow-x: hidden;\n        margin: 0;\n        padding: 0;\n        position: relative;\n    }\n\n    \/* Fixed Particle Canvas Overlay *\/\n    #hype-particles {\n        position: fixed;\n        top: 0;\n        left: 0;\n        width: 100vw;\n        height: 100vh;\n        pointer-events: none;\n        z-index: 5;\n    }\n\n    \/* Grid Overlay - Glowing Yellow *\/\n    .shot-wrapper::before {\n        content: '';\n        position: absolute;\n        top: 0; left: 0; right: 0; bottom: 0;\n        background-image: \n            linear-gradient(rgba(255, 230, 0, 0.05) 1px, transparent 1px),\n            linear-gradient(90deg, rgba(255, 230, 0, 0.05) 1px, transparent 1px);\n        background-size: 60px 60px;\n        pointer-events: none;\n        z-index: 0;\n    }\n\n    .shot-section {\n        position: relative;\n        min-height: 100vh;\n        display: flex;\n        flex-direction: column;\n        justify-content: center;\n        align-items: center;\n        text-align: center;\n        background-size: cover;\n        background-position: center;\n        background-repeat: no-repeat;\n        padding: 10rem 2rem; \n        box-sizing: border-box;\n        z-index: 1;\n    }\n    \/* Logo Positioning *\/\n    .hero-logo {\n        position: absolute;\n        top: 2rem;\n        left: 2rem;\n        max-width: 165px !important; \/* <--- REDUCED FROM 120px *\/\n        z-index: 10;\n        filter: drop-shadow(0 0 10px rgba(255, 230, 0, 0.4)); \/* Optional: adds a subtle yellow glow to match the theme *\/\n    }\n\n    \/* Backgrounds & Radial Overlays *\/\n    .shot-hero {\n        background-image: radial-gradient(circle at center, rgba(0, 0, 0, 0) 0%, rgba(5, 5, 5, 0.85) 100%), url('http:\/\/getshot.online\/wp-content\/uploads\/2026\/04\/hero-bg-scaled.png');\n    }\n\n    .shot-about {\n        background-color: #080808;\n        background-image: radial-gradient(circle at center, rgba(255, 230, 0, 0) 0%, rgba(5, 5, 5, 0.9) 85%), url('http:\/\/getshot.online\/wp-content\/uploads\/2026\/04\/XGHEus.webp');\n        background-size: cover;\n        background-position: center;\n        display: flex;\n        flex-direction: row;\n        flex-wrap: nowrap;\n        justify-content: flex-start;\n        align-items: center;\n        gap: 2rem;\n        padding: 12rem 5%;\n        position: relative;\n    }\n\n    .shot-specs {\n        background-image: radial-gradient(circle at center, rgba(0, 0, 0, 0) 0%, rgba(5, 5, 5, 0.9) 100%), url('http:\/\/getshot.online\/wp-content\/uploads\/2026\/04\/3rd-section-bg-scaled.png');\n    }\n\n    .shot-terminal {\n        background-image: radial-gradient(circle at center, rgba(255, 230, 0, 0) 0%, rgba(5, 5, 5, 0.9) 100%), url('http:\/\/getshot.online\/wp-content\/uploads\/2026\/04\/bg-phone.ec81e6ff-scaled.png');\n    }\n\n    .shot-final {\n        background-image: radial-gradient(circle at center, rgba(0, 0, 0, 0) 0%, rgba(5, 5, 5, 0.95) 100%), url('http:\/\/getshot.online\/wp-content\/uploads\/2026\/04\/last-section-bg-scaled.png');\n    }\n\n    \/* Tech Accents *\/\n    .tech-corner {\n        position: absolute;\n        width: 40px;\n        height: 40px;\n        border: 2px solid #FFE600;\n        opacity: 0.5;\n        pointer-events: none;\n    }\n    .tech-corner.top-left { top: 30px; left: 30px; border-right: none; border-bottom: none; }\n    .tech-corner.top-right { top: 30px; right: 30px; border-left: none; border-bottom: none; }\n    .tech-corner.bottom-left { bottom: 30px; left: 30px; border-right: none; border-top: none; }\n    .tech-corner.bottom-right { bottom: 30px; right: 30px; border-left: none; border-top: none; }\n\n    .data-stream {\n        position: absolute;\n        right: 5%;\n        top: 20%;\n        width: 2px;\n        height: 150px;\n        background: linear-gradient(to bottom, transparent, #FFE600, transparent);\n        opacity: 0.6;\n        animation: scanline 3s linear infinite;\n    }\n\n    @keyframes scanline {\n        0% { transform: translateY(-100px); opacity: 0; }\n        50% { opacity: 0.8; }\n        100% { transform: translateY(300px); opacity: 0; }\n    }\n\n    \/* Typography *\/\n    .massive-title {\n        font-size: clamp(4rem, 12vw, 15rem);\n        line-height: 0.85;\n        text-transform: uppercase;\n        margin: 0;\n        text-shadow: 0px 10px 30px rgba(0, 0, 0, 0.9);\n        color: #ffffff; \n        letter-spacing: -2px;\n        transform: skewX(-5deg);\n        position: relative;\n        z-index: 2;\n    }\n\n    .massive-title.yellow {\n        color: #FFE600; \n        text-shadow: 0px 0px 40px rgba(255, 230, 0, 0.4), 0px 10px 30px rgba(0, 0, 0, 0.9);\n    }\n\n    .shot-subtitle {\n        font-family: 'Courier New', Courier, monospace;\n        font-size: clamp(1rem, 2.5vw, 1.8rem);\n        font-weight: bold;\n        letter-spacing: 2px;\n        margin-top: 2.5rem;\n        background: #000000;\n        padding: 15px 30px;\n        border-left: 6px solid #FFE600;\n        color: #ffffff;\n        text-transform: uppercase;\n        clip-path: polygon(0 0, 100% 0, 100% calc(100% - 15px), calc(100% - 15px) 100%, 0 100%);\n        position: relative;\n        z-index: 2;\n    }\n\n    \/* Dividers *\/\n    .shot-divider {\n        width: 105%;\n        height: 20px;\n        background: repeating-linear-gradient(\n            45deg,\n            #FFE600,\n            #FFE600 15px,\n            #050505 15px,\n            #050505 30px\n        );\n        transform: skewY(-2.5deg) translateX(-2%);\n        margin: -15px 0;\n        position: relative;\n        z-index: 10;\n        box-shadow: 0 0 25px rgba(255, 230, 0, 0.4);\n        border-top: 2px solid #ffffff;\n        border-bottom: 2px solid #ffffff;\n    }\n    \n    .shot-divider.alt {\n        background: repeating-linear-gradient(\n            -45deg,\n            #F7931A,\n            #F7931A 15px,\n            #050505 15px,\n            #050505 30px\n        );\n        transform: skewY(2deg) translateX(-2%);\n        box-shadow: 0 0 25px rgba(247, 147, 26, 0.4);\n    }\n\n    \/* CA Copy Component *\/\n    .ca-container {\n        display: flex;\n        align-items: center;\n        margin-top: 3.5rem;\n        background: #000000;\n        border: 2px solid #FFE600;\n        box-shadow: 0 0 30px rgba(255, 230, 0, 0.3);\n        position: relative;\n        z-index: 2;\n        transform: skewX(-5deg);\n        padding: 5px;\n    }\n\n    .ca-input {\n        background: #000000;\n        border: none;\n        color: #ffffff;\n        font-family: 'Courier New', Courier, monospace;\n        font-size: 1.2rem;\n        font-weight: bold;\n        padding: 1rem 2rem;\n        width: 350px;\n        outline: none;\n        text-align: center;\n    }\n\n    .ca-copy-btn {\n        padding: 1rem 3rem;\n        font-size: 1.5rem;\n        font-family: 'Arial Black', Impact, sans-serif;\n        text-transform: uppercase;\n        color: #000000;\n        background-color: #FFE600;\n        border: none;\n        cursor: pointer;\n        transition: all 0.3s ease;\n        height: 100%;\n    }\n\n    .ca-copy-btn:hover {\n        background-color: #ffffff;\n        box-shadow: 0 0 20px rgba(255, 255, 255, 0.8);\n    }\n\n    \/* About Section *\/\n    .about-image {\n        flex: 0 0 50%;\n        max-width: 50%;\n        display: flex;\n        justify-content: flex-start;\n    }\n\n    @keyframes floatRaw {\n        0% { transform: translateY(0px); }\n        50% { transform: translateY(-15px); }\n        100% { transform: translateY(0px); }\n    }\n\n    .about-image img {\n        width: 100%;\n        max-width: 800px;\n        height: auto;\n        animation: floatRaw 6s ease-in-out infinite;\n        \/* The transparency mask is applied here *\/\n        -webkit-mask-image: linear-gradient(to bottom, rgba(0,0,0,1) 65%, rgba(0,0,0,0) 100%);\n        mask-image: linear-gradient(to bottom, rgba(0,0,0,1) 65%, rgba(0,0,0,0) 100%);\n    }\n\n    .about-content {\n        flex: 0 0 50%;\n        max-width: 650px;\n        text-align: left;\n        position: relative;\n        z-index: 2;\n    }\n\n    .about-content h2 {\n        font-size: clamp(3.5rem, 7vw, 8rem);\n        margin: 0 0 1.5rem 0;\n        line-height: 0.9;\n        color: #ffffff;\n        text-transform: uppercase;\n        transform: skewX(-5deg);\n    }\n\n    .about-content p {\n        font-family: 'Courier New', Courier, monospace;\n        font-size: 1.3rem;\n        line-height: 1.7;\n        color: #ffffff;\n        font-weight: bold;\n        background: #000000;\n        padding: 30px;\n        border-left: 5px solid #F7931A;\n        clip-path: polygon(0 0, 100% 0, 100% calc(100% - 25px), calc(100% - 25px) 100%, 0 100%);\n    }\n\n    \/* Specs Grid *\/\n    .specs-grid {\n        display: grid;\n        grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n        gap: 2.5rem;\n        width: 100%;\n        max-width: 1300px;\n        margin-top: 5rem;\n        position: relative;\n        z-index: 2;\n    }\n\n    .spec-card {\n        background: #000000; \n        padding: 3.5rem 2rem;\n        text-align: left;\n        border-left: 6px solid #FFE600;\n        transition: transform 0.3s ease, border-color 0.3s ease;\n        clip-path: polygon(15px 0, 100% 0, 100% calc(100% - 15px), calc(100% - 15px) 100%, 0 100%, 0 15px);\n    }\n    \n    .spec-card:hover {\n        transform: translateY(-10px) scale(1.02);\n        border-left-color: #ffffff;\n    }\n\n    .spec-card h3 {\n        color: #FFE600;\n        font-family: 'Courier New', Courier, monospace;\n        font-size: 1.2rem;\n        margin: 0 0 1rem 0;\n        text-transform: uppercase;\n        letter-spacing: 2px;\n    }\n\n    .spec-card p {\n        font-size: 3.2rem;\n        margin: 0;\n        color: #ffffff;\n        line-height: 1;\n        transform: skewX(-5deg);\n    }\n\n    \/* Buttons *\/\n    .shot-btn {\n        display: inline-block;\n        margin-top: 3.5rem;\n        padding: 1.5rem 5rem;\n        font-size: 1.8rem;\n        font-family: 'Arial Black', Impact, sans-serif;\n        text-transform: uppercase;\n        color: #000000;\n        background-color: #FFE600;\n        text-decoration: none;\n        border: none;\n        cursor: pointer;\n        transition: all 0.3s ease;\n        box-shadow: 0 0 30px rgba(255, 230, 0, 0.6);\n        clip-path: polygon(20px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 20px) 100%, 0 100%, 0 20px);\n        position: relative;\n        z-index: 2;\n    }\n\n    .shot-btn:hover {\n        background-color: #ffffff;\n        box-shadow: 0 0 40px rgba(255, 255, 255, 0.8);\n        transform: translateY(-5px) scale(1.02);\n    }\n\n    \/* Footer Links *\/\n    .footer-links {\n        margin-top: 4rem;\n        display: flex;\n        gap: 3rem;\n        flex-wrap: wrap;\n        justify-content: center;\n        position: relative;\n        z-index: 2;\n    }\n\n    .footer-links a {\n        color: #ffffff;\n        font-family: 'Courier New', Courier, monospace;\n        font-size: 1.5rem;\n        font-weight: bold;\n        text-decoration: none;\n        border-bottom: 2px solid #FFE600;\n        padding-bottom: 5px;\n        text-transform: uppercase;\n        transition: color 0.3s ease, border-color 0.3s ease;\n    }\n\n    .footer-links a:hover {\n        color: #FFE600;\n        border-color: #ffffff;\n    }\n\n    \/* Logo Positioning - Reduced Size *\/\n    .hero-logo {\n        position: absolute;\n        top: 2rem;\n        left: 2rem;\n        max-width: 60px; \/* Reduced from 120px *\/\n        z-index: 10;\n        filter: drop-shadow(0 0 10px rgba(255, 230, 0, 0.4));\n    }\n\n    \/* Responsive *\/\n    @media (max-width: 1024px) {\n        .shot-about {\n            flex-direction: column;\n            text-align: center;\n        }\n        .about-image {\n            max-width: 100%;\n            justify-content: center;\n        }\n        .about-content {\n            max-width: 100%;\n            text-align: center;\n        }\n        .about-content h2 {\n            transform: none;\n        }\n        .ca-container {\n            flex-direction: column;\n            transform: none;\n        }\n        .ca-input {\n            width: 100%;\n            padding: 1rem;\n        }\n        .ca-copy-btn {\n            width: 100%;\n            padding: 1rem;\n        }\n    }\n<\/style>\n\n<div class=\"shot-wrapper\">\n    \n    <canvas id=\"hype-particles\"><\/canvas>\n\n    <section class=\"shot-section shot-hero\">\n        <div class=\"tech-corner top-left\"><\/div>\n        <div class=\"tech-corner bottom-right\"><\/div>\n        \n        <img decoding=\"async\" src=\"http:\/\/getshot.online\/wp-content\/uploads\/2026\/04\/upscale_this_and_202604281048-1.png\" alt=\"$SHOT Logo\" class=\"hero-logo\">\n\n        <h1 class=\"massive-title\">SATOSHI\u2019S<\/h1>\n        <h1 class=\"massive-title yellow\">HYPE OVER TRADES<\/h1>\n        \n        <div class=\"shot-subtitle\">The genesis of speculative momentum on Solana.<\/div>\n        \n        <div class=\"ca-container\">\n            <input type=\"text\" id=\"contract-address\" class=\"ca-input\" value=\"null\" readonly>\n            <button class=\"ca-copy-btn\" onclick=\"var copyText = document.getElementById('contract-address'); copyText.select(); copyText.setSelectionRange(0, 99999); navigator.clipboard.writeText(copyText.value); this.innerText='COPIED!'; setTimeout(() => this.innerText='COPY CA', 2000);\">COPY CA<\/button>\n        <\/div>\n    <\/section>\n\n    <div class=\"shot-divider\"><\/div>\n\n    <section class=\"shot-about\">\n        <div class=\"data-stream\"><\/div>\n        <div class=\"about-image\">\n            <img decoding=\"async\" src=\"http:\/\/getshot.online\/wp-content\/uploads\/2026\/04\/featured-about.png\" alt=\"Satoshi Master of Market\">\n        <\/div>\n        <div class=\"about-content\">\n            <h2>The<br>Genesis<br><span style=\"color: #FFE600;\">Hype<\/span><\/h2>\n            <p>\n                Satoshi gave us the protocol; $SHOT gives us the breakout. In a market clouded by noise, we synchronize with pure market energy. We aren't just trading\u2014we are writing the next block of speculative history. Inspired by the anonymous visionary, $SHOT is the ultimate high-conviction play. No central authority. Just elite execution.\n            <\/p>\n        <\/div>\n    <\/section>\n\n    <div class=\"shot-divider alt\"><\/div>\n\n    <section class=\"shot-section shot-specs\">\n        <div class=\"tech-corner top-right\"><\/div>\n        <div class=\"tech-corner bottom-left\"><\/div>\n        <h2 class=\"massive-title\">NETWORK<\/h2>\n        <h2 class=\"massive-title yellow\">SPECS<\/h2>\n        \n        <div class=\"specs-grid\">\n            <div class=\"spec-card\">\n                <h3>Ticker<\/h3>\n                <p>$SHOT<\/p>\n            <\/div>\n            <div class=\"spec-card\">\n                <h3>Supply<\/h3>\n                <p>1 BILLION<\/p>\n            <\/div>\n            <div class=\"spec-card\">\n                <h3>Taxes<\/h3>\n                <p>0 \/ 0<\/p>\n            <\/div>\n            <div class=\"spec-card\" style=\"border-left-color: #F7931A;\">\n                <h3>Liquidity<\/h3>\n                <p>BURNT<\/p>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <div class=\"shot-divider\"><\/div>\n\n    <section class=\"shot-section shot-terminal\">\n        <div class=\"data-stream\" style=\"right: auto; left: 10%; background: linear-gradient(to bottom, transparent, #FFE600, transparent);\"><\/div>\n        <h2 class=\"massive-title\">THE<\/h2>\n        <h2 class=\"massive-title yellow\">TERMINAL<\/h2>\n        <div class=\"shot-subtitle\">Connect to the genesis node. Execute the breakout.<\/div>\n        <a href=\"#\" class=\"shot-btn\" style=\"margin-top: 4rem;\">ACCESS DAPP<\/a>\n    <\/section>\n\n    <div class=\"shot-divider alt\"><\/div>\n\n    <section class=\"shot-section shot-final\">\n        <div class=\"data-stream\" style=\"right: auto; left: 5%; top: 40%; background: linear-gradient(to bottom, transparent, #F7931A, transparent);\"><\/div>\n        <h2 class=\"massive-title\">THE WHITEPAPER<\/h2>\n        <h2 class=\"massive-title yellow\">IS WRITTEN<\/h2>\n        <div class=\"shot-subtitle\" style=\"border-left-color: #F7931A;\">The masses hesitate. The elite take the shot.<\/div>\n        \n        <a href=\"#\" class=\"shot-btn\" style=\"background-color: #F7931A; color: #000; box-shadow: 0 0 30px rgba(247, 147, 26, 0.6);\">Swap $SHOT Now<\/a>\n        \n        <div class=\"footer-links\">\n            <a href=\"#\">X \/ Twitter<\/a>\n            <a href=\"#\">Telegram<\/a>\n            <a href=\"#\">Community<\/a>\n        <\/div>\n    <\/section>\n\n<\/div>\n\n<script>\n    document.addEventListener(\"DOMContentLoaded\", function() {\n        const canvas = document.getElementById('hype-particles');\n        if(!canvas) return;\n        const ctx = canvas.getContext('2d');\n        \n        let width, height;\n        let particles = [];\n\n        function resizeCanvas() {\n            width = canvas.width = window.innerWidth;\n            height = canvas.height = window.innerHeight;\n        }\n\n        window.addEventListener('resize', resizeCanvas);\n\n        class Particle {\n            constructor() {\n                this.x = Math.random() * width;\n                this.y = Math.random() * height;\n                this.size = Math.random() * 4 + 2; \n                this.speedY = Math.random() * -8 - 3; \n                this.speedX = (Math.random() - 0.5) * 1.5; \n                this.opacity = Math.random() * 0.8 + 0.2;\n            }\n\n            update() {\n                this.y += this.speedY;\n                this.x += this.speedX;\n\n                if (this.y + this.size < 0) {\n                    this.y = height + 10;\n                    this.x = Math.random() * width;\n                    this.speedY = Math.random() * -8 - 3; \n                }\n            }\n\n            draw() {\n                ctx.fillStyle = `rgba(255, 230, 0, ${this.opacity})`;\n                ctx.shadowBlur = 15;\n                ctx.shadowColor = '#FFE600';\n                ctx.fillRect(this.x, this.y, this.size, this.size); \n            }\n        }\n\n        function initParticles() {\n            resizeCanvas();\n            particles = [];\n            const particleCount = Math.floor(width \/ 15); \n            for (let i = 0; i < particleCount; i++) {\n                particles.push(new Particle());\n            }\n        }\n\n        function animate() {\n            ctx.clearRect(0, 0, width, height);\n            \n            particles.forEach(p => {\n                p.update();\n                p.draw();\n            });\n            \n            requestAnimationFrame(animate);\n        }\n\n        initParticles();\n        animate();\n    });\n<\/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>SATOSHI\u2019S HYPE OVER TRADES The genesis of speculative momentum on Solana. COPY CA TheGenesisHype Satoshi gave us the protocol; $SHOT gives us the breakout. In a market clouded by noise, we synchronize with pure market energy. We aren&#8217;t just trading\u2014we are writing the next block of speculative history. Inspired by the anonymous visionary, $SHOT is [&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:\/\/getshot.online\/index.php\/wp-json\/wp\/v2\/pages\/8","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/getshot.online\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/getshot.online\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/getshot.online\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/getshot.online\/index.php\/wp-json\/wp\/v2\/comments?post=8"}],"version-history":[{"count":49,"href":"https:\/\/getshot.online\/index.php\/wp-json\/wp\/v2\/pages\/8\/revisions"}],"predecessor-version":[{"id":73,"href":"https:\/\/getshot.online\/index.php\/wp-json\/wp\/v2\/pages\/8\/revisions\/73"}],"wp:attachment":[{"href":"https:\/\/getshot.online\/index.php\/wp-json\/wp\/v2\/media?parent=8"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}