108 lines
4.7 KiB
HTML
108 lines
4.7 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="de">
|
|
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>Void-Genesis | Sektor</title>
|
|
<link rel="stylesheet" href="style.css">
|
|
</head>
|
|
|
|
<body>
|
|
<div id="game-wrapper">
|
|
<div id="pixi-container"></div>
|
|
|
|
<div id="ui-layer">
|
|
<div id="ui-safe-zone">
|
|
|
|
<div id="sector-top-bar">
|
|
<div class="top-bar-left">
|
|
<span class="sector-name">Sektor: Development</span> |
|
|
<a href="#" class="inactive-link">Account Name</a> |
|
|
<a href="#" class="inactive-link">Profil bearbeiten</a>
|
|
</div>
|
|
|
|
<div class="top-bar-right">
|
|
<a href="#" class="inactive-link">Einstellungen</a> |
|
|
<a href="#" class="inactive-link">Support</a> |
|
|
<a href="http://lobby.void-genesis.de" id="btn-back-to-lobby">Zurück zur Lobby</a>
|
|
</div>
|
|
</div>
|
|
|
|
<div id="resource-header">
|
|
<div id="logo-anchor"></div>
|
|
|
|
<div id="resource-bar">
|
|
<div class="res-col" id="wrapper_res_primary" title="Lädt...">
|
|
<div class="res-box" id="box_primary"><span class="res-icon" id="icon_primary"></span></div>
|
|
<span class="res-val" id="val_res_primary">0</span>
|
|
</div>
|
|
<div class="res-col" id="wrapper_res_secondary" title="Lädt...">
|
|
<div class="res-box" id="box_secondary"><span class="res-icon" id="icon_secondary"></span></div>
|
|
<span class="res-val" id="val_res_secondary">0</span>
|
|
</div>
|
|
<div class="res-col" id="wrapper_res_fuel_base" title="Lädt...">
|
|
<div class="res-box" id="box_fuel_base"><span class="res-icon" id="icon_fuel_base"></span></div>
|
|
<span class="res-val" id="val_res_fuel_base">0</span>
|
|
</div>
|
|
<div class="res-col" id="wrapper_res_fuel_adv" title="Lädt...">
|
|
<div class="res-box" id="box_fuel_adv"><span class="res-icon" id="icon_fuel_adv"></span></div>
|
|
<span class="res-val" id="val_res_fuel_adv">0</span>
|
|
</div>
|
|
<div class="res-divider"></div>
|
|
<div class="res-col" title="Energie">
|
|
<div class="res-box" id="box_energy"><span class="res-icon" id="icon_energy"></span></div>
|
|
<span class="res-val" id="val_energy">0</span>
|
|
</div>
|
|
<div class="res-divider"></div>
|
|
<div class="res-col" id="wrapper_pop" title="Lädt...">
|
|
<div class="res-box" id="box_pop_total"><span class="res-icon" id="icon_pop_total"></span></div>
|
|
<span class="res-val" id="val_pop_total">0</span>
|
|
</div>
|
|
<div class="res-col" title="Zufriedenheit">
|
|
<div class="res-box" id="box_pop_happiness"><span class="res-icon" id="icon_happiness">😊</span></div>
|
|
<span class="res-val" id="val_pop_happiness">100%</span>
|
|
</div>
|
|
<div class="res-divider"></div>
|
|
<div class="res-col" id="wrapper_food" title="Lädt...">
|
|
<div class="res-box" id="box_food_total"><span class="res-icon" id="icon_food_total"></span></div>
|
|
<span class="res-val" id="val_res_food_total">0</span>
|
|
</div>
|
|
<div class="res-divider"></div>
|
|
<div class="res-col premium" id="wrapper_premium" title="Lädt...">
|
|
<div class="res-box" id="box_premium"><span class="res-icon" id="icon_premium"></span></div>
|
|
<span class="res-val" id="val_res_premium">0</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<nav id="side-menu-container"></nav>
|
|
|
|
<div id="planet-limit-container">
|
|
<span class="planet-limit-text">Planeten: <span id="val_planet_count">10</span> / <span id="val_planet_max">12</span></span>
|
|
</div>
|
|
|
|
<aside id="right-sidebar-container"></aside>
|
|
|
|
</div>
|
|
|
|
<footer id="game-footer">
|
|
<div class="footer-safe-area">
|
|
<div class="footer-left">v 0.0.1.0-dev (Sector)</div>
|
|
<div class="footer-center">© 2026 Void-Genesis</div>
|
|
<div class="footer-right">
|
|
<a href="https://discord.gg/agQhwDdVfK" target="_blank">Discord</a> |
|
|
<a href="https://lobby.void-genesis.de/impressum.html" target="_blank">Impressum</a> |
|
|
<a href="https://lobby.void-genesis.de/datenschutz.html" target="_blank">Datenschutz</a> |
|
|
<a href="https://lobby.void-genesis.de/agb.html" target="_blank">AGB</a> |
|
|
<a href="https://lobby.void-genesis.de/regeln.html" target="_blank">Spielregeln</a>
|
|
</div>
|
|
</div>
|
|
</footer>
|
|
|
|
</div>
|
|
</div>
|
|
|
|
<script type="module" src="src/main.js"></script>
|
|
</body>
|
|
</html> |