flightsimulatorplatfrom/OpenSquawk
1
0
Fork 0
mirror of https://github.com/OpenSquawk/OpenSquawk synced 2026-08-05 08:55:54 +08:00
Code Issues Packages Projects Releases Wiki Activity

remove hero

Browse Source
This commit is contained in:
itsrubberduck
2025-09-21 21:41:26 +02:00
parent e7b90f9550
commit 013193304b
1 changed files with 1 additions and 75 deletions
Download Patch File Download Diff File Expand all files Collapse all files

76
app/pages/learn.vue
View File

@@ -30,85 +30,11 @@
</header>
<!-- HERO -->
<section v-if="panel==='hub'" class="hero" role="region" aria-label="Intro">
<div class="container">
<div class="panel hero-panel" :style="worldTiltStyle" @mousemove="tilt">
<div class="hero-left">
<h1 class="h1">Pilot Comms Trainer</h1>
<p class="muted hero-sub">
Build confident pilot readbacks with scenario-driven missions, instant scoring, and badges that react to
your flying.
</p>
<div v-if="missionObjective && !missionObjective.complete" class="objective-callout">
<div class="objective-body">
<div class="objective-title-row">
<v-icon size="18">{{ missionObjective.icon }}</v-icon>
<span class="objective-title">{{ missionObjective.title }}</span>
</div>
<p class="muted small">{{ missionObjective.description }}</p>
<div class="objective-progress">
<div class="objective-progress-bar">
<div class="objective-progress-fill"
:style="{ width: objectiveProgressPct(missionObjective) + '%' }"></div>
</div>
<div class="objective-progress-meta">{{ missionObjective.status }}</div>
</div>
</div>
<button class="btn primary" type="button" @click="resumeMissionObjective">
<v-icon size="18">mdi-play</v-icon>
Resume
</button>
</div>
</div>
<div class="hero-right">
<div class="hero-stats">
<div class="hero-stats-title">
<v-icon size="18">mdi-chart-line</v-icon>
Mission stats
</div>
<div class="hero-metrics">
<div class="metric-card">
<div class="metric-icon">
<v-icon size="20">mdi-headset</v-icon>
</div>
<div class="metric-main">
<div class="metric-value">{{ finishedLessons }}/{{ totalLessons }}</div>
<div class="metric-label">Lessons complete</div>
</div>
</div>
<div class="metric-card">
<div class="metric-icon">
<v-icon size="20">mdi-target</v-icon>
</div>
<div class="metric-main">
<div class="metric-value">{{ missionCompletionPct }}%</div>
<div class="metric-label">Mission progress</div>
</div>
</div>
<div class="metric-card">
<div class="metric-icon">
<v-icon size="20">mdi-star-shooting</v-icon>
</div>
<div class="metric-main">
<div class="metric-value">{{ finishedLessons ? globalAccuracy + '%' : '—' }}</div>
<div class="metric-label">Avg. best score</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- HUB -->
<main v-if="panel==='hub'" class="container" role="main">
<div class="hub-head">
<h2 class="h2">Mission Hub</h2>
<h2 class="h2">Training Mission Hub</h2>
<div class="muted">Start with the ICAO alphabet & numbers, then basics, ground, and more.</div>
</div>