ourworld_web/www_threefold_io
23
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity
Files
20e4bda3833e3618b0274fa106aba2ef093384a6
www_threefold_io/docs/cloud/index.html
despiegk 20e4bda383 easier example
2022-07-21 06:16:29 +02:00

2790 lines
90 KiB
HTML
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

<!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>Cloud &bull; ThreeFold</title>
<meta property="og:title"
content="Cloud &bull; ThreeFold" />
<meta property="twitter:title"
content="Cloud &bull; ThreeFold" />
<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="&#x2F;images&#x2F;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="&#x2F;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="&#x2F;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="&#x2F;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="&#x2F;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="&#x2F;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="&#x2F;images&#x2F;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='&#x2F;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:&#x2F;&#x2F;consciousinternet.org&#x2F;', '_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='&#x2F;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, &amp; 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='&#x2F;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='&#x2F;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:&#x2F;&#x2F;explorer.threefold.io&#x2F;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:&#x2F;&#x2F;library.threefold.me&#x2F;info&#x2F;threefold#&#x2F;', '_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='&#x2F;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='&#x2F;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='&#x2F;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='&#x2F;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="&#x2F;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="&#x2F;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="&#x2F;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="&#x2F;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="&#x2F;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='&#x2F;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:&#x2F;&#x2F;consciousinternet.org&#x2F;', '_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='&#x2F;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, &amp; 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='&#x2F;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='&#x2F;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:&#x2F;&#x2F;explorer.threefold.io&#x2F;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:&#x2F;&#x2F;library.threefold.me&#x2F;info&#x2F;threefold#&#x2F;', '_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='&#x2F;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='&#x2F;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='&#x2F;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='&#x2F;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="&#x2F;images&#x2F;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:&#x2F;&#x2F;www.facebook.com&#x2F;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:&#x2F;&#x2F;github.com&#x2F;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:&#x2F;&#x2F;github.com&#x2F;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:&#x2F;&#x2F;twitter.com&#x2F;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:&#x2F;&#x2F;t.me&#x2F;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">
<main class="lg:-mt-6">
<!-- 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="the-next-generation-of-cloud-computing">THE NEXT GENERATION OF <strong>CLOUD COMPUTING</strong></h2>
<p>Deploy any workload with unprecedented security, scalability, and efficiency, on a fully comprehensive peer-to-peer digital infrastructure. Discover a cloud like no other.</p>
</div>
</div><div class="flex flex-wrap text-center mx-4 lg:pt-4 mt-10 lg:mx-10 lg:mt-4 pb-10">
<div class="grid grid-cols-1 md:grid-cols-3 mx-auto items-center">
<div class="w-full mb-4 border-b border-gray-600">
<div class="arrow_up"></div>
<a href="https://library.threefold.me/info/manual/#/technology/qsss/threefold__qsss_home" target="_blank"
class="text-5xl font-extrabold uppercase">Store</a>
</div>
<div class="mb-4">
<img class="mx-auto sm:w-1/2 lg:w-full" src="/images/cloud_header_seprated.png" alt="TF Cloud" />
</div>
<div class="w-full mb-4 border-b border-gray-600">
<a href="https://library.threefold.me/info/manual/#/manual__weblets_home" target="_blank"
class="text-5xl font-extrabold uppercase">Build</a>
<div class="arrow_down"></div>
</div>
</div>
</div>
<style>
.arrow_up,
.arrow_down {
display: inline-block;
margin-right: 10px;
width: 0;
height: 0;
border-width: 0 12.5px 30px 12.5px;
border-color: transparent transparent #000000 transparent;
border-style: solid;
}
.arrow_down {
margin-left: 10px;
border-width: 35px 12.5px 0 12.5px;
border-color: #000000 transparent transparent transparent;
}
a {
font-family: "Orbitron", sans-serif !important;
color: black;
}
hr {
height: 1px;
border-width: 0;
color: gray;
background-color: gray;
}
</style><!-- 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: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/cloud/storage.jpg#medium" alt="storage" /></p>
<h3 id="storage"><strong>STORAGE</strong></h3>
<p>Plug in standard tools and protocols to the most resilient and versatile storage system ever created, or access raw disk on the location of your choice.</p>
<p><button> <a rel="noopener nofollow noreferrer" target="_blank" href="https://library.threefold.me/info/manual/#/manual__weblets_home">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/cloud/compute.jpg#medium" alt="compute" /></p>
<h3 id="compute"><strong>COMPUTE</strong></h3>
<p>Native support for containers and virtual machines. Migrate existing applications effortlessly or build from scratch in a cutting-edge computing environment.</p>
<p><button><a rel="noopener nofollow noreferrer" target="_blank" href="https://library.threefold.me/info/manual/#/manual__weblets_home">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/cloud/network.jpg#medium" alt="network" /></p>
<h3 id="network"><strong>NETWORK</strong></h3>
<p>Private overlay networks and global end-to-end encryption minimize attack surface. Handle inbound traffic with uniquely secure web gateways.</p>
<p><button> <a rel="noopener nofollow noreferrer" target="_blank" href="https://library.threefold.me/info/manual/#/cloud/threefold__planetary_network">Learn More</a> </button></p>
</div>
</div><br />
<br />
<!-- 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://library.threefold.me/info/manual/#/technology/qsss/threefold__qsss_home"><img src="/images/qss.png#mx-auto" alt="quantum safe storage" /></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://library.threefold.me/info/manual/#/manual__weblets_home"><img src="/images/weblets.png#mx-auto" alt="weblets" /></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://library.threefold.me/info/manual/#/cloud/threefold__planetary_network"><img src="/images/planetary_network.png#mx-auto" alt="planetary network" /></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://library.threefold.me/info/manual/#/manual__weblets_k8s"><img src="/images/kubernetes.png#mx-auto" alt="kubernetes" /></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://library.threefold.me/info/manual/#/manual__manual3_iac_home"><img src="/images/terraform.png#mx-auto" alt="terraform" /></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://library.threefold.me/info/manual/#/manual__weblets_vm"><img src="/images/virtual_machine.png#mx-auto" alt="virtual machine" /></a></p>
</div>
</div><br />
<br />
<br />
<br />
<!-- 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-white lg:py-28 sm:p-12 md:p-16 lg:p-20w-screen -mx-8 sm:-mx-12 md:-mx-16 lg:-mx-20" style="background: linear-gradient(90deg, #000, #323232); background-size: cover" 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="limitless-possibilities"><strong>LIMITLESS POSSIBILITIES</strong></h2>
<p>Optimized for efficient and affordable hosting of cloud alternatives, blockchains, IoT networks, and decentralized applications with seamless migration.</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><img src="/images/limitless.png#mx-auto" alt="Image" /></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-center text-center mx-auto justify-center lg:py-28 sm:p-12 md:p-16 lg:p-20 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 flex-1 m-4 lg:m-0">
<!-- handles mermaid markdown content display -->
<p><img src="/images/zero_os.png#mx-auto#medium" alt="Image" /></p>
<h2 id="introducing-zero-os"><strong>INTRODUCING ZERO-OS</strong></h2>
<p>A decentralized autonomous OS designed to dedicate hardware capacity to the People’s Internet via the ThreeFold Blockchain. Zero-OS can be booted on most modern computers to host anything that runs on Linux in a decentralized way.</p>
<p><button><a rel="noopener nofollow noreferrer" target="_blank" href="https://library.threefold.me/info/threefold#/technology/threefold__zos">Learn More</a></button> <button><a rel="noopener nofollow noreferrer" target="_blank" href="https://library.threefold.me/info/threefold#/tfgrid/farming/threefold__farming_intro">Expand The Grid</a></button></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-center text-center mx-auto justify-center lg:m-20 lg:m-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">
<!-- handles mermaid markdown content display -->
<h2 id="designed-for-demanding-workloads"><strong>DESIGNED FOR DEMANDING</strong> <br> <strong>WORKLOADS</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><img src="/images/capacity.png#medium" alt="Image" /></p>
<br/>
<br/>
<h4 id="edge-capacity"><strong>EDGE CAPACITY</strong></h4>
<br/>
<br/>
<p>Achieve low latencies and bandwidth efficiency by reserving capacity locally.</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><img src="/images/secure.png#medium" alt="Image" /></p>
<br/>
<br/>
<h4 id="secure"><strong>SECURE</strong></h4>
<br/>
<br/>
<p>Open-source system built from the ground-up for a fully transparent and auditable stack.</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><img src="/images/scalable.png#medium" alt="Image" /></p>
<br/>
<br/>
<h4 id="scalable"><strong>SCALABLE</strong></h4>
<br/>
<br/>
<p>An autonomous infrastructure that grows naturally with demand, where and when it is needed.</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><img src="/images/effecient.png#medium" alt="Image" /></p>
<br/>
<br/>
<h4 id="efficient"><strong>EFFICIENT</strong></h4>
<br/>
<br/>
<p>A carefully designed collection of lightweight components that minimize overheads.</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-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 -->
<p><button><a rel="noopener nofollow noreferrer" target="_blank" href="https://library.threefold.me/info/threefold#/cloud/threefold__cloud_home">Learn More</a></button></p>
</div>
</div>
<p>
<div class="lg:py-20 py-10 sm:pt-16">
<div class="mx-auto px-4 sm:px-6 lg:px-8">
<div class="lg:max-w-xl mx-auto text-center">
<h2 class="
lg:text-6xl
text-center
uppercase
my-2
leading-none
font-normal font-heading
">
A GLOBAL EDGE INFRASTRUCTURE
</h2>
</div>
</div>
<div class="mt-10 pb-12 sm:pb-16">
<div class="relative">
<div class="absolute inset-0 h-1/2"></div>
<div class="relative mx-auto px-4 sm:px-6 lg:px-8">
<div class="max-w-8xl mx-auto">
<dl class="rounded-lg bg-white sm:grid sm:grid-cols-4">
<div class="
flex flex-col
border-b border-gray-400
p-6
text-center
sm:border-0 sm:border-r
">
<dt class="
order-2
mt-2
text-2xl
leading-6
font-medium
text-gray-900
uppercase
" id="item-1">
Nodes
</dt>
<dd class="
order-1
text-5xl
leading-none
font-extrabold
text-black
mb-4
" aria-describedby="item-1">
3236
</dd>
</div>
<div class="
flex flex-col
border-t border-b border-gray-400
p-6
text-center
sm:border-0 sm:border-l sm:border-r
">
<dt class="
order-2
mt-2
text-2xl
leading-6
font-medium
text-gray-900
uppercase
">
Capacity
</dt>
<dd class="
order-1
text-5xl
leading-none
font-extrabold
text-black
mb-4
">
85.64PB
</dd>
</div>
<div class="
flex flex-col
border-t border-gray-400
p-6
text-center
sm:border-0 sm:border-l
">
<dt class="
order-2
mt-2
text-2xl
leading-6
font-medium
text-gray-900
uppercase
">
Cores
</dt>
<dd class="
order-1
text-5xl
leading-none
font-extrabold
text-black
mb-4
">
69,942
</dd>
</div>
<div class="
flex flex-col
border-t border-gray-400
p-6
text-center
sm:border-0 sm:border-l
">
<dt class="
order-2
mt-2
text-2xl
leading-6
font-medium
text-gray-900
uppercase
">
Countries
</dt>
<dd class="
order-1
text-5xl
leading-none
font-extrabold
text-black
mb-4
">
81
</dd>
</div>
</dl>
</div>
</div>
</div>
</div>
<div class="block text-center mt-5">
<a target="_blank" href="https://explorer.threefold.io/all" class="
inline-block
bg-white
text-lg
learn-button
hover:bg-gray-400
bo
px-12
py-1
mr-5
mb-4
border-2
shadow
border-black
">Explore Capacity</a>
</div>
</div>
<br/>
<br/></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-center text-center mx-auto justify-center text-white lg:py-28 sm:p-12 md:p-16 lg:p-20w-screen -mx-8 sm:-mx-12 md:-mx-16 lg:-mx-20" style="background: linear-gradient(351deg, #8f8f8f, #8c8c8c); background-size: cover" 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="take-threefold-cloud-on-a-test-drive"><strong>TAKE THREEFOLD</strong> <br> <strong>CLOUD ON A TEST DRIVE</strong></h2>
<p><button><a rel="noopener nofollow noreferrer" target="_blank" href="https://library.threefold.me/info/manual/#/getstarted/manual__tfgrid3_getstarted">Get Started</a></button></p>
</div>
</div>
<!-- <hr> -->
<div id="list"></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="&#x2F;images&#x2F;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:&#x2F;&#x2F;www.facebook.com&#x2F;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:&#x2F;&#x2F;github.com&#x2F;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:&#x2F;&#x2F;github.com&#x2F;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:&#x2F;&#x2F;twitter.com&#x2F;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:&#x2F;&#x2F;t.me&#x2F;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 &amp; 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>
Reference in New Issue View Git Blame Copy Permalink