2022-04-17 21:51:31 +00:00
|
|
|
{#if showChangelog}
|
|
|
|
<Card>
|
|
|
|
<h2 slot="header">Changelog for the Docks</h2>
|
|
|
|
<div class="changelog">
|
|
|
|
<Changelog />
|
|
|
|
</div>
|
|
|
|
</Card>
|
|
|
|
{:else}
|
|
|
|
<Card>
|
|
|
|
<div slot="header" class="header">
|
|
|
|
<h2>Welcome to the docks</h2>
|
|
|
|
|
|
|
|
<div class="version">
|
|
|
|
<div>version {import.meta.env.PACKAGE_VERSION}</div>
|
|
|
|
<a on:click={() => (showChangelog = true)}>changelog</a>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
<p>
|
|
|
|
This app is a ship builder for the game
|
|
|
|
<a href="https://shop.groundzerogames.co.uk/rules.html">Full Thrust</a>
|
|
|
|
.
|
|
|
|
</p>
|
|
|
|
|
|
|
|
<p>
|
|
|
|
The contruction rules are following the
|
|
|
|
<a href="http://members.ozemail.com.au/~laranzu/fullthrust/rules/">
|
|
|
|
Cross Dimensions rules
|
|
|
|
</a>
|
|
|
|
as closely as possible.
|
|
|
|
</p>
|
|
|
|
|
|
|
|
<p>
|
|
|
|
The app is mostly developed for Firefox. I also check as much as I can
|
|
|
|
that I don't mess things too badly on Chrome. For the other browsers...
|
|
|
|
caveat emptor.
|
|
|
|
</p>
|
|
|
|
|
|
|
|
<p>
|
|
|
|
Written by
|
|
|
|
<a href="https://twitter.com/yenzie">Yanick Champoux</a>
|
|
|
|
. Code available on
|
|
|
|
<a href="https://github.com/aotds/aotds-shipyard">Github</a>.
|
|
|
|
</p>
|
|
|
|
</Card>
|
|
|
|
{/if}
|
2020-07-30 22:12:10 +00:00
|
|
|
|
2021-06-13 17:21:00 +00:00
|
|
|
<script>
|
2022-04-17 16:59:37 +00:00
|
|
|
import { Modal, Card } from "svelte-chota";
|
2022-04-17 21:51:31 +00:00
|
|
|
import Changelog from "./Changelog.svelte";
|
|
|
|
|
|
|
|
let showChangelog = false;
|
2021-06-13 17:21:00 +00:00
|
|
|
</script>
|
2020-07-28 21:20:30 +00:00
|
|
|
|
|
|
|
<style>
|
2022-04-17 16:59:37 +00:00
|
|
|
h2 {
|
2022-03-20 21:48:45 +00:00
|
|
|
font-size: var(--font-scale-14);
|
|
|
|
font-family: Faktos;
|
2022-04-17 16:59:37 +00:00
|
|
|
margin-bottom: 0px;
|
2020-07-28 21:20:30 +00:00
|
|
|
}
|
2022-04-17 16:59:37 +00:00
|
|
|
.header {
|
|
|
|
margin-bottom: 1em;
|
|
|
|
display: flex;
|
2022-04-17 21:51:31 +00:00
|
|
|
align-items: center;
|
2020-07-28 21:20:30 +00:00
|
|
|
}
|
2022-04-17 21:51:31 +00:00
|
|
|
|
2022-04-17 16:59:37 +00:00
|
|
|
p {
|
2022-03-20 21:48:45 +00:00
|
|
|
margin-left: 2em;
|
2022-04-17 16:59:37 +00:00
|
|
|
}
|
2022-04-17 21:51:31 +00:00
|
|
|
|
2022-04-17 16:59:37 +00:00
|
|
|
.version {
|
|
|
|
flex: 1;
|
|
|
|
text-align: right;
|
|
|
|
}
|
2022-04-17 21:51:31 +00:00
|
|
|
|
|
|
|
.changelog :global(h1),
|
|
|
|
:global(h1 + p) {
|
|
|
|
display: none;
|
|
|
|
}
|
|
|
|
|
|
|
|
.changelog :global(h2) {
|
|
|
|
font-size: var(--font-scale-12);
|
|
|
|
font-family: Faktos;
|
|
|
|
}
|
|
|
|
.changelog :global(h3) {
|
|
|
|
font-size: var(--font-scale-12);
|
|
|
|
font-family: Faktos;
|
|
|
|
}
|
|
|
|
.version a {
|
|
|
|
display: inline-block;
|
|
|
|
}
|
2020-07-28 21:20:30 +00:00
|
|
|
</style>
|