separated owncast, added forgejo, changed body text

This commit is contained in:
Zoey 2024-06-15 16:06:51 +02:00
parent e943309306
commit 75247ac2a4
Signed by: SailorZoop
GPG key ID: 854F554AFF0A96D1
5 changed files with 30 additions and 15 deletions

View file

@ -1,6 +1,8 @@
const AboutPage = () => {
return(
<div></div>
<div>
<p></p>
</div>
);
}

View file

@ -65,6 +65,11 @@
object-position: center;
}
.BunnyLogo {
user-select: none;
pointer-events: none;
}
.Teardrop {
user-select: none;
pointer-events: none;

View file

@ -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';

View file

@ -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>

View file

@ -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();