separated owncast, added forgejo, changed body text
This commit is contained in:
parent
e943309306
commit
75247ac2a4
|
@ -1,6 +1,8 @@
|
|||
const AboutPage = () => {
|
||||
return(
|
||||
<div></div>
|
||||
<div>
|
||||
<p></p>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
|
||||
|
|
|
@ -65,6 +65,11 @@
|
|||
object-position: center;
|
||||
}
|
||||
|
||||
.BunnyLogo {
|
||||
user-select: none;
|
||||
pointer-events: none;
|
||||
}
|
||||
|
||||
.Teardrop {
|
||||
user-select: none;
|
||||
pointer-events: none;
|
||||
|
|
|
@ -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';
|
||||
|
|
32
src/Home.js
32
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 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>
|
||||
<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>
|
||||
|
|
|
@ -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();
|
||||
|
|
Loading…
Reference in a new issue