Files
www_threefold_io/docs/developer/index.html
2022-07-21 06:16:29 +02:00

2299 lines
80 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>Developer &bull; ThreeFold</title>
<meta property="og:title"
content="Developer &bull; ThreeFold" />
<meta property="twitter:title"
content="Developer &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">
<!-- 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: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="threefold-developer-resources"><strong>THREEFOLD <br> DEVELOPER <br> RESOURCES</strong></h2>
<p>A builders manual for ThreeFold. Built <br> by visionaries, for visionaries.</p>
<p><button><a rel="noopener nofollow noreferrer" target="_blank" href="https://t.me/threefoldtesting">Join The Developer Community</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/developer_header.jpg" alt="Image" /></p>
</div>
</div><!-- section 2 (TESTING GRANTS) -->
<!-- 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 lg:py-28 sm:p-12 md:p-16 lg:p-20 lg:max-w-3xlw-screen -mx-8 sm:-mx-12 md:-mx-16 lg:-mx-20" style="background-color: #f2f2f2; 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 -->
<p><img src="/images/developer_testing.png" 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">
<!-- handles mermaid markdown content display -->
</p>
<h2 id="apply-for-testing-grants">APPLY FOR <br> <strong>TESTING GRANTS</strong></h2>
<p>We have different use cases for you to take ThreeFolds technology on a test drive. From zero to hero - are you ready for the challenge?</p>
<br>
<p><button><a rel="noopener nofollow noreferrer" target="_blank" href="https://088nfpf6v5s.typeform.com/to/DS8hUAdV">Sign Up</a></button></p>
</div>
</div><br>
<br>
<!-- section 4 (DEVELOPER RESOURCES) -->
<div class="my-5 lg:my-40 lg:mx-40 mx-4">
<div class="w-full text-center">
<h2 class="lg:text-6xl uppercase font-normal leading-tight">
WHERE WOULD YOU LIKE TO START?
</h2>
<div class="max-w-4xl mb-10 py-2 text-xl mx-auto leading-tight tracking-wide">ThreeFold's open-source
infrastructure has been built from the ground up on the Linux Kernel to create a fully decentralized
Internet and Cloud. From a stateless operating system to new compute, storage and networking primitives, the
next-generation Internet is here.
</div>
</div>
<div class="grid sm:grid-cols-1 gap-4 lg:grid-cols-2 text-center lg:px-16">
<div class="
mx-auto
my-4
rounded
overflow-hidden
transition
duration-500
bg-gray-100
">
<a href="/developer/os">
<img src="/images/operating_system.png" />
<div class="font-bold text-xl py-5 mx-4 text-black">
Operating System
</div>
</a>
</div>
<div class="
mx-auto
my-4
rounded
overflow-hidden
transition
duration-500
bg-gray-100
">
<a href="/developer/automation">
<img src="/images/automation.png" />
<div class="font-bold text-xl py-5 mx-4 text-black">
Autonomous Components
</div>
</a>
</div>
<div class="
mx-auto
my-4
rounded
overflow-hidden
transition
duration-500
bg-gray-100
">
<a href="/developer/tooling">
<img src="/images/tooling.png" />
<div class="font-bold text-xl py-5 mx-4 text-black">
Developer tooling
</div>
</a>
</div>
<div class="
mx-auto
my-4
rounded
overflow-hidden
transition
duration-500
bg-gray-100
">
<a href="/developer/qsfs">
<img src="/images/qsfs.png" />
<div class="font-bold text-xl py-5 mx-4 text-black">
Quantum-Safe Storage
</div>
</a>
</div>
<div class="
mx-auto
my-4
rounded
overflow-hidden
transition
duration-500
bg-gray-100
">
<a href="/developer/blockchain">
<img src="/images/blockchain.png" />
<div class="font-bold text-xl py-5 mx-4 text-black">
ThreeFold Blockchain
</div>
</a>
</div>
<div class="
mx-auto
my-4
rounded
overflow-hidden
transition
duration-500
bg-gray-100
">
<a href="/developer/planetarynw">
<img src="/images/planetary_network.jpg" />
<div class="font-bold text-xl py-5 mx-4 text-black">
Planetary Network
</div>
</a>
</div>
</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-6xlw-screen -mx-8 sm:-mx-12 md:-mx-16 lg:-mx-20" style="background-color: #f2f2f2; 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="our-developer-resources">OUR <br> <strong>DEVELOPER RESOURCES</strong></h2>
<p>ThreeFold is here to build the open-source Internet and Cloud infrastructure. The documentation helps you <br> build on ThreeFold by introducing you to some foundational concepts as well as our development stacks.<br>
Inspired by the open-source movement, everything at ThreeFold is open to be audited, extended and improved.<br> If you have any feedback, please reach out with a GitHub issue or on our telegram.</p>
<br>
<p><button><a href="#table_link">Explore Documentation</a></button>
<button><a rel="noopener nofollow noreferrer" target="_blank" href="https://github.com/threefoldfoundation/info_threefold_pub/tree/main/wiki">Offer Feedback</a></button></p>
</div>
</div><br>
<br>
<!-- section 5 (TESTING GRANTS) -->
<!-- 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 pt-6 p-4 flex flex-col sm:grid sm:grid-cols-2 sm:gap-10 xl:flex xl:flex-row lg:items-center" style="" id="">
<!-- Hides empty columns if displayed vertically in small screen -->
<div class="flex-1 mb-8 md:mb-0 md:mx-8">
<!-- handles mermaid markdown content display -->
<p><img src="/images/developet_tft.jpg" 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">
<!-- handles mermaid markdown content display -->
</p>
<h2 id="join-us-in-making-threefold-better">JOIN US IN MAKING <br> <strong>THREEFOLD BETTER</strong></h2>
<p>All our docs are the results of community efforts. Create a pull request if you see mistakes, room for improvement, or new opportunities to help the ThreeFold community.</p>
<br>
<p><button><a rel="noopener nofollow noreferrer" target="_blank" href="https://github.com/threefoldfoundation/info_threefold_pub">Contribute</a></button></p>
</div>
</div><br>
<br>
<!-- section 6 (DOCUMENTATION) -->
<!-- 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-6xl" style="" id="table_link">
<!-- 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="explore-the-documentation">EXPLORE THE <br> <strong>DOCUMENTATION</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 -->
<h3 id="introduction"><strong>Introduction:</strong></h3>
<p><a rel="noopener nofollow noreferrer" target="_blank" href="https://library.threefold.me/info/threefold#/tfgrid/grid/threefold__grid_intro">Intro to ThreeFold</a></p>
<p><a rel="noopener nofollow noreferrer" target="_blank" href="https://library.threefold.me/info/threefold#/tfgrid/grid/threefold__grid_concepts">The ThreeFold Grid</a></p>
<p><a rel="noopener nofollow noreferrer" target="_blank" href="https://library.threefold.me/info/threefold#/tfgrid/farming/threefold__farming_intro">ThreeFold Farming</a></p>
<p><a rel="noopener nofollow noreferrer" target="_blank" href="https://library.threefold.me/info/threefold#/cloud/threefold__cloud_intro">ThreeFold Cloud</a></p>
<p><a rel="noopener nofollow noreferrer" target="_blank" href="https://library.threefold.me/info/threefold#/tokens/threefold__token_what">ThreeFold Token</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>
<h3 id="fundamentals"><strong>Fundamentals:</strong></h3>
<p><a rel="noopener nofollow noreferrer" target="_blank" href="https://library.threefold.me/info/threefold#/tokens/threefold__threefold_connect">Set up your account</a></p>
<p><a rel="noopener nofollow noreferrer" target="_blank" href="https://library.threefold.me/info/threefold#/tokens/threefold__how_to_buy">Charge your wallet</a></p>
<p><a rel="noopener nofollow noreferrer" target="_blank" href="https://library.threefold.me/info/threefold#/manual_tfgrid3/threefold__grid3_billing">How billing works</a></p>
<p><a rel="noopener nofollow noreferrer" target="_blank" href="https://library.threefold.me/info/threefold#/manual_tfgrid3/threefold__manual3_getstarted_home">Deploy workloads</a></p>
<p><a rel="noopener nofollow noreferrer" target="_blank" href="https://library.threefold.me/info/threefold#/manual_tfgrid3/threefold__manual3_iac_home">Infrastructure as Code</a></p>
<p><a rel="noopener nofollow noreferrer" target="_blank" href="https://library.threefold.me/info/threefold#/manual_tfgrid3/threefold__create_farm">Create a Farm</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>
<h3 id="the-stack"><strong>The Stack:</strong></h3>
<p><a rel="noopener nofollow noreferrer" target="_blank" href="https://library.threefold.me/info/threefold#/technology/threefold__zos">Zero-OS</a></p>
<p><a rel="noopener nofollow noreferrer" target="_blank" href="https://library.threefold.me/info/threefold#/technology/threefold__smartcontract_it">Smart Contract for IT</a></p>
<p><a rel="noopener nofollow noreferrer" target="_blank" href="https://library.threefold.me/info/threefold#/qss/threefold__qsss_home">Quantum Safe Storage</a></p>
<p><a rel="noopener nofollow noreferrer" target="_blank" href="https://library.threefold.me/info/manual/#/manual__weblets_vm">Virtual Machines</a></p>
<p><a rel="noopener nofollow noreferrer" target="_blank" href="https://library.threefold.me/info/manual/#/manual__weblets_k8s">Kubernetes</a></p>
<p><a rel="noopener nofollow noreferrer" target="_blank" href="https://library.threefold.me/info/manual/#/technology/threefold__planetary_network">Planetary Network</a></p>
</div>
</div><br>
<!-- <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>