new homepage
Before Width: | Height: | Size: 412 KiB After Width: | Height: | Size: 412 KiB |
Before Width: | Height: | Size: 1.8 MiB After Width: | Height: | Size: 1.8 MiB |
Before Width: | Height: | Size: 3.3 KiB After Width: | Height: | Size: 3.3 KiB |
Before Width: | Height: | Size: 15 KiB After Width: | Height: | Size: 15 KiB |
Before Width: | Height: | Size: 321 KiB After Width: | Height: | Size: 321 KiB |
Before Width: | Height: | Size: 508 KiB After Width: | Height: | Size: 508 KiB |
Before Width: | Height: | Size: 443 KiB After Width: | Height: | Size: 443 KiB |
Before Width: | Height: | Size: 453 KiB After Width: | Height: | Size: 453 KiB |
Before Width: | Height: | Size: 78 KiB After Width: | Height: | Size: 78 KiB |
Before Width: | Height: | Size: 148 KiB After Width: | Height: | Size: 148 KiB |
Before Width: | Height: | Size: 103 KiB After Width: | Height: | Size: 103 KiB |
Before Width: | Height: | Size: 391 KiB After Width: | Height: | Size: 391 KiB |
Before Width: | Height: | Size: 460 KiB After Width: | Height: | Size: 460 KiB |
Before Width: | Height: | Size: 5.4 KiB After Width: | Height: | Size: 5.4 KiB |
@ -4,56 +4,61 @@ description: ""
|
||||
insert_anchor_links: "left"
|
||||
template: "partials/footer.html"
|
||||
extra:
|
||||
logoPath: "images/black_threefold.png"
|
||||
socialLinks: { Github: "https://github.com/threefoldfoundation", Github2: "https://github.com/threefoldtech", Twitter: "https://twitter.com/threefold_io", Telegram: "https://t.me/threefoldnews" }
|
||||
logoPath: "images/logo.png"
|
||||
socialLinks: { Github: "https://github.com/ourworldfreezone", Twitter: "https://twitter.com/threefold_io", Telegram: "https://t.me/threefoldnews" }
|
||||
---
|
||||
|
||||
{% row(style="lean") %}
|
||||
|
||||
##### **LEARN**
|
||||
|
||||
<br>
|
||||
|
||||
<a onclick="window.open('https://ourworldventures.github.io/info_ourworld/intro/intro.html', '_blank')"><h6>Knowledgebase</h6></a>
|
||||
|
||||
###### [Blog](/blog)
|
||||
|
||||
###### [News](/newsroom)
|
||||
|
||||
|||
|
||||
|
||||
##### **THE VENTURES**
|
||||
##### Affiliate Projects
|
||||
|
||||
<br>
|
||||
|
||||
<a onclick="window.open('https://threefold.io', '_blank')"><h6>ThreeFold</h6></a>
|
||||
|
||||
<a onclick="window.open('https://freezone.ourworld.tf/', '_blank')"><h6>OW Digital Free Zone</h6></a>
|
||||
###### [Incubaid](https://manual.grid.tf/threefold_token/buy_sell_tft/buy_sell_tft.html)
|
||||
|
||||
<a onclick="window.open('https://sikana.tv/)', '_blank')"><h6>Sikana</h6></a>
|
||||
###### [Mazraa](https://dashboard.grid.tf/)
|
||||
|
||||
###### [Freeflow Nation](https://manual.grid.tf/farmers/farmers.html)
|
||||
|
||||
|||
|
||||
|
||||
##### OurWorld
|
||||
|
||||
<br>
|
||||
|
||||
<a onclick="window.open('https://ourworld.tf', '_blank')"><h6>OurWorld</h6></a>
|
||||
|
||||
###### [Freezone](/)
|
||||
|
||||
<a onclick="window.open('https://ourphone.ourworld.tf/', '_blank')"><h6>OurPhone</h6></a>
|
||||
|
||||
<a onclick="window.open('https://ourparadise.ourworld.tf/', '_blank')"><h6>OurParadise</h6></a>
|
||||
|
||||
<a onclick="window.open('https://ourverse.tf/', '_blank')"><h6>OurVerse</h6></a>
|
||||
|
||||
<a onclick="window.open('https://ourphone.tf/', '_blank')"><h6>OurPhone</h6></a>
|
||||
|
||||
|
||||
|||
|
||||
|
||||
##### **BUILT ON THREEFOLD**
|
||||
##### About Us
|
||||
|
||||
<br>
|
||||
|
||||
<a onclick="window.open('https://threefold.io', '_blank')"><h6>ThreeFold</h6></a>
|
||||
<a onclick="window.open('https://ourworldfreezone.github.io/info_freezone/', '_blank')"><h6>Manual</h6></a>
|
||||
|
||||
<a onclick="window.open('https://t.me/threefold', '_blank')"><h6>Main Community</h6></a>
|
||||
|
||||
<a onclick="window.open('https://manual.grid.tf', '_blank')"><h6>Manual</h6></a>
|
||||
<a onclick="window.open('https://t.me/threefoldnews', '_blank')"><h6>Telegram</h6></a>
|
||||
|
||||
<a onclick="window.open('https://forum.threefold.io/', '_blank')"><h6>Forum</h6></a>
|
||||
|
||||
<a onclick="window.open('https://threefoldfaq.crisp.help/en/', '_blank')"><h6>Support</h6></a>
|
||||
|
||||
|
||||
<a onclick="window.open('https://github.com/ourworldfreezone', '_blank')"><h6>Github</h6></a>
|
||||
|
||||
{% end %}
|
||||
|
||||
|
||||
<style>
|
||||
a {
|
||||
cursor: pointer;
|
||||
@ -61,3 +66,4 @@ cursor: pointer;
|
||||
}
|
||||
|
||||
</style>
|
||||
|
216
content/home/home2/index.md
Normal file
@ -0,0 +1,216 @@
|
||||
---
|
||||
title: "Home"
|
||||
description: ""
|
||||
date: 2018-09-14
|
||||
updated: 2021-02-20
|
||||
draft: false
|
||||
weight: 1
|
||||
---
|
||||
|
||||
<!-- section 2 -->
|
||||
|
||||
|
||||
{% row(style="center" padding="top") %}
|
||||
|
||||

|
||||
|
||||
## What We Provide
|
||||
|
||||
{% end %}
|
||||
|
||||
<br>
|
||||
|
||||
|
||||
{% row(style="center" padding="none") %}
|
||||
|
||||
### Funding Platform
|
||||
|
||||
<br/>
|
||||
|
||||
Funding for potentially hundreds of like-minded projects, with a primary focus on emering technology that puts the planet and people first.
|
||||
|
||||
|||
|
||||
|
||||
### Technological Platform
|
||||
|
||||
<br/>
|
||||
|
||||
A technological platform that enables everyone to be self-sovereign from a digital perspective. This is a fundamental requirement.
|
||||
|
||||
{% end %}
|
||||
|
||||
|
||||
{% row(style="center" padding="both") %}
|
||||
|
||||
### Legal & Financial<br/>Independence Platform
|
||||
|
||||
<br/>
|
||||
|
||||
Supplement technological sovereignty with a system that offers legal and financial independence through mechanisms like free zones and sovereign sustainable charter cities.
|
||||
|
||||
|||
|
||||
|
||||
### Life Supporting Platform
|
||||
|
||||
<br/>
|
||||
|
||||
Create a sovereign and efficient set of platforms for financial, educational, and health systems, which can be utilized by all startups within the venture creator.
|
||||
|
||||
{% end %}
|
||||
|
||||
|
||||
<!-- section 3 -->
|
||||
|
||||
|
||||
{% row(style="center" margin="narrow" padding="top") %}
|
||||
|
||||

