Add links to the home and settings pages in the footer.

source/ts/components/shared-footer.ts

@@ -2,14 +2,31 @@ import {Component, html} from 'htm/preact';
 
 import ExternalAnchor from './external-anchor.js';
 
-export default class SharedFooter extends Component {
+type Props = {
+  page: string;
+};
+
+export default class SharedFooter extends Component<Props> {
   render() {
+    const {page} = this.props;
+
+    const homeLink =
+      page === 'home' || page === 'not-found'
+        ? undefined
+        : html`<a href="/">Home</a>${' '}`;
+
+    const settingsLink =
+      page === 'settings'
+        ? undefined
+        : html`<a href="/settings">Settings</a>${' '}`;
+
     const githubUrl = 'https://github.com/Bauke/href-plus';
     const versionText = `v${hrefPlusVersion}/${hrefPlusCommitHash}`;
     const versionUrl = `${githubUrl}/tree/${hrefPlusCommitHash}`;
 
     return html`
       <footer class="shared-footer">
+        ${homeLink}${settingsLink}
         <${ExternalAnchor} text="GitHub" url=${githubUrl} />
         ${' '}
         <${ExternalAnchor} text=${versionText} url=${versionUrl} />

source/ts/pages/home.ts

@@ -59,7 +59,7 @@ export default class HomePage extends Component {
           </div>
         </main>
 
-        <${SharedFooter} />
+        <${SharedFooter} page="home" />
       </div>
     `;
   }

source/ts/pages/not-found.ts

@@ -13,7 +13,7 @@ export default class NotFoundPage extends Component {
           <a href="/">← Home</a>
         </main>
 
-        <${SharedFooter} />
+        <${SharedFooter} page="not-found" />
       </div>
     `;
   }

source/ts/pages/settings.ts

@@ -59,7 +59,7 @@ export default class SettingsPage extends Component<Props, State> {
           </p>
         </section>
 
-        <${SharedFooter} />
+        <${SharedFooter} page="settings" />
       </div>
     `;
   }