From 0a8ed55af567c1558e4b26078c9abb3fe4d4c1ee Mon Sep 17 00:00:00 2001
From: Yanick Champoux <yanick@babyl.ca>
Date: Mon, 28 Feb 2022 15:46:57 -0500
Subject: [PATCH] add the ribbon and the header

---
 src/lib/components/App-original.svelte | 4 ----
 src/lib/components/App.svelte          | 5 ++++-
 2 files changed, 4 insertions(+), 5 deletions(-)

diff --git a/src/lib/components/App-original.svelte b/src/lib/components/App-original.svelte
index 9de857f..136740d 100644
--- a/src/lib/components/App-original.svelte
+++ b/src/lib/components/App-original.svelte
@@ -1,6 +1,3 @@
-<Ribbon />
-<Header />
-
 <nav>
   <button class="button is-danger" type="button" on:click={reset}
     >reset</button
@@ -89,7 +86,6 @@
 <script>
   import { setContext } from "svelte";
 
-  import Header from "./Header.svelte";
   import Ribbon from "./Ribbon.svelte";
   import shipStore from "../stores/ship";
   import OutputJson from "./Output/Json.svelte";
diff --git a/src/lib/components/App.svelte b/src/lib/components/App.svelte
index 624dfa9..3b036f9 100644
--- a/src/lib/components/App.svelte
+++ b/src/lib/components/App.svelte
@@ -1,7 +1,10 @@
 <Ribbon />
+<Header />
 
 <script>
-import Ribbon from '$lib/components/Ribbon.svelte';
+import Ribbon from './Ribbon.svelte';
+import Header from './Header.svelte';
+
 
 </script>