new welcome screen

frontend/src/App.vue

@@ -1,20 +1,21 @@
 <template>
   <v-layout>
     <v-app-bar :elevation="16" :color="tenantBackgroundColor">
-      <img
-        alt="logo-black"
-        :src="TENANT_LOGO"
-        width="200"
-        class="d-inline-block align-top ml-2"
-        style="cursor: pointer"
-      />
+      <a :href="`${PATH}/`" class="d-inline-block ml-2 align-middle">
+        <img
+          alt="logo-white"
+          :src="TENANT_LOGO"
+          width="200"
+          style="cursor: pointer"
+        />
+      </a>
       <a :href="`${PATH}/`" style="text-decoration: none; color: inherit">
         <div class="mr-15 ml-4 app-bar-title" style="cursor: pointer">
           {{ TENANT === 'default' ? '' : TENANT }}
         </div>
       </a>
       <v-spacer></v-spacer>
-      <a :href="`${PATH}/pin`">
+      <a :href="`${PATH}/pin`" v-if="isLoggedIn">
         <v-btn class="mr-2"> My Pins </v-btn>
       </a>
       <a :href="`${PATH}/heatmap`">

frontend/src/views/HomeView.vue

@@ -1,28 +1,27 @@
 <template>
-    <h1>Home</h1>
-    <div v-if="isLoggedIn">
-        <p>Logged in as {{ username }}</p>
-        <button @click="logout">Logout</button>
-    </div>
-    <div v-else>
-        <button @click="login">Login</button>
-    </div>
-</template>
+    <div class="mt-4 ml-4 mr-4">
 
-<script setup>
-import { computed } from 'vue';
-import { getUser, login, logout } from '../js/user';
+        <h1>Welcome to Reveal the World!</h1>
 
-// get userDetails from cookie with regex match
+        <p>Reveal the World is a platform to visualize your travels. You can mark the places you have already visited on a world map and color in regions. Like with an analog scratch map -- just cooler!</p>
+        <br>
+        <p>You can also check the heatmap to see which regions of the world are particularly frequently visited.</p>
+        <br>
+        <br>
+        <strong>Color your world!</strong>
 
-let isLoggedIn = computed(() => {
-    return getUser() !== null;
-});
+        <div class="mt-4">
+            <v-img
+                alt="demo"
+                :src="`/demo.png`"
+                width="100%"
+            />
 
-let username = computed(() => {
-    return getUser().username;
-});
+        </div>
 
-console.log(getUser());
+    </div>
+</template>
+
+<script setup>
 
 </script>

frontend/version.txt

@@ -1 +1 @@
-v1.0.3
+v2.0.3