update site

nginx/vue/public/css/styles.css

@@ -117,6 +117,10 @@ video {
     gap: 1rem;
 }
 
+.margin1 {
+    margin: 10px;
+}
+
 .album-img {
     width: 50mm;
     height: 50mm;

nginx/vue/src/components/Radio.vue

@@ -5,9 +5,11 @@
     </div>
     <div v-else>
         <img src="/img/tmpen31z3pe.PNG" />
-        <p>Stream is currently offline.</p>
+        <div class="margin1">
+            <p>Stream is offline. Tune in Fridays @ 6:00pm, Monday @ 8:00am</p>
             <button @click="checkStream()">Check Stream</button>
         </div>
+    </div>
 </template>
 
 <script setup>

nginx/vue/src/components/spotify/Listening.vue

@@ -7,7 +7,7 @@
     </div>
     <div v-else class="center-content">
         <img src="/img/Untitled.png" />
-        <p>I ain't listenin to nofin</p>
+        <p>I ain't listenin to nofin rn</p>
     </div>
 </template>
 

nginx/vue/src/views/Home.vue

@@ -9,8 +9,10 @@ import Radio from "@/components/Radio.vue";
         <div class="border1 tile1">
             <div class="border2 bg-white shadow1">
                 <img src="/img/epic.jpeg" />
+                <div class="margin1">
                     <h1>Welcome</h1>
-                <p>Hi im Adam</p>
+                    <p>Hi im Adam, this is my website, pls don't greif</p>
+                </div>
             </div>
         </div>
 
@@ -49,10 +51,6 @@ import Radio from "@/components/Radio.vue";
             </div>
         </div> -->
 
-        <div class="border1 tile1">
-            <SpotifyListening class="border2 bg-white shadow1" />
-        </div>
-
         <div class="border1 tile1">
             <Radio class="border2 bg-white shadow1" />
         </div>
@@ -60,5 +58,9 @@ import Radio from "@/components/Radio.vue";
         <div class="border1 tile3">
             <SpotifyRecent />
         </div>
+
+        <div class="border1 tile1">
+            <SpotifyListening class="border2 bg-white shadow1" />
+        </div>
     </main>
 </template>