From 53e521810cd65b5d85c70d64aebeba1913a93050 Mon Sep 17 00:00:00 2001
From: VRSasha <pongpeera054@protonmail.com>
Date: Mon, 21 Aug 2023 18:37:34 +0700
Subject: [PATCH] Add dedicated about page

---
 .gitlab-ci.yml        |  4 ++--
 src/views/About.vue   | 46 ++++++++++++++++++++++++++++++++++++++++---
 src/views/Setting.vue |  5 +----
 3 files changed, 46 insertions(+), 9 deletions(-)

diff --git a/.gitlab-ci.yml b/.gitlab-ci.yml
index 2debc71..c027599 100644
--- a/.gitlab-ci.yml
+++ b/.gitlab-ci.yml
@@ -12,8 +12,8 @@ remove-old-services:
 container-build:
   stage: build 
   script:
-    - sed -i "s/DATE/$(date -I)/g" ${CI_PROJECT_DIR}/src/views/Setting.vue
-    - sed -i "s/VERSION/$(git log -1 --oneline | awk '{print $1}')/g" ${CI_PROJECT_DIR}/src/views/Setting.vue
+    - sed -i "s/DATE/$(date -I)/g" ${CI_PROJECT_DIR}/src/views/About.vue
+    - sed -i "s/VERSION/$(git log -1 --oneline | awk '{print $1}')/g" ${CI_PROJECT_DIR}/src/views/About.vue
     - podman build -t little-lines .
 
 container-deploy:
diff --git a/src/views/About.vue b/src/views/About.vue
index e5a771a..1bed2cd 100644
--- a/src/views/About.vue
+++ b/src/views/About.vue
@@ -1,10 +1,50 @@
 <template>
 
-    <h1>About!</h1>
-    <p>Esse velit cupidatat proident minim nostrud fugiat proident est sunt ex cillum nisi duis labore.</p>
+    <v-sheet class="d-flex justify-center">
+
+        <v-sheet class="ma-2 pa-4 mb-auto">
+
+            <v-row class="ma-2" justify="centered">
+
+            <v-img cover src="../../icons/LittleLines.svg"></v-img>
+            </v-row>
+
+            <v-list-item
+            center
+                class="text-black"
+                title="Little Lines"
+                subtitle="openKMITL Community"
+            
+            >
+            
+            </v-list-item>
+            <a class="versionbutton">DATE-VERSION</a>
+
+        </v-sheet>
+    </v-sheet>
 
 </template>
 
 <script setup>
 
-</script>
\ No newline at end of file
+</script>
+
+<style>
+.versionbutton {
+  background-color: rgba(255, 190, 111, 0.25);;
+  color: #C64600;
+  border-radius:50px;
+  justify-content: center;
+  align-items: center;
+  display: flex;
+  font-size: 16px;
+  font-weight: bold;
+  padding-top: 10px;
+  padding-right: 15px;
+  padding-bottom: 10px;
+  padding-left: 15px;
+  margin-top: 10px;
+  margin-bottom: 10px;
+}
+
+</style>
\ No newline at end of file
diff --git a/src/views/Setting.vue b/src/views/Setting.vue
index 55d7552..4a4bf14 100644
--- a/src/views/Setting.vue
+++ b/src/views/Setting.vue
@@ -90,10 +90,7 @@
             </v-btn>
         </v-sheet>
         
-    </v-sheet>
-
-    <div style="color: #8f8f8f;">Little Lines เวอร์ชัน DATE-VERSION</div>
-    
+    </v-sheet>    
 
 </template>