From 75247ac2a4ae0ea72e5bab9287f28c4c8fef8d7e Mon Sep 17 00:00:00 2001
From: Zoey <friendlypossum@netc.fr>
Date: Sat, 15 Jun 2024 16:06:51 +0200
Subject: [PATCH] separated owncast, added forgejo, changed body text

---
 src/About.js |  4 +++-
 src/App.css  |  5 +++++
 src/App.js   |  1 +
 src/Home.js  | 32 +++++++++++++++++++++-----------
 src/index.js |  3 ---
 5 files changed, 30 insertions(+), 15 deletions(-)

diff --git a/src/About.js b/src/About.js
index b34aa3c..8f8e531 100644
--- a/src/About.js
+++ b/src/About.js
@@ -1,6 +1,8 @@
 const AboutPage = () => {
     return(
-        <div></div>
+        <div>
+            <p></p>
+        </div>
     );
 }
 
diff --git a/src/App.css b/src/App.css
index 98efef3..5a4a88c 100644
--- a/src/App.css
+++ b/src/App.css
@@ -65,6 +65,11 @@
   object-position: center;
 }
 
+.BunnyLogo {
+  user-select: none;
+  pointer-events: none;
+}
+
 .Teardrop {
   user-select: none;
   pointer-events: none;
diff --git a/src/App.js b/src/App.js
index 7f2f6ea..86ce36a 100644
--- a/src/App.js
+++ b/src/App.js
@@ -1,6 +1,7 @@
 //import logo from './logo.svg';
 
 import React from 'react';
+import ReactDOM from 'react-dom';
 
 import './App.css';
 import TopBar from './TopBar';
diff --git a/src/Home.js b/src/Home.js
index d1a3008..f50bba8 100644
--- a/src/Home.js
+++ b/src/Home.js
@@ -21,33 +21,43 @@ function Home() {
     <div className="flex w-screen h-screen overflow-hidden MainBG">
       <div className="flex flex-col backdrop-brightness-75 backdrop-blur-md justify-center text-secondary rounded-md min-w-fit">
 
-        <p className="text-xl self-center justify-start mb-2 shadow-2xl SubHeaders">Public Services.</p>
+        <p className="text-xl self-center justify-start mt-10 mb-2 shadow-2xl SubHeaders">Public Services.</p>
 
         <div className="backdrop-grayscale flex-col self-center">
           <div className="flex-col align-middle h-auto">
-            <a href="https://memos.li-yo.ts.net/" target="_blank" rel="noopener noreferrer" className="bg-primary shadow-md rounded-md ml-4 mr-4 p-1 flex LogoBoxesPub">
-              <img className="Logos" draggable="false" src={process.env.PUBLIC_URL + "/memoslogo.png"} alt="Memos"></img>
-              <p className="self-center ml-2 mr-2 PubP">Memos</p>
+            <a href="https://git.li-yo.ts.net/" target="_blank" rel="noopener noreferrer" className="bg-primary shadow-md rounded-md ml-4 mr-4 p-1 flex LogoBoxesPub">
+              <img className="Logos" draggable="false" src={process.env.PUBLIC_URL + "/forgejologo.svg"} alt="Memos"></img>
+              <p className="self-center ml-2 mr-2 PubP">Forgejo</p>
             </a>
             <a href="https://lemmy.li-yo.ts.net/" target="_blank" rel="noopener noreferrer" className="bg-primary shadow-md rounded-md ml-4 mr-4 p-1 flex LogoBoxesPub">
               <img className="Logos" draggable="false" src={process.env.PUBLIC_URL + "/lemmylogo.svg"} alt="Lemmy"></img>
               <p className="self-center ml-2 mr-2 PubP">Lemmy</p>
             </a>
-            <a href="https://cast.li-yo.ts.net/" target="_blank" rel="noopener noreferrer" className="bg-primary shadow-md rounded-md ml-4 mr-4 p-1 flex LogoBoxesPub">
-              <img className="Logos" draggable="false" src={process.env.PUBLIC_URL + "/owncastlogo.png"} alt="Owncast"></img>
-              <p className="self-center ml-2 mr-2 PubP">Owncast</p>
-            </a>
             <a href="https://clips.li-yo.ts.net/" target="_blank" rel="noopener noreferrer" className="bg-primary shadow-md rounded-md ml-4 mr-4 p-1 flex LogoBoxesPub">
               <img className="Logos" draggable="false" src={process.env.PUBLIC_URL + "/firesharelogo.png"} alt="Owncast"></img>
               <p className="self-center ml-2 mr-2 PubP">Fireshare</p>
             </a>
+            <a href="https://memos.li-yo.ts.net/" target="_blank" rel="noopener noreferrer" className="bg-primary shadow-md rounded-md ml-4 mr-4 p-1 flex LogoBoxesPub">
+              <img className="Logos" draggable="false" src={process.env.PUBLIC_URL + "/memoslogo.png"} alt="Memos"></img>
+              <p className="self-center ml-2 mr-2 PubP">Memos</p>
+            </a>
           </div>
         </div>
+        <p className="text-xl self-center justify-start mb-1 mt-4 shadow-2xl SubHeaders">My Streams.</p>
+        <div>
+          <a href="https://cast.li-yo.ts.net/" target="_blank" rel="noopener noreferrer" className="bg-primary shadow-md rounded-md ml-4 mr-4 p-1 flex LogoBoxesPub">
+            <img className="Logos" draggable="false" src={process.env.PUBLIC_URL + "/owncastlogo.png"} alt="Owncast"></img>
+            <p className="self-center ml-2 mr-2 PubP">Owncast</p>
+          </a>
+        </div>
       </div>
-      <div className="flex flex-col backdrop-brightness-75 justify-center text-secondary rounded-md ml-5 mr-5 mt-16 mb-12 w-screen overflow-auto">
+      <div className="flex flex-col backdrop-brightness-75 text-secondary rounded-md ml-5 mr-5 mt-16 mb-12 w-screen overflow-auto">
         <div className="flex justify-center top-0">
-          <p className="fixed top-0 mt-2 UpdatesTitle">Lorem Ipsum PERRRRKELE</p>
-          <p className="fixed top-0 ml-6 mt-12 UpdatesContent">Lorem Ipsum PERRRRKELE, PS Vittuoa, butts and cakes. WIP</p>
+          <p className="flex UpdatesTitle">Welcome to Zoey's Bits.</p>
+        </div>
+        <div className="flex flex-col ml-5 mt-2 justify-center text-wrap">
+          <p className="UpdatesContent">I don't really know what to put here yet.</p>
+          <p className="UpdatesContent">You are free to use any of the services in the sidebar.</p>
         </div>
       </div>
     </div>
diff --git a/src/index.js b/src/index.js
index d563c0f..8d5cddf 100644
--- a/src/index.js
+++ b/src/index.js
@@ -11,7 +11,4 @@ root.render(
   </React.StrictMode>
 );
 
-// If you want to start measuring performance in your app, pass a function
-// to log results (for example: reportWebVitals(console.log))
-// or send to an analytics endpoint. Learn more: https://bit.ly/CRA-vitals
 reportWebVitals();