From 4480696fc856a49a0b9330345b93350ea7f408db Mon Sep 17 00:00:00 2001
From: Matthias Monschein <monschein.matthias@gmail.com>
Date: Mon, 3 Jun 2024 22:21:02 +0200
Subject: [PATCH] :construction: gonna introduce new pages... :eyes:

---
 .gitignore                |  3 +++
 web/src/views/Landing.vue | 27 +++++++++++++++++++++++++++
 2 files changed, 30 insertions(+)

diff --git a/.gitignore b/.gitignore
index 1289a30..ae48b84 100644
--- a/.gitignore
+++ b/.gitignore
@@ -36,3 +36,6 @@ venv/
 # Import data stuff
 db/data/organizations
 db/data/people
+
+# Testing stuff
+tmp/
diff --git a/web/src/views/Landing.vue b/web/src/views/Landing.vue
index ba3eb91..ecf09db 100644
--- a/web/src/views/Landing.vue
+++ b/web/src/views/Landing.vue
@@ -27,6 +27,16 @@ onMounted(async () => {
 <template>
   <main>
     <NavBar>
+      <div class="nav-links">
+        <RouterLink to="/map">
+          <font-awesome-icon :icon="['fas', 'map-location']" />
+          Map
+        </RouterLink>
+        <RouterLink to="/events">
+          <font-awesome-icon :icon="['fas', 'timeline']" />
+          Events
+        </RouterLink>
+      </div>
     </NavBar>
     <article class="gp-scroll">
       <div class="search-container">
@@ -111,6 +121,23 @@ onMounted(async () => {
 </template>
 
 <style scoped>
+.nav-links {
+  display: flex;
+  justify-content: flex-start;
+  align-items: center;
+  gap: .5rem;
+  border-left: 2px solid var(--color-border);
+  padding-left: 1rem;
+}
+
+.nav-links a {
+  text-decoration: none;
+  color: var(--color-text);
+  background-color: var(--color-background-mute);
+  padding: .5rem 1rem;
+  border-radius: .5rem;
+}
+
 main {
   width: 100vw;
   height: 100vh;