forked from tfcoop/www_duniayetu
merge and docs
This commit is contained in:
despiegk
parent
fb874e170f
commit
9a310b10e1
@ -33,19 +33,21 @@ Pre-order **OurPhone™** and become one of the firsts to unlock a secured d
|
||||
|
||||
|||
|
||||
|
||||
|
||||
|
||||
|
||||
<button>[Crowdfund](https://forms.gle/G2qoLLDAsGLdjNgX6)</button>
|
||||
<button>[Buy 3Node](https://forms.gle/G2qoLLDAsGLdjNgX6)</button>
|
||||
|
||||
Learn more about how to purchase **OurPhone™** Company's shares, and become a co-owner of **OurPhone™** Company.
|
||||
Become a **ThreeFold Farmer**, Buy ThreeFold's **3Node**, be the host for our sovereign Digital Life.
|
||||
|
||||
|||
|
||||
|
||||
|
||||
|
||||
|
||||
<button>[Crowdfund](https://forms.gle/Gnx5rJMavjXbJ3ro6)</button>
|
||||
|
||||
Learn more about how to purchase **Company** shares, and become a co-owner of **Our Venture Creator**.
|
||||
|
||||
<button>[Buy 3Node](https://marketplace.3node.global/index.php)</button>
|
||||
|
||||
Become a **ThreeFold Farmer**, Buy ThreeFold's **3Node**, be the host for our sovereign Digital Life.
|
||||
{% end %}
|
||||
|
||||
</div>
|
||||
@ -11,5 +11,5 @@ extra:
|
||||
- [OURPHONE]("/")
|
||||
- [BUYNOW]("/buynow")
|
||||
- [SPECS]("/specs")
|
||||
- [OUEVERSE]("https://ourverse.tf/")
|
||||
- [TECHNOLOGY]("/technology")
|
||||
- [OURVERSE]("https://ourverse.tf/")
|
||||
|
||||
@ -62,12 +62,14 @@ Discover many unique features of __OurPhone™__ that makes it <br>the ultim
|
||||
{% row(style="center" margin="narrow" padding="none") %}
|
||||
|
||||
|
||||
|
||||
### 100% Data Ownership
|
||||
With __OurPhone™__, you are the sole owner of your data, will always be, not some giant tech companies.
|
||||
|
||||
|||
|
||||
|
||||
|
||||
|
||||
### Quantum Safe Storage
|
||||
Enjoy decentralized cloud storage benefit that comes with every __OurPhone™__ Apps subscription.
|
||||
|
||||
|
||||
@ -21,7 +21,7 @@ weight: 2
|
||||
|
||||
# OurPhone™ Overview
|
||||
|
||||
- Based on Google Pixel 6a, 7 and 7 Pro
|
||||
- Based on Google Pixel 6a, 7 and 7 Pro (for our X, Y and A model)
|
||||
- Graphene OS (Google-less Android)
|
||||
- ThreeFold Quantum Safe Storage
|
||||
- ThreeFold Planetary network
|
||||
|
||||
@ -50,7 +50,7 @@ Gain a full control and access to your sovereign internet life.
|
||||
|
||||
<a href="https://ourverse.tf/" target="_blank"><h1>OurVerse™</h1></a>
|
||||
|
||||
<a href="https://ourverse.tf/" target="_blank"><ins>**OurVerse**</ins></a>**™** is a secure and open-source digital world offering alternative SuperApps to centralized apps, customized by __OurPhone™__ team.
|
||||
<a href="https://ourverse.tf/" target="_blank"><ins>**OurVerse**</ins></a>**™** is a secure and open-source digital world offering alternative SuperApps to centralized apps, develped by __OurWorld__ and __ThreeFold__ team.
|
||||
|
||||
|||
|
||||
|
||||
|
||||
@ -36,7 +36,7 @@
|
||||
<!-- **** CONCLUSION, favicons **** -->
|
||||
|
||||
<!-- CSS/SCSS -->
|
||||
<link rel="stylesheet" href="https://ourphone.ourworld.tf/css/index.css?h=8ea8a615d5a5a9339423096c45329cf61cd2193f52db4447f8ae0248efacaed8" /> <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>
|
||||
<link rel="stylesheet" href="https://ourphone.tf/css/index.css?h=5799d43775da59ef5d2ca88a23a48a90600f2cde78709878bdcde6d51b76c93d" /> <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>
|
||||
|
||||
@ -135,121 +135,408 @@
|
||||
|
||||
|
||||
|
||||
<header id="header-container">
|
||||
|
||||
<div class="z-10 bg-white 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="h-auto sm:w-15" src="https://ourphone.ourworld.tf/images/logo_placeholder.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-10">
|
||||
|
||||
|
||||
<a href="https://ourphone.ourworld.tf/home/" class="text-lg leading-6 text-gray-900 focus:outline-none focus:text-gray-900 transition ease-in-out duration-150 mt-0">
|
||||
OurPhone
|
||||
</a>
|
||||
<div class="relative">
|
||||
</div>
|
||||
|
||||
|
||||
<a href="https://ourphone.ourworld.tf/buynow/" class="text-lg leading-6 text-gray-900 focus:outline-none focus:text-gray-900 transition ease-in-out duration-150 mt-0">
|
||||
BUY NOW
|
||||
</a>
|
||||
<div class="relative">
|
||||
</div>
|
||||
|
||||
|
||||
<a href="https://ourphone.ourworld.tf/specs/" class="text-lg leading-6 text-gray-900 focus:outline-none focus:text-gray-900 transition ease-in-out duration-150 mt-0">
|
||||
Specs
|
||||
</a>
|
||||
<div class="relative">
|
||||
</div>
|
||||
|
||||
|
||||
<a href="https://ourphone.ourworld.tf/technology/" class="text-lg leading-6 text-gray-900 focus:outline-none focus:text-gray-900 transition ease-in-out duration-150 mt-0">
|
||||
Technology
|
||||
</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">
|
||||
<!--
|
||||
Tailwind UI components require Tailwind CSS v1.8 and the @tailwindcss/ui plugin.
|
||||
Read the documentation to get started: https://tailwindui.com/documentation
|
||||
--><!-- This example requires Tailwind CSS v1.4.0+ -->
|
||||
|
||||
<script type="text/javascript">
|
||||
|
||||
var displayedMenu = "";
|
||||
var hamburgerShown = false;
|
||||
let width = screen.width;
|
||||
var isMobile = width < 1024;
|
||||
|
||||
function toggleMenu(button) {
|
||||
if (displayedMenu === button.id.split("-")[0]) {
|
||||
button.className = button.className.replace(" text-blue-500 bg-stone-200 sm:bg-transparent", " text-gray-900");
|
||||
hideMenu(button.id.split("-")[0]);
|
||||
button.lastElementChild.className = button.lastElementChild.className.replace("rotate-0", "-rotate-90")
|
||||
displayedMenu = "";
|
||||
}
|
||||
else {
|
||||
showMenu(button.id.split("-")[0]);
|
||||
button.lastElementChild.className = button.lastElementChild.className.replace("-rotate-90", "rotate-0")
|
||||
button.className = button.className.replace(" text-gray-900", " text-blue-500 bg-stone-200 sm:bg-transparent");
|
||||
displayedMenu = button.id.split("-")[0]
|
||||
}
|
||||
}
|
||||
|
||||
function handleClick(button) {
|
||||
if (button.id === "hamburger-btn" || button.id === "close-hamburger-btn") { toggleHamburger() }
|
||||
if (button.id.indexOf("menu") !== -1 ) {
|
||||
toggleMenu(button)
|
||||
}
|
||||
}
|
||||
|
||||
function toggleHamburger() {
|
||||
if (hamburgerShown) {
|
||||
hideHamburger();
|
||||
hamburgerShown = false;
|
||||
}
|
||||
else {
|
||||
showHamburger();
|
||||
hamburgerShown = true;
|
||||
}
|
||||
}
|
||||
|
||||
function showMenu(menuName) {
|
||||
var menuId = menuName + (isMobile ? '-mobile-menu' : '-menu');
|
||||
var menuBtnId = menuName + (isMobile ? '-mobile-menu' : '-menu');
|
||||
var menuElement = document.getElementById(menuId)
|
||||
menuElement.className = menuElement.className.replace(" hidden" , "");
|
||||
setTimeout(function() { menuElement.className = menuElement.className.replace("duration-200 ease-in opacity-0 -translate-y-1", "duration-150 ease-out opacity-1 -translate-y-0"); }, 10);
|
||||
}
|
||||
|
||||
function hideMenu(menuName) {
|
||||
var menuId = menuName + (isMobile ? '-mobile-menu' : '-menu');
|
||||
var menuElement = document.getElementById(menuId)
|
||||
menuElement.className = menuElement.className.replace("duration-150 ease-out opacity-1 -translate-y-0", "duration-200 ease-in opacity-0 -translate-y-1");
|
||||
setTimeout(function() { menuElement.className = menuElement.className + " hidden" }, 300);
|
||||
}
|
||||
|
||||
function showHamburger() {
|
||||
document.getElementById('header-container').className = "overflow-hidden";
|
||||
document.getElementById('hamburger').className = "fixed mt-16 z-20 top-0 inset-x-0 transition transform origin-top-right";
|
||||
document.getElementById('hamburger-btn').className = "hidden lg:hidden inline-flex items-center justify-center p-2 rounded-md text-gray-400 hover:text-gray-500 hover:bg-gray-100 focus:outline-none focus:bg-gray-100 focus:text-gray-500 transition duration-150 ease-in-out my-2";
|
||||
document.getElementById('close-hamburger-btn').className = "inline-flex items-center justify-center p-2 rounded-md text-gray-400 hover:text-gray-500 hover:bg-gray-100 focus:outline-none focus:bg-gray-100 focus:text-gray-500 transition duration-150 ease-in-out my-2";
|
||||
}
|
||||
|
||||
function hideHamburger() {
|
||||
document.getElementById('header-container').className = "";
|
||||
document.getElementById('hamburger').className = "hidden absolute z-20 top-0 inset-x-0 transition transform origin-top-right lg:hidden";
|
||||
document.getElementById('hamburger-btn').className = "inline-flex items-center justify-center p-2 rounded-md text-gray-400 hover:text-gray-500 hover:bg-gray-100 focus:outline-none focus:bg-gray-100 focus:text-gray-500 transition duration-150 ease-in-out my-2";
|
||||
document.getElementById('close-hamburger-btn').className = "hidden lg:hidden inline-flex items-center justify-center p-2 rounded-md text-gray-400 hover:text-gray-500 hover:bg-gray-100 focus:outline-none focus:bg-gray-100 focus:text-gray-500 transition duration-150 ease-in-out my-2";
|
||||
if (displayedMenu !== "") { hideMenu(displayedMenu); }
|
||||
}
|
||||
|
||||
window.onload = function(){
|
||||
let elements = document.getElementsByTagName("button");
|
||||
let buttons = [...elements]
|
||||
buttons.forEach((button) => {
|
||||
button.addEventListener( 'click', function() { handleClick(button) });
|
||||
})
|
||||
document.getElementById("mobile-learn-btn").addEventListener( 'click', toggleMenu);
|
||||
}
|
||||
|
||||
</script>
|
||||
|
||||
|
||||
<header id="header-container">
|
||||
<div class="z-10 bg-white fixed w-screen">
|
||||
<div class="relative z-50 shadow">
|
||||
<div class="mx-auto flex z-50 shadow justify-between items-center pl-6 pr-2 md:pl-0 md:pr-0 lg:py-5 sm:px-8 md:px-12 py-2 lg:px-20 lg:justify-start lg:space-x-20">
|
||||
<div>
|
||||
<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://ourphone.ourworld.tf/buynow/" 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">
|
||||
BUY NOW
|
||||
</a>
|
||||
<hr/>
|
||||
|
||||
|
||||
|
||||
<a href="https://ourphone.ourworld.tf/specs/" 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">
|
||||
Specs
|
||||
</a>
|
||||
<hr/>
|
||||
|
||||
|
||||
|
||||
<a href="https://ourphone.ourworld.tf/technology/" 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">
|
||||
Technology
|
||||
</a>
|
||||
<hr/>
|
||||
|
||||
|
||||
|
||||
</nav>
|
||||
</div>
|
||||
|
||||
<a href="/" class="flex">
|
||||
<img class="w-48 h-auto sm:w-15" src="/images/logo_placeholder.png" alt="Ourworld Logo" />
|
||||
</a>
|
||||
</div>
|
||||
|
||||
<div class="-mr-2 -my-2 lg:hidden">
|
||||
<button id="hamburger-btn" type="button" class="inline-flex items-center justify-center p-2 rounded-md text-gray-400 hover:text-gray-500 hover:bg-gray-100 focus:outline-none focus:bg-gray-100 focus:text-gray-500 transition duration-150 ease-in-out my-2">
|
||||
<!-- Heroicon name: menu -->
|
||||
<svg class="h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor">
|
||||
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16M4 18h16" />
|
||||
</svg>
|
||||
</button>
|
||||
<button id="close-hamburger-btn" type="button" class="hidden lg:hidden inline-flex items-center justify-center p-2 rounded-md text-gray-400 hover:text-gray-500 hover:bg-gray-100 focus:outline-none focus:bg-gray-100 focus:text-gray-500 transition duration-150 ease-in-out my-2">
|
||||
<!-- Heroicon name: x -->
|
||||
<svg class="h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor">
|
||||
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12" />
|
||||
</svg>
|
||||
</button>
|
||||
</div>
|
||||
<div class="hidden lg:flex-1 lg:flex lg:items-center lg:justify-end lg:space-x-12">
|
||||
<nav class="flex space-x-10">
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<a href="/" class="text-lg leading-6 font-medium text-gray-900 focus:outline-none focus:text-gray-900 transition ease-in-out duration-150 mt-0">
|
||||
OURPHONE
|
||||
</a>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<a href="/buynow" class="text-lg leading-6 font-medium text-gray-900 focus:outline-none focus:text-gray-900 transition ease-in-out duration-150 mt-0">
|
||||
BUYNOW
|
||||
</a>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<a href="/specs" class="text-lg leading-6 font-medium text-gray-900 focus:outline-none focus:text-gray-900 transition ease-in-out duration-150 mt-0">
|
||||
SPECS
|
||||
</a>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<a href="https://ourverse.tf/" target="_blank" class="text-lg leading-6 font-medium text-gray-900 focus:outline-none focus:text-gray-900 transition ease-in-out duration-150 mt-0">
|
||||
OUEVERSE
|
||||
</a>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<a href="/technology" class="text-lg leading-6 font-medium text-gray-900 focus:outline-none focus:text-gray-900 transition ease-in-out duration-150 mt-0">
|
||||
TECHNOLOGY
|
||||
</a>
|
||||
|
||||
|
||||
|
||||
|
||||
</nav>
|
||||
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
</header>
|
||||
|
||||
|
||||
|
||||
<nav>
|
||||
<div id="a-href-22-22-ourphone-a-menu" class="mt-16 sm:mt-0 md:mt-0 lg:mt-0 xl:mt-0 2xl:mt-0 z-30 absolute inset-x-0 transform shadow-lg lg:backdrop-blur xl:backdrop-blur transition duration-200 ease-in opacity-0 -translate-y-1 hidden">
|
||||
<div class="bg-white lg:bg-semi-white md:bg-semi-white xl:bg-semi-white">
|
||||
<div class="mx-8 lg:mx-20 xl:mx-20 px-6 py-4 sm:p-6 md:p-8 lg:p-12 xl:p-12">
|
||||
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</nav>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<nav>
|
||||
<div id="a-href-22-buynow-22-buynow-a-menu" class="mt-16 sm:mt-0 md:mt-0 lg:mt-0 xl:mt-0 2xl:mt-0 z-30 absolute inset-x-0 transform shadow-lg lg:backdrop-blur xl:backdrop-blur transition duration-200 ease-in opacity-0 -translate-y-1 hidden">
|
||||
<div class="bg-white lg:bg-semi-white md:bg-semi-white xl:bg-semi-white">
|
||||
<div class="mx-8 lg:mx-20 xl:mx-20 px-6 py-4 sm:p-6 md:p-8 lg:p-12 xl:p-12">
|
||||
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</nav>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<nav>
|
||||
<div id="a-href-22-specs-22-specs-a-menu" class="mt-16 sm:mt-0 md:mt-0 lg:mt-0 xl:mt-0 2xl:mt-0 z-30 absolute inset-x-0 transform shadow-lg lg:backdrop-blur xl:backdrop-blur transition duration-200 ease-in opacity-0 -translate-y-1 hidden">
|
||||
<div class="bg-white lg:bg-semi-white md:bg-semi-white xl:bg-semi-white">
|
||||
<div class="mx-8 lg:mx-20 xl:mx-20 px-6 py-4 sm:p-6 md:p-8 lg:p-12 xl:p-12">
|
||||
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</nav>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<nav>
|
||||
<div id="a-href-22https-ourverse-tf-22-oueverse-a-menu" class="mt-16 sm:mt-0 md:mt-0 lg:mt-0 xl:mt-0 2xl:mt-0 z-30 absolute inset-x-0 transform shadow-lg lg:backdrop-blur xl:backdrop-blur transition duration-200 ease-in opacity-0 -translate-y-1 hidden">
|
||||
<div class="bg-white lg:bg-semi-white md:bg-semi-white xl:bg-semi-white">
|
||||
<div class="mx-8 lg:mx-20 xl:mx-20 px-6 py-4 sm:p-6 md:p-8 lg:p-12 xl:p-12">
|
||||
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</nav>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<nav>
|
||||
<div id="a-href-22-technology-22-technology-a-menu" class="mt-16 sm:mt-0 md:mt-0 lg:mt-0 xl:mt-0 2xl:mt-0 z-30 absolute inset-x-0 transform shadow-lg lg:backdrop-blur xl:backdrop-blur transition duration-200 ease-in opacity-0 -translate-y-1 hidden">
|
||||
<div class="bg-white lg:bg-semi-white md:bg-semi-white xl:bg-semi-white">
|
||||
<div class="mx-8 lg:mx-20 xl:mx-20 px-6 py-4 sm:p-6 md:p-8 lg:p-12 xl:p-12">
|
||||
|
||||
</ul>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</nav>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<!--
|
||||
Mobile menu, show/hide based on mobile menu state.
|
||||
|
||||
Entering: "duration-200 ease-out"
|
||||
From: "opacity-0 scale-95"
|
||||
To: "opacity-100 scale-100"
|
||||
Leaving: "duration-100 ease-in"
|
||||
From: "opacity-100 scale-100"
|
||||
To: "opacity-0 scale-95"
|
||||
-->
|
||||
<div id="hamburger" class="hidden fixed mt-16 z-20 top-0 inset-x-0 transition transform origin-top-right lg:hidden">
|
||||
<div>
|
||||
<div class="shadow-xs h-screen bg-white divide-y-2 divide-gray-50">
|
||||
<div class="pb-6 sm:px-12 md:px-16 lg:px-20 space-y-6 sm:space-y-8 sm:pb-8 max-h-screen overflow-y-auto">
|
||||
|
||||
<nav class="flex flex-col justify-around pb-12">
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<a href="/" 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">
|
||||
OURPHONE
|
||||
</a>
|
||||
|
||||
<hr/>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<a href="/buynow" 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">
|
||||
BUYNOW
|
||||
</a>
|
||||
|
||||
<hr/>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<a href="/specs" 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">
|
||||
SPECS
|
||||
</a>
|
||||
|
||||
<hr/>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<a href="https://ourverse.tf/" class="text-lg px-8 py-3 leading-6 font-normal text-gray-900 hover:text-gray-900 focus:outline-none focus:text-gray-900 transition ease-in-out duration-150">
|
||||
OUEVERSE
|
||||
</a>
|
||||
|
||||
<hr/>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<a href="/technology" 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">
|
||||
TECHNOLOGY
|
||||
</a>
|
||||
|
||||
<hr/>
|
||||
|
||||
|
||||
|
||||
</nav>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
</header>
|
||||
|
||||
|
||||
|
||||
|
||||
@ -262,7 +549,8 @@
|
||||
<script>mermaid.initialize({startOnLoad:true});</script>
|
||||
<div>
|
||||
|
||||
<br>
|
||||
<div class="container-fluid mx-auto">
|
||||
<br>
|
||||
<!-- section 1 (co-found) -->
|
||||
<!-- row shortcode
|
||||
Shortcode used in markdown for the creation of mobile compatible vertical rows
|
||||
@ -327,6 +615,11 @@ Parameters:
|
||||
|
||||
|
||||
|
||||
<!-- reverse col at mobile -->
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
@ -336,6 +629,12 @@ Parameters:
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<!-- makes row semi-full screen width, strips margins -->
|
||||
|
||||
|
||||
@ -366,8 +665,8 @@ Parameters:
|
||||
|
||||
|
||||
|
||||
<div id="" class="relative justify-center flex overflow-hidden " style="background: url('https://ourphone.ourworld.tf/buynow/./img/placeholder.png'); background-size: cover; background-position: center;">
|
||||
<div id="" class="relative flex flex-col md:flex md:flex-row flex-wrap max-w-fit overflow-hidden lg:items-center py-8 md:py-4 lg:py-28 mx-12 sm:mx-20 md:mx-28 lg:mx-40 my-10 text-center items-center mx-auto " style="min-width: -webkit-fill-available; min-width: -moz-available">
|
||||
<div id="" class="relative justify-center flex overflow-hidden " style="background: url('https://ourphone.tf/buynow/./img/placeholder.png'); background-size: cover; background-position: center;">
|
||||
<div id="" class="relative flex flex-col md:flex md:flex-row flex-wrap max-w-fit overflow-hidden items-center py-8 md:py-4 lg:py-24 mx-8 sm:mx-20 md:mx-28 lg:mx-40 my-10 text-center items-center " style="min-width: -webkit-fill-available; min-width: -moz-available">
|
||||
|
||||
|
||||
|
||||
@ -377,14 +676,16 @@ Parameters:
|
||||
<!-- handles mermaid markdown content display -->
|
||||
|
||||
|
||||
<h1 id="be-a-part-of-our-sovereign-movement">BE A PART OF OUR SOVEREIGN MOVEMENT</h1>
|
||||
<h1 id="be-a-part-of-our-sovereign-movement">BE A PART OF <br> OUR SOVEREIGN MOVEMENT</h1>
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
</div>
|
||||
</div><!-- row shortcode
|
||||
</div></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.
|
||||
@ -417,7 +718,6 @@ Parameters:
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
@ -434,7 +734,6 @@ Parameters:
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
@ -450,7 +749,6 @@ Parameters:
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
@ -505,6 +803,11 @@ Parameters:
|
||||
|
||||
|
||||
|
||||
<!-- reverse col at mobile -->
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
@ -514,6 +817,12 @@ Parameters:
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<!-- makes row semi-full screen width, strips margins -->
|
||||
|
||||
|
||||
@ -541,7 +850,7 @@ Parameters:
|
||||
|
||||
|
||||
<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-2 md:py-4 lg:pt-28 mx-12 sm:mx-20 md:mx-28 lg:mx-40 text-center items-center mx-auto " style="min-width: -webkit-fill-available; min-width: -moz-available">
|
||||
<div id="" class="relative flex flex-col md:flex md:flex-row flex-wrap max-w-fit overflow-hidden lg:items-start py-8 md:py-4 lg:py-24 mx-8 sm:mx-20 md:mx-28 lg:mx-40 text-center items-center " style="min-width: -webkit-fill-available; min-width: -moz-available">
|
||||
|
||||
|
||||
|
||||
@ -551,8 +860,8 @@ Parameters:
|
||||
<!-- handles mermaid markdown content display -->
|
||||
|
||||
|
||||
<p><img src="https://ourphone.ourworld.tf/buynow/./img/phone1.png" alt="image" /></p>
|
||||
<p><button><a href="https://ourphone.ourworld.tf/">Pre-Order</a></button></p>
|
||||
<p><img src="https://ourphone.tf/buynow/./img/phone1.png" alt="image" /></p>
|
||||
<p><button><a href="https://forms.gle/G2qoLLDAsGLdjNgX6">Pre-Order</a></button></p>
|
||||
<p>Pre-order <strong>OurPhone™</strong> and become one of the firsts to unlock a secured digital future.</p>
|
||||
|
||||
|
||||
@ -567,8 +876,8 @@ Parameters:
|
||||
|
||||
|
||||
|
||||
<p><img src="https://ourphone.ourworld.tf/buynow/./img/crowdfund1.png" alt="image" /></p>
|
||||
<p><button><a href="https://ourphone.ourworld.tf/">Crowdfund</a></button></p>
|
||||
<p><img src="https://ourphone.tf/buynow/./img/crowdfund1.png" alt="image" /></p>
|
||||
<p><button><a href="https://forms.gle/G2qoLLDAsGLdjNgX6">Crowdfund</a></button></p>
|
||||
<p>Learn more about how to purchase <strong>OurPhone™</strong> Company's shares, and become a co-owner of <strong>OurPhone™</strong> Company.</p>
|
||||
|
||||
|
||||
@ -583,16 +892,16 @@ Parameters:
|
||||
|
||||
|
||||
|
||||
<p><img src="https://ourphone.ourworld.tf/buynow/./img/invest.png" alt="image" /></p>
|
||||
<p><button><a href="https://ourphone.ourworld.tf/">Invest</a></button></p>
|
||||
<p>Support <strong>OurPhone™</strong> project by financing <strong>OurPhone™</strong> Company's hardware acquisition.</p>
|
||||
<p><img src="https://ourphone.tf/buynow/./img/3nodes.png" alt="image" /></p>
|
||||
<p><button><a href="https://marketplace.3node.global/index.php">Buy 3Node</a></button></p>
|
||||
<p>Become a <strong>ThreeFold Farmer</strong>, Buy ThreeFold's <strong>3Node</strong>, be the host for our sovereign Digital Life.</p>
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div></div>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
File diff suppressed because one or more lines are too long
File diff suppressed because it is too large
Load Diff
Binary file not shown.
|
Before Width: | Height: | Size: 2.2 KiB |
File diff suppressed because it is too large
Load Diff
@ -1,4 +1,4 @@
|
||||
User-agent: *
|
||||
Disallow:
|
||||
Allow: /
|
||||
Sitemap: https://ourphone.ourworld.tf/sitemap.xml
|
||||
Sitemap: https://ourphone.tf/sitemap.xml
|
||||
|
||||
@ -1,25 +1,28 @@
|
||||
<?xml version="1.0" encoding="UTF-8"?>
|
||||
<urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9">
|
||||
<url>
|
||||
<loc>https://ourphone.ourworld.tf/</loc>
|
||||
<loc>https://ourphone.tf/</loc>
|
||||
</url>
|
||||
<url>
|
||||
<loc>https://ourphone.ourworld.tf/buynow/</loc>
|
||||
<loc>https://ourphone.tf/buynow/</loc>
|
||||
<lastmod>2021-02-20</lastmod>
|
||||
</url>
|
||||
<url>
|
||||
<loc>https://ourphone.ourworld.tf/categories/</loc>
|
||||
<loc>https://ourphone.tf/categories/</loc>
|
||||
</url>
|
||||
<url>
|
||||
<loc>https://ourphone.ourworld.tf/home/</loc>
|
||||
<loc>https://ourphone.tf/header/</loc>
|
||||
</url>
|
||||
<url>
|
||||
<loc>https://ourphone.tf/home/</loc>
|
||||
<lastmod>2021-02-20</lastmod>
|
||||
</url>
|
||||
<url>
|
||||
<loc>https://ourphone.ourworld.tf/specs/</loc>
|
||||
<loc>https://ourphone.tf/specs/</loc>
|
||||
<lastmod>2021-02-20</lastmod>
|
||||
</url>
|
||||
<url>
|
||||
<loc>https://ourphone.ourworld.tf/technology/</loc>
|
||||
<loc>https://ourphone.tf/technology/</loc>
|
||||
<lastmod>2021-02-20</lastmod>
|
||||
</url>
|
||||
</urlset>
|
||||
|
||||
@ -36,7 +36,7 @@
|
||||
<!-- **** CONCLUSION, favicons **** -->
|
||||
|
||||
<!-- CSS/SCSS -->
|
||||
<link rel="stylesheet" href="https://ourphone.ourworld.tf/css/index.css?h=8ea8a615d5a5a9339423096c45329cf61cd2193f52db4447f8ae0248efacaed8" /> <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>
|
||||
<link rel="stylesheet" href="https://ourphone.tf/css/index.css?h=5799d43775da59ef5d2ca88a23a48a90600f2cde78709878bdcde6d51b76c93d" /> <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>
|
||||
|
||||
@ -135,121 +135,408 @@
|
||||
|
||||
|
||||
|
||||
<header id="header-container">
|
||||
|
||||
<div class="z-10 bg-white 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="h-auto sm:w-15" src="https://ourphone.ourworld.tf/images/logo_placeholder.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-10">
|
||||
|
||||
|
||||
<a href="https://ourphone.ourworld.tf/home/" class="text-lg leading-6 text-gray-900 focus:outline-none focus:text-gray-900 transition ease-in-out duration-150 mt-0">
|
||||
OurPhone
|
||||
</a>
|
||||
<div class="relative">
|
||||
</div>
|
||||
|
||||
|
||||
<a href="https://ourphone.ourworld.tf/buynow/" class="text-lg leading-6 text-gray-900 focus:outline-none focus:text-gray-900 transition ease-in-out duration-150 mt-0">
|
||||
BUY NOW
|
||||
</a>
|
||||
<div class="relative">
|
||||
</div>
|
||||
|
||||
|
||||
<a href="https://ourphone.ourworld.tf/specs/" class="text-lg leading-6 text-gray-900 focus:outline-none focus:text-gray-900 transition ease-in-out duration-150 mt-0">
|
||||
Specs
|
||||
</a>
|
||||
<div class="relative">
|
||||
</div>
|
||||
|
||||
|
||||
<a href="https://ourphone.ourworld.tf/technology/" class="text-lg leading-6 text-gray-900 focus:outline-none focus:text-gray-900 transition ease-in-out duration-150 mt-0">
|
||||
Technology
|
||||
</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">
|
||||
<!--
|
||||
Tailwind UI components require Tailwind CSS v1.8 and the @tailwindcss/ui plugin.
|
||||
Read the documentation to get started: https://tailwindui.com/documentation
|
||||
--><!-- This example requires Tailwind CSS v1.4.0+ -->
|
||||
|
||||
<script type="text/javascript">
|
||||
|
||||
var displayedMenu = "";
|
||||
var hamburgerShown = false;
|
||||
let width = screen.width;
|
||||
var isMobile = width < 1024;
|
||||
|
||||
function toggleMenu(button) {
|
||||
if (displayedMenu === button.id.split("-")[0]) {
|
||||
button.className = button.className.replace(" text-blue-500 bg-stone-200 sm:bg-transparent", " text-gray-900");
|
||||
hideMenu(button.id.split("-")[0]);
|
||||
button.lastElementChild.className = button.lastElementChild.className.replace("rotate-0", "-rotate-90")
|
||||
displayedMenu = "";
|
||||
}
|
||||
else {
|
||||
showMenu(button.id.split("-")[0]);
|
||||
button.lastElementChild.className = button.lastElementChild.className.replace("-rotate-90", "rotate-0")
|
||||
button.className = button.className.replace(" text-gray-900", " text-blue-500 bg-stone-200 sm:bg-transparent");
|
||||
displayedMenu = button.id.split("-")[0]
|
||||
}
|
||||
}
|
||||
|
||||
function handleClick(button) {
|
||||
if (button.id === "hamburger-btn" || button.id === "close-hamburger-btn") { toggleHamburger() }
|
||||
if (button.id.indexOf("menu") !== -1 ) {
|
||||
toggleMenu(button)
|
||||
}
|
||||
}
|
||||
|
||||
function toggleHamburger() {
|
||||
if (hamburgerShown) {
|
||||
hideHamburger();
|
||||
hamburgerShown = false;
|
||||
}
|
||||
else {
|
||||
showHamburger();
|
||||
hamburgerShown = true;
|
||||
}
|
||||
}
|
||||
|
||||
function showMenu(menuName) {
|
||||
var menuId = menuName + (isMobile ? '-mobile-menu' : '-menu');
|
||||
var menuBtnId = menuName + (isMobile ? '-mobile-menu' : '-menu');
|
||||
var menuElement = document.getElementById(menuId)
|
||||
menuElement.className = menuElement.className.replace(" hidden" , "");
|
||||
setTimeout(function() { menuElement.className = menuElement.className.replace("duration-200 ease-in opacity-0 -translate-y-1", "duration-150 ease-out opacity-1 -translate-y-0"); }, 10);
|
||||
}
|
||||
|
||||
function hideMenu(menuName) {
|
||||
var menuId = menuName + (isMobile ? '-mobile-menu' : '-menu');
|
||||
var menuElement = document.getElementById(menuId)
|
||||
menuElement.className = menuElement.className.replace("duration-150 ease-out opacity-1 -translate-y-0", "duration-200 ease-in opacity-0 -translate-y-1");
|
||||
setTimeout(function() { menuElement.className = menuElement.className + " hidden" }, 300);
|
||||
}
|
||||
|
||||
function showHamburger() {
|
||||
document.getElementById('header-container').className = "overflow-hidden";
|
||||
document.getElementById('hamburger').className = "fixed mt-16 z-20 top-0 inset-x-0 transition transform origin-top-right";
|
||||
document.getElementById('hamburger-btn').className = "hidden lg:hidden inline-flex items-center justify-center p-2 rounded-md text-gray-400 hover:text-gray-500 hover:bg-gray-100 focus:outline-none focus:bg-gray-100 focus:text-gray-500 transition duration-150 ease-in-out my-2";
|
||||
document.getElementById('close-hamburger-btn').className = "inline-flex items-center justify-center p-2 rounded-md text-gray-400 hover:text-gray-500 hover:bg-gray-100 focus:outline-none focus:bg-gray-100 focus:text-gray-500 transition duration-150 ease-in-out my-2";
|
||||
}
|
||||
|
||||
function hideHamburger() {
|
||||
document.getElementById('header-container').className = "";
|
||||
document.getElementById('hamburger').className = "hidden absolute z-20 top-0 inset-x-0 transition transform origin-top-right lg:hidden";
|
||||
document.getElementById('hamburger-btn').className = "inline-flex items-center justify-center p-2 rounded-md text-gray-400 hover:text-gray-500 hover:bg-gray-100 focus:outline-none focus:bg-gray-100 focus:text-gray-500 transition duration-150 ease-in-out my-2";
|
||||
document.getElementById('close-hamburger-btn').className = "hidden lg:hidden inline-flex items-center justify-center p-2 rounded-md text-gray-400 hover:text-gray-500 hover:bg-gray-100 focus:outline-none focus:bg-gray-100 focus:text-gray-500 transition duration-150 ease-in-out my-2";
|
||||
if (displayedMenu !== "") { hideMenu(displayedMenu); }
|
||||
}
|
||||
|
||||
window.onload = function(){
|
||||
let elements = document.getElementsByTagName("button");
|
||||
let buttons = [...elements]
|
||||
buttons.forEach((button) => {
|
||||
button.addEventListener( 'click', function() { handleClick(button) });
|
||||
})
|
||||
document.getElementById("mobile-learn-btn").addEventListener( 'click', toggleMenu);
|
||||
}
|
||||
|
||||
</script>
|
||||
|
||||
|
||||
<header id="header-container">
|
||||
<div class="z-10 bg-white fixed w-screen">
|
||||
<div class="relative z-50 shadow">
|
||||
<div class="mx-auto flex z-50 shadow justify-between items-center pl-6 pr-2 md:pl-0 md:pr-0 lg:py-5 sm:px-8 md:px-12 py-2 lg:px-20 lg:justify-start lg:space-x-20">
|
||||
<div>
|
||||
<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://ourphone.ourworld.tf/buynow/" 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">
|
||||
BUY NOW
|
||||
</a>
|
||||
<hr/>
|
||||
|
||||
|
||||
|
||||
<a href="https://ourphone.ourworld.tf/specs/" 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">
|
||||
Specs
|
||||
</a>
|
||||
<hr/>
|
||||
|
||||
|
||||
|
||||
<a href="https://ourphone.ourworld.tf/technology/" 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">
|
||||
Technology
|
||||
</a>
|
||||
<hr/>
|
||||
|
||||
|
||||
|
||||
</nav>
|
||||
</div>
|
||||
|
||||
<a href="/" class="flex">
|
||||
<img class="w-48 h-auto sm:w-15" src="/images/logo_placeholder.png" alt="Ourworld Logo" />
|
||||
</a>
|
||||
</div>
|
||||
|
||||
<div class="-mr-2 -my-2 lg:hidden">
|
||||
<button id="hamburger-btn" type="button" class="inline-flex items-center justify-center p-2 rounded-md text-gray-400 hover:text-gray-500 hover:bg-gray-100 focus:outline-none focus:bg-gray-100 focus:text-gray-500 transition duration-150 ease-in-out my-2">
|
||||
<!-- Heroicon name: menu -->
|
||||
<svg class="h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor">
|
||||
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16M4 18h16" />
|
||||
</svg>
|
||||
</button>
|
||||
<button id="close-hamburger-btn" type="button" class="hidden lg:hidden inline-flex items-center justify-center p-2 rounded-md text-gray-400 hover:text-gray-500 hover:bg-gray-100 focus:outline-none focus:bg-gray-100 focus:text-gray-500 transition duration-150 ease-in-out my-2">
|
||||
<!-- Heroicon name: x -->
|
||||
<svg class="h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor">
|
||||
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12" />
|
||||
</svg>
|
||||
</button>
|
||||
</div>
|
||||
<div class="hidden lg:flex-1 lg:flex lg:items-center lg:justify-end lg:space-x-12">
|
||||
<nav class="flex space-x-10">
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<a href="/" class="text-lg leading-6 font-medium text-gray-900 focus:outline-none focus:text-gray-900 transition ease-in-out duration-150 mt-0">
|
||||
OURPHONE
|
||||
</a>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<a href="/buynow" class="text-lg leading-6 font-medium text-gray-900 focus:outline-none focus:text-gray-900 transition ease-in-out duration-150 mt-0">
|
||||
BUYNOW
|
||||
</a>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<a href="/specs" class="text-lg leading-6 font-medium text-gray-900 focus:outline-none focus:text-gray-900 transition ease-in-out duration-150 mt-0">
|
||||
SPECS
|
||||
</a>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<a href="https://ourverse.tf/" target="_blank" class="text-lg leading-6 font-medium text-gray-900 focus:outline-none focus:text-gray-900 transition ease-in-out duration-150 mt-0">
|
||||
OUEVERSE
|
||||
</a>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<a href="/technology" class="text-lg leading-6 font-medium text-gray-900 focus:outline-none focus:text-gray-900 transition ease-in-out duration-150 mt-0">
|
||||
TECHNOLOGY
|
||||
</a>
|
||||
|
||||
|
||||
|
||||
|
||||
</nav>
|
||||
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
</header>
|
||||
|
||||
|
||||
|
||||
<nav>
|
||||
<div id="a-href-22-22-ourphone-a-menu" class="mt-16 sm:mt-0 md:mt-0 lg:mt-0 xl:mt-0 2xl:mt-0 z-30 absolute inset-x-0 transform shadow-lg lg:backdrop-blur xl:backdrop-blur transition duration-200 ease-in opacity-0 -translate-y-1 hidden">
|
||||
<div class="bg-white lg:bg-semi-white md:bg-semi-white xl:bg-semi-white">
|
||||
<div class="mx-8 lg:mx-20 xl:mx-20 px-6 py-4 sm:p-6 md:p-8 lg:p-12 xl:p-12">
|
||||
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</nav>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<nav>
|
||||
<div id="a-href-22-buynow-22-buynow-a-menu" class="mt-16 sm:mt-0 md:mt-0 lg:mt-0 xl:mt-0 2xl:mt-0 z-30 absolute inset-x-0 transform shadow-lg lg:backdrop-blur xl:backdrop-blur transition duration-200 ease-in opacity-0 -translate-y-1 hidden">
|
||||
<div class="bg-white lg:bg-semi-white md:bg-semi-white xl:bg-semi-white">
|
||||
<div class="mx-8 lg:mx-20 xl:mx-20 px-6 py-4 sm:p-6 md:p-8 lg:p-12 xl:p-12">
|
||||
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</nav>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<nav>
|
||||
<div id="a-href-22-specs-22-specs-a-menu" class="mt-16 sm:mt-0 md:mt-0 lg:mt-0 xl:mt-0 2xl:mt-0 z-30 absolute inset-x-0 transform shadow-lg lg:backdrop-blur xl:backdrop-blur transition duration-200 ease-in opacity-0 -translate-y-1 hidden">
|
||||
<div class="bg-white lg:bg-semi-white md:bg-semi-white xl:bg-semi-white">
|
||||
<div class="mx-8 lg:mx-20 xl:mx-20 px-6 py-4 sm:p-6 md:p-8 lg:p-12 xl:p-12">
|
||||
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</nav>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<nav>
|
||||
<div id="a-href-22https-ourverse-tf-22-oueverse-a-menu" class="mt-16 sm:mt-0 md:mt-0 lg:mt-0 xl:mt-0 2xl:mt-0 z-30 absolute inset-x-0 transform shadow-lg lg:backdrop-blur xl:backdrop-blur transition duration-200 ease-in opacity-0 -translate-y-1 hidden">
|
||||
<div class="bg-white lg:bg-semi-white md:bg-semi-white xl:bg-semi-white">
|
||||
<div class="mx-8 lg:mx-20 xl:mx-20 px-6 py-4 sm:p-6 md:p-8 lg:p-12 xl:p-12">
|
||||
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</nav>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<nav>
|
||||
<div id="a-href-22-technology-22-technology-a-menu" class="mt-16 sm:mt-0 md:mt-0 lg:mt-0 xl:mt-0 2xl:mt-0 z-30 absolute inset-x-0 transform shadow-lg lg:backdrop-blur xl:backdrop-blur transition duration-200 ease-in opacity-0 -translate-y-1 hidden">
|
||||
<div class="bg-white lg:bg-semi-white md:bg-semi-white xl:bg-semi-white">
|
||||
<div class="mx-8 lg:mx-20 xl:mx-20 px-6 py-4 sm:p-6 md:p-8 lg:p-12 xl:p-12">
|
||||
|
||||
</ul>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</nav>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<!--
|
||||
Mobile menu, show/hide based on mobile menu state.
|
||||
|
||||
Entering: "duration-200 ease-out"
|
||||
From: "opacity-0 scale-95"
|
||||
To: "opacity-100 scale-100"
|
||||
Leaving: "duration-100 ease-in"
|
||||
From: "opacity-100 scale-100"
|
||||
To: "opacity-0 scale-95"
|
||||
-->
|
||||
<div id="hamburger" class="hidden fixed mt-16 z-20 top-0 inset-x-0 transition transform origin-top-right lg:hidden">
|
||||
<div>
|
||||
<div class="shadow-xs h-screen bg-white divide-y-2 divide-gray-50">
|
||||
<div class="pb-6 sm:px-12 md:px-16 lg:px-20 space-y-6 sm:space-y-8 sm:pb-8 max-h-screen overflow-y-auto">
|
||||
|
||||
<nav class="flex flex-col justify-around pb-12">
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<a href="/" 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">
|
||||
OURPHONE
|
||||
</a>
|
||||
|
||||
<hr/>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<a href="/buynow" 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">
|
||||
BUYNOW
|
||||
</a>
|
||||
|
||||
<hr/>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<a href="/specs" 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">
|
||||
SPECS
|
||||
</a>
|
||||
|
||||
<hr/>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<a href="https://ourverse.tf/" class="text-lg px-8 py-3 leading-6 font-normal text-gray-900 hover:text-gray-900 focus:outline-none focus:text-gray-900 transition ease-in-out duration-150">
|
||||
OUEVERSE
|
||||
</a>
|
||||
|
||||
<hr/>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<a href="/technology" 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">
|
||||
TECHNOLOGY
|
||||
</a>
|
||||
|
||||
<hr/>
|
||||
|
||||
|
||||
|
||||
</nav>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
</header>
|
||||
|
||||
|
||||
|
||||
|
||||
@ -262,7 +549,8 @@
|
||||
<script>mermaid.initialize({startOnLoad:true});</script>
|
||||
<div>
|
||||
|
||||
<br>
|
||||
<div class="container mx-auto">
|
||||
<br>
|
||||
<!-- section 1 (header) -->
|
||||
<!-- row shortcode
|
||||
Shortcode used in markdown for the creation of mobile compatible vertical rows
|
||||
@ -341,6 +629,11 @@ Parameters:
|
||||
|
||||
|
||||
|
||||
<!-- reverse col at mobile -->
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
@ -363,7 +656,7 @@ Parameters:
|
||||
|
||||
|
||||
<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-center py-2 md:py-4 lg:pt-28 mx-12 sm:mx-20 md:mx-28 lg:mx-40 my-10 " style="min-width: -webkit-fill-available; min-width: -moz-available">
|
||||
<div id="" class="relative flex flex-col md:flex md:flex-row flex-wrap max-w-fit overflow-hidden items-center py-8 md:py-4 lg:py-24 mx-8 " style="min-width: -webkit-fill-available; min-width: -moz-available">
|
||||
|
||||
|
||||
|
||||
@ -373,7 +666,7 @@ Parameters:
|
||||
<!-- handles mermaid markdown content display -->
|
||||
|
||||
|
||||
<p><img src="https://ourphone.ourworld.tf/specs/./img/specf.png#large#mx-auto" alt="placeholder" /></p>
|
||||
<p><img src="https://ourphone.tf/specs/./img/specf.png#large#mx-auto" alt="placeholder" /></p>
|
||||
|
||||
|
||||
</div>
|
||||
@ -391,7 +684,7 @@ Parameters:
|
||||
<ul>
|
||||
<li>Based on Google Pixel 6a, 7 and 7 Pro</li>
|
||||
<li>Graphene OS (Google-less Android)</li>
|
||||
<li>ThreeFold Quantum Safe Storage, </li>
|
||||
<li>ThreeFold Quantum Safe Storage</li>
|
||||
<li>ThreeFold Planetary network</li>
|
||||
<li>ThreeFold Edge Compute Technology</li>
|
||||
<li>OurVerse SuperApps, Android apps Compatibility</li>
|
||||
@ -468,6 +761,11 @@ Parameters:
|
||||
|
||||
|
||||
|
||||
<!-- reverse col at mobile -->
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
@ -477,6 +775,12 @@ Parameters:
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<!-- makes row semi-full screen width, strips margins -->
|
||||
|
||||
|
||||
@ -504,7 +808,7 @@ Parameters:
|
||||
|
||||
|
||||
<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-center py-2 md:py-4 lg:pt-28 mx-12 sm:mx-20 md:mx-28 lg:mx-40 text-center items-center mx-auto " style="min-width: -webkit-fill-available; min-width: -moz-available">
|
||||
<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-8 text-center items-center " style="min-width: -webkit-fill-available; min-width: -moz-available">
|
||||
|
||||
|
||||
|
||||
@ -515,7 +819,7 @@ Parameters:
|
||||
|
||||
|
||||
<h1 id="decentralized-smartphone">Decentralized SmartPhone,</h1>
|
||||
<h2 id="designed-smartly">Designed Smartly</h2>
|
||||
<h1 id="designed-smartly">Designed Smartly</h1>
|
||||
|
||||
|
||||
</div>
|
||||
@ -606,6 +910,11 @@ Parameters:
|
||||
|
||||
|
||||
|
||||
<!-- reverse col at mobile -->
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
@ -615,6 +924,12 @@ Parameters:
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<!-- makes row semi-full screen width, strips margins -->
|
||||
|
||||
|
||||
@ -642,7 +957,7 @@ Parameters:
|
||||
|
||||
|
||||
<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-center py-0 mx-12 sm:mx-20 md:mx-28 lg:mx-40 text-center items-center mx-auto " style="min-width: -webkit-fill-available; min-width: -moz-available">
|
||||
<div id="" class="relative flex flex-col md:flex md:flex-row flex-wrap max-w-fit overflow-hidden items-center py-0 mx-8 text-center items-center " style="min-width: -webkit-fill-available; min-width: -moz-available">
|
||||
|
||||
|
||||
|
||||
@ -652,7 +967,7 @@ Parameters:
|
||||
<!-- handles mermaid markdown content display -->
|
||||
|
||||
|
||||
<p><img src="https://ourphone.ourworld.tf/specs/./img/waterproof.png#medium#mx-auto" alt="Image" /></p>
|
||||
<p><img src="https://ourphone.tf/specs/./img/waterproof.png#medium#mx-auto" alt="Image" /></p>
|
||||
<p>Matte Enclosure Made from 100% Recycled Aluminum</p>
|
||||
|
||||
|
||||
@ -667,7 +982,7 @@ Parameters:
|
||||
|
||||
|
||||
|
||||
<p><img src="https://ourphone.ourworld.tf/specs/./img/smooth.png#medium#mx-auto" alt="Image" /></p>
|
||||
<p><img src="https://ourphone.tf/specs/./img/smooth.png#medium#mx-auto" alt="Image" /></p>
|
||||
<p>Fast and Responsive Display with High Durability</p>
|
||||
|
||||
|
||||
@ -752,6 +1067,11 @@ Parameters:
|
||||
|
||||
|
||||
|
||||
<!-- reverse col at mobile -->
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
@ -761,6 +1081,12 @@ Parameters:
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<!-- makes row semi-full screen width, strips margins -->
|
||||
|
||||
|
||||
@ -788,7 +1114,7 @@ Parameters:
|
||||
|
||||
|
||||
<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-center py-0 mx-12 sm:mx-20 md:mx-28 lg:mx-40 text-center items-center mx-auto " style="min-width: -webkit-fill-available; min-width: -moz-available">
|
||||
<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-8 text-center items-center " style="min-width: -webkit-fill-available; min-width: -moz-available">
|
||||
|
||||
|
||||
|
||||
@ -798,7 +1124,7 @@ Parameters:
|
||||
<!-- handles mermaid markdown content display -->
|
||||
|
||||
|
||||
<p><img src="https://ourphone.ourworld.tf/specs/./img/camera.png#medium#mx-auto" alt="Image" /></p>
|
||||
<p><img src="https://ourphone.tf/specs/./img/camera.png#medium#mx-auto" alt="Image" /></p>
|
||||
<p>25% Brighter Outdoors, Even in Sunlight</p>
|
||||
|
||||
|
||||
@ -870,6 +1196,11 @@ Parameters:
|
||||
|
||||
|
||||
|
||||
<!-- reverse col at mobile -->
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
@ -879,6 +1210,12 @@ Parameters:
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<!-- makes row semi-full screen width, strips margins -->
|
||||
|
||||
|
||||
@ -906,7 +1243,7 @@ Parameters:
|
||||
|
||||
|
||||
<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-center py-2 md:py-4 lg:pt-28 mx-12 sm:mx-20 md:mx-28 lg:mx-40 text-center items-center mx-auto " style="min-width: -webkit-fill-available; min-width: -moz-available">
|
||||
<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-8 text-center items-center " style="min-width: -webkit-fill-available; min-width: -moz-available">
|
||||
|
||||
|
||||
|
||||
@ -1015,6 +1352,11 @@ Parameters:
|
||||
|
||||
|
||||
|
||||
<!-- reverse col at mobile -->
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
@ -1024,6 +1366,12 @@ Parameters:
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<!-- makes row semi-full screen width, strips margins -->
|
||||
|
||||
|
||||
@ -1051,7 +1399,7 @@ Parameters:
|
||||
|
||||
|
||||
<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-12 sm:mx-20 md:mx-28 lg:mx-40 text-center items-center mx-auto " style="min-width: -webkit-fill-available; min-width: -moz-available">
|
||||
<div id="" class="relative flex flex-col md:flex md:flex-row flex-wrap max-w-fit overflow-hidden lg:items-start py-2 md:py-4 lg:pb-24 mx-8 text-center items-center " style="min-width: -webkit-fill-available; min-width: -moz-available">
|
||||
|
||||
|
||||
|
||||
@ -1061,7 +1409,7 @@ Parameters:
|
||||
<!-- handles mermaid markdown content display -->
|
||||
|
||||
|
||||
<p><img src="https://ourphone.ourworld.tf/specs/./img/phone1.png#medium#mx-auto" alt="Image" /></p>
|
||||
<p><img src="https://ourphone.tf/specs/./img/phone1.png#medium#mx-auto" alt="Image" /></p>
|
||||
<h3 id="ourphonex"><strong>OurPhone<sup>X</sup></strong></h3>
|
||||
<h4 id="display"><strong>Display</strong></h4>
|
||||
<h6 id="6-7-inch-qhd-quad-high-definition"><strong>6.7-inch</strong> QHD+ Quad High Definition</h6>
|
||||
@ -1078,7 +1426,7 @@ Parameters:
|
||||
<br>
|
||||
<h4 id="battery-and-charging"><strong>Battery and charging</strong></h4>
|
||||
<h6 id="5000-mah3">5000 mAh3</h6>
|
||||
<h6 id="24-hour-battery-life">24+ hour battery life</h6>
|
||||
<h6 id="24h-hour-battery-life">24h+ hour battery life</h6>
|
||||
<h6 id="fast-wireless-charging">Fast wireless charging</h6>
|
||||
|
||||
|
||||
@ -1093,7 +1441,7 @@ Parameters:
|
||||
|
||||
|
||||
|
||||
<p><img src="https://ourphone.ourworld.tf/specs/./img/phone2.png#medium#mx-auto" alt="Image" /></p>
|
||||
<p><img src="https://ourphone.tf/specs/./img/phone2.png#medium#mx-auto" alt="Image" /></p>
|
||||
<h3 id="ourphoney"><strong>OurPhone<sup>Y</sup></strong></h3>
|
||||
<h4 id="display-1"><strong>Display</strong></h4>
|
||||
<h6 id="6-3-inch-fhd-full-high-definition"><strong>6.3-inch</strong> FHD+ Full High Definition</h6>
|
||||
@ -1110,7 +1458,7 @@ Parameters:
|
||||
<br>
|
||||
<h4 id="battery-and-charging-1"><strong>Battery and charging</strong></h4>
|
||||
<h6 id="4355-mah3">4355 mAh3</h6>
|
||||
<h6 id="24h-hour-battery-life">24h+ hour battery life</h6>
|
||||
<h6 id="24h-hour-battery-life-1">24h+ hour battery life</h6>
|
||||
<h6 id="fast-wireless-charging-1">Fast wireless charging</h6>
|
||||
|
||||
|
||||
@ -1125,7 +1473,7 @@ Parameters:
|
||||
|
||||
|
||||
|
||||
<p><img src="https://ourphone.ourworld.tf/specs/./img/phone3.png#medium#mx-auto" alt="Image" /></p>
|
||||
<p><img src="https://ourphone.tf/specs/./img/phone3.png#medium#mx-auto" alt="Image" /></p>
|
||||
<h3 id="ourphonea"><strong>OurPhone<sup>A</sup></strong></h3>
|
||||
<h4 id="display-2"><strong>Display</strong></h4>
|
||||
<h6 id="6-1-inch-fhd-full-high-definition"><strong>6.1-inch</strong> FHD+ Full High Definition</h6>
|
||||
@ -1142,7 +1490,7 @@ Parameters:
|
||||
<br>
|
||||
<h4 id="battery-and-charging-2"><strong>Battery and charging</strong></h4>
|
||||
<h6 id="4410-mah3">4410 mAh3</h6>
|
||||
<h6 id="24h-hour-battery-life-1">24h+ hour battery life</h6>
|
||||
<h6 id="24h-hour-battery-life-2">24h+ hour battery life</h6>
|
||||
|
||||
|
||||
</div>
|
||||
@ -1213,6 +1561,11 @@ Parameters:
|
||||
|
||||
|
||||
|
||||
<!-- reverse col at mobile -->
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
@ -1222,6 +1575,12 @@ Parameters:
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<!-- makes row semi-full screen width, strips margins -->
|
||||
|
||||
|
||||
@ -1249,7 +1608,7 @@ Parameters:
|
||||
|
||||
|
||||
<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-center py-2 md:py-4 lg:pt-28 mx-12 sm:mx-20 md:mx-28 lg:mx-40 text-center items-center mx-auto " style="min-width: -webkit-fill-available; min-width: -moz-available">
|
||||
<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-8 sm:mx-20 md:mx-28 lg:mx-40 text-center items-center " style="min-width: -webkit-fill-available; min-width: -moz-available">
|
||||
|
||||
|
||||
|
||||
@ -1329,23 +1688,14 @@ Parameters:
|
||||
|
||||
|
||||
|
||||
<!-- reverse col at mobile -->
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<!-- makes row semi-full screen width, strips margins -->
|
||||
|
||||
|
||||
<!-- makes row full screen width, strips margins -->
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
@ -1365,13 +1715,13 @@ Parameters:
|
||||
|
||||
|
||||
<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-12 sm:mx-20 md:mx-28 lg:mx-40 text-center items-center mx-auto " style="min-width: -webkit-fill-available; min-width: -moz-available">
|
||||
<div id="" class="relative flex flex-col md:flex md:flex-row flex-wrap max-w-fit overflow-hidden lg:items-start py-2 md:py-4 lg:pb-24 mx-8 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 flex-1 ">
|
||||
<div class="flex-1 mb-4 md:mb-12 lg:mb-0 lg:mx-2 xl:mx-4">
|
||||
<!-- handles mermaid markdown content display -->
|
||||
|
||||
|
||||
@ -1394,7 +1744,7 @@ Parameters:
|
||||
|
||||
<!-- 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 ">
|
||||
<div class="flex-1 mb-4 md:mb-12 lg:mb-0 lg:mx-2 xl:mx-4">
|
||||
<!-- handles mermaid markdown content display -->
|
||||
|
||||
|
||||
@ -1418,7 +1768,7 @@ Parameters:
|
||||
|
||||
<!-- 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 ">
|
||||
<div class="flex-1 mb-4 md:mb-12 lg:mb-0 lg:mx-2 xl:mx-4">
|
||||
<!-- handles mermaid markdown content display -->
|
||||
|
||||
|
||||
@ -1528,6 +1878,11 @@ Parameters:
|
||||
|
||||
|
||||
|
||||
<!-- reverse col at mobile -->
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
@ -1537,6 +1892,12 @@ Parameters:
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<!-- makes row semi-full screen width, strips margins -->
|
||||
|
||||
|
||||
@ -1564,7 +1925,7 @@ Parameters:
|
||||
|
||||
|
||||
<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-center py-2 md:py-4 lg:pt-28 mx-12 sm:mx-20 md:mx-28 lg:mx-40 text-center items-center mx-auto " style="min-width: -webkit-fill-available; min-width: -moz-available">
|
||||
<div id="" class="relative flex flex-col md:flex md:flex-row flex-wrap max-w-fit overflow-hidden items-center py-8 md:py-4 lg:py-24 mx-8 text-center items-center " style="min-width: -webkit-fill-available; min-width: -moz-available">
|
||||
|
||||
|
||||
|
||||
@ -1575,19 +1936,18 @@ Parameters:
|
||||
|
||||
|
||||
<h1 id="ourphonetm">OurPhone™</h1>
|
||||
<p><img src="https://ourphone.ourworld.tf/specs/./img/placeholder.png#medium#mx-auto" alt="Image" />
|
||||
<br>
|
||||
<p><img src="https://ourphone.tf/specs/./img/placeholder.png#medium#mx-auto" alt="Image" />
|
||||
<br></p>
|
||||
<h3 id="a-truly-decentralized-smartphone"><strong>A Truly Decentralized Smartphone</strong></h3>
|
||||
<h3 id="like-no-other"><strong>Like No Other</strong></h3>
|
||||
<p><button><a href="https://ourphone.ourworld.tf/buynow">Buy Now</a></button></p>
|
||||
<p><button><a href="https://ourphone.tf/buynow">Buy Now</a></button></p>
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div></div>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
@ -36,7 +36,7 @@
|
||||
<!-- **** CONCLUSION, favicons **** -->
|
||||
|
||||
<!-- CSS/SCSS -->
|
||||
<link rel="stylesheet" href="https://ourphone.ourworld.tf/css/index.css?h=8ea8a615d5a5a9339423096c45329cf61cd2193f52db4447f8ae0248efacaed8" /> <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>
|
||||
<link rel="stylesheet" href="https://ourphone.tf/css/index.css?h=5799d43775da59ef5d2ca88a23a48a90600f2cde78709878bdcde6d51b76c93d" /> <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>
|
||||
|
||||
@ -135,121 +135,408 @@
|
||||
|
||||
|
||||
|
||||
<header id="header-container">
|
||||
|
||||
<div class="z-10 bg-white 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="h-auto sm:w-15" src="https://ourphone.ourworld.tf/images/logo_placeholder.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-10">
|
||||
|
||||
|
||||
<a href="https://ourphone.ourworld.tf/home/" class="text-lg leading-6 text-gray-900 focus:outline-none focus:text-gray-900 transition ease-in-out duration-150 mt-0">
|
||||
OurPhone
|
||||
</a>
|
||||
<div class="relative">
|
||||
</div>
|
||||
|
||||
|
||||
<a href="https://ourphone.ourworld.tf/buynow/" class="text-lg leading-6 text-gray-900 focus:outline-none focus:text-gray-900 transition ease-in-out duration-150 mt-0">
|
||||
BUY NOW
|
||||
</a>
|
||||
<div class="relative">
|
||||
</div>
|
||||
|
||||
|
||||
<a href="https://ourphone.ourworld.tf/specs/" class="text-lg leading-6 text-gray-900 focus:outline-none focus:text-gray-900 transition ease-in-out duration-150 mt-0">
|
||||
Specs
|
||||
</a>
|
||||
<div class="relative">
|
||||
</div>
|
||||
|
||||
|
||||
<a href="https://ourphone.ourworld.tf/technology/" class="text-lg leading-6 text-gray-900 focus:outline-none focus:text-gray-900 transition ease-in-out duration-150 mt-0">
|
||||
Technology
|
||||
</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">
|
||||
<!--
|
||||
Tailwind UI components require Tailwind CSS v1.8 and the @tailwindcss/ui plugin.
|
||||
Read the documentation to get started: https://tailwindui.com/documentation
|
||||
--><!-- This example requires Tailwind CSS v1.4.0+ -->
|
||||
|
||||
<script type="text/javascript">
|
||||
|
||||
var displayedMenu = "";
|
||||
var hamburgerShown = false;
|
||||
let width = screen.width;
|
||||
var isMobile = width < 1024;
|
||||
|
||||
function toggleMenu(button) {
|
||||
if (displayedMenu === button.id.split("-")[0]) {
|
||||
button.className = button.className.replace(" text-blue-500 bg-stone-200 sm:bg-transparent", " text-gray-900");
|
||||
hideMenu(button.id.split("-")[0]);
|
||||
button.lastElementChild.className = button.lastElementChild.className.replace("rotate-0", "-rotate-90")
|
||||
displayedMenu = "";
|
||||
}
|
||||
else {
|
||||
showMenu(button.id.split("-")[0]);
|
||||
button.lastElementChild.className = button.lastElementChild.className.replace("-rotate-90", "rotate-0")
|
||||
button.className = button.className.replace(" text-gray-900", " text-blue-500 bg-stone-200 sm:bg-transparent");
|
||||
displayedMenu = button.id.split("-")[0]
|
||||
}
|
||||
}
|
||||
|
||||
function handleClick(button) {
|
||||
if (button.id === "hamburger-btn" || button.id === "close-hamburger-btn") { toggleHamburger() }
|
||||
if (button.id.indexOf("menu") !== -1 ) {
|
||||
toggleMenu(button)
|
||||
}
|
||||
}
|
||||
|
||||
function toggleHamburger() {
|
||||
if (hamburgerShown) {
|
||||
hideHamburger();
|
||||
hamburgerShown = false;
|
||||
}
|
||||
else {
|
||||
showHamburger();
|
||||
hamburgerShown = true;
|
||||
}
|
||||
}
|
||||
|
||||
function showMenu(menuName) {
|
||||
var menuId = menuName + (isMobile ? '-mobile-menu' : '-menu');
|
||||
var menuBtnId = menuName + (isMobile ? '-mobile-menu' : '-menu');
|
||||
var menuElement = document.getElementById(menuId)
|
||||
menuElement.className = menuElement.className.replace(" hidden" , "");
|
||||
setTimeout(function() { menuElement.className = menuElement.className.replace("duration-200 ease-in opacity-0 -translate-y-1", "duration-150 ease-out opacity-1 -translate-y-0"); }, 10);
|
||||
}
|
||||
|
||||
function hideMenu(menuName) {
|
||||
var menuId = menuName + (isMobile ? '-mobile-menu' : '-menu');
|
||||
var menuElement = document.getElementById(menuId)
|
||||
menuElement.className = menuElement.className.replace("duration-150 ease-out opacity-1 -translate-y-0", "duration-200 ease-in opacity-0 -translate-y-1");
|
||||
setTimeout(function() { menuElement.className = menuElement.className + " hidden" }, 300);
|
||||
}
|
||||
|
||||
function showHamburger() {
|
||||
document.getElementById('header-container').className = "overflow-hidden";
|
||||
document.getElementById('hamburger').className = "fixed mt-16 z-20 top-0 inset-x-0 transition transform origin-top-right";
|
||||
document.getElementById('hamburger-btn').className = "hidden lg:hidden inline-flex items-center justify-center p-2 rounded-md text-gray-400 hover:text-gray-500 hover:bg-gray-100 focus:outline-none focus:bg-gray-100 focus:text-gray-500 transition duration-150 ease-in-out my-2";
|
||||
document.getElementById('close-hamburger-btn').className = "inline-flex items-center justify-center p-2 rounded-md text-gray-400 hover:text-gray-500 hover:bg-gray-100 focus:outline-none focus:bg-gray-100 focus:text-gray-500 transition duration-150 ease-in-out my-2";
|
||||
}
|
||||
|
||||
function hideHamburger() {
|
||||
document.getElementById('header-container').className = "";
|
||||
document.getElementById('hamburger').className = "hidden absolute z-20 top-0 inset-x-0 transition transform origin-top-right lg:hidden";
|
||||
document.getElementById('hamburger-btn').className = "inline-flex items-center justify-center p-2 rounded-md text-gray-400 hover:text-gray-500 hover:bg-gray-100 focus:outline-none focus:bg-gray-100 focus:text-gray-500 transition duration-150 ease-in-out my-2";
|
||||
document.getElementById('close-hamburger-btn').className = "hidden lg:hidden inline-flex items-center justify-center p-2 rounded-md text-gray-400 hover:text-gray-500 hover:bg-gray-100 focus:outline-none focus:bg-gray-100 focus:text-gray-500 transition duration-150 ease-in-out my-2";
|
||||
if (displayedMenu !== "") { hideMenu(displayedMenu); }
|
||||
}
|
||||
|
||||
window.onload = function(){
|
||||
let elements = document.getElementsByTagName("button");
|
||||
let buttons = [...elements]
|
||||
buttons.forEach((button) => {
|
||||
button.addEventListener( 'click', function() { handleClick(button) });
|
||||
})
|
||||
document.getElementById("mobile-learn-btn").addEventListener( 'click', toggleMenu);
|
||||
}
|
||||
|
||||
</script>
|
||||
|
||||
|
||||
<header id="header-container">
|
||||
<div class="z-10 bg-white fixed w-screen">
|
||||
<div class="relative z-50 shadow">
|
||||
<div class="mx-auto flex z-50 shadow justify-between items-center pl-6 pr-2 md:pl-0 md:pr-0 lg:py-5 sm:px-8 md:px-12 py-2 lg:px-20 lg:justify-start lg:space-x-20">
|
||||
<div>
|
||||
<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://ourphone.ourworld.tf/buynow/" 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">
|
||||
BUY NOW
|
||||
</a>
|
||||
<hr/>
|
||||
|
||||
|
||||
|
||||
<a href="https://ourphone.ourworld.tf/specs/" 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">
|
||||
Specs
|
||||
</a>
|
||||
<hr/>
|
||||
|
||||
|
||||
|
||||
<a href="https://ourphone.ourworld.tf/technology/" 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">
|
||||
Technology
|
||||
</a>
|
||||
<hr/>
|
||||
|
||||
|
||||
|
||||
</nav>
|
||||
</div>
|
||||
|
||||
<a href="/" class="flex">
|
||||
<img class="w-48 h-auto sm:w-15" src="/images/logo_placeholder.png" alt="Ourworld Logo" />
|
||||
</a>
|
||||
</div>
|
||||
|
||||
<div class="-mr-2 -my-2 lg:hidden">
|
||||
<button id="hamburger-btn" type="button" class="inline-flex items-center justify-center p-2 rounded-md text-gray-400 hover:text-gray-500 hover:bg-gray-100 focus:outline-none focus:bg-gray-100 focus:text-gray-500 transition duration-150 ease-in-out my-2">
|
||||
<!-- Heroicon name: menu -->
|
||||
<svg class="h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor">
|
||||
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16M4 18h16" />
|
||||
</svg>
|
||||
</button>
|
||||
<button id="close-hamburger-btn" type="button" class="hidden lg:hidden inline-flex items-center justify-center p-2 rounded-md text-gray-400 hover:text-gray-500 hover:bg-gray-100 focus:outline-none focus:bg-gray-100 focus:text-gray-500 transition duration-150 ease-in-out my-2">
|
||||
<!-- Heroicon name: x -->
|
||||
<svg class="h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor">
|
||||
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12" />
|
||||
</svg>
|
||||
</button>
|
||||
</div>
|
||||
<div class="hidden lg:flex-1 lg:flex lg:items-center lg:justify-end lg:space-x-12">
|
||||
<nav class="flex space-x-10">
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<a href="/" class="text-lg leading-6 font-medium text-gray-900 focus:outline-none focus:text-gray-900 transition ease-in-out duration-150 mt-0">
|
||||
OURPHONE
|
||||
</a>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<a href="/buynow" class="text-lg leading-6 font-medium text-gray-900 focus:outline-none focus:text-gray-900 transition ease-in-out duration-150 mt-0">
|
||||
BUYNOW
|
||||
</a>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<a href="/specs" class="text-lg leading-6 font-medium text-gray-900 focus:outline-none focus:text-gray-900 transition ease-in-out duration-150 mt-0">
|
||||
SPECS
|
||||
</a>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<a href="https://ourverse.tf/" target="_blank" class="text-lg leading-6 font-medium text-gray-900 focus:outline-none focus:text-gray-900 transition ease-in-out duration-150 mt-0">
|
||||
OUEVERSE
|
||||
</a>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<a href="/technology" class="text-lg leading-6 font-medium text-gray-900 focus:outline-none focus:text-gray-900 transition ease-in-out duration-150 mt-0">
|
||||
TECHNOLOGY
|
||||
</a>
|
||||
|
||||
|
||||
|
||||
|
||||
</nav>
|
||||
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
</header>
|
||||
|
||||
|
||||
|
||||
<nav>
|
||||
<div id="a-href-22-22-ourphone-a-menu" class="mt-16 sm:mt-0 md:mt-0 lg:mt-0 xl:mt-0 2xl:mt-0 z-30 absolute inset-x-0 transform shadow-lg lg:backdrop-blur xl:backdrop-blur transition duration-200 ease-in opacity-0 -translate-y-1 hidden">
|
||||
<div class="bg-white lg:bg-semi-white md:bg-semi-white xl:bg-semi-white">
|
||||
<div class="mx-8 lg:mx-20 xl:mx-20 px-6 py-4 sm:p-6 md:p-8 lg:p-12 xl:p-12">
|
||||
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</nav>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<nav>
|
||||
<div id="a-href-22-buynow-22-buynow-a-menu" class="mt-16 sm:mt-0 md:mt-0 lg:mt-0 xl:mt-0 2xl:mt-0 z-30 absolute inset-x-0 transform shadow-lg lg:backdrop-blur xl:backdrop-blur transition duration-200 ease-in opacity-0 -translate-y-1 hidden">
|
||||
<div class="bg-white lg:bg-semi-white md:bg-semi-white xl:bg-semi-white">
|
||||
<div class="mx-8 lg:mx-20 xl:mx-20 px-6 py-4 sm:p-6 md:p-8 lg:p-12 xl:p-12">
|
||||
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</nav>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<nav>
|
||||
<div id="a-href-22-specs-22-specs-a-menu" class="mt-16 sm:mt-0 md:mt-0 lg:mt-0 xl:mt-0 2xl:mt-0 z-30 absolute inset-x-0 transform shadow-lg lg:backdrop-blur xl:backdrop-blur transition duration-200 ease-in opacity-0 -translate-y-1 hidden">
|
||||
<div class="bg-white lg:bg-semi-white md:bg-semi-white xl:bg-semi-white">
|
||||
<div class="mx-8 lg:mx-20 xl:mx-20 px-6 py-4 sm:p-6 md:p-8 lg:p-12 xl:p-12">
|
||||
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</nav>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<nav>
|
||||
<div id="a-href-22https-ourverse-tf-22-oueverse-a-menu" class="mt-16 sm:mt-0 md:mt-0 lg:mt-0 xl:mt-0 2xl:mt-0 z-30 absolute inset-x-0 transform shadow-lg lg:backdrop-blur xl:backdrop-blur transition duration-200 ease-in opacity-0 -translate-y-1 hidden">
|
||||
<div class="bg-white lg:bg-semi-white md:bg-semi-white xl:bg-semi-white">
|
||||
<div class="mx-8 lg:mx-20 xl:mx-20 px-6 py-4 sm:p-6 md:p-8 lg:p-12 xl:p-12">
|
||||
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</nav>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<nav>
|
||||
<div id="a-href-22-technology-22-technology-a-menu" class="mt-16 sm:mt-0 md:mt-0 lg:mt-0 xl:mt-0 2xl:mt-0 z-30 absolute inset-x-0 transform shadow-lg lg:backdrop-blur xl:backdrop-blur transition duration-200 ease-in opacity-0 -translate-y-1 hidden">
|
||||
<div class="bg-white lg:bg-semi-white md:bg-semi-white xl:bg-semi-white">
|
||||
<div class="mx-8 lg:mx-20 xl:mx-20 px-6 py-4 sm:p-6 md:p-8 lg:p-12 xl:p-12">
|
||||
|
||||
</ul>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</nav>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<!--
|
||||
Mobile menu, show/hide based on mobile menu state.
|
||||
|
||||
Entering: "duration-200 ease-out"
|
||||
From: "opacity-0 scale-95"
|
||||
To: "opacity-100 scale-100"
|
||||
Leaving: "duration-100 ease-in"
|
||||
From: "opacity-100 scale-100"
|
||||
To: "opacity-0 scale-95"
|
||||
-->
|
||||
<div id="hamburger" class="hidden fixed mt-16 z-20 top-0 inset-x-0 transition transform origin-top-right lg:hidden">
|
||||
<div>
|
||||
<div class="shadow-xs h-screen bg-white divide-y-2 divide-gray-50">
|
||||
<div class="pb-6 sm:px-12 md:px-16 lg:px-20 space-y-6 sm:space-y-8 sm:pb-8 max-h-screen overflow-y-auto">
|
||||
|
||||
<nav class="flex flex-col justify-around pb-12">
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<a href="/" 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">
|
||||
OURPHONE
|
||||
</a>
|
||||
|
||||
<hr/>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<a href="/buynow" 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">
|
||||
BUYNOW
|
||||
</a>
|
||||
|
||||
<hr/>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<a href="/specs" 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">
|
||||
SPECS
|
||||
</a>
|
||||
|
||||
<hr/>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<a href="https://ourverse.tf/" class="text-lg px-8 py-3 leading-6 font-normal text-gray-900 hover:text-gray-900 focus:outline-none focus:text-gray-900 transition ease-in-out duration-150">
|
||||
OUEVERSE
|
||||
</a>
|
||||
|
||||
<hr/>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<a href="/technology" 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">
|
||||
TECHNOLOGY
|
||||
</a>
|
||||
|
||||
<hr/>
|
||||
|
||||
|
||||
|
||||
</nav>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
</header>
|
||||
|
||||
|
||||
|
||||
|
||||
@ -262,8 +549,9 @@
|
||||
<script>mermaid.initialize({startOnLoad:true});</script>
|
||||
<div>
|
||||
|
||||
<br>
|
||||
<div class="container mx-auto">
|
||||
<!-- section 1 (co-found) -->
|
||||
<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 "|||"
|
||||
@ -359,6 +647,11 @@ Parameters:
|
||||
|
||||
|
||||
|
||||
<!-- reverse col at mobile -->
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
@ -368,6 +661,12 @@ Parameters:
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<!-- makes row semi-full screen width, strips margins -->
|
||||
|
||||
|
||||
@ -395,7 +694,7 @@ Parameters:
|
||||
|
||||
|
||||
<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-center py-2 md:py-4 lg:pt-28 mx-12 sm:mx-20 md:mx-28 lg:mx-40 my-10 text-center items-center mx-auto " style="min-width: -webkit-fill-available; min-width: -moz-available">
|
||||
<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-8 sm:mx-20 md:mx-28 lg:mx-40 my-10 text-center items-center " style="min-width: -webkit-fill-available; min-width: -moz-available">
|
||||
|
||||
|
||||
|
||||
@ -407,9 +706,8 @@ Parameters:
|
||||
|
||||
<h1 id="powered-by-threefold">Powered by ThreeFold</h1>
|
||||
<br>
|
||||
<p><img src="https://ourphone.ourworld.tf/technology/./img/tfbg.png#mx-auto" alt="Image" /></p>
|
||||
<p><img src="https://ourphone.tf/technology/./img/tfbg.png#mx-auto" alt="Image" /></p>
|
||||
<p><a href="https://library.threefold.me/info/threefold#/tfgrid/threefold__tfgrid_home" target="_blank"><ins>The world’s largest decentralized network </ins></a>by <a href="https://threefold.io/"><strong>ThreeFold</strong></a><br>allows every application on the <strong>OurApps™</strong> to attain a level of security and privacy like never seen before.</p>
|
||||
<br>
|
||||
<p><button><a href="https://library.threefold.me/info/threefold/#/tfgrid/threefold__tfgrid_home">Learn More</a></button></p>
|
||||
|
||||
|
||||
@ -495,12 +793,23 @@ Parameters:
|
||||
|
||||
|
||||
|
||||
<!-- reverse col at mobile -->
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<!-- makes row semi-full screen width, strips margins -->
|
||||
|
||||
|
||||
@ -528,7 +837,7 @@ Parameters:
|
||||
|
||||
|
||||
<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-center py-2 md:py-4 lg:pt-28 mx-12 sm:mx-20 md:mx-28 lg:mx-40" style="min-width: -webkit-fill-available; min-width: -moz-available">
|
||||
<div id="" class="relative flex flex-col md:flex md:flex-row flex-wrap max-w-fit overflow-hidden items-center py-8 md:py-4 lg:py-24 mx-8 " style="min-width: -webkit-fill-available; min-width: -moz-available">
|
||||
|
||||
|
||||
|
||||
@ -538,7 +847,7 @@ Parameters:
|
||||
<!-- handles mermaid markdown content display -->
|
||||
|
||||
|
||||
<p><img src="https://ourphone.ourworld.tf/technology/./img/graphene.png#mx-auto" alt="Image" /></p>
|
||||
<p><img src="https://ourphone.tf/technology/./img/graphene.png#mx-auto" alt="Image" /></p>
|
||||
|
||||
|
||||
</div>
|
||||
@ -588,15 +897,6 @@ Parameters:
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
@ -650,11 +950,29 @@ Parameters:
|
||||
|
||||
|
||||
|
||||
<!-- reverse col at mobile -->
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<!-- makes row semi-full screen width, strips margins -->
|
||||
|
||||
@ -683,17 +1001,17 @@ Parameters:
|
||||
|
||||
|
||||
<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-center py-2 md:py-4 lg:pt-28 mx-12 sm:mx-20 md:mx-28 lg:mx-40" style="min-width: -webkit-fill-available; min-width: -moz-available">
|
||||
<div id="" class="flex flex-col-reverse md:flex-row items-center mx-8 text-center lg:text-right md:text-right justify-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">
|
||||
<div class="flex-1 mb-4 md:mb-12 lg:mb-0 lg:mx-2 xl:mx-4 flex-1 m-4 lg:m-0 mx-8">
|
||||
<!-- handles mermaid markdown content display -->
|
||||
|
||||
|
||||
<h1 id="ourversetm"><a href="https://ourverse.tf/">OurVerse™</a></h1>
|
||||
<p><a href="https://ourverse.tf/" target="_blank"><h1>OurVerse™</h1></a></p>
|
||||
<p><a href="https://ourverse.tf/" target="_blank"><ins><strong>OurVerse</strong></ins></a><strong>™</strong> is a secure and open-source digital world offering alternative SuperApps to centralized apps, customized by <strong>OurPhone™</strong> team.</p>
|
||||
|
||||
|
||||
@ -703,12 +1021,12 @@ Parameters:
|
||||
|
||||
<!-- 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">
|
||||
<div class="flex-1 mb-4 md:mb-12 lg:mb-0 lg:mx-2 xl:mx-4 flex-1 m-4 lg:m-0 mx-8">
|
||||
<!-- handles mermaid markdown content display -->
|
||||
|
||||
|
||||
|
||||
<p><img src="https://ourphone.ourworld.tf/technology/./img/ourverse.png#mx-auto" alt="Image" />
|
||||
<p><img src="https://ourphone.tf/technology/./img/ourverse.png#mx-auto" alt="Image" />
|
||||
<br></p>
|
||||
|
||||
|
||||
@ -732,6 +1050,29 @@ Parameters:
|
||||
<!-- This fixes link & img paths in local, prod, and wth prefix -->
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
@ -780,15 +1121,23 @@ Parameters:
|
||||
|
||||
|
||||
|
||||
<!-- reverse col at mobile -->
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<!-- makes row semi-full screen width, strips margins -->
|
||||
|
||||
|
||||
@ -816,140 +1165,7 @@ Parameters:
|
||||
|
||||
|
||||
<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-center py-2 md:py-4 lg:pt-28 mx-12 sm:mx-20 md:mx-28 lg:mx-40 text-center items-center mx-auto " 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="threefold-s">ThreeFold's</h1>
|
||||
<h1 id="decentralized-internet">Decentralized Internet</h1>
|
||||
|
||||
|
||||
</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 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-center py-8 md:py-8 lg:py-28 mx-12 sm:mx-20 md:mx-28 lg:mx-40" style="min-width: -webkit-fill-available; min-width: -moz-available">
|
||||
<div id="" class="relative flex flex-col md:flex md:flex-row flex-wrap max-w-fit overflow-hidden items-center py-8 md:py-4 lg:py-24 mx-8 " style="min-width: -webkit-fill-available; min-width: -moz-available">
|
||||
|
||||
|
||||
|
||||
@ -959,7 +1175,7 @@ Parameters:
|
||||
<!-- handles mermaid markdown content display -->
|
||||
|
||||
|
||||
<p><img src="https://ourphone.ourworld.tf/technology/./img/technology.png#mx-auto" alt="Image" /></p>
|
||||
<p><img src="https://ourphone.tf/technology/./img/technology.png#mx-auto" alt="Image" /></p>
|
||||
|
||||
|
||||
</div>
|
||||
@ -973,6 +1189,7 @@ Parameters:
|
||||
|
||||
|
||||
|
||||
<h1 id="threefold-s-decentralized-internet">ThreeFold's <br> Decentralized Internet</h1>
|
||||
<p>Learn about the magic of the technology behind <strong>OurPhone™</strong> such as <strong>Quantum Safe Storage System</strong>,<strong>Planetary Network</strong>, <strong>EDGE Computing</strong>, and many more.</p>
|
||||
<p><button><a href="https://library.threefold.me/info/threefold/#/technology/threefold__zos">Learn More</a></button></p>
|
||||
|
||||
@ -1069,6 +1286,11 @@ Parameters:
|
||||
|
||||
|
||||
|
||||
<!-- reverse col at mobile -->
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
@ -1078,6 +1300,12 @@ Parameters:
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<!-- makes row semi-full screen width, strips margins -->
|
||||
|
||||
|
||||
@ -1105,7 +1333,7 @@ Parameters:
|
||||
|
||||
|
||||
<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-center py-8 md:py-4 lg:py-28 mx-12 sm:mx-20 md:mx-28 lg:mx-40 text-center items-center mx-auto " style="min-width: -webkit-fill-available; min-width: -moz-available">
|
||||
<div id="" class="relative flex flex-col md:flex md:flex-row flex-wrap max-w-fit overflow-hidden items-center py-8 md:py-4 lg:py-24 mx-8 text-center items-center " style="min-width: -webkit-fill-available; min-width: -moz-available">
|
||||
|
||||
|
||||
|
||||
@ -1116,19 +1344,17 @@ Parameters:
|
||||
|
||||
|
||||
<h1 id="ourphonetm">OurPhone™</h1>
|
||||
<p><img src="https://ourphone.ourworld.tf/technology/./img/placeholder.png#medium#mx-auto" alt="Image" />
|
||||
<br>
|
||||
<p><img src="https://ourphone.tf/technology/./img/placeholder.png#medium#mx-auto" alt="Image" />
|
||||
<br></p>
|
||||
<h3 id="a-truly-decentralized-smartphone"><strong>A Truly Decentralized Smartphone</strong></h3>
|
||||
<h3 id="like-no-other"><strong>Like No Other</strong></h3>
|
||||
<p><button><a href="https://ourphone.ourworld.tf/buynow">Buy Now</a></button></p>
|
||||
<h3 id="a-truly-decentralized-smartphone-like-no-other"><strong>A Truly Decentralized Smartphone</strong> <br><strong>Like No Other</strong></h3>
|
||||
<p><button><a href="https://ourphone.tf/buynow">Buy Now</a></button></p>
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div></div>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
File diff suppressed because one or more lines are too long
Loading…
Reference in New Issue
Block a user