move informational footer to own component

routes/_components/InformationalFooter.html

@@ -0,0 +1,20 @@
+<HiddenFromSSR>
+  <footer>
+    <p>
+      Pinafore is <ExternalLink href="https://github.com/nolanlawson/pinafore">open-source software</ExternalLink>
+      created by <ExternalLink href="https://nolanlawson.com">Nolan Lawson</ExternalLink> and distributed under the
+      <ExternalLink href="https://github.com/nolanlawson/pinafore/blob/master/LICENSE">AGPL License</ExternalLink>.
+    </p>
+  </footer>
+</HiddenFromSSR>
+<script>
+  import HiddenFromSSR from './HiddenFromSSR.html'
+  import ExternalLink from './ExternalLink.html'
+
+  export default {
+    components: {
+      HiddenFromSSR,
+      ExternalLink
+    }
+  }
+</script>

routes/_components/Layout.html

@@ -5,28 +5,18 @@
     <slot></slot>
   </main>
   {{#if !$isUserLoggedIn && page === 'home'}}
-    <HiddenFromSSR>
+    <InformationalFooter />
-      <footer>
-        <p>
-          Pinafore is <ExternalLink href="https://github.com/nolanlawson/pinafore">open-source software</ExternalLink>
-          created by <ExternalLink href="https://nolanlawson.com">Nolan Lawson</ExternalLink> and distributed under the
-          <ExternalLink href="https://github.com/nolanlawson/pinafore/blob/master/LICENSE">AGPL License</ExternalLink>.
-        </p>
-      </footer>
-    </HiddenFromSSR>
   {{/if}}
 </div>
 <script>
 	import Nav from './Nav.html';
   import { store } from '../_store/store'
-  import ExternalLink from './ExternalLink.html'
+  import InformationalFooter from './InformationalFooter.html'
-  import HiddenFromSSR from './HiddenFromSSR.html'
 
 	export default {
 		components: {
 			Nav,
-      ExternalLink,
+      InformationalFooter
-      HiddenFromSSR
 		},
     store: () => store
 	}