Add navigational link

src/page/header/header.scss

@@ -30,12 +30,9 @@
     text-align: justify;
   }
 
-  h1 {
-    hyphens: none;
-  }
-
+  h1,
   p,
-  h1 {
+  a {
     color: var(--very-light-text-color);
     margin-top: var(--line-height);
   }

src/page/link/link.html.ts

@@ -0,0 +1,5 @@
+import { url } from '../../types/url';
+import './link.scss';
+
+export const Link = (title: string, href: url) =>
+  `<a class="link" href="${href}">${title}</a>`;

src/page/link/link.scss

@@ -0,0 +1,6 @@
+@use '../../style/mixins' as *;
+
+.link {
+  text-decoration: none;
+  border-bottom: 2px solid var(--special-text-color);
+}