diff --git a/.histoire/dist/histoire.json b/.histoire/dist/histoire.json
index aa0d89d..9eb97d5 100644
--- a/.histoire/dist/histoire.json
+++ b/.histoire/dist/histoire.json
@@ -266,6 +266,33 @@
       ],
       "virtual": false,
       "markdownFile": null
+    },
+    {
+      "id": "src-routes-export-print-printship-weapons-index-story-svelte",
+      "title": "Weapons",
+      "group": null,
+      "layout": {
+        "type": "single",
+        "iframe": true
+      },
+      "icon": null,
+      "iconColor": null,
+      "docsOnly": false,
+      "variants": [
+        {
+          "id": "_default",
+          "title": "default"
+        }
+      ],
+      "relativePath": "src/routes/export/print/PrintShip/Weapons/index.story.svelte",
+      "supportPluginId": "svelte3",
+      "treePath": [
+        "Export",
+        "PrintShip",
+        "Weapons"
+      ],
+      "virtual": false,
+      "markdownFile": null
     }
   ],
   "markdownFiles": []
diff --git a/.histoire/screenshots/src-routes-export-print-printship-index-story-svelte-_default-1280x800.png b/.histoire/screenshots/src-routes-export-print-printship-index-story-svelte-_default-1280x800.png
index 9ee9cf8..11ecfe7 100644
Binary files a/.histoire/screenshots/src-routes-export-print-printship-index-story-svelte-_default-1280x800.png and b/.histoire/screenshots/src-routes-export-print-printship-index-story-svelte-_default-1280x800.png differ
diff --git a/.histoire/screenshots/src-routes-export-print-printship-weapons-index-story-svelte-_default-1280x800.png b/.histoire/screenshots/src-routes-export-print-printship-weapons-index-story-svelte-_default-1280x800.png
new file mode 100644
index 0000000..40aad15
Binary files /dev/null and b/.histoire/screenshots/src-routes-export-print-printship-weapons-index-story-svelte-_default-1280x800.png differ
diff --git a/src/lib/components/About.svelte b/src/lib/components/About.svelte
deleted file mode 100644
index 364478c..0000000
--- a/src/lib/components/About.svelte
+++ /dev/null
@@ -1,92 +0,0 @@
-{#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}
-
-<script>
-  import { Modal, Card } from "svelte-chota";
-  import Changelog from "./Changelog.svelte";
-
-  let showChangelog = false;
-</script>
-
-<style>
-  h2 {
-    font-size: var(--font-scale-14);
-    font-family: Faktos;
-    margin-bottom: 0px;
-  }
-  .header {
-    margin-bottom: 1em;
-    display: flex;
-    align-items: center;
-  }
-
-  p {
-    margin-left: 2em;
-  }
-
-  .version {
-    flex: 1;
-    text-align: right;
-  }
-
-  .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;
-  }
-</style>
diff --git a/src/lib/components/About.test.js b/src/lib/components/About.test.js.todo
similarity index 100%
rename from src/lib/components/About.test.js
rename to src/lib/components/About.test.js.todo
diff --git a/src/lib/components/Header.svelte b/src/lib/components/Header.svelte
deleted file mode 100644
index c0c9657..0000000
--- a/src/lib/components/Header.svelte
+++ /dev/null
@@ -1,94 +0,0 @@
-<header>
-  <h1>The Docks</h1>
-  <h2>
-    a <a href="https://shop.groundzerogames.co.uk/rules.html">Full Thrust</a> ship
-    builder
-  </h2>
-  <a on:click|preventDefault={() => (showAbout = true)}>about the app</a>
-</header>
-
-<div class="menu">
-  <Tabs bind:active={activeTab}>
-    <Tab tabid="editor">editor</Tab>
-    <Tab tabid="json">json view</Tab>
-    <Tab tabid="print">print view</Tab>
-  </Tabs>
-
-  <div class="actions">
-    <a on:click|preventDefault={resetShip}>reset ship</a>
-  </div>
-</div>
-
-<Modal bind:open={showAbout}>
-  <About />
-</Modal>
-
-<script>
-  import { getContext, createEventDispatcher } from "svelte";
-  import { Modal, Card, Nav, Tab, Tabs } from "svelte-chota";
-
-  import About from "./About.svelte";
-  let showAbout = false;
-  let activeTab = "editor";
-
-  const ship = getContext("ship");
-
-  const dispatch = createEventDispatcher();
-  $: dispatch("changeTab", activeTab);
-
-  const resetShip = () => {
-    if (!window.confirm("you really want to reset the ship?")) return;
-
-    ship.dispatch.resetShip();
-  };
-</script>
-
-<style>
-  header {
-    display: flex;
-    align-items: baseline;
-    width: var(--main-width);
-    margin-left: auto;
-    margin-right: auto;
-    margin-bottom: 1em;
-  }
-  h1,
-  h2 {
-    text-align: left;
-    font-family: Faktos;
-    padding: 0px;
-    margin: 0px;
-  }
-
-  h1 {
-    font-size: var(--font-scale-15);
-  }
-  h2 {
-    flex: 1;
-    padding-left: 1em;
-    font-size: var(--font-scale-13);
-  }
-  header > a {
-    margin: 0px 2em;
-    font-size: var(--font-scale-10);
-  }
-  div :global(nav) {
-    margin-left: 2em;
-    margin-bottom: 2em;
-  }
-  div :global(nav span) {
-    font-weight: bold;
-    font-family: var(--main-font-family);
-    font-size: var(--font-scale-12);
-    margin-right: 1em;
-    padding-bottom: 0.125em !important;
-  }
-  .menu {
-    display: flex;
-    align-items: baseline;
-  }
-  .menu .actions {
-    flex: 1;
-    text-align: right;
-  }
-</style>
diff --git a/src/lib/components/Header.test.js b/src/lib/components/Header.test.js
deleted file mode 100644
index 1270067..0000000
--- a/src/lib/components/Header.test.js
+++ /dev/null
@@ -1,10 +0,0 @@
-import { test, expect } from "vitest";
-import { render } from "@testing-library/svelte";
-
-import App from "./Header.svelte";
-
-test("reset ship link is present", () => {
-  const { queryByText } = render(App);
-
-  expect(queryByText("reset ship")).toBeTruthy();
-});
diff --git a/src/lib/components/__image_snapshots__/screenshots-test-ts-src-lib-components-screenshots-test-ts-image-snapshot-1-snap.png b/src/lib/components/__image_snapshots__/screenshots-test-ts-src-lib-components-screenshots-test-ts-image-snapshot-1-snap.png
index 1773dfc..16820fb 100644
Binary files a/src/lib/components/__image_snapshots__/screenshots-test-ts-src-lib-components-screenshots-test-ts-image-snapshot-1-snap.png and b/src/lib/components/__image_snapshots__/screenshots-test-ts-src-lib-components-screenshots-test-ts-image-snapshot-1-snap.png differ
diff --git a/src/lib/components/__image_snapshots__/screenshots-test-ts-src-lib-components-screenshots-test-ts-image-snapshot-11-snap.png b/src/lib/components/__image_snapshots__/screenshots-test-ts-src-lib-components-screenshots-test-ts-image-snapshot-11-snap.png
new file mode 100644
index 0000000..120f122
Binary files /dev/null and b/src/lib/components/__image_snapshots__/screenshots-test-ts-src-lib-components-screenshots-test-ts-image-snapshot-11-snap.png differ
diff --git a/src/lib/components/__image_snapshots__/screenshots-test-ts-src-lib-components-screenshots-test-ts-image-snapshot-12-snap.png b/src/lib/components/__image_snapshots__/screenshots-test-ts-src-lib-components-screenshots-test-ts-image-snapshot-12-snap.png
new file mode 100644
index 0000000..28bd9c4
Binary files /dev/null and b/src/lib/components/__image_snapshots__/screenshots-test-ts-src-lib-components-screenshots-test-ts-image-snapshot-12-snap.png differ
diff --git a/src/lib/components/__image_snapshots__/screenshots-test-ts-src-lib-components-screenshots-test-ts-image-snapshot-13-snap.png b/src/lib/components/__image_snapshots__/screenshots-test-ts-src-lib-components-screenshots-test-ts-image-snapshot-13-snap.png
new file mode 100644
index 0000000..11ecfe7
Binary files /dev/null and b/src/lib/components/__image_snapshots__/screenshots-test-ts-src-lib-components-screenshots-test-ts-image-snapshot-13-snap.png differ
diff --git a/src/lib/components/__image_snapshots__/screenshots-test-ts-src-lib-components-screenshots-test-ts-image-snapshot-14-snap.png b/src/lib/components/__image_snapshots__/screenshots-test-ts-src-lib-components-screenshots-test-ts-image-snapshot-14-snap.png
new file mode 100644
index 0000000..af2cbe4
Binary files /dev/null and b/src/lib/components/__image_snapshots__/screenshots-test-ts-src-lib-components-screenshots-test-ts-image-snapshot-14-snap.png differ
diff --git a/src/lib/components/__image_snapshots__/screenshots-test-ts-src-lib-components-screenshots-test-ts-image-snapshot-15-snap.png b/src/lib/components/__image_snapshots__/screenshots-test-ts-src-lib-components-screenshots-test-ts-image-snapshot-15-snap.png
new file mode 100644
index 0000000..40aad15
Binary files /dev/null and b/src/lib/components/__image_snapshots__/screenshots-test-ts-src-lib-components-screenshots-test-ts-image-snapshot-15-snap.png differ
diff --git a/src/lib/components/__image_snapshots__/screenshots-test-ts-src-lib-components-screenshots-test-ts-image-snapshot-3-snap.png b/src/lib/components/__image_snapshots__/screenshots-test-ts-src-lib-components-screenshots-test-ts-image-snapshot-3-snap.png
index 8b561f2..a976754 100644
Binary files a/src/lib/components/__image_snapshots__/screenshots-test-ts-src-lib-components-screenshots-test-ts-image-snapshot-3-snap.png and b/src/lib/components/__image_snapshots__/screenshots-test-ts-src-lib-components-screenshots-test-ts-image-snapshot-3-snap.png differ