3235 lines
108 KiB
HTML
3235 lines
108 KiB
HTML
<!DOCTYPE html>
|
||
<html lang="en" charset="utf-8">
|
||
|
||
|
||
|
||
|
||
|
||
|
||
<head>
|
||
<link rel="icon" type="image/x-icon" href="https://www3.threefold.io/images/icons/favicon.png">
|
||
|
||
|
||
<title>ThreeFold</title>
|
||
<meta property="og:type" content="website" />
|
||
<meta property="og:site_name" content="https://www3.threefold.io" />
|
||
|
||
<title>Together, we create the future</title>
|
||
<meta property="og:title" content="Together, we create the future" />
|
||
|
||
|
||
|
||
<meta name="image" content="/images/threefold_globe.png" />
|
||
<meta property="og:image" content="/images/threefold_globe.png" />
|
||
|
||
|
||
|
||
<meta name="description" content="Together we expand and create this OurWorld platform, with the purpose to give a better digital life to billions of people. OurWorld can provide the alternative to the current too centralized, unsustainable and abused internet. Let's go back to what the internet was supposed to be." />
|
||
<meta property="og:description" content="Together we expand and create this OurWorld platform, with the purpose to give a better digital life to billions of people. OurWorld can provide the alternative to the current too centralized, unsustainable and abused internet. Let's go back to what the internet was supposed to be." />
|
||
|
||
|
||
|
||
<meta property="og:image"
|
||
content="" />
|
||
<meta property="og:description" content="" />
|
||
<meta property="twitter:image"
|
||
content="" />
|
||
<meta property="twitter:description" content="" />
|
||
<meta name="twitter:card" content="summary_large_image" />
|
||
|
||
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.1.1/css/all.min.css" />
|
||
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.1.1/css/brands.min.css" />
|
||
<!-- Cookie Consent by https://www.FreePrivacyPolicy.com -->
|
||
<script type="text/javascript" src="//www.freeprivacypolicy.com/public/cookie-consent/4.0.0/cookie-consent.js"
|
||
charset="UTF-8"></script>
|
||
<script type="text/javascript" charset="UTF-8">
|
||
document.addEventListener('DOMContentLoaded', function () {
|
||
cookieconsent.run({ "notice_banner_type": "headline", "consent_type": "express", "palette": "light", "language": "en", "page_load_consent_levels": ["strictly-necessary"], "notice_banner_reject_button_hide": false, "preferences_center_close_button_hide": false, "website_name": "https://threefold.io/", "website_privacy_policy_url": "https://library.threefold.me/info/legal/#/legal__privacypolicy" });
|
||
});
|
||
</script>
|
||
<!-- Google Tag Manager -->
|
||
<script>(function (w, d, s, l, i) {
|
||
w[l] = w[l] || []; w[l].push({
|
||
'gtm.start':
|
||
new Date().getTime(), event: 'gtm.js'
|
||
}); var f = d.getElementsByTagName(s)[0],
|
||
j = d.createElement(s), dl = l != 'dataLayer' ? '&l=' + l : ''; j.async = true; j.src =
|
||
'https://www.googletagmanager.com/gtm.js?id=' + i + dl; f.parentNode.insertBefore(j, f);
|
||
})(window, document, 'script', 'dataLayer', 'GTM-N7PNMFH');</script>
|
||
<!-- End Google Tag Manager -->
|
||
|
||
<!-- Global site tag (gtag.js) - Google Analytics -->
|
||
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-100065546-1"></script>
|
||
<script>
|
||
window.dataLayer = window.dataLayer || [];
|
||
function gtag() { dataLayer.push(arguments); }
|
||
gtag('js', new Date());
|
||
|
||
gtag('config', 'UA-100065546-1');
|
||
</script>
|
||
|
||
<!-- Matomo Tag Manager -->
|
||
<script>
|
||
var _mtm = window._mtm = window._mtm || [];
|
||
_mtm.push({ 'mtm.startTime': (new Date().getTime()), 'event': 'mtm.Start' });
|
||
var d = document, g = d.createElement('script'), s = d.getElementsByTagName('script')[0];
|
||
g.async = true; g.src = 'https://analytics.threefold.io/js/container_KIcuIdn4.js'; s.parentNode.insertBefore(g, s);
|
||
</script>
|
||
<!-- End Matomo Tag Manager -->
|
||
|
||
<!-- Crisp -->
|
||
<script type="text/plain" cookie-consent="tracking">
|
||
window.$crisp = [];
|
||
window.CRISP_WEBSITE_ID = "1a5a5241-91cb-4a41-8323-5ba5ec574da0";
|
||
(function () {
|
||
d = document;
|
||
s = d.createElement("script");
|
||
s.src = "https://client.crisp.chat/l.js";
|
||
s.async = 1;
|
||
d.getElementsByTagName("head")[0].appendChild(s);
|
||
})();
|
||
</script>
|
||
|
||
<!-- Crisp without cookies -->
|
||
<!-- <script type="text/javascript" cookie-consent="tracking">
|
||
window.$crisp = [];
|
||
window.CRISP_WEBSITE_ID = "1a5a5241-91cb-4a41-8323-5ba5ec574da0";
|
||
(function () {
|
||
d = document;
|
||
s = d.createElement("script");
|
||
s.src = "https://client.crisp.chat/l.js";
|
||
s.async = 1;
|
||
d.getElementsByTagName("head")[0].appendChild(s);
|
||
})();
|
||
</script> -->
|
||
<!-- end of Crisp-->
|
||
|
||
<!-- Required meta tags -->
|
||
<meta charset="utf-8" />
|
||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||
|
||
<!-- **** BEGINNING, favicons **** -->
|
||
|
||
<!-- generics -->
|
||
|
||
<!-- iOS -->
|
||
|
||
<!-- Android -->
|
||
|
||
<!-- Windows 8, IE 10 -->
|
||
|
||
<!-- Windows 8.1 and up, IE 11 -->
|
||
|
||
<!-- **** CONCLUSION, favicons **** -->
|
||
|
||
<!-- CSS/SCSS -->
|
||
<link rel="stylesheet" href="https://www3.threefold.io/css/index.css?h=842f3d4d708273aaddf07e87928ab30e5516e63767f63815b8d38ba8e5b9728e" />
|
||
<style>
|
||
.space-x-10>:not([hidden])~:not([hidden]){
|
||
margin-left: calc(1.5rem*calc(1 - var(--tw-space-x-reverse)))!important;
|
||
}
|
||
@-moz-document url-prefix() {
|
||
.lazy:-moz-loading {
|
||
visibility: hidden;
|
||
}
|
||
}
|
||
|
||
.ieOnly {
|
||
display: none;
|
||
}
|
||
|
||
@media all and (-ms-high-contrast: none),
|
||
(-ms-high-contrast: active) {
|
||
.ieOnly {
|
||
display: block;
|
||
}
|
||
}
|
||
@media (min-width: 640px){
|
||
.sm\:space-x-4>:not([hidden])~:not([hidden]){
|
||
margin-left: calc(2rem*calc(1 - var(--tw-space-x-reverse)))!important;
|
||
}
|
||
}
|
||
</style>
|
||
<script type='text/javascript'
|
||
src='https://platform-api.sharethis.com/js/sharethis.js#property=62556aac80366d0019fc1af2&product=sop'
|
||
async='async'></script>
|
||
|
||
<!-- MailerLite Universal -->
|
||
<script>
|
||
(function (m, a, i, l, e, r) {
|
||
m['MailerLiteObject'] = e; function f() {
|
||
var c = { a: arguments, q: [] }; var r = this.push(c); return "number" != typeof r ? r : f.bind(c.q);
|
||
}
|
||
f.q = f.q || []; m[e] = m[e] || f.bind(f.q); m[e].q = m[e].q || f.q; r = a.createElement(i);
|
||
var _ = a.getElementsByTagName(i)[0]; r.async = 1; r.src = l + '?v' + (~~(new Date().getTime() / 1000000));
|
||
_.parentNode.insertBefore(r, _);
|
||
})(window, document, 'script', 'https://static.mailerlite.com/js/universal.js', 'ml');
|
||
|
||
var ml_account = ml('accounts', '1778010', 'x2d3d9f8n1', 'load');
|
||
</script>
|
||
<!-- End MailerLite Universal -->
|
||
</head>
|
||
|
||
|
||
|
||
|
||
<header id="header-container">
|
||
<div class="z-10 bg-white fixed w-full top-0">
|
||
<div class="relative z-50 shadow">
|
||
<div class="mx-auto flex z-50 shadow justify-between items-center px-6 sm:px-4 md:px-6 py-2 lg:px-5 lg:justify-start space-x-10 sm:space-x-4 ">
|
||
<div>
|
||
<a href="/" class="flex">
|
||
<img class="w-20 h-auto sm:w-15" style="max-width: none;" src="/images/tft_log.svg" alt="Ourworld Logo" />
|
||
</a>
|
||
</div>
|
||
<div class="-mr-2 -my-2 lg:hidden">
|
||
<button id="hamburger-btn" type="button" class="inline-flex items-center justify-center p-2 rounded-md text-gray-400 hover:text-gray-500 hover:bg-gray-100 focus:outline-none focus:bg-gray-100 focus:text-gray-500 transition duration-150 ease-in-out">
|
||
<!-- Heroicon name: menu -->
|
||
<svg class="h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor">
|
||
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16M4 18h16" />
|
||
</svg>
|
||
</button>
|
||
<button id="close-hamburger-btn" type="button" class="hidden lg:hidden inline-flex items-center justify-center p-2 rounded-md text-gray-400 hover:text-gray-500 hover:bg-gray-100 focus:outline-none focus:bg-gray-100 focus:text-gray-500 transition duration-150 ease-in-out">
|
||
<!-- Heroicon name: x -->
|
||
<svg class="h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor">
|
||
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12" />
|
||
</svg>
|
||
</button>
|
||
</div>
|
||
<div class="hidden lg:flex-1 lg:flex lg:items-center lg:justify-between lg:space-x-6">
|
||
<nav class="flex space-x-10">
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
<a href="/mission" class="text-lg leading-6 font-medium text-gray-900 hover:text-gray-500 focus:outline-none focus:text-gray-900 transition ease-in-out duration-150 mt-0">
|
||
Mission
|
||
</a>
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
<a href="/grid" class="text-lg leading-6 font-medium text-gray-900 hover:text-gray-500 focus:outline-none focus:text-gray-900 transition ease-in-out duration-150 mt-0">
|
||
Grid
|
||
</a>
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
<a href="/cloud" class="text-lg leading-6 font-medium text-gray-900 hover:text-gray-500 focus:outline-none focus:text-gray-900 transition ease-in-out duration-150 mt-0">
|
||
Cloud
|
||
</a>
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
<a href="/farm" class="text-lg leading-6 font-medium text-gray-900 hover:text-gray-500 focus:outline-none focus:text-gray-900 transition ease-in-out duration-150 mt-0">
|
||
Farm
|
||
</a>
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
<a href="/tft" class="text-lg leading-6 font-medium text-gray-900 hover:text-gray-500 focus:outline-none focus:text-gray-900 transition ease-in-out duration-150 mt-0">
|
||
TFT
|
||
</a>
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
<div class="relative">
|
||
|
||
<button type="button" id="ecosystem-menu-btn" class="nav_btn font-medium text-gray-900 hover:text-gray-500 group inline-flex items-center space-x-2 text-lg leading-6 font-normal hover:text-gray-500 focus:outline-none transition ease-in-out duration-150">
|
||
<span>Ecosystem</span>
|
||
<div class="-rotate-90 transition-transform"><svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 0 24 24" width="24px" fill="#000000"><path d="M0 0h24v24H0z" fill="none"/><path d="M16.59 8.59L12 13.17 7.41 8.59 6 10l6 6 6-6z"/></svg></div>
|
||
</button>
|
||
</div>
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
<div class="relative">
|
||
|
||
<button type="button" id="community-menu-btn" class="nav_btn font-medium text-gray-900 hover:text-gray-500 group inline-flex items-center space-x-2 text-lg leading-6 font-normal hover:text-gray-500 focus:outline-none transition ease-in-out duration-150">
|
||
<span>Community</span>
|
||
<div class="-rotate-90 transition-transform"><svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 0 24 24" width="24px" fill="#000000"><path d="M0 0h24v24H0z" fill="none"/><path d="M16.59 8.59L12 13.17 7.41 8.59 6 10l6 6 6-6z"/></svg></div>
|
||
</button>
|
||
</div>
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
<div class="relative">
|
||
|
||
<button type="button" id="moreinfo-menu-btn" class="nav_btn font-medium text-gray-900 hover:text-gray-500 group inline-flex items-center space-x-2 text-lg leading-6 font-normal hover:text-gray-500 focus:outline-none transition ease-in-out duration-150">
|
||
<span>MoreInfo</span>
|
||
<div class="-rotate-90 transition-transform"><svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 0 24 24" width="24px" fill="#000000"><path d="M0 0h24v24H0z" fill="none"/><path d="M16.59 8.59L12 13.17 7.41 8.59 6 10l6 6 6-6z"/></svg></div>
|
||
</button>
|
||
</div>
|
||
|
||
|
||
|
||
|
||
</nav>
|
||
|
||
<div class="hidden md:inline-block md:order-last">
|
||
<div class="inline-flex">
|
||
<ul class="list-none inline-flex mt-5 mr-4 mx-auto">
|
||
<li class="ml-4">
|
||
<a href="https://t.me/threefoldnews" target="_blank" class="text-black">
|
||
<svg
|
||
xmlns="http://www.w3.org/2000/svg"
|
||
width="18"
|
||
height="18"
|
||
fill="currentColor"
|
||
class="bi bi-telegram"
|
||
viewBox="0 0 16 16"
|
||
>
|
||
<path
|
||
d="M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0zM8.287 5.906c-.778.324-2.334.994-4.666 2.01-.378.15-.577.298-.595.442-.03.243.275.339.69.47l.175.055c.408.133.958.288 1.243.294.26.006.549-.1.868-.32 2.179-1.471 3.304-2.214 3.374-2.23.05-.012.12-.026.166.016.047.041.042.12.037.141-.03.129-1.227 1.241-1.846 1.817-.193.18-.33.307-.358.336a8.154 8.154 0 0 1-.188.186c-.38.366-.664.64.015 1.088.327.216.589.393.85.571.284.194.568.387.936.629.093.06.183.125.27.187.331.236.63.448.997.414.214-.02.435-.22.547-.82.265-1.417.786-4.486.906-5.751a1.426 1.426 0 0 0-.013-.315.337.337 0 0 0-.114-.217.526.526 0 0 0-.31-.093c-.3.005-.763.166-2.984 1.09z"
|
||
/>
|
||
</svg>
|
||
</a>
|
||
</li>
|
||
|
||
<li class="ml-4">
|
||
<a
|
||
href="javascript:;"
|
||
onclick="ml_account('webforms', '3562741', 'n7q9l7', 'show')"
|
||
class="text-black"
|
||
>
|
||
<svg
|
||
aria-hidden="true"
|
||
focusable="false"
|
||
data-prefix="far"
|
||
data-icon="envelope"
|
||
class="h-5 w-5"
|
||
role="img"
|
||
xmlns="http://www.w3.org/2000/svg"
|
||
viewBox="0 0 512 512"
|
||
>
|
||
<path
|
||
fill="currentColor"
|
||
d="M464 64H48C21.49 64 0 85.49 0 112v288c0 26.51 21.49 48 48 48h416c26.51 0 48-21.49 48-48V112c0-26.51-21.49-48-48-48zm0 48v40.805c-22.422 18.259-58.168 46.651-134.587 106.49-16.841 13.247-50.201 45.072-73.413 44.701-23.208.375-56.579-31.459-73.413-44.701C106.18 199.465 70.425 171.067 48 152.805V112h416zM48 400V214.398c22.914 18.251 55.409 43.862 104.938 82.646 21.857 17.205 60.134 55.186 103.062 54.955 42.717.231 80.509-37.199 103.053-54.947 49.528-38.783 82.032-64.401 104.947-82.653V400H48z"
|
||
></path>
|
||
</svg>
|
||
</a>
|
||
</li>
|
||
</ul>
|
||
<div class="rounded-full border-2 mt-1 border-gray-400">
|
||
<a href="https://gettft.com/gettft/" target="_blank" class="mt-2">
|
||
<img
|
||
src="/images/gettft_white.png"
|
||
class="mr-5"
|
||
style="max-width: none;"
|
||
alt=""
|
||
/>
|
||
</a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
<nav>
|
||
<div id="a-href-22-mission-22-mission-a-menu" class="mt-16 sm:mt-0 md:mt-0 lg:mt-0 xl:mt-0 2xl:mt-0 z-30 absolute inset-x-0 transform shadow-lg lg:backdrop-blur xl:backdrop-blur transition duration-200 ease-in opacity-0 -translate-y-1 hidden">
|
||
<div class="bg-white lg:bg-semi-white md:bg-semi-white xl:bg-semi-white">
|
||
<div class="mx-8 lg:mx-40 xl:mx-40 px-6 sm:p-6 md:p-8">
|
||
|
||
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</nav>
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
<nav>
|
||
<div id="a-href-22-grid-22-grid-a-menu" class="mt-16 sm:mt-0 md:mt-0 lg:mt-0 xl:mt-0 2xl:mt-0 z-30 absolute inset-x-0 transform shadow-lg lg:backdrop-blur xl:backdrop-blur transition duration-200 ease-in opacity-0 -translate-y-1 hidden">
|
||
<div class="bg-white lg:bg-semi-white md:bg-semi-white xl:bg-semi-white">
|
||
<div class="mx-8 lg:mx-40 xl:mx-40 px-6 sm:p-6 md:p-8">
|
||
|
||
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</nav>
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
<nav>
|
||
<div id="a-href-22-cloud-22-cloud-a-menu" class="mt-16 sm:mt-0 md:mt-0 lg:mt-0 xl:mt-0 2xl:mt-0 z-30 absolute inset-x-0 transform shadow-lg lg:backdrop-blur xl:backdrop-blur transition duration-200 ease-in opacity-0 -translate-y-1 hidden">
|
||
<div class="bg-white lg:bg-semi-white md:bg-semi-white xl:bg-semi-white">
|
||
<div class="mx-8 lg:mx-40 xl:mx-40 px-6 sm:p-6 md:p-8">
|
||
|
||
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</nav>
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
<nav>
|
||
<div id="a-href-22-farm-22-farm-a-menu" class="mt-16 sm:mt-0 md:mt-0 lg:mt-0 xl:mt-0 2xl:mt-0 z-30 absolute inset-x-0 transform shadow-lg lg:backdrop-blur xl:backdrop-blur transition duration-200 ease-in opacity-0 -translate-y-1 hidden">
|
||
<div class="bg-white lg:bg-semi-white md:bg-semi-white xl:bg-semi-white">
|
||
<div class="mx-8 lg:mx-40 xl:mx-40 px-6 sm:p-6 md:p-8">
|
||
|
||
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</nav>
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
<nav>
|
||
<div id="a-href-22-tft-22-tft-a-menu" class="mt-16 sm:mt-0 md:mt-0 lg:mt-0 xl:mt-0 2xl:mt-0 z-30 absolute inset-x-0 transform shadow-lg lg:backdrop-blur xl:backdrop-blur transition duration-200 ease-in opacity-0 -translate-y-1 hidden">
|
||
<div class="bg-white lg:bg-semi-white md:bg-semi-white xl:bg-semi-white">
|
||
<div class="mx-8 lg:mx-40 xl:mx-40 px-6 sm:p-6 md:p-8">
|
||
|
||
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</nav>
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
<nav>
|
||
<div id="ecosystem-menu" class="mt-16 sm:mt-0 md:mt-0 lg:mt-0 xl:mt-0 2xl:mt-0 z-30 absolute inset-x-0 transform shadow-lg lg:backdrop-blur xl:backdrop-blur transition duration-200 ease-in opacity-0 -translate-y-1 hidden">
|
||
<div class="bg-white lg:bg-semi-white md:bg-semi-white xl:bg-semi-white">
|
||
<div class="mx-8 lg:mx-40 xl:mx-40 px-6 sm:p-6 md:p-8">
|
||
|
||
</ul>
|
||
<!-- row shortcode
|
||
Shortcode used in markdown for the creation of mobile compatible vertical rows
|
||
Divides markdown into columns by splitting content using column identifier "|||"
|
||
Creates equal width blocks in a flex row.
|
||
|
||
Parameters:
|
||
- style:
|
||
- lean: if style is lean, the row doesn't have outer margins
|
||
- bgPath: if bgPath is passed, the row has a full width background
|
||
-->
|
||
|
||
|
||
|
||
<!-- aligns columns depending on col number-->
|
||
|
||
|
||
|
||
|
||
<!-- makes row full screen width and adds background img -->
|
||
|
||
<div class="relative flex flex-col lg:flex-row items-baseline -mx-8 sm:-mx-12 lg:-mx-12 xl:-mx-8">
|
||
|
||
<!-- Hides empty columns if displayed vertically in small screen -->
|
||
|
||
<div class="flex-1 m-2 lg:m-4 my-header">
|
||
<p>
|
||
<hr class="border-t-2 mt-2">
|
||
<br/>
|
||
|
||
|
||
|
||
|
||
<button onclick="window.location='/partners'"
|
||
class="leading-6 border-transparent flex flex-col border-2 w-full items-start rounded transition hover:first:text-gray-500 hover:border-stone-200 hover:bg-stone-100 p-2 text-left">
|
||
</p>
|
||
<p><a href="/partners">Our Partners</a>
|
||
<br>
|
||
Explore Our Partners</p>
|
||
<p>
|
||
</button>
|
||
|
||
|
||
</div>
|
||
|
||
|
||
<!-- Hides empty columns if displayed vertically in small screen -->
|
||
|
||
<div class="flex-1 m-2 lg:m-4 my-header">
|
||
</p>
|
||
<p>
|
||
<hr class="border-t-2 mt-2">
|
||
<br/>
|
||
|
||
|
||
|
||
|
||
<button onclick="window.open('https://consciousinternet.org/', '_blank');"
|
||
class="leading-6 border-transparent flex flex-col border-2 w-full items-start rounded transition hover:first:text-gray-500 hover:border-stone-200 hover:bg-stone-100 p-2 text-left">
|
||
</p>
|
||
<p><a rel="noopener nofollow noreferrer" target="_blank" href="https://consciousinternet.org/">Alliance</a>
|
||
<br>
|
||
Alliance For A Conscious Internet</p>
|
||
<p>
|
||
</button>
|
||
|
||
|
||
</div>
|
||
|
||
|
||
</div>
|
||
<ul>
|
||
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</nav>
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
<nav>
|
||
<div id="community-menu" class="mt-16 sm:mt-0 md:mt-0 lg:mt-0 xl:mt-0 2xl:mt-0 z-30 absolute inset-x-0 transform shadow-lg lg:backdrop-blur xl:backdrop-blur transition duration-200 ease-in opacity-0 -translate-y-1 hidden">
|
||
<div class="bg-white lg:bg-semi-white md:bg-semi-white xl:bg-semi-white">
|
||
<div class="mx-8 lg:mx-40 xl:mx-40 px-6 sm:p-6 md:p-8">
|
||
|
||
</ul>
|
||
<!-- row shortcode
|
||
Shortcode used in markdown for the creation of mobile compatible vertical rows
|
||
Divides markdown into columns by splitting content using column identifier "|||"
|
||
Creates equal width blocks in a flex row.
|
||
|
||
Parameters:
|
||
- style:
|
||
- lean: if style is lean, the row doesn't have outer margins
|
||
- bgPath: if bgPath is passed, the row has a full width background
|
||
-->
|
||
|
||
|
||
|
||
<!-- aligns columns depending on col number-->
|
||
|
||
|
||
|
||
|
||
<!-- makes row full screen width and adds background img -->
|
||
|
||
<div class="relative flex flex-col lg:flex-row items-baseline -mx-8 sm:-mx-12 lg:-mx-12 xl:-mx-8">
|
||
|
||
<!-- Hides empty columns if displayed vertically in small screen -->
|
||
|
||
<div class="flex-1 m-2 lg:m-4 my-header">
|
||
<p>
|
||
<hr class="border-t-2 mt-2">
|
||
<br/>
|
||
|
||
|
||
|
||
|
||
<button onclick="window.location='/people'"
|
||
class="leading-6 border-transparent flex flex-col border-2 w-full items-start rounded transition hover:first:text-gray-500 hover:border-stone-200 hover:bg-stone-100 p-2 text-left">
|
||
</p>
|
||
<p><a href="/people">Our People</a>
|
||
<br>
|
||
Team, stories, & more</p>
|
||
<p>
|
||
</button>
|
||
|
||
|
||
</div>
|
||
|
||
|
||
<!-- Hides empty columns if displayed vertically in small screen -->
|
||
|
||
<div class="flex-1 m-2 lg:m-4 my-header">
|
||
</p>
|
||
<p>
|
||
<hr class="border-t-2 mt-2">
|
||
<br/>
|
||
|
||
|
||
|
||
|
||
<button onclick="window.location='/community'"
|
||
class="leading-6 border-transparent flex flex-col border-2 w-full items-start rounded transition hover:first:text-gray-500 hover:border-stone-200 hover:bg-stone-100 p-2 text-left">
|
||
</p>
|
||
<p><a href="/community">ThreeFold Community</a>
|
||
<br>
|
||
Welcome To The Fold</p>
|
||
<p>
|
||
</button>
|
||
|
||
|
||
</div>
|
||
|
||
|
||
<!-- Hides empty columns if displayed vertically in small screen -->
|
||
|
||
<div class="flex-1 m-2 lg:m-4 my-header">
|
||
</p>
|
||
<p>
|
||
<hr class="border-t-2 mt-2">
|
||
<br/>
|
||
|
||
|
||
|
||
|
||
<button onclick="window.location='/developer'"
|
||
class="leading-6 border-transparent flex flex-col border-2 w-full items-start rounded transition hover:first:text-gray-500 hover:border-stone-200 hover:bg-stone-100 p-2 text-left">
|
||
</p>
|
||
<p><a href="/developer">Developers Resources</a>
|
||
<br>
|
||
Join The Developer Community</p>
|
||
<p>
|
||
</button>
|
||
|
||
|
||
</div>
|
||
|
||
|
||
</div>
|
||
<ul>
|
||
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</nav>
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
<nav>
|
||
<div id="moreinfo-menu" class="mt-16 sm:mt-0 md:mt-0 lg:mt-0 xl:mt-0 2xl:mt-0 z-30 absolute inset-x-0 transform shadow-lg lg:backdrop-blur xl:backdrop-blur transition duration-200 ease-in opacity-0 -translate-y-1 hidden">
|
||
<div class="bg-white lg:bg-semi-white md:bg-semi-white xl:bg-semi-white">
|
||
<div class="mx-8 lg:mx-40 xl:mx-40 px-6 sm:p-6 md:p-8">
|
||
|
||
</ul>
|
||
<!-- row shortcode
|
||
Shortcode used in markdown for the creation of mobile compatible vertical rows
|
||
Divides markdown into columns by splitting content using column identifier "|||"
|
||
Creates equal width blocks in a flex row.
|
||
|
||
Parameters:
|
||
- style:
|
||
- lean: if style is lean, the row doesn't have outer margins
|
||
- bgPath: if bgPath is passed, the row has a full width background
|
||
-->
|
||
|
||
|
||
|
||
<!-- aligns columns depending on col number-->
|
||
|
||
|
||
|
||
|
||
<!-- makes row full screen width and adds background img -->
|
||
|
||
<div class="relative flex flex-col lg:flex-row items-baseline -mx-8 sm:-mx-12 lg:-mx-12 xl:-mx-8">
|
||
|
||
<!-- Hides empty columns if displayed vertically in small screen -->
|
||
|
||
<div class="flex-1 m-2 lg:m-4 my-header">
|
||
<h4 id="resources">RESOURCES</h4>
|
||
<p>
|
||
<hr class="border-t-2 mt-2">
|
||
<br/>
|
||
|
||
|
||
|
||
|
||
<button onclick="window.open('https://explorer.threefold.io/all', '_blank');"
|
||
class="leading-6 border-transparent flex flex-col border-2 w-full items-start rounded transition hover:first:text-gray-500 hover:border-stone-200 hover:bg-stone-100 p-2 text-left">
|
||
</p>
|
||
<p><a rel="noopener nofollow noreferrer" target="_blank" href="https://explorer.threefold.io/all">Explorer</a></p>
|
||
<p>ThreeFold Capacity Explorer</p>
|
||
<p>
|
||
</button>
|
||
|
||
|
||
|
||
|
||
|
||
<button onclick="window.open('https://library.threefold.me/info/threefold#/', '_blank');"
|
||
class="leading-6 border-transparent flex flex-col border-2 w-full items-start rounded transition hover:first:text-gray-500 hover:border-stone-200 hover:bg-stone-100 p-2 text-left">
|
||
</p>
|
||
<p></p>
|
||
<p><a rel="noopener nofollow noreferrer" target="_blank" href="https://library.threefold.me/info/threefold#/">Library</a>
|
||
<br>
|
||
Explorer The documentation</p>
|
||
<p>
|
||
</button>
|
||
|
||
|
||
</div>
|
||
|
||
|
||
<!-- Hides empty columns if displayed vertically in small screen -->
|
||
|
||
<div class="flex-1 m-2 lg:m-4 my-header">
|
||
</p>
|
||
<h4 id="dive-deeper">DIVE DEEPER</h4>
|
||
<p>
|
||
<hr class="border-t-2 mt-2">
|
||
<br/>
|
||
|
||
|
||
|
||
|
||
<button onclick="window.location='/blog'"
|
||
class="leading-6 border-transparent flex flex-col border-2 w-full items-start rounded transition hover:first:text-gray-500 hover:border-stone-200 hover:bg-stone-100 p-2 text-left">
|
||
</p>
|
||
<p><a href="/blog">Blog</a>
|
||
<br>
|
||
Explorer The Blogs</p>
|
||
<p>
|
||
</button>
|
||
|
||
|
||
|
||
|
||
|
||
<button onclick="window.location='/newsroom'"
|
||
class="leading-6 border-transparent flex flex-col border-2 w-full items-start rounded transition hover:first:text-gray-500 hover:border-stone-200 hover:bg-stone-100 p-2 text-left">
|
||
</p>
|
||
<p></p>
|
||
<p><a href="/newsroom">Newsroom</a>
|
||
<br>
|
||
Check Last Updates</p>
|
||
<p>
|
||
</button>
|
||
|
||
|
||
</div>
|
||
|
||
|
||
<!-- Hides empty columns if displayed vertically in small screen -->
|
||
|
||
<div class="flex-1 m-2 lg:m-4 my-header">
|
||
</p>
|
||
<h4 id="support-and-help">SUPPORT AND HELP</h4>
|
||
<p>
|
||
<hr class="border-t-2 mt-2">
|
||
<br/>
|
||
|
||
|
||
|
||
|
||
<button onclick="window.location='/careers'"
|
||
class="leading-6 border-transparent flex flex-col border-2 w-full items-start rounded transition hover:first:text-gray-500 hover:border-stone-200 hover:bg-stone-100 p-2 text-left">
|
||
</p>
|
||
<p><a href="/careers">Careers</a>
|
||
<br>
|
||
Join The TEAM</p>
|
||
<p>
|
||
</button>
|
||
|
||
|
||
|
||
|
||
|
||
<button onclick="window.location='/support'"
|
||
class="leading-6 border-transparent flex flex-col border-2 w-full items-start rounded transition hover:first:text-gray-500 hover:border-stone-200 hover:bg-stone-100 p-2 text-left">
|
||
</p>
|
||
<p></p>
|
||
<p><a href="/support">Support</a>
|
||
<br>
|
||
Get In Touch With ThreeFold</p>
|
||
<p>
|
||
</button>
|
||
|
||
|
||
</div>
|
||
|
||
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</nav>
|
||
|
||
|
||
|
||
|
||
|
||
|
||
<!--
|
||
Mobile menu, show/hide based on mobile menu state.
|
||
|
||
Entering: "duration-200 ease-out"
|
||
From: "opacity-0 scale-95"
|
||
To: "opacity-100 scale-100"
|
||
Leaving: "duration-100 ease-in"
|
||
From: "opacity-100 scale-100"
|
||
To: "opacity-0 scale-95"
|
||
-->
|
||
<div id="hamburger" class="hidden fixed mt-16 z-20 top-0 inset-x-0 transition transform origin-top-right lg:hidden">
|
||
<div>
|
||
<div class="shadow-xs h-screen bg-white divide-y-2 divide-gray-50">
|
||
<div class="pb-6 sm:px-12 md:px-16 mt-6 lg:px-20 space-y-6 sm:space-y-8 sm:pb-8 max-h-screen overflow-y-auto">
|
||
|
||
<nav class="flex flex-col justify-around pb-12">
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
<a href="/mission" class="text-lg px-8 py-3 leading-6 font-normal text-gray-900 hover:text-gray-900 focus:outline-none focus:text-gray-900 transition ease-in-out duration-150">
|
||
Mission
|
||
</a>
|
||
|
||
|
||
<hr/>
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
<a href="/grid" class="text-lg px-8 py-3 leading-6 font-normal text-gray-900 hover:text-gray-900 focus:outline-none focus:text-gray-900 transition ease-in-out duration-150">
|
||
Grid
|
||
</a>
|
||
|
||
|
||
<hr/>
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
<a href="/cloud" class="text-lg px-8 py-3 leading-6 font-normal text-gray-900 hover:text-gray-900 focus:outline-none focus:text-gray-900 transition ease-in-out duration-150">
|
||
Cloud
|
||
</a>
|
||
|
||
|
||
<hr/>
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
<a href="/farm" class="text-lg px-8 py-3 leading-6 font-normal text-gray-900 hover:text-gray-900 focus:outline-none focus:text-gray-900 transition ease-in-out duration-150">
|
||
Farm
|
||
</a>
|
||
|
||
|
||
<hr/>
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
<a href="/tft" class="text-lg px-8 py-3 leading-6 font-normal text-gray-900 hover:text-gray-900 focus:outline-none focus:text-gray-900 transition ease-in-out duration-150">
|
||
TFT
|
||
</a>
|
||
|
||
|
||
<hr/>
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
<button type="button" id="ecosystem-mobile-menu-btn" class="flex flex px-8 py-3 items-start text-left text-gray-900 group inline-flex space-x-2 text-lg leading-6 font-normal hover:text-gray-900 focus:outline-none focus:text-gray-900 transition ease-in-out duration-150">
|
||
<span>Ecosystem</span>
|
||
<div class="-rotate-90 transition-transform"><svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 0 24 24" width="24px" fill="#000000"><path d="M0 0h24v24H0z" fill="none"/><path d="M16.59 8.59L12 13.17 7.41 8.59 6 10l6 6 6-6z"/></svg></div>
|
||
</button>
|
||
|
||
<div id="ecosystem-mobile-menu" class="z-50 leading-3 pl-12 pt-6 pb-4 inset-x-0 text-sm transform duration-200 ease-in opacity-0 -translate-y-1 hidden">
|
||
|
||
</ul>
|
||
<!-- row shortcode
|
||
Shortcode used in markdown for the creation of mobile compatible vertical rows
|
||
Divides markdown into columns by splitting content using column identifier "|||"
|
||
Creates equal width blocks in a flex row.
|
||
|
||
Parameters:
|
||
- style:
|
||
- lean: if style is lean, the row doesn't have outer margins
|
||
- bgPath: if bgPath is passed, the row has a full width background
|
||
-->
|
||
|
||
|
||
|
||
<!-- aligns columns depending on col number-->
|
||
|
||
|
||
|
||
|
||
<!-- makes row full screen width and adds background img -->
|
||
|
||
<div class="relative flex flex-col lg:flex-row items-baseline -mx-8 sm:-mx-12 lg:-mx-12 xl:-mx-8">
|
||
|
||
<!-- Hides empty columns if displayed vertically in small screen -->
|
||
|
||
<div class="flex-1 m-2 lg:m-4 my-header">
|
||
<p>
|
||
<hr class="border-t-2 mt-2">
|
||
<br/>
|
||
|
||
|
||
|
||
|
||
<button onclick="window.location='/partners'"
|
||
class="leading-6 border-transparent flex flex-col border-2 w-full items-start rounded transition hover:first:text-gray-500 hover:border-stone-200 hover:bg-stone-100 p-2 text-left">
|
||
</p>
|
||
<p><a href="/partners">Our Partners</a>
|
||
<br>
|
||
Explore Our Partners</p>
|
||
<p>
|
||
</button>
|
||
|
||
|
||
</div>
|
||
|
||
|
||
<!-- Hides empty columns if displayed vertically in small screen -->
|
||
|
||
<div class="flex-1 m-2 lg:m-4 my-header">
|
||
</p>
|
||
<p>
|
||
<hr class="border-t-2 mt-2">
|
||
<br/>
|
||
|
||
|
||
|
||
|
||
<button onclick="window.open('https://consciousinternet.org/', '_blank');"
|
||
class="leading-6 border-transparent flex flex-col border-2 w-full items-start rounded transition hover:first:text-gray-500 hover:border-stone-200 hover:bg-stone-100 p-2 text-left">
|
||
</p>
|
||
<p><a rel="noopener nofollow noreferrer" target="_blank" href="https://consciousinternet.org/">Alliance</a>
|
||
<br>
|
||
Alliance For A Conscious Internet</p>
|
||
<p>
|
||
</button>
|
||
|
||
|
||
</div>
|
||
|
||
|
||
</div>
|
||
<ul>
|
||
|
||
</div>
|
||
|
||
|
||
<hr/>
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
<button type="button" id="community-mobile-menu-btn" class="flex flex px-8 py-3 items-start text-left text-gray-900 group inline-flex space-x-2 text-lg leading-6 font-normal hover:text-gray-900 focus:outline-none focus:text-gray-900 transition ease-in-out duration-150">
|
||
<span>Community</span>
|
||
<div class="-rotate-90 transition-transform"><svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 0 24 24" width="24px" fill="#000000"><path d="M0 0h24v24H0z" fill="none"/><path d="M16.59 8.59L12 13.17 7.41 8.59 6 10l6 6 6-6z"/></svg></div>
|
||
</button>
|
||
|
||
<div id="community-mobile-menu" class="z-50 leading-3 pl-12 pt-6 pb-4 inset-x-0 text-sm transform duration-200 ease-in opacity-0 -translate-y-1 hidden">
|
||
|
||
</ul>
|
||
<!-- row shortcode
|
||
Shortcode used in markdown for the creation of mobile compatible vertical rows
|
||
Divides markdown into columns by splitting content using column identifier "|||"
|
||
Creates equal width blocks in a flex row.
|
||
|
||
Parameters:
|
||
- style:
|
||
- lean: if style is lean, the row doesn't have outer margins
|
||
- bgPath: if bgPath is passed, the row has a full width background
|
||
-->
|
||
|
||
|
||
|
||
<!-- aligns columns depending on col number-->
|
||
|
||
|
||
|
||
|
||
<!-- makes row full screen width and adds background img -->
|
||
|
||
<div class="relative flex flex-col lg:flex-row items-baseline -mx-8 sm:-mx-12 lg:-mx-12 xl:-mx-8">
|
||
|
||
<!-- Hides empty columns if displayed vertically in small screen -->
|
||
|
||
<div class="flex-1 m-2 lg:m-4 my-header">
|
||
<p>
|
||
<hr class="border-t-2 mt-2">
|
||
<br/>
|
||
|
||
|
||
|
||
|
||
<button onclick="window.location='/people'"
|
||
class="leading-6 border-transparent flex flex-col border-2 w-full items-start rounded transition hover:first:text-gray-500 hover:border-stone-200 hover:bg-stone-100 p-2 text-left">
|
||
</p>
|
||
<p><a href="/people">Our People</a>
|
||
<br>
|
||
Team, stories, & more</p>
|
||
<p>
|
||
</button>
|
||
|
||
|
||
</div>
|
||
|
||
|
||
<!-- Hides empty columns if displayed vertically in small screen -->
|
||
|
||
<div class="flex-1 m-2 lg:m-4 my-header">
|
||
</p>
|
||
<p>
|
||
<hr class="border-t-2 mt-2">
|
||
<br/>
|
||
|
||
|
||
|
||
|
||
<button onclick="window.location='/community'"
|
||
class="leading-6 border-transparent flex flex-col border-2 w-full items-start rounded transition hover:first:text-gray-500 hover:border-stone-200 hover:bg-stone-100 p-2 text-left">
|
||
</p>
|
||
<p><a href="/community">ThreeFold Community</a>
|
||
<br>
|
||
Welcome To The Fold</p>
|
||
<p>
|
||
</button>
|
||
|
||
|
||
</div>
|
||
|
||
|
||
<!-- Hides empty columns if displayed vertically in small screen -->
|
||
|
||
<div class="flex-1 m-2 lg:m-4 my-header">
|
||
</p>
|
||
<p>
|
||
<hr class="border-t-2 mt-2">
|
||
<br/>
|
||
|
||
|
||
|
||
|
||
<button onclick="window.location='/developer'"
|
||
class="leading-6 border-transparent flex flex-col border-2 w-full items-start rounded transition hover:first:text-gray-500 hover:border-stone-200 hover:bg-stone-100 p-2 text-left">
|
||
</p>
|
||
<p><a href="/developer">Developers Resources</a>
|
||
<br>
|
||
Join The Developer Community</p>
|
||
<p>
|
||
</button>
|
||
|
||
|
||
</div>
|
||
|
||
|
||
</div>
|
||
<ul>
|
||
|
||
</div>
|
||
|
||
|
||
<hr/>
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
<button type="button" id="moreinfo-mobile-menu-btn" class="flex flex px-8 py-3 items-start text-left text-gray-900 group inline-flex space-x-2 text-lg leading-6 font-normal hover:text-gray-900 focus:outline-none focus:text-gray-900 transition ease-in-out duration-150">
|
||
<span>MoreInfo</span>
|
||
<div class="-rotate-90 transition-transform"><svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 0 24 24" width="24px" fill="#000000"><path d="M0 0h24v24H0z" fill="none"/><path d="M16.59 8.59L12 13.17 7.41 8.59 6 10l6 6 6-6z"/></svg></div>
|
||
</button>
|
||
|
||
<div id="moreinfo-mobile-menu" class="z-50 leading-3 pl-12 pt-6 pb-4 inset-x-0 text-sm transform duration-200 ease-in opacity-0 -translate-y-1 hidden">
|
||
|
||
</ul>
|
||
<!-- row shortcode
|
||
Shortcode used in markdown for the creation of mobile compatible vertical rows
|
||
Divides markdown into columns by splitting content using column identifier "|||"
|
||
Creates equal width blocks in a flex row.
|
||
|
||
Parameters:
|
||
- style:
|
||
- lean: if style is lean, the row doesn't have outer margins
|
||
- bgPath: if bgPath is passed, the row has a full width background
|
||
-->
|
||
|
||
|
||
|
||
<!-- aligns columns depending on col number-->
|
||
|
||
|
||
|
||
|
||
<!-- makes row full screen width and adds background img -->
|
||
|
||
<div class="relative flex flex-col lg:flex-row items-baseline -mx-8 sm:-mx-12 lg:-mx-12 xl:-mx-8">
|
||
|
||
<!-- Hides empty columns if displayed vertically in small screen -->
|
||
|
||
<div class="flex-1 m-2 lg:m-4 my-header">
|
||
<h4 id="resources">RESOURCES</h4>
|
||
<p>
|
||
<hr class="border-t-2 mt-2">
|
||
<br/>
|
||
|
||
|
||
|
||
|
||
<button onclick="window.open('https://explorer.threefold.io/all', '_blank');"
|
||
class="leading-6 border-transparent flex flex-col border-2 w-full items-start rounded transition hover:first:text-gray-500 hover:border-stone-200 hover:bg-stone-100 p-2 text-left">
|
||
</p>
|
||
<p><a rel="noopener nofollow noreferrer" target="_blank" href="https://explorer.threefold.io/all">Explorer</a></p>
|
||
<p>ThreeFold Capacity Explorer</p>
|
||
<p>
|
||
</button>
|
||
|
||
|
||
|
||
|
||
|
||
<button onclick="window.open('https://library.threefold.me/info/threefold#/', '_blank');"
|
||
class="leading-6 border-transparent flex flex-col border-2 w-full items-start rounded transition hover:first:text-gray-500 hover:border-stone-200 hover:bg-stone-100 p-2 text-left">
|
||
</p>
|
||
<p></p>
|
||
<p><a rel="noopener nofollow noreferrer" target="_blank" href="https://library.threefold.me/info/threefold#/">Library</a>
|
||
<br>
|
||
Explorer The documentation</p>
|
||
<p>
|
||
</button>
|
||
|
||
|
||
</div>
|
||
|
||
|
||
<!-- Hides empty columns if displayed vertically in small screen -->
|
||
|
||
<div class="flex-1 m-2 lg:m-4 my-header">
|
||
</p>
|
||
<h4 id="dive-deeper">DIVE DEEPER</h4>
|
||
<p>
|
||
<hr class="border-t-2 mt-2">
|
||
<br/>
|
||
|
||
|
||
|
||
|
||
<button onclick="window.location='/blog'"
|
||
class="leading-6 border-transparent flex flex-col border-2 w-full items-start rounded transition hover:first:text-gray-500 hover:border-stone-200 hover:bg-stone-100 p-2 text-left">
|
||
</p>
|
||
<p><a href="/blog">Blog</a>
|
||
<br>
|
||
Explorer The Blogs</p>
|
||
<p>
|
||
</button>
|
||
|
||
|
||
|
||
|
||
|
||
<button onclick="window.location='/newsroom'"
|
||
class="leading-6 border-transparent flex flex-col border-2 w-full items-start rounded transition hover:first:text-gray-500 hover:border-stone-200 hover:bg-stone-100 p-2 text-left">
|
||
</p>
|
||
<p></p>
|
||
<p><a href="/newsroom">Newsroom</a>
|
||
<br>
|
||
Check Last Updates</p>
|
||
<p>
|
||
</button>
|
||
|
||
|
||
</div>
|
||
|
||
|
||
<!-- Hides empty columns if displayed vertically in small screen -->
|
||
|
||
<div class="flex-1 m-2 lg:m-4 my-header">
|
||
</p>
|
||
<h4 id="support-and-help">SUPPORT AND HELP</h4>
|
||
<p>
|
||
<hr class="border-t-2 mt-2">
|
||
<br/>
|
||
|
||
|
||
|
||
|
||
<button onclick="window.location='/careers'"
|
||
class="leading-6 border-transparent flex flex-col border-2 w-full items-start rounded transition hover:first:text-gray-500 hover:border-stone-200 hover:bg-stone-100 p-2 text-left">
|
||
</p>
|
||
<p><a href="/careers">Careers</a>
|
||
<br>
|
||
Join The TEAM</p>
|
||
<p>
|
||
</button>
|
||
|
||
|
||
|
||
|
||
|
||
<button onclick="window.location='/support'"
|
||
class="leading-6 border-transparent flex flex-col border-2 w-full items-start rounded transition hover:first:text-gray-500 hover:border-stone-200 hover:bg-stone-100 p-2 text-left">
|
||
</p>
|
||
<p></p>
|
||
<p><a href="/support">Support</a>
|
||
<br>
|
||
Get In Touch With ThreeFold</p>
|
||
<p>
|
||
</button>
|
||
|
||
|
||
</div>
|
||
|
||
|
||
</div>
|
||
</div>
|
||
|
||
|
||
<hr/>
|
||
|
||
|
||
|
||
<div class="mx-8 mt-8">
|
||
<div class="space-y-8 lg:max-w-sm xl:max-w-sm lg:mr-8 lg:mb-8 xl:col-span-1">
|
||
<img class="w-32 h-auto" src="/images/tft_log.svg" alt="Company name" />
|
||
<p class="text-gray-500 text-base leading-6 ">
|
||
|
||
</p>
|
||
|
||
|
||
<div class="flex space-x-4">
|
||
|
||
|
||
<a href="https://www.facebook.com/threefold.io" target="_blank" class="text-gray-400 hover:text-gray-500">
|
||
<span class="sr-only">Facebook</span>
|
||
|
||
<svg class="h-8 w-8" aria-hidden="true" fill="currentColor" viewBox="0 0 24 24">
|
||
<path fill-rule="evenodd" d="M22 12c0-5.523-4.477-10-10-10S2 6.477 2 12c0 4.991 3.657 9.128 8.438 9.878v-6.987h-2.54V12h2.54V9.797c0-2.506 1.492-3.89 3.777-3.89 1.094 0 2.238.195 2.238.195v2.46h-1.26c-1.243 0-1.63.771-1.63 1.562V12h2.773l-.443 2.89h-2.33v6.988C18.343 21.128 22 16.991 22 12z" clip-rule="evenodd" />
|
||
</svg>
|
||
|
||
</a>
|
||
|
||
|
||
|
||
<a href="https://github.com/threefoldfoundation" target="_blank" class="text-gray-400 hover:text-gray-500">
|
||
<span class="sr-only">Github</span>
|
||
|
||
<svg class="h-8 w-8" aria-hidden="true" fill="currentColor" viewBox="0 0 24 24">
|
||
<path fill-rule="evenodd" d="M12 2C6.477 2 2 6.484 2 12.017c0 4.425 2.865 8.18 6.839 9.504.5.092.682-.217.682-.483 0-.237-.008-.868-.013-1.703-2.782.605-3.369-1.343-3.369-1.343-.454-1.158-1.11-1.466-1.11-1.466-.908-.62.069-.608.069-.608 1.003.07 1.531 1.032 1.531 1.032.892 1.53 2.341 1.088 2.91.832.092-.647.35-1.088.636-1.338-2.22-.253-4.555-1.113-4.555-4.951 0-1.093.39-1.988 1.029-2.688-.103-.253-.446-1.272.098-2.65 0 0 .84-.27 2.75 1.026A9.564 9.564 0 0112 6.844c.85.004 1.705.115 2.504.337 1.909-1.296 2.747-1.027 2.747-1.027.546 1.379.202 2.398.1 2.651.64.7 1.028 1.595 1.028 2.688 0 3.848-2.339 4.695-4.566 4.943.359.309.678.92.678 1.855 0 1.338-.012 2.419-.012 2.747 0 .268.18.58.688.482A10.019 10.019 0 0022 12.017C22 6.484 17.522 2 12 2z" clip-rule="evenodd" />
|
||
</svg>
|
||
|
||
</a>
|
||
|
||
|
||
|
||
<a href="https://github.com/threefoldtech" target="_blank" class="text-gray-400 hover:text-gray-500">
|
||
<span class="sr-only">Github2</span>
|
||
|
||
<svg class="h-8 w-8" aria-hidden="true" fill="currentColor" viewBox="0 0 24 24">
|
||
<path fill-rule="evenodd" d="M12 2C6.477 2 2 6.484 2 12.017c0 4.425 2.865 8.18 6.839 9.504.5.092.682-.217.682-.483 0-.237-.008-.868-.013-1.703-2.782.605-3.369-1.343-3.369-1.343-.454-1.158-1.11-1.466-1.11-1.466-.908-.62.069-.608.069-.608 1.003.07 1.531 1.032 1.531 1.032.892 1.53 2.341 1.088 2.91.832.092-.647.35-1.088.636-1.338-2.22-.253-4.555-1.113-4.555-4.951 0-1.093.39-1.988 1.029-2.688-.103-.253-.446-1.272.098-2.65 0 0 .84-.27 2.75 1.026A9.564 9.564 0 0112 6.844c.85.004 1.705.115 2.504.337 1.909-1.296 2.747-1.027 2.747-1.027.546 1.379.202 2.398.1 2.651.64.7 1.028 1.595 1.028 2.688 0 3.848-2.339 4.695-4.566 4.943.359.309.678.92.678 1.855 0 1.338-.012 2.419-.012 2.747 0 .268.18.58.688.482A10.019 10.019 0 0022 12.017C22 6.484 17.522 2 12 2z" clip-rule="evenodd" />
|
||
</svg>
|
||
|
||
</a>
|
||
|
||
|
||
|
||
<a href="https://twitter.com/threefold_io" target="_blank" class="text-gray-400 hover:text-gray-500">
|
||
<span class="sr-only">Twitter</span>
|
||
|
||
<svg class="h-8 w-8" aria-hidden="true" fill="currentColor" viewBox="0 0 24 24">
|
||
<path d="M8.29 20.251c7.547 0 11.675-6.253 11.675-11.675 0-.178 0-.355-.012-.53A8.348 8.348 0 0022 5.92a8.19 8.19 0 01-2.357.646 4.118 4.118 0 001.804-2.27 8.224 8.224 0 01-2.605.996 4.107 4.107 0 00-6.993 3.743 11.65 11.65 0 01-8.457-4.287 4.106 4.106 0 001.27 5.477A4.072 4.072 0 012.8 9.713v.052a4.105 4.105 0 003.292 4.022 4.095 4.095 0 01-1.853.07 4.108 4.108 0 003.834 2.85A8.233 8.233 0 012 18.407a11.616 11.616 0 006.29 1.84" />
|
||
</svg>
|
||
|
||
</a>
|
||
|
||
|
||
|
||
<a href="https://t.me/threefoldnews" target="_blank" class="text-gray-400 hover:text-gray-500">
|
||
<span class="sr-only">Telegram</span>
|
||
|
||
<svg data-v-14efe4a7="" xmlns="http://www.w3.org/2000/svg" width="1.6rem" height="1.6rem" fill="currentColor" viewBox="0 0 16 16" class="bi bi-telegram mt-1"><path data-v-14efe4a7="" d="M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0zM8.287 5.906c-.778.324-2.334.994-4.666 2.01-.378.15-.577.298-.595.442-.03.243.275.339.69.47l.175.055c.408.133.958.288 1.243.294.26.006.549-.1.868-.32 2.179-1.471 3.304-2.214 3.374-2.23.05-.012.12-.026.166.016.047.041.042.12.037.141-.03.129-1.227 1.241-1.846 1.817-.193.18-.33.307-.358.336a8.154 8.154 0 0 1-.188.186c-.38.366-.664.64.015 1.088.327.216.589.393.85.571.284.194.568.387.936.629.093.06.183.125.27.187.331.236.63.448.997.414.214-.02.435-.22.547-.82.265-1.417.786-4.486.906-5.751a1.426 1.426 0 0 0-.013-.315.337.337 0 0 0-.114-.217.526.526 0 0 0-.31-.093c-.3.005-.763.166-2.984 1.09z"></path></svg>
|
||
|
||
</a>
|
||
|
||
|
||
|
||
</div>
|
||
</div>
|
||
</nav>
|
||
</div>
|
||
|
||
</div>
|
||
|
||
</div>
|
||
</div>
|
||
|
||
|
||
</header>
|
||
|
||
|
||
<body>
|
||
|
||
<!-- Google Tag Manager (noscript) -->
|
||
<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-N7PNMFH" height="0" width="0"
|
||
style="display:none;visibility:hidden"></iframe></noscript>
|
||
<!-- End Google Tag Manager (noscript) -->
|
||
|
||
<!-- Twitter universal website tag code -->
|
||
<script>
|
||
!function (e, t, n, s, u, a) {
|
||
e.twq || (s = e.twq = function () {
|
||
s.exe ? s.exe.apply(s, arguments) : s.queue.push(arguments);
|
||
}, s.version = '1.1', s.queue = [], u = t.createElement(n), u.async = !0, u.src = '//static.ads-twitter.com/uwt.js',
|
||
a = t.getElementsByTagName(n)[0], a.parentNode.insertBefore(u, a))
|
||
}(window, document, 'script');
|
||
// Insert Twitter Pixel ID and Standard Event data below
|
||
twq('init', 'o745b');
|
||
twq('track', 'PageView');
|
||
</script>
|
||
<!-- End Twitter universal website tag code -->
|
||
|
||
|
||
<div id="content" class="p-4 pt-12 sm:p-12 md:p-16 lg:p-20 overflow-hidden">
|
||
|
||
|
||
<!-- Landing page template, has a banner and rows of page summaries -->
|
||
<main>
|
||
<!-- section 1 (header) -->
|
||
<!-- row shortcode
|
||
Shortcode used in markdown for the creation of mobile compatible vertical rows
|
||
Divides markdown into columns by splitting content using column identifier "|||"
|
||
Creates equal width blocks in a flex row.
|
||
|
||
Parameters:
|
||
- style:
|
||
- lean: if style is lean, the row doesn't have outer margins
|
||
- bgPath: if bgPath is passed, the row has a full width background
|
||
-->
|
||
|
||
|
||
|
||
|
||
<!-- aligns columns depending on col number-->
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
<!-- makes row with margins -->
|
||
|
||
|
||
<!-- makes row full screen width, strips margins -->
|
||
|
||
|
||
<!-- makes row semi-full screen width, strips margins -->
|
||
|
||
|
||
<!-- makes row full screen width, strips margins -->
|
||
|
||
|
||
|
||
|
||
|
||
|
||
<!-- makes row full screen width and adds background img -->
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
<div class="relative pt-6 p-4 flex flex-col sm:grid sm:grid-cols-2 sm:gap-10 xl:flex xl:flex-row lg:items-center text-center mx-auto justify-center lg:max-w-3xl" style="" id="">
|
||
|
||
|
||
<!-- Hides empty columns if displayed vertically in small screen -->
|
||
|
||
<div class="flex-1 mb-8 md:mb-0 md:mx-8 flex-1 m-4 lg:m-0">
|
||
<!-- handles mermaid markdown content display -->
|
||
|
||
<h2 id="welcome-to-the-people-s-internet">WELCOME TO THE <br> <strong>PEOPLE’S INTERNET</strong></h2>
|
||
<h3 id="join-the-peer-to-peer-revolution">Join the peer-to-peer revolution</h3>
|
||
<p>Powered by the ThreeFold blockchain the People’s Internet is the layer 0 infrastructure for an open source P2P Internet owned by humanity.</p>
|
||
|
||
|
||
</div>
|
||
|
||
|
||
</div><!-- row shortcode
|
||
Shortcode used in markdown for the creation of mobile compatible vertical rows
|
||
Divides markdown into columns by splitting content using column identifier "|||"
|
||
Creates equal width blocks in a flex row.
|
||
|
||
Parameters:
|
||
- style:
|
||
- lean: if style is lean, the row doesn't have outer margins
|
||
- bgPath: if bgPath is passed, the row has a full width background
|
||
-->
|
||
|
||
|
||
|
||
|
||
<!-- aligns columns depending on col number-->
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
<!-- makes row with margins -->
|
||
|
||
|
||
<!-- makes row full screen width, strips margins -->
|
||
|
||
|
||
|
||
|
||
|
||
<!-- makes row semi-full screen width, strips margins -->
|
||
|
||
|
||
<!-- makes row full screen width, strips margins -->
|
||
|
||
|
||
|
||
|
||
<!-- makes row full screen width and adds background img -->
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
<div class="relative flex flex-col lg:flex-row items-baseline -mx-8 sm:-mx-12 md:-mx-16 lg:-mx-20" style="" id="">
|
||
|
||
|
||
<!-- Hides empty columns if displayed vertically in small screen -->
|
||
|
||
<div class="flex-1 m-4 lg:m-0">
|
||
<!-- handles mermaid markdown content display -->
|
||
|
||
<p><img src="/images/threefold_img.jpg#mx-auto" alt="Image" /></p>
|
||
|
||
|
||
</div>
|
||
|
||
|
||
</div><!-- section 2 (EXPAND) -->
|
||
<!-- row shortcode
|
||
Shortcode used in markdown for the creation of mobile compatible vertical rows
|
||
Divides markdown into columns by splitting content using column identifier "|||"
|
||
Creates equal width blocks in a flex row.
|
||
|
||
Parameters:
|
||
- style:
|
||
- lean: if style is lean, the row doesn't have outer margins
|
||
- bgPath: if bgPath is passed, the row has a full width background
|
||
-->
|
||
|
||
|
||
|
||
|
||
<!-- aligns columns depending on col number-->
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
<!-- makes row with margins -->
|
||
|
||
|
||
|
||
|
||
|
||
<!-- makes row full screen width, strips margins -->
|
||
|
||
|
||
<!-- makes row semi-full screen width, strips margins -->
|
||
|
||
|
||
<!-- makes row full screen width, strips margins -->
|
||
|
||
|
||
|
||
|
||
<!-- makes row full screen width and adds background img -->
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
<div class="relative pt-6 p-4 flex flex-col sm:grid sm:grid-cols-2 sm:gap-10 xl:flex xl:flex-row lg:items-center text-center mx-auto justify-center lg:py-28 sm:p-12 md:p-16 lg:p-20" style="" id="">
|
||
|
||
|
||
<!-- Hides empty columns if displayed vertically in small screen -->
|
||
|
||
<div class="flex-1 mb-8 md:mb-0 md:mx-8 flex-1 m-4 lg:m-0 flex-1 m-4 lg:m-0">
|
||
<!-- handles mermaid markdown content display -->
|
||
|
||
<h3 id="expand-the-people-s-internet-and-earn-tft">EXPAND THE PEOPLE’S INTERNET <strong>AND EARN TFT</strong></h3>
|
||
<p>By connecting hardware at your home or office, support the growth of a decentralized Internet and earn a new digital currency, TFT.</p>
|
||
<p><button><a href="/farm">Become a farmer</a></button></p>
|
||
<p><img src="/images/become_farmer_new.jpg#mx-auto" alt="Image" /></p>
|
||
<p>
|
||
|
||
</div>
|
||
|
||
|
||
|
||
<!-- Hides empty columns if displayed vertically in small screen -->
|
||
|
||
<div class="flex-1 mb-8 md:mb-0 md:mx-8 flex-1 m-4 lg:m-0 flex-1 m-4 lg:m-0">
|
||
<!-- handles mermaid markdown content display -->
|
||
|
||
</p>
|
||
<h3 id="decentralize-your-data-and-workloads">DECENTRALIZE YOUR <strong>DATA AND WORKLOADS</strong></h3>
|
||
<p>Companies and developers have already started using ThreeFold for it’s autonomous, decentralization and privacy features.</p>
|
||
<p><button><a href="/cloud">Deploy</a></button></p>
|
||
<p><img src="/images/network_new.jpg#mx-auto" alt="Image" /></p>
|
||
|
||
|
||
</div>
|
||
|
||
|
||
</div><!-- section 3 (P2P) -->
|
||
<!-- row shortcode
|
||
Shortcode used in markdown for the creation of mobile compatible vertical rows
|
||
Divides markdown into columns by splitting content using column identifier "|||"
|
||
Creates equal width blocks in a flex row.
|
||
|
||
Parameters:
|
||
- style:
|
||
- lean: if style is lean, the row doesn't have outer margins
|
||
- bgPath: if bgPath is passed, the row has a full width background
|
||
-->
|
||
|
||
|
||
|
||
|
||
<!-- aligns columns depending on col number-->
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
<!-- makes row with margins -->
|
||
|
||
|
||
|
||
|
||
|
||
<!-- makes row full screen width, strips margins -->
|
||
|
||
|
||
<!-- makes row semi-full screen width, strips margins -->
|
||
|
||
|
||
<!-- makes row full screen width, strips margins -->
|
||
|
||
|
||
|
||
|
||
<!-- makes row full screen width and adds background img -->
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
<div class="relative pt-6 p-4 flex flex-col sm:grid sm:grid-cols-2 sm:gap-10 xl:flex xl:flex-row lg:items-center text-center mx-auto justify-center lg:py-28 sm:p-12 md:p-16 lg:p-20" style="" id="">
|
||
|
||
|
||
<!-- Hides empty columns if displayed vertically in small screen -->
|
||
|
||
<div class="flex-1 mb-8 md:mb-0 md:mx-8 flex-1 m-4 lg:m-0 flex-1 m-4 lg:m-0">
|
||
<!-- handles mermaid markdown content display -->
|
||
|
||
<p><img src="/images/p4p_new.png#medium" alt="Image" /></p>
|
||
<p>
|
||
|
||
</div>
|
||
|
||
|
||
|
||
<!-- Hides empty columns if displayed vertically in small screen -->
|
||
|
||
<div class="flex-1 mb-8 md:mb-0 md:mx-8 flex-1 m-4 lg:m-0 flex-1 m-4 lg:m-0">
|
||
<!-- handles mermaid markdown content display -->
|
||
|
||
</p>
|
||
<h2 id="built-by-the-people-for-humanity">BUILT BY <br> THE PEOPLE <br> <strong>FOR HUMANITY</strong></h2>
|
||
<p>The People’s Internet is formed by independent people from all around the world who connect Internet capacity to a new Planetary Network. Together they form a collective that brings a new paradigm – an open-source peer-to-peer Internet owned by humanity.</p>
|
||
<p><button><a href="/grid">Learn More</a></button></p>
|
||
|
||
|
||
</div>
|
||
|
||
|
||
</div><!-- section 4 (DECENTRALIZED) -->
|
||
<!-- row shortcode
|
||
Shortcode used in markdown for the creation of mobile compatible vertical rows
|
||
Divides markdown into columns by splitting content using column identifier "|||"
|
||
Creates equal width blocks in a flex row.
|
||
|
||
Parameters:
|
||
- style:
|
||
- lean: if style is lean, the row doesn't have outer margins
|
||
- bgPath: if bgPath is passed, the row has a full width background
|
||
-->
|
||
|
||
|
||
|
||
|
||
<!-- aligns columns depending on col number-->
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
<!-- makes row with margins -->
|
||
|
||
|
||
|
||
|
||
|
||
<!-- makes row full screen width, strips margins -->
|
||
|
||
|
||
<!-- makes row semi-full screen width, strips margins -->
|
||
|
||
|
||
<!-- makes row full screen width, strips margins -->
|
||
|
||
|
||
|
||
|
||
<!-- makes row full screen width and adds background img -->
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
<div class="relative pt-6 p-4 flex flex-col sm:grid sm:grid-cols-2 sm:gap-10 xl:flex xl:flex-row lg:items-center text-center mx-auto justify-center lg:py-28 sm:p-12 md:p-16 lg:p-20" style="" id="">
|
||
|
||
|
||
<!-- Hides empty columns if displayed vertically in small screen -->
|
||
|
||
<div class="flex-1 mb-8 md:mb-0 md:mx-8 flex-1 m-4 lg:m-0 flex-1 m-4 lg:m-0">
|
||
<!-- handles mermaid markdown content display -->
|
||
|
||
<h2 id="powered-by-a-decentralized-os">POWERED BY A <br> <strong>DECENTRALIZED OS</strong></h2>
|
||
<p>Zero-OS is a stateless and lightweight operating system designed to host anything that runs on Linux in a decentralized way. Once installed, Zero-OS locks the hardware and dedicates its capacity to the People’s Internet via the ThreeFold Blockchain.</p>
|
||
<p><button><a href="/farm">Learn More</a></button></p>
|
||
<p>
|
||
|
||
</div>
|
||
|
||
|
||
|
||
<!-- Hides empty columns if displayed vertically in small screen -->
|
||
|
||
<div class="flex-1 mb-8 md:mb-0 md:mx-8 flex-1 m-4 lg:m-0 flex-1 m-4 lg:m-0">
|
||
<!-- handles mermaid markdown content display -->
|
||
|
||
</p>
|
||
<p><img src="/images/zero_os.jpg#large" alt="Image" /></p>
|
||
|
||
|
||
</div>
|
||
|
||
|
||
</div><br>
|
||
<br>
|
||
<!-- section 5 (Map) -->
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
<section class="px-2 h-auto bg-center bg-cover bg-no-repeat" style="background-image: url('images/grid_map.png');">
|
||
<div class="flex flex-wrap lg:p-12 text-center -mx-auto">
|
||
<div class="text-center rounded lg:px-6 mt-10 lg:mt-0 mx-auto">
|
||
<h3 id="the-threefold-grid">THE THREEFOLD GRID</h3>
|
||
<h2 id="now-operational"><strong>NOW OPERATIONAL</strong></h2>
|
||
|
||
|
||
<div class="my-10 grid lg:grid-cols-3 lg:gap-8">
|
||
<div class="..."></div>
|
||
|
||
<!-- capacity -->
|
||
<div class="leading-none font-extrabold text-5xl">
|
||
85.64PB
|
||
<span class="block text-3xl uppercase">capacity</span>
|
||
</div>
|
||
<div class="..."></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">
|
||
3236
|
||
<span class="block md:text-2xl uppercase">nodes</span>
|
||
</div>
|
||
</div>
|
||
<div class="hidden md:block"></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">
|
||
81
|
||
<span class="block md:text-2xl uppercase">countries</span>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="..."></div>
|
||
|
||
<!-- cores -->
|
||
<div class="leading-none font-extrabold text-5xl">
|
||
69,942
|
||
<span class="block text-2xl uppercase">cores</span>
|
||
</div>
|
||
<button><a href="https://explorer.threefold.io/all" target="_blank">Explore ThreeFold Grid Capacity</a></button>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<style>
|
||
dd {
|
||
display: inline-block;
|
||
margin: auto;
|
||
border-radius: 50%;
|
||
line-height: 100px;
|
||
}
|
||
|
||
.bg-green {
|
||
background-color: #70dfc9;
|
||
}
|
||
|
||
.bg-pink {
|
||
background-color: #ea1ff7;
|
||
}
|
||
</style><br>
|
||
<br>
|
||
<!-- section 6 (THE TEAM) -->
|
||
<div class="lg:my-32 flex flex-col mt-5 p-auto lg:px-20">
|
||
<h2 class="flex py-2 mx-auto uppercase font-normal lg:text-6xl">
|
||
THE TEAM
|
||
</h2>
|
||
<div class="lg:max-w-4xl text-xl text-center mb-8 mx-auto leading-relaxed">Spread across the world, our team has
|
||
built some of the world’s best Internet storage and cloud automation technologies since the ‘90s. With a strong
|
||
vision for the future, we’re now on a mission to create a peer-to-peer Internet that can host all of humanity’s
|
||
digital workloads via smart contract, removing all forms of centralization from global IT systems.</div>
|
||
<div class="flex overflow-x-scroll pb-10 scrollable">
|
||
<div class="flex flex-nowrap ml-10 mt-10">
|
||
<div class="inline-block px-3">
|
||
<div class="
|
||
box
|
||
max-w-xs
|
||
overflow-hidden
|
||
rounded-full
|
||
shadow-md
|
||
hover:shadow-xl
|
||
transition-shadow
|
||
duration-300
|
||
ease-in-out
|
||
">
|
||
<a href="/people/kristof-de-spiegeleer/" title="Kristof De Spiegeleer">
|
||
<img src="/images/people/kristof_de_spiegeleer.jpeg"
|
||
class="rounded-full mx-auto mt-3" alt="Kristof De Spiegeleer" />
|
||
</a>
|
||
</div>
|
||
</div>
|
||
<div class="inline-block px-3">
|
||
<div class="
|
||
box
|
||
max-w-xs
|
||
overflow-hidden
|
||
rounded-full
|
||
shadow-md
|
||
hover:shadow-xl
|
||
transition-shadow
|
||
duration-300
|
||
ease-in-out
|
||
">
|
||
<a href="/people/adnanfatayerji/" title="Adnan Fatayerji">
|
||
<img src="/images/people/adnan_fatayerji.jpg"
|
||
class="rounded-full mx-auto mt-3" alt="Adnan Fatayerji" />
|
||
</a>
|
||
</div>
|
||
</div>
|
||
<div class="inline-block px-3">
|
||
<div class="
|
||
box
|
||
max-w-xs
|
||
overflow-hidden
|
||
rounded-full
|
||
shadow-md
|
||
hover:shadow-xl
|
||
transition-shadow
|
||
duration-300
|
||
ease-in-out
|
||
">
|
||
<a href="/people/christopher-hutton/" title="Christopher Hutton">
|
||
<img src="/images/people/christhoper_hutton.jpeg"
|
||
class="rounded-full mx-auto mt-3" alt="Christopher Hutton" />
|
||
</a>
|
||
</div>
|
||
</div>
|
||
<div class="inline-block px-3">
|
||
<div class="
|
||
box
|
||
max-w-xs
|
||
overflow-hidden
|
||
rounded-full
|
||
shadow-md
|
||
hover:shadow-xl
|
||
transition-shadow
|
||
duration-300
|
||
ease-in-out
|
||
">
|
||
<a href="/people/ewald-weizenbauer/" title="Ewald Weizenbauer">
|
||
<img src="/images/people/ewald_weizenbauer.jpg"
|
||
class="rounded-full mx-auto mt-3" alt="Ewald Weizenbauer" />
|
||
</a>
|
||
</div>
|
||
</div>
|
||
<div class="inline-block px-3">
|
||
<div class="
|
||
box
|
||
max-w-xs
|
||
overflow-hidden
|
||
rounded-full
|
||
shadow-md
|
||
hover:shadow-xl
|
||
transition-shadow
|
||
duration-300
|
||
ease-in-out
|
||
">
|
||
<a href="/people/jan-de-landtsheer/" title="Jan De Landtsheer">
|
||
<img src="/images/people/jan_de_landtsheer.jpeg"
|
||
class="rounded-full mx-auto mt-3" alt="Jan De Landtsheer" />
|
||
</a>
|
||
</div>
|
||
</div>
|
||
<div class="inline-block px-3">
|
||
<div class="
|
||
box
|
||
max-w-xs
|
||
overflow-hidden
|
||
rounded-full
|
||
shadow-md
|
||
hover:shadow-xl
|
||
transition-shadow
|
||
duration-300
|
||
ease-in-out
|
||
">
|
||
<a href="/people/owen-kemp/" title="Owen Kemp">
|
||
<img src="/images/people/owen_kemp.jpeg"
|
||
class="rounded-full mx-auto mt-3" alt="Owen Kemp" />
|
||
</a>
|
||
</div>
|
||
</div>
|
||
<div class="inline-block px-3">
|
||
<div class="
|
||
box
|
||
max-w-xs
|
||
overflow-hidden
|
||
rounded-full
|
||
shadow-md
|
||
hover:shadow-xl
|
||
transition-shadow
|
||
duration-300
|
||
ease-in-out
|
||
">
|
||
<a href="/people/peter-van-der-henst/" title="Peter van der Henst">
|
||
<img src="/images/people/peter_van_der_henst.png"
|
||
class="rounded-full mx-auto mt-3" alt="Peter van der Henst" />
|
||
</a>
|
||
</div>
|
||
</div>
|
||
<div class="inline-block px-3">
|
||
<div class="
|
||
box
|
||
max-w-xs
|
||
overflow-hidden
|
||
rounded-full
|
||
shadow-md
|
||
hover:shadow-xl
|
||
transition-shadow
|
||
duration-300
|
||
ease-in-out
|
||
">
|
||
<a href="/people/rajinder-singh-grewal/" title="Rajinder Singh Grewal">
|
||
<img src="/images/people/rajinder_singh_grewal.jpeg"
|
||
class="rounded-full mx-auto mt-3" alt="Rajinder Singh Grewal" />
|
||
</a>
|
||
</div>
|
||
</div>
|
||
<div class="inline-block px-3">
|
||
<div class="
|
||
box
|
||
max-w-xs
|
||
overflow-hidden
|
||
rounded-full
|
||
shadow-md
|
||
hover:shadow-xl
|
||
transition-shadow
|
||
duration-300
|
||
ease-in-out
|
||
">
|
||
<a href="/people/rob-van-mieghem/" title="rob van mieghem">
|
||
<img src="/images/people/rob_van_mieghem.jpeg"
|
||
class="rounded-full mx-auto mt-3" alt="rob van mieghem" />
|
||
</a>
|
||
</div>
|
||
</div>
|
||
<div class="inline-block px-3">
|
||
<div class="
|
||
box
|
||
max-w-xs
|
||
overflow-hidden
|
||
rounded-full
|
||
shadow-md
|
||
hover:shadow-xl
|
||
transition-shadow
|
||
duration-300
|
||
ease-in-out
|
||
">
|
||
<a href="/people/sacha-obeegadoo/" title="Sacha obeegadoo">
|
||
<img src="/images/people/sacha_obeegadoo.jpg"
|
||
class="rounded-full mx-auto mt-3" alt="Sacha obeegadoo" />
|
||
</a>
|
||
</div>
|
||
</div>
|
||
<div class="inline-block px-3">
|
||
<div class="
|
||
box
|
||
max-w-xs
|
||
overflow-hidden
|
||
rounded-full
|
||
shadow-md
|
||
hover:shadow-xl
|
||
transition-shadow
|
||
duration-300
|
||
ease-in-out
|
||
">
|
||
<a href="/people/weynand-kuijpers/" title="weynand kuijpers">
|
||
<img src="/images/people/weynand_kuijpers.jpg"
|
||
class="rounded-full mx-auto mt-3" alt="weynand kuijpers" />
|
||
</a>
|
||
</div>
|
||
</div>
|
||
<div class="inline-block px-3">
|
||
<div class="
|
||
box
|
||
max-w-xs
|
||
overflow-hidden
|
||
rounded-full
|
||
shadow-md
|
||
hover:shadow-xl
|
||
transition-shadow
|
||
duration-300
|
||
ease-in-out
|
||
">
|
||
<a href="/people/ahmed-thabet/" title="Ahmed Thabet">
|
||
<img src="/images/people/ahmed_thabet.jpg"
|
||
class="rounded-full mx-auto mt-3" alt="Ahmed Thabet" />
|
||
</a>
|
||
</div>
|
||
</div>
|
||
<div class="inline-block px-3">
|
||
<div class="
|
||
box
|
||
max-w-xs
|
||
overflow-hidden
|
||
rounded-full
|
||
shadow-md
|
||
hover:shadow-xl
|
||
transition-shadow
|
||
duration-300
|
||
ease-in-out
|
||
">
|
||
<a href="/people/alexandre-hannelas/" title="alexandre_hannelas">
|
||
<img src="/images/people/alexandre_hannelas.jpeg"
|
||
class="rounded-full mx-auto mt-3" alt="alexandre_hannelas" />
|
||
</a>
|
||
</div>
|
||
</div>
|
||
<div class="inline-block px-3">
|
||
<div class="
|
||
box
|
||
max-w-xs
|
||
overflow-hidden
|
||
rounded-full
|
||
shadow-md
|
||
hover:shadow-xl
|
||
transition-shadow
|
||
duration-300
|
||
ease-in-out
|
||
">
|
||
<a href="/people/florian-fournier/" title="Florian Fournier">
|
||
<img src="/images/people/florian_fournier.jpeg"
|
||
class="rounded-full mx-auto mt-3" alt="Florian Fournier" />
|
||
</a>
|
||
</div>
|
||
</div>
|
||
<div class="inline-block px-3">
|
||
<div class="
|
||
box
|
||
max-w-xs
|
||
overflow-hidden
|
||
rounded-full
|
||
shadow-md
|
||
hover:shadow-xl
|
||
transition-shadow
|
||
duration-300
|
||
ease-in-out
|
||
">
|
||
<a href="/people/geert-machtelinckx/" title="Geert Machtelinckx">
|
||
<img src="/images/people/geert_machtelinckx.jpg"
|
||
class="rounded-full mx-auto mt-3" alt="Geert Machtelinckx" />
|
||
</a>
|
||
</div>
|
||
</div>
|
||
<div class="inline-block px-3">
|
||
<div class="
|
||
box
|
||
max-w-xs
|
||
overflow-hidden
|
||
rounded-full
|
||
shadow-md
|
||
hover:shadow-xl
|
||
transition-shadow
|
||
duration-300
|
||
ease-in-out
|
||
">
|
||
<a href="/people/karoline-zizka/" title="Karoline Zizka">
|
||
<img src="/images/people/karoline_zizka.jpeg"
|
||
class="rounded-full mx-auto mt-3" alt="Karoline Zizka" />
|
||
</a>
|
||
</div>
|
||
</div>
|
||
<div class="inline-block px-3">
|
||
<div class="
|
||
box
|
||
max-w-xs
|
||
overflow-hidden
|
||
rounded-full
|
||
shadow-md
|
||
hover:shadow-xl
|
||
transition-shadow
|
||
duration-300
|
||
ease-in-out
|
||
">
|
||
<a href="/people/lee-smet/" title="Lee Smet">
|
||
<img src="/images/people/lee_smet.png"
|
||
class="rounded-full mx-auto mt-3" alt="Lee Smet" />
|
||
</a>
|
||
</div>
|
||
</div>
|
||
<div class="inline-block px-3">
|
||
<div class="
|
||
box
|
||
max-w-xs
|
||
overflow-hidden
|
||
rounded-full
|
||
shadow-md
|
||
hover:shadow-xl
|
||
transition-shadow
|
||
duration-300
|
||
ease-in-out
|
||
">
|
||
<a href="/people/maxime-daniel/" title="Maxime Daniel">
|
||
<img src="/images/people/maxime_daniel.png"
|
||
class="rounded-full mx-auto mt-3" alt="Maxime Daniel" />
|
||
</a>
|
||
</div>
|
||
</div>
|
||
<div class="inline-block px-3">
|
||
<div class="
|
||
box
|
||
max-w-xs
|
||
overflow-hidden
|
||
rounded-full
|
||
shadow-md
|
||
hover:shadow-xl
|
||
transition-shadow
|
||
duration-300
|
||
ease-in-out
|
||
">
|
||
<a href="/people/nickolay-babenko/" title="Nickolay Babenko">
|
||
<img src="/images/people/nickolay_babenko.jpg"
|
||
class="rounded-full mx-auto mt-3" alt="Nickolay Babenko" />
|
||
</a>
|
||
</div>
|
||
</div>
|
||
<div class="inline-block px-3">
|
||
<div class="
|
||
box
|
||
max-w-xs
|
||
overflow-hidden
|
||
rounded-full
|
||
shadow-md
|
||
hover:shadow-xl
|
||
transition-shadow
|
||
duration-300
|
||
ease-in-out
|
||
">
|
||
<a href="/people/pierre-van-hoorebeke/" title="Pierre van Hoorebeke">
|
||
<img src="/images/people/pierre_van_hoorebeke.jpg"
|
||
class="rounded-full mx-auto mt-3" alt="Pierre van Hoorebeke" />
|
||
</a>
|
||
</div>
|
||
</div>
|
||
<div class="inline-block px-3">
|
||
<div class="
|
||
box
|
||
max-w-xs
|
||
overflow-hidden
|
||
rounded-full
|
||
shadow-md
|
||
hover:shadow-xl
|
||
transition-shadow
|
||
duration-300
|
||
ease-in-out
|
||
">
|
||
<a href="/people/reem-khamis/" title="Reem Khamis">
|
||
<img src="/images/people/reem_khamis.jpg"
|
||
class="rounded-full mx-auto mt-3" alt="Reem Khamis" />
|
||
</a>
|
||
</div>
|
||
</div>
|
||
<div class="inline-block px-3">
|
||
<div class="
|
||
box
|
||
max-w-xs
|
||
overflow-hidden
|
||
rounded-full
|
||
shadow-md
|
||
hover:shadow-xl
|
||
transition-shadow
|
||
duration-300
|
||
ease-in-out
|
||
">
|
||
<a href="/people/sabrina-sadik/" title="Sabrina Sadik">
|
||
<img src="/images/people/sabrina_sadik.jpg"
|
||
class="rounded-full mx-auto mt-3" alt="Sabrina Sadik" />
|
||
</a>
|
||
</div>
|
||
</div>
|
||
<div class="inline-block px-3">
|
||
<div class="
|
||
box
|
||
max-w-xs
|
||
overflow-hidden
|
||
rounded-full
|
||
shadow-md
|
||
hover:shadow-xl
|
||
transition-shadow
|
||
duration-300
|
||
ease-in-out
|
||
">
|
||
<a href="/people/sam-taggart/" title="Sam Taggart">
|
||
<img src="/images/people/sam_taggart.jpg"
|
||
class="rounded-full mx-auto mt-3" alt="Sam Taggart" />
|
||
</a>
|
||
</div>
|
||
</div>
|
||
<div class="inline-block px-3">
|
||
<div class="
|
||
box
|
||
max-w-xs
|
||
overflow-hidden
|
||
rounded-full
|
||
shadow-md
|
||
hover:shadow-xl
|
||
transition-shadow
|
||
duration-300
|
||
ease-in-out
|
||
">
|
||
<a href="/people/scott-yeager/" title="Scott Yeager">
|
||
<img src="/images/people/scott_yeager.jpg"
|
||
class="rounded-full mx-auto mt-3" alt="Scott Yeager" />
|
||
</a>
|
||
</div>
|
||
</div>
|
||
<div class="inline-block px-3">
|
||
<div class="
|
||
box
|
||
max-w-xs
|
||
overflow-hidden
|
||
rounded-full
|
||
shadow-md
|
||
hover:shadow-xl
|
||
transition-shadow
|
||
duration-300
|
||
ease-in-out
|
||
">
|
||
<a href="/people/gloria-anne/" title="Gloria Anne">
|
||
<img src="/images/people/gloria_anne.png"
|
||
class="rounded-full mx-auto mt-3" alt="Gloria Anne" />
|
||
</a>
|
||
</div>
|
||
</div>
|
||
<div class="inline-block px-3">
|
||
<div class="
|
||
box
|
||
max-w-xs
|
||
overflow-hidden
|
||
rounded-full
|
||
shadow-md
|
||
hover:shadow-xl
|
||
transition-shadow
|
||
duration-300
|
||
ease-in-out
|
||
">
|
||
<a href="/people/hannah-cordes/" title="Hannah Cordes">
|
||
<img src="/images/people/hannah_cordes.jpg"
|
||
class="rounded-full mx-auto mt-3" alt="Hannah Cordes" />
|
||
</a>
|
||
</div>
|
||
</div>
|
||
|
||
|
||
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<style>
|
||
.scrollable::-webkit-scrollbar {
|
||
width: 8px;
|
||
}
|
||
|
||
.scrollable::-webkit-scrollbar-track {
|
||
background: #f1f1f1;
|
||
border-radius: 20px;
|
||
}
|
||
|
||
.scrollable::-webkit-scrollbar-thumb {
|
||
background: linear-gradient(45deg, #70dfc9, #ee7bf7);
|
||
border-radius: 20px;
|
||
}
|
||
|
||
/* #70dfc9, #ee7bf7 */
|
||
.box {
|
||
position: relative;
|
||
height: 130px;
|
||
width: 130px;
|
||
}
|
||
|
||
.box::before {
|
||
content: "";
|
||
position: absolute;
|
||
top: 5px;
|
||
left: 0;
|
||
right: 0;
|
||
bottom: 0;
|
||
border-radius: 50%;
|
||
padding: 10px;
|
||
background: linear-gradient(45deg, #70dfc9, #ee7bf7);
|
||
-webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
|
||
-webkit-mask-composite: destination-out;
|
||
mask-composite: exclude;
|
||
}
|
||
|
||
.box img {
|
||
filter: grayscale(100%);
|
||
height: 110px;
|
||
width: 110px;
|
||
}
|
||
|
||
.box img:hover {
|
||
filter: grayscale(0);
|
||
}
|
||
</style><!-- section 7 (PARTNERS) -->
|
||
<!-- row shortcode
|
||
Shortcode used in markdown for the creation of mobile compatible vertical rows
|
||
Divides markdown into columns by splitting content using column identifier "|||"
|
||
Creates equal width blocks in a flex row.
|
||
|
||
Parameters:
|
||
- style:
|
||
- lean: if style is lean, the row doesn't have outer margins
|
||
- bgPath: if bgPath is passed, the row has a full width background
|
||
-->
|
||
|
||
|
||
|
||
|
||
<!-- aligns columns depending on col number-->
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
<!-- makes row with margins -->
|
||
|
||
|
||
|
||
|
||
|
||
<!-- makes row full screen width, strips margins -->
|
||
|
||
|
||
<!-- makes row semi-full screen width, strips margins -->
|
||
|
||
|
||
<!-- makes row full screen width, strips margins -->
|
||
|
||
|
||
|
||
|
||
<!-- makes row full screen width and adds background img -->
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
<div class="relative pt-6 p-4 flex flex-col sm:grid sm:grid-cols-2 sm:gap-10 xl:flex xl:flex-row lg:items-center text-center mx-auto justify-center lg:py-28 sm:p-12 md:p-16 lg:p-20" style="" id="">
|
||
|
||
|
||
<!-- Hides empty columns if displayed vertically in small screen -->
|
||
|
||
<div class="flex-1 mb-8 md:mb-0 md:mx-8 flex-1 m-4 lg:m-0 flex-1 m-4 lg:m-0">
|
||
<!-- handles mermaid markdown content display -->
|
||
|
||
<h2 id="our-greatest-strength-comes-from-our-partners">OUR GREATEST STRENGTH <br> <strong>COMES FROM OUR PARTNERS</strong></h2>
|
||
<p>We are truly proud to be trusted by some of the biggest names in the industry.</p>
|
||
<p><img src="/images/ourpartners.png#mx-auto" alt="Image" /></p>
|
||
<p><button><a href="/partners">Check All Partners</a></button></p>
|
||
|
||
|
||
</div>
|
||
|
||
|
||
</div><br>
|
||
<br>
|
||
<!-- section 8 (IN THE NEWS) -->
|
||
<!-- row shortcode
|
||
Shortcode used in markdown for the creation of mobile compatible vertical rows
|
||
Divides markdown into columns by splitting content using column identifier "|||"
|
||
Creates equal width blocks in a flex row.
|
||
|
||
Parameters:
|
||
- style:
|
||
- lean: if style is lean, the row doesn't have outer margins
|
||
- bgPath: if bgPath is passed, the row has a full width background
|
||
-->
|
||
|
||
|
||
|
||
|
||
<!-- aligns columns depending on col number-->
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
<!-- makes row with margins -->
|
||
|
||
|
||
<!-- makes row full screen width, strips margins -->
|
||
|
||
|
||
<!-- makes row semi-full screen width, strips margins -->
|
||
|
||
|
||
<!-- makes row full screen width, strips margins -->
|
||
|
||
|
||
|
||
|
||
<!-- makes row full screen width and adds background img -->
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
<div class="relative pt-6 p-4 flex flex-col sm:grid sm:grid-cols-2 sm:gap-10 xl:flex xl:flex-row lg:items-center text-center mx-auto justify-center" style="" id="">
|
||
|
||
|
||
<!-- Hides empty columns if displayed vertically in small screen -->
|
||
|
||
<div class="flex-1 mb-8 md:mb-0 md:mx-8 flex-1 m-4 lg:m-0">
|
||
<!-- handles mermaid markdown content display -->
|
||
|
||
<h2 id="in-the-news"><strong>IN THE NEWS</strong></h2>
|
||
|
||
|
||
</div>
|
||
|
||
|
||
</div><!-- row shortcode
|
||
Shortcode used in markdown for the creation of mobile compatible vertical rows
|
||
Divides markdown into columns by splitting content using column identifier "|||"
|
||
Creates equal width blocks in a flex row.
|
||
|
||
Parameters:
|
||
- style:
|
||
- lean: if style is lean, the row doesn't have outer margins
|
||
- bgPath: if bgPath is passed, the row has a full width background
|
||
-->
|
||
|
||
|
||
|
||
|
||
<!-- aligns columns depending on col number-->
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
<!-- makes row with margins -->
|
||
|
||
|
||
<!-- makes row full screen width, strips margins -->
|
||
|
||
|
||
<!-- makes row semi-full screen width, strips margins -->
|
||
|
||
|
||
|
||
|
||
<!-- makes row full screen width, strips margins -->
|
||
|
||
|
||
|
||
|
||
<!-- makes row full screen width and adds background img -->
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
<div class="relative pt-6 p-4 flex flex-col sm:grid sm:grid-cols-2 sm:gap-10 xl:flex xl:flex-row lg:items-start text-center mx-auto justify-center lg:max-w-6xl" style="" id="">
|
||
|
||
|
||
<!-- Hides empty columns if displayed vertically in small screen -->
|
||
|
||
<div class="flex-1 mb-8 md:mb-0 md:mx-8 flex-1 m-4 lg:m-0">
|
||
<!-- handles mermaid markdown content display -->
|
||
|
||
<p><a rel="noopener nofollow noreferrer" target="_blank" href="https://www.forbes.com/sites/johnkoetsier/2020/06/20/largest-distributed-peer-to-peer-grid-on-the-planet-laying-foundation-for-a-decentralized-internet/?fbclid=IwAR1WKCpqLcWPRWg5bPD6RCQE5JJjRPt6ey5vbEnu3db2FvJnp6-YKeVZNW8#79aa340e6798"><img src="/images/forbes.png#mx-auto" alt="forbes" /></a></p>
|
||
<p>
|
||
|
||
</div>
|
||
|
||
|
||
|
||
<!-- Hides empty columns if displayed vertically in small screen -->
|
||
|
||
<div class="flex-1 mb-8 md:mb-0 md:mx-8 flex-1 m-4 lg:m-0">
|
||
<!-- handles mermaid markdown content display -->
|
||
|
||
</p>
|
||
<p><a rel="noopener nofollow noreferrer" target="_blank" href="https://cointelegraph.com/news/peer-to-peer-internet-has-lofty-goal-to-bring-true-decentralization"><img src="/images/cointelegraph.png#mx-auto" alt="cointelegraph" /></a></p>
|
||
<p>
|
||
|
||
</div>
|
||
|
||
|
||
|
||
<!-- Hides empty columns if displayed vertically in small screen -->
|
||
|
||
<div class="flex-1 mb-8 md:mb-0 md:mx-8 flex-1 m-4 lg:m-0">
|
||
<!-- handles mermaid markdown content display -->
|
||
|
||
</p>
|
||
<p><a rel="noopener nofollow noreferrer" target="_blank" href="https://news.yahoo.com/news/threefold-set-disrupt-status-quo-051457787.html?guccounter=1"><img src="/images/yahoo_news.png#mx-auto" alt="yahoo_news" /></a></p>
|
||
|
||
|
||
</div>
|
||
|
||
|
||
</div>
|
||
<p><!-- row shortcode
|
||
Shortcode used in markdown for the creation of mobile compatible vertical rows
|
||
Divides markdown into columns by splitting content using column identifier "|||"
|
||
Creates equal width blocks in a flex row.
|
||
|
||
Parameters:
|
||
- style:
|
||
- lean: if style is lean, the row doesn't have outer margins
|
||
- bgPath: if bgPath is passed, the row has a full width background
|
||
-->
|
||
|
||
|
||
|
||
|
||
<!-- aligns columns depending on col number-->
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
<!-- makes row with margins -->
|
||
|
||
|
||
<!-- makes row full screen width, strips margins -->
|
||
|
||
|
||
<!-- makes row semi-full screen width, strips margins -->
|
||
|
||
|
||
|
||
|
||
<!-- makes row full screen width, strips margins -->
|
||
|
||
|
||
|
||
|
||
<!-- makes row full screen width and adds background img -->
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
<div class="relative pt-6 p-4 flex flex-col sm:grid sm:grid-cols-2 sm:gap-10 xl:flex xl:flex-row lg:items-start text-center mx-auto justify-center lg:max-w-6xl" style="" id="">
|
||
|
||
|
||
<!-- Hides empty columns if displayed vertically in small screen -->
|
||
|
||
<div class="flex-1 mb-8 md:mb-0 md:mx-8 flex-1 m-4 lg:m-0">
|
||
<!-- handles mermaid markdown content display -->
|
||
|
||
<p><a rel="noopener nofollow noreferrer" target="_blank" href="https://hackernoon.com/is-it-possible-to-create-a-decentralized-internet-this-startup-and-its-farmers-think-so-ey2e3ycf"><img src="/images/hackernoon.png#mx-auto" alt="hackernoon" /></a></p>
|
||
<p>
|
||
|
||
</div>
|
||
|
||
|
||
|
||
<!-- Hides empty columns if displayed vertically in small screen -->
|
||
|
||
<div class="flex-1 mb-8 md:mb-0 md:mx-8 flex-1 m-4 lg:m-0">
|
||
<!-- handles mermaid markdown content display -->
|
||
|
||
</p>
|
||
<p><a rel="noopener nofollow noreferrer" target="_blank" href="https://smartereum.com/189750/threefold-is-audaciously-building-a-new-decentralized-internet/"><img src="/images/smartereum.png#mx-auto" alt="smartereum" /></a></p>
|
||
<p>
|
||
|
||
</div>
|
||
|
||
|
||
|
||
<!-- Hides empty columns if displayed vertically in small screen -->
|
||
|
||
<div class="flex-1 mb-8 md:mb-0 md:mx-8 flex-1 m-4 lg:m-0">
|
||
<!-- handles mermaid markdown content display -->
|
||
|
||
</p>
|
||
<p><a rel="noopener nofollow noreferrer" target="_blank" href="https://tgdaily.com/web/6-dfinity-threefold-are-leading-an-internet-decentralization-revolution/"><img src="/images/tga_daily.png#mx-auto" alt="tga_daily" /></a></p>
|
||
|
||
|
||
</div>
|
||
|
||
|
||
</div>
|
||
<!-- row shortcode
|
||
Shortcode used in markdown for the creation of mobile compatible vertical rows
|
||
Divides markdown into columns by splitting content using column identifier "|||"
|
||
Creates equal width blocks in a flex row.
|
||
|
||
Parameters:
|
||
- style:
|
||
- lean: if style is lean, the row doesn't have outer margins
|
||
- bgPath: if bgPath is passed, the row has a full width background
|
||
-->
|
||
|
||
|
||
|
||
|
||
<!-- aligns columns depending on col number-->
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
<!-- makes row with margins -->
|
||
|
||
|
||
<!-- makes row full screen width, strips margins -->
|
||
|
||
|
||
<!-- makes row semi-full screen width, strips margins -->
|
||
|
||
|
||
|
||
|
||
<!-- makes row full screen width, strips margins -->
|
||
|
||
|
||
|
||
|
||
<!-- makes row full screen width and adds background img -->
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
<div class="relative pt-6 p-4 flex flex-col sm:grid sm:grid-cols-2 sm:gap-10 xl:flex xl:flex-row lg:items-start text-center mx-auto justify-center lg:max-w-6xl" style="" id="">
|
||
|
||
|
||
<!-- Hides empty columns if displayed vertically in small screen -->
|
||
|
||
<div class="flex-1 mb-8 md:mb-0 md:mx-8 flex-1 m-4 lg:m-0">
|
||
<!-- handles mermaid markdown content display -->
|
||
|
||
<p><a rel="noopener nofollow noreferrer" target="_blank" href="https://cointelegraph-com.cdn.ampproject.org/c/s/cointelegraph.com/news/is-a-new-decentralized-internet-or-web-3-0-possible/amp"><img src="/images/cointelegraph.png#mx-auto" alt="cointelegraph" /></a></p>
|
||
<p>
|
||
|
||
</div>
|
||
|
||
|
||
|
||
<!-- Hides empty columns if displayed vertically in small screen -->
|
||
|
||
<div class="flex-1 mb-8 md:mb-0 md:mx-8 flex-1 m-4 lg:m-0">
|
||
<!-- handles mermaid markdown content display -->
|
||
|
||
</p>
|
||
<p><a rel="noopener nofollow noreferrer" target="_blank" href="https://www.banklesstimes.com/2021/06/14/threefolds-green-technology-strategy-to-a-fairer-more-sustainable-world/"><img src="/images/banklesstimes.png#mx-auto" alt="banklesstimes" /></a></p>
|
||
<p>
|
||
|
||
</div>
|
||
|
||
|
||
|
||
<!-- Hides empty columns if displayed vertically in small screen -->
|
||
|
||
<div class="flex-1 mb-8 md:mb-0 md:mx-8 flex-1 m-4 lg:m-0">
|
||
<!-- handles mermaid markdown content display -->
|
||
|
||
</p>
|
||
<p><a rel="noopener nofollow noreferrer" target="_blank" href="https://gritdaily.com/belarus-governments-control-internet/"><img src="/images/grit_daily.png#mx-auto" alt="grit_daily" /></a></p>
|
||
|
||
|
||
</div>
|
||
|
||
|
||
</div></p>
|
||
<br>
|
||
<br>
|
||
<!-- section 9 (FEATURED STORIES) -->
|
||
<div class="relative pt-16 px-4 sm:px-6 lg:py-28 lg:pb-28 lg:px-8">
|
||
<div class="absolute inset-0">
|
||
<div class="bg-white h-1/3 sm:h-2/3"></div>
|
||
</div>
|
||
<div class="relative max-w-7xl mx-auto">
|
||
<div class="text-center">
|
||
<h2 class="
|
||
lg:text-6xl
|
||
leading-tight
|
||
font-normal font-heading
|
||
uppercase
|
||
sm:leading-10
|
||
lg:pb-10
|
||
">
|
||
Featured Stories
|
||
</h2>
|
||
</div>
|
||
<div class="mt-12 grid gap-5 max-w-lg mx-auto lg:grid-cols-3 lg:max-w-none">
|
||
<div class="flex flex-col rounded-lg shadow-lg overflow-hidden">
|
||
<div class="flex-shrink-0">
|
||
<img class="h-48 w-full object-cover" src="/images/the_threefold_movement.png" alt="" />
|
||
</div>
|
||
<div class="flex-1 bg-white p-6 flex flex-col justify-between">
|
||
<div class="flex-1">
|
||
<a href="/blog/2021/07/post-4/" class="block">
|
||
<h3 class="mt-2 text-2xl leading-7 font-normal text-gray-900">
|
||
Into the Fold – The ThreeFold Movement
|
||
</h3>
|
||
<div class="mt-3 leading-6 text-gray-500 text-lg">It's not by mistake that you're here,
|
||
reading this post. You can feel that a global shift is happening. And you want to do
|
||
something about it.</div>
|
||
</a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="flex flex-col rounded-lg shadow-lg overflow-hidden">
|
||
<div class="flex-shrink-0">
|
||
<img class="h-48 w-full object-cover" src="/images/new_internet.jpg" alt="" />
|
||
</div>
|
||
<div class="flex-1 bg-white p-6 flex flex-col justify-between">
|
||
<div class="flex-1">
|
||
<a href="/blog/2021/07/post-3/" class="block">
|
||
<h3 class="mt-2 text-2xl leading-7 font-normal text-gray-900">
|
||
Building a New Internet From the Ground Up – Part 1: Introduction
|
||
</h3>
|
||
<div class="mt-3 leading-6 text-gray-500 text-lg">The first episode in an approachable
|
||
series on the inner workings of the ThreeFold Grid. Explore our technology stack and
|
||
what makes ThreeFold special.</div>
|
||
</a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="flex flex-col rounded-lg shadow-lg overflow-hidden">
|
||
<div class="flex-shrink-0">
|
||
<img class="h-48 w-full object-cover" src="/images/tft_vedio.jpg" alt="" />
|
||
</div>
|
||
<div class="flex-1 bg-white p-6 flex flex-col justify-between">
|
||
<div class="flex-1">
|
||
<a href="https://www.youtube.com/watch?v=5DtVU66Z74s" target="_blank" class="block">
|
||
<h3 class="mt-2 text-2xl leading-7 font-normal text-gray-900">
|
||
ThreeFold Explained in 2 Minutes
|
||
</h3>
|
||
<div class="mt-3 leading-6 text-gray-500 text-lg">We make sovereignty a reality and
|
||
opportunities universal. Our technology ensures data ownership and a democratized
|
||
Internet. Discover how.</div>
|
||
</a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</main>
|
||
|
||
</div>
|
||
<div class="p-8">
|
||
<!--
|
||
Tailwind UI components require Tailwind CSS v1.8 and the @tailwindcss/ui plugin.
|
||
Read the documentation to get started: https://tailwindui.com/documentation
|
||
-->
|
||
|
||
<html>
|
||
<head /><body>
|
||
<div class="mt-6 border-t border-gray-200 pt-2"></div>
|
||
<footer class="bg-white">
|
||
<div class="max-w-screen-2xl mx-auto py-12 px-4 sm:px-6 lg:py-16 lg:px-8">
|
||
<div class="xl:flex xl:gap-4">
|
||
<div class="space-y-8 lg:max-w-sm xl:max-w-sm lg:mr-8 lg:mb-8 xl:col-span-1">
|
||
<img class="w-20 h-auto sm:w-15" src="/images/tft_log.svg" alt="Company name" />
|
||
<p class="text-gray-500 text-base leading-6 ">
|
||
|
||
</p>
|
||
|
||
|
||
<div class="flex space-x-4">
|
||
|
||
|
||
<a href="https://www.facebook.com/threefold.io" target="_blank" class="text-gray-400 hover:text-gray-500">
|
||
<span class="sr-only">Facebook</span>
|
||
|
||
<svg class="h-8 w-8" aria-hidden="true" fill="currentColor" viewBox="0 0 24 24">
|
||
<path fill-rule="evenodd" d="M22 12c0-5.523-4.477-10-10-10S2 6.477 2 12c0 4.991 3.657 9.128 8.438 9.878v-6.987h-2.54V12h2.54V9.797c0-2.506 1.492-3.89 3.777-3.89 1.094 0 2.238.195 2.238.195v2.46h-1.26c-1.243 0-1.63.771-1.63 1.562V12h2.773l-.443 2.89h-2.33v6.988C18.343 21.128 22 16.991 22 12z" clip-rule="evenodd" />
|
||
</svg>
|
||
|
||
</a>
|
||
|
||
|
||
|
||
<a href="https://github.com/threefoldfoundation" target="_blank" class="text-gray-400 hover:text-gray-500">
|
||
<span class="sr-only">Github</span>
|
||
|
||
<svg class="h-8 w-8" aria-hidden="true" fill="currentColor" viewBox="0 0 24 24">
|
||
<path fill-rule="evenodd" d="M12 2C6.477 2 2 6.484 2 12.017c0 4.425 2.865 8.18 6.839 9.504.5.092.682-.217.682-.483 0-.237-.008-.868-.013-1.703-2.782.605-3.369-1.343-3.369-1.343-.454-1.158-1.11-1.466-1.11-1.466-.908-.62.069-.608.069-.608 1.003.07 1.531 1.032 1.531 1.032.892 1.53 2.341 1.088 2.91.832.092-.647.35-1.088.636-1.338-2.22-.253-4.555-1.113-4.555-4.951 0-1.093.39-1.988 1.029-2.688-.103-.253-.446-1.272.098-2.65 0 0 .84-.27 2.75 1.026A9.564 9.564 0 0112 6.844c.85.004 1.705.115 2.504.337 1.909-1.296 2.747-1.027 2.747-1.027.546 1.379.202 2.398.1 2.651.64.7 1.028 1.595 1.028 2.688 0 3.848-2.339 4.695-4.566 4.943.359.309.678.92.678 1.855 0 1.338-.012 2.419-.012 2.747 0 .268.18.58.688.482A10.019 10.019 0 0022 12.017C22 6.484 17.522 2 12 2z" clip-rule="evenodd" />
|
||
</svg>
|
||
|
||
</a>
|
||
|
||
|
||
|
||
<a href="https://github.com/threefoldtech" target="_blank" class="text-gray-400 hover:text-gray-500">
|
||
<span class="sr-only">Github2</span>
|
||
|
||
<svg class="h-8 w-8" aria-hidden="true" fill="currentColor" viewBox="0 0 24 24">
|
||
<path fill-rule="evenodd" d="M12 2C6.477 2 2 6.484 2 12.017c0 4.425 2.865 8.18 6.839 9.504.5.092.682-.217.682-.483 0-.237-.008-.868-.013-1.703-2.782.605-3.369-1.343-3.369-1.343-.454-1.158-1.11-1.466-1.11-1.466-.908-.62.069-.608.069-.608 1.003.07 1.531 1.032 1.531 1.032.892 1.53 2.341 1.088 2.91.832.092-.647.35-1.088.636-1.338-2.22-.253-4.555-1.113-4.555-4.951 0-1.093.39-1.988 1.029-2.688-.103-.253-.446-1.272.098-2.65 0 0 .84-.27 2.75 1.026A9.564 9.564 0 0112 6.844c.85.004 1.705.115 2.504.337 1.909-1.296 2.747-1.027 2.747-1.027.546 1.379.202 2.398.1 2.651.64.7 1.028 1.595 1.028 2.688 0 3.848-2.339 4.695-4.566 4.943.359.309.678.92.678 1.855 0 1.338-.012 2.419-.012 2.747 0 .268.18.58.688.482A10.019 10.019 0 0022 12.017C22 6.484 17.522 2 12 2z" clip-rule="evenodd" />
|
||
</svg>
|
||
|
||
</a>
|
||
|
||
|
||
|
||
<a href="https://twitter.com/threefold_io" target="_blank" class="text-gray-400 hover:text-gray-500">
|
||
<span class="sr-only">Twitter</span>
|
||
|
||
<svg class="h-8 w-8" aria-hidden="true" fill="currentColor" viewBox="0 0 24 24">
|
||
<path d="M8.29 20.251c7.547 0 11.675-6.253 11.675-11.675 0-.178 0-.355-.012-.53A8.348 8.348 0 0022 5.92a8.19 8.19 0 01-2.357.646 4.118 4.118 0 001.804-2.27 8.224 8.224 0 01-2.605.996 4.107 4.107 0 00-6.993 3.743 11.65 11.65 0 01-8.457-4.287 4.106 4.106 0 001.27 5.477A4.072 4.072 0 012.8 9.713v.052a4.105 4.105 0 003.292 4.022 4.095 4.095 0 01-1.853.07 4.108 4.108 0 003.834 2.85A8.233 8.233 0 012 18.407a11.616 11.616 0 006.29 1.84" />
|
||
</svg>
|
||
|
||
</a>
|
||
|
||
|
||
|
||
<a href="https://t.me/threefoldnews" target="_blank" class="text-gray-400 hover:text-gray-500">
|
||
<span class="sr-only">Telegram</span>
|
||
|
||
<svg data-v-14efe4a7="" xmlns="http://www.w3.org/2000/svg" width="1.6rem" height="1.6rem" fill="currentColor" viewBox="0 0 16 16" class="bi bi-telegram mt-1"><path data-v-14efe4a7="" d="M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0zM8.287 5.906c-.778.324-2.334.994-4.666 2.01-.378.15-.577.298-.595.442-.03.243.275.339.69.47l.175.055c.408.133.958.288 1.243.294.26.006.549-.1.868-.32 2.179-1.471 3.304-2.214 3.374-2.23.05-.012.12-.026.166.016.047.041.042.12.037.141-.03.129-1.227 1.241-1.846 1.817-.193.18-.33.307-.358.336a8.154 8.154 0 0 1-.188.186c-.38.366-.664.64.015 1.088.327.216.589.393.85.571.284.194.568.387.936.629.093.06.183.125.27.187.331.236.63.448.997.414.214-.02.435-.22.547-.82.265-1.417.786-4.486.906-5.751a1.426 1.426 0 0 0-.013-.315.337.337 0 0 0-.114-.217.526.526 0 0 0-.31-.093c-.3.005-.763.166-2.984 1.09z"></path></svg>
|
||
|
||
</a>
|
||
|
||
|
||
|
||
</div>
|
||
</div>
|
||
|
||
<div class="mt-6 lg:mt-0 w-full px-8 sm:px-12 md:px-16 lg:px-20 footer-cust">
|
||
<!-- row shortcode
|
||
Shortcode used in markdown for the creation of mobile compatible vertical rows
|
||
Divides markdown into columns by splitting content using column identifier "|||"
|
||
Creates equal width blocks in a flex row.
|
||
|
||
Parameters:
|
||
- style:
|
||
- lean: if style is lean, the row doesn't have outer margins
|
||
- bgPath: if bgPath is passed, the row has a full width background
|
||
-->
|
||
|
||
|
||
|
||
|
||
<!-- aligns columns depending on col number-->
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
<!-- makes row with margins -->
|
||
|
||
|
||
<!-- makes row full screen width, strips margins -->
|
||
|
||
|
||
|
||
|
||
|
||
<!-- makes row semi-full screen width, strips margins -->
|
||
|
||
|
||
<!-- makes row full screen width, strips margins -->
|
||
|
||
|
||
|
||
|
||
<!-- makes row full screen width and adds background img -->
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
<div class="relative flex flex-col lg:flex-row items-baseline -mx-8 sm:-mx-12 md:-mx-16 lg:-mx-20" style="" id="">
|
||
|
||
|
||
<!-- Hides empty columns if displayed vertically in small screen -->
|
||
|
||
<div class="flex-1 m-4 lg:m-0">
|
||
<!-- handles mermaid markdown content display -->
|
||
|
||
<h5 id="threefold-universe">THREEFOLD <br> UNIVERSE</h5>
|
||
<br>
|
||
<h6 id="threefold-token"><a href="/tft">ThreeFold Token</a></h6>
|
||
<h6 id="threefold-cloud"><a rel="noopener nofollow noreferrer" target="_blank" href="https://library.threefold.me/info/manual/#/manual__manual3_home_new">ThreeFold Cloud</a></h6>
|
||
<h6 id="grid-explorer"><a rel="noopener nofollow noreferrer" target="_blank" href="https://explorer.threefold.io/all">Grid Explorer</a></h6>
|
||
<h6 id="alliance"><a rel="noopener nofollow noreferrer" target="_blank" href="https://consciousinternet.org/">Alliance</a></h6>
|
||
<p>
|
||
|
||
</div>
|
||
|
||
|
||
|
||
<!-- Hides empty columns if displayed vertically in small screen -->
|
||
|
||
<div class="flex-1 m-4 lg:m-0">
|
||
<!-- handles mermaid markdown content display -->
|
||
|
||
</p>
|
||
<h5 id="participate">PARTICIPATE</h5>
|
||
<br>
|
||
<h6 id="start-farming"><a href="/farm">Start Farming</a></h6>
|
||
<h6 id="buy-the-token"><a rel="noopener nofollow noreferrer" target="_blank" href="https://library.threefold.me/info/threefold#/tokens/threefold__how_to_buy">Buy the Token</a></h6>
|
||
<h6 id="use-the-cloud"><a rel="noopener nofollow noreferrer" target="_blank" href="https://library.threefold.me/info/threefold/#/cloud/threefold__cloud_home">Use the Cloud</a></h6>
|
||
<h6 id="testing-community"><a rel="noopener nofollow noreferrer" target="_blank" href="https://t.me/joinchat/BwOvOxxgK59GmRoZ2_sM0w">Testing Community</a></h6>
|
||
<p>
|
||
|
||
</div>
|
||
|
||
|
||
|
||
<!-- Hides empty columns if displayed vertically in small screen -->
|
||
|
||
<div class="flex-1 m-4 lg:m-0">
|
||
<!-- handles mermaid markdown content display -->
|
||
|
||
</p>
|
||
<h5 id="knowledgebase">KNOWLEDGEBASE</h5>
|
||
<br>
|
||
<h6 id="threefold-grid"><a rel="noopener nofollow noreferrer" target="_blank" href="https://library.threefold.me/info/threefold#/tfgrid/threefold__tfgrid_home">ThreeFold Grid</a></h6>
|
||
<h6 id="threefold-technology"><a rel="noopener nofollow noreferrer" target="_blank" href="https://library.threefold.me/info/threefold/#/technology/threefold__zos">ThreeFold Technology</a></h6>
|
||
<h6 id="threefold-farming"><a rel="noopener nofollow noreferrer" target="_blank" href="https://library.threefold.me/info/threefold/#/tfgrid/farming/threefold__farming_home">ThreeFold Farming</a></h6>
|
||
<h6 id="threefold-token-1"><a rel="noopener nofollow noreferrer" target="_blank" href="https://library.threefold.me/info/threefold/#/tokens/threefold__tokens_home">ThreeFold Token</a></h6>
|
||
<h6 id="manuals"><a rel="noopener nofollow noreferrer" target="_blank" href="https://library.threefold.me/info/threefold/#/manual_tfgrid3/threefold__manual3_home">Manuals</a></h6>
|
||
<h6 id="threefold-glossary"><a rel="noopener nofollow noreferrer" target="_blank" href="https://library.threefold.me/info/threefold/#/threefold__definitions_concepts">ThreeFold Glossary</a></h6>
|
||
<p>
|
||
|
||
</div>
|
||
|
||
|
||
|
||
<!-- Hides empty columns if displayed vertically in small screen -->
|
||
|
||
<div class="flex-1 m-4 lg:m-0">
|
||
<!-- handles mermaid markdown content display -->
|
||
|
||
</p>
|
||
<h5 id="about-us">ABOUT US</h5>
|
||
<br>
|
||
<h6 id="threefold"><a href="/mission">ThreeFold</a></h6>
|
||
<h6 id="partners"><a href="/partners">Partners</a></h6>
|
||
<h6 id="blog"><a href="/blog">Blog</a></h6>
|
||
<h6 id="newsroom"><a href="/newsroom">NewsRoom</a></h6>
|
||
<h6 id="forum"><a rel="noopener nofollow noreferrer" target="_blank" href="https://forum.threefold.io/">Forum</a></h6>
|
||
<h6 id="support"><a href="/support">Support</a></h6>
|
||
|
||
|
||
</div>
|
||
|
||
|
||
</div>
|
||
</div>
|
||
|
||
</div>
|
||
<div class="mt-12 mx-auto border-t border-gray-200 pt-8">
|
||
<p data-v-14efe4a7="" class="text-base leading-6 text-gray-400 text-center">
|
||
© 2021 ThreeFold, All rights reserved.
|
||
<a target="_blank" href="https://library.threefold.me/info/legal/#/legal__terms_conditions_websites" class="leading-6 text-gray-500 hover:text-gray-900">Terms & Conditions |
|
||
</a><a target="_blank" href="https://library.threefold.me/info/legal/#/legal__privacypolicy" class="leading-6 text-gray-500 hover:text-gray-900">Privacy Policy |
|
||
</a><a href="/tfLabs" class="leading-6 text-gray-500 hover:text-gray-900">ThreeFold Labs IT</a></p>
|
||
</div>
|
||
|
||
</div>
|
||
|
||
</div>
|
||
|
||
|
||
|
||
</footer>
|
||
</body>
|
||
</html>
|
||
|
||
</div>
|
||
<script type="text/javascript" src="https://www3.threefold.io/js/custom.js"></script>
|
||
</body>
|
||
|
||
</html> |