flightsimulatorplatfrom/OpenSquawk
1
0
Fork 0
mirror of https://github.com/OpenSquawk/OpenSquawk synced 2026-08-06 17:53:19 +08:00
Code Issues Packages Projects Releases Wiki Activity

Tweak hero layout copy and min height

Browse Source
This commit is contained in:
Remi
2025-09-21 09:03:46 +02:00
parent c814fd9a48
commit b921ca5b63
1 changed files with 7 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

15
app/pages/index.vue
View File

@@ -109,30 +109,28 @@
<span class="text-cyan-400">Open-source, low-cost AI ATC</span> <span class="text-cyan-400">Open-source, low-cost AI ATC</span>
</h1> </h1>
<p class="mt-4 sm:mt-6 text-white/80 text-base sm:text-lg"> <p class="mt-4 sm:mt-6 text-white/80 text-base sm:text-lg">
We are building an open, affordable AI air traffic control for flight simulators – community-driven, with Open, affordable AI air traffic control for flight simulators. Built in public with self-hosted and hosted
self-hosted and hosted options in planning. paths on the roadmap.
</p> </p>
<ul class="mt-6 space-y-2 text-white/70 text-sm sm:text-base"> <ul class="mt-6 space-y-2 text-white/70 text-sm sm:text-base">
<li class="flex items-start gap-2"> <li class="flex items-start gap-2">
<v-icon icon="mdi-account-group" size="18" class="mt-[3px] text-cyan-300"/> <v-icon icon="mdi-account-group" size="18" class="mt-[3px] text-cyan-300"/>
<span>Community roadmap sets the priorities. Features only ship when they truly help you.</span> <span>Community roadmap decides what launches.</span>
</li> </li>
<li class="flex items-start gap-2"> <li class="flex items-start gap-2">
<v-icon icon="mdi-airplane" size="18" class="mt-[3px] text-cyan-300"/> <v-icon icon="mdi-airplane" size="18" class="mt-[3px] text-cyan-300"/>
<span><strong>Simulator support</strong>: MSFS first, X-Plane next – all with VATSIM-ready training in mind.</span> <span><strong>Simulator support</strong>: MSFS first, X-Plane next – all tuned for VATSIM-ready training.</span>
</li> </li>
</ul> </ul>
<p class="mt-2 text-sm text-white/70"> <p class="mt-2 text-sm text-white/70">
We are looking for collaborators (Node/Nuxt, ATC SMEs, testers, infra/cost benchmarking). Reach out via Collaborators welcome (Node/Nuxt, ATC SMEs, testers, infra benchmarking). Say hi at
<a class="text-cyan-300 underline" href="mailto:info@opensquawk.de">info@opensquawk.de</a>. <a class="text-cyan-300 underline" href="mailto:info@opensquawk.de">info@opensquawk.de</a>.
</p> </p>
<div class="mt-6 flex flex-col gap-2.5 sm:flex-row sm:items-center sm:gap-3"> <div class="mt-6 flex flex-col gap-2.5 sm:flex-row sm:items-center sm:gap-3">
<NuxtLink to="#cta" class="btn btn-primary text-base"> <NuxtLink to="#cta" class="btn btn-primary text-base">
<v-icon icon="mdi-email-fast-outline" size="20"/>
Join the waitlist Join the waitlist
</NuxtLink> </NuxtLink>
<NuxtLink to="/news" class="btn btn-ghost text-base">
Read news
</NuxtLink>
</div> </div>
</div> </div>
<div class="hero-form w-full max-w-xl lg:justify-self-end" data-aos="fade-left" data-aos-delay="140"> <div class="hero-form w-full max-w-xl lg:justify-self-end" data-aos="fade-left" data-aos-delay="140">
@@ -1690,6 +1688,7 @@ onMounted(async () => {
} }
.gradient-hero { .gradient-hero {
min-height: 100vh;
background: radial-gradient(1200px 600px at 10% -10%, rgba(6, 182, 212, .35), transparent), background: radial-gradient(1200px 600px at 10% -10%, rgba(6, 182, 212, .35), transparent),
radial-gradient(900px 480px at 100% 10%, rgba(59, 130, 246, .25), transparent), radial-gradient(900px 480px at 100% 10%, rgba(59, 130, 246, .25), transparent),
linear-gradient(180deg, #0b1020 0%, #0b1020 60%, #0a0f1c 100%); linear-gradient(180deg, #0b1020 0%, #0b1020 60%, #0a0f1c 100%);