|
||||
|
||||
## The Foundation of Every Venture
|
||||
|
||||
{% end %}
|
||||
|
||||
<br>
|
||||
|
||||
{% row(style="center" margin="narrow" padding="bottom") %}
|
||||
|
||||
### Planet First
|
||||
|
||||
<br/>
|
||||
|
||||
Never do anything which does not respect mother earth.
|
||||
|
||||
|||
|
||||
|
||||
### People First
|
||||
|
||||
<br/>
|
||||
|
||||
Equality for everyone.
|
||||
|
||||
|||
|
||||
|
||||
### Open Source
|
||||
|
||||
<br/>
|
||||
|
||||
For all sectors from healthcare to software to legal to education.
|
||||
|
||||
|||
|
||||
|
||||
### Authenticity
|
||||
|
||||
<br/>
|
||||
|
||||
Restore authenticity of people and information.
|
||||
|
||||
|||
|
||||
|
||||
### Simplicity
|
||||
|
||||
<br/>
|
||||
|
||||
Complexity is killing progress.
|
||||
|
||||
{% end %}
|
||||
|
||||
|
||||
|
||||
<!-- section 4 -->
|
||||
|
||||
|
||||
{% row(style="center" margin="narrow" padding="top") %}
|
||||
|
||||
## Our Journey
|
||||
|
||||
{% end %}
|
||||
|
||||
<br>
|
||||
|
||||
{% row(style="center" padding="bottom") %}
|
||||
|
||||
### Phase One
|
||||
|
||||

|
||||
|
||||
#### Creation of Core Tech
|
||||
|
||||
<br/>
|
||||
|
||||
10+ years of development.
|
||||
|
||||
<br/>
|
||||
|
||||
Built decentralized, autonomous, edge Internet technology.
|
||||
|
||||
<br/>
|
||||
|
||||
50M USD invested by community and TF Tech investors.
|
||||
|
||||
|||
|
||||
|
||||
### Phase Two
|
||||
|
||||

|
||||
|
||||
#### Expansion & Proof
|
||||
|
||||
<br/>
|
||||
|
||||
Signed with government of Zanzibar for digital free zone and connected charter city.
|
||||
|
||||
<br/>
|
||||
|
||||
Eight projects with working tech, active and ready to scale.
|
||||
|
||||
<br/>
|
||||
|
||||
Core technology proven.
|
||||
|
||||
|||
|
||||
|
||||
### Phase Three
|
||||
|
||||

|
||||
|
||||
#### Launch Our Ventures
|
||||
|
||||
<br/>
|
||||
|
||||
Conclude on 30M USD fundraise.
|
||||
|
||||
<br/>
|
||||
|
||||
Global awareness campaign.
|
||||
|
||||
<br/>
|
||||
|
||||
Launch digital asset exchange, carbon credits.
|
||||
|
||||
<br/>
|
||||
|
||||
Millions of people using services and products of our ventures.
|
||||
|
||||
|||
|
||||
|
||||
### Phase Four
|
||||
|
||||

|
||||
|
||||
#### Sovereignty For All
|
||||
|
||||
<br/>
|
||||
|
||||
+1 million nodes deployed.
|
||||
|
||||
<br/>
|
||||
|
||||
Impacting +100 million people.
|
||||
|
||||
<br/>
|
||||
|
||||
The startups in the venture creator are now community-owned and our investors received a good exit.
|
||||
|
||||
{% end %}
|
||||
|
||||
</div>
|
BIN
content/home/img/brand1.png
Normal file
After Width: | Height: | Size: 1.7 KiB |
BIN
content/home/img/brand2.png
Normal file
After Width: | Height: | Size: 5.1 KiB |
BIN
content/home/img/brand3.png
Normal file
After Width: | Height: | Size: 5.3 KiB |
BIN
content/home/img/brand4.png
Normal file
After Width: | Height: | Size: 3.9 KiB |
BIN
content/home/img/brand5.png
Normal file
After Width: | Height: | Size: 1.5 KiB |
BIN
content/home/img/brand6.png
Normal file
After Width: | Height: | Size: 5.6 KiB |
@ -7,228 +7,59 @@ draft: false
|
||||
weight: 1
|
||||
---
|
||||
|
||||
<!-- section 1 -->
|
||||
|
||||
{% row(style="center" margin="tight" bgPath="img/horizon.jpeg" bgStyle="full") %}
|
||||
|
||||
# OurWorld
|
||||
|
||||
### A Platform to Enable Self-Sovereignty.
|
||||
|
||||
<br>
|
||||
|
||||
Together we are creating a multi-faceted platform to support and empower startups aspiring to harness the potential of emerging technology while putting the planet and people first. The sun is rising on a new way forward.
|
||||
|
||||
<button>[Our Ventures](/ventures)</button>
|
||||
|
||||
{% end %}
|
||||
|
||||
<div class="container mx-auto">
|
||||
|
||||
|
||||
|
||||
<!-- section 2 -->
|
||||
|
||||
{% row(style="center" padding="top") %}
|
||||
|
||||

|
||||
|
||||
## What We Provide
|
||||
|
||||
{% end %}
|
||||
|
||||
<br>
|
||||
|
||||
<div class="hidden md:grid">
|
||||
|
||||
{% row(style="center" padding="none") %}
|
||||
|
||||
### Funding Platform
|
||||
|
||||
<br/>
|
||||
|
||||
Funding for potentially hundreds of like-minded projects, with a primary focus on emering technology that puts the planet and people first.
|
||||
|
||||
|||
|
||||
|
||||
### Technological Platform
|
||||
|
||||
<br/>
|
||||
|
||||
A technological platform that enables everyone to be self-sovereign from a digital perspective. This is a fundamental requirement.
|
||||
|
||||
{% end %}
|
||||
|
||||
|
||||
{% row(style="center" padding="both") %}
|
||||
|
||||
### Legal & Financial<br/>Independence Platform
|
||||
|
||||
<br/>
|
||||
|
||||
Supplement technological sovereignty with a system that offers legal and financial independence through mechanisms like free zones and sovereign sustainable charter cities.
|
||||
|
||||
|||
|
||||
|
||||
### Life Supporting Platform
|
||||
|
||||
<br/>
|
||||
|
||||
Create a sovereign and efficient set of platforms for financial, educational, and health systems, which can be utilized by all startups within the venture creator.
|
||||
|
||||
{% end %}
|
||||
|
||||
|
||||
<!-- section 3 -->
|
||||
|
||||
|
||||
{% row(style="center" margin="narrow" padding="top") %}
|
||||
|
||||

|
||||
|
||||
## The Foundation of Every Venture
|
||||
|
||||
{% end %}
|
||||
|
||||
<br>
|
||||
|
||||
{% row(style="center" margin="narrow" padding="bottom") %}
|
||||
|
||||
### Planet First
|
||||
|
||||
<br/>
|
||||
|
||||
Never do anything which does not respect mother earth.
|
||||
|
||||
|||
|
||||
|
||||
### People First
|
||||
|
||||
<br/>
|
||||
|
||||
Equality for everyone.
|
||||
|
||||
|||
|
||||
|
||||
### Open Source
|
||||
|
||||
<br/>
|
||||
|
||||
For all sectors from healthcare to software to legal to education.
|
||||
|
||||
|||
|
||||
|
||||
### Authenticity
|
||||
|
||||
<br/>
|
||||
|
||||
Restore authenticity of people and information.
|
||||
|
||||
|||
|
||||
|
||||
### Simplicity
|
||||
|
||||
<br/>
|
||||
|
||||
Complexity is killing progress.
|
||||
|
||||
{% end %}
|
||||
|
||||
|
||||
|
||||
<!-- section 4 -->
|
||||
|
||||
|
||||
{% row(style="center" margin="narrow" padding="top") %}
|
||||
|
||||
## Our Journey
|
||||
|
||||
{% end %}
|
||||

|
||||
|
||||
<br>
|
||||
|
||||
{% row(style="center" padding="bottom") %}
|
||||
|||
|
||||
|
||||
### Phase One
|
||||
|
||||

