simplified picocss + md implementation of homepage
This commit is contained in:
timurgordon
Binary file not shown.
|
Before Width: | Height: | Size: 241 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 884 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 1.0 MiB |
BIN
content/home/gif2.gif
Normal file
BIN
content/home/gif2.gif
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 13 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 1003 KiB |
113
content/home/home.md
Normal file
113
content/home/home.md
Normal file
@@ -0,0 +1,113 @@
|
||||
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@picocss/pico@2/css/pico.min.css">
|
||||
<script src="/static/js/stats.js"></script>
|
||||
|
||||
# We are Building Web 4
|
||||
|
||||
Imagine a system built to scale to a planetary level, seamlessly compatible with AI, Cloud, Web2, Web3, and Edge IT workloads. A system that is resilient to unforeseen events, provides 100% uptime, and enables any machine and human to communicate over the shortest, most direct path possible.
|
||||
|
||||
That's **Threefold**
|
||||
|
||||
<a class="contrast" role="button">Get Started</a>
|
||||
<a class="outline contrast" role="button">What we've built</a>
|
||||
|
||||
|
||||
|
||||
## 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.
|
||||
|
||||
<stats-block>
|
||||
<stat-block title="CAPACITY" value="19,10 PB"></stat-block>
|
||||
<stat-block title="CORES" value="46,934"></stat-block>
|
||||
<stat-block title="NODES" value="1596"></stat-block>
|
||||
<stat-block title="Countries" value="40+"></stat-block>
|
||||
</stats-block>
|
||||
|
||||
To build Web 4, we need +1,000,000 Nodes
|
||||
|
||||
<a class="contrast" role="button">Explore Grid Capacity</a>
|
||||
|
||||
<br/>
|
||||
|
||||
<section class="grid">
|
||||
<div>
|
||||
|
||||
## ThreeFold is the Infrastructure Layer of Web 4
|
||||
|
||||
ThreeFold is not a protocol. We’ve developed foundational technology that runs directly on bare metal (the hardware).
|
||||
|
||||
ThreeFold is likely the only active project with a truly scalable solution addressing the Internet and Cloud’s core components: Data, Cloud, and Network.
|
||||
|
||||
[Discover Products →]()
|
||||
|
||||
</div>
|
||||
<div>
|
||||
|
||||
### Unbreakable Data
|
||||
|
||||
Data cannot be compromised and always remains private, owned by you. A scalable system, to the planetary level. Can be distributed and stored in ways which are at least 10x more efficient and orders of magnitude more secure and reliable.
|
||||
|
||||
### Autonomous Cloud
|
||||
|
||||
Self-healing and self-driving cloud based on an efficient and secure operating system runs directly on the hardware. Can run any Web 2, Web 3, or AI workload at the edge of the Internet, with more scalability and reliability.
|
||||
|
||||
### P2P Network
|
||||
|
||||
End-to-end encrypted overlay network, always looking for the shortest possible path between participants. Logical Internet address securely linked to a private key. Unlimited scale and performance optimizations.
|
||||
|
||||
</div>
|
||||
</section>
|
||||
|
||||
## WEB 4: The Next Evolution of the Internet
|
||||
|
||||
Web 4 is the natural progression of the Internet, where humans and artificial intelligence work together to create a new paradigm designed to promote planetary well-being and ensure equal opportunities for all. Users are in 100% control of their data and no centralized services are needed.
|
||||
|
||||
Blockchain was the first step to Web3.
|
||||
|
||||
ThreeFold is the next step to Web4.
|
||||
|
||||
## Frequently Asked Questions
|
||||
|
||||
<details open>
|
||||
<summary>Is this a separate new Internet?</summary>
|
||||
No, ThreeFold is a complementary Internet and works alongside the current Internet. It allows you to continue accessing and interacting with the current Internet while offering additional capabilities.
|
||||
</details>
|
||||
<hr />
|
||||
|
||||
<details>
|
||||
<summary>Why do we need a new internet?</summary>
|
||||
The Internet has become fragile and overly centralized. Issues like authenticity, privacy, security, and sustainability necessitate a fundamental new approach to rebuild its foundation.
|
||||
</details>
|
||||
<hr />
|
||||
|
||||
<details>
|
||||
<summary>This seems to big to be true. Is this real?</summary>
|
||||
For over 30 years, we’ve worked toward this vision. ThreeFold is the culmination of our journey, offering a fully operational product and a growing community of users, farmers, and partners. This is real and we are here to stay.
|
||||
</details>
|
||||
<hr />
|
||||
|
||||
<details>
|
||||
<summary>You have two tokens, TFT and INCA, why?</summary>
|
||||
TFT is our token which was used to build generation 1, 2 and 3 of the ThreeFold Grid of capacity. TFT is the reward for our loyal community. There can never be more than 1 billion TFT. We are now building generation 4 of the ThreeFold Grid of capacity and we need a new token to build this new generation. There will never be more than 3 billion INCA. Our partners will start selling new ThreeFold Nodes end Nov 2024 with a new reward scheme and ready to grow to millions of nodes.
|
||||
</details>
|
||||
<hr />
|
||||
|
||||
<details>
|
||||
<summary>How can I participate?</summary>
|
||||
You can participate by becoming a farmer, a user, a partner or by developing a web4 app. Provide capacity to the ThreeFold Grid, Use capacity, build solutions, develop applications for Web4, and many more.
|
||||
</details>
|
||||
<hr />
|
||||
|
||||
<details>
|
||||
<summary>What is Web4?</summary>
|
||||
Web4 is our evolution towards a decentralized, user-controlled, and secure Internet that respects privacy and minimizes environmental impact.
|
||||
</details>
|
||||
<hr />
|
||||
|
||||
<details>
|
||||
<summary>Is this another blockchain?</summary>
|
||||
No, we are NOT blockchain. We are using our own technology: Zero State technology combined with Quantum Safe Internetworking.
|
||||
</details>
|
||||
<hr />
|
||||
Binary file not shown.
|
Before Width: | Height: | Size: 568 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 224 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 464 KiB |
@@ -1,357 +0,0 @@
|
||||
---
|
||||
title: "Home"
|
||||
description: "ThreeFold empowers anyone to become a cloud service provider – no technical expertise required – allowing people and organizations to buy sell, and use cloud resources autonomously and securely." # quotation marks to allow colons where used
|
||||
date: 2018-09-14T21:00:00-05:00
|
||||
updated: 2021-02-20T14:40:00-06:00
|
||||
draft: false
|
||||
extra:
|
||||
author: Your name here
|
||||
imgPath: home/autonomous.png
|
||||
---
|
||||
|
||||
|
||||
|
||||
|
||||
<!-- section 1 (header) -->
|
||||
|
||||
|
||||
<div class="container mx-auto">
|
||||
|
||||
|
||||
{% row(style="reverse header margin") %}
|
||||
|
||||
## **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.
|
||||
|
||||
<br>
|
||||
|
||||
<button class="blue_b">[Host](/host)</button><button class="blue_b">[Deploy](/deploy)</button><button class="green">[About](/about)</button>
|
||||
|
||||
|
||||
|||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
{% end %}
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
<!-- section 2 (logos) -->
|
||||
|
||||
|
||||
{% logo_slider() %}
|
||||
|
||||
|
||||
## **logo**
|
||||
|
||||
|
||||
{% end %}
|
||||
|
||||
<!-- section 3 (Map) -->
|
||||
<div class="container mx-auto">
|
||||
|
||||
|
||||
{% grid_stats() %}
|
||||
|
||||
|
||||
#### <span class="blue">LIVE AND OPERATIONAL</span>
|
||||
|
||||
|
||||
## **Proven by a global community**
|
||||
|
||||
|
||||
With ThreeFold, individuals, organizations, communities, countries, and network states deploy their own<br>sovereign infrastructure. The ThreeFold Grid has been live and operational since 2017.
|
||||
|
||||
**Version 3.14 is live on Mainnet**
|
||||
|
||||
|
||||
{% end %}
|
||||
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<!-- section 4 (Host the cloud) -->
|
||||
|
||||
|
||||
<div style="background-color:#F6F6F6">
|
||||
<div class="container mx-auto">
|
||||
|
||||
{% row( style="mtop center between ") %}
|
||||
|
||||
#### <span class="blue">THREEFOLD DIFFERENCE</span>
|
||||
|
||||
## **A ground-up approach**
|
||||
|
||||
ThreeFold is not a protocol. We've developed foundational technology that runs directly on bare metal (the hardware). ThreeFold is likely the only active project with a truly scalable solution addressing the Internet and Cloud's core bottlenecks: data, cloud, and network.
|
||||
|
||||
<br>
|
||||
|
||||
<button class="blue_b">[Learn More](/technology)</button>
|
||||
|
||||
{% end %}
|
||||
|
||||
{% row(style="reverse margin") %}
|
||||
|
||||
|
||||
|
||||
|||
|
||||
|
||||
### **Unbreakable Data**
|
||||
|
||||
Data cannot be compromised and always remains private, owned by you. A scalable system, to the planetary level. Can be distributed and stored in ways which are at least 10x more efficient and orders of magnitude more secure and reliable.
|
||||
|
||||
### **Autonomous Cloud**
|
||||
|
||||
Self-healing and self-driving cloud based on an efficient and secure operating system runs directly on the hardware. Can run any Web 2, Web 3, or AI workload at the edge of the Internet, with more scalability and reliability.
|
||||
|
||||
### **P2P Network**
|
||||
|
||||
End-to-end encrypted overlay network, always looking for the shortest possible path between participants. Logical Internet address securely linked to a private key. Unlimited scale and performance optimizations.
|
||||
|
||||
{% end %}
|
||||
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- section 9 (Ecosystem) -->
|
||||
|
||||
|
||||
<div class="container mx-auto">
|
||||
|
||||
|
||||
{% row( style="center mtop semiNarrow") %}
|
||||
|
||||
|
||||
<h4 class="green_text">REAL-WORLD IMPACT</h4>
|
||||
|
||||
|
||||
## **Collaboration, Innovation, Evolution**
|
||||
|
||||
ThreeFold’s technological infrastructure will empower many projects and initiatives across sectors. Here are two key projects.
|
||||
|
||||
{% end %}
|
||||
|
||||
|
||||
{% row( style="semiNarrow mbottom") %}
|
||||
|
||||
<div class="rounded_img border-2 rounded-lg shadow-lg">
|
||||
|
||||
[](/newsroom/freezone-anouncement/)
|
||||
|
||||
<div class="p-6 lg:p-3 mycard">
|
||||
|
||||
#### **OurWorld Free Zone**
|
||||
|
||||
<br>
|
||||
|
||||
<span class="text-md truncate ..." >ThreeFold is working with the Zanzibar Communication Corporation (ZICTIA), on behalf of the Zanzibar government, to create the world’s first 100% Digital Free Zone – accessible and affordable for all. The announcement was made August 2023, and progress has been ongoing behind the scenes since then. Updates expected Q4 2024.
|
||||
</span>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|||
|
||||
|
||||
|
||||
<div class="rounded_img border-2 rounded-lg shadow-lg">
|
||||
|
||||
|
||||
[](/newsroom/duniayetulaunchdar/)
|
||||
|
||||
|
||||
|
||||
|
||||
<div class="p-6 lg:p-3 mycard">
|
||||
|
||||
|
||||
#### **Tanzanian Sovereign Internet**
|
||||
|
||||
<br>
|
||||
<span class="text-md truncate ..." >
|
||||
In January 2024, ThreeFold announced in collaboration with The ICT Commission of Tanzania and Holochain a collaboration to deploy sovereign Internet in Tanzania, along with the introduction of coding academies and innovation hubs. The Dunia Yetu cooperative is being set up and efforts will ramp up in 2025.
|
||||
|
||||
</span>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{% end %}
|
||||
|
||||
</div>
|
||||
|
||||
<!-- section 5 (INCA) -->
|
||||
|
||||
<div style="background-color:#F6F6F6">
|
||||
<div class="container mx-auto">
|
||||
|
||||
{% row(style="margin") %}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|||
|
||||
|
||||
|
||||
#### <span class="green_text">THE NEXT CHAPTER</span>
|
||||
|
||||
## **Ready for commercialization**
|
||||
|
||||
For years, ThreeFold has been quietly and steadily developing its innovative technology, with a solid foundation of mature infrastructure that is now ready to take the next leap forward.
|
||||
|
||||
<br>
|
||||
|
||||
We are currently fundraising for the next stage of our project – major commercial expansion. This will involve the launch of the $INCA token on the Solana blockchain. If you are interested in learning more or taking part, please reach out.
|
||||
|
||||
<br>
|
||||
|
||||
<button class="blue_b">[Get in Touch](https://calendly.com/florian_threefold/30min)</button>
|
||||
|
||||
{% end %}
|
||||
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- section 10 (news) -->
|
||||
|
||||
|
||||
<div class="rounded_img container mx-auto">
|
||||
|
||||
|
||||
{% row( style="mtop semiNarrow") %}
|
||||
|
||||
|
||||
## **Top Blogs**
|
||||
|
||||
|
||||
{% end %}
|
||||
|
||||
|
||||
{% row( style="mbottom semiNarrow") %}
|
||||
|
||||
|
||||
<div class="rounded_img">
|
||||
|
||||
|
||||
[](/blog/ground-up-innovations/)
|
||||
|
||||
|
||||
<br>
|
||||
|
||||
##### From the ground up: Three inventions that make ThreeFold possible
|
||||
|
||||
</div>
|
||||
|
||||
|||
|
||||
|
||||
[](/blog/evolution-of-the-internet)
|
||||
|
||||
<br>
|
||||
|
||||
##### The Evolution of the Internet: From free to controlled, and back again
|
||||
|
||||
|||
|
||||
|
||||
<div class="pl-12 road_border">
|
||||
<h3 class="mt-0 font-semibold">JOIN IN</h3>
|
||||
|
||||
|
||||
<div class="my-4">
|
||||
<a href="https://manual.grid.tf" target="_blank">
|
||||
<h4 class="text-xl green_text font-normal my-0">Manuals</h4>
|
||||
<p class="white-gray font-normal">Dive deeper into our technology</p>
|
||||
</a>
|
||||
</div>
|
||||
<div class="my-4">
|
||||
<a href="https://threefoldfaq.crisp.help/en/" target="_blank">
|
||||
<h4 class="text-xl green_text font-normal my-0">Support</h4>
|
||||
<p class="white-gray font-normal">Get assistance from our Support Team</p>
|
||||
</a>
|
||||
</div>
|
||||
<div class="my-4">
|
||||
<a href="/community" target="_blank">
|
||||
<h4 class="text-xl green_text font-normal my-0">Community</h4>
|
||||
<p class="white-gray font-normal">Be part of our journey and participate</p>
|
||||
</a>
|
||||
</div>
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
{% end %}
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<style>
|
||||
|
||||
|
||||
.card_h{
|
||||
height: 110px !important;
|
||||
}
|
||||
|
||||
|
||||
.rounded_img img {
|
||||
border-radius: 8px;
|
||||
}
|
||||
|
||||
|
||||
.white-gray{
|
||||
color: #9f9f9f;
|
||||
}
|
||||
|
||||
|
||||
.road_border{
|
||||
|
||||
border-left: 1px solid #cbcbcb;
|
||||
|
||||
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
@media (max-width: 480px) {
|
||||
|
||||
|
||||
|
||||
|
||||
.road_border{
|
||||
|
||||
border-left: 0px solid #cbcbcb;
|
||||
|
||||
|
||||
}
|
||||
|
||||
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
</style>
|
||||
Binary file not shown.
|
Before Width: | Height: | Size: 1.0 MiB |
Binary file not shown.
|
Before Width: | Height: | Size: 1.4 MiB |
Binary file not shown.
|
Before Width: | Height: | Size: 541 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 1.3 MiB |
47
content/home/stats.js
Normal file
47
content/home/stats.js
Normal file
@@ -0,0 +1,47 @@
|
||||
class StatBlock extends HTMLElement {
|
||||
static get observedAttributes() {
|
||||
return ['title', 'value'];
|
||||
}
|
||||
|
||||
constructor() {
|
||||
super();
|
||||
this.attachShadow({ mode: 'open' });
|
||||
this.render();
|
||||
}
|
||||
|
||||
attributeChangedCallback(name, oldValue, newValue) {
|
||||
this.render(); // Re-render whenever an attribute changes
|
||||
}
|
||||
|
||||
render() {
|
||||
const title = this.getAttribute('title') || '';
|
||||
const value = this.getAttribute('value') || '';
|
||||
this.shadowRoot.innerHTML = `
|
||||
<style>
|
||||
:host {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
background-color: rgba(255, 255, 255, 0.05);
|
||||
padding: 2rem;
|
||||
border-radius: 0.5rem;
|
||||
text-align: center;
|
||||
color: white;
|
||||
}
|
||||
dt {
|
||||
font-size: 0.875rem;
|
||||
font-weight: 300;
|
||||
color: #d1d5db;
|
||||
}
|
||||
dd {
|
||||
font-size: 1.875rem;
|
||||
font-weight: 600;
|
||||
margin: 0;
|
||||
}
|
||||
</style>
|
||||
<dt>${title}</dt>
|
||||
<dd>${value}</dd>
|
||||
`;
|
||||
}
|
||||
}
|
||||
|
||||
customElements.define('stat-block', StatBlock);
|
||||
Reference in New Issue
Block a user