start writing marketing materials

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>
+            <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;
     }
 

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>

backend/src/app.ts

@@ -30,7 +30,7 @@ const run = () => {
         backendURL: 'http://localhost:8083',
         name: 'testing',
         signingSecret: 'test',
-    } )
+    } );
 
     const httpServer = createServer( app );