From 221ae67ec2ee8ce72935aa6c2832555c1f316cc0 Mon Sep 17 00:00:00 2001
From: Janis Hutz <development@janishutz.com>
Date: Thu, 18 Jul 2024 17:45:42 +0200
Subject: [PATCH] start writing marketing materials

---
 MusicPlayerV2-GUI/src/views/GetView.vue    | 25 +++++++++++++++++-----
 MusicPlayerV2-GUI/src/views/RemoteView.vue |  3 ++-
 backend/src/app.ts                         |  2 +-
 3 files changed, 23 insertions(+), 7 deletions(-)

diff --git a/MusicPlayerV2-GUI/src/views/GetView.vue b/MusicPlayerV2-GUI/src/views/GetView.vue
index 2520ac6..18a8e90 100644
--- a/MusicPlayerV2-GUI/src/views/GetView.vue
+++ b/MusicPlayerV2-GUI/src/views/GetView.vue
@@ -2,17 +2,32 @@
     <div>
         <div class="top-view">
             <img src="https://github.com/simplePCBuilding/MusicPlayerV2/raw/master/assets/logo.png" alt="MusicPlayer Logo" class="logo">
-            <h1>Get MusicPlayer</h1>
-            <p>MusicPlayer is a Open Source, Web-Based Music Player, which you can use to have other people join your playlist and see live playback status.</p>
-            <p>On music.janishutz.com, MusicPlayer is all set up for you, no need to spend time setting it up yourself</p>
-            <a href="https://store.janishutz.com/product/com.janishutz.MusicPlayer" class="fancy-button">Subscribe</a>
+            <h1>MusicPlayer</h1>
+            <p><i>An Open Source, browser-based MusicPlayer with beautiful graphics</i></p>
+            <div style="margin-top: 20px;">
+                <a href="https://store.janishutz.com/product/com.janishutz.MusicPlayer" class="fancy-button">Subscribe</a>
+                <a href="https://github.com/simplePCBuilding/MusicPlayerV2" class="fancy-button" style="margin-left: 10px;">GitHub</a>
+            </div>
+        </div>
+        <div class="full-height">
+            <h2>Fully featured Music Player</h2>
+        </div>
+        <div class="full-height">
+            <h2>Apple Music integration</h2>
+        </div>
+        <div class="full-height">
+            <h2>Share your playlist</h2>
+        </div>
+        <div class="full-height">
+            <h2>Fully browser based</h2>
         </div>
     </div>
 </template>
 
 <style scoped>
     .logo {
-        height: 40%;
+        height: 60vh;
+        max-height: 90vw;
         border-radius: 20px;
     }
 
diff --git a/MusicPlayerV2-GUI/src/views/RemoteView.vue b/MusicPlayerV2-GUI/src/views/RemoteView.vue
index db80c24..13c879f 100644
--- a/MusicPlayerV2-GUI/src/views/RemoteView.vue
+++ b/MusicPlayerV2-GUI/src/views/RemoteView.vue
@@ -30,9 +30,10 @@
                 <h1>Loading...</h1>
             </div>
             <div v-else>
+                <span class="material-symbols-outlined" style="font-size: 4rem;">wifi_off</span>
                 <h1>Couldn't connect!</h1>
                 <p>There does not appear to be a share with the specified name, or an error occurred when connecting.</p>
-                <p>You may reload the page to try again!</p>
+                <p>You may <a href="">reload</a> the page to try again!</p>
             </div>
         </div>
     </div>
diff --git a/backend/src/app.ts b/backend/src/app.ts
index 39468e1..ef801e3 100644
--- a/backend/src/app.ts
+++ b/backend/src/app.ts
@@ -30,7 +30,7 @@ const run = () => {
         backendURL: 'http://localhost:8083',
         name: 'testing',
         signingSecret: 'test',
-    } )
+    } );
 
     const httpServer = createServer( app );