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

update stats

Browse Source
This commit is contained in:
Ehab Hassan
2022-10-19 11:18:45 +02:00
parent 765b585ef1
commit bcd579c898
6 changed files with 34 additions and 44 deletions
Download Patch File Download Diff File Expand all files Collapse all files

BIN
static/images/V3-08.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 12 KiB

BIN
static/images/V3-09.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 19 KiB

BIN
static/images/V3-10.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 22 KiB

BIN
static/images/V3-11.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 24 KiB

BIN
static/images/V3.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 277 KiB

78
templates/shortcodes/grid_stats.html
View File

@@ -1,4 +1,4 @@
{% set styles = "background-image: url('images/grid_map.png');" %}
{% set styles = "background-image: url('images/V3.png');" %}
{% set data = load_data(url="https://explorer.threefold.io/api/stats", required=false, format="json") %}
{% if data %}
{% set capacity = data.hru + data.sru / 1000 %}
@@ -9,66 +9,56 @@
{% if data %}
<section class="px-2 h-auto bg-center lg:py-28 p-12 bg-cover bg-no-repeat" style="{{styles}}">
<div class="flex flex-wrap text-center -mx-auto">
<div class="relative lg:max-w-6xl mx-auto">
<div class="text-center rounded lg:px-6 mt-10 lg:mt-0 mx-auto">
{{body | markdown | safe }}
<div class="my-10 grid lg:grid-cols-3 lg:gap-8">
<div class="..."></div>
<div class="my-10 grid lg:grid-cols-4 lg:gap-8">
<!-- capacity -->
<div class="leading-none font-extrabold text-5xl">
{{ capacity / 1000000 | round(precision=2) }}PB
<span class="block text-3xl uppercase">capacity</span>
<div class="flex flex-col border border-gray-50 shadow-lg bg-white py-8 my-4">
<img class="mx-auto p-4" src="images/V3-08.png" width="150" alt="">
<div class="leading-none font-extrabold text-3xl">
{{ capacity /400000 | round(precision=2) }} PB
<span class="block text-lg mt-4 font-normal capitalize">capacity</span>
</div>
<div class="..."></div>
</div>
<!-- Nodes -->
<div class="
mx-auto
rounded-full
h-32
w-32
lg:h-60 lg:w-60
inline-flex
items-center
justify-center
bg-green
my-4
">
<div class="leading-none font-extrabold md:text-6xl">
{{ nodes }}
<span class="block md:text-2xl uppercase">nodes</span>
</div>
<div class="flex flex-col border border-gray-50 shadow-lg bg-white py-8 my-4">
<img class="mx-auto p-4" src="images/V3-09.png" width="150" alt="">
<div class="leading-none font-extrabold text-3xl">
{{ nodes }}
<span class="block text-lg mt-4 font-normal capitalize">nodes</span>
</div>
<div class="hidden md:block"></div>
</div>
<!-- countries -->
<div class="
mx-auto
rounded-full
h-32
w-32
lg:h-60 lg:w-60
inline-flex
items-center
justify-center
bg-pink
">
<div class="leading-none font-extrabold md:text-6xl">
{{ countries }}
<span class="block md:text-2xl uppercase">countries</span>
</div>
<div class="flex flex-col border border-gray-50 shadow-lg bg-white py-8 my-4">
<img class="mx-auto p-4" src="images/V3-10.png" width="150" alt="">
<div class="leading-none font-extrabold text-3xl">
{{ countries }}
<span class="block text-lg mt-4 font-normal capitalize">countries</span>
</div>
</div>
<div class="..."></div>
<!-- cores -->
<div class="leading-none font-extrabold text-5xl">
<!-- cores -->
<div class="flex flex-col border border-gray-50 shadow-lg bg-white py-8 my-4">
<img class="mx-auto p-4" src="images/V3-11.png" width="150" alt="">
<div class="leading-none font-extrabold text-3xl">
{{ cores | num_format }}
<span class="block text-2xl uppercase">cores</span>
<span class="block text-lg mt-4 font-normal capitalize">cores</span>
</div>
</div>
</div>
<button class="my-8"><a href="https://dashboard.grid.tf/explorer/statistics" target="_blank">Explore
ThreeFold Grid Capacity</a></button>
</div>