ourworld_web/www_threefold_io
23
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

update griddd stats

Browse Source
This commit is contained in:
Ehab Hassan
2024-12-18 19:14:35 +02:00
parent b0b843692b
commit da3ac090de
2 changed files with 5 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
static/js/custom.js
View File

@@ -180,7 +180,7 @@ async function getStats() {
function formatStatsData(stats) { function formatStatsData(stats) {
let items = document.querySelector(".items"); let items = document.querySelector(".items");
items.classList.remove("animate-pulse"); items.classList.remove("animate-pulse");
document.getElementById("capacity").innerHTML = stats.capacity; document.getElementById("ssd").innerHTML = stats.ssd;
document.getElementById("nodes").innerHTML = stats.nodes; document.getElementById("nodes").innerHTML = stats.nodes;
document.getElementById("countries").innerHTML = stats.countries; document.getElementById("countries").innerHTML = stats.countries;
document.getElementById("cores").innerHTML = stats.cores document.getElementById("cores").innerHTML = stats.cores

8
templates/partials/home/grid_stats.html
View File

@@ -8,12 +8,12 @@
<p class="mx-auto mt-6 max-w-3xl text-pretty lg:text-xl text-lg font-light text-gray-200 fade-in">Version 3.15 is live on Mainnet.</p> <p class="mx-auto mt-6 max-w-3xl text-pretty lg:text-xl text-lg font-light text-gray-200 fade-in">Version 3.15 is live on Mainnet.</p>
</div> </div>
<dl class="items mt-16 grid grid-cols-1 gap-2 overflow-hidden rounded-2xl text-center sm:grid-cols-2 lg:grid-cols-4"> <dl class="items mt-16 grid grid-cols-1 gap-2 overflow-hidden rounded-2xl text-center sm:grid-cols-2 lg:grid-cols-4">
<!-- capacity --> <!-- ssd -->
<div class="fade-in flex flex-col justify-center items-center bg-white/5 p-6"> <div class="fade-in flex flex-col justify-center items-center bg-white/5 p-6">
<div class="tooltip"> <div class="tooltip">
<span class="tooltiptext">The total amount of storage (SSD, HDD, & RAM) on the grid. 1 petabyte equals roughly 1 million gigabytes.</span> <span class="tooltiptext">The total amount of storage (SSD, HDD, & RAM) on the grid. 1 petabyte equals roughly 1 million gigabytes.</span>
<dt class="text-sm/6 font-light text-gray-300">CAPACITY</dt> <dt class="text-sm/6 font-light text-gray-300">SSD CAPACITY</dt>
<dd id="capacity" class="order-first text-3xl font-semibold tracking-tight text-white"></dd> <dd id="ssd" class="order-first text-3xl font-semibold tracking-tight text-white"></dd>
</div> </div>
</div> </div>
<!-- cores --> <!-- cores -->
@@ -54,7 +54,7 @@
<script> <script>
document.addEventListener('DOMContentLoaded', function () { document.addEventListener('DOMContentLoaded', function () {
// Initialize the countUp for each of the numbers // Initialize the countUp for each of the numbers
new CountUp('capacity', 0, 1910, 0, 2.5).start(); new CountUp('ssd', 0, 1910, 0, 2.5).start();
new CountUp('cores', 0, 46934, 0, 2.5).start(); new CountUp('cores', 0, 46934, 0, 2.5).start();
new CountUp('nodes', 0, 1596, 0, 2.5).start(); new CountUp('nodes', 0, 1596, 0, 2.5).start();
new CountUp('countries', 0, 40, 0, 2.5).start(); new CountUp('countries', 0, 40, 0, 2.5).start();