diff --git a/content/footer/_index.md b/content/footer/_index.md index 34f9456..5dbcd61 100644 --- a/content/footer/_index.md +++ b/content/footer/_index.md @@ -4,7 +4,7 @@ description: "" insert_anchor_links: "left" template: "partials/footer.html" extra: - logoPath: "images/odfz.svg" + logoPath: "images/tf_logo.svg" socialLinks: { Github: "https://github.com/ourworldfreezone", Twitter: "https://twitter.com/threefold_io", Telegram: "https://t.me/threefoldnews" } --- diff --git a/content/header/_index.md b/content/header/_index.md index a8f8169..ce797ac 100644 --- a/content/header/_index.md +++ b/content/header/_index.md @@ -4,7 +4,7 @@ description: "" insert_anchor_links: "left" template: "partials/header.html" extra: - logoPath: "./images/odfz.svg" + logoPath: "./images/tf_logo.svg" imgPath: "" --- - [Home]("/") diff --git a/content/home/index.md b/content/home/index.md index 5cbc614..882da79 100644 --- a/content/home/index.md +++ b/content/home/index.md @@ -8,6 +8,7 @@ weight: 1 --- + {% include "partials/hero.html" %} +{% include "partials/logos2.html" %} +{% include "shortcodes/grid_stats.html" %} + -
- {% set page = get_page(path="home/index.md") %} - {{page.content | safe}} -
-{% include "partials/about1.html" %} {% include "partials/about.html" %} diff --git a/templates/layouts/hero.html b/templates/layouts/hero.html index bb01080..e40a658 100644 --- a/templates/layouts/hero.html +++ b/templates/layouts/hero.html @@ -11,6 +11,7 @@ {% include "partials/ventures/hero.html" %} +{% include "partials/ventures/logos2.html" %} {% endblock content %} \ No newline at end of file diff --git a/templates/partials/footer.html b/templates/partials/footer.html index 0c9ff5d..37f4aa6 100644 --- a/templates/partials/footer.html +++ b/templates/partials/footer.html @@ -6,7 +6,7 @@
- logo + logo

© 2024 OurWorld Holdings, All rights reserved. diff --git a/templates/partials/header.html b/templates/partials/header.html index 3fa90da..8ae20f7 100644 --- a/templates/partials/header.html +++ b/templates/partials/header.html @@ -10,12 +10,12 @@ {% else %}

{% set header_class = config.extra.header_class | default(value='') %} -
+
diff --git a/templates/partials/hero.html b/templates/partials/hero.html index 7d6b94f..303725b 100644 --- a/templates/partials/hero.html +++ b/templates/partials/hero.html @@ -1,26 +1,26 @@ -
-
-
- Hero Image - -

WELCOME TO

-
-

OurWorld Digital Freezone

+
+
+
+ +
+
+

Self-Healing Data, Network, and Cloud Platform

+

Imagine a system which can scale to a planetary level, is compatible with AI, Cloud, Web2, Web3 and Edge IT workloads, has the potential to recover from unforeseen events, provides 100% uptime, and allows any machine and human to communicate over the shortest, most direct path.

+
+ Host + Deploy + Learn more +
-

ODFZ OurWorld Digital FreeZone is a collaboration between the Government of Zanzibar and OurWorld Venture Creator. We are the world's first 100% digital free zone, accessible and affordable for all. Removing complexity from doing business.

