From 739bde9638252828c2a42a4c90db40f398a55f19 Mon Sep 17 00:00:00 2001
From: Yanick Champoux <yanick@babyl.ca>
Date: Fri, 5 May 2023 12:00:50 -0400
Subject: [PATCH] add an also page

---
 src/routes/about/+layout.svelte        |  6 +++++-
 src/routes/about/layout.test.js        |  9 +++++++++
 src/routes/about/see-also/+page.svelte | 17 +++++++++++++++++
 3 files changed, 31 insertions(+), 1 deletion(-)
 create mode 100644 src/routes/about/layout.test.js
 create mode 100644 src/routes/about/see-also/+page.svelte

diff --git a/src/routes/about/+layout.svelte b/src/routes/about/+layout.svelte
index 6e2f9f4..5c23321 100644
--- a/src/routes/about/+layout.svelte
+++ b/src/routes/about/+layout.svelte
@@ -1,8 +1,12 @@
 <nav class="m l left">
-  <a>
+  <a href="/about">
     <i>Question_Mark</i>
     <span>About</span>
   </a>
+  <a href="/about/see-also">
+    <i>Read_more</i>
+    <span>Other resources</span>
+  </a>
   <!-- TODO
     <a>
       <i>Quiz</i>
diff --git a/src/routes/about/layout.test.js b/src/routes/about/layout.test.js
new file mode 100644
index 0000000..bb4af0e
--- /dev/null
+++ b/src/routes/about/layout.test.js
@@ -0,0 +1,9 @@
+import { render, fireEvent, screen, getByText } from "@testing-library/svelte";
+import "@testing-library/jest-dom";
+
+import Layout from "./+layout.svelte";
+
+test("we have a see-also page", () => {
+  const { getByText } = render(Layout);
+  expect(getByText("Other resources")).toBeInTheDocument();
+});
diff --git a/src/routes/about/see-also/+page.svelte b/src/routes/about/see-also/+page.svelte
new file mode 100644
index 0000000..29e9fc1
--- /dev/null
+++ b/src/routes/about/see-also/+page.svelte
@@ -0,0 +1,17 @@
+<h2>Other Full Thrust resources out there</h2>
+
+<ul>
+  <li>
+    <a href="http://shipyard.mechworld.de/" target="_new"
+      >Full Thrust Shipyard</a
+    >, by mechworld.
+  </li>
+</ul>
+
+<style>
+  ul {
+    font-size: var(--font-scale-11);
+    margin-top: 2em;
+    margin-left: 2em;
+  }
+</style>