Merge branch 'main' into pages

This commit is contained in:
Yanick Champoux 2021-06-13 13:21:12 -04:00
commit 6d93e33cd8
2 changed files with 54 additions and 42 deletions

View File

@ -2,7 +2,9 @@
<Header /> <Header />
<nav> <nav>
<button class="button is-danger" type="button" on:click={reset}>reset</button> <button class="button is-danger" type="button" on:click={reset}
>reset</button
>
<div class="spacer" /> <div class="spacer" />
@ -16,7 +18,9 @@
<button class="button" on:click={() => set_output("json")}>json</button> <button class="button" on:click={() => set_output("json")}>json</button>
</p> </p>
<p class="control"> <p class="control">
<button class="button" on:click={() => set_output("print")}>print</button> <button class="button" on:click={() => set_output("print")}
>print</button
>
</p> </p>
</div> </div>
</nav> </nav>
@ -64,7 +68,12 @@
<AddWeapon /> <AddWeapon />
{#each weapons as weapon (weapon.id)} {#each weapons as weapon (weapon.id)}
<Weapon {weapon} id={weapon.id} cost={weapon.cost} mass={weapon.mass} /> <Weapon
{weapon}
id={weapon.id}
cost={weapon.cost}
mass={weapon.mass}
/>
{/each} {/each}
</Section> </Section>
@ -73,7 +82,7 @@
<footer> <footer>
Written by <a href="https://twitter.com/yenzie">Yanick Champoux</a>. Code Written by <a href="https://twitter.com/yenzie">Yanick Champoux</a>. Code
available on available on
<a href="https://github.com/yanick/aotds-shipyard">Github</a> <a href="https://github.com/aotds/aotds-shipyard">Github</a>
</footer> </footer>
{/if} {/if}
@ -135,7 +144,6 @@
let output = null; let output = null;
const set_output = (value) => (output = value); const set_output = (value) => (output = value);
</script> </script>
<style> <style>
@ -177,5 +185,4 @@
.about { .about {
margin-right: 2em; margin-right: 2em;
} }
</style> </style>

View File

@ -1,44 +1,49 @@
<aside transition:fly={{x: -800, opacity: 1}}> <aside transition:fly={{ x: -800, opacity: 1 }}>
<div> <div>
<input type="button" class="button small red" value="close" <input
on:click={close}/> type="button"
</div> class="button small red"
<h3>welcome to the docks</h3> value="close"
on:click={close}
/>
</div>
<h3>welcome to the docks</h3>
<p> <p>
This app is a ship builder for the game This app is a ship builder for the game
<a href="https://shop.groundzerogames.co.uk/rules.html">Full Thrust</a> <a href="https://shop.groundzerogames.co.uk/rules.html">Full Thrust</a>
. .
</p> </p>
<p> <p>
The app, beside any exception mentioned here, is trying to follow the The app, beside any exception mentioned here, is trying to follow the
<a href="http://members.ozemail.com.au/~laranzu/fullthrust/rules/"> <a href="http://members.ozemail.com.au/~laranzu/fullthrust/rules/">
Cross Dimensions rules Cross Dimensions rules
</a> </a>
as closely as possible. as closely as possible.
</p> </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>The app is mostly developed for Firefox. I also check as much as I <p>
can that I don't mess things too badly on Chrome. For the other Written by
browsers... caveat emptor.</p> <a href="https://twitter.com/yenzie">Yanick Champoux</a>
. Code available on
<a href="https://github.com/aotds/aotds-shipyard">Github</a>
</p>
</aside>
<p> <script>
Written by import { fly } from "svelte/transition";
<a href="https://twitter.com/yenzie">Yanick Champoux</a> import { createEventDispatcher } from "svelte";
. Code available on
<a href="https://github.com/yanick/aotds-shipyard">Github</a>
</p>
</aside>
<script> const dispatch = createEventDispatcher();
import { fly } from 'svelte/transition'; const close = () => dispatch("close");
import {createEventDispatcher} from 'svelte'; </script>
const dispatch = createEventDispatcher();
const close = () => dispatch('close');
</script>
<style> <style>
aside { aside {
@ -64,6 +69,6 @@
margin: 0px; margin: 0px;
} }
div { div {
text-align: right; text-align: right;
} }
</style> </style>