From 3f5db49d6e66983b369f9bb3e111d1ca839cdca6 Mon Sep 17 00:00:00 2001
From: Tabby <41929769+tabby-cat-nya@users.noreply.github.com>
Date: Sun, 11 May 2025 18:22:06 +1000
Subject: [PATCH] added iframe i def wont regret later and then remove

---
 pages/homepage.vue | 58 ++++++++++++++++++++++++++++------------------
 1 file changed, 36 insertions(+), 22 deletions(-)

diff --git a/pages/homepage.vue b/pages/homepage.vue
index d9b9d3c..9667bcc 100644
--- a/pages/homepage.vue
+++ b/pages/homepage.vue
@@ -1,30 +1,34 @@
 <template>
     <main>
-        <div class="container">
-            <i><a href="http://tabbycat.dev/"> hop to tabbycat.dev</a></i>
-            <p>Dont forget to take your estrogen and cypro! 🏳️‍⚧️</p>
+        <div class="columns">
+            <div class="container">
+                <i><a href="http://tabbycat.dev/"> hop to tabbycat.dev</a></i>
+                <p>Dont forget to take your estrogen and cypro! 🏳️‍⚧️</p>
 
-            <h1>Tabbybox</h1>
-            <a href="http://tabbybox:8096/">Jellyfin</a> • 
-            <a href="http://tabbybox:1880/">Node Red</a> • 
-            <a href="http://tabbybox:1880/dashboard/">Node Red Dashboard</a>
+                <h1>Tabbybox</h1>
+                <a href="http://tabbybox:8096/">Jellyfin</a> • 
+                <a href="http://tabbybox:1880/">Node Red</a> • 
+                <a href="http://tabbybox:1880/dashboard/">Node Red Dashboard</a>
 
-            <h1>Links</h1>
-            <a href="https://mail.google.com/mail/u/0/#inbox">E-mail</a> • 
-            <a href="https://calendar.google.com">Calendar</a> 
-            
-            <h2>Chats</h2>
-            <a href="https://web.whatsapp.com/">Whatsapp</a> • 
-            <a href="https://web.telegram.org/a/">Telegram</a>
-            
-            <h2>Instagram Feeds</h2>
-            <a href="https://www.instagram.com/crap.uts/">CRAP</a> • 
-            <a href="https://www.instagram.com/usydcatsoc/">Catsoc</a> • 
-            <a href="https://www.instagram.com/usyd_dbsoc/">Baking Soc</a> • 
-            <a href="https://www.instagram.com/transhub_acon/">Transhub ACON</a> • 
-            <a href="https://www.instagram.com/climbingqts/">Climbing QTs</a> • 
-            <a href="https://www.instagram.com/twenty10nsw/">Twenty10</a> 
+                <h1>Links</h1>
+                <a href="https://mail.google.com/mail/u/0/#inbox">E-mail</a> • 
+                <a href="https://calendar.google.com">Calendar</a> 
+                
+                <h2>Chats</h2>
+                <a href="https://web.whatsapp.com/">Whatsapp</a> • 
+                <a href="https://web.telegram.org/a/">Telegram</a>
+                
+                <h2>Instagram Feeds</h2>
+                <a href="https://www.instagram.com/crap.uts/">CRAP</a> • 
+                <a href="https://www.instagram.com/usydcatsoc/">Catsoc</a> • 
+                <a href="https://www.instagram.com/usyd_dbsoc/">Baking Soc</a> • 
+                <a href="https://www.instagram.com/transhub_acon/">Transhub ACON</a> • 
+                <a href="https://www.instagram.com/climbingqts/">Climbing QTs</a> • 
+                <a href="https://www.instagram.com/twenty10nsw/">Twenty10</a> 
+            </div>
+            <iframe src="http://tabbybox:1880/dashboard/page1" title="node-red dashboard" height="900" class="frame" ></iframe> 
         </div>
+        
     </main>
     
 
@@ -33,5 +37,15 @@
 <style scoped>
     .container{
         padding-left: 1cm;
+        width: 100%;
+    }
+
+    .columns{
+        display: flex;
+        flex-direction: row;
+    }
+
+    .frame{
+        width: 100%;
     }
 </style>
\ No newline at end of file