{"id":11,"date":"2026-05-11T21:07:09","date_gmt":"2026-05-11T21:07:09","guid":{"rendered":"https:\/\/leonidagta6.xyz\/?page_id=11"},"modified":"2026-05-11T21:08:24","modified_gmt":"2026-05-11T21:08:24","slug":"leonida-2","status":"publish","type":"page","link":"https:\/\/leonidagta6.xyz\/","title":{"rendered":"$LEONIDA"},"content":{"rendered":"\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\r\n\r\n\r\n \r\n \r\n $LEONIDA - Enter the Frontier<\/title>\r\n <!-- SEO Meta Tags -->\r\n <meta name=\"description\" content=\"$LEONIDA - A meme coin project inspired by the legendary world of Leonida. Explore the story, locations, and media.\">\r\n <meta name=\"keywords\" content=\"Leonida, meme coin, crypto, Solana, GTA VI, Vice City, gaming, cryptocurrency\">\r\n <!-- Favicon - a placeholder, replace with a custom one -->\r\n <link rel=\"icon\" href=\"data:image\/svg+xml,<svg xmlns=%22http:\/\/www.w3.org\/2000\/svg%22 viewBox=%220 0 100 100%22><text y=%22.9em%22 font-size=%2290%22>\ud83d\udc51<\/text><\/svg>\">\r\n <style>\r\n \/* General styles, a clean slate for the body and all elements *\/\r\n * {\r\n margin: 0;\r\n padding: 0;\r\n box-sizing: border-box;\r\n }\r\n\r\n body {\r\n font-family: 'Arial', sans-serif;\r\n background: #0a0a0a;\r\n color: #ffffff;\r\n overflow-x: hidden;\r\n \/* Custom cursor for a unique user experience *\/\r\n cursor: url('data:image\/svg+xml;utf8,<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\"><circle cx=\"10\" cy=\"10\" r=\"8\" fill=\"none\" stroke=\"white\" stroke-width=\"2\"\/><circle cx=\"10\" cy=\"10\" r=\"2\" fill=\"white\"\/><\/svg>'), auto;\r\n }\r\n\r\n \/* Scroll Progress Bar at the top of the page *\/\r\n .scroll-progress {\r\n position: fixed;\r\n top: 0;\r\n left: 0;\r\n width: 0;\r\n height: 3px;\r\n background: linear-gradient(90deg, #ff6b35, #ffa500);\r\n z-index: 1001;\r\n transition: width 0.1s ease;\r\n }\r\n\r\n \/* Custom cursor follower for an interactive effect *\/\r\n .cursor-follower {\r\n position: fixed;\r\n width: 20px;\r\n height: 20px;\r\n border-radius: 50%;\r\n background: rgba(255, 107, 53, 0.3);\r\n pointer-events: none;\r\n z-index: 9999;\r\n transform: translate(-50%, -50%);\r\n }\r\n\r\n \/* Navigation container, no longer fixed *\/\r\n .nav-container {\r\n position: relative;\r\n z-index: 1000;\r\n background: rgba(0, 0, 0, 0.9);\r\n backdrop-filter: blur(10px);\r\n border-bottom: 1px solid rgba(255, 255, 255, 0.1);\r\n transition: all 0.3s ease;\r\n }\r\n\r\n .nav {\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n padding: 1.5rem 2rem; \/* Increased padding for better sizing *\/\r\n max-width: 1400px;\r\n margin: 0 auto;\r\n }\r\n\r\n .logo img {\r\n width: 120px;\r\n height: auto;\r\n transition: all 0.3s ease;\r\n object-fit: contain;\r\n }\r\n\r\n \/* Logo hover and focus effects *\/\r\n .logo:hover img, .logo:focus img {\r\n transform: scale(1.05);\r\n filter: drop-shadow(0 0 20px rgba(255, 107, 53, 0.8));\r\n }\r\n\r\n .nav-links {\r\n display: flex;\r\n list-style: none;\r\n gap: 2rem;\r\n }\r\n\r\n .nav-links li {\r\n position: relative;\r\n }\r\n\r\n .nav-links a {\r\n color: #ffffff;\r\n text-decoration: none;\r\n font-weight: 500;\r\n padding: 0.5rem 1rem;\r\n border-radius: 25px;\r\n transition: all 0.3s ease;\r\n position: relative;\r\n overflow: hidden;\r\n }\r\n\r\n \/* Navigation link hover animation *\/\r\n .nav-links a::before {\r\n content: '';\r\n position: absolute;\r\n top: 0;\r\n left: -100%;\r\n width: 100%;\r\n height: 100%;\r\n background: linear-gradient(90deg, transparent, rgba(255, 107, 53, 0.3), transparent);\r\n transition: left 0.5s ease;\r\n }\r\n\r\n .nav-links a:hover::before, .nav-links a:focus::before {\r\n left: 100%;\r\n }\r\n\r\n .nav-links a:hover, .nav-links a:focus {\r\n color: #ff6b35;\r\n background: rgba(255, 107, 53, 0.1);\r\n transform: translateY(-2px);\r\n outline: none;\r\n }\r\n\r\n \/* Hamburger menu for mobile devices *\/\r\n .hamburger {\r\n display: none;\r\n font-size: 1.8rem;\r\n color: #ffffff;\r\n background: none;\r\n border: none;\r\n cursor: pointer;\r\n z-index: 1002;\r\n }\r\n\r\n .hamburger:focus {\r\n outline: 2px solid #ff6b35;\r\n outline-offset: 2px;\r\n }\r\n\r\n \/* Hero Section, full screen with image slideshow *\/\r\n .hero {\r\n height: 100vh;\r\n position: relative;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n overflow: hidden;\r\n z-index: 1;\r\n }\r\n\r\n .hero-slideshow {\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n width: 100%;\r\n height: 100%;\r\n z-index: 1;\r\n }\r\n\r\n .hero-slide {\r\n position: absolute;\r\n width: 100%;\r\n height: 100%;\r\n background-size: cover;\r\n background-position: center;\r\n opacity: 0;\r\n transition: opacity 1s ease-in-out;\r\n }\r\n\r\n .hero-slide.active {\r\n opacity: 1;\r\n }\r\n\r\n .hero-content {\r\n text-align: center;\r\n z-index: 2;\r\n max-width: 800px;\r\n padding: 2rem;\r\n background: rgba(0, 0, 0, 0.6);\r\n border-radius: 15px;\r\n backdrop-filter: blur(5px);\r\n }\r\n\r\n .hero-title {\r\n font-size: 4rem;\r\n font-weight: bold;\r\n margin-bottom: 1rem;\r\n background: linear-gradient(45deg, #ff6b35, #ffa500);\r\n -webkit-background-clip: text;\r\n -webkit-text-fill-color: transparent;\r\n text-shadow: 0 0 50px rgba(255, 107, 53, 0.5);\r\n animation: titleGlow 3s ease-in-out infinite alternate;\r\n }\r\n\r\n @keyframes titleGlow {\r\n 0% { filter: brightness(1); }\r\n 100% { filter: brightness(1.2); }\r\n }\r\n\r\n .hero-subtitle {\r\n font-size: 1.5rem;\r\n margin-bottom: 2rem;\r\n opacity: 0.9;\r\n animation: fadeInUp 1s ease-out 0.5s both;\r\n }\r\n\r\n .cta-buttons {\r\n display: flex;\r\n gap: 1rem;\r\n justify-content: center;\r\n flex-wrap: wrap;\r\n }\r\n\r\n .cta-button {\r\n background: linear-gradient(45deg, #ff6b35, #ffa500);\r\n color: white;\r\n padding: 1rem 3rem;\r\n border: none;\r\n border-radius: 50px;\r\n font-size: 1.2rem;\r\n font-weight: bold;\r\n cursor: pointer;\r\n transition: all 0.3s ease;\r\n text-transform: uppercase;\r\n letter-spacing: 1px;\r\n box-shadow: 0 10px 30px rgba(255, 107, 53, 0.3);\r\n animation: fadeInUp 1s ease-out 1s both;\r\n text-decoration: none;\r\n margin: 0.5rem;\r\n position: relative;\r\n }\r\n\r\n .copy-button {\r\n background: linear-gradient(45deg, #ffa500, #ff6b35);\r\n color: white;\r\n padding: 1rem 3rem;\r\n border: none;\r\n border-radius: 50px;\r\n font-size: 1.2rem;\r\n font-weight: bold;\r\n cursor: pointer;\r\n transition: all 0.3s ease;\r\n text-transform: uppercase;\r\n letter-spacing: 1px;\r\n box-shadow: 0 10px 30px rgba(255, 107, 53, 0.3);\r\n animation: fadeInUp 1s ease-out 1s both;\r\n margin: 0.5rem;\r\n position: relative;\r\n }\r\n\r\n \/* Button hover and focus effects *\/\r\n .cta-button:hover, .copy-button:hover, .cta-button:focus, .copy-button:focus {\r\n transform: translateY(-5px) scale(1.05);\r\n box-shadow: 0 20px 40px rgba(255, 107, 53, 0.5);\r\n animation: pulse 2s infinite;\r\n outline: none;\r\n }\r\n\r\n .copy-button::after {\r\n content: 'Copied!';\r\n position: absolute;\r\n top: -40px;\r\n left: 50%;\r\n transform: translateX(-50%);\r\n background: #ff6b35;\r\n color: white;\r\n padding: 5px 10px;\r\n border-radius: 5px;\r\n font-size: 0.9rem;\r\n opacity: 0;\r\n transition: opacity 0.3s ease;\r\n pointer-events: none;\r\n }\r\n\r\n .copy-button.copied::after {\r\n opacity: 1;\r\n }\r\n\r\n \/* Sections content visibility on scroll *\/\r\n .section {\r\n padding: 5rem 2rem;\r\n max-width: 1400px;\r\n margin: 0 auto;\r\n opacity: 0;\r\n transform: translateY(50px);\r\n transition: all 0.8s ease-out;\r\n }\r\n\r\n .section.visible {\r\n opacity: 1;\r\n transform: translateY(0);\r\n }\r\n\r\n .section-title {\r\n font-size: 3rem;\r\n text-align: center;\r\n margin-bottom: 3rem;\r\n background: linear-gradient(45deg, #ff6b35, #ffa500);\r\n -webkit-background-clip: text;\r\n -webkit-text-fill-color: transparent;\r\n }\r\n\r\n \/* Story Section cards *\/\r\n .story-grid {\r\n display: grid;\r\n grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\r\n gap: 2rem;\r\n margin-top: 3rem;\r\n }\r\n\r\n .story-card {\r\n background: linear-gradient(135deg, rgba(255, 107, 53, 0.1), rgba(255, 165, 0, 0.1));\r\n padding: 2rem;\r\n border-radius: 15px;\r\n border: 1px solid rgba(255, 107, 53, 0.3);\r\n transition: all 0.3s ease;\r\n position: relative;\r\n overflow: hidden;\r\n }\r\n\r\n .story-card::before {\r\n content: '';\r\n position: absolute;\r\n top: -50%;\r\n left: -50%;\r\n width: 200%;\r\n height: 200%;\r\n background: linear-gradient(45deg, transparent, rgba(255, 107, 53, 0.1), transparent);\r\n transform: rotate(45deg);\r\n opacity: 0;\r\n transition: opacity 0.3s ease;\r\n }\r\n\r\n .story-card:hover::before, .story-card:focus::before {\r\n opacity: 1;\r\n animation: shimmer 1.5s ease-in-out;\r\n }\r\n\r\n @keyframes shimmer {\r\n 0% { transform: translateX(-100%) translateY(-100%) rotate(45deg); }\r\n 100% { transform: translateX(100%) translateY(100%) rotate(45deg); }\r\n }\r\n\r\n .story-card:hover, .story-card:focus {\r\n transform: translateY(-10px) scale(1.02);\r\n box-shadow: 0 20px 40px rgba(255, 107, 53, 0.2);\r\n outline: none;\r\n }\r\n\r\n \/* Locations Section cards *\/\r\n .locations-grid {\r\n display: grid;\r\n grid-template-columns: repeat(auto-fit, minmax(400px, 1fr));\r\n gap: 3rem;\r\n margin-top: 3rem;\r\n }\r\n\r\n .location-card {\r\n background: linear-gradient(135deg, rgba(0, 0, 0, 0.8), rgba(255, 107, 53, 0.1));\r\n border-radius: 20px;\r\n overflow: hidden;\r\n transition: all 0.5s ease;\r\n position: relative;\r\n min-height: 300px;\r\n display: flex;\r\n flex-direction: column;\r\n justify-content: flex-end;\r\n background-size: cover;\r\n background-position: center;\r\n }\r\n\r\n .location-card::before {\r\n content: '';\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n right: 0;\r\n bottom: 0;\r\n background: linear-gradient(45deg, rgba(255, 107, 53, 0.2), rgba(255, 165, 0, 0.2));\r\n opacity: 0;\r\n transition: opacity 0.3s ease;\r\n }\r\n\r\n .location-card:hover::before, .location-card:focus::before {\r\n opacity: 1;\r\n }\r\n\r\n .location-card:hover, .location-card:focus {\r\n transform: scale(1.05) rotateX(2deg);\r\n box-shadow: 0 30px 60px rgba(255, 107, 53, 0.2);\r\n outline: none;\r\n }\r\n\r\n .location-content {\r\n padding: 2rem;\r\n position: relative;\r\n z-index: 2;\r\n }\r\n\r\n \/* Animated GIF Section *\/\r\n .gif-section {\r\n padding: 5rem 2rem;\r\n max-width: 1400px;\r\n margin: 0 auto;\r\n }\r\n\r\n .gif-grid {\r\n display: grid;\r\n grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\r\n gap: 2rem;\r\n margin-top: 3rem;\r\n }\r\n\r\n .gif-card {\r\n position: relative;\r\n overflow: hidden;\r\n border-radius: 15px;\r\n transition: all 0.3s ease;\r\n aspect-ratio: 16 \/ 9;\r\n }\r\n\r\n .gif-card img {\r\n width: 100%;\r\n height: 100%;\r\n object-fit: cover;\r\n display: block;\r\n transition: transform 0.3s ease;\r\n }\r\n\r\n .gif-card:hover, .gif-card:focus {\r\n transform: translateY(-10px);\r\n box-shadow: 0 20px 40px rgba(255, 107, 53, 0.2);\r\n outline: none;\r\n }\r\n\r\n .gif-card:hover img, .gif-card:focus img {\r\n transform: scale(1.1);\r\n }\r\n\r\n \/* Footer with social links and Dexscreener embed *\/\r\n .footer {\r\n background: linear-gradient(135deg, #1a1a1a, #000);\r\n padding: 3rem 2rem;\r\n text-align: center;\r\n border-top: 1px solid rgba(255, 107, 53, 0.3);\r\n }\r\n\r\n .footer-content {\r\n max-width: 1400px;\r\n margin: 0 auto;\r\n }\r\n\r\n .social-links {\r\n display: flex;\r\n justify-content: center;\r\n gap: 2rem;\r\n margin-bottom: 2rem;\r\n }\r\n\r\n .social-link {\r\n width: 50px;\r\n height: 50px;\r\n border-radius: 50%;\r\n background: linear-gradient(45deg, #ff6b35, #ffa500);\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n text-decoration: none;\r\n color: white;\r\n transition: all 0.3s ease;\r\n font-size: 1.5rem;\r\n box-shadow: 0 5px 15px rgba(255, 107, 53, 0.3);\r\n }\r\n\r\n .social-link:hover, .social-link:focus {\r\n transform: translateY(-5px) scale(1.1);\r\n box-shadow: 0 10px 30px rgba(255, 107, 53, 0.5);\r\n outline: none;\r\n }\r\n\r\n \/* Dexscreener Embed responsive container *\/\r\n #dexscreener-embed {\r\n position: relative;\r\n width: 100%;\r\n padding-bottom: 65%;\r\n margin: 2rem 0;\r\n }\r\n\r\n #dexscreener-embed iframe {\r\n position: absolute;\r\n width: 100%;\r\n height: 100%;\r\n top: 0;\r\n left: 0;\r\n border: 0;\r\n border-radius: 10px;\r\n }\r\n\r\n \/* General keyframe animations *\/\r\n @keyframes fadeInUp {\r\n from {\r\n opacity: 0;\r\n transform: translateY(30px);\r\n }\r\n to {\r\n opacity: 1;\r\n transform: translateY(0);\r\n }\r\n }\r\n\r\n @keyframes pulse {\r\n 0%, 100% { transform: scale(1); }\r\n 50% { transform: scale(1.05); }\r\n }\r\n\r\n \/* Responsive design for different screen sizes *\/\r\n @media (max-width: 768px) {\r\n .nav-links {\r\n display: none;\r\n flex-direction: column;\r\n position: absolute;\r\n top: 100%;\r\n left: 0;\r\n right: 0;\r\n background: rgba(0, 0, 0, 0.95);\r\n padding: 1rem;\r\n gap: 1rem;\r\n }\r\n\r\n .nav-links.active {\r\n display: flex;\r\n }\r\n\r\n .hamburger {\r\n display: block;\r\n }\r\n\r\n .hero-title {\r\n font-size: 2.5rem;\r\n }\r\n\r\n .section-title {\r\n font-size: 2rem;\r\n }\r\n\r\n .nav {\r\n padding: 1rem;\r\n }\r\n\r\n .section {\r\n padding: 3rem 1rem;\r\n }\r\n\r\n .logo img {\r\n width: 100px;\r\n }\r\n\r\n .locations-grid, .gif-grid, .story-grid {\r\n grid-template-columns: 1fr;\r\n }\r\n\r\n .cta-button, .copy-button {\r\n padding: 0.8rem 2rem;\r\n font-size: 1rem;\r\n }\r\n\r\n #dexscreener-embed {\r\n padding-bottom: 100%;\r\n }\r\n }\r\n\r\n @media (max-width: 480px) {\r\n .hero-title {\r\n font-size: 2rem;\r\n }\r\n\r\n .hero-subtitle {\r\n font-size: 1rem;\r\n }\r\n\r\n .section-title {\r\n font-size: 1.8rem;\r\n }\r\n\r\n .logo img {\r\n width: 80px;\r\n }\r\n\r\n #dexscreener-embed {\r\n padding-bottom: 120%;\r\n }\r\n }\r\n\r\n @media (min-width: 1024px) and (max-width: 1200px) {\r\n .locations-grid {\r\n grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n <div class=\"scroll-progress\"><\/div>\r\n <div class=\"cursor-follower\"><\/div>\r\n\r\n <!-- Navigation Bar -->\r\n <nav class=\"nav-container\">\r\n <div class=\"nav\">\r\n <div class=\"logo\">\r\n <img decoding=\"async\" src=\"https:\/\/ik.imagekit.io\/leonida\/leonida_logo_t5wdep.jpg?updatedAt=1753996288286\" alt=\"$LEONIDA Project Logo\" loading=\"lazy\">\r\n <\/div>\r\n <button class=\"hamburger\" aria-label=\"Toggle Navigation\" aria-expanded=\"false\">\u2630<\/button>\r\n <ul class=\"nav-links\">\r\n <li><a href=\"#home\" data-section=\"home\" aria-label=\"Home Section\">Home<\/a><\/li>\r\n <li><a href=\"#story\" data-section=\"story\" aria-label=\"Story Section\">Story<\/a><\/li>\r\n <li><a href=\"#locations\" data-section=\"locations\" aria-label=\"Locations Section\">Locations<\/a><\/li>\r\n <li><a href=\"#gifs\" data-section=\"gifs\" aria-label=\"Media Section\">Media<\/a><\/li>\r\n <\/ul>\r\n <\/div>\r\n <\/nav>\r\n\r\n <!-- Hero Section with a dynamic slideshow -->\r\n <section id=\"home\" class=\"hero\">\r\n <div class=\"hero-slideshow\">\r\n <div class=\"hero-slide\" style=\"background-image: url('https:\/\/ik.imagekit.io\/leonida\/Port_Gellhorn_Postcard_landscape_yyljbz.jpg?updatedAt=1753996306395');\"><\/div>\r\n <div class=\"hero-slide\" style=\"background-image: url('https:\/\/ik.imagekit.io\/leonida\/gta-6-gta-vi_5_op4jdk.gif?updatedAt=1753996286654');\"><\/div>\r\n <div class=\"hero-slide\" style=\"background-image: url('https:\/\/ik.imagekit.io\/leonida\/Vice_City_07.c1ec0b18_hkbevd.jpg?updatedAt=1753996251209');\"><\/div>\r\n <div class=\"hero-slide\" style=\"background-image: url('https:\/\/ik.imagekit.io\/leonida\/Vice_City_02.1c840675_m3urhw.jpg?updatedAt=1753996250886');\"><\/div>\r\n <div class=\"hero-slide\" style=\"background-image: url('https:\/\/ik.imagekit.io\/leonida\/Vice_City_01.332891cf_jfpevw.jpg?updatedAt=1753996250769');\"><\/div>\r\n <div class=\"hero-slide\" style=\"background-image: url('https:\/\/ik.imagekit.io\/leonida\/Vice_City_08.a5c9c85d_dhtdyr.jpg?updatedAt=1753996251978');\"><\/div>\r\n <\/div>\r\n <div class=\"hero-content\">\r\n <h1 class=\"hero-title\">$LEONIDA<\/h1>\r\n <p class=\"hero-subtitle\">Enter a world where legends are born and destinies are forged<\/p>\r\n <div class=\"cta-buttons\">\r\n <a href=\"https:\/\/dexscreener.com\/solana\/az7glmdji2iqlqpdgoxdgzty3yskwje2bswhh2hbceqa\" class=\"cta-button\">Buy $LEONIDA<\/a>\r\n <button class=\"copy-button\" data-copy=\"Az7gLMdJi2iQLQPDgoXdGzTy3YsKWJe2BsWHH2hbCEQA\" aria-label=\"Copy $LEONIDA contract address\">Contract Address<\/button>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- Story Section -->\r\n <section id=\"story\" class=\"section\">\r\n <h2 class=\"section-title\">The Story Unfolds<\/h2>\r\n <p style=\"text-align: center; font-size: 1.2rem; margin-bottom: 2rem; opacity: 0.9;\">\r\n In the mystical realm of $LEONIDA, ancient powers stir and forgotten legends awaken. \r\n Your journey begins at the crossroads of destiny.\r\n <\/p>\r\n <div class=\"story-grid\">\r\n <div class=\"story-card\" tabindex=\"0\">\r\n <h3 style=\"color: #ff6b35; margin-bottom: 1rem;\">Chapter I: The Awakening<\/h3>\r\n <p>Deep within the Crimson Valleys, an ancient artifact pulses with otherworldly energy. The balance of power shifts as old alliances crumble and new threats emerge from the shadows.<\/p>\r\n <\/div>\r\n <div class=\"story-card\" tabindex=\"0\">\r\n <h3 style=\"color: #ff6b35; margin-bottom: 1rem;\">Chapter II: Forged in Fire<\/h3>\r\n <p>Navigate through treacherous landscapes where every decision shapes your path. Form unlikely alliances and face moral dilemmas that test your resolve and define your legacy.<\/p>\r\n <\/div>\r\n <div class=\"story-card\" tabindex=\"0\">\r\n <h3 style=\"color: #ff6b35; margin-bottom: 1rem;\">Chapter III: Rise of Legends<\/h3>\r\n <p>As chaos spreads across the land, heroes must rise to face an unprecedented threat. Master ancient arts, forge legendary weapons, and unite the fractured kingdoms of $LEONIDA.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- Locations Section -->\r\n <section id=\"locations\" class=\"section\">\r\n <h2 class=\"section-title\">Explore $LEONIDA<\/h2>\r\n <div class=\"locations-grid\">\r\n <!-- Updated Location Cards with new image links -->\r\n <div class=\"location-card\" style=\"background-image: url('https:\/\/ik.imagekit.io\/leonida\/Vice_City_Postcard_landscape_jxipl9.jpg?updatedAt=1753996252295');\" tabindex=\"0\">\r\n <div class=\"location-content\">\r\n <h3 style=\"color: #ff6b35; margin-bottom: 1rem;\">Vice City<\/h3>\r\n <p>A vibrant metropolis pulsing with neon lights and endless possibilities. Navigate its bustling streets and uncover secrets hidden in plain sight.<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"location-card\" style=\"background-image: url('https:\/\/ik.imagekit.io\/leonida\/Port_Gellhorn_Postcard_landscape_yyljbz.jpg?updatedAt=1753996306395');\" tabindex=\"0\">\r\n <div class=\"location-content\">\r\n <h3 style=\"color: #ff6b35; margin-bottom: 1rem;\">Port Gellhorn<\/h3>\r\n <p>A coastal hub of trade and intrigue, where ships dock and stories unfold. Explore the docks and dive into the underbelly of $LEONIDA's commerce.<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"location-card\" style=\"background-image: url('https:\/\/ik.imagekit.io\/leonida\/Mount_Kalaga_National_Park_Postcard_landscape_csc159.jpg?updatedAt=1753996300241');\" tabindex=\"0\">\r\n <div class=\"location-content\">\r\n <h3 style=\"color: #ff6b35; margin-bottom: 1rem;\">Mount Kalaga National Park<\/h3>\r\n <p>A pristine wilderness with towering peaks and hidden valleys. Discover ancient ruins and face the untamed beauty of nature.<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"location-card\" style=\"background-image: url('https:\/\/ik.imagekit.io\/leonida\/Leonida_Keys_Postcard_landscape_glpazj.jpg?updatedAt=1753996284758');\" tabindex=\"0\">\r\n <div class=\"location-content\">\r\n <h3 style=\"color: #ff6b35; margin-bottom: 1rem;\">Leonida Keys<\/h3>\r\n <p>A chain of tropical islands with crystal waters and hidden coves. Uncover pirate legends and buried treasures in this paradise.<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"location-card\" style=\"background-image: url('https:\/\/ik.imagekit.io\/leonida\/Ambrosia_Postcard_landscape_ovzchq.jpg?updatedAt=1753996251954');\" tabindex=\"0\">\r\n <div class=\"location-content\">\r\n <h3 style=\"color: #ff6b35; margin-bottom: 1rem;\">Ambrosia<\/h3>\r\n <p>A lush, verdant region with sprawling fields and quaint towns. Experience the heart of $LEONIDA's agricultural soul.<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"location-card\" style=\"background-image: url('https:\/\/ik.imagekit.io\/leonida\/Grassrivers_Postcard_landscape_f5sdcp.jpg?updatedAt=1753996252231');\" tabindex=\"0\">\r\n <div class=\"location-content\">\r\n <h3 style=\"color: #ff6b35; margin-bottom: 1rem;\">Grassrivers<\/h3>\r\n <p>A serene landscape of winding rivers and dense wetlands. Navigate its waterways to uncover hidden ecosystems and ancient secrets.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- Animated GIF Section -->\r\n <section id=\"gifs\" class=\"gif-section section\">\r\n <h2 class=\"section-title\">$LEONIDA in Motion<\/h2>\r\n <div class=\"gif-grid\">\r\n <!-- Updated GIF Gallery with new links and descriptive alt tags -->\r\n <div class=\"gif-card\" tabindex=\"0\">\r\n <img decoding=\"async\" src=\"https:\/\/ik.imagekit.io\/leonida\/sticker_rml9n1.gif?updatedAt=1753996247655\" alt=\"Animated sticker of a palm tree.\" loading=\"lazy\">\r\n <\/div>\r\n <div class=\"gif-card\" tabindex=\"0\">\r\n <img decoding=\"async\" src=\"https:\/\/ik.imagekit.io\/leonida\/gta-6-gta-5_owuxr1.gif?updatedAt=1753996246441\" alt=\"GIF of a classic car driving in a city at night.\" loading=\"lazy\">\r\n <\/div>\r\n <div class=\"gif-card\" tabindex=\"0\">\r\n <img decoding=\"async\" src=\"https:\/\/ik.imagekit.io\/leonida\/gta-6-gta-vi_2_acgutb.gif?updatedAt=1753996286603\" alt=\"GIF of a man walking in a city street.\" loading=\"lazy\">\r\n <\/div>\r\n <div class=\"gif-card\" tabindex=\"0\">\r\n <img decoding=\"async\" src=\"https:\/\/ik.imagekit.io\/leonida\/gta-6-gta-vi_1_kgvf6m.gif?updatedAt=1753996286558\" alt=\"GIF of a couple walking down a beach at sunset.\" loading=\"lazy\">\r\n <\/div>\r\n <div class=\"gif-card\" tabindex=\"0\">\r\n <img decoding=\"async\" src=\"https:\/\/ik.imagekit.io\/leonida\/Leonida_Keys_01.1af17390_u9y3as.jpg?updatedAt=1753996288180\" alt=\"Image of a neon-lit nightclub interior.\" loading=\"lazy\">\r\n <\/div>\r\n <div class=\"gif-card\" tabindex=\"0\">\r\n <img decoding=\"async\" src=\"https:\/\/ik.imagekit.io\/leonida\/gta-6-gta-vi_pzwc1o.gif?updatedAt=1753996286733\" alt=\"GIF of a character running with a futuristic weapon.\" loading=\"lazy\">\r\n <\/div> \r\n <div class=\"gif-card\" tabindex=\"0\">\r\n <img decoding=\"async\" src=\"https:\/\/ik.imagekit.io\/leonida\/sticker_1_mfn8ei.gif?updatedAt=1753996305554\" alt=\"Animated sticker with a palm tree and a car.\" loading=\"lazy\">\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- Footer -->\r\n <footer class=\"footer\">\r\n <div class=\"footer-content\">\r\n <div class=\"social-links\">\r\n <!-- Social links can be added here with proper aria-labels and hrefs -->\r\n <\/div>\r\n <div id=\"dexscreener-embed\">\r\n <iframe src=\"https:\/\/dexscreener.com\/solana\/Az7gLMdJi2iQLQPDgoXdGzTy3YsKWJe2BsWHH2hbCEQA?embed=1&loadChartSettings=0&tabs=0&chartLeftToolbar=0&chartTimeframesToolbar=0&loadChartSettings=0&chartDefaultOnMobile=1&chartTheme=dark&theme=dark&chartStyle=0&chartType=usd&interval=15\" title=\"Dexscreener Chart\" loading=\"lazy\"><\/iframe>\r\n <\/div>\r\n <p>\u00a9 2025 $LEONIDA, NO RIGHTS RESERVED. JUST A MEME COIN.<\/p>\r\n <\/div>\r\n <\/footer>\r\n\r\n <script>\r\n \/\/ Scroll progress indicator\r\n function updateScrollProgress() {\r\n const scrollTop = window.pageYOffset || document.documentElement.scrollTop;\r\n const docHeight = document.documentElement.scrollHeight - window.innerHeight;\r\n const scrollPercent = docHeight > 0 ? (scrollTop \/ docHeight) * 100 : 0;\r\n const scrollProgress = document.querySelector('.scroll-progress');\r\n if (scrollProgress) {\r\n scrollProgress.style.width = `${scrollPercent}%`;\r\n }\r\n }\r\n\r\n \/\/ Section visibility animation\r\n function animateSections() {\r\n const sections = document.querySelectorAll('.section');\r\n sections.forEach(section => {\r\n if (!section) return;\r\n const rect = section.getBoundingClientRect();\r\n if (rect.top < window.innerHeight * 0.8 && rect.bottom > 0) {\r\n section.classList.add('visible');\r\n }\r\n });\r\n }\r\n\r\n \/\/ Smooth scroll to section\r\n function scrollToSection(sectionId) {\r\n const section = document.getElementById(sectionId);\r\n const navLinks = document.querySelector('.nav-links');\r\n if (section) {\r\n const yOffset = -50; \/\/ Adjusted for new non-sticky nav\r\n const y = section.getBoundingClientRect().top + window.pageYOffset + yOffset;\r\n window.scrollTo({ top: y, behavior: 'smooth' });\r\n }\r\n if (navLinks && navLinks.classList.contains('active')) {\r\n navLinks.classList.remove('active');\r\n const hamburger = document.querySelector('.hamburger');\r\n if (hamburger) {\r\n hamburger.setAttribute('aria-expanded', 'false');\r\n hamburger.textContent = '\u2630';\r\n }\r\n }\r\n }\r\n\r\n \/\/ Cursor follower effect\r\n function initCursorFollower() {\r\n const follower = document.querySelector('.cursor-follower');\r\n if (!follower) return;\r\n let mouseX = 0, mouseY = 0;\r\n let followerX = 0, followerY = 0;\r\n\r\n function animateFollower() {\r\n followerX += (mouseX - followerX) * 0.1;\r\n followerY += (mouseY - followerY) * 0.1;\r\n follower.style.transform = `translate(${followerX}px, ${followerY}px)`;\r\n requestAnimationFrame(animateFollower);\r\n }\r\n\r\n document.addEventListener('mousemove', (e) => {\r\n mouseX = e.clientX;\r\n mouseY = e.clientY;\r\n });\r\n\r\n animateFollower();\r\n\r\n \/\/ Optimize for touch devices\r\n if ('ontouchstart' in window) {\r\n follower.style.display = 'none';\r\n }\r\n }\r\n\r\n \/\/ Hero slideshow\r\n function initSlideshow() {\r\n const slides = document.querySelectorAll('.hero-slide');\r\n if (slides.length === 0) return;\r\n let currentSlide = 0;\r\n\r\n function showSlide(index) {\r\n slides.forEach((slide, i) => {\r\n if (slide) slide.classList.toggle('active', i === index);\r\n });\r\n }\r\n\r\n function nextSlide() {\r\n currentSlide = (currentSlide + 1) % slides.length;\r\n showSlide(currentSlide);\r\n }\r\n\r\n showSlide(currentSlide);\r\n const interval = setInterval(nextSlide, 5000);\r\n\r\n \/\/ Pause slideshow when not visible\r\n const observer = new IntersectionObserver((entries) => {\r\n if (!entries[0].isIntersecting) {\r\n clearInterval(interval);\r\n } else {\r\n \/\/ Re-establish interval if re-entering viewport\r\n const newInterval = setInterval(nextSlide, 5000);\r\n \/\/ Clear the old interval to prevent multiple intervals running\r\n window.addEventListener('unload', () => clearInterval(newInterval));\r\n }\r\n }, { threshold: 0 });\r\n observer.observe(document.querySelector('.hero'));\r\n\r\n window.addEventListener('unload', () => clearInterval(interval));\r\n }\r\n\r\n \/\/ Copy button functionality with fallback for clipboard access issues\r\n function initCopyButton() {\r\n const copyButtons = document.querySelectorAll('.copy-button');\r\n copyButtons.forEach(button => {\r\n if (!button) return;\r\n button.addEventListener('click', async () => {\r\n const text = button.getAttribute('data-copy');\r\n if (!text) return;\r\n try {\r\n await navigator.clipboard.writeText(text);\r\n button.classList.add('copied');\r\n setTimeout(() => button.classList.remove('copied'), 2000);\r\n } catch (err) {\r\n const tempInput = document.createElement('textarea');\r\n tempInput.value = text;\r\n document.body.appendChild(tempInput);\r\n tempInput.select();\r\n try {\r\n document.execCommand('copy');\r\n button.classList.add('copied');\r\n setTimeout(() => button.classList.remove('copied'), 2000);\r\n } catch (err2) {\r\n console.error('Fallback copy failed:', err2);\r\n } finally {\r\n document.body.removeChild(tempInput);\r\n }\r\n }\r\n });\r\n });\r\n }\r\n\r\n \/\/ Hamburger menu toggle\r\n function initHamburgerMenu() {\r\n const hamburger = document.querySelector('.hamburger');\r\n const navLinks = document.querySelector('.nav-links');\r\n if (hamburger && navLinks) {\r\n hamburger.addEventListener('click', () => {\r\n const isActive = navLinks.classList.toggle('active');\r\n hamburger.setAttribute('aria-expanded', isActive);\r\n hamburger.textContent = isActive ? '\u2715' : '\u2630';\r\n });\r\n }\r\n }\r\n\r\n \/\/ Initialize all features on DOM content load\r\n document.addEventListener('DOMContentLoaded', () => {\r\n initCursorFollower();\r\n initSlideshow();\r\n initCopyButton();\r\n initHamburgerMenu();\r\n animateSections();\r\n\r\n window.addEventListener('scroll', () => {\r\n updateScrollProgress();\r\n animateSections();\r\n });\r\n\r\n \/\/ Navigation link effects\r\n const navLinks = document.querySelectorAll('.nav-links a');\r\n navLinks.forEach(link => {\r\n if (!link) return;\r\n link.addEventListener('click', (e) => {\r\n e.preventDefault();\r\n const sectionId = link.getAttribute('data-section');\r\n if (sectionId) scrollToSection(sectionId);\r\n });\r\n });\r\n\r\n \/\/ Preload critical images for faster loading\r\n const preloadImages = [\r\n 'https:\/\/res.cloudinary.com\/dltz1kxqq\/image\/upload\/e_background_removal\/e_dropshadow:azimuth_220;elevation_60;spread_20\/f_png\/v1748953857\/leonida_logo_t5wdep.jpg',\r\n 'https:\/\/ik.imagekit.io\/leonida\/Port_Gellhorn_Postcard_landscape_yyljbz.jpg?updatedAt=1753996306395'\r\n ];\r\n preloadImages.forEach(src => {\r\n const img = new Image();\r\n img.src = src;\r\n });\r\n });\r\n <\/script>\r\n<\/body>\r\n<\/html>\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>$LEONIDA – Enter the Frontier<\/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-11","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/leonidagta6.xyz\/index.php?rest_route=\/wp\/v2\/pages\/11","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/leonidagta6.xyz\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/leonidagta6.xyz\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/leonidagta6.xyz\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/leonidagta6.xyz\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=11"}],"version-history":[{"count":4,"href":"https:\/\/leonidagta6.xyz\/index.php?rest_route=\/wp\/v2\/pages\/11\/revisions"}],"predecessor-version":[{"id":15,"href":"https:\/\/leonidagta6.xyz\/index.php?rest_route=\/wp\/v2\/pages\/11\/revisions\/15"}],"wp:attachment":[{"href":"https:\/\/leonidagta6.xyz\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=11"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}