Add app
This commit is contained in:
@@ -0,0 +1,19 @@
|
||||
<script>
|
||||
import { ship } from './data.js'
|
||||
import { clock, stardate, hhmmss } from './clock.svelte.js'
|
||||
</script>
|
||||
|
||||
<div class="flex flex-wrap items-center justify-between gap-x-6 gap-y-1 border-b border-haze/20 bg-void/60 px-4 py-1.5 text-[0.65rem] uppercase tracking-[0.18em] text-haze">
|
||||
<div class="flex flex-wrap items-center gap-x-6 gap-y-1">
|
||||
<span><span class="text-haze/70">CLASS</span> <span class="text-term">{ship.class}</span></span>
|
||||
<span><span class="text-haze/70">CMD</span> <span class="text-term">{ship.captain}</span></span>
|
||||
</div>
|
||||
<div class="flex flex-wrap items-center gap-x-6 gap-y-1">
|
||||
<span class="flex items-center gap-2">
|
||||
<span class="h-2 w-2 rounded-full bg-ok glow blink"></span>
|
||||
<span class="text-ok glow-sm">CONDITION GREEN</span>
|
||||
</span>
|
||||
<span><span class="text-haze/70">STARDATE</span> <span class="text-term tabular-nums">{stardate(clock.now)}</span></span>
|
||||
<span><span class="text-haze/70">MISSION TIME</span> <span class="text-term tabular-nums glow-sm">{hhmmss(clock.now)}</span></span>
|
||||
</div>
|
||||
</div>
|
||||
Reference in New Issue
Block a user