Merge branch 'main' into pages
This commit is contained in:
commit
6d93e33cd8
@ -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>
|
||||||
|
@ -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 {
|
||||||
|
Loading…
Reference in New Issue
Block a user