ourworld_web/www_ourworld_tf
20
0
Fork 0
Code Issues 1 Pull Requests 2 Actions Packages Projects Releases 1 Wiki Activity

edit color btn

Browse Source
This commit is contained in:
sasha-astiadi 2024-09-11 13:10:44 +02:00
parent 8bc61667b9
commit 1b67883275
8 changed files with 10137 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
css/index.css
View File

@ -7,6 +7,9 @@
@import "tailwindcss/components"; @import "tailwindcss/components";
@import "admonition.css"; @import "admonition.css";
@import "tailwindcss/utilities"; @import "tailwindcss/utilities";
@tailwind base;
@tailwind components;
@tailwind utilities;
/* Custom CSS for header partial */ /* Custom CSS for header partial */
.backdrop-blur { .backdrop-blur {
-webkit-backdrop-filter: blur(40px); -webkit-backdrop-filter: blur(40px);
@ -304,6 +307,11 @@ header {
background-repeat: no-repeat; background-repeat: no-repeat;
} }
.main-button {
color: #fff;
background: #6366f1;
}
a:hover{ a:hover{
color: #5e5b59; color: #5e5b59;
} }
@ -387,3 +395,4 @@ header #menu button a{
@apply @apply
px-0 px-0
} }

3
css/input.css Normal file
View File

@ -0,0 +1,3 @@
@tailwind base;
@tailwind components;
@tailwind utilities;

10107
css/output.css Normal file
View File

File diff suppressed because it is too large Load Diff

2
templates/partials/feature.html
View File

@ -40,7 +40,7 @@
</div> </div>
</div> </div>
<div class="mt-10 flex items-center justify-center gap-x-6"> <div class="mt-10 flex items-center justify-center gap-x-6">
<a href="/about" 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> <a href="/about" class="rounded-md main-button 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> </div>
</div> </div>

16
templates/partials/hero.html
View File

@ -1,11 +1,15 @@
<head>
<link href="./output.css" rel="stylesheet">
</head>
<div class="relative isolate overflow-hidden h-screen"> <div class="relative isolate overflow-hidden h-screen">
<video autoplay loop muted class="absolute inset-0 -z-10 h-full w-full object-cover"> <video autoplay loop muted class="absolute inset-0 -z-10 h-full w-full object-cover">
<source src="/videos/ourworld.mp4" type="video/mp4"> <source src="/videos/ourworld.mp4" type="video/mp4">
</video> </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="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="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"> <div class="relative rounded-full px-3 py-1 text-sm leading-6 text-gray-200 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">&rarr;</span></a> Announcing our new initiative: <b>OW Digital Freezone</b>. <a href="/newsroom/ourworldfreezone/" class="font-semibold text-indigo-300 hover:text-indigo-400"><span class="text-indigo-500 absolute inset-0" aria-hidden="true"></span>Read more <span aria-hidden="true">&rarr;</span></a>
</div> </div>
</div> </div>
<div class="text-center"> <div class="text-center">
@ -13,7 +17,7 @@
<h2 class="text-xl sm:text-2xl text-gray-200 px-6">Empowering Self-Sovereign Development</h2> <h2 class="text-xl sm:text-2xl text-gray-200 px-6">Empowering Self-Sovereign Development</h2>
<p class="mt-6 text-lg sm:text-xl leading-7 sm:leading-8 text-white font-light mx-4 sm:mx-0">Pioneering an ecosystem where startups can harness emerging technologies to reclaim their sovereignty while prioritizing environmental and social sustainability.</p> <p class="mt-6 text-lg sm:text-xl leading-7 sm:leading-8 text-white font-light mx-4 sm:mx-0">Pioneering an ecosystem where startups can harness emerging technologies to reclaim their sovereignty while prioritizing environmental and social sustainability.</p>
<div class="mt-10 flex items-center justify-center gap-x-6"> <div class="mt-10 flex items-center justify-center gap-x-6">
<a href="/about" 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> <a href="/about" class="rounded-md main-button px-3.5 py-2.5 font-semibold shadow-sm hover:bg- focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:bg-hover">Learn More</a>
</div> </div>
</div> </div>
</div> </div>
@ -38,9 +42,15 @@
background: #000; background: #000;
} }
.main-button {
color: #fff;
background: #6366f1;
}
.bg-hover { .bg-hover {
color: white; color: white;
background: #020202; background: #020202;
} }
/* Custom styles for smaller font, margin adjustments, and line spacing for mobile */ /* Custom styles for smaller font, margin adjustments, and line spacing for mobile */

