1346 lines
38 KiB
HTML
1346 lines
38 KiB
HTML
<!DOCTYPE html>
|
||
<html lang="en" charset="utf-8">
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
<head>
|
||
<meta name="generator" content="Zola v.0.13.0 - getzola.org" />
|
||
|
||
|
||
|
||
<title>Creator Zones • ThreeFold</title>
|
||
<meta property="og:title" content="Creator Zones • ThreeFold" />
|
||
|
||
|
||
|
||
<!-- Required meta categories -->
|
||
<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://www.ourworld.tf/css/index.css?h=c3802690f633e31c633045bfdbdd4cac4750b75dffadff6ee1eadc09c21c1467" /> <style>@-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;}}</style>
|
||
|
||
</head>
|
||
|
||
|
||
<body>
|
||
<!--
|
||
Tailwind UI components require Tailwind CSS v1.8 and the @tailwindcss/ui plugin.
|
||
Read the documentation to get started: https://tailwindui.com/documentation
|
||
--><!-- This example requires Tailwind CSS v1.4.0+ -->
|
||
|
||
<script type="text/javascript">
|
||
|
||
var displayedMenu = "";
|
||
var hamburgerShown = false;
|
||
let width = screen.width;
|
||
var isMobile = width < 1024;
|
||
|
||
function toggleMenu(button) {
|
||
if (displayedMenu === button.id.split("-")[0]) {
|
||
button.className = button.className.replace(" text-blue-500 bg-stone-200 sm:bg-transparent", " text-gray-900");
|
||
hideMenu(button.id.split("-")[0]);
|
||
button.lastElementChild.className = button.lastElementChild.className.replace("rotate-0", "-rotate-90")
|
||
displayedMenu = "";
|
||
}
|
||
else {
|
||
showMenu(button.id.split("-")[0]);
|
||
button.lastElementChild.className = button.lastElementChild.className.replace("-rotate-90", "rotate-0")
|
||
button.className = button.className.replace(" text-gray-900", " text-blue-500 bg-stone-200 sm:bg-transparent");
|
||
displayedMenu = button.id.split("-")[0]
|
||
}
|
||
}
|
||
|
||
function handleClick(button) {
|
||
if (button.id === "hamburger-btn" || button.id === "close-hamburger-btn") { toggleHamburger() }
|
||
if (button.id.indexOf("menu") !== -1 ) {
|
||
toggleMenu(button)
|
||
}
|
||
}
|
||
|
||
function toggleHamburger() {
|
||
if (hamburgerShown) {
|
||
hideHamburger();
|
||
hamburgerShown = false;
|
||
}
|
||
else {
|
||
showHamburger();
|
||
hamburgerShown = true;
|
||
}
|
||
}
|
||
|
||
function showMenu(menuName) {
|
||
var menuId = menuName + (isMobile ? '-mobile-menu' : '-menu');
|
||
var menuBtnId = menuName + (isMobile ? '-mobile-menu' : '-menu');
|
||
var menuElement = document.getElementById(menuId)
|
||
menuElement.className = menuElement.className.replace(" hidden" , "");
|
||
setTimeout(function() { menuElement.className = menuElement.className.replace("duration-200 ease-in opacity-0 -translate-y-1", "duration-150 ease-out opacity-1 -translate-y-0"); }, 10);
|
||
}
|
||
|
||
function hideMenu(menuName) {
|
||
var menuId = menuName + (isMobile ? '-mobile-menu' : '-menu');
|
||
var menuElement = document.getElementById(menuId)
|
||
menuElement.className = menuElement.className.replace("duration-150 ease-out opacity-1 -translate-y-0", "duration-200 ease-in opacity-0 -translate-y-1");
|
||
setTimeout(function() { menuElement.className = menuElement.className + " hidden" }, 300);
|
||
}
|
||
|
||
function showHamburger() {
|
||
document.getElementById('header-container').className = "overflow-hidden";
|
||
document.getElementById('hamburger').className = "fixed mt-16 z-20 top-0 inset-x-0 transition transform origin-top-right";
|
||
document.getElementById('hamburger-btn').className = "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 my-2";
|
||
document.getElementById('close-hamburger-btn').className = "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 my-2";
|
||
}
|
||
|
||
function hideHamburger() {
|
||
document.getElementById('header-container').className = "";
|
||
document.getElementById('hamburger').className = "hidden absolute z-20 top-0 inset-x-0 transition transform origin-top-right lg:hidden";
|
||
document.getElementById('hamburger-btn').className = "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 my-2";
|
||
document.getElementById('close-hamburger-btn').className = "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 my-2";
|
||
if (displayedMenu !== "") { hideMenu(displayedMenu); }
|
||
}
|
||
|
||
window.onload = function(){
|
||
let elements = document.getElementsByTagName("button");
|
||
let buttons = [...elements]
|
||
buttons.forEach((button) => {
|
||
button.addEventListener( 'click', function() { handleClick(button) });
|
||
})
|
||
document.getElementById("mobile-learn-btn").addEventListener( 'click', toggleMenu);
|
||
}
|
||
|
||
</script>
|
||
|
||
|
||
<!-- set variables used for header template -->
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
<!--
|
||
Tailwind UI components require Tailwind CSS v1.8 and the @tailwindcss/ui plugin.
|
||
Read the documentation to get started: https://tailwindui.com/documentation
|
||
--><!-- This example requires Tailwind CSS v1.4.0+ -->
|
||
|
||
<script type="text/javascript">
|
||
|
||
var displayedMenu = "";
|
||
var hamburgerShown = false;
|
||
let width = screen.width;
|
||
var isMobile = width < 1024;
|
||
|
||
function toggleMenu(button) {
|
||
if (displayedMenu === button.id.split("-")[0]) {
|
||
button.className = button.className.replace(" text-blue-500 bg-stone-200 sm:bg-transparent", " text-gray-900");
|
||
hideMenu(button.id.split("-")[0]);
|
||
button.lastElementChild.className = button.lastElementChild.className.replace("rotate-0", "-rotate-90")
|
||
displayedMenu = "";
|
||
}
|
||
else {
|
||
showMenu(button.id.split("-")[0]);
|
||
button.lastElementChild.className = button.lastElementChild.className.replace("-rotate-90", "rotate-0")
|
||
button.className = button.className.replace(" text-gray-900", " text-blue-500 bg-stone-200 sm:bg-transparent");
|
||
displayedMenu = button.id.split("-")[0]
|
||
}
|
||
}
|
||
|
||
function handleClick(button) {
|
||
if (button.id === "hamburger-btn" || button.id === "close-hamburger-btn") { toggleHamburger() }
|
||
if (button.id.indexOf("menu") !== -1 ) {
|
||
toggleMenu(button)
|
||
}
|
||
}
|
||
|
||
function toggleHamburger() {
|
||
if (hamburgerShown) {
|
||
hideHamburger();
|
||
hamburgerShown = false;
|
||
}
|
||
else {
|
||
showHamburger();
|
||
hamburgerShown = true;
|
||
}
|
||
}
|
||
|
||
function showMenu(menuName) {
|
||
var menuId = menuName + (isMobile ? '-mobile-menu' : '-menu');
|
||
var menuBtnId = menuName + (isMobile ? '-mobile-menu' : '-menu');
|
||
var menuElement = document.getElementById(menuId)
|
||
menuElement.className = menuElement.className.replace(" hidden" , "");
|
||
setTimeout(function() { menuElement.className = menuElement.className.replace("duration-200 ease-in opacity-0 -translate-y-1", "duration-150 ease-out opacity-1 -translate-y-0"); }, 10);
|
||
}
|
||
|
||
function hideMenu(menuName) {
|
||
var menuId = menuName + (isMobile ? '-mobile-menu' : '-menu');
|
||
var menuElement = document.getElementById(menuId)
|
||
menuElement.className = menuElement.className.replace("duration-150 ease-out opacity-1 -translate-y-0", "duration-200 ease-in opacity-0 -translate-y-1");
|
||
setTimeout(function() { menuElement.className = menuElement.className + " hidden" }, 300);
|
||
}
|
||
|
||
function showHamburger() {
|
||
document.getElementById('header-container').className = "overflow-hidden";
|
||
document.getElementById('hamburger').className = "fixed mt-16 z-20 top-0 inset-x-0 transition transform origin-top-right";
|
||
document.getElementById('hamburger-btn').className = "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 my-2";
|
||
document.getElementById('close-hamburger-btn').className = "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 my-2";
|
||
}
|
||
|
||
function hideHamburger() {
|
||
document.getElementById('header-container').className = "";
|
||
document.getElementById('hamburger').className = "hidden absolute z-20 top-0 inset-x-0 transition transform origin-top-right lg:hidden";
|
||
document.getElementById('hamburger-btn').className = "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 my-2";
|
||
document.getElementById('close-hamburger-btn').className = "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 my-2";
|
||
if (displayedMenu !== "") { hideMenu(displayedMenu); }
|
||
}
|
||
|
||
window.onload = function(){
|
||
let elements = document.getElementsByTagName("button");
|
||
let buttons = [...elements]
|
||
buttons.forEach((button) => {
|
||
button.addEventListener( 'click', function() { handleClick(button) });
|
||
})
|
||
document.getElementById("mobile-learn-btn").addEventListener( 'click', toggleMenu);
|
||
}
|
||
|
||
</script>
|
||
|
||
|
||
<header id="header-container">
|
||
<div class="z-10 bg-white fixed w-screen">
|
||
<div class="relative z-50 shadow">
|
||
<div class="mx-auto flex z-50 shadow justify-between items-center pl-6 pr-2 md:pl-0 md:pr-0 lg:py-5 sm:px-8 md:px-12 py-2 lg:px-20 lg:justify-start lg:space-x-20">
|
||
<div>
|
||
<a href="/" class="flex">
|
||
<img class="w-48 h-auto sm:w-15" src="/images/OW_Logo.png" 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 my-2">
|
||
<!-- 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 my-2">
|
||
<!-- 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-end lg:space-x-12">
|
||
<nav class="flex space-x-10">
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
<a href="/creator-zones" class="text-lg leading-6 font-medium text-gray-900 focus:outline-none focus:text-gray-900 transition ease-in-out duration-150 mt-0">
|
||
CREATOR ZONES
|
||
</a>
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
<a href="platform" class="text-lg leading-6 font-medium text-gray-900 focus:outline-none focus:text-gray-900 transition ease-in-out duration-150 mt-0">
|
||
PLATFORM
|
||
</a>
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
<a href="/experiences" class="text-lg leading-6 font-medium text-gray-900 focus:outline-none focus:text-gray-900 transition ease-in-out duration-150 mt-0">
|
||
EXPERIENCES
|
||
</a>
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
<a href="/blog" class="text-lg leading-6 font-medium text-gray-900 focus:outline-none focus:text-gray-900 transition ease-in-out duration-150 mt-0">
|
||
BLOGS
|
||
</a>
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
<a href="mailto:info@ourworld.tf" class="text-lg leading-6 font-medium text-gray-900 focus:outline-none focus:text-gray-900 transition ease-in-out duration-150 mt-0">
|
||
CONTACT
|
||
</a>
|
||
|
||
|
||
|
||
</nav>
|
||
|
||
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
<nav>
|
||
<div id="a-href-22-creator-zones-22-creator-zones-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-20 xl:mx-20 px-6 py-4 sm:p-6 md:p-8 lg:p-12 xl:p-12">
|
||
|
||
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</nav>
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
<nav>
|
||
<div id="a-href-22platform-22-platform-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-20 xl:mx-20 px-6 py-4 sm:p-6 md:p-8 lg:p-12 xl:p-12">
|
||
|
||
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</nav>
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
<nav>
|
||
<div id="a-href-22-experiences-22-experiences-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-20 xl:mx-20 px-6 py-4 sm:p-6 md:p-8 lg:p-12 xl:p-12">
|
||
|
||
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</nav>
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
<nav>
|
||
<div id="a-href-22-blog-22-blogs-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-20 xl:mx-20 px-6 py-4 sm:p-6 md:p-8 lg:p-12 xl:p-12">
|
||
|
||
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</nav>
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
<nav>
|
||
<div id="a-href-22mailto-info-ourworld-tf-22-contact-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-20 xl:mx-20 px-6 py-4 sm:p-6 md:p-8 lg:p-12 xl:p-12">
|
||
|
||
</ul>
|
||
|
||
</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 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="/creator-zones" 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">
|
||
CREATOR ZONES
|
||
</a>
|
||
|
||
<hr/>
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
<a href="platform" 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">
|
||
PLATFORM
|
||
</a>
|
||
|
||
<hr/>
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
<a href="/experiences" 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">
|
||
EXPERIENCES
|
||
</a>
|
||
|
||
<hr/>
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
<a href="/blog" 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">
|
||
BLOGS
|
||
</a>
|
||
|
||
<hr/>
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
<a href="mailto:info@ourworld.tf" 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">
|
||
CONTACT
|
||
</a>
|
||
|
||
<hr/>
|
||
|
||
|
||
|
||
|
||
|
||
<div class="mx-8 mt-8">
|
||
<div class="space-y-8 lg:max-w-lg xl:max-w-lg lg:mr-8 lg:mb-8 xl:col-span-1">
|
||
<img class="w-48 h-auto" src="/images/OurVerse-logo.png" alt="Company name" />
|
||
<p class="text-gray-500 text-base leading-6 ">
|
||
The only truly decentralized metaverse on the planet awaits you.
|
||
</p>
|
||
</div>
|
||
|
||
</nav>
|
||
</div>
|
||
|
||
</div>
|
||
|
||
</div>
|
||
</div>
|
||
|
||
|
||
</header>
|
||
|
||
|
||
|
||
|
||
|
||
<div id="content" class="mx-8 md:mx-12 lg:mx-16 xl:mx-20 pt-24">
|
||
|
||
|
||
<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
|
||
-->
|
||
|
||
|
||
<!-- This fixes link & img paths in local, prod, and wth prefix -->
|
||
|
||
|
||
|
||
|
||
|
||
|
||
<!-- aligns columns depending on col number-->
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
<!-- 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 -->
|
||
|
||
|
||
|
||
|
||
|
||
|
||
<!-- Cancels page margins so that rows can have separate margins -->
|
||
|
||
|
||
|
||
<div id="" class="w-screen relative justify-center flex -mx-8 md:-mx-12 lg:-mx-16 xl:-mx-20" style="">
|
||
<div class="relative py-12 flex flex-col sm:grid sm:grid-cols-2 sm:gap-10 md:flex md:flex-row flex-wrap max-w-fit lg:items-center mx-4 md:mx-16 lg:mx-24 text-center items-center mx-auto justify-center sm:gap-0 " style="min-width: -webkit-fill-available; min-width: -moz-available">
|
||
|
||
|
||
|
||
<!-- Hides empty columns if displayed vertically in small screen -->
|
||
|
||
<div class="flex-1 mb-4 md:mb-12 lg:mb-0 lg:mx-8 flex-1 first:px-20 lg:max-w-[50%] -mr-8 md:-mr-12 lg:-mr-16 xl:-mr-20 ">
|
||
<!-- handles mermaid markdown content display -->
|
||
|
||
|
||
<h3 id="growth-begins">GROWTH BEGINS</h3>
|
||
<h4 id="in-creator-zones">IN CREATOR ZONES</h4>
|
||
<br>
|
||
<p>Creator Zones are set up to allow aspiring entrepreneurs, business people and digital nomads to work together on projects and experiences that bring a positive impact to the society.</p>
|
||
<p><button><a href="%22/%22">EXPLORE</a></button></p>
|
||
|
||
|
||
</div>
|
||
|
||
|
||
|
||
<!-- Hides empty columns if displayed vertically in small screen -->
|
||
|
||
<div class="flex-1 mb-4 md:mb-12 lg:mb-0 lg:mx-8 flex-1 first:px-20 lg:max-w-[50%] -mr-8 md:-mr-12 lg:-mr-16 xl:-mr-20 ">
|
||
<!-- handles mermaid markdown content display -->
|
||
|
||
|
||
|
||
<p><img src="/images/OW_Asset40.jpg" alt="Image" /></p>
|
||
|
||
|
||
</div>
|
||
|
||
|
||
</div>
|
||
</div>
|
||
|
||
|
||
<div class="h-20 lg:h-52"></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
|
||
-->
|
||
|
||
|
||
<!-- This fixes link & img paths in local, prod, and wth prefix -->
|
||
|
||
|
||
|
||
|
||
|
||
|
||
<!-- aligns columns depending on col number-->
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
<!-- 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 -->
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
<!-- Cancels page margins so that rows can have separate margins -->
|
||
|
||
|
||
|
||
<div id="" class="w-screen relative justify-center flex -mx-8 md:-mx-12 lg:-mx-16 xl:-mx-20" style="background-color: #c4ffeb; background-size: cover">
|
||
<div class="relative py-12 flex flex-col sm:grid sm:grid-cols-2 sm:gap-10 md:flex md:flex-row flex-wrap max-w-fit lg:items-center mx-4 md:mx-16 lg:mx-24 text-center items-center mx-auto justify-center sm:gap-0 py-0 " style="min-width: -webkit-fill-available; min-width: -moz-available">
|
||
|
||
|
||
|
||
<!-- Hides empty columns if displayed vertically in small screen -->
|
||
|
||
<div class="flex-1 mb-4 md:mb-12 lg:mb-0 lg:mx-8 flex-1 last:px-20 lg:max-w-[50%] ">
|
||
<!-- handles mermaid markdown content display -->
|
||
|
||
|
||
<p><img src="/images/OW_Asset11.png" alt="Image" /></p>
|
||
|
||
|
||
</div>
|
||
|
||
|
||
|
||
<!-- Hides empty columns if displayed vertically in small screen -->
|
||
|
||
<div class="flex-1 mb-4 md:mb-12 lg:mb-0 lg:mx-8 flex-1 last:px-20 lg:max-w-[50%] ">
|
||
<!-- handles mermaid markdown content display -->
|
||
|
||
|
||
|
||
<h2 id="love-of-nature">LOVE OF NATURE</h2>
|
||
<br/>
|
||
<p>Creator Zones are always integrated with nature.
|
||
This creates a more sustainable environment that
|
||
allows community members to be more
|
||
sustainable. This also promotes greener habits
|
||
to become the standard of every Creator Zone.</p>
|
||
|
||
|
||
</div>
|
||
|
||
|
||
</div>
|
||
</div>
|
||
|
||
|
||
<div class="h-20 lg:h-52"></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
|
||
-->
|
||
|
||
|
||
<!-- This fixes link & img paths in local, prod, and wth prefix -->
|
||
|
||
|
||
|
||
|
||
|
||
|
||
<!-- aligns columns depending on col number-->
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
<!-- 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 -->
|
||
|
||
|
||
|
||
|
||
|
||
|
||
<!-- Cancels page margins so that rows can have separate margins -->
|
||
|
||
|
||
|
||
<div id="" class="w-screen relative justify-center flex -mx-8 md:-mx-12 lg:-mx-16 xl:-mx-20" style="">
|
||
<div class="relative py-12 flex flex-col sm:grid sm:grid-cols-2 sm:gap-10 md:flex md:flex-row flex-wrap max-w-fit lg:items-center mx-4 md:mx-16 lg:mx-24 text-center items-center mx-auto justify-center w-screen lg:max-w-3xl " style="min-width: -webkit-fill-available; min-width: -moz-available">
|
||
|
||
|
||
|
||
<!-- Hides empty columns if displayed vertically in small screen -->
|
||
|
||
<div class="flex-1 mb-4 md:mb-12 lg:mb-0 lg:mx-8 flex-1 ">
|
||
<!-- handles mermaid markdown content display -->
|
||
|
||
|
||
<br>
|
||
<p><img src="/images/OW_Asset12.jpg" alt="Image" /></p>
|
||
<br>
|
||
<h3 id="a-dedication">A DEDICATION</h3>
|
||
<h2 id="to-learning">TO LEARNING</h2>
|
||
<br>
|
||
<p>Creator Zones are always integrated with nature.
|
||
This creates a more sustainable environment that
|
||
allows community members to be more
|
||
sustainable. This also promotes greener habits
|
||
to become the standard of every Creator Zone.</p>
|
||
|
||
|
||
</div>
|
||
|
||
|
||
</div>
|
||
</div>
|
||
|
||
|
||
<div class="h-20 lg:h-52"></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
|
||
-->
|
||
|
||
|
||
<!-- This fixes link & img paths in local, prod, and wth prefix -->
|
||
|
||
|
||
|
||
|
||
|
||
|
||
<!-- aligns columns depending on col number-->
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
<!-- 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 -->
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
<!-- Cancels page margins so that rows can have separate margins -->
|
||
|
||
|
||
|
||
<div id="" class="w-screen relative justify-center flex -mx-8 md:-mx-12 lg:-mx-16 xl:-mx-20" style="background-color: #e9fcff; background-size: cover">
|
||
<div class="relative py-12 flex flex-col sm:grid sm:grid-cols-2 sm:gap-10 md:flex md:flex-row flex-wrap max-w-fit lg:items-center mx-4 md:mx-16 lg:mx-24 text-center items-center mx-auto justify-center sm:gap-0 py-0 " style="min-width: -webkit-fill-available; min-width: -moz-available">
|
||
|
||
|
||
|
||
<!-- Hides empty columns if displayed vertically in small screen -->
|
||
|
||
<div class="flex-1 mb-4 md:mb-12 lg:mb-0 lg:mx-8 flex-1 last:px-20 lg:max-w-[50%] ">
|
||
<!-- handles mermaid markdown content display -->
|
||
|
||
|
||
<p><img src="/images/OW_Asset14.png" alt="Image" /></p>
|
||
|
||
|
||
</div>
|
||
|
||
|
||
|
||
<!-- Hides empty columns if displayed vertically in small screen -->
|
||
|
||
<div class="flex-1 mb-4 md:mb-12 lg:mb-0 lg:mx-8 flex-1 last:px-20 lg:max-w-[50%] ">
|
||
<!-- handles mermaid markdown content display -->
|
||
|
||
|
||
|
||
<h2 id="built-by">BUILT BY</h2>
|
||
<h3 id="togetherness">TOGETHERNESS</h3>
|
||
<br/>
|
||
<p>Co-living and coworking in Creator Zones allow members to create effective and innovative experiences.</p>
|
||
<br>
|
||
<p>We have created an environment where collaboration and team work lead to the developoment of advanced technologies that focus on endless creating opportunities.</p>
|
||
|
||
|
||
</div>
|
||
|
||
|
||
</div>
|
||
</div>
|
||
|
||
|
||
<div class="h-20 lg:h-52"></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
|
||
-->
|
||
|
||
|
||
<!-- This fixes link & img paths in local, prod, and wth prefix -->
|
||
|
||
|
||
|
||
|
||
|
||
|
||
<!-- aligns columns depending on col number-->
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
<!-- 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 -->
|
||
|
||
|
||
|
||
|
||
|
||
|
||
<!-- Cancels page margins so that rows can have separate margins -->
|
||
|
||
|
||
|
||
<div id="" class="w-screen relative justify-center flex -mx-8 md:-mx-12 lg:-mx-16 xl:-mx-20" style="">
|
||
<div class="relative py-12 flex flex-col sm:grid sm:grid-cols-2 sm:gap-10 md:flex md:flex-row flex-wrap max-w-fit lg:items-center mx-4 md:mx-16 lg:mx-24 text-center items-center mx-auto justify-center w-screen lg:max-w-3xl " style="min-width: -webkit-fill-available; min-width: -moz-available">
|
||
|
||
|
||
|
||
<!-- Hides empty columns if displayed vertically in small screen -->
|
||
|
||
<div class="flex-1 mb-4 md:mb-12 lg:mb-0 lg:mx-8 flex-1 ">
|
||
<!-- handles mermaid markdown content display -->
|
||
|
||
|
||
<br>
|
||
<p><img src="/images/OW_Asset8.jpg" alt="Image" /></p>
|
||
<br>
|
||
<h3 id="regenerative">REGENERATIVE</h3>
|
||
<h2 id="farming">FARMING</h2>
|
||
<br>
|
||
<p>We work with the local population to allow them to help and earn from the Creator Zone community by assisting in regenerative farming. This makes our communities promote healthier living and also allows us to become more self-sufficient.</p>
|
||
|
||
|
||
</div>
|
||
|
||
|
||
</div>
|
||
</div>
|
||
|
||
|
||
<div class="h-20 lg:h-52"></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
|
||
-->
|
||
|
||
|
||
<!-- This fixes link & img paths in local, prod, and wth prefix -->
|
||
|
||
|
||
|
||
|
||
|
||
|
||
<!-- aligns columns depending on col number-->
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
<!-- 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 -->
|
||
|
||
|
||
|
||
|
||
|
||
|
||
<!-- Cancels page margins so that rows can have separate margins -->
|
||
|
||
|
||
|
||
<div id="" class="w-screen relative justify-center flex -mx-8 md:-mx-12 lg:-mx-16 xl:-mx-20" style="">
|
||
<div class="relative py-12 flex flex-col sm:grid sm:grid-cols-2 sm:gap-10 md:flex md:flex-row flex-wrap max-w-fit lg:items-center mx-4 md:mx-16 lg:mx-24 text-center items-center mx-auto justify-center sm:gap-0 " style="min-width: -webkit-fill-available; min-width: -moz-available">
|
||
|
||
|
||
|
||
<!-- Hides empty columns if displayed vertically in small screen -->
|
||
|
||
<div class="flex-1 mb-4 md:mb-12 lg:mb-0 lg:mx-8 flex-1 first:px-20 lg:max-w-[50%] -mr-8 md:-mr-12 lg:-mr-16 xl:-mr-20 ">
|
||
<!-- handles mermaid markdown content display -->
|
||
|
||
|
||
<h3 id="the-power">THE POWER</h3>
|
||
<h2 id="of-p2p">OF P2P</h2>
|
||
<br>
|
||
<p>All Creator Zone experiences and technologies are built on top of the world’s largest decentralized and peer-to-peer network, the ThreeFold Grid. This allows endless security and scalability for all projects whilst offering limitless opportunities.</p>
|
||
<p><button><a href="%22/%22">LEARN MORE</a></button></p>
|
||
|
||
|
||
</div>
|
||
|
||
|
||
|
||
<!-- Hides empty columns if displayed vertically in small screen -->
|
||
|
||
<div class="flex-1 mb-4 md:mb-12 lg:mb-0 lg:mx-8 flex-1 first:px-20 lg:max-w-[50%] -mr-8 md:-mr-12 lg:-mr-16 xl:-mr-20 ">
|
||
<!-- handles mermaid markdown content display -->
|
||
|
||
|
||
|
||
<p><img src="/images/OW_Asset9.jpg" alt="Image" /></p>
|
||
|
||
|
||
</div>
|
||
|
||
|
||
</div>
|
||
</div>
|
||
|
||
|
||
<div class="h-20 lg:h-52"></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
|
||
-->
|
||
|
||
|
||
<!-- This fixes link & img paths in local, prod, and wth prefix -->
|
||
|
||
|
||
|
||
|
||
|
||
|
||
<!-- aligns columns depending on col number-->
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
<!-- 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 -->
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
<!-- Cancels page margins so that rows can have separate margins -->
|
||
|
||
|
||
|
||
<div id="" class="w-screen relative justify-center flex -mx-8 md:-mx-12 lg:-mx-16 xl:-mx-20" style="background-color: #4ec48f; background-size: cover">
|
||
<div class="relative py-12 flex flex-col sm:grid sm:grid-cols-2 sm:gap-10 md:flex md:flex-row flex-wrap max-w-fit lg:items-center mx-4 md:mx-16 lg:mx-24 text-center items-center mx-auto justify-center w-screen lg:max-w-3xl text-white lg:text-white py-0 " style="min-width: -webkit-fill-available; min-width: -moz-available">
|
||
|
||
|
||
|
||
<!-- Hides empty columns if displayed vertically in small screen -->
|
||
|
||
<div class="flex-1 mb-4 md:mb-12 lg:mb-0 lg:mx-8 flex-1 ">
|
||
<!-- handles mermaid markdown content display -->
|
||
|
||
|
||
<h2 id="wanna-get-involved">WANNA GET <strong>INVOLVED?</strong></h2>
|
||
<br/>
|
||
<p>Interested in partnering up? Or just wanna say hi?</p>
|
||
<p>Drop us a message!</p>
|
||
<p><button><a href="mailto:info@ourverse.tf">Email</a></button></p>
|
||
<br>
|
||
<p>OUR<strong>WORLD</strong></p>
|
||
|
||
|
||
</div>
|
||
|
||
|
||
</div>
|
||
</div>
|
||
<!-- <hr> -->
|
||
<div id="list"></div>
|
||
|
||
</main>
|
||
|
||
|
||
</div>
|
||
<!--
|
||
Tailwind UI components require Tailwind CSS v1.8 and the @tailwindcss/ui plugin.
|
||
Read the documentation to get started: https://tailwindui.com/documentation
|
||
-->
|
||
|
||
|
||
|
||
<footer class="bottom-0 mx-20">
|
||
|
||
|
||
|
||
</footer>
|
||
</body>
|
||
</html> |