From 1510eb0fd54f131d5a5c828d50b67c2b579ae52c Mon Sep 17 00:00:00 2001
From: janis <jahu04@outlook.com>
Date: Tue, 30 May 2023 09:15:40 +0200
Subject: [PATCH] create about page

---
 frontend/src/views/AboutView.vue | 35 +++++++++++++++++++++++++++++++-
 1 file changed, 34 insertions(+), 1 deletion(-)

diff --git a/frontend/src/views/AboutView.vue b/frontend/src/views/AboutView.vue
index 3b5e43f..67676f9 100644
--- a/frontend/src/views/AboutView.vue
+++ b/frontend/src/views/AboutView.vue
@@ -1,5 +1,38 @@
 <template>
     <div class="about">
-        <h1>This is an about page</h1>
+        <img src="@/assets/logo.png">
+        <h1>About ImageVideoUpscaler</h1>
+        <p>ImageVideoUpscaler is an application that allows you to upscale your videos and / or images. It uses an Electron GUI (Graphical User Interface) and a Python CLI (Command Line Interface).</p>
+        <h3>Contributors</h3>
+        <ul>
+            <li>Janis Hutz (simplePCBuilding): Maintainer, CLI & GUI development, Packaging</li>
+            <li>ThatPlasma: App name, Logo, testing, Windows installer</li>
+        </ul>
+        <div class="version-info">
+            <h3>You are currently running version 1.1.0</h3>
+            <h3>Changelog</h3>
+            <ul>
+                <li>
+                    Version 1.0
+                    <ul></ul>
+                </li>
+            </ul>
+        </div>
     </div>
 </template>
+
+<script>
+export default {
+    data() {
+        return {
+            version: '',
+            isUpToDate: true,
+        }
+    },
+    mounted () {
+        fetch( 'https://github.com/simplePCBuilding/ImageVideoUpscaler/blob/master/package.json' ).then( res => {
+            console.log( res );
+        })
+    }
+}
+</script>