From 703410e0e39b68f5195af5cef8563357d3797f5d Mon Sep 17 00:00:00 2001
From: Jakob Scheid <jakob.scheid@icloud.com>
Date: Thu, 7 May 2026 19:37:14 +0200
Subject: [PATCH 1/6] Add footer component boilerplate

---
 src/features/footer/components/Footer.vue | 7 +++++++
 1 file changed, 7 insertions(+)
 create mode 100644 src/features/footer/components/Footer.vue

diff --git a/src/features/footer/components/Footer.vue b/src/features/footer/components/Footer.vue
new file mode 100644
index 0000000..ae54436
--- /dev/null
+++ b/src/features/footer/components/Footer.vue
@@ -0,0 +1,7 @@
+<template>
+    <footer class="global-footer">
+    </footer>
+</template>
+
+<style scoped>
+</style>
\ No newline at end of file
-- 
2.39.5


From 0f8d974d31bbff393a81e83c6c9b811a3a05df66 Mon Sep 17 00:00:00 2001
From: Jakob Scheid <jakob.scheid@icloud.com>
Date: Thu, 7 May 2026 20:08:19 +0200
Subject: [PATCH 2/6] Remove .content-background container

---
 src/App.vue | 11 ++++++-----
 1 file changed, 6 insertions(+), 5 deletions(-)

diff --git a/src/App.vue b/src/App.vue
index 9c9e6dc..686fb27 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -1,11 +1,12 @@
 <script setup>
 import Navbar from './features/nav/components/Navbar.vue';
+import Footer from './features/footer/components/Footer.vue';
 </script>
 
 <template>
-    <div class="content-background">
-        <Navbar />
-        
-        <router-view />
-    </div>
+    <Navbar />
+    
+    <router-view />
+
+    <Footer />
 </template>
\ No newline at end of file
-- 
2.39.5


From a1ddf0d145544c134a14bd5a972505cacbff4173 Mon Sep 17 00:00:00 2001
From: Jakob Scheid <jakob.scheid@icloud.com>
Date: Thu, 7 May 2026 20:08:53 +0200
Subject: [PATCH 3/6] Make app container a flexbox

---
 src/styles/common.css | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/src/styles/common.css b/src/styles/common.css
index 3f36876..9870eed 100644
--- a/src/styles/common.css
+++ b/src/styles/common.css
@@ -5,4 +5,6 @@ body {
 
 #app {
     min-height: 100vh;
+    display: flex;
+    flex-direction: column;
 }
\ No newline at end of file
-- 
2.39.5


From 41500560f339b22ed90f214a230044fbf2e7d0f1 Mon Sep 17 00:00:00 2001
From: Jakob Scheid <jakob.scheid@icloud.com>
Date: Thu, 7 May 2026 20:09:47 +0200
Subject: [PATCH 4/6] Avoid that there is any space between the footer and the
 viewport bottom

---
 src/views/SearchView.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/views/SearchView.vue b/src/views/SearchView.vue
index 9d5dae3..5416d37 100644
--- a/src/views/SearchView.vue
+++ b/src/views/SearchView.vue
@@ -19,12 +19,12 @@ import Searchbar from '../features/search/components/Searchbar.vue'
 
 <style scoped>
 .main-content {
-    height: 100%;
     display: flex;
     flex-direction: column;
     align-items: center;
     width: 100%;
     gap: 60px;
+    flex-grow: 1;
 }
 
 .global-header {
-- 
2.39.5


From 6e7e512a9b5767e30bd1648f8aac94d24bab61af Mon Sep 17 00:00:00 2001
From: Jakob Scheid <jakob.scheid@icloud.com>
Date: Thu, 7 May 2026 21:10:55 +0200
Subject: [PATCH 5/6] Move .main-content container from the search view to
 App.vue

---
 src/App.vue              | 19 ++++++++++++++++---
 src/views/SearchView.vue | 31 ++++++++++---------------------
 2 files changed, 26 insertions(+), 24 deletions(-)

diff --git a/src/App.vue b/src/App.vue
index 686fb27..7095985 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -5,8 +5,21 @@ import Footer from './features/footer/components/Footer.vue';
 
 <template>
     <Navbar />
-    
-    <router-view />
+
+    <div class="main-content">
+        <router-view />
+    </div>
 
     <Footer />
-</template>
\ No newline at end of file
+</template>
+
+<style scoped>
+.main-content {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    width: 100%;
+    gap: 60px;
+    flex-grow: 1;
+}
+</style>
\ No newline at end of file
diff --git a/src/views/SearchView.vue b/src/views/SearchView.vue
index 5416d37..c475ebb 100644
--- a/src/views/SearchView.vue
+++ b/src/views/SearchView.vue
@@ -3,30 +3,19 @@ import Searchbar from '../features/search/components/Searchbar.vue'
 </script>
 
 <template>
-    <div class="main-content">
-        <header class="global-header">
-            <h1>Seekra</h1>
-            <span class="slogan">
-                Built to search.
-            </span>
-        </header>
-        
-        <form id="search-form">
-            <Searchbar />
-        </form>
-    </div>
+    <header class="global-header">
+        <h1>Seekra</h1>
+        <span class="slogan">
+            Built to search.
+        </span>
+    </header>
+    
+    <form id="search-form">
+        <Searchbar />
+    </form>
 </template>
 
 <style scoped>
-.main-content {
-    display: flex;
-    flex-direction: column;
-    align-items: center;
-    width: 100%;
-    gap: 60px;
-    flex-grow: 1;
-}
-
 .global-header {
     text-align: center;
     display: flex;
-- 
2.39.5


From 0da2d0df76ed712d2d2fe4489f425b8629c01bcf Mon Sep 17 00:00:00 2001
From: Jakob Scheid <jakob.scheid@icloud.com>
Date: Thu, 7 May 2026 23:24:52 +0200
Subject: [PATCH 6/6] Add copyright note

---
 src/features/footer/components/Footer.vue | 23 +++++++++++++++++++++++
 1 file changed, 23 insertions(+)

diff --git a/src/features/footer/components/Footer.vue b/src/features/footer/components/Footer.vue
index ae54436..d72764a 100644
--- a/src/features/footer/components/Footer.vue
+++ b/src/features/footer/components/Footer.vue
@@ -1,7 +1,30 @@
+<script setup>
+const startYear = 2026
+const currentYear = new Date().getFullYear()
+
+const copyrightPeriod =
+    startYear === currentYear
+        ? `${currentYear}`
+        : `${startYear}-${currentYear}`
+
+
+</script>
+
 <template>
     <footer class="global-footer">
+        <div class="copyright-note">
+            &copy; {{ copyrightPeriod }} Seekra
+        </div>
     </footer>
 </template>
 
 <style scoped>
+.global-footer {
+    --padding-y: 22px;
+    display: flex;
+    justify-content: center;
+    padding: var(--padding-y);
+    background-color: #f2f2f2;
+    margin-top: var(--padding-y);
+}
 </style>
\ No newline at end of file
-- 
2.39.5