✨ Add about section

src/views/SettingsView.vue

@@ -1,6 +1,9 @@
 <script setup>
 import { classList } from "../store";
 import { substitutionFilter, timetableClass } from "../store";
+
+// eslint-disable-next-line no-undef
+const gitHash = GITVERSION;
 </script>
 
 <template>
@@ -31,6 +34,17 @@ import { substitutionFilter, timetableClass } from "../store";
         {{ option }}
       </option>
     </select>
+    <div class="spacer"></div>
+    <h2>About</h2>
+    <p>
+      This Tool queries and parses the latest timetable data every minute. The
+      correctness of the data can in no way be guaranteed, so please check the
+      data against the official plan if something seems wrong! Due to the format
+      of the plan files, it it sometimes not easily possible to extract the
+      correct data, so the plan displayed here may not be correct.
+    </p>
+    <div class="spacer"></div>
+    <p class="gray">Version: {{ gitHash }}</p>
   </div>
 </template>
 
@@ -59,4 +73,8 @@ select {
   display: block;
   margin: 15px 0;
 }
+
+.gray {
+  opacity: 0.5;
+}
 </style>