xbl/hoel
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

loel

Browse Source
This commit is contained in:
xbl
2026-02-01 22:11:20 +01:00
parent 99fe6d2681
commit e467c971a3
13 changed files with 2046 additions and 630 deletions
Download Patch File Download Diff File Expand all files Collapse all files
index.html
+29 -11
View File
@@ -5,6 +5,7 @@
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>hoel</title>
<link rel="stylesheet" href="style.css">
<link rel="icon" href="favicon.png" type="image/png">
</head>
<body>
<svg id="gear-icon" viewBox="0 0 24 24" fill="none" stroke="white" stroke-width="1">
@@ -40,22 +41,28 @@ a1.7 1.7 0 0 0-1.5 1z"></path>
<div class="menu-title">Game Settings</div>
<div class="menu-text">
This game uses a browser cookie to save your progress across sessions.
The cookie stores your black hole mass, consumed resources, upgrade levels and spawn timers.
By using this website, you consent to storing a cookie on your device.
</div>
<div class="menu-text">
By using this website, you consent to storing a cookie on your device.
The game periodically sends parts of your session to the server to populate the neighbour chart.
</div>
<div class="menu-text">
Sessions are hidden from the chart after 5 days and deleted from the database after 30 days of inactivity.
</div>
<button id="reset-btn" class="menu-btn danger">Reset</button>
<div id="save-status" style="margin-top: 12px; font-size: 10px; color: rgba(100, 200, 100, 0.6);"></div>
</div>
<div id="stats-panel">
<div id="total-mass"></div>
</br>
<div id="total-level" class="stat-line"></div>
<div id="total-mass"></div>
<br>
<div id="active-objects"></div>
<span id="massRate"></span>
</div>
<div id="upgrade-panel">
<div class="menu-title">Upgrades</div>
<div id="total-level" class="stat-line"></div>
<div class="upgrade-row">
</br>
<div id="spendable-mass">Available to Spend: 0 kg</div>
@@ -75,6 +82,10 @@ a1.7 1.7 0 0 0-1.5 1z"></path>
<div id="giant-level"></div>
<button id="giant-upgrade-btn" class="upgrade-btn" disabled>Upgrade (Cost: 1000 tonnes)</button>
</div>
<div class="upgrade-row">
<div id="mtype-level"></div>
<button id="mtype-upgrade-btn" class="upgrade-btn" disabled>Upgrade</button>
</div>
</div>
<!-- Leaderboard Toggle -->
@@ -106,16 +117,23 @@ a1.7 1.7 0 0 0-1.5 1z"></path>
<!-- Leaderboard Panel -->
<div id="leaderboardPanel" class="modal">
<div class="modal-content">
<div class="leaderboard-title">
<span class="rank" style="width:20px;"></span>
<span class="name" style="flex:1; min-width:80px;">Name</span>
<span id="sortMass" class="value mass" style="min-width: 115px; cursor:pointer">Mass</span>
<span id="sortAge" class="value age" style="padding-right: 30px; cursor:pointer">Age</span>
</div>
<div class="menu-title">Neighbour Chart</div>
<div class="leaderboard-title" style="">
<span class="rank"></span>
<span class="name">Name</span>
<span class="value last-seen">Seen</span>
<span id="sortMass" class="value mass">Mass</span>
<span id="sortAge" class="value age">Age</span>
</div>
<div id="leaderboardList"></div>
</div>
</div>
<svg id="hole-icon" viewBox="0 0 24 24">
<circle cx="12" cy="12" r="7" stroke="white" stroke-width="1" fill="none" />
<line x1="0" y1="12" x2="24" y2="12" stroke="white" stroke-width="1" />
</svg>
<canvas id="space"></canvas>
<script src="js/config.js"></script>