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

update

Browse Source
This commit is contained in:
Ehab Hassan
2023-06-05 17:42:03 +03:00
parent 8c4df91450
commit 77cde5c100
3 changed files with 87 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
content/farmnew/index.md
View File

@@ -35,7 +35,7 @@ By connecting a modern computer at your home or office to the ThreeFold Grid, yo
<!-- section 2 (Map) --> <!-- section 2 (Map) -->
{% grid_stats() %} {% grid_stats_expand() %}
## Join the **Internet Revolution** ## Join the **Internet Revolution**

10
templates/shortcodes/grid_stats.html
View File

@@ -1,4 +1,4 @@
{% set styles = "background-image: url('V3.png');" %} {% set styles = "background-image: url('images/V3.png');" %}
{% set data = load_data(url="https://gridproxy.grid.tf/stats?status=up", required=false, format="json") %} {% set data = load_data(url="https://gridproxy.grid.tf/stats?status=up", required=false, format="json") %}
{% if data %} {% if data %}
{% set capacity = (data.totalHru + data.totalSru) / 1024 / 1024 / 1024 / 1024 / 1024 %} {% set capacity = (data.totalHru + data.totalSru) / 1024 / 1024 / 1024 / 1024 / 1024 %}
@@ -18,7 +18,7 @@
<!-- capacity --> <!-- capacity -->
<div class="flex flex-col border border-gray-50 shadow-lg bg-white py-8 my-4"> <div class="flex flex-col border border-gray-50 shadow-lg bg-white py-8 my-4">
<img class="mx-auto p-4" src="V3-08.png" width="150" alt=""> <img class="mx-auto p-4" src="images/V3-08.png" width="150" alt="">
<div class="leading-none font-extrabold text-3xl"> <div class="leading-none font-extrabold text-3xl">
{{ capacity | round(precision=2) }}PB {{ capacity | round(precision=2) }}PB
<span class="block text-lg mt-4 font-normal capitalize">capacity</span> <span class="block text-lg mt-4 font-normal capitalize">capacity</span>
@@ -28,7 +28,7 @@
<!-- Nodes --> <!-- Nodes -->
<div class="flex flex-col border border-gray-50 shadow-lg bg-white py-8 my-4"> <div class="flex flex-col border border-gray-50 shadow-lg bg-white py-8 my-4">
<img class="mx-auto p-4" src="V3-09.png" width="150" alt=""> <img class="mx-auto p-4" src="images/V3-09.png" width="150" alt="">
<div class="leading-none font-extrabold text-3xl"> <div class="leading-none font-extrabold text-3xl">
{{ nodes }} {{ nodes }}
<span class="block text-lg mt-4 font-normal capitalize">nodes</span> <span class="block text-lg mt-4 font-normal capitalize">nodes</span>
@@ -39,7 +39,7 @@
<!-- countries --> <!-- countries -->
<div class="flex flex-col border border-gray-50 shadow-lg bg-white py-8 my-4"> <div class="flex flex-col border border-gray-50 shadow-lg bg-white py-8 my-4">
<img class="mx-auto p-4" src="V3-10.png" width="150" alt=""> <img class="mx-auto p-4" src="images/V3-10.png" width="150" alt="">
<div class="leading-none font-extrabold text-3xl"> <div class="leading-none font-extrabold text-3xl">
{{ countries }} {{ countries }}
<span class="block text-lg mt-4 font-normal capitalize">countries</span> <span class="block text-lg mt-4 font-normal capitalize">countries</span>
@@ -48,7 +48,7 @@
<!-- cores --> <!-- cores -->
<div class="flex flex-col border border-gray-50 shadow-lg bg-white py-8 my-4"> <div class="flex flex-col border border-gray-50 shadow-lg bg-white py-8 my-4">
<img class="mx-auto p-4" src="V3-11.png" width="150" alt=""> <img class="mx-auto p-4" src="images/V3-11.png" width="150" alt="">
<div class="leading-none font-extrabold text-3xl"> <div class="leading-none font-extrabold text-3xl">
{{ cores | num_format }} {{ cores | num_format }}
<span class="block text-lg mt-4 font-normal capitalize">cores</span> <span class="block text-lg mt-4 font-normal capitalize">cores</span>

81
templates/shortcodes/grid_stats_expand.html Normal file
View File

@@ -0,0 +1,81 @@
{% set styles = "background-image: url('V3.png');" %}
{% set data = load_data(url="https://gridproxy.grid.tf/stats?status=up", required=false, format="json") %}
{% if data %}
{% set capacity = (data.totalHru + data.totalSru) / 1024 / 1024 / 1024 / 1024 / 1024 %}
{% set nodes = data.nodes %}
{% set countries = data.countries %}
{% set cores = data.totalCru %}
{% endif %}
{% if data %}
<section class="px-2 h-auto bg-center lg:py-28 p-12 bg-cover bg-no-repeat" style="{{styles}}">
<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-4 lg:gap-8">
<!-- capacity -->
<div class="flex flex-col border border-gray-50 shadow-lg bg-white py-8 my-4">
<img class="mx-auto p-4" src="V3-08.png" width="150" alt="">
<div class="leading-none font-extrabold text-3xl">
{{ capacity | round(precision=2) }}PB
<span class="block text-lg mt-4 font-normal capitalize">capacity</span>
</div>
</div>
<!-- Nodes -->
<div class="flex flex-col border border-gray-50 shadow-lg bg-white py-8 my-4">
<img class="mx-auto p-4" src="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>
<!-- countries -->
<div class="flex flex-col border border-gray-50 shadow-lg bg-white py-8 my-4">
<img class="mx-auto p-4" src="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>
<!-- 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="V3-11.png" width="150" alt="">
<div class="leading-none font-extrabold text-3xl">
{{ cores | num_format }}
<span class="block text-lg mt-4 font-normal capitalize">cores</span>
</div>
</div>
</div>
<button><a href="https://dashboard.grid.tf/explorer/statistics">Explore Grid Capacity</a></button>
</div>
</div>
</section>
{% endif %}
<style>
dd {
display: inline-block;
margin: auto;
border-radius: 50%;
line-height: 100px;
}
.bg-green {
background-color: #70dfc9;
}
.bg-pink {
background-color: #ea1ff7;
}
</style>