From 88e8f22929003c64f10cbb02c56030d4c395c951 Mon Sep 17 00:00:00 2001
From: Hykilpikonna <me@hydev.org>
Date: Tue, 7 Dec 2021 01:49:27 -0500
Subject: [PATCH] [+] New home link

---
 src/App.vue         | 10 ++++++++++
 src/router/index.ts |  5 +++++
 2 files changed, 15 insertions(+)

diff --git a/src/App.vue b/src/App.vue
index 6c585f0..1732480 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -12,6 +12,9 @@
             <div class="dot">·</div>
             <router-link class="router-link" to="/">{{ $t('nav.home') }}</router-link>
             <div class="dot">·</div>
+            <router-link class="router-link" to="/new-home">
+                <svg focusable="false" data-prefix="fal" data-icon="house-night" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512" class="svg-inline--fa fa-house-night fa-w-20"><path fill="currentColor" d="M112,224a111.5,111.5,0,0,0,87-41.45,20.51,20.51,0,0,0-19.75-33.08A59.2,59.2,0,0,1,138.84,39.85a20.3,20.3,0,0,0,10.07-21.27,20.26,20.26,0,0,0-16.47-16.7A136,136,0,0,0,112,0a112,112,0,0,0,0,224ZM97.78,33.27a91.21,91.21,0,0,0,54.47,147.9A80,80,0,1,1,97.78,33.27Zm97.15,35.51,39.72,16.56,16.56,39.72a5.33,5.33,0,0,0,9.55,0l16.56-39.72L317,68.78a5.33,5.33,0,0,0,0-9.54L277.32,42.68,260.76,3a5.33,5.33,0,0,0-9.55,0L234.65,42.68,194.93,59.24a5.34,5.34,0,0,0,0,9.54ZM157,379.24l-39.72-16.57L100.76,323a5.34,5.34,0,0,0-9.55,0L74.65,362.67,34.93,379.24a5.34,5.34,0,0,0,0,9.54l39.72,16.56,16.56,39.72a5.33,5.33,0,0,0,9.55,0l16.56-39.72L157,388.78a5.33,5.33,0,0,0,0-9.54Zm179-101.9v85.33A21.39,21.39,0,0,0,357.36,384h85.31A21.39,21.39,0,0,0,464,362.67V277.34A21.4,21.4,0,0,0,442.67,256H357.36A21.4,21.4,0,0,0,336,277.34ZM368,288H432v64H368Zm266.49,8L576,244.75V144a16,16,0,0,0-32,0v72.75L410.53,100a16,16,0,0,0-21.07,0l-224,196a16,16,0,0,0,21.07,24.09L224,287.28V464a48.05,48.05,0,0,0,48,48H528a48.06,48.06,0,0,0,48-48V287.28l37.46,32.78A16,16,0,0,0,634.53,296ZM544,464a16,16,0,0,1-16,16H272a16,16,0,0,1-16-16V264a15.94,15.94,0,0,0-.81-4L400,133.27l144,126Z" class=""></path></svg></router-link>
+            <div class="dot">·</div>
         </div>
 
         <div id="nav-bookmark" ref="bookmark" :style="bookmarkCss"></div>
@@ -177,6 +180,13 @@ export default class App extends Vue
         height: 160px
         z-index: 100
 
+    svg
+        display: inline-block
+        height: 1em
+        transform: rotate(180deg)
+        *
+            box-sizing: inherit
+
 // Tablet layout
 @media screen and (max-width: 800px)
     #nav #menu
diff --git a/src/router/index.ts b/src/router/index.ts
index 299f3fe..adb2185 100644
--- a/src/router/index.ts
+++ b/src/router/index.ts
@@ -7,6 +7,11 @@ const routes: Array<RouteRecordRaw> = [
         name: 'Home',
         component: Home
     },
+    {
+        path: '/new-home',
+        name: 'New Home',
+        component: import('../views/NewHome.vue')
+    },
     {
         path: '/about',
         name: 'About',