|
||||
<br>
|
||||
|
||||
#### Creation of Core Tech
|
||||

|
||||
|
||||
<br/>
|
||||
|
||||
10+ years of development.
|
||||
|
||||
<br/>
|
||||
|
||||
Built decentralized, autonomous, edge Internet technology.
|
||||
|
||||
<br/>
|
||||
|
||||
50M USD invested by community and TF Tech investors.
|
||||
<br>
|
||||
|
||||
|||
|
||||
|
||||
### Phase Two
|
||||
<br>
|
||||
|
||||

|
||||

|
||||
|
||||
#### Expansion & Proof
|
||||
|
||||
<br/>
|
||||
|
||||
Signed with government of Zanzibar for digital free zone and connected charter city.
|
||||
|
||||
<br/>
|
||||
|
||||
Eight projects with working tech, active and ready to scale.
|
||||
|
||||
<br/>
|
||||
|
||||
Core technology proven.
|
||||
<br>
|
||||
|
||||
|||
|
||||
|
||||
### Phase Three
|
||||
<br>
|
||||
|
||||

|
||||

|
||||
|
||||
#### Launch Our Ventures
|
||||
|
||||
<br/>
|
||||
|
||||
Conclude on 30M USD fundraise.
|
||||
|
||||
<br/>
|
||||
|
||||
Global awareness campaign.
|
||||
|
||||
<br/>
|
||||
|
||||
Launch digital asset exchange, carbon credits.
|
||||
|
||||
<br/>
|
||||
|
||||
Millions of people using services and products of our ventures.
|
||||
<br>
|
||||
|
||||
|||
|
||||
|
||||
### Phase Four
|
||||
<br>
|
||||
|
||||

|
||||

|
||||
|
||||
#### Sovereignty For All
|
||||
<br>
|
||||
|
||||
<br/>
|
||||
|||
|
||||
|
||||
+1 million nodes deployed.
|
||||
<br>
|
||||
|
||||
<br/>
|
||||