-
- - Get Started - - - - Learn More → - -
+
+
+
+
+ +
@@ -31,26 +31,53 @@ height: 100%; } - .relative.isolate.overflow-hidden.h-screen { - height: 100vh; + /* Background gradient */ + .bg-gradient-bl { + background: linear-gradient(125deg, rgba(0, 166, 255, 1) 0%, rgba(8, 173, 179, 1) 100%); } + /* Fade-up animation for text */ + @keyframes fadeUp { + from { + opacity: 0; + transform: translateY(20px); + } + to { + opacity: 1; + transform: translateY(0); + } + } - /* Custom styles for smaller font, margin adjustments, and line spacing for mobile */ + /* Fade-in animation for the image (GIF) */ + @keyframes fadeIn { + from { + opacity: 0; + } + to { + opacity: 1; + } + } + + /* Apply fade-up animation to text */ + .animate-fade-up { + animation: fadeUp 1.5s ease-out forwards; + } + + /* Apply fade-in animation to the GIF */ + .animate-fade-in { + animation: fadeIn 2s ease-out forwards; + } + + /* Responsive styles for smaller screens */ @media (max-width: 640px) { h1 { - font-size: 2rem; /* Smaller font for mobile */ + font-size: 2rem; } - - h2 { - font-size: 1.25rem; /* Smaller font for mobile */ - } - p { - font-size: 1rem; /* Smaller font for mobile */ - margin-left: 1rem; /* Margin left for mobile */ - margin-right: 1rem; /* Margin right for mobile */ - line-height: 1.5; /* Smaller line spacing */ + font-size: 1rem; + margin-left: 1rem; + margin-right: 1rem; + line-height: 1.5; } } diff --git a/templates/partials/logos2.html b/templates/partials/logos2.html new file mode 100644 index 0000000..b7025bd --- /dev/null +++ b/templates/partials/logos2.html @@ -0,0 +1,41 @@ +
+
+ + Transistor + Reform + Tuple + SavvyCal + Statamic + Statamic + Statamic + Statamic + Statamic + + + Transistor + Reform + Tuple + SavvyCal + Statamic + Statamic + Statamic + Statamic + Statamic +
+
+ + diff --git a/templates/shortcodes/grid_stats.html b/templates/shortcodes/grid_stats.html index 0ae595d..2953ca6 100644 --- a/templates/shortcodes/grid_stats.html +++ b/templates/shortcodes/grid_stats.html @@ -1,78 +1,150 @@ -{% set styles = "background-image: url('/images/ston_bg.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) %} -{% set nodes = data.nodes %} -{% set countries = data.countries %} -{% endif %} - -
-
-
-
-
-
-
- -
-
-
-
-
- {{ nodes }} -
-
-
- freeflow nodes
deployed -
-
-
-
+ +
+
+

LIVE AND OPERATIONAL

+

Proven by a Global Community

+

With ThreeFold, individuals, organizations, communities, countries, and network states deploy their own sovereign infrastructure. The ThreeFold Grid has been live and operational since 2017. Version 3.14 is live on Mainnet

+
+
+
+
+ +
+ The total amount of storage (SSD, HDD, & RAM) on the grid. 1 petabyte equals roughly 1 million gigabytes. + +
19.10 PB
+ Capacity +
+ +
+ The total number of Central Processing Unit cores (compute power) available on the grid. + +
46,934
+ Cores +
+ +
+ The total number of nodes on the grid. A node is a computer server 100% dedicated to the network. + +
1596
+ Nodes +
+ +
+ The total number of countries where at least one node is connected and operational. + +
41
+ Countries +
+ +
+ The total number of farms on the grid. A farm is one or more nodes operated by the same entity / entities. + +
900+
+ Farms
-
-
-
-
-
-
-
- {{ countries }} -
-
-
- countries
involved -
-
-
-
-
-
-
-
-
-
- -
-
-
-
-
- {{ capacity | round() }}TB -
-
-
- capacity
generated -
-
-
-
-
+
+ Explore Grid Capacity + Learn more
-
\ No newline at end of file +
+ + + + + + + + + + diff --git a/templates/shortcodes/grid_stats_expand.html b/templates/shortcodes/grid_stats_expand.html new file mode 100644 index 0000000..54ec357 --- /dev/null +++ b/templates/shortcodes/grid_stats_expand.html @@ -0,0 +1,82 @@ +{% 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 %} +
+
+
+ {{body | markdown | safe }} + +
+ + + +
+ +
+ {{ capacity | round(precision=2) }}PB + capacity +
+
+ + + +
+ +
+ {{ nodes }} + nodes +
+
+ + + + +
+ +
+ {{ countries }} + countries +
+
+ + +
+ +
+ {{ cores | num_format }} + cores +
+
+ + +
+ + + +
+
+
+{% endif %} + \ No newline at end of file