ui stuff, broken box, EoE dev versions, nginx req

This commit is contained in:
Zoey 2024-01-15 19:14:38 +01:00
parent ab52428eec
commit 5399aa18d4
10 changed files with 149 additions and 15 deletions

1
public/blender.txt Normal file
View file

@ -0,0 +1 @@
Arch Linux - blender 17:4.0.2-8 (x86_64)

1
public/godot.txt Normal file
View file

@ -0,0 +1 @@
Arch Linux - godot 4.2.1-1 (x86_64)

25
public/teardropdark.svg Normal file
View file

@ -0,0 +1,25 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!-- Created with Inkscape (http://www.inkscape.org/) -->
<svg
width="454.27927"
height="129.77107"
viewBox="0 0 120.19472 34.335263"
version="1.1"
id="svg1"
xmlns="http://www.w3.org/2000/svg"
xmlns:svg="http://www.w3.org/2000/svg">
<defs
id="defs1" />
<g
id="layer1">
<path
id="rect1"
style="display:none;fill:#ffffff;stroke-width:2.11667;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:0"
d="M -19.736644,-31.973684 H 297.23702 c 0,0 0,0 0,0 V -6.6239681e-7 c 0,3.6696783e-7 0,6.6239681e-7 0,6.6239681e-7 H -19.736644 c 0,0 -1e-6,-2.9542898e-7 -1e-6,-6.6239681e-7 V -31.973684 Z" />
<path
id="path3"
style="display:inline;fill:#111111;fill-opacity:1;stroke:none;stroke-width:2.11667;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:0"
d="m 0,0 v 33.88608 c 0,0 41.608442,4.922788 64.420873,-17.825377 C 80.526949,0 97.528814,1.2317739 120.19472,0 v 0 z" />
</g>
</svg>

After

Width:  |  Height:  |  Size: 1 KiB

25
public/teardroplight.svg Normal file
View file

@ -0,0 +1,25 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!-- Created with Inkscape (http://www.inkscape.org/) -->
<svg
width="454.27927"
height="129.77107"
viewBox="0 0 120.19472 34.335263"
version="1.1"
id="svg1"
xmlns="http://www.w3.org/2000/svg"
xmlns:svg="http://www.w3.org/2000/svg">
<defs
id="defs1" />
<g
id="layer1">
<path
id="rect1"
style="display:none;fill:#ffffff;stroke-width:2.11667;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:0"
d="M -19.736644,-31.973684 H 297.23702 c 0,0 0,0 0,0 V -6.6239681e-7 c 0,3.6696783e-7 0,6.6239681e-7 0,6.6239681e-7 H -19.736644 c 0,0 -1e-6,-2.9542898e-7 -1e-6,-6.6239681e-7 V -31.973684 Z" />
<path
id="path3"
style="display:inline;fill:#ffffff;stroke:none;stroke-width:2.11667;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:0"
d="m 0,0 v 33.88608 c 0,0 41.608442,4.922788 64.420873,-17.825377 C 80.526949,0 97.528814,1.2317739 120.19472,0 v 0 z" />
</g>
</svg>

After

Width:  |  Height:  |  Size: 1 KiB

11
public/versions.txt Normal file
View file

@ -0,0 +1,11 @@
godot 4.2.1-1,
blender 17:4.0.2-8,
inkscape 1.3.2-3,
krita 5.2.2-2,
gimp 2.10.36-3
please GOD LET ME FIX THIS BS

View file

@ -39,15 +39,39 @@
animation: LogoHoverAnim 1s ease-in-out; animation: LogoHoverAnim 1s ease-in-out;
} }
@keyframes LogoHoverAnim { .VersionBox {
display: flex;
justify-content: center;
overflow: hidden;
}
.Versions {
overflow:hidden;
border-right: .15em solid orange;
margin-right: auto;
text-wrap: auto;
animation: typing 1s steps(75, end),
blink-caret 1s step-end infinite;
}
@keyframes typing {
from { from {
transform: rotate(0deg) scale(1); max-width: 0;}
}
to { to {
transform: rotate(360deg) scale(1.1); max-width: 100%;
} }
} }
@keyframes blink-caret {
from, to {
border-color: transparent
}
50% {
border-color: orange;
}
}
.MainBG { .MainBG {
background: linear-gradient( background: linear-gradient(
360deg, 360deg,
@ -76,6 +100,15 @@
} }
} }
@keyframes LogoHoverAnim {
from {
transform: rotate(0deg) scale(1);
}
to {
transform: rotate(360deg) scale(1.1);
}
}
@keyframes Welcome-spin { @keyframes Welcome-spin {
from { from {
transform: rotate(-2deg); transform: rotate(-2deg);

0
src/EFU.js Normal file
View file

View file

@ -1,8 +1,29 @@
const Home = () => { import { useEffect, useState } from 'react';
function Home() {
const [Versions, setVersions] = useState('');
useEffect(() => {
const fetchFiles = async () => {
try {
const Response = await fetch('versions.txt');
const Text = await Response.text();
setVersions(Text);
} catch (error) {
console.error('Error fetching file:', error);
}
};
fetchFiles();
}, []);
return ( return (
<div className="flex w-auto h-auto overflow-hidden MainBG"> <div className="flex w-auto h-auto overflow-hidden MainBG">
<div className="flex flex-col items-center justify-center text-secondary top-14 bottom-8 w-screen h-screen overflow-scroll"> <div className="flex flex-col mt-20 items-center justify-center text-secondary top-14 bottom-8 w-screen h-screen overflow-hidden">
<p className="text-4xl mb-16 shadow-2xl WelcomeText">Welcome fellow traveller!</p> <p className="text-4xl mb-16 shadow-2xl WelcomeText">Welcome, fellow traveller!</p>
<div className="flex justify-center align-middle"> <div className="flex justify-center align-middle">
<a href="https://librebun.ooguy.com/nc/" className="bg-white shadow-md outline outline-secondary rounded-2xl p-1 mx-2 LogoBoxes"> <a href="https://librebun.ooguy.com/nc/" className="bg-white shadow-md outline outline-secondary rounded-2xl p-1 mx-2 LogoBoxes">
@ -12,11 +33,22 @@ return (
<a href="https://librebun.ooguy.com/gt/" className="bg-white shadow-md outline outline-secondary rounded-2xl p-1 mx-2 LogoBoxes"> <a href="https://librebun.ooguy.com/gt/" className="bg-white shadow-md outline outline-secondary rounded-2xl p-1 mx-2 LogoBoxes">
<img className="mx-0 GiteaLogo" draggable="false" src={process.env.PUBLIC_URL + "/Gitea_Logo.svg"} alt="Gitea"></img> <img className="mx-0 GiteaLogo" draggable="false" src={process.env.PUBLIC_URL + "/Gitea_Logo.svg"} alt="Gitea"></img>
</a> </a>
</div>
<div className="bg-primary rounded-lg shadow-lg w-96 h-60 mt-20 overflow-hidden VersionBox">
<div className="flex">
<div className="flex-row mt-1">
<p className="ml-2 mr-2">_&gt;# </p>
</div>
<div className="mt-1 mr-4 w-80">
<p className="Versions">{Versions}</p>
</div>
</div>
</div> </div>
</div> </div>
</div> </div>
); );
}; }
export default Home; export default Home;

View file

@ -4,11 +4,18 @@ const TopBar = () => {
shadow-md justify-center items-center space-x-2"> shadow-md justify-center items-center space-x-2">
<div className="topbar-clickables"> <div className="topbar-clickables">
<div className="center left-0 flex justify-center items-center overflow-visible"> <div className="center left-0 flex justify-center items-center overflow-visible">
<div className="Teardrop">
<div className="fixed mt-14 top-0 left-0 w-60">
<img draggable="false" src={process.env.PUBLIC_URL + "/teardropdark.svg"} alt="Teardrop"/>
</div>
</div>
<div className="BunnyLogo"> <div className="BunnyLogo">
<div className="fixed top-1 left-0 ml-6"> <div className="fixed top-1 left-0 ml-6">
<img draggable="false" src={process.env.PUBLIC_URL + "/bunnie96px.svg"} alt="Bunnie"/> <img draggable="false" src={process.env.PUBLIC_URL + "/bunnie96px.svg"} alt="Bunnie"/>
</div> </div>
</div> </div>
<div className="flex items-center"> <div className="flex items-center">
<div className="TopButton"> <div className="TopButton">
<p className="text-lg mx-4">Projects</p> <p className="text-lg mx-4">Projects</p>

View file

@ -1,7 +1,6 @@
@tailwind base; @import 'tailwindcss/base';
@tailwind components; @import 'tailwindcss/components';
@tailwind utilities; @import 'tailwindcss/utilities';
@tailwind variants;
@import url(https://fonts.googleapis.com/css2?family=Sarabun); @import url(https://fonts.googleapis.com/css2?family=Sarabun);
@layer components { @layer components {
@ -10,7 +9,7 @@
} }
.DarkModeButton { .DarkModeButton {
@apply cursor-pointer text-secondary bg-violet-950 @apply cursor-pointer text-secondary bg-violet-950
border-4 border-violet-950 rounded-md border-4 border-violet-950 rounded-md;
} }
} }