From 4d9b916fb49626fe96b0751a970eeae2a09cee23 Mon Sep 17 00:00:00 2001
From: Filip Rojek <filip@filiprojek.cz>
Date: Sat, 30 Dec 2023 21:07:45 +0100
Subject: [PATCH] Added: about page

---
 frontend/src/assets/css/base.css |  1 -
 frontend/src/assets/css/nav.css  |  4 ++++
 frontend/src/views/AboutView.vue | 26 +++++++++++++++-----------
 3 files changed, 19 insertions(+), 12 deletions(-)

diff --git a/frontend/src/assets/css/base.css b/frontend/src/assets/css/base.css
index 83d692a..71c182b 100644
--- a/frontend/src/assets/css/base.css
+++ b/frontend/src/assets/css/base.css
@@ -11,7 +11,6 @@ body {
 
 a, p {
     color: white;
-    text-decoration: none;
 }
 
 .f-col {
diff --git a/frontend/src/assets/css/nav.css b/frontend/src/assets/css/nav.css
index 7dee5d2..16c5140 100644
--- a/frontend/src/assets/css/nav.css
+++ b/frontend/src/assets/css/nav.css
@@ -8,4 +8,8 @@ header nav {
 header nav div {
     display: flex;
     gap: 1rem;
+}
+
+header nav a {
+    text-decoration: none;
 }
\ No newline at end of file
diff --git a/frontend/src/views/AboutView.vue b/frontend/src/views/AboutView.vue
index 756ad2a..37f691a 100644
--- a/frontend/src/views/AboutView.vue
+++ b/frontend/src/views/AboutView.vue
@@ -1,15 +1,19 @@
 <template>
-  <div class="about">
+  <main class="about">
     <h1>This is an about page</h1>
-  </div>
+    <p>
+      Lorem, ipsum dolor sit amet consectetur adipisicing elit. Nemo molestiae commodi ipsam cumque
+      voluptatem laboriosam modi ratione, ad porro repellendus deleniti quis nostrum fuga quaerat
+      voluptas facere minima explicabo! Voluptatem.
+    </p>
+    <p>
+      Source code available at:
+      <a href="https://git.filiprojek.cz/fr/tim" target="_blank"
+        >https://git.filiprojek.cz/fr/tim</a
+      >
+    </p>
+    <p>Created by <a href="https://filiprojek.cz" target="_blank">@filiprojek</a>, 2023</p>
+  </main>
 </template>
 
-<style>
-@media (min-width: 1024px) {
-  .about {
-    min-height: 100vh;
-    display: flex;
-    align-items: center;
-  }
-}
-</style>
+<style></style>