ourworld_web/www_ourworld_tf
21
0
Fork 0
Code Issues 3 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
Download Patch File Download Diff File Expand all files Collapse all files

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">
<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">&rarr;</span></a>
<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-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 class="text-center">
@@ -13,7 +17,7 @@
<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>
<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>
@@ -38,9 +42,15 @@
background: #000;
}
.main-button {
color: #fff;
background: #6366f1;
}
.bg-hover {
color: white;
background: #020202;
}
/* Custom styles for smaller font, margin adjustments, and line spacing for mobile */