update website
This commit is contained in:
BIN
public/rooms/img/wave_one.jpg
Normal file
BIN
public/rooms/img/wave_one.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 518 KiB |
BIN
public/rooms/img/wave_two.jpg
Normal file
BIN
public/rooms/img/wave_two.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 949 KiB |
584
public/rooms/index.html
Normal file
584
public/rooms/index.html
Normal file
@@ -0,0 +1,584 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en" charset="utf-8">
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<head>
|
||||
<link rel="icon" type="image/x-icon" href="https://www.jungle_paradise/images/favicon.png">
|
||||
<meta name="generator" content="Zola v.0.13.0 - getzola.org" />
|
||||
|
||||
|
||||
|
||||
<title>Rooms • Jungle Paradise</title>
|
||||
<meta property="og:title" content="Rooms • Jungle Paradise" />
|
||||
|
||||
|
||||
|
||||
<!-- 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.jungle_paradise/css/index.css?h=ea95c0a269e3849c0841" /> <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-green-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-green-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 -->
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<header id="header-container">
|
||||
|
||||
<div class="z-10 header_BG fixed w-screen max-w-full customize">
|
||||
<div class="relative z-50 shadow">
|
||||
<div class="mx-auto flex z-50 shadow justify-between items-center pl-6 pr-2 md:pr-0 lg:py-5 md:px-12 py-2 lg:px-20 lg:justify-start lg:space-x-20">
|
||||
<div>
|
||||
<a href="/" class="flex">
|
||||
<img class="logo" src="https://www.jungle_paradise/images/logo.png" alt="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-6">
|
||||
|
||||
|
||||
<a href="https://www.jungle_paradise/home/" class="text-md font-normal leading-6 text-white focus:outline-none focus:text-gray-900 transition ease-in-out duration-150 mt-0">
|
||||
Home
|
||||
</a>
|
||||
<div class="relative">
|
||||
</div>
|
||||
|
||||
|
||||
<a href="https://www.jungle_paradise/rooms/" class="text-md font-normal leading-6 text-white focus:outline-none focus:text-gray-900 transition ease-in-out duration-150 mt-0">
|
||||
Rooms
|
||||
</a>
|
||||
<div class="relative">
|
||||
</div>
|
||||
|
||||
|
||||
<a href="https://www.jungle_paradise/restaurant/" class="text-md font-normal leading-6 text-white focus:outline-none focus:text-gray-900 transition ease-in-out duration-150 mt-0">
|
||||
Restaurant
|
||||
</a>
|
||||
<div class="relative">
|
||||
</div>
|
||||
|
||||
|
||||
<a href="https://www.jungle_paradise/health-wellness/" class="text-md font-normal leading-6 text-white focus:outline-none focus:text-gray-900 transition ease-in-out duration-150 mt-0">
|
||||
Health & Wellness
|
||||
</a>
|
||||
<div class="relative">
|
||||
</div>
|
||||
|
||||
|
||||
</nav>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
<!--
|
||||
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="pt-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="https://www.jungle_paradise/rooms/" 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">
|
||||
Rooms
|
||||
</a>
|
||||
<hr/>
|
||||
|
||||
|
||||
|
||||
<a href="https://www.jungle_paradise/restaurant/" 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">
|
||||
Restaurant
|
||||
</a>
|
||||
<hr/>
|
||||
|
||||
|
||||
|
||||
<a href="https://www.jungle_paradise/health-wellness/" 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">
|
||||
Health & Wellness
|
||||
</a>
|
||||
<hr/>
|
||||
|
||||
|
||||
|
||||
</nav>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
</header>
|
||||
|
||||
|
||||
|
||||
|
||||
<div id="content" class="mx-auto overflow-hidden">
|
||||
|
||||
|
||||
<main>
|
||||
<script src="https://cdn.jsdelivr.net/npm/mermaid/dist/mermaid.min.js"></script>
|
||||
<script>mermaid.initialize({startOnLoad:true});</script>
|
||||
<div>
|
||||
|
||||
<div class="container mx-auto">
|
||||
<br>
|
||||
<!-- section 1 (co-found) -->
|
||||
<!-- 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-->
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<!-- Padding -->
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<!-- Margins -->
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<!-- reverse col at mobile -->
|
||||
|
||||
|
||||
|
||||
|
||||
<!-- 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="relative justify-center flex overflow-hidden " style="">
|
||||
<div id="" class="relative flex flex-col md:flex md:flex-row flex-wrap max-w-fit overflow-hidden items-center py-2 md:py-4 lg:pt-24 mx-6 sm:mx-20 md:mx-28 lg:mx-40 mt-10 lg:mt-0 text-center items-center " 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-2 xl:mx-4 flex-1 ">
|
||||
<!-- handles mermaid markdown content display -->
|
||||
|
||||
|
||||
<h1 id="projects">Projects</h1>
|
||||
<p>Some insight into our portfolio and its evolution over the past 19 years.</p>
|
||||
|
||||
|
||||
</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
|
||||
-->
|
||||
|
||||
|
||||
<!-- This fixes link & img paths in local, prod, and wth prefix -->
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<!-- aligns columns depending on col number-->
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<!-- Padding -->
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<!-- Margins -->
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<!-- makes row full screen width and adds background img -->
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<!-- Cancels page margins so that rows can have separate margins -->
|
||||
|
||||
|
||||
|
||||
<div id="" class="relative justify-center flex overflow-hidden " style="">
|
||||
<div id="" class="relative flex flex-col md:flex md:flex-row flex-wrap max-w-fit overflow-hidden items-center py-2 md:py-4 lg:pb-24 mx-6 sm:mx-20 md:mx-28 lg:mx-40 " 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-2 xl:mx-4">
|
||||
<!-- handles mermaid markdown content display -->
|
||||
|
||||
|
||||
<p><a href="/projects/waveone"><img src="https://www.jungle_paradise/rooms/./img/wave_one.jpg#mx-auto" alt="Image" /></a></p>
|
||||
<h3 id="then-wave-one">Then: Wave One</h3>
|
||||
<p class="text-base"><span class="font-semibold">More than $500 million in exits with less than $50 million investment.</span><br><br>Our focus during Wave One was very IT-centric – around storage, automation and cloud. During this wave from 2000 till 2015 some of our companies defined parts of the cloud landscape, and are still being used actively today.</p>
|
||||
<br>
|
||||
<br>
|
||||
<br>
|
||||
<br>
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
<!-- Hides empty columns if displayed vertically in small screen -->
|
||||
|
||||
<div class="flex-1 mb-4 md:mb-12 lg:mb-0 lg:mx-2 xl:mx-4">
|
||||
<!-- handles mermaid markdown content display -->
|
||||
|
||||
|
||||
|
||||
<p><a href="/projects/wavetwo"><img src="https://www.jungle_paradise/rooms/./img/wave_two.jpg#mx-auto" alt="Image" /></a></p>
|
||||
<h3 id="now-wave-two">Now: Wave Two</h3>
|
||||
<p class="text-base">We believe doing good for the world and doing business can go hand in hand. We are building companies which will help to achieve an ambituous global goal:<br><br><span class="font-semibold">Allow everyone to have unlimited access to Education, Sustainable Internet, and Complementary Digital Currencies for less than 1% of their monthly salary.</span><br><br>To reach this goal the world needs next-generation technologies that open education, mobile, and financial systems up for all.</p>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
</div>
|
||||
</div></div>
|
||||
|
||||
|
||||
</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">
|
||||
|
||||
|
||||
<div class="customize">
|
||||
<div class="py-4 px-4 sm:px-6">
|
||||
<div class="lg:flex lg:gap-4">
|
||||
<div class="space-y-8 lg:max-w-sm lg:mr-8 lg:mb-2 lg:col-span-1">
|
||||
<img class="w-1/2 lg:mx-4 mb-4" src="/images/footer_logo.png" alt="incubaid Logo" />
|
||||
</div>
|
||||
<div class="space-y-8 lg:max-w-sm lg:mr-8 lg:mb-2 lg:col-span-1">
|
||||
<p class="mt-0 text-base">
|
||||
We believe doing good for the world and doing business can go hand in hand.
|
||||
</p>
|
||||
</div>
|
||||
<div class="space-y-8 lg:max-w-sm lg:mr-8 lg:mb-2 lg:col-span-1">
|
||||
<a target="_blank" href="mailto:info@incubaid.com">info@incubaid.com</a>
|
||||
</div>
|
||||
<div class="lg:max-w-sm lg:mr-8 lg:mb-2 lg:col-span-1">
|
||||
<a class="text-sm flex hard_green" href="/projects">Our projects</a>
|
||||
<a class="text-sm flex hard_green" href="/people">Our people</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<hr class="my-4 border-y-0 w-1/2 border-green-500/50">
|
||||
<div class="mx-4 text-center">
|
||||
<p class="text-base pt-4 my-0">© Copyright 2023 Incubaid BVBA - All Rights Reserved</p>
|
||||
<a href="https://threefold.io/" target="_blank" class="hard_green my-0 text-base">Hosted on the ThreeFold Grid</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</footer>
|
||||
|
||||
|
||||
|
||||
</body>
|
||||
</html>
|
||||
BIN
public/rooms/waveone/img/Itsyou_online.jpg
Normal file
BIN
public/rooms/waveone/img/Itsyou_online.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 9.0 KiB |
BIN
public/rooms/waveone/img/amplidata.jpg
Normal file
BIN
public/rooms/waveone/img/amplidata.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 18 KiB |
BIN
public/rooms/waveone/img/awingu.jpg
Normal file
BIN
public/rooms/waveone/img/awingu.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 20 KiB |
BIN
public/rooms/waveone/img/dacentec.jpg
Normal file
BIN
public/rooms/waveone/img/dacentec.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 15 KiB |
BIN
public/rooms/waveone/img/datacenter.png
Normal file
BIN
public/rooms/waveone/img/datacenter.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 9.5 KiB |
BIN
public/rooms/waveone/img/dedigate.jpg
Normal file
BIN
public/rooms/waveone/img/dedigate.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 17 KiB |
BIN
public/rooms/waveone/img/gig_tech.jpg
Normal file
BIN
public/rooms/waveone/img/gig_tech.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 21 KiB |
BIN
public/rooms/waveone/img/hostbasket.jpg
Normal file
BIN
public/rooms/waveone/img/hostbasket.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 18 KiB |
BIN
public/rooms/waveone/img/openVstorage.jpg
Normal file
BIN
public/rooms/waveone/img/openVstorage.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 24 KiB |
BIN
public/rooms/waveone/img/q_layer.jpg
Normal file
BIN
public/rooms/waveone/img/q_layer.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 20 KiB |
BIN
public/rooms/waveone/img/racktivity.jpg
Normal file
BIN
public/rooms/waveone/img/racktivity.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 14 KiB |
BIN
public/rooms/waveone/img/rivine.jpg
Normal file
BIN
public/rooms/waveone/img/rivine.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 9.3 KiB |
BIN
public/rooms/waveone/img/rogerthat.jpg
Normal file
BIN
public/rooms/waveone/img/rogerthat.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 12 KiB |
BIN
public/rooms/waveone/img/virtualBox.jpg
Normal file
BIN
public/rooms/waveone/img/virtualBox.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 17 KiB |
BIN
public/rooms/waveone/img/wave_two.jpg
Normal file
BIN
public/rooms/waveone/img/wave_two.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 949 KiB |
2579
public/rooms/waveone/index.html
Normal file
2579
public/rooms/waveone/index.html
Normal file
File diff suppressed because it is too large
Load Diff
BIN
public/rooms/wavetwo/bettertoken/img/bettertoken.png
Normal file
BIN
public/rooms/wavetwo/bettertoken/img/bettertoken.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 27 KiB |
BIN
public/rooms/wavetwo/bettertoken/img/cart.png
Normal file
BIN
public/rooms/wavetwo/bettertoken/img/cart.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 12 KiB |
BIN
public/rooms/wavetwo/bettertoken/img/customise.png
Normal file
BIN
public/rooms/wavetwo/bettertoken/img/customise.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 21 KiB |
BIN
public/rooms/wavetwo/bettertoken/img/data.jpg
Normal file
BIN
public/rooms/wavetwo/bettertoken/img/data.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 48 KiB |
BIN
public/rooms/wavetwo/bettertoken/img/easy.png
Normal file
BIN
public/rooms/wavetwo/bettertoken/img/easy.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 16 KiB |
1001
public/rooms/wavetwo/bettertoken/index.html
Normal file
1001
public/rooms/wavetwo/bettertoken/index.html
Normal file
File diff suppressed because it is too large
Load Diff
BIN
public/rooms/wavetwo/fairswap/img/fairswap.png
Normal file
BIN
public/rooms/wavetwo/fairswap/img/fairswap.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 8.6 KiB |
BIN
public/rooms/wavetwo/fairswap/img/swapimage.png
Normal file
BIN
public/rooms/wavetwo/fairswap/img/swapimage.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 25 KiB |
757
public/rooms/wavetwo/fairswap/index.html
Normal file
757
public/rooms/wavetwo/fairswap/index.html
Normal file
@@ -0,0 +1,757 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en" charset="utf-8">
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<head>
|
||||
<link rel="icon" type="image/x-icon" href="https://www.jungle_paradise/images/favicon.png">
|
||||
<meta name="generator" content="Zola v.0.13.0 - getzola.org" />
|
||||
|
||||
|
||||
|
||||
<title>Fairswap • Jungle Paradise</title>
|
||||
<meta property="og:title" content="Fairswap • Jungle Paradise" />
|
||||
|
||||
|
||||
|
||||
<!-- 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.jungle_paradise/css/index.css?h=ea95c0a269e3849c0841" /> <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-green-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-green-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 -->
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<header id="header-container">
|
||||
|
||||
<div class="z-10 header_BG fixed w-screen max-w-full customize">
|
||||
<div class="relative z-50 shadow">
|
||||
<div class="mx-auto flex z-50 shadow justify-between items-center pl-6 pr-2 md:pr-0 lg:py-5 md:px-12 py-2 lg:px-20 lg:justify-start lg:space-x-20">
|
||||
<div>
|
||||
<a href="/" class="flex">
|
||||
<img class="logo" src="https://www.jungle_paradise/images/logo.png" alt="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-6">
|
||||
|
||||
|
||||
<a href="https://www.jungle_paradise/home/" class="text-md font-normal leading-6 text-white focus:outline-none focus:text-gray-900 transition ease-in-out duration-150 mt-0">
|
||||
Home
|
||||
</a>
|
||||
<div class="relative">
|
||||
</div>
|
||||
|
||||
|
||||
<a href="https://www.jungle_paradise/rooms/" class="text-md font-normal leading-6 text-white focus:outline-none focus:text-gray-900 transition ease-in-out duration-150 mt-0">
|
||||
Rooms
|
||||
</a>
|
||||
<div class="relative">
|
||||
</div>
|
||||
|
||||
|
||||
<a href="https://www.jungle_paradise/restaurant/" class="text-md font-normal leading-6 text-white focus:outline-none focus:text-gray-900 transition ease-in-out duration-150 mt-0">
|
||||
Restaurant
|
||||
</a>
|
||||
<div class="relative">
|
||||
</div>
|
||||
|
||||
|
||||
<a href="https://www.jungle_paradise/health-wellness/" class="text-md font-normal leading-6 text-white focus:outline-none focus:text-gray-900 transition ease-in-out duration-150 mt-0">
|
||||
Health & Wellness
|
||||
</a>
|
||||
<div class="relative">
|
||||
</div>
|
||||
|
||||
|
||||
</nav>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
<!--
|
||||
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="pt-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="https://www.jungle_paradise/rooms/" 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">
|
||||
Rooms
|
||||
</a>
|
||||
<hr/>
|
||||
|
||||
|
||||
|
||||
<a href="https://www.jungle_paradise/restaurant/" 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">
|
||||
Restaurant
|
||||
</a>
|
||||
<hr/>
|
||||
|
||||
|
||||
|
||||
<a href="https://www.jungle_paradise/health-wellness/" 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">
|
||||
Health & Wellness
|
||||
</a>
|
||||
<hr/>
|
||||
|
||||
|
||||
|
||||
</nav>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
</header>
|
||||
|
||||
|
||||
|
||||
|
||||
<div id="content" class="mx-auto overflow-hidden">
|
||||
|
||||
|
||||
<main>
|
||||
<script src="https://cdn.jsdelivr.net/npm/mermaid/dist/mermaid.min.js"></script>
|
||||
<script>mermaid.initialize({startOnLoad:true});</script>
|
||||
<div>
|
||||
|
||||
<div class="container mx-auto">
|
||||
<!-- 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-->
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<!-- Padding -->
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<!-- Margins -->
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<!-- makes row full screen width and adds background img -->
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<!-- Cancels page margins so that rows can have separate margins -->
|
||||
|
||||
|
||||
|
||||
<div id="" class="relative justify-center flex overflow-hidden " style="">
|
||||
<div id="" class="relative flex flex-col md:flex md:flex-row flex-wrap max-w-fit overflow-hidden items-center py-2 md:py-4 lg:pt-24 mx-6 sm:mx-20 md:mx-28 lg:mx-40 mt-10 lg:mt-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-2 xl:mx-4">
|
||||
<!-- handles mermaid markdown content display -->
|
||||
|
||||
|
||||
<p><img src="https://www.jungle_paradise/rooms/wavetwo/fairswap/./img/fairswap.png#mx-auto" 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-2 xl:mx-4">
|
||||
<!-- handles mermaid markdown content display -->
|
||||
|
||||
|
||||
|
||||
<h3 id="bringing-fairness-security-and-scalability-to-digital-commerce">Bringing fairness, security and scalability to digital commerce.</h3>
|
||||
<p>FairSwap is an open-source, decentralized project complete with wallet, exchange and P2P marketplace, protecting users and enabling true, trusted transacting globally.</p>
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
</div>
|
||||
</div><br>
|
||||
<hr>
|
||||
<br>
|
||||
<!-- row shortcode
|
||||
Shortcode used in markdown for the creation of mobile compatible vertical rows
|
||||
Divides markdown into columns by splitting content using column identifier "|||"
|
||||
Creates equal width blocks in a flex row.
|
||||
|
||||
Parameters:
|
||||
- style:
|
||||
- lean: if style is lean, the row doesn't have outer margins
|
||||
- bgPath: if bgPath is passed, the row has a full width background
|
||||
-->
|
||||
|
||||
|
||||
<!-- This fixes link & img paths in local, prod, and wth prefix -->
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<!-- aligns columns depending on col number-->
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<!-- Padding -->
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<!-- Margins -->
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<!-- reverse col at mobile -->
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<!-- 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="relative justify-center flex overflow-hidden " style="">
|
||||
<div id="" class="flex flex-col-reverse md:flex-row items-center mx-6 sm:mx-20 md:mx-28 lg:mx-40" 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-2 xl:mx-4">
|
||||
<!-- handles mermaid markdown content display -->
|
||||
|
||||
|
||||
<h4 id="the-problem">The Problem</h4>
|
||||
<p class="text-base">We don’t need third-parties in digital commerce — yet they keep growing. And getting more dangerous.</p>
|
||||
<p class="text-base"><spain class="font-bold">No sovereignty or control :</spain> Centralized exchanges and wallets have custody of funds and require middlemen</p>
|
||||
<p class="text-base"><spain class="font-bold">Huge security and data privacy issues :</spain> Large exchanges are easy targets for hacks with little recourse or protection</p>
|
||||
<p class="text-base"><spain class="font-bold">Market manipulation and no transparency :</spain> Fake volumes and market-making, algorithmic trading</p>
|
||||
<p class="text-base"><spain class="font-bold">Complexity and lack of information :</spain> Hard to navigate exchanges, manage private keys, make informed decisions</p>
|
||||
<p class="text-base"><spain class="font-bold">Not enough interoperability :</spain> Existing platforms seek to lock in users to their own ecosystems</p>
|
||||
<br>
|
||||
<h4 id="solution-mission">Solution & Mission</h4>
|
||||
<p class="text-base">Open-source, peer-to-peer financial tools that are quantum-safe and built on decentralized capacity</p>
|
||||
<p class="text-base"><spain class="font-bold">Scaleable.</spain> Lightweight technology and self-healing technology makes it scale with ease and endlessly.<br><br>Storage, exchange and trade operations are the foundation of the economic machine. We believe that everyone has right to access free and open instruments that enable storage, exchange and trade in a fair and transparent way. </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-2 xl:mx-4">
|
||||
<!-- handles mermaid markdown content display -->
|
||||
|
||||
|
||||
|
||||
<p><img src="https://www.jungle_paradise/rooms/wavetwo/fairswap/./img/swapimage.png#mx-auto" alt="Image" /></p>
|
||||
|
||||
|
||||
</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
|
||||
-->
|
||||
|
||||
|
||||
<!-- This fixes link & img paths in local, prod, and wth prefix -->
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<!-- aligns columns depending on col number-->
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<!-- Padding -->
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<!-- Margins -->
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<!-- reverse col at mobile -->
|
||||
|
||||
|
||||
|
||||
|
||||
<!-- 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="relative justify-center flex overflow-hidden " style="">
|
||||
<div id="" class="relative flex flex-col md:flex md:flex-row flex-wrap max-w-fit overflow-hidden items-center py-2 md:py-4 lg:pb-24 mx-6 sm:mx-20 md:mx-28 lg:mx-40 text-center items-center " 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-2 xl:mx-4 flex-1 ">
|
||||
<!-- handles mermaid markdown content display -->
|
||||
|
||||
|
||||
<p><button><a href="https://www.jungle_paradise/projects/wavetwo/tft">Previous</a></button>
|
||||
<button><a href="https://www.jungle_paradise/projects/wavetwo/mazraa">Next</a></button></p>
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
</div>
|
||||
</div></div>
|
||||
|
||||
|
||||
</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">
|
||||
|
||||
|
||||
<div class="customize">
|
||||
<div class="py-4 px-4 sm:px-6">
|
||||
<div class="lg:flex lg:gap-4">
|
||||
<div class="space-y-8 lg:max-w-sm lg:mr-8 lg:mb-2 lg:col-span-1">
|
||||
<img class="w-1/2 lg:mx-4 mb-4" src="/images/footer_logo.png" alt="incubaid Logo" />
|
||||
</div>
|
||||
<div class="space-y-8 lg:max-w-sm lg:mr-8 lg:mb-2 lg:col-span-1">
|
||||
<p class="mt-0 text-base">
|
||||
We believe doing good for the world and doing business can go hand in hand.
|
||||
</p>
|
||||
</div>
|
||||
<div class="space-y-8 lg:max-w-sm lg:mr-8 lg:mb-2 lg:col-span-1">
|
||||
<a target="_blank" href="mailto:info@incubaid.com">info@incubaid.com</a>
|
||||
</div>
|
||||
<div class="lg:max-w-sm lg:mr-8 lg:mb-2 lg:col-span-1">
|
||||
<a class="text-sm flex hard_green" href="/projects">Our projects</a>
|
||||
<a class="text-sm flex hard_green" href="/people">Our people</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<hr class="my-4 border-y-0 w-1/2 border-green-500/50">
|
||||
<div class="mx-4 text-center">
|
||||
<p class="text-base pt-4 my-0">© Copyright 2023 Incubaid BVBA - All Rights Reserved</p>
|
||||
<a href="https://threefold.io/" target="_blank" class="hard_green my-0 text-base">Hosted on the ThreeFold Grid</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</footer>
|
||||
|
||||
|
||||
|
||||
</body>
|
||||
</html>
|
||||
BIN
public/rooms/wavetwo/img/bettertoken.png
Normal file
BIN
public/rooms/wavetwo/img/bettertoken.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 27 KiB |
BIN
public/rooms/wavetwo/img/fairswap.png
Normal file
BIN
public/rooms/wavetwo/img/fairswap.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 8.6 KiB |
BIN
public/rooms/wavetwo/img/mazraa.png
Normal file
BIN
public/rooms/wavetwo/img/mazraa.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 13 KiB |
BIN
public/rooms/wavetwo/img/ootopia.png
Normal file
BIN
public/rooms/wavetwo/img/ootopia.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 22 KiB |
BIN
public/rooms/wavetwo/img/ourverses.png
Normal file
BIN
public/rooms/wavetwo/img/ourverses.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 10 KiB |
BIN
public/rooms/wavetwo/img/ourworld.png
Normal file
BIN
public/rooms/wavetwo/img/ourworld.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 8.7 KiB |
BIN
public/rooms/wavetwo/img/sikana.png
Normal file
BIN
public/rooms/wavetwo/img/sikana.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 7.0 KiB |
BIN
public/rooms/wavetwo/img/tag.png
Normal file
BIN
public/rooms/wavetwo/img/tag.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 7.5 KiB |
BIN
public/rooms/wavetwo/img/tft.png
Normal file
BIN
public/rooms/wavetwo/img/tft.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 4.6 KiB |
BIN
public/rooms/wavetwo/img/tftech.png
Normal file
BIN
public/rooms/wavetwo/img/tftech.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 5.1 KiB |
1076
public/rooms/wavetwo/index.html
Normal file
1076
public/rooms/wavetwo/index.html
Normal file
File diff suppressed because it is too large
Load Diff
BIN
public/rooms/wavetwo/mazraa/img/mazraa.png
Normal file
BIN
public/rooms/wavetwo/mazraa/img/mazraa.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 13 KiB |
877
public/rooms/wavetwo/mazraa/index.html
Normal file
877
public/rooms/wavetwo/mazraa/index.html
Normal file
@@ -0,0 +1,877 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en" charset="utf-8">
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<head>
|
||||
<link rel="icon" type="image/x-icon" href="https://www.jungle_paradise/images/favicon.png">
|
||||
<meta name="generator" content="Zola v.0.13.0 - getzola.org" />
|
||||
|
||||
|
||||
|
||||
<title>Mazraa • Jungle Paradise</title>
|
||||
<meta property="og:title" content="Mazraa • Jungle Paradise" />
|
||||
|
||||
|
||||
|
||||
<!-- 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.jungle_paradise/css/index.css?h=ea95c0a269e3849c0841" /> <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-green-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-green-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 -->
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<header id="header-container">
|
||||
|
||||
<div class="z-10 header_BG fixed w-screen max-w-full customize">
|
||||
<div class="relative z-50 shadow">
|
||||
<div class="mx-auto flex z-50 shadow justify-between items-center pl-6 pr-2 md:pr-0 lg:py-5 md:px-12 py-2 lg:px-20 lg:justify-start lg:space-x-20">
|
||||
<div>
|
||||
<a href="/" class="flex">
|
||||
<img class="logo" src="https://www.jungle_paradise/images/logo.png" alt="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-6">
|
||||
|
||||
|
||||
<a href="https://www.jungle_paradise/home/" class="text-md font-normal leading-6 text-white focus:outline-none focus:text-gray-900 transition ease-in-out duration-150 mt-0">
|
||||
Home
|
||||
</a>
|
||||
<div class="relative">
|
||||
</div>
|
||||
|
||||
|
||||
<a href="https://www.jungle_paradise/rooms/" class="text-md font-normal leading-6 text-white focus:outline-none focus:text-gray-900 transition ease-in-out duration-150 mt-0">
|
||||
Rooms
|
||||
</a>
|
||||
<div class="relative">
|
||||
</div>
|
||||
|
||||
|
||||
<a href="https://www.jungle_paradise/restaurant/" class="text-md font-normal leading-6 text-white focus:outline-none focus:text-gray-900 transition ease-in-out duration-150 mt-0">
|
||||
Restaurant
|
||||
</a>
|
||||
<div class="relative">
|
||||
</div>
|
||||
|
||||
|
||||
<a href="https://www.jungle_paradise/health-wellness/" class="text-md font-normal leading-6 text-white focus:outline-none focus:text-gray-900 transition ease-in-out duration-150 mt-0">
|
||||
Health & Wellness
|
||||
</a>
|
||||
<div class="relative">
|
||||
</div>
|
||||
|
||||
|
||||
</nav>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
<!--
|
||||
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="pt-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="https://www.jungle_paradise/rooms/" 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">
|
||||
Rooms
|
||||
</a>
|
||||
<hr/>
|
||||
|
||||
|
||||
|
||||
<a href="https://www.jungle_paradise/restaurant/" 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">
|
||||
Restaurant
|
||||
</a>
|
||||
<hr/>
|
||||
|
||||
|
||||
|
||||
<a href="https://www.jungle_paradise/health-wellness/" 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">
|
||||
Health & Wellness
|
||||
</a>
|
||||
<hr/>
|
||||
|
||||
|
||||
|
||||
</nav>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
</header>
|
||||
|
||||
|
||||
|
||||
|
||||
<div id="content" class="mx-auto overflow-hidden">
|
||||
|
||||
|
||||
<main>
|
||||
<script src="https://cdn.jsdelivr.net/npm/mermaid/dist/mermaid.min.js"></script>
|
||||
<script>mermaid.initialize({startOnLoad:true});</script>
|
||||
<div>
|
||||
|
||||
<div class="container mx-auto">
|
||||
<!-- 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-->
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<!-- Padding -->
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<!-- Margins -->
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<!-- makes row full screen width and adds background img -->
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<!-- Cancels page margins so that rows can have separate margins -->
|
||||
|
||||
|
||||
|
||||
<div id="" class="relative justify-center flex overflow-hidden " style="">
|
||||
<div id="" class="relative flex flex-col md:flex md:flex-row flex-wrap max-w-fit overflow-hidden items-center py-2 md:py-4 lg:pt-24 mx-6 sm:mx-20 md:mx-28 lg:mx-40 mt-10 lg:mt-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-2 xl:mx-4">
|
||||
<!-- handles mermaid markdown content display -->
|
||||
|
||||
|
||||
<p><img src="https://www.jungle_paradise/rooms/wavetwo/mazraa/./img/mazraa.png#mx-auto" 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-2 xl:mx-4">
|
||||
<!-- handles mermaid markdown content display -->
|
||||
|
||||
|
||||
|
||||
<h3 id="a-farming-cooperative-that-supports-the-growth-of-the-threefold-grid">A farming cooperative that supports the growth of the Threefold Grid</h3>
|
||||
<p>Support the grid by buying capacity units, hosting P2P nodes or deploying workloads.</p>
|
||||
<p><a class="hard_green" href="https://www.mazraa.io/" target="_blank">mazraa.io</a></p>
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
</div>
|
||||
</div><br>
|
||||
<hr>
|
||||
<br>
|
||||
<!-- row shortcode
|
||||
Shortcode used in markdown for the creation of mobile compatible vertical rows
|
||||
Divides markdown into columns by splitting content using column identifier "|||"
|
||||
Creates equal width blocks in a flex row.
|
||||
|
||||
Parameters:
|
||||
- style:
|
||||
- lean: if style is lean, the row doesn't have outer margins
|
||||
- bgPath: if bgPath is passed, the row has a full width background
|
||||
-->
|
||||
|
||||
|
||||
<!-- This fixes link & img paths in local, prod, and wth prefix -->
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<!-- aligns columns depending on col number-->
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<!-- Padding -->
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<!-- Margins -->
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<!-- reverse col at mobile -->
|
||||
|
||||
|
||||
|
||||
|
||||
<!-- 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="relative justify-center flex overflow-hidden " style="">
|
||||
<div id="" class="relative flex flex-col md:flex md:flex-row flex-wrap max-w-fit overflow-hidden items-center py-0 mx-6 sm:mx-32 md:mx-40 lg:mx-80 text-center items-center " 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-2 xl:mx-4 flex-1 ">
|
||||
<!-- handles mermaid markdown content display -->
|
||||
|
||||
|
||||
<br>
|
||||
<p class="text-base">Mazraa is an independent Farming Cooperative based in Dubai UAE. It runs a hosting farm of +120 servers. They are amongst the first farmers on the ThreeFold Grid and farm tokens on a monthly basis. It is a founding capacity farmer on the ThreeFold Network and actively supports the expansion and adoption of ThreeFold's P2P Cloud. Mazraa's focus is to provide P2P Cloud capacity for developers, nodes for new and existing farmers, as well as, providing over the counter access to TFT's to enable reservations of Internet capacity.</p>
|
||||
<br>
|
||||
<hr class="greenline">
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
</div>
|
||||
</div><br>
|
||||
<br>
|
||||
<!-- row shortcode
|
||||
Shortcode used in markdown for the creation of mobile compatible vertical rows
|
||||
Divides markdown into columns by splitting content using column identifier "|||"
|
||||
Creates equal width blocks in a flex row.
|
||||
|
||||
Parameters:
|
||||
- style:
|
||||
- lean: if style is lean, the row doesn't have outer margins
|
||||
- bgPath: if bgPath is passed, the row has a full width background
|
||||
-->
|
||||
|
||||
|
||||
<!-- This fixes link & img paths in local, prod, and wth prefix -->
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<!-- aligns columns depending on col number-->
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<!-- Padding -->
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<!-- Margins -->
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<!-- reverse col at mobile -->
|
||||
|
||||
|
||||
|
||||
|
||||
<!-- 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="relative justify-center flex overflow-hidden " style="">
|
||||
<div id="" class="relative flex flex-col md:flex md:flex-row flex-wrap max-w-fit overflow-hidden lg:items-start py-0 mx-6 sm:mx-20 md:mx-28 lg:mx-40 text-center items-center " 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-2 xl:mx-4 flex-1 ">
|
||||
<!-- handles mermaid markdown content display -->
|
||||
|
||||
|
||||
<h3 id="capacity-units">Capacity Units</h3>
|
||||
<p class="text-base">Purchasing ThreeFold Tokens (TFT) enables users to access and reserve P2P cloud capacity on the ThreeFold Grid. A unit of TFT is utilized to reserve capacity in the form of either; SU Storage Units, NU Network Units and CU Compute Units.</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-2 xl:mx-4 flex-1 ">
|
||||
<!-- handles mermaid markdown content display -->
|
||||
|
||||
|
||||
|
||||
<h3 id="p2p-nodes">P2P Nodes</h3>
|
||||
<p class="text-base">Become a digital "Farmer" on the ThreeFold Network by hosting P2P capacity nodes, which produces the most efficient, accessible and decentralized IT capacity. Our nodes enable capacity providers to earn by hosting the expansion of the internet.</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-2 xl:mx-4 flex-1 ">
|
||||
<!-- handles mermaid markdown content display -->
|
||||
|
||||
|
||||
|
||||
<h3 id="deploy-workloads">Deploy Workloads</h3>
|
||||
<p class="text-base">If you are a developer or enterprise interested running cloud work loads on TheeFold's P2P Cloud capacity, please send mazraa an email with a request for capacity access and we will be happy to get you started or visit <a class="hard_green" href="https://cloud.threefold.io/" target="_blank">cloud.threefold.io</a></p>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
</div>
|
||||
</div><br>
|
||||
<!-- row shortcode
|
||||
Shortcode used in markdown for the creation of mobile compatible vertical rows
|
||||
Divides markdown into columns by splitting content using column identifier "|||"
|
||||
Creates equal width blocks in a flex row.
|
||||
|
||||
Parameters:
|
||||
- style:
|
||||
- lean: if style is lean, the row doesn't have outer margins
|
||||
- bgPath: if bgPath is passed, the row has a full width background
|
||||
-->
|
||||
|
||||
|
||||
<!-- This fixes link & img paths in local, prod, and wth prefix -->
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<!-- aligns columns depending on col number-->
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<!-- Padding -->
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<!-- Margins -->
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<!-- reverse col at mobile -->
|
||||
|
||||
|
||||
|
||||
|
||||
<!-- 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="relative justify-center flex overflow-hidden " style="">
|
||||
<div id="" class="relative flex flex-col md:flex md:flex-row flex-wrap max-w-fit overflow-hidden items-center py-2 md:py-4 lg:pb-24 mx-6 sm:mx-20 md:mx-28 lg:mx-40 text-center items-center " 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-2 xl:mx-4 flex-1 ">
|
||||
<!-- handles mermaid markdown content display -->
|
||||
|
||||
|
||||
<p><button><a href="https://www.jungle_paradise/projects/wavetwo/fairswap">Previous</a></button>
|
||||
<button><a href="https://www.jungle_paradise/projects/wavetwo/bettertoken">Next</a></button></p>
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
</div>
|
||||
</div></div>
|
||||
|
||||
|
||||
</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">
|
||||
|
||||
|
||||
<div class="customize">
|
||||
<div class="py-4 px-4 sm:px-6">
|
||||
<div class="lg:flex lg:gap-4">
|
||||
<div class="space-y-8 lg:max-w-sm lg:mr-8 lg:mb-2 lg:col-span-1">
|
||||
<img class="w-1/2 lg:mx-4 mb-4" src="/images/footer_logo.png" alt="incubaid Logo" />
|
||||
</div>
|
||||
<div class="space-y-8 lg:max-w-sm lg:mr-8 lg:mb-2 lg:col-span-1">
|
||||
<p class="mt-0 text-base">
|
||||
We believe doing good for the world and doing business can go hand in hand.
|
||||
</p>
|
||||
</div>
|
||||
<div class="space-y-8 lg:max-w-sm lg:mr-8 lg:mb-2 lg:col-span-1">
|
||||
<a target="_blank" href="mailto:info@incubaid.com">info@incubaid.com</a>
|
||||
</div>
|
||||
<div class="lg:max-w-sm lg:mr-8 lg:mb-2 lg:col-span-1">
|
||||
<a class="text-sm flex hard_green" href="/projects">Our projects</a>
|
||||
<a class="text-sm flex hard_green" href="/people">Our people</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<hr class="my-4 border-y-0 w-1/2 border-green-500/50">
|
||||
<div class="mx-4 text-center">
|
||||
<p class="text-base pt-4 my-0">© Copyright 2023 Incubaid BVBA - All Rights Reserved</p>
|
||||
<a href="https://threefold.io/" target="_blank" class="hard_green my-0 text-base">Hosted on the ThreeFold Grid</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</footer>
|
||||
|
||||
|
||||
|
||||
</body>
|
||||
</html>
|
||||
BIN
public/rooms/wavetwo/ootopia/img/impact.png
Normal file
BIN
public/rooms/wavetwo/ootopia/img/impact.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 355 KiB |
BIN
public/rooms/wavetwo/ootopia/img/ootopia.png
Normal file
BIN
public/rooms/wavetwo/ootopia/img/ootopia.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 22 KiB |
741
public/rooms/wavetwo/ootopia/index.html
Normal file
741
public/rooms/wavetwo/ootopia/index.html
Normal file
@@ -0,0 +1,741 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en" charset="utf-8">
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<head>
|
||||
<link rel="icon" type="image/x-icon" href="https://www.jungle_paradise/images/favicon.png">
|
||||
<meta name="generator" content="Zola v.0.13.0 - getzola.org" />
|
||||
|
||||
|
||||
|
||||
<title>Ootopia • Jungle Paradise</title>
|
||||
<meta property="og:title" content="Ootopia • Jungle Paradise" />
|
||||
|
||||
|
||||
|
||||
<!-- 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.jungle_paradise/css/index.css?h=ea95c0a269e3849c0841" /> <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-green-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-green-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 -->
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<header id="header-container">
|
||||
|
||||
<div class="z-10 header_BG fixed w-screen max-w-full customize">
|
||||
<div class="relative z-50 shadow">
|
||||
<div class="mx-auto flex z-50 shadow justify-between items-center pl-6 pr-2 md:pr-0 lg:py-5 md:px-12 py-2 lg:px-20 lg:justify-start lg:space-x-20">
|
||||
<div>
|
||||
<a href="/" class="flex">
|
||||
<img class="logo" src="https://www.jungle_paradise/images/logo.png" alt="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-6">
|
||||
|
||||
|
||||
<a href="https://www.jungle_paradise/home/" class="text-md font-normal leading-6 text-white focus:outline-none focus:text-gray-900 transition ease-in-out duration-150 mt-0">
|
||||
Home
|
||||
</a>
|
||||
<div class="relative">
|
||||
</div>
|
||||
|
||||
|
||||
<a href="https://www.jungle_paradise/rooms/" class="text-md font-normal leading-6 text-white focus:outline-none focus:text-gray-900 transition ease-in-out duration-150 mt-0">
|
||||
Rooms
|
||||
</a>
|
||||
<div class="relative">
|
||||
</div>
|
||||
|
||||
|
||||
<a href="https://www.jungle_paradise/restaurant/" class="text-md font-normal leading-6 text-white focus:outline-none focus:text-gray-900 transition ease-in-out duration-150 mt-0">
|
||||
Restaurant
|
||||
</a>
|
||||
<div class="relative">
|
||||
</div>
|
||||
|
||||
|
||||
<a href="https://www.jungle_paradise/health-wellness/" class="text-md font-normal leading-6 text-white focus:outline-none focus:text-gray-900 transition ease-in-out duration-150 mt-0">
|
||||
Health & Wellness
|
||||
</a>
|
||||
<div class="relative">
|
||||
</div>
|
||||
|
||||
|
||||
</nav>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
<!--
|
||||
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="pt-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="https://www.jungle_paradise/rooms/" 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">
|
||||
Rooms
|
||||
</a>
|
||||
<hr/>
|
||||
|
||||
|
||||
|
||||
<a href="https://www.jungle_paradise/restaurant/" 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">
|
||||
Restaurant
|
||||
</a>
|
||||
<hr/>
|
||||
|
||||
|
||||
|
||||
<a href="https://www.jungle_paradise/health-wellness/" 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">
|
||||
Health & Wellness
|
||||
</a>
|
||||
<hr/>
|
||||
|
||||
|
||||
|
||||
</nav>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
</header>
|
||||
|
||||
|
||||
|
||||
|
||||
<div id="content" class="mx-auto overflow-hidden">
|
||||
|
||||
|
||||
<main>
|
||||
<script src="https://cdn.jsdelivr.net/npm/mermaid/dist/mermaid.min.js"></script>
|
||||
<script>mermaid.initialize({startOnLoad:true});</script>
|
||||
<div>
|
||||
|
||||
<div class="container mx-auto">
|
||||
<!-- 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-->
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<!-- Padding -->
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<!-- Margins -->
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<!-- makes row full screen width and adds background img -->
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<!-- Cancels page margins so that rows can have separate margins -->
|
||||
|
||||
|
||||
|
||||
<div id="" class="relative justify-center flex overflow-hidden " style="">
|
||||
<div id="" class="relative flex flex-col md:flex md:flex-row flex-wrap max-w-fit overflow-hidden items-center py-2 md:py-4 lg:pt-24 mx-6 sm:mx-20 md:mx-28 lg:mx-40 mt-10 lg:mt-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-2 xl:mx-4">
|
||||
<!-- handles mermaid markdown content display -->
|
||||
|
||||
|
||||
<p><img src="https://www.jungle_paradise/rooms/wavetwo/ootopia/./img/ootopia.png#mx-auto" 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-2 xl:mx-4">
|
||||
<!-- handles mermaid markdown content display -->
|
||||
|
||||
|
||||
|
||||
<h3 id="the-most-exciting-way-to-engage-on-the-planet-regeneration">The most exciting way to engage on the planet regeneration</h3>
|
||||
<p>Ootopia app combines super inspiring social media and microlearning in an exciting game where users are rewarded for their engagement with the impact token OOz.</p>
|
||||
<p><a class="hard_green" href="https://www.ootopia.org/" target="_blank">ootopia.org</a></p>
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
</div>
|
||||
</div><br>
|
||||
<hr>
|
||||
<br>
|
||||
<!-- row shortcode
|
||||
Shortcode used in markdown for the creation of mobile compatible vertical rows
|
||||
Divides markdown into columns by splitting content using column identifier "|||"
|
||||
Creates equal width blocks in a flex row.
|
||||
|
||||
Parameters:
|
||||
- style:
|
||||
- lean: if style is lean, the row doesn't have outer margins
|
||||
- bgPath: if bgPath is passed, the row has a full width background
|
||||
-->
|
||||
|
||||
|
||||
<!-- This fixes link & img paths in local, prod, and wth prefix -->
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<!-- aligns columns depending on col number-->
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<!-- Padding -->
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<!-- Margins -->
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<!-- reverse col at mobile -->
|
||||
|
||||
|
||||
|
||||
|
||||
<!-- 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="relative justify-center flex overflow-hidden " style="">
|
||||
<div id="" class="relative flex flex-col md:flex md:flex-row flex-wrap max-w-fit overflow-hidden items-center py-0 mx-6 sm:mx-20 md:mx-28 lg:mx-40 text-center items-center " 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-2 xl:mx-4 flex-1 ">
|
||||
<!-- handles mermaid markdown content display -->
|
||||
|
||||
|
||||
<br>
|
||||
<p class="text-base">OOTOPIA is a platform for leveraging the regeneration of the planet where everyone wins. Get inspired by a social feed abundant in examples and stories about the regenerative world we all want to live in. Access video lessons on how to have a much more sustainable lifestyle and how to include regenerative actions in your daily life. Then, as a reward for your engagement, receive credits in OOz, a social currency that feeds the OOTOPIA Ethical Marketplace leveraging the regenerative economy.</p>
|
||||
<br>
|
||||
<hr class="greenline">
|
||||
<br>
|
||||
<p><img src="https://www.jungle_paradise/rooms/wavetwo/ootopia/./img/impact.png#mx-auto" alt="Image" /></p>
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
</div>
|
||||
</div><br>
|
||||
<!-- row shortcode
|
||||
Shortcode used in markdown for the creation of mobile compatible vertical rows
|
||||
Divides markdown into columns by splitting content using column identifier "|||"
|
||||
Creates equal width blocks in a flex row.
|
||||
|
||||
Parameters:
|
||||
- style:
|
||||
- lean: if style is lean, the row doesn't have outer margins
|
||||
- bgPath: if bgPath is passed, the row has a full width background
|
||||
-->
|
||||
|
||||
|
||||
<!-- This fixes link & img paths in local, prod, and wth prefix -->
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<!-- aligns columns depending on col number-->
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<!-- Padding -->
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<!-- Margins -->
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<!-- reverse col at mobile -->
|
||||
|
||||
|
||||
|
||||
|
||||
<!-- 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="relative justify-center flex overflow-hidden " style="">
|
||||
<div id="" class="relative flex flex-col md:flex md:flex-row flex-wrap max-w-fit overflow-hidden items-center py-2 md:py-4 lg:pb-24 mx-6 sm:mx-20 md:mx-28 lg:mx-40 text-center items-center " 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-2 xl:mx-4 flex-1 ">
|
||||
<!-- handles mermaid markdown content display -->
|
||||
|
||||
|
||||
<p><button><a href="https://www.jungle_paradise/projects/wavetwo/ourverse">Previous</a></button>
|
||||
<button><a href="https://www.jungle_paradise/projects/wavetwo/sikana">Next</a></button></p>
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
</div>
|
||||
</div></div>
|
||||
|
||||
|
||||
</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">
|
||||
|
||||
|
||||
<div class="customize">
|
||||
<div class="py-4 px-4 sm:px-6">
|
||||
<div class="lg:flex lg:gap-4">
|
||||
<div class="space-y-8 lg:max-w-sm lg:mr-8 lg:mb-2 lg:col-span-1">
|
||||
<img class="w-1/2 lg:mx-4 mb-4" src="/images/footer_logo.png" alt="incubaid Logo" />
|
||||
</div>
|
||||
<div class="space-y-8 lg:max-w-sm lg:mr-8 lg:mb-2 lg:col-span-1">
|
||||
<p class="mt-0 text-base">
|
||||
We believe doing good for the world and doing business can go hand in hand.
|
||||
</p>
|
||||
</div>
|
||||
<div class="space-y-8 lg:max-w-sm lg:mr-8 lg:mb-2 lg:col-span-1">
|
||||
<a target="_blank" href="mailto:info@incubaid.com">info@incubaid.com</a>
|
||||
</div>
|
||||
<div class="lg:max-w-sm lg:mr-8 lg:mb-2 lg:col-span-1">
|
||||
<a class="text-sm flex hard_green" href="/projects">Our projects</a>
|
||||
<a class="text-sm flex hard_green" href="/people">Our people</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<hr class="my-4 border-y-0 w-1/2 border-green-500/50">
|
||||
<div class="mx-4 text-center">
|
||||
<p class="text-base pt-4 my-0">© Copyright 2023 Incubaid BVBA - All Rights Reserved</p>
|
||||
<a href="https://threefold.io/" target="_blank" class="hard_green my-0 text-base">Hosted on the ThreeFold Grid</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</footer>
|
||||
|
||||
|
||||
|
||||
</body>
|
||||
</html>
|
||||
BIN
public/rooms/wavetwo/ourverse/img/ourverse_header.png
Normal file
BIN
public/rooms/wavetwo/ourverse/img/ourverse_header.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 335 KiB |
BIN
public/rooms/wavetwo/ourverse/img/ourverses.png
Normal file
BIN
public/rooms/wavetwo/ourverse/img/ourverses.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 10 KiB |
750
public/rooms/wavetwo/ourverse/index.html
Normal file
750
public/rooms/wavetwo/ourverse/index.html
Normal file
@@ -0,0 +1,750 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en" charset="utf-8">
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<head>
|
||||
<link rel="icon" type="image/x-icon" href="https://www.jungle_paradise/images/favicon.png">
|
||||
<meta name="generator" content="Zola v.0.13.0 - getzola.org" />
|
||||
|
||||
|
||||
|
||||
<title>OurVerse • Jungle Paradise</title>
|
||||
<meta property="og:title" content="OurVerse • Jungle Paradise" />
|
||||
|
||||
|
||||
|
||||
<!-- 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.jungle_paradise/css/index.css?h=ea95c0a269e3849c0841" /> <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-green-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-green-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 -->
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<header id="header-container">
|
||||
|
||||
<div class="z-10 header_BG fixed w-screen max-w-full customize">
|
||||
<div class="relative z-50 shadow">
|
||||
<div class="mx-auto flex z-50 shadow justify-between items-center pl-6 pr-2 md:pr-0 lg:py-5 md:px-12 py-2 lg:px-20 lg:justify-start lg:space-x-20">
|
||||
<div>
|
||||
<a href="/" class="flex">
|
||||
<img class="logo" src="https://www.jungle_paradise/images/logo.png" alt="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-6">
|
||||
|
||||
|
||||
<a href="https://www.jungle_paradise/home/" class="text-md font-normal leading-6 text-white focus:outline-none focus:text-gray-900 transition ease-in-out duration-150 mt-0">
|
||||
Home
|
||||
</a>
|
||||
<div class="relative">
|
||||
</div>
|
||||
|
||||
|
||||
<a href="https://www.jungle_paradise/rooms/" class="text-md font-normal leading-6 text-white focus:outline-none focus:text-gray-900 transition ease-in-out duration-150 mt-0">
|
||||
Rooms
|
||||
</a>
|
||||
<div class="relative">
|
||||
</div>
|
||||
|
||||
|
||||
<a href="https://www.jungle_paradise/restaurant/" class="text-md font-normal leading-6 text-white focus:outline-none focus:text-gray-900 transition ease-in-out duration-150 mt-0">
|
||||
Restaurant
|
||||
</a>
|
||||
<div class="relative">
|
||||
</div>
|
||||
|
||||
|
||||
<a href="https://www.jungle_paradise/health-wellness/" class="text-md font-normal leading-6 text-white focus:outline-none focus:text-gray-900 transition ease-in-out duration-150 mt-0">
|
||||
Health & Wellness
|
||||
</a>
|
||||
<div class="relative">
|
||||
</div>
|
||||
|
||||
|
||||
</nav>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
<!--
|
||||
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="pt-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="https://www.jungle_paradise/rooms/" 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">
|
||||
Rooms
|
||||
</a>
|
||||
<hr/>
|
||||
|
||||
|
||||
|
||||
<a href="https://www.jungle_paradise/restaurant/" 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">
|
||||
Restaurant
|
||||
</a>
|
||||
<hr/>
|
||||
|
||||
|
||||
|
||||
<a href="https://www.jungle_paradise/health-wellness/" 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">
|
||||
Health & Wellness
|
||||
</a>
|
||||
<hr/>
|
||||
|
||||
|
||||
|
||||
</nav>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
</header>
|
||||
|
||||
|
||||
|
||||
|
||||
<div id="content" class="mx-auto overflow-hidden">
|
||||
|
||||
|
||||
<main>
|
||||
<script src="https://cdn.jsdelivr.net/npm/mermaid/dist/mermaid.min.js"></script>
|
||||
<script>mermaid.initialize({startOnLoad:true});</script>
|
||||
<div>
|
||||
|
||||
<div class="container mx-auto">
|
||||
<!-- 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-->
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<!-- Padding -->
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<!-- Margins -->
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<!-- makes row full screen width and adds background img -->
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<!-- Cancels page margins so that rows can have separate margins -->
|
||||
|
||||
|
||||
|
||||
<div id="" class="relative justify-center flex overflow-hidden " style="">
|
||||
<div id="" class="relative flex flex-col md:flex md:flex-row flex-wrap max-w-fit overflow-hidden items-center py-2 md:py-4 lg:pt-24 mx-6 sm:mx-20 md:mx-28 lg:mx-40 mt-10 lg:mt-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-2 xl:mx-4">
|
||||
<!-- handles mermaid markdown content display -->
|
||||
|
||||
|
||||
<p><img src="https://www.jungle_paradise/rooms/wavetwo/ourverse/./img/ourverses.png#mx-auto" 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-2 xl:mx-4">
|
||||
<!-- handles mermaid markdown content display -->
|
||||
|
||||
|
||||
|
||||
<h3 id="the-world-is-your-oyster">The world is your oyster</h3>
|
||||
<p>Learn whatever your heart desires. Access any oppurtunity to earn. Enter any shop. Travel everywhere. In OurVerse, you are limited by only your own imagination.</p>
|
||||
<p><a class="hard_green" href="https://ourverse.tf/" target="_blank">ourverse.tf</a></p>
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
</div>
|
||||
</div><br>
|
||||
<hr>
|
||||
<br>
|
||||
<!-- row shortcode
|
||||
Shortcode used in markdown for the creation of mobile compatible vertical rows
|
||||
Divides markdown into columns by splitting content using column identifier "|||"
|
||||
Creates equal width blocks in a flex row.
|
||||
|
||||
Parameters:
|
||||
- style:
|
||||
- lean: if style is lean, the row doesn't have outer margins
|
||||
- bgPath: if bgPath is passed, the row has a full width background
|
||||
-->
|
||||
|
||||
|
||||
<!-- This fixes link & img paths in local, prod, and wth prefix -->
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<!-- aligns columns depending on col number-->
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<!-- Padding -->
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<!-- Margins -->
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<!-- reverse col at mobile -->
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<!-- 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="relative justify-center flex overflow-hidden " style="">
|
||||
<div id="" class="flex flex-col-reverse md:flex-row items-center mx-6 sm:mx-20 md:mx-28 lg:mx-40" 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-2 xl:mx-4">
|
||||
<!-- handles mermaid markdown content display -->
|
||||
|
||||
|
||||
<h4 id="a-metaverse-focused-on-abundance-and-accessibility">A metaverse focused on abundance and accessibility</h4>
|
||||
<p class="text-base">OurVerse aims to provide a safe and inclusive digital environment where communities can come together for experiences ranging from meetings to virtual museum tours and exhibitions. An abundance of educational content can help communities around the world access information and opportunities that they would not have been able to otherwise. </p>
|
||||
<p class="text-base">It is created by utilizing the world’s largest decentralized and peer-to-peer of storage and compute: The ThreeFold Grid. This provides every OurVerse community with unparalleled security to each user and assures unprecedented sovereignty.</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-2 xl:mx-4">
|
||||
<!-- handles mermaid markdown content display -->
|
||||
|
||||
|
||||
|
||||
<p><img src="https://www.jungle_paradise/rooms/wavetwo/ourverse/./img/ourverse_header.png#mx-auto" alt="Image" /></p>
|
||||
|
||||
|
||||
</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
|
||||
-->
|
||||
|
||||
|
||||
<!-- This fixes link & img paths in local, prod, and wth prefix -->
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<!-- aligns columns depending on col number-->
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<!-- Padding -->
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<!-- Margins -->
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<!-- reverse col at mobile -->
|
||||
|
||||
|
||||
|
||||
|
||||
<!-- 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="relative justify-center flex overflow-hidden " style="">
|
||||
<div id="" class="relative flex flex-col md:flex md:flex-row flex-wrap max-w-fit overflow-hidden items-center py-2 md:py-4 lg:pb-24 mx-6 sm:mx-20 md:mx-28 lg:mx-40 text-center items-center " 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-2 xl:mx-4 flex-1 ">
|
||||
<!-- handles mermaid markdown content display -->
|
||||
|
||||
|
||||
<p><button><a href="https://www.jungle_paradise/projects/wavetwo/tag">Previous</a></button>
|
||||
<button><a href="https://www.jungle_paradise/projects/wavetwo/ootopia">Next</a></button></p>
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
</div>
|
||||
</div></div>
|
||||
|
||||
|
||||
</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">
|
||||
|
||||
|
||||
<div class="customize">
|
||||
<div class="py-4 px-4 sm:px-6">
|
||||
<div class="lg:flex lg:gap-4">
|
||||
<div class="space-y-8 lg:max-w-sm lg:mr-8 lg:mb-2 lg:col-span-1">
|
||||
<img class="w-1/2 lg:mx-4 mb-4" src="/images/footer_logo.png" alt="incubaid Logo" />
|
||||
</div>
|
||||
<div class="space-y-8 lg:max-w-sm lg:mr-8 lg:mb-2 lg:col-span-1">
|
||||
<p class="mt-0 text-base">
|
||||
We believe doing good for the world and doing business can go hand in hand.
|
||||
</p>
|
||||
</div>
|
||||
<div class="space-y-8 lg:max-w-sm lg:mr-8 lg:mb-2 lg:col-span-1">
|
||||
<a target="_blank" href="mailto:info@incubaid.com">info@incubaid.com</a>
|
||||
</div>
|
||||
<div class="lg:max-w-sm lg:mr-8 lg:mb-2 lg:col-span-1">
|
||||
<a class="text-sm flex hard_green" href="/projects">Our projects</a>
|
||||
<a class="text-sm flex hard_green" href="/people">Our people</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<hr class="my-4 border-y-0 w-1/2 border-green-500/50">
|
||||
<div class="mx-4 text-center">
|
||||
<p class="text-base pt-4 my-0">© Copyright 2023 Incubaid BVBA - All Rights Reserved</p>
|
||||
<a href="https://threefold.io/" target="_blank" class="hard_green my-0 text-base">Hosted on the ThreeFold Grid</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</footer>
|
||||
|
||||
|
||||
|
||||
</body>
|
||||
</html>
|
||||
BIN
public/rooms/wavetwo/ourworld/img/ourworld.png
Normal file
BIN
public/rooms/wavetwo/ourworld/img/ourworld.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 8.7 KiB |
BIN
public/rooms/wavetwo/ourworld/img/ourworldheader.png
Normal file
BIN
public/rooms/wavetwo/ourworld/img/ourworldheader.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 252 KiB |
741
public/rooms/wavetwo/ourworld/index.html
Normal file
741
public/rooms/wavetwo/ourworld/index.html
Normal file
@@ -0,0 +1,741 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en" charset="utf-8">
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<head>
|
||||
<link rel="icon" type="image/x-icon" href="https://www.jungle_paradise/images/favicon.png">
|
||||
<meta name="generator" content="Zola v.0.13.0 - getzola.org" />
|
||||
|
||||
|
||||
|
||||
<title>OurWorld • Jungle Paradise</title>
|
||||
<meta property="og:title" content="OurWorld • Jungle Paradise" />
|
||||
|
||||
|
||||
|
||||
<!-- 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.jungle_paradise/css/index.css?h=ea95c0a269e3849c0841" /> <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-green-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-green-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 -->
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<header id="header-container">
|
||||
|
||||
<div class="z-10 header_BG fixed w-screen max-w-full customize">
|
||||
<div class="relative z-50 shadow">
|
||||
<div class="mx-auto flex z-50 shadow justify-between items-center pl-6 pr-2 md:pr-0 lg:py-5 md:px-12 py-2 lg:px-20 lg:justify-start lg:space-x-20">
|
||||
<div>
|
||||
<a href="/" class="flex">
|
||||
<img class="logo" src="https://www.jungle_paradise/images/logo.png" alt="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-6">
|
||||
|
||||
|
||||
<a href="https://www.jungle_paradise/home/" class="text-md font-normal leading-6 text-white focus:outline-none focus:text-gray-900 transition ease-in-out duration-150 mt-0">
|
||||
Home
|
||||
</a>
|
||||
<div class="relative">
|
||||
</div>
|
||||
|
||||
|
||||
<a href="https://www.jungle_paradise/rooms/" class="text-md font-normal leading-6 text-white focus:outline-none focus:text-gray-900 transition ease-in-out duration-150 mt-0">
|
||||
Rooms
|
||||
</a>
|
||||
<div class="relative">
|
||||
</div>
|
||||
|
||||
|
||||
<a href="https://www.jungle_paradise/restaurant/" class="text-md font-normal leading-6 text-white focus:outline-none focus:text-gray-900 transition ease-in-out duration-150 mt-0">
|
||||
Restaurant
|
||||
</a>
|
||||
<div class="relative">
|
||||
</div>
|
||||
|
||||
|
||||
<a href="https://www.jungle_paradise/health-wellness/" class="text-md font-normal leading-6 text-white focus:outline-none focus:text-gray-900 transition ease-in-out duration-150 mt-0">
|
||||
Health & Wellness
|
||||
</a>
|
||||
<div class="relative">
|
||||
</div>
|
||||
|
||||
|
||||
</nav>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
<!--
|
||||
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="pt-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="https://www.jungle_paradise/rooms/" 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">
|
||||
Rooms
|
||||
</a>
|
||||
<hr/>
|
||||
|
||||
|
||||
|
||||
<a href="https://www.jungle_paradise/restaurant/" 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">
|
||||
Restaurant
|
||||
</a>
|
||||
<hr/>
|
||||
|
||||
|
||||
|
||||
<a href="https://www.jungle_paradise/health-wellness/" 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">
|
||||
Health & Wellness
|
||||
</a>
|
||||
<hr/>
|
||||
|
||||
|
||||
|
||||
</nav>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
</header>
|
||||
|
||||
|
||||
|
||||
|
||||
<div id="content" class="mx-auto overflow-hidden">
|
||||
|
||||
|
||||
<main>
|
||||
<script src="https://cdn.jsdelivr.net/npm/mermaid/dist/mermaid.min.js"></script>
|
||||
<script>mermaid.initialize({startOnLoad:true});</script>
|
||||
<div>
|
||||
|
||||
<div class="container mx-auto">
|
||||
<!-- 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-->
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<!-- Padding -->
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<!-- Margins -->
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<!-- makes row full screen width and adds background img -->
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<!-- Cancels page margins so that rows can have separate margins -->
|
||||
|
||||
|
||||
|
||||
<div id="" class="relative justify-center flex overflow-hidden " style="">
|
||||
<div id="" class="relative flex flex-col md:flex md:flex-row flex-wrap max-w-fit overflow-hidden items-center py-2 md:py-4 lg:pt-24 mx-6 sm:mx-20 md:mx-28 lg:mx-40 mt-10 lg:mt-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-2 xl:mx-4">
|
||||
<!-- handles mermaid markdown content display -->
|
||||
|
||||
|
||||
<p><img src="https://www.jungle_paradise/rooms/wavetwo/ourworld/./img/ourworld.png#mx-auto" 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-2 xl:mx-4">
|
||||
<!-- handles mermaid markdown content display -->
|
||||
|
||||
|
||||
|
||||
<h3 id="an-abundance-based-internet-of-internets-system">An abundance based internet of internets system</h3>
|
||||
<p>Discover a sovereign, secure and regenerative Internet infrastructure that is revolutionary in every way. With the greatest efficiency, scalability and autonomy yet, it is a system created to empower communities to push the limits of what is possible in a decentralized world.</p>
|
||||
<p><a class="hard_green" href="https://ourworld.tf/" target="_blank">ourworld.tf</a></p>
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
</div>
|
||||
</div><br>
|
||||
<hr>
|
||||
<br>
|
||||
<!-- row shortcode
|
||||
Shortcode used in markdown for the creation of mobile compatible vertical rows
|
||||
Divides markdown into columns by splitting content using column identifier "|||"
|
||||
Creates equal width blocks in a flex row.
|
||||
|
||||
Parameters:
|
||||
- style:
|
||||
- lean: if style is lean, the row doesn't have outer margins
|
||||
- bgPath: if bgPath is passed, the row has a full width background
|
||||
-->
|
||||
|
||||
|
||||
<!-- This fixes link & img paths in local, prod, and wth prefix -->
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<!-- aligns columns depending on col number-->
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<!-- Padding -->
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<!-- Margins -->
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<!-- reverse col at mobile -->
|
||||
|
||||
|
||||
|
||||
|
||||
<!-- 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="relative justify-center flex overflow-hidden " style="">
|
||||
<div id="" class="relative flex flex-col md:flex md:flex-row flex-wrap max-w-fit overflow-hidden items-center py-0 mx-6 sm:mx-20 md:mx-28 lg:mx-40 text-center items-center " 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-2 xl:mx-4 flex-1 ">
|
||||
<!-- handles mermaid markdown content display -->
|
||||
|
||||
|
||||
<p><img src="https://www.jungle_paradise/rooms/wavetwo/ourworld/./img/ourworldheader.png#mx-auto" alt="Image" /></p>
|
||||
<br>
|
||||
<br>
|
||||
<hr class="greenline">
|
||||
<br>
|
||||
<p class="text-base">Our beautiful world has become a crazy place with lots of changes. Do you want to be part of a movement which is making real change and which has a purpose to resolve some of the biggest issues in the world? OurWorld is a grounded movement, actions first with a practical executable plan and all required tools. OurWorld practices are regenerative, spiritual and high tech.</p>
|
||||
<br>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
</div>
|
||||
</div><br>
|
||||
<!-- row shortcode
|
||||
Shortcode used in markdown for the creation of mobile compatible vertical rows
|
||||
Divides markdown into columns by splitting content using column identifier "|||"
|
||||
Creates equal width blocks in a flex row.
|
||||
|
||||
Parameters:
|
||||
- style:
|
||||
- lean: if style is lean, the row doesn't have outer margins
|
||||
- bgPath: if bgPath is passed, the row has a full width background
|
||||
-->
|
||||
|
||||
|
||||
<!-- This fixes link & img paths in local, prod, and wth prefix -->
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<!-- aligns columns depending on col number-->
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<!-- Padding -->
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<!-- Margins -->
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<!-- reverse col at mobile -->
|
||||
|
||||
|
||||
|
||||
|
||||
<!-- 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="relative justify-center flex overflow-hidden " style="">
|
||||
<div id="" class="relative flex flex-col md:flex md:flex-row flex-wrap max-w-fit overflow-hidden items-center py-2 md:py-4 lg:pb-24 mx-6 sm:mx-20 md:mx-28 lg:mx-40 text-center items-center " 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-2 xl:mx-4 flex-1 ">
|
||||
<!-- handles mermaid markdown content display -->
|
||||
|
||||
|
||||
<p><button><a href="https://www.jungle_paradise/projects/wavetwo/bettertoken">Previous</a></button>
|
||||
<button><a href="https://www.jungle_paradise/projects/wavetwo/tag">Next</a></button></p>
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
</div>
|
||||
</div></div>
|
||||
|
||||
|
||||
</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">
|
||||
|
||||
|
||||
<div class="customize">
|
||||
<div class="py-4 px-4 sm:px-6">
|
||||
<div class="lg:flex lg:gap-4">
|
||||
<div class="space-y-8 lg:max-w-sm lg:mr-8 lg:mb-2 lg:col-span-1">
|
||||
<img class="w-1/2 lg:mx-4 mb-4" src="/images/footer_logo.png" alt="incubaid Logo" />
|
||||
</div>
|
||||
<div class="space-y-8 lg:max-w-sm lg:mr-8 lg:mb-2 lg:col-span-1">
|
||||
<p class="mt-0 text-base">
|
||||
We believe doing good for the world and doing business can go hand in hand.
|
||||
</p>
|
||||
</div>
|
||||
<div class="space-y-8 lg:max-w-sm lg:mr-8 lg:mb-2 lg:col-span-1">
|
||||
<a target="_blank" href="mailto:info@incubaid.com">info@incubaid.com</a>
|
||||
</div>
|
||||
<div class="lg:max-w-sm lg:mr-8 lg:mb-2 lg:col-span-1">
|
||||
<a class="text-sm flex hard_green" href="/projects">Our projects</a>
|
||||
<a class="text-sm flex hard_green" href="/people">Our people</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<hr class="my-4 border-y-0 w-1/2 border-green-500/50">
|
||||
<div class="mx-4 text-center">
|
||||
<p class="text-base pt-4 my-0">© Copyright 2023 Incubaid BVBA - All Rights Reserved</p>
|
||||
<a href="https://threefold.io/" target="_blank" class="hard_green my-0 text-base">Hosted on the ThreeFold Grid</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</footer>
|
||||
|
||||
|
||||
|
||||
</body>
|
||||
</html>
|
||||
BIN
public/rooms/wavetwo/sikana/img/kid_learning.jpg
Normal file
BIN
public/rooms/wavetwo/sikana/img/kid_learning.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 18 KiB |
BIN
public/rooms/wavetwo/sikana/img/sikana.png
Normal file
BIN
public/rooms/wavetwo/sikana/img/sikana.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 7.0 KiB |
752
public/rooms/wavetwo/sikana/index.html
Normal file
752
public/rooms/wavetwo/sikana/index.html
Normal file
@@ -0,0 +1,752 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en" charset="utf-8">
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<head>
|
||||
<link rel="icon" type="image/x-icon" href="https://www.jungle_paradise/images/favicon.png">
|
||||
<meta name="generator" content="Zola v.0.13.0 - getzola.org" />
|
||||
|
||||
|
||||
|
||||
<title>Sikana • Jungle Paradise</title>
|
||||
<meta property="og:title" content="Sikana • Jungle Paradise" />
|
||||
|
||||
|
||||
|
||||
<!-- 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.jungle_paradise/css/index.css?h=ea95c0a269e3849c0841" /> <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-green-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-green-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 -->
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<header id="header-container">
|
||||
|
||||
<div class="z-10 header_BG fixed w-screen max-w-full customize">
|
||||
<div class="relative z-50 shadow">
|
||||
<div class="mx-auto flex z-50 shadow justify-between items-center pl-6 pr-2 md:pr-0 lg:py-5 md:px-12 py-2 lg:px-20 lg:justify-start lg:space-x-20">
|
||||
<div>
|
||||
<a href="/" class="flex">
|
||||
<img class="logo" src="https://www.jungle_paradise/images/logo.png" alt="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-6">
|
||||
|
||||
|
||||
<a href="https://www.jungle_paradise/home/" class="text-md font-normal leading-6 text-white focus:outline-none focus:text-gray-900 transition ease-in-out duration-150 mt-0">
|
||||
Home
|
||||
</a>
|
||||
<div class="relative">
|
||||
</div>
|
||||
|
||||
|
||||
<a href="https://www.jungle_paradise/rooms/" class="text-md font-normal leading-6 text-white focus:outline-none focus:text-gray-900 transition ease-in-out duration-150 mt-0">
|
||||
Rooms
|
||||
</a>
|
||||
<div class="relative">
|
||||
</div>
|
||||
|
||||
|
||||
<a href="https://www.jungle_paradise/restaurant/" class="text-md font-normal leading-6 text-white focus:outline-none focus:text-gray-900 transition ease-in-out duration-150 mt-0">
|
||||
Restaurant
|
||||
</a>
|
||||
<div class="relative">
|
||||
</div>
|
||||
|
||||
|
||||
<a href="https://www.jungle_paradise/health-wellness/" class="text-md font-normal leading-6 text-white focus:outline-none focus:text-gray-900 transition ease-in-out duration-150 mt-0">
|
||||
Health & Wellness
|
||||
</a>
|
||||
<div class="relative">
|
||||
</div>
|
||||
|
||||
|
||||
</nav>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
<!--
|
||||
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="pt-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="https://www.jungle_paradise/rooms/" 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">
|
||||
Rooms
|
||||
</a>
|
||||
<hr/>
|
||||
|
||||
|
||||
|
||||
<a href="https://www.jungle_paradise/restaurant/" 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">
|
||||
Restaurant
|
||||
</a>
|
||||
<hr/>
|
||||
|
||||
|
||||
|
||||
<a href="https://www.jungle_paradise/health-wellness/" 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">
|
||||
Health & Wellness
|
||||
</a>
|
||||
<hr/>
|
||||
|
||||
|
||||
|
||||
</nav>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
</header>
|
||||
|
||||
|
||||
|
||||
|
||||
<div id="content" class="mx-auto overflow-hidden">
|
||||
|
||||
|
||||
<main>
|
||||
<script src="https://cdn.jsdelivr.net/npm/mermaid/dist/mermaid.min.js"></script>
|
||||
<script>mermaid.initialize({startOnLoad:true});</script>
|
||||
<div>
|
||||
|
||||
<div class="container mx-auto">
|
||||
<!-- 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-->
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<!-- Padding -->
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<!-- Margins -->
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<!-- makes row full screen width and adds background img -->
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<!-- Cancels page margins so that rows can have separate margins -->
|
||||
|
||||
|
||||
|
||||
<div id="" class="relative justify-center flex overflow-hidden " style="">
|
||||
<div id="" class="relative flex flex-col md:flex md:flex-row flex-wrap max-w-fit overflow-hidden items-center py-2 md:py-4 lg:pt-24 mx-6 sm:mx-20 md:mx-28 lg:mx-40 mt-10 lg:mt-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-2 xl:mx-4">
|
||||
<!-- handles mermaid markdown content display -->
|
||||
|
||||
|
||||
<p><img src="https://www.jungle_paradise/rooms/wavetwo/sikana/./img/sikana.png#mx-auto" 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-2 xl:mx-4">
|
||||
<!-- handles mermaid markdown content display -->
|
||||
|
||||
|
||||
|
||||
<h3 id="a-non-profit-organization-that-aims-to-equip-people-with-practical-skills-through-free-educational-video-programs">A non profit organization that aims to equip people with practical skills through free educational video programs.</h3>
|
||||
<p>Sikana's mission is to expand access to practical education through free instructional and awareness programs co-created by the community.</p>
|
||||
<p><a class="hard_green" href="https://www.sikana.tv/en" target="_blank">sikana.tv/en</a></p>
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
</div>
|
||||
</div><br>
|
||||
<hr>
|
||||
<br>
|
||||
<!-- row shortcode
|
||||
Shortcode used in markdown for the creation of mobile compatible vertical rows
|
||||
Divides markdown into columns by splitting content using column identifier "|||"
|
||||
Creates equal width blocks in a flex row.
|
||||
|
||||
Parameters:
|
||||
- style:
|
||||
- lean: if style is lean, the row doesn't have outer margins
|
||||
- bgPath: if bgPath is passed, the row has a full width background
|
||||
-->
|
||||
|
||||
|
||||
<!-- This fixes link & img paths in local, prod, and wth prefix -->
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<!-- aligns columns depending on col number-->
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<!-- Padding -->
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<!-- Margins -->
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<!-- reverse col at mobile -->
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<!-- 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="relative justify-center flex overflow-hidden " style="">
|
||||
<div id="" class="flex flex-col-reverse md:flex-row items-center mx-6 sm:mx-20 md:mx-28 lg:mx-40" 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-2 xl:mx-4">
|
||||
<!-- handles mermaid markdown content display -->
|
||||
|
||||
|
||||
<h4 id="the-problem">The Problem</h4>
|
||||
<p class="text-base">Billions of people do not have folks or teachers to help them acquire basic skills, unlock their potential and lead happy and dignified lives.</p>
|
||||
<br>
|
||||
<h4 id="the-sikana-solution">The Sikana Solution</h4>
|
||||
<p class="text-base">3 billion people have access to screens and our goal is to transform them into tools for instruction. Video is a powerful and cost-effective medium to promote skill acquisition and health and environmental awareness.</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-2 xl:mx-4">
|
||||
<!-- handles mermaid markdown content display -->
|
||||
|
||||
|
||||
|
||||
<p><img src="https://www.jungle_paradise/rooms/wavetwo/sikana/./img/kid_learning.jpg#mx-auto" alt="Image" /></p>
|
||||
|
||||
|
||||
</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
|
||||
-->
|
||||
|
||||
|
||||
<!-- This fixes link & img paths in local, prod, and wth prefix -->
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<!-- aligns columns depending on col number-->
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<!-- Padding -->
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<!-- Margins -->
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<!-- reverse col at mobile -->
|
||||
|
||||
|
||||
|
||||
|
||||
<!-- 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="relative justify-center flex overflow-hidden " style="">
|
||||
<div id="" class="relative flex flex-col md:flex md:flex-row flex-wrap max-w-fit overflow-hidden items-center py-2 md:py-4 lg:pb-24 mx-6 sm:mx-20 md:mx-28 lg:mx-40 text-center items-center " 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-2 xl:mx-4 flex-1 ">
|
||||
<!-- handles mermaid markdown content display -->
|
||||
|
||||
|
||||
<p><button><a href="https://www.jungle_paradise/projects/wavetwo/ootopia">Previous</a></button>
|
||||
<button><a href="https://www.jungle_paradise/projects/wavetwo/tftech">Next</a></button></p>
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
</div>
|
||||
</div></div>
|
||||
|
||||
|
||||
</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">
|
||||
|
||||
|
||||
<div class="customize">
|
||||
<div class="py-4 px-4 sm:px-6">
|
||||
<div class="lg:flex lg:gap-4">
|
||||
<div class="space-y-8 lg:max-w-sm lg:mr-8 lg:mb-2 lg:col-span-1">
|
||||
<img class="w-1/2 lg:mx-4 mb-4" src="/images/footer_logo.png" alt="incubaid Logo" />
|
||||
</div>
|
||||
<div class="space-y-8 lg:max-w-sm lg:mr-8 lg:mb-2 lg:col-span-1">
|
||||
<p class="mt-0 text-base">
|
||||
We believe doing good for the world and doing business can go hand in hand.
|
||||
</p>
|
||||
</div>
|
||||
<div class="space-y-8 lg:max-w-sm lg:mr-8 lg:mb-2 lg:col-span-1">
|
||||
<a target="_blank" href="mailto:info@incubaid.com">info@incubaid.com</a>
|
||||
</div>
|
||||
<div class="lg:max-w-sm lg:mr-8 lg:mb-2 lg:col-span-1">
|
||||
<a class="text-sm flex hard_green" href="/projects">Our projects</a>
|
||||
<a class="text-sm flex hard_green" href="/people">Our people</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<hr class="my-4 border-y-0 w-1/2 border-green-500/50">
|
||||
<div class="mx-4 text-center">
|
||||
<p class="text-base pt-4 my-0">© Copyright 2023 Incubaid BVBA - All Rights Reserved</p>
|
||||
<a href="https://threefold.io/" target="_blank" class="hard_green my-0 text-base">Hosted on the ThreeFold Grid</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</footer>
|
||||
|
||||
|
||||
|
||||
</body>
|
||||
</html>
|
||||
BIN
public/rooms/wavetwo/tag/img/server.jpg
Normal file
BIN
public/rooms/wavetwo/tag/img/server.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 69 KiB |
BIN
public/rooms/wavetwo/tag/img/tag-planting.jpg
Normal file
BIN
public/rooms/wavetwo/tag/img/tag-planting.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 108 KiB |
BIN
public/rooms/wavetwo/tag/img/tag.png
Normal file
BIN
public/rooms/wavetwo/tag/img/tag.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 7.5 KiB |
751
public/rooms/wavetwo/tag/index.html
Normal file
751
public/rooms/wavetwo/tag/index.html
Normal file
@@ -0,0 +1,751 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en" charset="utf-8">
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<head>
|
||||
<link rel="icon" type="image/x-icon" href="https://www.jungle_paradise/images/favicon.png">
|
||||
<meta name="generator" content="Zola v.0.13.0 - getzola.org" />
|
||||
|
||||
|
||||
|
||||
<title>Tag • Jungle Paradise</title>
|
||||
<meta property="og:title" content="Tag • Jungle Paradise" />
|
||||
|
||||
|
||||
|
||||
<!-- 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.jungle_paradise/css/index.css?h=ea95c0a269e3849c0841" /> <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-green-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-green-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 -->
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<header id="header-container">
|
||||
|
||||
<div class="z-10 header_BG fixed w-screen max-w-full customize">
|
||||
<div class="relative z-50 shadow">
|
||||
<div class="mx-auto flex z-50 shadow justify-between items-center pl-6 pr-2 md:pr-0 lg:py-5 md:px-12 py-2 lg:px-20 lg:justify-start lg:space-x-20">
|
||||
<div>
|
||||
<a href="/" class="flex">
|
||||
<img class="logo" src="https://www.jungle_paradise/images/logo.png" alt="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-6">
|
||||
|
||||
|
||||
<a href="https://www.jungle_paradise/home/" class="text-md font-normal leading-6 text-white focus:outline-none focus:text-gray-900 transition ease-in-out duration-150 mt-0">
|
||||
Home
|
||||
</a>
|
||||
<div class="relative">
|
||||
</div>
|
||||
|
||||
|
||||
<a href="https://www.jungle_paradise/rooms/" class="text-md font-normal leading-6 text-white focus:outline-none focus:text-gray-900 transition ease-in-out duration-150 mt-0">
|
||||
Rooms
|
||||
</a>
|
||||
<div class="relative">
|
||||
</div>
|
||||
|
||||
|
||||
<a href="https://www.jungle_paradise/restaurant/" class="text-md font-normal leading-6 text-white focus:outline-none focus:text-gray-900 transition ease-in-out duration-150 mt-0">
|
||||
Restaurant
|
||||
</a>
|
||||
<div class="relative">
|
||||
</div>
|
||||
|
||||
|
||||
<a href="https://www.jungle_paradise/health-wellness/" class="text-md font-normal leading-6 text-white focus:outline-none focus:text-gray-900 transition ease-in-out duration-150 mt-0">
|
||||
Health & Wellness
|
||||
</a>
|
||||
<div class="relative">
|
||||
</div>
|
||||
|
||||
|
||||
</nav>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
<!--
|
||||
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="pt-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="https://www.jungle_paradise/rooms/" 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">
|
||||
Rooms
|
||||
</a>
|
||||
<hr/>
|
||||
|
||||
|
||||
|
||||
<a href="https://www.jungle_paradise/restaurant/" 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">
|
||||
Restaurant
|
||||
</a>
|
||||
<hr/>
|
||||
|
||||
|
||||
|
||||
<a href="https://www.jungle_paradise/health-wellness/" 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">
|
||||
Health & Wellness
|
||||
</a>
|
||||
<hr/>
|
||||
|
||||
|
||||
|
||||
</nav>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
</header>
|
||||
|
||||
|
||||
|
||||
|
||||
<div id="content" class="mx-auto overflow-hidden">
|
||||
|
||||
|
||||
<main>
|
||||
<script src="https://cdn.jsdelivr.net/npm/mermaid/dist/mermaid.min.js"></script>
|
||||
<script>mermaid.initialize({startOnLoad:true});</script>
|
||||
<div>
|
||||
|
||||
<div class="container mx-auto">
|
||||
<!-- 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-->
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<!-- Padding -->
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<!-- Margins -->
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<!-- makes row full screen width and adds background img -->
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<!-- Cancels page margins so that rows can have separate margins -->
|
||||
|
||||
|
||||
|
||||
<div id="" class="relative justify-center flex overflow-hidden " style="">
|
||||
<div id="" class="relative flex flex-col md:flex md:flex-row flex-wrap max-w-fit overflow-hidden items-center py-2 md:py-4 lg:pt-24 mx-6 sm:mx-20 md:mx-28 lg:mx-40 mt-10 lg:mt-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-2 xl:mx-4">
|
||||
<!-- handles mermaid markdown content display -->
|
||||
|
||||
|
||||
<p><img src="https://www.jungle_paradise/rooms/wavetwo/tag/./img/tag.png#mx-auto" 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-2 xl:mx-4">
|
||||
<!-- handles mermaid markdown content display -->
|
||||
|
||||
|
||||
|
||||
<h3 id="every-child-deserves-an-education-inspire-change-take-action">Every child deserves an education. Inspire change. Take action.</h3>
|
||||
<p>ETake Action Global is committed to creating space for teachers and students to work at local and global levels for the betterment of humanity for today and for tomorrow.</p>
|
||||
<p><a class="hard_green" href="https://www.takeactionglobal.org/" target="_blank">takeactionglobal.org</a></p>
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
</div>
|
||||
</div><br>
|
||||
<hr>
|
||||
<br>
|
||||
<!-- row shortcode
|
||||
Shortcode used in markdown for the creation of mobile compatible vertical rows
|
||||
Divides markdown into columns by splitting content using column identifier "|||"
|
||||
Creates equal width blocks in a flex row.
|
||||
|
||||
Parameters:
|
||||
- style:
|
||||
- lean: if style is lean, the row doesn't have outer margins
|
||||
- bgPath: if bgPath is passed, the row has a full width background
|
||||
-->
|
||||
|
||||
|
||||
<!-- This fixes link & img paths in local, prod, and wth prefix -->
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<!-- aligns columns depending on col number-->
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<!-- Padding -->
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<!-- Margins -->
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<!-- reverse col at mobile -->
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<!-- 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="relative justify-center flex overflow-hidden " style="">
|
||||
<div id="" class="flex flex-col-reverse md:flex-row items-center mx-6 sm:mx-20 md:mx-28 lg:mx-40" 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-2 xl:mx-4">
|
||||
<!-- handles mermaid markdown content display -->
|
||||
|
||||
|
||||
<h4 id="mission">Mission</h4>
|
||||
<p class="text-base">To inspire change by providing opportunities for students around the world to take action on social good causes through education. TAG aims to find ways to connect thousands of teachers with students around the world to provide free, quality, meaningful education.</p>
|
||||
<h4 id="method">Method</h4>
|
||||
<p class="text-base">TAG wants to raise the bar of education by having experts to teach the students and by initiating teacher training with help of technology. For years they have been working to bring positive and needed change to the education system and this is another step forward. A peer-to-peer education system opens up the possibilities for learning and positive solutions for our world. The peer-to-peer platform will run on the ThreeFold Grid and will utilize elements of Digital Twin technology. The Video Chat solution will be used to allow teachers to teach refugees. They have already been doing this for five years with Project Kakuma.</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-2 xl:mx-4">
|
||||
<!-- handles mermaid markdown content display -->
|
||||
|
||||
|
||||
|
||||
<p><img src="https://www.jungle_paradise/rooms/wavetwo/tag/./img/tag-planting.jpg#mx-auto" alt="Image" /></p>
|
||||
|
||||
|
||||
</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
|
||||
-->
|
||||
|
||||
|
||||
<!-- This fixes link & img paths in local, prod, and wth prefix -->
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<!-- aligns columns depending on col number-->
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<!-- Padding -->
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<!-- Margins -->
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<!-- reverse col at mobile -->
|
||||
|
||||
|
||||
|
||||
|
||||
<!-- 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="relative justify-center flex overflow-hidden " style="">
|
||||
<div id="" class="relative flex flex-col md:flex md:flex-row flex-wrap max-w-fit overflow-hidden items-center py-2 md:py-4 lg:pb-24 mx-6 sm:mx-20 md:mx-28 lg:mx-40 text-center items-center " 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-2 xl:mx-4 flex-1 ">
|
||||
<!-- handles mermaid markdown content display -->
|
||||
|
||||
|
||||
<p><button><a href="https://www.jungle_paradise/projects/wavetwo/ourworld">Previous</a></button>
|
||||
<button><a href="https://www.jungle_paradise/projects/wavetwo/ourverse">Next</a></button></p>
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
</div>
|
||||
</div></div>
|
||||
|
||||
|
||||
</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">
|
||||
|
||||
|
||||
<div class="customize">
|
||||
<div class="py-4 px-4 sm:px-6">
|
||||
<div class="lg:flex lg:gap-4">
|
||||
<div class="space-y-8 lg:max-w-sm lg:mr-8 lg:mb-2 lg:col-span-1">
|
||||
<img class="w-1/2 lg:mx-4 mb-4" src="/images/footer_logo.png" alt="incubaid Logo" />
|
||||
</div>
|
||||
<div class="space-y-8 lg:max-w-sm lg:mr-8 lg:mb-2 lg:col-span-1">
|
||||
<p class="mt-0 text-base">
|
||||
We believe doing good for the world and doing business can go hand in hand.
|
||||
</p>
|
||||
</div>
|
||||
<div class="space-y-8 lg:max-w-sm lg:mr-8 lg:mb-2 lg:col-span-1">
|
||||
<a target="_blank" href="mailto:info@incubaid.com">info@incubaid.com</a>
|
||||
</div>
|
||||
<div class="lg:max-w-sm lg:mr-8 lg:mb-2 lg:col-span-1">
|
||||
<a class="text-sm flex hard_green" href="/projects">Our projects</a>
|
||||
<a class="text-sm flex hard_green" href="/people">Our people</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<hr class="my-4 border-y-0 w-1/2 border-green-500/50">
|
||||
<div class="mx-4 text-center">
|
||||
<p class="text-base pt-4 my-0">© Copyright 2023 Incubaid BVBA - All Rights Reserved</p>
|
||||
<a href="https://threefold.io/" target="_blank" class="hard_green my-0 text-base">Hosted on the ThreeFold Grid</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</footer>
|
||||
|
||||
|
||||
|
||||
</body>
|
||||
</html>
|
||||
BIN
public/rooms/wavetwo/tft/img/server.jpg
Normal file
BIN
public/rooms/wavetwo/tft/img/server.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 69 KiB |
BIN
public/rooms/wavetwo/tft/img/tft.png
Normal file
BIN
public/rooms/wavetwo/tft/img/tft.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 4.6 KiB |
891
public/rooms/wavetwo/tft/index.html
Normal file
891
public/rooms/wavetwo/tft/index.html
Normal file
@@ -0,0 +1,891 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en" charset="utf-8">
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<head>
|
||||
<link rel="icon" type="image/x-icon" href="https://www.jungle_paradise/images/favicon.png">
|
||||
<meta name="generator" content="Zola v.0.13.0 - getzola.org" />
|
||||
|
||||
|
||||
|
||||
<title>ThreeFold • Jungle Paradise</title>
|
||||
<meta property="og:title" content="ThreeFold • Jungle Paradise" />
|
||||
|
||||
|
||||
|
||||
<!-- 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.jungle_paradise/css/index.css?h=ea95c0a269e3849c0841" /> <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-green-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-green-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 -->
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<header id="header-container">
|
||||
|
||||
<div class="z-10 header_BG fixed w-screen max-w-full customize">
|
||||
<div class="relative z-50 shadow">
|
||||
<div class="mx-auto flex z-50 shadow justify-between items-center pl-6 pr-2 md:pr-0 lg:py-5 md:px-12 py-2 lg:px-20 lg:justify-start lg:space-x-20">
|
||||
<div>
|
||||
<a href="/" class="flex">
|
||||
<img class="logo" src="https://www.jungle_paradise/images/logo.png" alt="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-6">
|
||||
|
||||
|
||||
<a href="https://www.jungle_paradise/home/" class="text-md font-normal leading-6 text-white focus:outline-none focus:text-gray-900 transition ease-in-out duration-150 mt-0">
|
||||
Home
|
||||
</a>
|
||||
<div class="relative">
|
||||
</div>
|
||||
|
||||
|
||||
<a href="https://www.jungle_paradise/rooms/" class="text-md font-normal leading-6 text-white focus:outline-none focus:text-gray-900 transition ease-in-out duration-150 mt-0">
|
||||
Rooms
|
||||
</a>
|
||||
<div class="relative">
|
||||
</div>
|
||||
|
||||
|
||||
<a href="https://www.jungle_paradise/restaurant/" class="text-md font-normal leading-6 text-white focus:outline-none focus:text-gray-900 transition ease-in-out duration-150 mt-0">
|
||||
Restaurant
|
||||
</a>
|
||||
<div class="relative">
|
||||
</div>
|
||||
|
||||
|
||||
<a href="https://www.jungle_paradise/health-wellness/" class="text-md font-normal leading-6 text-white focus:outline-none focus:text-gray-900 transition ease-in-out duration-150 mt-0">
|
||||
Health & Wellness
|
||||
</a>
|
||||
<div class="relative">
|
||||
</div>
|
||||
|
||||
|
||||
</nav>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
<!--
|
||||
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="pt-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="https://www.jungle_paradise/rooms/" 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">
|
||||
Rooms
|
||||
</a>
|
||||
<hr/>
|
||||
|
||||
|
||||
|
||||
<a href="https://www.jungle_paradise/restaurant/" 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">
|
||||
Restaurant
|
||||
</a>
|
||||
<hr/>
|
||||
|
||||
|
||||
|
||||
<a href="https://www.jungle_paradise/health-wellness/" 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">
|
||||
Health & Wellness
|
||||
</a>
|
||||
<hr/>
|
||||
|
||||
|
||||
|
||||
</nav>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
</header>
|
||||
|
||||
|
||||
|
||||
|
||||
<div id="content" class="mx-auto overflow-hidden">
|
||||
|
||||
|
||||
<main>
|
||||
<script src="https://cdn.jsdelivr.net/npm/mermaid/dist/mermaid.min.js"></script>
|
||||
<script>mermaid.initialize({startOnLoad:true});</script>
|
||||
<div>
|
||||
|
||||
<div class="container mx-auto">
|
||||
<!-- 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-->
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<!-- Padding -->
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<!-- Margins -->
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<!-- makes row full screen width and adds background img -->
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<!-- Cancels page margins so that rows can have separate margins -->
|
||||
|
||||
|
||||
|
||||
<div id="" class="relative justify-center flex overflow-hidden " style="">
|
||||
<div id="" class="relative flex flex-col md:flex md:flex-row flex-wrap max-w-fit overflow-hidden items-center py-2 md:py-4 lg:pt-24 mx-6 sm:mx-20 md:mx-28 lg:mx-40 mt-10 lg:mt-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-2 xl:mx-4">
|
||||
<!-- handles mermaid markdown content display -->
|
||||
|
||||
|
||||
<p><img src="https://www.jungle_paradise/rooms/wavetwo/tft/./img/tft.png#mx-auto" 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-2 xl:mx-4">
|
||||
<!-- handles mermaid markdown content display -->
|
||||
|
||||
|
||||
|
||||
<h3 id="a-true-peer-to-peer-internet">A True Peer-To-Peer Internet</h3>
|
||||
<p>Empowering equality, autonomy and sustainability with game-changing technology built with a collaborative ecosystem.
|
||||
Live and distributed in 21 countries and expanding.</p>
|
||||
<p><a class="hard_green" href="https://threefold.io/" target="_blank">ThreeFold.io</a></p>
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
</div>
|
||||
</div><br>
|
||||
<hr>
|
||||
<br>
|
||||
<!-- row shortcode
|
||||
Shortcode used in markdown for the creation of mobile compatible vertical rows
|
||||
Divides markdown into columns by splitting content using column identifier "|||"
|
||||
Creates equal width blocks in a flex row.
|
||||
|
||||
Parameters:
|
||||
- style:
|
||||
- lean: if style is lean, the row doesn't have outer margins
|
||||
- bgPath: if bgPath is passed, the row has a full width background
|
||||
-->
|
||||
|
||||
|
||||
<!-- This fixes link & img paths in local, prod, and wth prefix -->
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<!-- aligns columns depending on col number-->
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<!-- Padding -->
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<!-- Margins -->
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<!-- reverse col at mobile -->
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<!-- 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="relative justify-center flex overflow-hidden " style="">
|
||||
<div id="" class="flex flex-col-reverse md:flex-row items-center mx-6 sm:mx-20 md:mx-28 lg:mx-40" 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-2 xl:mx-4">
|
||||
<!-- handles mermaid markdown content display -->
|
||||
|
||||
|
||||
<h4 id="the-problem">The Problem</h4>
|
||||
<p class="text-base">There are some major challenges with the current foundation of the internet and how it has moved from being a medium to independently share information amongst internet users, to a multi-billion dollar industry governed by a few companies.<br><br>The technology that generates internet capacity, services and applications is expensive, power hungry and centralized, as a result, it's not inclusive, affordable, sustainable or scalable.
|
||||
<br><br>80% of today’s internet capacity is centralized. Data is monopolized and controlled by a few. Your information is not private.</p>
|
||||
<br>
|
||||
<h4 id="the-threefold-foundation-solution">The ThreeFold Foundation Solution</h4>
|
||||
<p class="text-base">A decentralized grid of internet compute & capacity focused on democratizing internet compute and storage capacity to enable a responsible internet for all.</p>
|
||||
<p class="text-base"><spain class="font-bold">Neutral.</spain> No one single company or person can ever monopolize the Threefold Grid due to decentralization.</p>
|
||||
<p class="text-base"><spain class="font-bold">Scaleable.</spain> Lightweight technology and self-healing technology makes it scale with ease and endlessly.</p>
|
||||
<p class="text-base"><spain class="font-bold">Blockchain Enabled.</spain> Tokens are created only when capacity is added to the grid. Also doubles as payment mechanism to provision workloads.</p>
|
||||
<p class="text-base"><spain class="font-bold">Future Workloads</spain> The decentralized nature of the grid makes it very compatible with IOT, 5G, and other workloads of the future.</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-2 xl:mx-4">
|
||||
<!-- handles mermaid markdown content display -->
|
||||
|
||||
|
||||
|
||||
<p><img src="https://www.jungle_paradise/rooms/wavetwo/tft/./img/server.jpg#mx-auto" alt="Image" /></p>
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
</div>
|
||||
</div><br>
|
||||
<!-- component -->
|
||||
|
||||
<div class="container mx-auto">
|
||||
<div class="relative wrap overflow-hidden px-2 mx-2 sm:mx-20 md:mx-28 lg:mx-40 my-8">
|
||||
<h2 class="text-center py-4">ThreeFold Foundation Roadmap</h2>
|
||||
|
||||
<hr class="green_line">
|
||||
<br>
|
||||
<br>
|
||||
<div class="border-2-2 absolute border-opacity-20 border-green-700 h-full border" style="left: 50%"></div>
|
||||
|
||||
<!-- Q2 2017 right timeline -->
|
||||
<div class="mb-8 flex justify-between items-center w-full right-timeline">
|
||||
<div class="order-1 w-5/12"></div>
|
||||
<!-- number -->
|
||||
<div class="z-20 flex items-center order-1 bg-gray-600 shadow-xl w-8 h-8 rounded-full">
|
||||
<h1 class="mx-auto font-semibold text-lg text-white">1</h1>
|
||||
</div>
|
||||
<div class="order-1 bg-gray-100 rounded-lg shadow-md w-5/12 px-2 lg:px-6 py-4">
|
||||
<h3 class="mb-3 font-bold green_header text-lg lg:text-xl">Q2 2017<br>PROJECT LAUNCH</h3>
|
||||
<p class="text-sm leading-snug tracking-wide text-gray-900 text-opacity-100">Launch of ThreeFold Decentralized Internet</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Q2 2018 left timeline -->
|
||||
<div class="mb-8 flex justify-between flex-row-reverse items-center w-full left-timeline">
|
||||
<div class="order-1 w-5/12"></div>
|
||||
<!-- number -->
|
||||
<div class="z-20 flex items-center order-1 bg-gray-600 shadow-xl w-8 h-8 rounded-full">
|
||||
<h1 class="mx-auto text-white font-semibold text-lg">2</h1>
|
||||
</div>
|
||||
<div class="order-1 bg-gray-100 rounded-lg shadow-md w-5/12 px-2 lg:px-6 py-4">
|
||||
<h3 class="mb-3 font-bold green_header text-lg lg:text-xl">Q2 2018<br>BLOCKCHAIN ACTIVATED</h3>
|
||||
<p class="text-sm font-medium leading-snug tracking-wide text-gray-900text-opacity-100">Grid Capacity Generation<br>
|
||||
Blockchain / Token Launch</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Q3/Q4 2018 right timeline -->
|
||||
<div class="mb-8 flex justify-between items-center w-full right-timeline">
|
||||
<div class="order-1 w-5/12"></div>
|
||||
<!-- number -->
|
||||
<div class="z-20 flex items-center order-1 bg-gray-600 shadow-xl w-8 h-8 rounded-full">
|
||||
<h1 class="mx-auto font-semibold text-lg text-white">3</h1>
|
||||
</div>
|
||||
<div class="order-1 bg-gray-100 rounded-lg shadow-md w-5/12 px-2 lg:px-6 py-4">
|
||||
<h3 class="mb-3 font-bold green_header text-lg lg:text-xl">Q3/Q4 2018<br>BIG PARTNERSHIP AND CAPACITY DEPLOYMENT</h3>
|
||||
<p class="text-sm leading-snug tracking-wide text-gray-900 text-opacity-100">Atomic Swap Support for decentralized exchange
|
||||
10x more capacity active compared to other blockchain projects (79Pb)<br>
|
||||
HPE & SOLIDARIDAD partnerships to promote farming of capacity<br>
|
||||
HPE Partnership</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Q2 2019 left timeline -->
|
||||
<div class="mb-8 flex justify-between flex-row-reverse items-center w-full left-timeline">
|
||||
<div class="order-1 w-5/12"></div>
|
||||
<!-- number -->
|
||||
<div class="z-20 flex items-center order-1 bg-gray-600 shadow-xl w-8 h-8 rounded-full">
|
||||
<h1 class="mx-auto text-white font-semibold text-lg">4</h1>
|
||||
</div>
|
||||
<div class="order-1 bg-gray-100 rounded-lg shadow-md w-5/12 px-2 lg:px-6 py-4">
|
||||
<h3 class="mb-3 font-bold green_header text-lg lg:text-xl">Q2 2019<br>TESTNET AND MINTING LAUNCH</h3>
|
||||
<p class="text-sm font-medium leading-snug tracking-wide text-gray-900text-opacity-100">Grid Capacity Utilization (Testnet)<br>
|
||||
Grid 1.0 Services<br>
|
||||
ThreeFold Token Minting in public grid<br>
|
||||
Private Zero OS, S3 storage, Web- Gateway, ZeroDB, Launch FreeFlow Pages (Beta),<br>
|
||||
Launch Digital Twin<br>
|
||||
Blockchain / Token Launch</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<!-- Q2 2020 right timeline -->
|
||||
<div class="mb-8 flex justify-between items-center w-full right-timeline">
|
||||
<div class="order-1 w-5/12"></div>
|
||||
<!-- number -->
|
||||
<div class="z-20 flex items-center order-1 bg-gray-600 shadow-xl w-8 h-8 rounded-full">
|
||||
<h1 class="mx-auto font-semibold text-lg text-white">5</h1>
|
||||
</div>
|
||||
<div class="order-1 bg-gray-100 rounded-lg shadow-md w-5/12 px-2 lg:px-6 py-4">
|
||||
<h3 class="mb-3 font-bold green_header text-lg lg:text-xl">Q2 2020<br>PUBLIC GRID LAUNCH</h3>
|
||||
<p class="text-sm leading-snug tracking-wide text-gray-900 text-opacity-100">Grid Capacity Utilization (Public)
|
||||
Support Grid 1.1 Services<br>
|
||||
Private Zero OS, S3 storage, Web- Gateway, ZeroDB, Live Launch ThreeFold Now Marketplace<br>
|
||||
Migration from Rivine to Stellar Blockchain<br>
|
||||
Digibyte Partnership<br>
|
||||
Dash/Next Partnership<br>
|
||||
Waykichain Partnership</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Q3/Q4 2020 left timeline -->
|
||||
<div class="mb-8 flex justify-between flex-row-reverse items-center w-full left-timeline">
|
||||
<div class="order-1 w-5/12"></div>
|
||||
<!-- number -->
|
||||
<div class="z-20 flex items-center order-1 bg-gray-600 shadow-xl w-8 h-8 rounded-full">
|
||||
<h1 class="mx-auto text-white font-semibold text-lg">6</h1>
|
||||
</div>
|
||||
<div class="order-1 bg-gray-100 rounded-lg shadow-md w-5/12 px-2 lg:px-6 py-4">
|
||||
<h3 class="mb-3 font-bold green_header text-lg lg:text-xl">Q3/Q4 2020<br> PUBLIC GRID UPDATES</h3>
|
||||
<p class="text-sm font-medium leading-snug tracking-wide text-gray-900text-opacity-100">Launch 2.2 and 2.4 versions of the TF Grid<br>
|
||||
Hosted Digital Twin launched for the public<br>
|
||||
Public Launch Threefold now (App Marketplace)<br>
|
||||
Skale Lab Partnership<br>
|
||||
Whitepaper 2.3 Release</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Q1/Q2 2021 right timeline -->
|
||||
<div class="mb-8 flex justify-between items-center w-full right-timeline">
|
||||
<div class="order-1 w-5/12"></div>
|
||||
<!-- number -->
|
||||
<div class="z-20 flex items-center order-1 bg-gray-600 shadow-xl w-8 h-8 rounded-full">
|
||||
<h1 class="mx-auto font-semibold text-lg text-white">7</h1>
|
||||
</div>
|
||||
<div class="order-1 bg-gray-100 rounded-lg shadow-md w-5/12 px-2 lg:px-6 py-4">
|
||||
<h3 class="mb-3 font-bold green_header text-lg lg:text-xl">Q1/Q2 2021<br>SCALING THE GRID + MORE USECASES</h3>
|
||||
<p class="text-sm leading-snug tracking-wide text-gray-900 text-opacity-100">Public Launch Of Certified Capacity On The Grid<br>
|
||||
Public launch of ThreeFold eVDC<br>
|
||||
Whitepaper 2.4 Release</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<style>
|
||||
.green_header{
|
||||
color:#68b622 ;
|
||||
}
|
||||
</style>
|
||||
<!-- row shortcode
|
||||
Shortcode used in markdown for the creation of mobile compatible vertical rows
|
||||
Divides markdown into columns by splitting content using column identifier "|||"
|
||||
Creates equal width blocks in a flex row.
|
||||
|
||||
Parameters:
|
||||
- style:
|
||||
- lean: if style is lean, the row doesn't have outer margins
|
||||
- bgPath: if bgPath is passed, the row has a full width background
|
||||
-->
|
||||
|
||||
|
||||
<!-- This fixes link & img paths in local, prod, and wth prefix -->
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<!-- aligns columns depending on col number-->
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<!-- Padding -->
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<!-- Margins -->
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<!-- reverse col at mobile -->
|
||||
|
||||
|
||||
|
||||
|
||||
<!-- 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="relative justify-center flex overflow-hidden " style="">
|
||||
<div id="" class="relative flex flex-col md:flex md:flex-row flex-wrap max-w-fit overflow-hidden items-center py-0 mx-6 sm:mx-20 md:mx-28 lg:mx-40 text-center items-center " 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-2 xl:mx-4 flex-1 ">
|
||||
<!-- handles mermaid markdown content display -->
|
||||
|
||||
|
||||
<p><button><a href="https://www.jungle_paradise/projects/wavetwo/tftech">Previous</a></button>
|
||||
<button><a href="https://www.jungle_paradise/projects/wavetwo/fairswap">Next</a></button></p>
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
</div>
|
||||
</div></div>
|
||||
|
||||
|
||||
</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">
|
||||
|
||||
|
||||
<div class="customize">
|
||||
<div class="py-4 px-4 sm:px-6">
|
||||
<div class="lg:flex lg:gap-4">
|
||||
<div class="space-y-8 lg:max-w-sm lg:mr-8 lg:mb-2 lg:col-span-1">
|
||||
<img class="w-1/2 lg:mx-4 mb-4" src="/images/footer_logo.png" alt="incubaid Logo" />
|
||||
</div>
|
||||
<div class="space-y-8 lg:max-w-sm lg:mr-8 lg:mb-2 lg:col-span-1">
|
||||
<p class="mt-0 text-base">
|
||||
We believe doing good for the world and doing business can go hand in hand.
|
||||
</p>
|
||||
</div>
|
||||
<div class="space-y-8 lg:max-w-sm lg:mr-8 lg:mb-2 lg:col-span-1">
|
||||
<a target="_blank" href="mailto:info@incubaid.com">info@incubaid.com</a>
|
||||
</div>
|
||||
<div class="lg:max-w-sm lg:mr-8 lg:mb-2 lg:col-span-1">
|
||||
<a class="text-sm flex hard_green" href="/projects">Our projects</a>
|
||||
<a class="text-sm flex hard_green" href="/people">Our people</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<hr class="my-4 border-y-0 w-1/2 border-green-500/50">
|
||||
<div class="mx-4 text-center">
|
||||
<p class="text-base pt-4 my-0">© Copyright 2023 Incubaid BVBA - All Rights Reserved</p>
|
||||
<a href="https://threefold.io/" target="_blank" class="hard_green my-0 text-base">Hosted on the ThreeFold Grid</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</footer>
|
||||
|
||||
|
||||
|
||||
</body>
|
||||
</html>
|
||||
BIN
public/rooms/wavetwo/tftech/img/3bot.jpg
Normal file
BIN
public/rooms/wavetwo/tftech/img/3bot.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 14 KiB |
24
public/rooms/wavetwo/tftech/img/encrypted.svg
Normal file
24
public/rooms/wavetwo/tftech/img/encrypted.svg
Normal file
@@ -0,0 +1,24 @@
|
||||
<?xml version="1.0"?>
|
||||
<svg xmlns="http://www.w3.org/2000/svg" height="512px" version="1.1" viewBox="0 0 512 512" width="512px" class=""><g><g id="surface1">
|
||||
<path d="M 192 489.5 C 192 497.785156 185.285156 504.5 177 504.5 C 168.714844 504.5 162 497.785156 162 489.5 C 162 481.214844 168.714844 474.5 177 474.5 C 185.285156 474.5 192 481.214844 192 489.5 Z M 192 489.5 " style="fill:#698DED" data-original="#FF2C5C" class="" data-old_color="#0F296A"/>
|
||||
<path d="M 382 22.5 C 382 30.785156 375.285156 37.5 367 37.5 C 358.714844 37.5 352 30.785156 352 22.5 C 352 14.214844 358.714844 7.5 367 7.5 C 375.285156 7.5 382 14.214844 382 22.5 Z M 382 22.5 " style="fill:#698DED" data-original="#FF2C5C" class="" data-old_color="#0F296A"/>
|
||||
<path d="M 37.5 174 C 37.5 182.285156 30.785156 189 22.5 189 C 14.214844 189 7.5 182.285156 7.5 174 C 7.5 165.714844 14.214844 159 22.5 159 C 30.785156 159 37.5 165.714844 37.5 174 Z M 37.5 174 " style="fill:#698DED" data-original="#FF2C5C" class="" data-old_color="#0F296A"/>
|
||||
<path d="M 60.75 232 C 60.75 240.285156 54.035156 247 45.75 247 C 37.464844 247 30.75 240.285156 30.75 232 C 30.75 223.714844 37.464844 217 45.75 217 C 54.035156 217 60.75 223.714844 60.75 232 Z M 60.75 232 " style="fill:#698DED" data-original="#FF2C5C" class="" data-old_color="#0F296A"/>
|
||||
<path d="M 504.5 240 C 504.5 248.285156 497.785156 255 489.5 255 C 481.214844 255 474.5 248.285156 474.5 240 C 474.5 231.714844 481.214844 225 489.5 225 C 497.785156 225 504.5 231.714844 504.5 240 Z M 504.5 240 " style="fill:#698DED" data-original="#FF2C5C" class="" data-old_color="#0F296A"/>
|
||||
<path d="M 481.25 298 C 481.25 306.285156 474.535156 313 466.25 313 C 457.964844 313 451.25 306.285156 451.25 298 C 451.25 289.714844 457.964844 283 466.25 283 C 474.535156 283 481.25 289.714844 481.25 298 Z M 481.25 298 " style="fill:#698DED" data-original="#FF2C5C" class="" data-old_color="#0F296A"/>
|
||||
<path d="M 184.5 468.289062 L 184.5 373.664062 C 184.5 369.523438 181.144531 366.164062 177 366.164062 C 172.855469 366.164062 169.5 369.523438 169.5 373.664062 L 169.5 468.289062 C 160.769531 471.386719 154.5 479.722656 154.5 489.5 C 154.5 501.90625 164.59375 512 177 512 C 189.40625 512 199.5 501.90625 199.5 489.5 C 199.5 479.722656 193.230469 471.386719 184.5 468.289062 Z M 177 497 C 172.863281 497 169.5 493.636719 169.5 489.5 C 169.5 485.363281 172.863281 482 177 482 C 181.136719 482 184.5 485.363281 184.5 489.5 C 184.5 493.636719 181.136719 497 177 497 Z M 177 497 " style="fill:#163887" data-original="#50475E" class="" data-old_color="#18387F"/>
|
||||
<path d="M 374.5 125 L 374.5 43.710938 C 383.230469 40.613281 389.5 32.277344 389.5 22.5 C 389.5 10.09375 379.40625 0 367 0 C 354.59375 0 344.5 10.09375 344.5 22.5 C 344.5 32.277344 350.769531 40.613281 359.5 43.710938 L 359.5 125 C 359.5 129.140625 362.855469 132.5 367 132.5 C 371.144531 132.5 374.5 129.140625 374.5 125 Z M 367 15 C 371.136719 15 374.5 18.363281 374.5 22.5 C 374.5 26.636719 371.136719 30 367 30 C 362.863281 30 359.5 26.636719 359.5 22.5 C 359.5 18.363281 362.863281 15 367 15 Z M 367 15 " style="fill:#163887" data-original="#50475E" class="" data-old_color="#18387F"/>
|
||||
<path d="M 124 166.5 L 43.710938 166.5 C 40.613281 157.769531 32.277344 151.5 22.5 151.5 C 10.09375 151.5 0 161.59375 0 174 C 0 186.40625 10.09375 196.5 22.5 196.5 C 32.277344 196.5 40.613281 190.230469 43.710938 181.5 L 124 181.5 C 128.144531 181.5 131.5 178.140625 131.5 174 C 131.5 169.859375 128.144531 166.5 124 166.5 Z M 22.5 181.5 C 18.363281 181.5 15 178.136719 15 174 C 15 169.863281 18.363281 166.5 22.5 166.5 C 26.636719 166.5 30 169.863281 30 174 C 30 178.136719 26.636719 181.5 22.5 181.5 Z M 22.5 181.5 " style="fill:#163887" data-original="#50475E" class="" data-old_color="#18387F"/>
|
||||
<path d="M 124 224.5 L 66.960938 224.5 C 63.863281 215.769531 55.527344 209.5 45.75 209.5 C 33.34375 209.5 23.25 219.59375 23.25 232 C 23.25 244.40625 33.34375 254.5 45.75 254.5 C 55.527344 254.5 63.863281 248.230469 66.960938 239.5 L 124 239.5 C 128.144531 239.5 131.5 236.140625 131.5 232 C 131.5 227.859375 128.144531 224.5 124 224.5 Z M 45.75 239.5 C 41.613281 239.5 38.25 236.136719 38.25 232 C 38.25 227.863281 41.613281 224.5 45.75 224.5 C 49.886719 224.5 53.25 227.863281 53.25 232 C 53.25 236.136719 49.886719 239.5 45.75 239.5 Z M 45.75 239.5 " style="fill:#163887" data-original="#50475E" class="" data-old_color="#18387F"/>
|
||||
<path d="M 489.5 217.5 C 479.722656 217.5 471.386719 223.769531 468.289062 232.5 L 382 232.5 C 377.855469 232.5 374.5 235.859375 374.5 240 C 374.5 244.140625 377.855469 247.5 382 247.5 L 468.289062 247.5 C 471.386719 256.230469 479.722656 262.5 489.5 262.5 C 501.90625 262.5 512 252.40625 512 240 C 512 227.59375 501.90625 217.5 489.5 217.5 Z M 489.5 247.5 C 485.363281 247.5 482 244.136719 482 240 C 482 235.863281 485.363281 232.5 489.5 232.5 C 493.636719 232.5 497 235.863281 497 240 C 497 244.136719 493.636719 247.5 489.5 247.5 Z M 489.5 247.5 " style="fill:#163887" data-original="#50475E" class="" data-old_color="#18387F"/>
|
||||
<path d="M 466.25 275.5 C 456.472656 275.5 448.136719 281.769531 445.039062 290.5 L 379 290.5 C 374.855469 290.5 371.5 293.859375 371.5 298 C 371.5 302.140625 374.855469 305.5 379 305.5 L 445.039062 305.5 C 448.136719 314.230469 456.472656 320.5 466.25 320.5 C 478.65625 320.5 488.75 310.40625 488.75 298 C 488.75 285.59375 478.65625 275.5 466.25 275.5 Z M 466.25 305.5 C 462.113281 305.5 458.75 302.136719 458.75 298 C 458.75 293.863281 462.113281 290.5 466.25 290.5 C 470.386719 290.5 473.75 293.863281 473.75 298 C 473.75 302.136719 470.386719 305.5 466.25 305.5 Z M 466.25 305.5 " style="fill:#163887" data-original="#50475E" class="" data-old_color="#18387F"/>
|
||||
<path d="M 257.46875 450.726562 C 256.527344 451.089844 255.472656 451.089844 254.53125 450.726562 C 205.515625 431.746094 164.035156 402.722656 131.113281 364.355469 C 107.179688 336.457031 94 299.503906 94 260.308594 L 94 121.121094 C 94 119.226562 95.222656 117.609375 96.917969 117.230469 C 127.980469 110.324219 157.222656 96.714844 182.636719 81.394531 C 227.742188 54.199219 284.257812 54.199219 329.363281 81.394531 C 354.777344 96.714844 384.023438 110.324219 415.082031 117.230469 C 416.773438 117.609375 418 119.226562 418 121.121094 L 418 260.308594 C 418 299.503906 404.820312 336.457031 380.882812 364.359375 C 347.96875 402.71875 306.480469 431.746094 257.46875 450.726562 Z M 257.46875 450.726562 " style="fill:#0F296A" data-original="#FFD659" class="" data-old_color="#0f296a"/>
|
||||
<path d="M 415.082031 117.234375 C 405.875 115.183594 396.835938 112.535156 388 109.441406 L 388 255.390625 C 388 296.828125 374.820312 335.898438 350.882812 365.398438 C 322.5 400.367188 287.738281 427.996094 247.277344 447.8125 C 249.679688 448.804688 252.09375 449.78125 254.53125 450.726562 C 255.472656 451.089844 256.527344 451.089844 257.46875 450.726562 C 306.480469 431.742188 347.96875 402.71875 380.882812 364.359375 C 404.820312 336.457031 418 299.503906 418 260.308594 L 418 121.121094 C 418 119.226562 416.777344 117.609375 415.082031 117.234375 Z M 415.082031 117.234375 " style="fill:#08183F" data-original="#FFBD54" class="" data-old_color="#0F296A"/>
|
||||
<path d="M 257.199219 418.429688 C 256.4375 418.761719 255.5625 418.761719 254.800781 418.429688 C 215.035156 401.304688 181.132812 376.578125 153.882812 344.820312 C 134.613281 322.359375 124 292.34375 124 260.3125 L 124 143.964844 C 124 142.222656 125.128906 140.691406 126.785156 140.160156 C 150.21875 132.632812 174.121094 121.558594 198.125 107.085938 C 215.582031 96.5625 235.59375 91 256 91 C 276.40625 91 296.421875 96.5625 313.878906 107.085938 C 337.882812 121.554688 361.785156 132.632812 385.214844 140.15625 C 386.871094 140.691406 388 142.21875 388 143.960938 L 388 260.308594 C 388 292.34375 377.386719 322.359375 358.113281 344.828125 C 330.863281 376.582031 296.953125 401.308594 257.199219 418.429688 Z M 257.199219 418.429688 " style="fill:#15DABD" data-original="#4FB1F5" class="" data-old_color="#15dabd"/>
|
||||
<path d="M 385.214844 140.160156 C 376.207031 137.265625 367.128906 133.84375 358 129.90625 L 358 251.386719 C 358 286.800781 347.386719 319.984375 328.113281 344.824219 C 305.703125 373.699219 278.777344 397.300781 247.8125 415.308594 C 250.121094 416.375 252.449219 417.417969 254.800781 418.433594 C 255.5625 418.761719 256.4375 418.761719 257.199219 418.433594 C 296.953125 401.308594 330.863281 376.582031 358.113281 344.828125 C 377.386719 322.359375 388 292.34375 388 260.3125 L 388 143.964844 C 388 142.222656 386.871094 140.691406 385.214844 140.160156 Z M 385.214844 140.160156 " style="fill:#0F7666" data-original="#46A4E6" class="" data-old_color="#0f7666"/>
|
||||
<path d="M 256 175.5 C 235.320312 175.5 218.5 192.320312 218.5 213 L 218.5 244.667969 C 218.5 248.808594 221.855469 252.167969 226 252.167969 C 230.144531 252.167969 233.5 248.808594 233.5 244.667969 L 233.5 213 C 233.5 200.59375 243.59375 190.5 256 190.5 C 268.40625 190.5 278.5 200.59375 278.5 213 L 278.5 244.667969 C 278.5 248.808594 281.855469 252.167969 286 252.167969 C 290.144531 252.167969 293.5 248.808594 293.5 244.667969 L 293.5 213 C 293.5 192.320312 276.679688 175.5 256 175.5 Z M 256 175.5 " style=" stroke:none;fill-rule:nonzero;fill:rgb(67.843137%,90.588235%,100%);fill-opacity:1;" data-original="#ADE7FF" class=""/>
|
||||
<path d="M 296 313 L 216 313 C 210.476562 313 206 308.523438 206 303 L 206 243 C 206 237.476562 210.476562 233 216 233 L 296 233 C 301.523438 233 306 237.476562 306 243 L 306 303 C 306 308.523438 301.523438 313 296 313 Z M 296 313 " style="fill:#698DED" data-original="#FF2C5C" class="" data-old_color="#0F296A"/>
|
||||
<path d="M 296 233 L 266 233 C 271.523438 233 276 237.476562 276 243 L 276 303 C 276 308.523438 271.523438 313 266 313 L 296 313 C 301.523438 313 306 308.523438 306 303 L 306 243 C 306 237.476562 301.523438 233 296 233 Z M 296 233 " style="fill:#506DBB" data-original="#E62753" class="" data-old_color="#3D61C0"/>
|
||||
<path d="M 271 265.5 C 271 273.785156 264.285156 280.5 256 280.5 C 247.714844 280.5 241 273.785156 241 265.5 C 241 257.214844 247.714844 250.5 256 250.5 C 264.285156 250.5 271 257.214844 271 265.5 Z M 271 265.5 " style="fill:#051233" data-original="#685C79" class="active-path" data-old_color="#685C79"/>
|
||||
<path d="M 278.5 265.5 C 278.5 253.09375 268.40625 243 256 243 C 243.59375 243 233.5 253.09375 233.5 265.5 C 233.5 275.277344 239.769531 283.613281 248.5 286.710938 L 248.5 295.5 C 248.5 299.640625 251.855469 303 256 303 C 260.144531 303 263.5 299.640625 263.5 295.5 L 263.5 286.710938 C 272.230469 283.613281 278.5 275.277344 278.5 265.5 Z M 256 273 C 251.863281 273 248.5 269.636719 248.5 265.5 C 248.5 261.363281 251.863281 258 256 258 C 260.136719 258 263.5 261.363281 263.5 265.5 C 263.5 269.636719 260.136719 273 256 273 Z M 256 273 " style="fill:#163887" data-original="#50475E" class="" data-old_color="#18387F"/>
|
||||
</g></g> </svg>
|
||||
|
After Width: | Height: | Size: 11 KiB |
BIN
public/rooms/wavetwo/tftech/img/endless.jpg
Normal file
BIN
public/rooms/wavetwo/tftech/img/endless.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 31 KiB |
2
public/rooms/wavetwo/tftech/img/speedometer.svg
Normal file
2
public/rooms/wavetwo/tftech/img/speedometer.svg
Normal file
@@ -0,0 +1,2 @@
|
||||
<?xml version="1.0"?>
|
||||
<svg xmlns="http://www.w3.org/2000/svg" height="512px" viewBox="0 0 512 512" width="512px" class=""><g><path d="m512 256c0 141.386719-114.613281 256-256 256s-256-114.613281-256-256 114.613281-256 256-256 256 114.613281 256 256zm0 0" fill="#f03049" data-original="#F03049" class="" style="fill:#0F296A" data-old_color="#0f296a"/><path d="m512 256c0-7.40625-.332031-14.730469-.949219-21.976562l-118.34375-118.34375-275 279.207031 116.148438 116.148437c7.296875.625 14.679687.964844 22.144531.964844 141.386719 0 256-114.613281 256-256zm0 0" fill="#d1093a" data-original="#D1093A" class="" style="fill:#071027" data-old_color="#0F296A"/><path d="m452 256c0 108.246094-87.753906 196-196 196s-196-87.753906-196-196 87.753906-196 196-196 196 87.753906 196 196zm0 0" fill="#414952" data-original="#414952" class="" style="fill:#21BAA1" data-old_color="#0F7666"/><path d="m256 60c-.117188 0-.238281.003906-.355469.003906v391.992188c.117188 0 .234375.003906.355469.003906 108.246094 0 196-87.753906 196-196 0-108.25-87.753906-196-196-196zm0 0" fill="#333940" data-original="#333940" class="" style="fill:#0F7666" data-old_color="#0f7666"/><path d="m416.652344 256c0-88.726562-71.925782-160.652344-160.652344-160.652344s-160.652344 71.925782-160.652344 160.652344c0 26.203125 6.273438 50.941406 17.402344 72.796875h286.5c11.125-21.855469 17.402344-46.59375 17.402344-72.796875zm0 0" fill="#fff" data-original="#FFF" class=""/><path d="m416.652344 256c0-88.726562-71.925782-160.652344-160.652344-160.652344-.117188 0-.238281.003906-.355469.003906v233.445313h143.605469c11.125-21.855469 17.402344-46.59375 17.402344-72.796875zm0 0" fill="#dce1eb" data-original="#DCE1EB" class=""/><path d="m177.5 356h157v43h-157zm0 0" fill="#ffd400" data-original="#FFD400" class="active-path" style="fill:#56D3BF" data-old_color="#39E4C9"/><path d="m255.644531 356h78.855469v43h-78.855469zm0 0" fill="#fdba12" data-original="#FDBA12" class="" style="fill:#39E4C9" data-old_color="#0F7666"/><path d="m246 102.5h20v44.125h-20zm0 0" fill="#414952" data-original="#414952" class="" style="fill:#21BAA1" data-old_color="#0F7666"/><path d="m255.644531 102.5h10.355469v44.125h-10.355469zm0 0" fill="#333940" data-original="#333940" class="" style="fill:#0F7666" data-old_color="#0f7666"/><path d="m326.265625 171.597656 31.203125-31.203125 14.140625 14.144531-31.199219 31.199219zm0 0" fill="#333940" data-original="#333940" class="" style="fill:#0F7666" data-old_color="#0f7666"/><path d="m140.386719 154.53125 14.140625-14.140625 31.203125 31.199219-14.144531 14.144531zm0 0" fill="#414952" data-original="#414952" class="" style="fill:#21BAA1" data-old_color="#0F7666"/><path d="m102.5 246h44.125v20h-44.125zm0 0" fill="#414952" data-original="#414952" class="" style="fill:#21BAA1" data-old_color="#0F7666"/><path d="m365.375 246h44.125v20h-44.125zm0 0" fill="#333940" data-original="#333940" class="" style="fill:#0F7666" data-old_color="#0f7666"/><path d="m270.140625 345.136719-37.945313-19.226563 100.644532-141.960937zm0 0" fill="#f03049" data-original="#F03049" class="" style="fill:#0F296A" data-old_color="#0f296a"/><path d="m286.160156 320.324219c0 16.65625-13.503906 30.160156-30.160156 30.160156s-30.160156-13.503906-30.160156-30.160156c0-16.660157 13.503906-30.164063 30.160156-30.164063s30.160156 13.503906 30.160156 30.164063zm0 0" fill="#414952" data-original="#414952" class="" style="fill:#21BAA1" data-old_color="#0F7666"/><path d="m256 290.160156c-.121094 0-.238281.011719-.355469.011719v60.304687c.117188 0 .234375.007813.355469.007813 16.65625 0 30.160156-13.503906 30.160156-30.160156 0-16.660157-13.503906-30.164063-30.160156-30.164063zm0 0" fill="#333940" data-original="#333940" class="" style="fill:#0F7666" data-old_color="#0f7666"/></g> </svg>
|
||||
|
After Width: | Height: | Size: 3.7 KiB |
BIN
public/rooms/wavetwo/tftech/img/tftech.png
Normal file
BIN
public/rooms/wavetwo/tftech/img/tftech.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 5.1 KiB |
20
public/rooms/wavetwo/tftech/img/uptime-1.svg
Normal file
20
public/rooms/wavetwo/tftech/img/uptime-1.svg
Normal file
@@ -0,0 +1,20 @@
|
||||
<?xml version="1.0"?>
|
||||
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="Capa_1" x="0px" y="0px" viewBox="0 0 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve" width="512px" height="512px" class=""><g><g>
|
||||
<circle style="fill:#1AA48F" cx="256" cy="261.884" r="203.034" data-original="#955BA5" class="" data-old_color="#0F7666"/>
|
||||
<path style="fill:#0F296A" d="M512,429.608h-52.966V385.47c0,0-67.708-52.966-203.034-52.966S52.966,385.47,52.966,385.47v44.138 H0l17.655,35.31L0,500.228h105.931v-61.793l-0.265-0.706c48.097-17.776,99.063-26.515,150.334-25.777 c51.271-0.738,102.237,8.001,150.334,25.777l-0.265,0.706v61.793H512l-17.655-35.31L512,429.608z" data-original="#FF5364" class="" data-old_color="#516EB8"/>
|
||||
<polygon style="fill:#0F1C50" points="0,500.228 17.655,464.918 0,429.608 52.966,429.608 52.966,464.918 105.931,500.228 " data-original="#DF4D60" class="" data-old_color="#0F296A"/>
|
||||
<g>
|
||||
<path style="fill:#060C24" d="M105.931,438.435v61.793l-52.966-35.31c16.252-11.413,33.981-20.56,52.701-27.189L105.931,438.435z " data-original="#802D40" class="" data-old_color="#0F1C50"/>
|
||||
<path style="fill:#060C24" d="M459.034,464.918l-52.966,35.31v-61.793l0.265-0.706 C425.053,444.358,442.783,453.505,459.034,464.918z" data-original="#802D40" class="" data-old_color="#0F1C50"/>
|
||||
</g>
|
||||
<polygon style="fill:#0F1C50" points="494.345,464.918 512,500.228 406.069,500.228 459.034,464.918 459.034,429.608 512,429.608 " data-original="#DF4D60" class="" data-old_color="#0F296A"/>
|
||||
<path style="fill:#0F296A" d="M291.31,173.608v-61.793h26.483c3.344,0,6.4-1.889,7.896-4.88c1.495-2.991,1.173-6.569-0.834-9.244 l-61.793-82.388c-1.667-2.223-4.284-3.531-7.062-3.531s-5.395,1.308-7.062,3.531L187.145,97.69 c-2.006,2.675-2.329,6.254-0.834,9.244c1.495,2.991,4.552,4.88,7.896,4.88h26.483v61.793c0,4.875,3.952,8.828,8.828,8.828h52.966 C287.358,182.435,291.31,178.483,291.31,173.608z" data-original="#65DDB9" class="" data-old_color="#65DDB9"/>
|
||||
<g>
|
||||
<path style="fill:#F0F0F0" d="M167.724,288.366h-8.828v-61.793c0.001-3.06-1.582-5.902-4.184-7.512 c-2.602-1.61-5.852-1.757-8.59-0.389l-17.655,8.828c-4.363,2.179-6.134,7.483-3.955,11.847c2.179,4.363,7.483,6.134,11.847,3.955 l4.882-2.445v47.51h-8.828c-4.875,0-8.828,3.952-8.828,8.828s3.952,8.828,8.828,8.828h35.31c4.875,0,8.828-3.952,8.828-8.828 S172.599,288.366,167.724,288.366z" data-original="#E6E7E8" class="active-path" data-old_color="#E6E7E8"/>
|
||||
<path style="fill:#F0F0F0" d="M229.517,217.746h-26.483c-9.751,0-17.655,7.904-17.655,17.655v52.965 c0,9.751,7.904,17.655,17.655,17.655h26.483c9.751,0,17.655-7.905,17.655-17.655v-52.965 C247.172,225.65,239.268,217.746,229.517,217.746z M203.034,288.366v-52.965h26.483v52.965H203.034z" data-original="#E6E7E8" class="active-path" data-old_color="#E6E7E8"/>
|
||||
<path style="fill:#F0F0F0" d="M300.138,217.746h-26.483c-9.751,0-17.655,7.904-17.655,17.655v52.965 c0,9.751,7.904,17.655,17.655,17.655h26.483c9.751,0,17.655-7.905,17.655-17.655v-52.965 C317.793,225.65,309.889,217.746,300.138,217.746z M273.655,288.366v-52.965h26.483v52.965H273.655z" data-original="#E6E7E8" class="active-path" data-old_color="#E6E7E8"/>
|
||||
<path style="fill:#F0F0F0" d="M340.921,243.522c2.137,0.942,4.572,0.942,6.709,0c1.069-0.448,2.055-1.075,2.913-1.854 c1.612-1.693,2.526-3.931,2.56-6.268c-0.015-0.592-0.074-1.182-0.177-1.766c-0.096-0.553-0.275-1.089-0.53-1.589 c-0.176-0.543-0.444-1.05-0.794-1.501c-0.353-0.53-0.706-0.971-1.059-1.412c-0.859-0.779-1.844-1.406-2.913-1.854 c-2.149-0.883-4.56-0.883-6.709,0c-1.069,0.448-2.055,1.075-2.913,1.854c-0.353,0.441-0.706,0.883-1.059,1.412 c-0.35,0.45-0.619,0.958-0.794,1.501c-0.255,0.5-0.434,1.036-0.53,1.589c-0.102,0.583-0.161,1.173-0.177,1.766 c0.034,2.337,0.948,4.575,2.56,6.268C338.867,242.447,339.852,243.074,340.921,243.522z" data-original="#E6E7E8" class="active-path" data-old_color="#E6E7E8"/>
|
||||
<path style="fill:#F0F0F0" d="M405.363,284.968c-0.176-0.543-0.444-1.05-0.794-1.501c-0.353-0.53-0.706-0.971-1.059-1.412 c-0.859-0.779-1.844-1.406-2.913-1.854c-2.149-0.883-4.56-0.883-6.709,0c-1.069,0.448-2.055,1.075-2.913,1.854 c-0.353,0.441-0.706,0.883-1.059,1.412c-0.35,0.45-0.619,0.958-0.794,1.501c-0.255,0.5-0.434,1.036-0.53,1.589 c-0.102,0.583-0.162,1.173-0.177,1.766c0.034,2.337,0.948,4.575,2.56,6.268c0.859,0.779,1.844,1.406,2.913,1.854 c2.137,0.942,4.572,0.942,6.709,0c1.069-0.448,2.055-1.075,2.913-1.854c1.612-1.693,2.526-3.931,2.56-6.268 c-0.015-0.592-0.074-1.182-0.177-1.766C405.796,286.004,405.618,285.468,405.363,284.968z" data-original="#E6E7E8" class="active-path" data-old_color="#E6E7E8"/>
|
||||
<path style="fill:#F0F0F0" d="M403.482,229.16c-3.447-3.446-9.035-3.446-12.482,0l-52.966,52.966 c-2.295,2.216-3.215,5.499-2.407,8.585c0.808,3.086,3.218,5.497,6.305,6.305c3.086,0.808,6.368-0.112,8.585-2.407l52.966-52.966 C406.929,238.195,406.929,232.607,403.482,229.16z" data-original="#E6E7E8" class="active-path" data-old_color="#E6E7E8"/>
|
||||
</g>
|
||||
</g></g> </svg>
|
||||
|
After Width: | Height: | Size: 4.9 KiB |
961
public/rooms/wavetwo/tftech/index.html
Normal file
961
public/rooms/wavetwo/tftech/index.html
Normal file
@@ -0,0 +1,961 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en" charset="utf-8">
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<head>
|
||||
<link rel="icon" type="image/x-icon" href="https://www.jungle_paradise/images/favicon.png">
|
||||
<meta name="generator" content="Zola v.0.13.0 - getzola.org" />
|
||||
|
||||
|
||||
|
||||
<title>ThreeFold Tech • Jungle Paradise</title>
|
||||
<meta property="og:title" content="ThreeFold Tech • Jungle Paradise" />
|
||||
|
||||
|
||||
|
||||
<!-- 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.jungle_paradise/css/index.css?h=ea95c0a269e3849c0841" /> <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-green-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-green-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 -->
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<header id="header-container">
|
||||
|
||||
<div class="z-10 header_BG fixed w-screen max-w-full customize">
|
||||
<div class="relative z-50 shadow">
|
||||
<div class="mx-auto flex z-50 shadow justify-between items-center pl-6 pr-2 md:pr-0 lg:py-5 md:px-12 py-2 lg:px-20 lg:justify-start lg:space-x-20">
|
||||
<div>
|
||||
<a href="/" class="flex">
|
||||
<img class="logo" src="https://www.jungle_paradise/images/logo.png" alt="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-6">
|
||||
|
||||
|
||||
<a href="https://www.jungle_paradise/home/" class="text-md font-normal leading-6 text-white focus:outline-none focus:text-gray-900 transition ease-in-out duration-150 mt-0">
|
||||
Home
|
||||
</a>
|
||||
<div class="relative">
|
||||
</div>
|
||||
|
||||
|
||||
<a href="https://www.jungle_paradise/rooms/" class="text-md font-normal leading-6 text-white focus:outline-none focus:text-gray-900 transition ease-in-out duration-150 mt-0">
|
||||
Rooms
|
||||
</a>
|
||||
<div class="relative">
|
||||
</div>
|
||||
|
||||
|
||||
<a href="https://www.jungle_paradise/restaurant/" class="text-md font-normal leading-6 text-white focus:outline-none focus:text-gray-900 transition ease-in-out duration-150 mt-0">
|
||||
Restaurant
|
||||
</a>
|
||||
<div class="relative">
|
||||
</div>
|
||||
|
||||
|
||||
<a href="https://www.jungle_paradise/health-wellness/" class="text-md font-normal leading-6 text-white focus:outline-none focus:text-gray-900 transition ease-in-out duration-150 mt-0">
|
||||
Health & Wellness
|
||||
</a>
|
||||
<div class="relative">
|
||||
</div>
|
||||
|
||||
|
||||
</nav>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
<!--
|
||||
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="pt-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="https://www.jungle_paradise/rooms/" 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">
|
||||
Rooms
|
||||
</a>
|
||||
<hr/>
|
||||
|
||||
|
||||
|
||||
<a href="https://www.jungle_paradise/restaurant/" 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">
|
||||
Restaurant
|
||||
</a>
|
||||
<hr/>
|
||||
|
||||
|
||||
|
||||
<a href="https://www.jungle_paradise/health-wellness/" 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">
|
||||
Health & Wellness
|
||||
</a>
|
||||
<hr/>
|
||||
|
||||
|
||||
|
||||
</nav>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
</header>
|
||||
|
||||
|
||||
|
||||
|
||||
<div id="content" class="mx-auto overflow-hidden">
|
||||
|
||||
|
||||
<main>
|
||||
<script src="https://cdn.jsdelivr.net/npm/mermaid/dist/mermaid.min.js"></script>
|
||||
<script>mermaid.initialize({startOnLoad:true});</script>
|
||||
<div>
|
||||
|
||||
<div class="container mx-auto">
|
||||
<!-- 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-->
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<!-- Padding -->
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<!-- Margins -->
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<!-- makes row full screen width and adds background img -->
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<!-- Cancels page margins so that rows can have separate margins -->
|
||||
|
||||
|
||||
|
||||
<div id="" class="relative justify-center flex overflow-hidden " style="">
|
||||
<div id="" class="relative flex flex-col md:flex md:flex-row flex-wrap max-w-fit overflow-hidden items-center py-2 md:py-4 lg:pt-24 mx-6 sm:mx-20 md:mx-28 lg:mx-40 mt-10 lg:mt-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-2 xl:mx-4">
|
||||
<!-- handles mermaid markdown content display -->
|
||||
|
||||
|
||||
<p><img src="https://www.jungle_paradise/rooms/wavetwo/tftech/./img/tftech.png#mx-auto" 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-2 xl:mx-4">
|
||||
<!-- handles mermaid markdown content display -->
|
||||
|
||||
|
||||
|
||||
<h3 id="self-driving-it">Self-Driving IT</h3>
|
||||
<p>Powering the Information Technology workloads of tomorrow.</p>
|
||||
<p><a class="hard_green" href="https://threefold.tech/" target="_blank">ThreeFold Tech</a></p>
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
</div>
|
||||
</div><br>
|
||||
<hr>
|
||||
<br>
|
||||
<!-- row shortcode
|
||||
Shortcode used in markdown for the creation of mobile compatible vertical rows
|
||||
Divides markdown into columns by splitting content using column identifier "|||"
|
||||
Creates equal width blocks in a flex row.
|
||||
|
||||
Parameters:
|
||||
- style:
|
||||
- lean: if style is lean, the row doesn't have outer margins
|
||||
- bgPath: if bgPath is passed, the row has a full width background
|
||||
-->
|
||||
|
||||
|
||||
<!-- This fixes link & img paths in local, prod, and wth prefix -->
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<!-- aligns columns depending on col number-->
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<!-- Padding -->
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<!-- Margins -->
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<!-- reverse col at mobile -->
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<!-- 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="relative justify-center flex overflow-hidden " style="">
|
||||
<div id="" class="flex flex-col-reverse md:flex-row items-center mx-6 sm:mx-20 md:mx-28 lg:mx-40" 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-2 xl:mx-4">
|
||||
<!-- handles mermaid markdown content display -->
|
||||
|
||||
|
||||
<h4 id="the-problem">The Problem</h4>
|
||||
<p class="text-base">Large, centralized datacenters are owned by just a few companies. They are only located in star topologies and energy-dense areas, and they are power-hungry.<br><br>The approach of adding more – people and layers – to achieve security is flawed.
|
||||
<br><br>With the demand for IT capacity growing tremendously, these methods are not build for the future. There are enough issues today.</p>
|
||||
<br>
|
||||
<h4 id="the-threefold-tech-solution">The ThreeFold Tech Solution</h4>
|
||||
<p class="text-base">Self-Driving IT. A decentralized peer-to-peer system inspired by nature.</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-2 xl:mx-4">
|
||||
<!-- handles mermaid markdown content display -->
|
||||
|
||||
|
||||
|
||||
<p><img src="https://www.jungle_paradise/rooms/wavetwo/tftech/./img/3bot.jpg#mx-auto" alt="Image" /></p>
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
</div>
|
||||
</div><br>
|
||||
<!-- row shortcode
|
||||
Shortcode used in markdown for the creation of mobile compatible vertical rows
|
||||
Divides markdown into columns by splitting content using column identifier "|||"
|
||||
Creates equal width blocks in a flex row.
|
||||
|
||||
Parameters:
|
||||
- style:
|
||||
- lean: if style is lean, the row doesn't have outer margins
|
||||
- bgPath: if bgPath is passed, the row has a full width background
|
||||
-->
|
||||
|
||||
|
||||
<!-- This fixes link & img paths in local, prod, and wth prefix -->
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<!-- aligns columns depending on col number-->
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<!-- Padding -->
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<!-- Margins -->
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<!-- reverse col at mobile -->
|
||||
|
||||
|
||||
|
||||
|
||||
<!-- 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="relative justify-center flex overflow-hidden " style="">
|
||||
<div id="" class="relative flex flex-col md:flex md:flex-row flex-wrap max-w-fit overflow-hidden lg:items-start py-0 mx-6 sm:mx-20 md:mx-28 lg:mx-40 text-center items-center " 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-2 xl:mx-4 flex-1 ">
|
||||
<!-- handles mermaid markdown content display -->
|
||||
|
||||
|
||||
<p><img src="https://www.jungle_paradise/rooms/wavetwo/tftech/./img/encrypted.svg#md#mx-auto" alt="Image" /></p>
|
||||
<h3 id="better-security">Better Security</h3>
|
||||
<p class="text-base">Stateless nodes reduce hacking surface. Less human involvement means less chance for error.</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-2 xl:mx-4 flex-1 ">
|
||||
<!-- handles mermaid markdown content display -->
|
||||
|
||||
|
||||
|
||||
<p><img src="https://www.jungle_paradise/rooms/wavetwo/tftech/./img/uptime-1.svg#md#mx-auto" alt="Image" /></p>
|
||||
<h3 id="more-uptime">More Uptime</h3>
|
||||
<p class="text-base">Intelligent, self-healing cells manage workloads on the grid.</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-2 xl:mx-4 flex-1 ">
|
||||
<!-- handles mermaid markdown content display -->
|
||||
|
||||
|
||||
|
||||
<p><img src="https://www.jungle_paradise/rooms/wavetwo/tftech/./img/uptime-1.svg#md#mx-auto" alt="Image" /></p>
|
||||
<h3 id="greater-efficiencies">Greater Efficiencies</h3>
|
||||
<p class="text-base">Lowest possible cost.
|
||||
Less energy. More effective in storing data.</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-2 xl:mx-4 flex-1 ">
|
||||
<!-- handles mermaid markdown content display -->
|
||||
|
||||
|
||||
|
||||
<p><img src="https://www.jungle_paradise/rooms/wavetwo/tftech/./img/speedometer.svg#md#mx-auto" alt="Image" /></p>
|
||||
<h3 id="endless-scalability">Endless Scalability</h3>
|
||||
<p class="text-base">Can scale up to millions of nodes and can be distributed everywhere.</p>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
</div>
|
||||
</div><br>
|
||||
<!-- row shortcode
|
||||
Shortcode used in markdown for the creation of mobile compatible vertical rows
|
||||
Divides markdown into columns by splitting content using column identifier "|||"
|
||||
Creates equal width blocks in a flex row.
|
||||
|
||||
Parameters:
|
||||
- style:
|
||||
- lean: if style is lean, the row doesn't have outer margins
|
||||
- bgPath: if bgPath is passed, the row has a full width background
|
||||
-->
|
||||
|
||||
|
||||
<!-- This fixes link & img paths in local, prod, and wth prefix -->
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<!-- aligns columns depending on col number-->
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<!-- Padding -->
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<!-- Margins -->
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<!-- reverse col at mobile -->
|
||||
|
||||
|
||||
|
||||
|
||||
<!-- 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="relative justify-center flex overflow-hidden " style="">
|
||||
<div id="" class="relative flex flex-col md:flex md:flex-row flex-wrap max-w-fit overflow-hidden items-center py-2 md:py-4 lg:pb-24 mx-6 sm:mx-20 md:mx-28 lg:mx-40 text-center items-center " 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-2 xl:mx-4 flex-1 ">
|
||||
<!-- handles mermaid markdown content display -->
|
||||
|
||||
|
||||
<p><button><a href="https://www.jungle_paradise/projects/wavetwo/tftech">Previous</a></button>
|
||||
<button><a href="https://www.jungle_paradise/projects/wavetwo/tft">Next</a></button></p>
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
</div>
|
||||
</div></div>
|
||||
|
||||
|
||||
</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">
|
||||
|
||||
|
||||
<div class="customize">
|
||||
<div class="py-4 px-4 sm:px-6">
|
||||
<div class="lg:flex lg:gap-4">
|
||||
<div class="space-y-8 lg:max-w-sm lg:mr-8 lg:mb-2 lg:col-span-1">
|
||||
<img class="w-1/2 lg:mx-4 mb-4" src="/images/footer_logo.png" alt="incubaid Logo" />
|
||||
</div>
|
||||
<div class="space-y-8 lg:max-w-sm lg:mr-8 lg:mb-2 lg:col-span-1">
|
||||
<p class="mt-0 text-base">
|
||||
We believe doing good for the world and doing business can go hand in hand.
|
||||
</p>
|
||||
</div>
|
||||
<div class="space-y-8 lg:max-w-sm lg:mr-8 lg:mb-2 lg:col-span-1">
|
||||
<a target="_blank" href="mailto:info@incubaid.com">info@incubaid.com</a>
|
||||
</div>
|
||||
<div class="lg:max-w-sm lg:mr-8 lg:mb-2 lg:col-span-1">
|
||||
<a class="text-sm flex hard_green" href="/projects">Our projects</a>
|
||||
<a class="text-sm flex hard_green" href="/people">Our people</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<hr class="my-4 border-y-0 w-1/2 border-green-500/50">
|
||||
<div class="mx-4 text-center">
|
||||
<p class="text-base pt-4 my-0">© Copyright 2023 Incubaid BVBA - All Rights Reserved</p>
|
||||
<a href="https://threefold.io/" target="_blank" class="hard_green my-0 text-base">Hosted on the ThreeFold Grid</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</footer>
|
||||
|
||||
|
||||
|
||||
</body>
|
||||
</html>
|
||||
Reference in New Issue
Block a user