This commit is contained in:
2025-02-26 02:43:00 +08:00
parent d94c74ee5f
commit ab9af6191d
7 changed files with 131 additions and 29 deletions

View File

@@ -4,7 +4,7 @@
<dl class="items grid grid-cols-1 gap-2 overflow-hidden rounded-2xl text-center sm:grid-cols-2 lg:grid-cols-4">
<!-- ssd -->
<div class="fade-in flex flex-col justify-center items-center bg-transparent p-3">
<div class="tooltip rounded-[1.5rem] ring-1 ring-black/5 py-6 shadow-md shadow-black/5">
<div class="tooltip rounded-[1.5rem] ring-1 bg-gray-50 ring-black/5 py-6 shadow-md shadow-black/5">
<span class="tooltiptext">The total amount of storage (SSD, HDD, & RAM) on the grid.</span>
<dt class="text-sm/6 font-light text-black">SSD CAPACITY</dt>
<dd id="ssd" class="order-first text-3xl font-semibold tracking-tight text-black"></dd>
@@ -12,7 +12,7 @@
</div>
<!-- cores -->
<div class="fade-in flex flex-col bg-transparent p-4">
<div class="tooltip rounded-[1.5rem] ring-1 ring-black/5 py-6 shadow-md shadow-black/5">
<div class="tooltip rounded-[1.5rem] ring-1 bg-gray-50 ring-black/5 py-6 shadow-md shadow-black/5">
<span class="tooltiptext">The total number of Central Processing Unit cores (compute power) available on the grid.</span>
<dt class="text-sm/6 font-light text-black">CORES</dt>
<dd id="cores" class="order-first text-3xl font-semibold tracking-tight text-black"></dd>
@@ -20,7 +20,7 @@
</div>
<!-- Nodes -->
<div class="fade-in flex flex-col bg-transparent p-4">
<div class="tooltip rounded-[1.5rem] ring-1 ring-black/5 py-6 shadow-md shadow-black/5">
<div class="tooltip rounded-[1.5rem] ring-1 bg-gray-50 ring-black/5 py-6 shadow-md shadow-black/5">
<span class="tooltiptext">The total number of nodes on the grid. A node is a computer server 100% dedicated to the network.</span>
<dt class="text-sm/6 font-light text-black">NODES</dt>
<dd id="nodes" class="order-first text-3xl font-semibold tracking-tight text-black"></dd>
@@ -28,7 +28,7 @@
</div>
<!-- countries -->
<div class="fade-in flex flex-col bg-transparent p-4">
<div class="tooltip rounded-[1.5rem] ring-1 ring-black/5 py-6 shadow-md shadow-black/5">
<div class="tooltip rounded-[1.5rem] ring-1 bg-gray-50 ring-black/5 py-6 shadow-md shadow-black/5">
<span class="tooltiptext">The total number of countries where at least one node is connected and operational.</span>
<dt class="text-sm/6 font-light text-black">COUNTRIES</dt>
<dd id="countries" class="order-first text-3xl font-semibold tracking-tight text-black"></dd>
@@ -36,16 +36,16 @@
</div>
</dl>
</div>
</div>
<div class="mt-10 flex items-center justify-center gap-x-8">
</div><div class="mt-12 lg:mt-16 flex flex-col lg:flex-row items-center justify-center gap-x-8">
<a href="https://threefold.io"
target="_blank"
class="fade-in rounded-2xl bg-black px-4 py-2.5 text-sm font-semibold text-white shadow-sm hover:text-gray-800 hover:bg-green focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2">
Visit ThreeFold</a>
<a href="https://dashboard.grid.tf/#/tf-grid/node-statistics/" target="_blank" class="fade-in text-base font-semibold text-black hover:text-gray-800 ">Explore Grid Capacity<span
<a href="https://dashboard.grid.tf/#/tf-grid/node-statistics/" target="_blank" class="fade-in text-base font-semibold text-black hover:text-gray-800 lg:mt-0 mt-8">Explore Grid Capacity<span
aria-hidden="true"></span></a>
</div>
</div>
<script>
document.addEventListener('DOMContentLoaded', function () {