HyMine Network | RoadMap/title> <meta name="description" content="Únete a HyMine Network, el mejor servidor Survival 1.20+ con Clanes, Economía, Dungeons y una comunidad increíble. Compatible con Java y Bedrock. IP: hymine.us"> <meta name="keywords" content="minecraft, servidor, survival, hymine, 1.20, bedrock, java, clanes, economia, español"> <meta name="theme-color" content="#3b82f6"> <meta property="og:type" content="website"> <meta property="og:url" content="https://hymine.us/"> <meta property="og:title" content="HyMine Network - Aventura Survival"> <meta property="og:description" content="Entra ahora y domina el mundo. IP: hymine.us (1.20+)"> <meta property="og:image" content="https://hymine.us/hymine-bg.webp"> <meta name="twitter:card" content="summary_large_image"> <meta name="twitter:title" content="HyMine Network"> <meta name="twitter:description" content="El mejor Survival Custom. ¡Te esperamos!"> <meta name="twitter:image" content="https://hymine.us/hymine-bg.webp"> <link rel="icon" type="image/webp" href="hymine-logo.webp"> <link href="https://fonts.googleapis.com/css2?family=Outfit:wght@400;600;800&family=Fira+Code:wght@400;600&display=swap" rel="stylesheet"> <script src="https://unpkg.com/@phosphor-icons/web"></script> <link rel="stylesheet" href="style.min.css"> </head> <body> <nav class="glass-nav"> <div class="container nav-content"> <a href="index.html" class="logo"> <img src="hymine-logo.webp" alt="HyMine Logo" class="logo-img"> </a> <div class="nav-links"> <a href="index.html">Inicio</a> <a href="wiki.html">Wiki</a> <a href="staff.html">Equipo</a> <a href="https://discord.hymine.us">Discord</a> </div> <div class="nav-pills"> <a href="https://tienda.hymine.us" target="_blank" class="shop-pill"> <i class="ph-fill ph-shopping-bag"></i> <span>Tienda</span> </a> <div class="server-ip-pill" onclick="copyIP()"> <div class="dot online"></div> <span id="ip-text">hymine.us</span> </div> </div> </div> </nav> <header class="hero staff-hero"> <div class="container hero-content"> <div class="hero-text"> <h1>Estado de <span class="gradient-text-dev">Marea Alta</span></h1> <p>Sigue el progreso del desarrollo de esta modalidad única.</p> </div> </div> <div class="hero-overlay"></div> </header> <main class="container main-content"> <div class="dev-dashboard"> <div class="card progress-overview"> <div class="progress-header"> <h3>Progreso Total</h3> <span id="status-badge" class="status-badge">Cargando...</span> </div> <div class="circular-progress-container"> <svg class="progress-ring" width="160" height="160"> <circle class="progress-ring__circle-bg" stroke="rgba(255,255,255,0.1)" stroke-width="12" fill="transparent" r="70" cx="80" cy="80"/> <circle class="progress-ring__circle" stroke="#22d3ee" stroke-width="12" fill="transparent" r="70" cx="80" cy="80"/> </svg> <div class="progress-text"> <span id="percent-number">0%</span> </div> </div> <p class="progress-note">Proyecto: <strong id="project-name">...</strong></p> </div> <div class="card dev-console"> <div class="console-header"> <div class="console-dots"> <span class="dot red"></span> <span class="dot yellow"></span> <span class="dot green"></span> </div> <span class="console-title">server_logs.log — bash</span> </div> <div class="console-body" id="console-output"> <div class="log-line"><span class="log-time">[10:00:01]</span> Inicializando sistema...</div> </div> </div> </div> <h2 class="section-title"><i class="ph-fill ph-map-trifold"></i> Hitos del Proyecto</h2> <div class="roadmap-steps" id="roadmap-steps-container"> </div> </main> <footer class="modern-footer"> <div class="container"> <div class="footer-content"> <div class="footer-section"> <h3>HyMine Network</h3> <p>La mejor experiencia Survival de Minecraft.</p> <div class="footer-socials"> <a href="https://discord.hymine.us" title="Discord" class="social-icon" target="_blank" rel="noopener"> <i class="ph-fill ph-discord-logo"></i> </a> <a href="https://www.tiktok.com/@hyminemcnw" title="TikTok" class="social-icon" target="_blank" rel="noopener"> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-tiktok" viewBox="0 0 16 16" aria-hidden="true" role="img"> <path d="M9 0h1.98c.144.715.54 1.617 1.235 2.512C12.895 3.389 13.797 4 15 4v2c-1.753 0-3.07-.814-4-1.829V11a5 5 0 1 1-5-5v2a3 3 0 1 0 3 3z"/> </svg> </a> <a href="https://www.youtube.com/@Hyminemc" title="YouTube" class="social-icon" target="_blank" rel="noopener"> <i class="ph-fill ph-youtube-logo"></i> </a> </div> </div> <div class="footer-section"> <h4>Navegación</h4> <ul> <li><a href="#">Inicio</a></li> <li><a href="https://tienda.hymine.us" target="_blank">Tienda</a></li> <li><a href="https://discord.hymine.us" target="_blank">Discord</a></li> <li><a href="wiki.html">Wiki</a></li> </ul> </div> <div class="footer-section"> <h4>Soporte</h4> <ul> <li><a href="mailto:contacto@hymine.us">contacto@hymine.us</a></li> </ul> </div> <div class="footer-section"> <h4>Server</h4> <ul> <li><strong>IP:</strong> hymine.us</li> <li><strong>Versión:</strong> 1.20+</li> <li><strong>Estado:</strong> <span class="status-online">Online</span></li> <li><strong>Jugadores:</strong> <span id="footer-player-count">0</span>/100</li> </ul> </div> </div> <div class="footer-bottom"> <p>© 2025 Lirium Club. Todos los derechos reservados.</p> </div> </div> </footer> <script src="script.min.js"></script> </body> </html>