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,7 +1,11 @@
<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"
class="button small red"
value="close"
on:click={close}
/>
</div> </div>
<h3>welcome to the docks</h3> <h3>welcome to the docks</h3>
@ -19,26 +23,27 @@
as closely as possible. as closely as possible.
</p> </p>
<p>
<p>The app is mostly developed for Firefox. I also check as much as I The app is mostly developed for Firefox. I also check as much as I can
can that I don't mess things too badly on Chrome. For the other that I don't mess things too badly on Chrome. For the other browsers...
browsers... caveat emptor.</p> caveat emptor.
</p>
<p> <p>
Written by Written by
<a href="https://twitter.com/yenzie">Yanick Champoux</a> <a href="https://twitter.com/yenzie">Yanick Champoux</a>
. Code available on . Code available on
<a href="https://github.com/yanick/aotds-shipyard">Github</a> <a href="https://github.com/aotds/aotds-shipyard">Github</a>
</p> </p>
</aside> </aside>
<script> <script>
import { fly } from 'svelte/transition'; import { fly } from "svelte/transition";
import {createEventDispatcher} from 'svelte'; import { createEventDispatcher } from "svelte";
const dispatch = createEventDispatcher(); const dispatch = createEventDispatcher();
const close = () => dispatch('close'); const close = () => dispatch("close");
</script> </script>
<style> <style>
aside { aside {