89 lines
3.0 KiB
Vue
89 lines
3.0 KiB
Vue
<script setup>
|
|
</script>
|
|
|
|
<template>
|
|
<q-layout view="lHh Lpr lFf" style="background: url('hp/bg.jpg'); background-size: cover;">
|
|
|
|
<q-header class="bg-semi-transparent text-black" elevated>
|
|
<q-toolbar>
|
|
<q-toolbar-title>
|
|
Polétání.cz
|
|
</q-toolbar-title>
|
|
|
|
<q-btn rounded class="q-mx-sm" :to="{name: 'login'}" flat>Přihlášení</q-btn>
|
|
<q-btn rounded class="q-mx-sm" :to="{name: 'registration'}" color="primary">Registrace</q-btn>
|
|
</q-toolbar>
|
|
</q-header>
|
|
|
|
<q-page-container class="q-py-none">
|
|
<q-page>
|
|
<div class="row q-mx-md">
|
|
<div class="xs-hide sm-hide col-md-6 text-center">
|
|
<q-img src="hp/app_screenshot.png" fit="contain" class="app-screen" alt="Nahled aplikace"/>
|
|
</div>
|
|
|
|
<div class="col col-md-6">
|
|
<div class="info-box bg-semi-transparent q-mx-lg q-py-lg q-px-lg rounded-borders">
|
|
<div class="text-h3 text-center">Pochlub se polétáním</div>
|
|
|
|
<q-timeline color="primary" class="q-my-lg">
|
|
<q-timeline-entry title="Zaznamenej si let">
|
|
<div>
|
|
Zapiš si odkud, kdy a čím jsi letěl. Aplikace sama stáhne informace o počasí při vzletu a přistání.
|
|
</div>
|
|
</q-timeline-entry>
|
|
|
|
|
|
<q-timeline-entry title="Vyber a nahraj fotky">
|
|
<div>
|
|
Máš nějaké fotky z letu? Nahraj je ke svému letu! A pokud mají v sobě uloženou informaci o poloze, polétání.cz ti zobrazí i místo kde fotka vznikla.
|
|
</div>
|
|
</q-timeline-entry>
|
|
|
|
<q-timeline-entry title="Ulož trasu">
|
|
<div>
|
|
Polétání.cz umí pracovat s trasou ve formátu GPX. Pokud ale tento záznam nemáš, můžeš si naklikat trasu ručně.
|
|
</div>
|
|
</q-timeline-entry>
|
|
|
|
<q-timeline-entry title="Popiš zážitek">
|
|
<div>
|
|
Určitě se po ceste stalo něco vzrušujícího. Proč o tom nenapsat pár vět?
|
|
</div>
|
|
</q-timeline-entry>
|
|
|
|
<q-timeline-entry title="Sdílej">
|
|
<div>
|
|
Létat v sóle je super, ale ještě lepší je se o zážitek podělit. Jedním kliknutím můžeš svůj let zveřejnit a sdílet odkaz kde chceš. Třeba s tvým kopilotem.
|
|
</div>
|
|
</q-timeline-entry>
|
|
</q-timeline>
|
|
|
|
<div class="text-center q-my-lg">
|
|
<q-btn size="xl" :to="{name: 'registration'}" rounded color="secondary">Založit profil</q-btn>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
</q-page>
|
|
</q-page-container>
|
|
</q-layout>
|
|
</template>
|
|
|
|
<style lang="scss">
|
|
.bg-semi-transparent {
|
|
background: rgba(255, 255, 255, 0.6);
|
|
backdrop-filter: blur(10px);
|
|
}
|
|
|
|
.info-box {
|
|
font-size: 150%;
|
|
}
|
|
|
|
.app-screen {
|
|
max-height: 85vh;
|
|
}
|
|
|
|
</style>
|