From 1ddbe435b18d69d26640254914bbfb3f2cb83590 Mon Sep 17 00:00:00 2001
From: Martin Berg Alstad <600878@stud.hvl.no>
Date: Wed, 18 Jan 2023 22:09:18 +0100
Subject: [PATCH] Added link to simplify truths page, and backlink to home

---
 src/components/footer.tsx |  1 -
 src/components/header.tsx | 19 +++++++++++++++----
 src/components/link.tsx   |  3 ++-
 src/index.tsx             |  5 +++++
 src/types/interfaces.ts   |  1 +
 5 files changed, 23 insertions(+), 6 deletions(-)

diff --git a/src/components/footer.tsx b/src/components/footer.tsx
index eac1467..2609df0 100644
--- a/src/components/footer.tsx
+++ b/src/components/footer.tsx
@@ -7,7 +7,6 @@ const Footer: Component<SimpleProps> = ({ className }) => {
     return (
         <footer class={ `text-center py-5 absolute bottom-0 container ${ className }` }>
             <p>Kildekode på <Link to={ "https://github.com/h600878/martials.no" }>GitHub</Link></p>
-            <p>Self-hosted on Raspberry Pi 4</p>
         </footer>
     );
 };
diff --git a/src/components/header.tsx b/src/components/header.tsx
index 4f60325..70cd4c1 100644
--- a/src/components/header.tsx
+++ b/src/components/header.tsx
@@ -1,13 +1,24 @@
 /* @refresh reload */
-
-import { type Component } from "solid-js";
+import { type Component, Show } from "solid-js";
 import type { TitleProps } from "../types/interfaces";
+import { Icon } from "solid-heroicons";
+import { chevronLeft } from "solid-heroicons/solid";
+import { Link } from "./link";
 
 const Header: Component<TitleProps> = ({ className, title }) => {
     return (
         <header class={ className }>
-            <h1 class={ "text-center text-cyan-500" }>{ title }</h1>
-            <div class={"mx-auto w-fit"}>
+            <div class={ "flex-row-center mx-auto w-fit" }>
+
+                <Show when={ typeof location !== "undefined" && location.pathname !== "/" } keyed>
+                    <Link to={ "/" } newTab={ false } title={ "Back to homepage" }>
+                        <Icon path={ chevronLeft } class={ "text-cyan-500" } />
+                    </Link>
+                </Show>
+
+                <h1 class={ "text-center text-cyan-500" }>{ title }</h1>
+            </div>
+            <div class={ "mx-auto w-fit" }>
                 <p>Av Martin Berg Alstad</p>
             </div>
         </header>
diff --git a/src/components/link.tsx b/src/components/link.tsx
index 040ab97..06b431c 100644
--- a/src/components/link.tsx
+++ b/src/components/link.tsx
@@ -10,9 +10,10 @@ export const Link: Component<LinkProps> = (
         className,
         id,
         newTab = true,
+        title,
     }) => {
     return (
-        <a href={ to } id={ id }
+        <a href={ to } id={ id } title={ title }
            rel={ `${ rel } ${ newTab ? "noreferrer" : undefined }` }
            target={ newTab ? "_blank" : undefined }
            class={ `link ${ className }` }>
diff --git a/src/index.tsx b/src/index.tsx
index cead567..26d9c4b 100644
--- a/src/index.tsx
+++ b/src/index.tsx
@@ -29,6 +29,11 @@ const cards = [
         title: "Hjemmeside",
         children: <p>Sjekk ut mine andre prosjekter</p>,
         to: "https://h600878.github.io/",
+    },
+    {
+        title: "Forenkle sannhetsverdier",
+        children: <p>Implementering av API</p>,
+        to: `/simplify-truths.html`,
     }
 ] satisfies CardProps[];
 
diff --git a/src/types/interfaces.ts b/src/types/interfaces.ts
index 5f7fa7c..014c5dc 100644
--- a/src/types/interfaces.ts
+++ b/src/types/interfaces.ts
@@ -5,6 +5,7 @@ export interface SimpleProps {
     className?: string,
     style?: JSX.CSSProperties,
     id?: string,
+    title?: string,
 }
 
 export interface ChildProps extends SimpleProps {