|
||||
|
||||
Impacting +100 million people.
|
||||
|
||||
<br/>
|
||||
|
||||
The startups in the venture creator are now community-owned and our investors received a good exit.
|
||||
<br>
|
||||
|
||||
{% end %}
|
||||
|
||||
|
@ -147,7 +147,7 @@ footer .freeflow {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
padding: 40px;
|
||||
padding: 20px;
|
||||
}
|
||||
|
||||
footer .freeflow img {
|
||||
|
Before Width: | Height: | Size: 3.3 KiB After Width: | Height: | Size: 4.1 KiB |
BIN
static/images/authentic.png
Normal file
After Width: | Height: | Size: 6.4 KiB |
BIN
static/images/brand1.png
Normal file
After Width: | Height: | Size: 4.4 KiB |
BIN
static/images/brand2.png
Normal file
After Width: | Height: | Size: 7.5 KiB |
BIN
static/images/brand3.png
Normal file
After Width: | Height: | Size: 12 KiB |
BIN
static/images/brand4.png
Normal file
After Width: | Height: | Size: 6.5 KiB |
BIN
static/images/brand5.png
Normal file
After Width: | Height: | Size: 2.3 KiB |
BIN
static/images/brand6.png
Normal file
After Width: | Height: | Size: 10 KiB |
BIN
static/images/kds.png
Normal file
After Width: | Height: | Size: 137 KiB |
BIN
static/images/open.png
Normal file
After Width: | Height: | Size: 5.4 KiB |
BIN
static/images/ow_logo2.png
Normal file
After Width: | Height: | Size: 3.4 KiB |
BIN
static/images/people.png
Normal file
After Width: | Height: | Size: 8.7 KiB |
BIN
static/images/planet.png
Normal file
After Width: | Height: | Size: 7.4 KiB |
BIN
static/images/simple.png
Normal file
After Width: | Height: | Size: 5.9 KiB |
BIN
static/videos/ourworld.mp4
Normal file
@ -2,8 +2,23 @@
|
||||
{% block content %}
|
||||
|
||||
<!-- home page template, has a banner and rows of page summaries -->
|
||||
|
||||
{% include "partials/hero.html" %}
|
||||
|
||||
|
||||
|
||||
<div>
|
||||
{% set page = get_page(path="home/index.md") %}
|
||||
{{page.content | safe}}
|
||||
</div>
|
||||
|
||||
{% include "partials/about.html" %}
|
||||
|
||||
{% include "partials/feature.html" %}
|
||||
|
||||
{% include "partials/stats.html" %}
|
||||
|
||||
{% include "partials/ventures.html" %}
|
||||
{% include "partials/blogs.html" %}
|
||||
{% include "partials/quote.html" %}
|
||||
{% endblock content %}
|
56
templates/partials/about.html
Normal file
@ -0,0 +1,56 @@
|
||||
<!-- section 2 page templates -->
|
||||
|
||||
<div class="relative isolate overflow-hidden bg-black text-white lg:py-24 py-16">
|
||||
<div class="mx-auto max-w-7xl px-6">
|
||||
<div class="absolute inset-x-0 -top-40 -z-10 transform-gpu overflow-hidden blur-3xl sm:-top-80" aria-hidden="true">
|
||||
<div class="relative left-[calc(50%-11rem)] aspect-[1155/678] w-[36.125rem] -translate-x-1/2 rotate-[30deg] bg-gradient-to-tr from-[#ff80b5] to-[#9089fc] opacity-20 sm:left-[calc(50%-30rem)] sm:w-[72.1875rem]" style="clip-path: polygon(74.1% 44.1%, 100% 61.6%, 97.5% 26.9%, 85.5% 0.1%, 80.7% 2%, 72.5% 32.5%, 60.2% 62.4%, 52.4% 68.1%, 47.5% 58.3%, 45.2% 34.5%, 27.5% 76.7%, 0.1% 64.9%, 17.9% 100%, 27.6% 76.8%, 76.1% 97.7%, 74.1% 44.1%)"></div>
|
||||
</div>
|
||||
<div class="mx-auto max-w-2xl lg:mx-0">
|
||||
<h2 class="text-base font-semibold leading-8 text-indigo-400">ABOUT</h2>
|
||||
<p class="mt-2 text-2xl font-bold tracking-tight text-white sm:text-4xl">Where innovation meets independence <br>and sustainability-driven success.</p>
|
||||
<p class="mt-8 text-base font-light lg:text-xl"><b>OurWorld</b> is an organization dedicated to empowering startups with the resources and support they need to revolutionize the future.</p>
|
||||
</div>
|
||||
<dl class="mt-6 grid grid-cols-1 gap-8 sm:mt-16 sm:grid-cols-2 lg:grid-cols-2">
|
||||
<div class="flex flex-col-reverse px-6 py-2">
|
||||
<dt class="text-base leading-7 text-gray-300">Unlock unparalleled financial support for diverse, forward-thinking projects, focusing on cutting-edge technologies that benefit both the environment and society.</dt>
|
||||
<dd class="text-xl font-semibold leading-9 tracking-tight flex items-center gap-4"> <!-- Increased gap here -->
|
||||
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="h-6 w-6 rounded-md bg-white text-black p-1">
|
||||
<path stroke-linecap="round" stroke-linejoin="round" d="M20.25 6.375c0 2.278-3.694 4.125-8.25 4.125S3.75 8.653 3.75 6.375m16.5 0c0-2.278-3.694-4.125-8.25-4.125S3.75 4.097 3.75 6.375m16.5 0v11.25c0 2.278-3.694 4.125-8.25 4.125s-8.25-1.847-8.25-4.125V6.375m16.5 0v3.75m-16.5-3.75v3.75m16.5 0v3.75C20.25 16.153 16.556 18 12 18s-8.25-1.847-8.25-4.125v-3.75m16.5 0c0 2.278-3.694 4.125-8.25 4.125s-8.25-1.847-8.25-4.125" />
|
||||
</svg>
|
||||
<span class="ml-4">A Funding Platform</span>
|
||||
</dd>
|
||||
</dd>
|
||||
</div>
|
||||
<div class="flex flex-col-reverse px-6 py-2">
|
||||
<dt class="text-base leading-7 text-gray-300">Harness the power of our advanced technological platform, designed to grant individuals complete digital sovereignty. This is the bedrock of innovation and independent growth.</dt>
|
||||
<dd class="text-xl font-semibold leading-9 tracking-tight flex items-center gap-4"> <!-- Increased gap here -->
|
||||
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="h-6 w-6 rounded-md bg-white text-black p-1">
|
||||
<path stroke-linecap="round" stroke-linejoin="round" d="M15.59 14.37a6 6 0 0 1-5.84 7.38v-4.8m5.84-2.58a14.98 14.98 0 0 0 6.16-12.12A14.98 14.98 0 0 0 9.631 8.41m5.96 5.96a14.926 14.926 0 0 1-5.841 2.58m-.119-8.54a6 6 0 0 0-7.381 5.84h4.8m2.581-5.84a14.927 14.927 0 0 0-2.58 5.84m2.699 2.7c-.103.021-.207.041-.311.06a15.09 15.09 0 0 1-2.448-2.448 14.9 14.9 0 0 1 .06-.312m-2.24 2.39a4.493 4.493 0 0 0-1.757 4.306 4.493 4.493 0 0 0 4.306-1.758M16.5 9a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0Z" />
|
||||
</svg>
|
||||
<span class="ml-4">Technological Empowerment</span>
|
||||
</dd>
|
||||
</div>
|
||||
<div class="flex flex-col-reverse px-6 py-2">
|
||||
<dt class="text-base leading-7 text-gray-300">Experience true independence with our integrated system offering legal and financial freedom. Through innovative structures like free zones, we create a fertile ground for your business to flourish.</dt>
|
||||
<dd class="text-xl font-semibold leading-9 tracking-tight flex items-center gap-4"> <!-- Increased gap here -->
|
||||
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="h-6 w-6 rounded-md bg-white text-black p-1">
|
||||
<path stroke-linecap="round" stroke-linejoin="round" d="M12 3v17.25m0 0c-1.472 0-2.882.265-4.185.75M12 20.25c1.472 0 2.882.265 4.185.75M18.75 4.97A48.416 48.416 0 0 0 12 4.5c-2.291 0-4.545.16-6.75.47m13.5 0c1.01.143 2.01.317 3 .52m-3-.52 2.62 10.726c.122.499-.106 1.028-.589 1.202a5.988 5.988 0 0 1-2.031.352 5.988 5.988 0 0 1-2.031-.352c-.483-.174-.711-.703-.59-1.202L18.75 4.971Zm-16.5.52c.99-.203 1.99-.377 3-.52m0 0 2.62 10.726c.122.499-.106 1.028-.589 1.202a5.989 5.989 0 0 1-2.031.352 5.989 5.989 0 0 1-2.031-.352c-.483-.174-.711-.703-.59-1.202L5.25 4.971Z" />
|
||||
</svg>
|
||||
<span class="ml-4">Legal & Financial Autonomy</span>
|
||||
</dd>
|
||||
</div>
|
||||
<div class="flex flex-col-reverse px-6 py-2">
|
||||
<dt class="text-base leading-7 text-gray-300">Benefit from our holistic infrastructure that supports financial, educational- tailored to ensure that every startup within our venture ecosystem can thrive and grow sustainably.</dt>
|
||||
<dd class="text-xl font-semibold leading-9 tracking-tight flex items-center gap-4"> <!-- Increased gap here -->
|
||||
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="h-6 w-6 rounded-md bg-white text-black p-1">
|
||||
<path stroke-linecap="round" stroke-linejoin="round" d="M16.023 9.348h4.992v-.001M2.985 19.644v-4.992m0 0h4.992m-4.993 0 3.181 3.183a8.25 8.25 0 0 0 13.803-3.7M4.031 9.865a8.25 8.25 0 0 1 13.803-3.7l3.181 3.182m0-4.991v4.99" />
|
||||
</svg>
|
||||
<span class="ml-4">Life Supporting Infrastructure</span>
|
||||
</dd>
|
||||
</div>
|
||||
</dl>
|
||||
<div class="absolute inset-x-0 top-[calc(100%-13rem)] -z-10 transform-gpu overflow-hidden blur-3xl sm:top-[calc(100%-30rem)]" aria-hidden="true">
|
||||
<div class="relative left-[calc(50%+3rem)] aspect-[1155/678] w-[36.125rem] -translate-x-1/2 bg-gradient-to-tr from-[#ff80b5] to-[#9089fc] opacity-20 sm:left-[calc(50%+36rem)] sm:w-[72.1875rem]" style="clip-path: polygon(74.1% 44.1%, 100% 61.6%, 97.5% 26.9%, 85.5% 0.1%, 80.7% 2%, 72.5% 32.5%, 60.2% 62.4%, 52.4% 68.1%, 47.5% 58.3%, 45.2% 34.5%, 27.5% 76.7%, 0.1% 64.9%, 17.9% 100%, 27.6% 76.8%, 76.1% 97.7%, 74.1% 44.1%)"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
105
templates/partials/blogs.html
Normal file
@ -0,0 +1,105 @@
|
||||
<div class="bg-white lg:py-24 py-24">
|
||||
<div class="mx-auto max-w-7xl px-6 lg:px-8">
|
||||
<div class="mx-auto max-w-2xl text-center">
|
||||
<div class="absolute inset-x-0 -top-40 -z-10 transform-gpu overflow-hidden blur-3xl sm:-top-80" aria-hidden="true">
|
||||
<div class="relative left-[calc(50%-11rem)] aspect-[1155/678] w-[36.125rem] -translate-x-1/2 rotate-[30deg] bg-gradient-to-tr from-[#ff80b5] to-[#9089fc] opacity-20 sm:left-[calc(50%-30rem)] sm:w-[72.1875rem]" style="clip-path: polygon(74.1% 44.1%, 100% 61.6%, 97.5% 26.9%, 85.5% 0.1%, 80.7% 2%, 72.5% 32.5%, 60.2% 62.4%, 52.4% 68.1%, 47.5% 58.3%, 45.2% 34.5%, 27.5% 76.7%, 0.1% 64.9%, 17.9% 100%, 27.6% 76.8%, 76.1% 97.7%, 74.1% 44.1%)"></div>
|
||||
</div>
|
||||
<h2 class="text-3xl font-bold tracking-tight text-gray-900 sm:text-4xl">From the Blog</h2>
|
||||
<p class="mt-2 text-lg leading-8 text-gray-600">The latest news and updates from <b>OurWorld</b>.</p>
|
||||
</div>
|
||||
<div class="mx-auto pt-8 lg:pt-16 grid max-w-2xl grid-cols-1 gap-x-8 gap-y-20 lg:mx-0 lg:max-w-none lg:grid-cols-3">
|
||||
<article class="flex flex-col items-start justify-between">
|
||||
<div class="relative w-full mt-4">
|
||||
<img src="/newsroom/ourworldfreezone/ourworldfreezone.png" alt="" class="aspect-[16/9] w-full rounded-xl bg-gray-100 object-cover sm:aspect-[2/1] lg:aspect-[3/2]">
|
||||
</div>
|
||||
<div class="max-w-xl">
|
||||
<div class="mt-8 flex items-center gap-x-4 text-xs">
|
||||
<time datetime="2020-03-16" class="text-gray-500">Aug 1, 2023</time>
|
||||
</div>
|
||||
<div class="group relative">
|
||||
<h3 class="mt-3 text-lg font-semibold leading-6 text-gray-900 group-hover:text-gray-600">
|
||||
<a href="#">
|
||||
<span class="absolute inset-0"></span>
|
||||
🗞 In the News – OurWorld Digital Free Zone
|
||||
</a>
|
||||
</h3>
|
||||
<p class="mt-5 line-clamp-3 text-sm leading-6 text-gray-600">IPPMEDIA covered some details about our collaboration with the Revolutionary Government of Zanzibar with our latest project of Digital Freezone...</p>
|
||||
</div>
|
||||
<div class="relative mt-6 mb-2 lg:mb-6 flex items-center gap-x-4">
|
||||
<img src="/people/sam-taggart/sam_taggart.jpg" alt="" class="w-6 h-6 rounded-full bg-gray-100">
|
||||
<div class="flex flex-col text-sm leading-6">
|
||||
<p class="flex items-center font-semibold text-gray-900">
|
||||
<a href="#" class="flex items-center space-x-2">
|
||||
<span class="absolute inset-0"></span>
|
||||
<span class="text-base">Sam Taggart</span>
|
||||
<span class="text-gray-600 text-sm">| Project Contributor</span>
|
||||
</a>
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</article>
|
||||
<article class="flex flex-col items-start justify-between">
|
||||
<div class="relative w-full mt-4">
|
||||
<img src="/newsroom/africanregensummit/africanregensummit.png" alt="" class="aspect-[16/9] w-full rounded-xl bg-gray-100 object-cover sm:aspect-[2/1] lg:aspect-[3/2]">
|
||||
</div>
|
||||
<div class="max-w-xl">
|
||||
<div class="mt-8 flex items-center gap-x-4 text-xs">
|
||||
<time datetime="2020-03-16" class="text-gray-500">July 23, 2023</time>
|
||||
</div>
|
||||
<div class="group relative">
|
||||
<h3 class="mt-3 text-lg font-semibold leading-6 text-gray-900 group-hover:text-gray-600">
|
||||
<a href="#">
|
||||
<span class="absolute inset-0"></span>
|
||||
🌍 African Regenerative Cities Summit
|
||||
</a>
|
||||
</h3>
|
||||
<p class="mt-5 line-clamp-3 text-sm leading-6 text-gray-600">Learn about the summit we hosted this past weekend in Zanzibar to unite innovators and investors to support Africa's future...</p>
|
||||
</div>
|
||||
<div class="relative mt-6 mb-2 lg:mb-6 flex items-center gap-x-4">
|
||||
<img src="/people/sam-taggart/sam_taggart.jpg" alt="" class="w-6 h-6 rounded-full bg-gray-100">
|
||||
<div class="flex flex-col text-sm leading-6">
|
||||
<p class="flex items-center font-semibold text-gray-900">
|
||||
<a href="#" class="flex items-center space-x-2">
|
||||
<span class="absolute inset-0"></span>
|
||||
<span class="text-base">Sam Taggart</span>
|
||||
<span class="text-gray-600 text-sm">| Project Contributor</span>
|
||||
</a>
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</article>
|
||||
<article class="flex flex-col items-start justify-between">
|
||||
<div class="relative w-full mt-4">
|
||||
<img src="/newsroom/ourworldfreezone/ourworldfreezone.png" alt="" class="aspect-[16/9] w-full rounded-xl bg-gray-100 object-cover sm:aspect-[2/1] lg:aspect-[3/2]">
|
||||
</div>
|
||||
<div class="max-w-xl">
|
||||
<div class="mt-8 flex items-center gap-x-4 text-xs">
|
||||
<time datetime="2020-03-16" class="text-gray-500">Aug 1, 2023</time>
|
||||
</div>
|
||||
<div class="group relative">
|
||||
<h3 class="mt-3 text-lg font-semibold leading-6 text-gray-900 group-hover:text-gray-600">
|
||||
<a href="#">
|
||||
<span class="absolute inset-0"></span>
|
||||
🗓 ThreeFold Team @ Zuzalu 2023
|
||||
</a>
|
||||
</h3>
|
||||
<p class="mt-5 line-clamp-3 text-sm leading-6 text-gray-600">Some of the team is at the New Cities & Network States event at Zuzalu, where our founder, Kristof de Spiegeleer will be speaking....</p>
|
||||
</div>
|
||||
<div class="relative mt-6 mb-2 lg:mb-6 flex items-center gap-x-4">
|
||||
<img src="/people/sam-taggart/sam_taggart.jpg" alt="" class="w-6 h-6 rounded-full bg-gray-100">
|
||||
<div class="flex flex-col text-sm leading-6">
|
||||
<p class="flex items-center font-semibold text-gray-900">
|
||||
<a href="#" class="flex items-center space-x-2">
|
||||
<span class="absolute inset-0"></span>
|
||||
<span class="text-base">Sam Taggart</span>
|
||||
<span class="text-gray-600 text-sm">| Project Contributor</span>
|
||||
</a>
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</article>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
47
templates/partials/feature.html
Normal file
@ -0,0 +1,47 @@
|
||||
<div class="bg-white pt-16 py-16 mx-12 lg:py-24 relative">
|
||||
<div class="mx-auto max-w-7xl px-4 sm:px-6 lg:px-8">
|
||||
<div class="absolute inset-x-0 top-1/2 -z-10 -translate-y-1/2 transform-gpu overflow-hidden opacity-20 blur-3xl w-1/3 mx-auto" aria-hidden="true">
|
||||
<div class="aspect-[1313/771] w-full bg-gradient-to-tr from-[#ff80b5] to-[#9089fc]" style="clip-path: polygon(74.1% 44.1%, 100% 61.6%, 97.5% 26.9%, 85.5% 0.1%, 80.7% 2%, 72.5% 32.5%, 60.2% 62.4%, 52.4% 68.1%, 47.5% 58.3%, 45.2% 34.5%, 27.5% 76.7%, 0.1% 64.9%, 17.9% 100%, 27.6% 76.8%, 76.1% 97.7%, 74.1% 44.1%)"></div>
|
||||
</div>
|
||||
<div class="text-center">
|
||||
<h2 class="text-2xl sm:text-3xl lg:text-4xl font-bold tracking-tight text-gray-900 lg:mb-2">The Foundation of Every Venture</h2>
|
||||
<p class="text-base font-medium lg:text-xl text-gray-500 lg:mb-8 lg:mt-2 mt-2 lg:mb-4 mb-8">Core Principles Guiding Our Vision for Building Successful, Planet-Friendly, and Fair Ventures.</p>
|
||||
</div>
|
||||
<div class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-5 gap-4 bg-white border border-gray-200 rounded-lg overflow-hidden">
|
||||
<!-- Feature 1 -->
|
||||
<div class="flex flex-col items-start p-6 text-left border-b sm:border-b-0 sm:border-r border-gray-200">
|
||||
<img src="images/planet.png" alt="Icon 1" class="mb-2 h-16 w-16">
|
||||
<h3 class="text-lg sm:text-xl font-semibold text-gray-900 mb-2">Planet First</h3>
|
||||
<p class="text-base text-gray-500 mb-4">Always act in ways that respect and protect Mother Earth.</p>
|
||||
</div>
|
||||
<!-- Feature 2 -->
|
||||
<div class="flex flex-col items-start p-6 text-left border-b sm:border-b-0 sm:mx-h-2 sm:border-r border-gray-200">
|
||||
<img src="images/people.png" alt="Icon 2" class="mb-2 h-16 w-16">
|
||||
<h3 class="text-lg sm:text-xl font-semibold text-gray-900 mb-2">People First</h3>
|
||||
<p class="text-base text-gray-500 mb-4">Ensure equality and fairness for every individual.</p>
|
||||
</div>
|
||||
<!-- Feature 3 -->
|
||||
<div class="flex flex-col items-start p-6 text-left border-b sm:border-b-0 sm:border-r border-gray-200">
|
||||
<img src="images/open.png" alt="Icon 3" class="mb-2 h-16 w-16">
|
||||
<h3 class="text-lg sm:text-xl font-semibold text-gray-900 mb-2">Open Source</h3>
|
||||
<p class="text-base text-gray-500 mb-4">Promote open-source solutions in many aspects of our lives.</p>
|
||||
</div>
|
||||
<!-- Feature 4 -->
|
||||
<div class="flex flex-col items-start p-6 text-left border-b sm:border-b-0 sm:border-r border-gray-200">
|
||||
<img src="images/authentic.png" alt="Icon 4" class="mb-2 h-16 w-16">
|
||||
<h3 class="text-lg sm:text-xl font-semibold text-gray-900 mb-2">Authenticity</h3>
|
||||
<p class="text-base text-gray-500 mb-4">Restore and uphold the authenticity of people and information.</p>
|
||||
</div>
|
||||
<!-- Feature 5 -->
|
||||
<div class="flex flex-col items-start p-6 text-left">
|
||||
<img src="images/simple.png" alt="Icon 5" class="mb-2 h-16 w-16">
|
||||
<h3 class="text-lg sm:text-xl font-semibold text-gray-900 mb-2">Simplicity</h3>
|
||||
<p class="text-base text-gray-500 mb-4">Eliminate complexity to foster progress and innovation.</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="mt-10 flex items-center justify-center gap-x-6">
|
||||
<a href="/ventures" class="rounded-md bg-black px-3.5 py-2.5 font-semibold text-white shadow-sm hover:bg-hover focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:bg-hover">Learn More about OurWorld</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
@ -1,23 +1,27 @@
|
||||
<!--
|
||||
Tailwind UI components require Tailwind CSS v1.8 and the @tailwindcss/ui plugin.
|
||||
Read the documentation to get started: https://tailwindui.com/documentation
|
||||
-->
|
||||
|
||||
{%- set section = get_section(path="_index.md") %}
|
||||
|
||||
{% set subsections_str = section.subsections | join(sep=" ") %}
|
||||
<div class="bg-gray-200">
|
||||
<div class="container mx-auto">
|
||||
<footer class="bottom-0">
|
||||
{% if "footer/_index.md" in subsections_str %}
|
||||
{%- set section = get_section(path="footer/_index.md") %}
|
||||
{{ section.content | safe }}
|
||||
{% else %}
|
||||
{% set footer_class = config.extra.footer_class | default(value='') %}
|
||||
<div class="{{ footer_class ~ ' -mx-20'}}">
|
||||
<img src="{{get_url(path='images/footer.png')}}" class="w-60" alt="">
|
||||
{%- set logoPath = section.extra.logoPath %}
|
||||
|
||||
{% endif %}
|
||||
<div class="border-t border-gray-200"></div>
|
||||
<footer>
|
||||
<div class="max-w-screen-2xl mx-auto lg:py-8 py-4 sm:px-6 lg:px-8">
|
||||
<div class="flex flex-col xl:flex-row xl:gap-4 items-center">
|
||||
<div class="space-y-8 lg:max-w-sm xl:max-w-sm lg:mr-8 mb-4 xl:col-span-1 text-center xl:text-left">
|
||||
<img class="w-40 h-auto sm:w-15 mx-auto" src="images/ow_logo.png" alt="logo" />
|
||||
</div>
|
||||
|
||||
<div class="mt-2 lg:mt-0 w-full px-8 sm:px-12 md:px-16 lg:px-20 footer-cust text-center xl:text-left">
|
||||
{{ section.content | safe }}
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="mt-8 mx-auto border-t border-gray-200 pt-8 pb-2 text-center">
|
||||
<p data-v-14efe4a7="" class="text-base leading-6 text-gray-400">
|
||||
© 2024 Ourworld Holdings, All rights reserved.
|
||||
<a target="_blank" href="https://library.threefold.me/info/legal/#/legal__terms_conditions_websites" class="leading-6 text-gray-500 hover:text-gray-900">Terms & Conditions |
|
||||
</a><a target="_blank" href="https://library.threefold.me/info/legal/#/legal__privacypolicy" class="leading-6 text-gray-500 hover:text-gray-900">Privacy Policy |
|
||||
</a><a href="/tfLabs" class="leading-6 text-gray-500 hover:text-gray-900">ThreeFold Labs IT</a>
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</footer>
|
||||
</div>
|
||||
</div>
|
63
templates/partials/hero.html
Normal file
@ -0,0 +1,63 @@
|
||||
<div class="relative isolate overflow-hidden h-screen">
|
||||
<video autoplay loop muted class="absolute inset-0 -z-10 h-full w-full object-cover">
|
||||
<source src="/videos/ourworld.mp4" type="video/mp4">
|
||||
</video>
|
||||
<div class="flex flex-col justify-center items-center mx-auto max-w-2xl py-32 sm:py-48 lg:py-56 text-center h-full">
|
||||
<div class="hidden sm:mb-8 sm:flex sm:justify-center">
|
||||
<div class="relative rounded-full px-3 py-1 text-sm leading-6 text-gray-400 ring-1 ring-white/10 hover:ring-white/20">
|
||||
Announcing our new initiative: <b>OW Digital Freezone</b>. <a href="/newsroom/ourworldfreezone/" class="font-semibold text-white"><span class="absolute inset-0" aria-hidden="true"></span>Read more <span aria-hidden="true">→</span></a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="text-center">
|
||||
<h1 class="text-3xl sm:text-4xl lg:text-6xl font-bold leading-8 tracking-tight text-white mb-4">OurWorld</h1>
|
||||
<h2 class="text-xl sm:text-2xl text-gray-200">A Platform to Enable Self-Sovereignty.</h2>
|
||||
<p class="mt-6 text-lg sm:text-xl leading-7 sm:leading-8 text-white font-light mx-4 sm:mx-0">Together we are creating a multi-faceted platform to support and empower startups aspiring to harness the potential of emerging technology while putting our planet and people first. The sun is rising on a new way forward.</p>
|
||||
<div class="mt-10 flex items-center justify-center gap-x-6">
|
||||
<a href="/ventures" class="rounded-md bg-black px-3.5 py-2.5 font-semibold text-white shadow-sm hover:bg-hover focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:bg-hover">Learn More</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<style>
|
||||
html, body {
|
||||
margin: 0;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
.relative.isolate.overflow-hidden.h-screen {
|
||||
height: 100vh;
|
||||
}
|
||||
|
||||
video {
|
||||
object-fit: cover;
|
||||
}
|
||||
|
||||
.bg-black {
|
||||
color: white;
|
||||
background: #000;
|
||||
}
|
||||
|
||||
.bg-hover {
|
||||
color: white;
|
||||
background: #020202;
|
||||
}
|
||||
|
||||
/* Custom styles for smaller font, margin adjustments, and line spacing for mobile */
|
||||
@media (max-width: 640px) {
|
||||
h1 {
|
||||
font-size: 2rem; /* Smaller font for mobile */
|
||||
}
|
||||
|
||||
h2 {
|
||||
font-size: 1.25rem; /* Smaller font for mobile */
|
||||
}
|
||||
|
||||
p {
|
||||
font-size: 1rem; /* Smaller font for mobile */
|
||||
margin-left: 1rem; /* Margin left for mobile */
|
||||
margin-right: 1rem; /* Margin right for mobile */
|
||||
line-height: 1.5; /* Smaller line spacing */
|
||||
}
|
||||
}
|
||||
</style>
|
13
templates/partials/logos.html
Normal file
@ -0,0 +1,13 @@
|
||||
<div class="bg-white py-4 lg:py-10 fixed w-screen">
|
||||
<div class="mx-auto max-w-7xl px-6 lg:px-8">
|
||||
<div class="grid grid-cols-2 gap-8 sm:grid-cols-3 lg:grid-cols-6 items-center">
|
||||
<img class="max-h-12 w-full object-contain" src="images/brand1.png" alt="Brand 1">
|
||||
<img class="max-h-12 w-full object-contain" src="images/brand2.png" alt="Brand 2">
|
||||
<img class="max-h-12 w-full object-contain" src="images/brand3.png" alt="Brand 3">
|
||||
<img class="max-h-12 w-full object-contain" src="images/brand4.png" alt="Brand 4">
|
||||
<img class="max-h-12 w-full object-contain" src="images/brand5.png" alt="Brand 5">
|
||||
<img class="max-h-12 w-full object-contain" src="images/brand6.png" alt="Brand 6">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
21
templates/partials/quote.html
Normal file
@ -0,0 +1,21 @@
|
||||
<div class="max-w-screen-xl px-4 mx-auto text-center lg:py-8 lg:px-6 relative">
|
||||
<div class="absolute inset-x-0 top-1/2 -z-10 -translate-y-1/3 transform-gpu overflow-hidden opacity-20 blur-3xl" aria-hidden="true">
|
||||
<div class="ml-[max(50%,38rem)] aspect-[1313/771] w-[82.0625rem] bg-gradient-to-tr from-[#ff80b5] to-[#9089fc]" style="clip-path: polygon(74.1% 44.1%, 100% 61.6%, 97.5% 26.9%, 85.5% 0.1%, 80.7% 2%, 72.5% 32.5%, 60.2% 62.4%, 52.4% 68.1%, 47.5% 58.3%, 45.2% 34.5%, 27.5% 76.7%, 0.1% 64.9%, 17.9% 100%, 27.6% 76.8%, 76.1% 97.7%, 74.1% 44.1%)"></div>
|
||||
</div>
|
||||
<div class="absolute inset-x-0 top-0 -z-10 flex transform-gpu overflow-hidden pt-32 opacity-20 blur-3xl sm:pt-40 xl:justify-end" aria-hidden="true">
|
||||
<div class="ml-[-22rem] aspect-[1313/771] w-[82.0625rem] flex-none origin-top-right rotate-[30deg] bg-gradient-to-tr from-[#ff80b5] to-[#9089fc] xl:ml-0 xl:mr-[calc(50%-12rem)]" style="clip-path: polygon(74.1% 44.1%, 100% 61.6%, 97.5% 26.9%, 85.5% 0.1%, 80.7% 2%, 72.5% 32.5%, 60.2% 62.4%, 52.4% 68.1%, 47.5% 58.3%, 45.2% 34.5%, 27.5% 76.7%, 0.1% 64.9%, 17.9% 100%, 27.6% 76.8%, 76.1% 97.7%, 74.1% 44.1%)"></div>
|
||||
</div>
|
||||
<figure class="max-w-screen-md mx-auto">
|
||||
<svg class="h-12 mx-auto mb-3 text-gray-400 dark:text-gray-600" viewBox="0 0 24 27" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M14.017 18L14.017 10.609C14.017 4.905 17.748 1.039 23 0L23.995 2.151C21.563 3.068 20 5.789 20 8H24V18H14.017ZM0 18V10.609C0 4.905 3.748 1.038 9 0L9.996 2.151C7.563 3.068 6 5.789 6 8H9.983L9.983 18L0 18Z" fill="currentColor"/>
|
||||
</svg>
|
||||
<h3 class="text-gray-900"><i>We need a new Internet which is not owned by a few centralized companies. We need an Internet co-owned by all of us, where everyone is equal, where everyone owns their own data. An Internet which is much more green, which is available everywhere in the world.</i></h3>
|
||||
<figcaption class="flex items-center justify-center mt-6 space-x-3">
|
||||
<img class="w-6 h-6 rounded-full" src="images/kds.png" alt="profile picture">
|
||||
<div class="flex items-center divide-x-2 divide-gray-500 dark:divide-gray-700">
|
||||
<div class="pr-3 font-medium text-gray-900 dark:text-white">Kristof De Spiegeleer</div>
|
||||
<div class="pl-3 text-sm font-light text-gray-500 dark:text-gray-400">Ourworld Co-Founder</div>
|
||||
</div>
|
||||
</figcaption>
|
||||
</figure>
|
||||
</div>
|
45
templates/partials/stats.html
Normal file
@ -0,0 +1,45 @@
|
||||
<div class="relative isolate overflow-hidden bg-gray-900 py-16 lg:py-24">
|
||||
<img src="https://images.unsplash.com/photo-1522071820081-009f0129c71c?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=2850&q=80&blend=111827&blend-mode=multiply&sat=-100&exp=15" alt="" class="absolute inset-0 -z-10 h-full w-full object-cover">
|
||||
<div class="relative mx-auto max-w-7xl px-6 lg:px-8">
|
||||
<div class="absolute -bottom-8 -left-96 -z-10 transform-gpu blur-3xl sm:-bottom-64 sm:-left-40 lg:-bottom-32 lg:left-8 xl:-left-10" aria-hidden="true">
|
||||
<div class="aspect-[1266/975] w-[79.125rem] bg-gradient-to-tr from-[#ff4694] to-[#776fff] opacity-20" style="clip-path: polygon(74.1% 44.1%, 100% 61.6%, 97.5% 26.9%, 85.5% 0.1%, 80.7% 2%, 72.5% 32.5%, 60.2% 62.4%, 52.4% 68.1%, 47.5% 58.3%, 45.2% 34.5%, 27.5% 76.7%, 0.1% 64.9%, 17.9% 100%, 27.6% 76.8%, 76.1% 97.7%, 74.1% 44.1%)"></div>
|
||||
</div>
|
||||
<div class="mx-auto max-w-2xl lg:mx-0 lg:max-w-xl">
|
||||
<h2 class="text-base font-semibold leading-8 text-indigo-400">MILESTONES</h2>
|
||||
<p class="mt-2 text-3xl font-bold tracking-tight text-white sm:text-4xl">A Collective Journey</p>
|
||||
<p class="mt-6 text-lg leading-8 text-gray-300">Join us in transforming the future – be part of a revolutionary journey towards a decentralized, autonomous digital world.</p>
|
||||
</div>
|
||||
<dl class="mx-auto mt-6 grid max-w-7xl grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-x-8 gap-y-10 text-white sm:mt-20 sm:gap-y-16 lg:mx-0 lg:max-w-none">
|
||||
<div class="flex flex-col gap-y-3 border-l border-white/10 pl-6">
|
||||
<dt class="text-sm leading-6">✓ Over a decade of innovative development.</dt>
|
||||
<dt class="text-sm leading-6">✓ Engineered a groundbreaking decentralized, autonomous, edge Internet technology.</dt>
|
||||
<dt class="text-sm leading-6">✓ Secured $50M in investment from the community and TF Tech investors.</dt>
|
||||
<dd class="order-first text-1xl text-indigo-400 tracking-tight">Phase 1</dd>
|
||||
<dd class="order-first text-2xl font-semibold tracking-tight">Core Tech Creation</dd>
|
||||
</div>
|
||||
<div class="flex flex-col gap-y-3 border-l border-white/10 pl-6">
|
||||
<dt class="text-sm leading-6">✓ Partnered with the Government of Tanzania to establish a digital freezone and connected charter city.</dt>
|
||||
<dt class="text-sm leading-6">✓ Deployed 8 projects with fully functional technology, primed for scaling.</dt>
|
||||
<dt class="text-sm leading-6">✓ Demonstrated and validated the effectiveness of our core technology.</dt>
|
||||
<dd class="order-first text-1xl text-indigo-400 tracking-tight">Phase 2</dd>
|
||||
<dd class="order-first text-2xl font-semibold tracking-tight">Expansion & Proof</dd>
|
||||
</div>
|
||||
<div class="flex flex-col gap-y-3 border-l border-white/10 pl-6">
|
||||
<dt class="text-sm leading-6">✓ Successfully concluded $30M fundraising rounds.</dt>
|
||||
<dt class="text-sm leading-6">✓ Awareness campaigns worldwide.</dt>
|
||||
<dt class="text-sm leading-6">✓ Launched digital asset exchange, carbon credits.</dt>
|
||||
<dt class="text-sm leading-6">✓ Live products with millions users worldwide.</dt>
|
||||
<dd class="order-first text-1xl text-indigo-400 font-semibold tracking-tight">Current Phase</dd>
|
||||
<dd class="order-first text-2xl font-semibold tracking-tight">Launch of Ventures</dd>
|
||||
</div>
|
||||
<div class="flex flex-col gap-y-3 border-l border-white/10 pl-6">
|
||||
<dt class="text-sm leading-6">◯ Deploy over 1 million nodes.</dt>
|
||||
<dt class="text-sm leading-6">◯ Impact the lives of more than 100 million people.</dt>
|
||||
<dt class="text-sm leading-6">◯ Transition startups in our venture creator to community ownerships</dt>
|
||||
<dt class="text-sm leading-6">◯ Ensure a successful exits for our venture investors.</dt>
|
||||
<dd class="order-first text-1xl text-indigo-400 tracking-tight">Phase 4</dd>
|
||||
<dd class="order-first text-2xl font-semibold tracking-tight">Sovereignty for All</dd>
|
||||
</div>
|
||||
</dl>
|
||||
</div>
|
||||
</div>
|
66
templates/partials/ventures.html
Normal file
@ -0,0 +1,66 @@
|
||||
<div class="bg-white">
|
||||
<main>
|
||||
<div class="relative isolate">
|
||||
<svg class="absolute inset-x-0 top-0 -z-10 h-[64rem] w-full stroke-gray-200 [mask-image:radial-gradient(32rem_32rem_at_center,white,transparent)]" aria-hidden="true">
|
||||
<defs>
|
||||
<pattern id="1f932ae7-37de-4c0a-a8b0-a6e3b4d44b84" width="200" height="200" x="50%" y="-1" patternUnits="userSpaceOnUse">
|
||||
<path d="M.5 200V.5H200" fill="none" />
|
||||
</pattern>
|
||||
</defs>
|
||||
<svg x="50%" y="-1" class="overflow-visible fill-gray-50">
|
||||
<path d="M-200 0h201v201h-201Z M600 0h201v201h-201Z M-400 600h201v201h-201Z M200 800h201v201h-201Z" stroke-width="0" />
|
||||
</svg>
|
||||
<rect width="100%" height="100%" stroke-width="0" fill="url(#1f932ae7-37de-4c0a-a8b0-a6e3b4d44b84)" />
|
||||
</svg>
|
||||
<div class="absolute left-1/2 right-0 top-0 -z-10 -ml-24 transform-gpu overflow-hidden blur-3xl lg:ml-24 xl:ml-48" aria-hidden="true">
|
||||
<div class="aspect-[801/1036] w-[50.0625rem] bg-gradient-to-tr from-[#ff80b5] to-[#9089fc] opacity-30" style="clip-path: polygon(63.1% 29.5%, 100% 17.1%, 76.6% 3%, 48.4% 0%, 44.6% 4.7%, 54.5% 25.3%, 59.8% 49%, 55.2% 57.8%, 44.4% 57.2%, 27.8% 47.9%, 35.1% 81.5%, 0% 97.7%, 39.2% 100%, 35.2% 81.4%, 97.2% 52.8%, 63.1% 29.5%)"></div>
|
||||
</div>
|
||||
<div class="overflow-hidden">
|
||||
<div class="mx-auto max-w-7xl px-6 lg:pb-24 pt-24 lg:px-8 lg:pt-12">
|
||||
<div class="mx-auto max-w-2xl gap-x-14 lg:mx-0 lg:flex lg:max-w-none lg:items-center">
|
||||
<div class="relative lg:hidden pb-4">
|
||||
<img src="https://images.unsplash.com/photo-1557804506-669a67965ba0?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=960&h=540&q=80" alt="" class="aspect-[16/9] w-full rounded-xl bg-gray-900/5 object-cover shadow-lg">
|
||||
<div class="pointer-events-none absolute inset-0 rounded-xl ring-1 ring-inset ring-gray-900/10"></div>
|
||||
</div>
|
||||
<div class="relative w-full max-w-xl lg:shrink-0 xl:max-w-2xl lg:order-first sm:pt-12">
|
||||
<h2 class="text-base font-semibold leading-8 text-indigo-600 mb-2">PORTFOLIO</h2>
|
||||
<h1 class="text-3xl font-bold tracking-tight text-gray-900 sm:text-4xl">Changing the Digital Landscape Together.</h1>
|
||||
<p class="mt-6 text-lg leading-8 text-gray-600 sm:max-w-md lg:max-w-none">Join our world and explore our ventures, where innovation meets impact. <br>Be part of a transformative journey shaping the future of digital connectivity and autonomy.</p>
|
||||
<div class="mt-10 flex items-center gap-x-6">
|
||||
<a href="#" class="rounded-md bg-black px-3.5 py-2.5 text-sm font-semibold text-white shadow-sm hover:bg-indigo-500 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-indigo-600">Explore Ventures</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="mt-14 flex justify-end gap-8 lg:mt-0 lg:pl-0">
|
||||
<div class="ml-auto w-44 flex-none space-y-8 lg:pt-36 hidden lg:block">
|
||||
<div class="relative hidden lg:block">
|
||||
<img src="https://images.unsplash.com/photo-1557804506-669a67965ba0?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&h=528&q=80" alt="" class="aspect-[2/3] w-full rounded-xl bg-gray-900/5 object-cover shadow-lg">
|
||||
<div class="pointer-events-none absolute inset-0 rounded-xl ring-1 ring-inset ring-gray-900/10"></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="mr-auto w-44 flex-none space-y-8 lg:pt-24 hidden lg:block">
|
||||
<div class="relative hidden lg:block">
|
||||
<img src="https://images.unsplash.com/photo-1485217988980-11786ced9454?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&h=528&q=80" alt="" class="aspect-[2/3] w-full rounded-xl bg-gray-900/5 object-cover shadow-lg">
|
||||
<div class="pointer-events-none absolute inset-0 rounded-xl ring-1 ring-inset ring-gray-900/10"></div>
|
||||
</div>
|
||||
<div class="relative hidden lg:block">
|
||||
<img src="https://images.unsplash.com/photo-1559136555-9303baea8ebd?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&crop=focalpoint&fp-x=.4&w=396&h=528&q=80" alt="" class="aspect-[3/4] w-full rounded-xl bg-gray-900/5 object-cover shadow-lg">
|
||||
<div class="pointer-events-none absolute inset-0 rounded-xl ring-1 ring-inset ring-gray-900/10"></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="w-44 flex-none space-y-8 lg:pt-12 hidden lg:block">
|
||||
<div class="relative hidden lg:block">
|
||||
<img src="https://images.unsplash.com/photo-1670272504528-790c24957dda?ixlib=rb-4.0.3&ixid=MnwxMjA3fDF8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&crop=left&w=400&h=528&q=80" alt="" class="aspect-[3/4] w-full rounded-xl bg-gray-900/5 object-cover shadow-lg">
|
||||
<div class="pointer-events-none absolute inset-0 rounded-xl ring-1 ring-inset ring-gray-900/10"></div>
|
||||
</div>
|
||||
<div class="relative hidden lg:block">
|
||||
<img src="https://images.unsplash.com/photo-1670272505284-8faba1c31f7d?ixlib=rb-4.0.3&ixid=MnwxMjA3fDF8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&h=528&q=80" alt="" class="aspect-[3/4] w-full rounded-xl bg-gray-900/5 object-cover shadow-lg">
|
||||
<div class="pointer-events-none absolute inset-0 rounded-xl ring-1 ring-inset ring-gray-900/10"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</main>
|
||||
</div>
|