From 5399aa18d463479a42a23c21e0dfe98e6a39d0b5 Mon Sep 17 00:00:00 2001 From: Zoey Date: Mon, 15 Jan 2024 19:14:38 +0100 Subject: [PATCH] ui stuff, broken box, EoE dev versions, nginx req --- public/blender.txt | 1 + public/godot.txt | 1 + public/teardropdark.svg | 25 +++++++++++++++++++++++ public/teardroplight.svg | 25 +++++++++++++++++++++++ public/versions.txt | 11 ++++++++++ src/App.css | 41 +++++++++++++++++++++++++++++++++---- src/EFU.js | 0 src/Home.js | 44 ++++++++++++++++++++++++++++++++++------ src/TopBar.js | 7 +++++++ src/index.css | 9 ++++---- 10 files changed, 149 insertions(+), 15 deletions(-) create mode 100644 public/blender.txt create mode 100644 public/godot.txt create mode 100644 public/teardropdark.svg create mode 100644 public/teardroplight.svg create mode 100644 public/versions.txt create mode 100644 src/EFU.js diff --git a/public/blender.txt b/public/blender.txt new file mode 100644 index 0000000..f2816c4 --- /dev/null +++ b/public/blender.txt @@ -0,0 +1 @@ +Arch Linux - blender 17:4.0.2-8 (x86_64) \ No newline at end of file diff --git a/public/godot.txt b/public/godot.txt new file mode 100644 index 0000000..edc4e8e --- /dev/null +++ b/public/godot.txt @@ -0,0 +1 @@ +Arch Linux - godot 4.2.1-1 (x86_64) \ No newline at end of file diff --git a/public/teardropdark.svg b/public/teardropdark.svg new file mode 100644 index 0000000..0c6e4d0 --- /dev/null +++ b/public/teardropdark.svg @@ -0,0 +1,25 @@ + + + + + + + + + + diff --git a/public/teardroplight.svg b/public/teardroplight.svg new file mode 100644 index 0000000..d042493 --- /dev/null +++ b/public/teardroplight.svg @@ -0,0 +1,25 @@ + + + + + + + + + + diff --git a/public/versions.txt b/public/versions.txt new file mode 100644 index 0000000..07559f5 --- /dev/null +++ b/public/versions.txt @@ -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 \ No newline at end of file diff --git a/src/App.css b/src/App.css index e58481c..4472924 100644 --- a/src/App.css +++ b/src/App.css @@ -39,15 +39,39 @@ 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 { - transform: rotate(0deg) scale(1); - } + max-width: 0;} to { - transform: rotate(360deg) scale(1.1); + max-width: 100%; } } +@keyframes blink-caret { + from, to { + border-color: transparent + } + 50% { + border-color: orange; + } +} + + .MainBG { background: linear-gradient( 360deg, @@ -76,6 +100,15 @@ } } +@keyframes LogoHoverAnim { + from { + transform: rotate(0deg) scale(1); + } + to { + transform: rotate(360deg) scale(1.1); + } +} + @keyframes Welcome-spin { from { transform: rotate(-2deg); diff --git a/src/EFU.js b/src/EFU.js new file mode 100644 index 0000000..e69de29 diff --git a/src/Home.js b/src/Home.js index 812ea6d..c91221a 100644 --- a/src/Home.js +++ b/src/Home.js @@ -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 ( -
-
-

Welcome fellow traveller!

+
+
+

Welcome, fellow traveller!

+ +
+
+
+

_>#

+
+
+

{Versions}

+
+
+ +
); -}; +} export default Home; \ No newline at end of file diff --git a/src/TopBar.js b/src/TopBar.js index 006d64b..edb675c 100644 --- a/src/TopBar.js +++ b/src/TopBar.js @@ -4,11 +4,18 @@ const TopBar = () => { shadow-md justify-center items-center space-x-2">
+ +
+
+ Teardrop +
+
Bunnie
+

Projects

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