2
templates/partials/ourpass.html
View File

@ -11,7 +11,7 @@
<p class="mt-2 text-xl leading-8 text-gray-900">A Unique Approach to Global Citizenship</p> <p class="mt-2 text-xl leading-8 text-gray-900">A Unique Approach to Global Citizenship</p>
<p class="mt-6 text-lg leading-8 text-gray-600">OurWorld presents SAFE: an innovative approach to obtaining global citizenship through strategic investment. The Venture Creator Passport Program offers a unique pathway for global investors to obtain residency and, eventually, citizenship in multiple countries.</p> <p class="mt-6 text-lg leading-8 text-gray-600">OurWorld presents SAFE: an innovative approach to obtaining global citizenship through strategic investment. The Venture Creator Passport Program offers a unique pathway for global investors to obtain residency and, eventually, citizenship in multiple countries.</p>
<div class="mt-8 flex items-center gap-x-6"> <div class="mt-8 flex items-center gap-x-6">
<a href="/invest" 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">Learn More</a> <a href="/invest" class="rounded-md main-button 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">Learn More</a>
</div> </div>
</div> </div>
</div> </div>

2
templates/partials/people.html
View File

@ -15,7 +15,7 @@
<p class="text-base font-light mt-8">From engineers to strategists, our team works tirelessly to build a future where everyone has access to secure digital resources. We believe in the power of community to achieve our shared goals of creating and supporting ventures that drive positive change for a better world.</p> <p class="text-base font-light mt-8">From engineers to strategists, our team works tirelessly to build a future where everyone has access to secure digital resources. We believe in the power of community to achieve our shared goals of creating and supporting ventures that drive positive change for a better world.</p>
</div> </div>
<div class="mt-8 flex items-center gap-x-6"> <div class="mt-8 flex items-center gap-x-6">
<a href="/people" 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">Our People</a> <a href="/people" class="rounded-md main-button 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">Our People</a>
</div> </div>
</div> </div>
</div> </div>

2
templates/partials/ventures.html
View File

@ -27,7 +27,7 @@
<h1 class="text-3xl font-bold tracking-tight text-gray-900 sm:text-4xl">Where Innovation Meets Independence</h1> <h1 class="text-3xl font-bold tracking-tight text-gray-900 sm:text-4xl">Where Innovation Meets Independence</h1>
<p class="mt-6 text-lg leading-8 text-gray-600 sm:max-w-md lg:max-w-none">All ventures within the Our World ecosystem are connected through our shared principles, values, and a desire to bring forward a new era of digital sovereignty and self-empowerment. <br>Explore the ventures shaping our future.</p> <p class="mt-6 text-lg leading-8 text-gray-600 sm:max-w-md lg:max-w-none">All ventures within the Our World ecosystem are connected through our shared principles, values, and a desire to bring forward a new era of digital sovereignty and self-empowerment. <br>Explore the ventures shaping our future.</p>
<div class="mt-10 flex items-center gap-x-6"> <div class="mt-10 flex items-center gap-x-6">
<a href="/ventures" 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> <a href="/ventures" class="rounded-md main-button 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> </div>
<div class="mt-14 flex justify-end gap-8 lg:mt-0 lg:pl-0"> <div class="mt-14 flex justify-end gap-8 lg:mt-0 lg:pl-0">