Skip to content

Commit 16e4ba1

Browse files
va0ckva0ck
committed
HomeUpdate
1 parent cf06430 commit 16e4ba1

File tree

9 files changed

+100
-326
lines changed

9 files changed

+100
-326
lines changed

‎src/App.tsx‎

Lines changed: 6 additions & 17 deletions
Original file line numberDiff line numberDiff line change
@@ -1,32 +1,19 @@
11
import './App.css'
2-
import { useEffect, useState } from 'react'
2+
import { useState } from 'react'
33
import { Routes, Route } from 'react-router-dom';
44

55
//Components
66
import Loader from './components/Loader';
77

88
import { Home } from './pages/Home';
9-
import { DevelopersMarqueeFetchData } from './pages/HomeComponents/DevelopersMarquee';
109

1110
import Navbar from './components/Navbar';
1211
import Footer from './components/Footer';
12+
import { Works } from './pages/Works';
13+
import { Tools } from './pages/Tools';
1314

1415
function App() {
15-
const [loadingSpinner, setLoadingSpinner] = useState(false);
16-
17-
useEffect(() => {
18-
setLoadingSpinner(true);
19-
20-
try {
21-
DevelopersMarqueeFetchData();
22-
} finally {
23-
setLoadingSpinner(true);
24-
}
25-
26-
setTimeout(() => {
27-
setLoadingSpinner(false);
28-
}, 3000)
29-
}, [])
16+
const [loadingSpinner] = useState(false);
3017

3118
return (
3219
<>
@@ -38,6 +25,8 @@ function App() {
3825
<div className='pt-14'>
3926
<Routes>
4027
<Route index element={<Home />} />
28+
<Route path='works' element={<Works />} />
29+
<Route path='tools' element={<Tools />} />
4130
</Routes>
4231
</div>
4332

src/pages/HomeComponents/ToolsMarquee.tsx renamed to src/components/HomeMarquee.tsx

Lines changed: 8 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -1,13 +1,13 @@
11
import Marquee from "react-fast-marquee";
22

3-
import reactImg from "../../assets/icons/Home/react.svg"
4-
import expoImg from "../../assets/icons/Home/expo.svg"
5-
import tailwindImg from "../../assets/icons/Home/tailwindcss.svg"
6-
import jsImg from "../../assets/icons/Home/javascript.svg"
7-
import tsImg from "../../assets/icons/Home/typescript.svg"
8-
import rblxTsImg from "../../assets/icons/Home/robloxts.svg"
9-
import luauImg from "../../assets/icons/Home/luau.png"
10-
import viteImg from "../../assets/icons/Home/vite.svg"
3+
import reactImg from "../assets/icons/Home/react.svg"
4+
import expoImg from "../assets/icons/Home/expo.svg"
5+
import tailwindImg from "../assets/icons/Home/tailwindcss.svg"
6+
import jsImg from "../assets/icons/Home/javascript.svg"
7+
import tsImg from "../assets/icons/Home/typescript.svg"
8+
import rblxTsImg from "../assets/icons/Home/robloxts.svg"
9+
import luauImg from "../assets/icons/Home/luau.png"
10+
import viteImg from "../assets/icons/Home/vite.svg"
1111

1212
export function ToolsMarquee(){
1313
return <Marquee speed={10} gradient gradientColor="rgb(3 7 18)" autoFill className="overflow-hidden">

‎src/hooks/RobloxApi.tsx‎

Lines changed: 0 additions & 50 deletions
This file was deleted.

‎src/pages/Home.tsx‎

Lines changed: 67 additions & 23 deletions
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,6 @@
1-
import { ToolsMarquee } from './HomeComponents/ToolsMarquee';
2-
import { DevelopersMarquee } from './HomeComponents/DevelopersMarquee';
1+
import { Link } from 'react-router-dom';
2+
import { ToolsMarquee } from '../components/HomeMarquee';
33
import { useState, useLayoutEffect } from 'react';
4-
import { GamesMarquee } from './HomeComponents/GamesMarquee';
54

65
export function Home(){
76
const [width, setWidth] = useState(0);
@@ -11,7 +10,7 @@ export function Home(){
1110
function updateSize() {
1211
setWidth(window.innerWidth);
1312

14-
if (width < 1128){
13+
if (width < 1130){
1514
setSwitchToFull(true);
1615
} else {
1716
setSwitchToFull(false);
@@ -26,19 +25,17 @@ export function Home(){
2625
return (<>
2726
<title>Home - Va0ck</title>
2827

29-
<div className='bg-fixed bg-cover bg-parallax bg-bottom'>
28+
<div className='bg-fixed bg-cover bg-home bg-bottom'>
3029
<div className='flex h-40 items-center justify-start pl-10 pr-10 bg-gradient-to-t from-cyan-950 to-blue-400]'>
3130
<h1 className='text-5xl font-bold italic motion-preset-slide-up'>Hello, I'm Va0ck!</h1>
3231
</div>
3332
</div>
3433

3534
<h1 className="text-4xl font-extrabold italic pt-6 pb-2 pl-8 pr-8
36-
motion-scale-in-[0] motion-translate-x-in-[-100%] motion-translate-y-in-[0%]
37-
motion-opacity-in-[0%] motion-blur-in-[20px] motion-duration-[0.76s]/scale motion-duration-[0.25s]/opacity
35+
motion-translate-x-in-[-10%] motion-translate-y-in-[0%] motion-blur-in-[10px] motion-duration-[0.3s]/opacity
3836
">About me! 💖</h1>
3937
<div className='h-32 pl-10 pr-10 flex flex-row flex-wrap justify-between items-center'>
40-
<article className='motion-scale-in-[0] motion-translate-x-in-[-100%] motion-translate-y-in-[0%]
41-
motion-opacity-in-[0%] motion-blur-in-[20px] motion-duration-[1s]/scale motion-duration-[0.3s]/opacity'>
38+
<article className='motion-translate-x-in-[-10%] motion-translate-y-in-[0%] motion-blur-in-[10px] motion-duration-[0.3s]/opacity'>
4239
<p className="text-lg">A hobby coder who does coding for fun.</p>
4340
<p className="text-lg">I do coding with Typescript, LuaU, Java, and more! :3</p>
4441
</article>
@@ -54,30 +51,77 @@ export function Home(){
5451
)}
5552
</div>
5653

54+
5755
{switchToFull ? (
5856
<div className='pt-36'/>
5957
):(
6058
<div className='pt-2'/>
6159
)}
6260

61+
6362
<h1 className='text-4xl pl-8 pr-8 font-extrabold italic
64-
motion-scale-in-[0] motion-translate-x-in-[-100%] motion-translate-y-in-[0%]
65-
motion-opacity-in-[0%] motion-blur-in-[20px] motion-duration-[1.25s]/scale motion-duration-[0.5s]/opacity'>
66-
Favorite developers! ⭐
63+
motion-translate-x-in-[-10%] motion-translate-y-in-[0%] motion-blur-in-[10px] motion-duration-[0.3s]/opacity'>
64+
Questions and Answers! ⭐
6765
</h1>
66+
<div className='pt-6 pl-10 pr-10 flex flex-row flex-wrap justify-between items-center
67+
motion-translate-x-in-[0%] motion-translate-y-in-[14%] motion-blur-in-[10px] motion-duration-[0.5s]/blur
68+
'>
69+
<article>
70+
<p className='text-2xl pb-2 font-bold italic'>Are you for hire?</p>
71+
<li className='pb-4'>Nope, if I need work I'll look for it.</li>
72+
73+
<p className='text-2xl pb-2 font-bold italic'>What do you mainly use for Roblox?</p>
74+
<table>
75+
<li className="text-sky-500"><a href='https://github.com/jsdotlua/react-lua' target='_blank'>React-Lua</a></li>
76+
<li className="text-sky-500"><a href='https://github.com/chriscerie/roact-spring' target='_blank'>React-Spring</a></li>
77+
<li className="text-sky-500"><Link to="tools">Custom Modules</Link></li>
78+
<li>Private Modules</li>
79+
<li className='pb-2 text-sky-500'><a href="https://youtu.be/28z_064N-lc?si=L-FH-LndT1Acn1dm&t=520" target='_blank'>Modified CrusherFire Loader</a></li>
80+
</table>
81+
<p className='text-lg pb-2 font-bold italic'>[I can work with other modules as well!]</p>
82+
<table>
83+
<li className="text-sky-500"><a href='https://elttob.uk/Fusion' target='_blank'>Fusion</a></li>
84+
<li className="text-sky-500"><a href='https://roblox-ts.com/' target='_blank'>RobloxTS</a></li>
85+
<li className='pb-4'>And willing to learn other ones!</li>
86+
</table>
87+
</article>
6888

69-
<br className='pt-4'/>
70-
<DevelopersMarquee />
71-
<br className='pb-4' />
89+
<article>
90+
<p className='text-2xl pb-2 font-bold italic'>What do you do outside of Roblox?</p>
91+
<table>
92+
<li>Website Development!</li>
93+
<li className='pb-4'>Cross-Platform App Development!</li>
94+
</table>
7295

73-
<h1 className='text-4xl pl-8 pr-8 font-extrabold italic
74-
motion-scale-in-[0] motion-translate-x-in-[-100%] motion-translate-y-in-[0%]
75-
motion-opacity-in-[0%] motion-blur-in-[20px] motion-duration-[1.75s]/scale motion-duration-[0.75s]/opacity'>
76-
Favorite games! 🎉
77-
</h1>
78-
<br className='pt-4'/>
79-
<GamesMarquee />
80-
<br className='pb-4' />
96+
<p className='text-2xl pb-2 font-bold italic'>What about things you don't know?</p>
97+
<p>I'm pretty much willing to learn anything.</p>
98+
<p>If you use Nevermore or a different framework,</p>
99+
<p className='pb-4'>I'm cool with learning it. 👍</p>
81100

101+
<p className='text-2xl pb-2 font-bold italic'>What do you use for reference?</p>
102+
<table>
103+
<li className="text-sky-500"><a href='https://www.roblox.com/games/12606338918/PENTHOUSES-STOCK-CRASH' target='_blank'>UI Reference [Unroot | STOCK CRASH 📈]</a></li>
104+
<li className="text-sky-500"><a href='https://x.com/Fluorlite' target='_blank'>PBR Building Style [Fluorlite | X Posts]</a></li>
105+
<li className="text-sky-500 pb-4"><a href='https://www.roblox.com/games/8473958692/The-Trials-PHASE-2' target='_blank'>Vanilla Building Style [Zelnus | The Trials]</a></li>
106+
</table>
107+
</article>
108+
109+
<article>
110+
<p className='text-2xl pb-2 font-bold italic'>Are you hiring on your personal projects?</p>
111+
<p>I don't plan on it, I usually love learning things solo.</p>
112+
<p className='pb-4'>If I do need someone though, I'll contact them first.</p>
113+
114+
<p className='text-2xl pb-2 font-bold italic'>Does ChaChaBenjo have ligma?</p>
115+
<p className='pb-10'>He does, no doubt...</p>
116+
117+
<p className='text-2xl pb-2 font-bold italic'>Anything I need to know before DMing you?</p>
118+
<p>Please follow with these two sites says.</p>
119+
<p>I rather get straight into business instead of waiting.</p>
120+
<table>
121+
<li className='text-sky-500'><a href="https://nohello.net/" target='_blank'>Don't just say hello please, just straight to business.</a></li>
122+
<li className='text-sky-500 pb-4'><a href="https://dontasktoask.com/" target='_blank'>Don't ask to ask, just straight to the question you have.</a></li>
123+
</table>
124+
</article>
125+
</div>
82126
</>)
83127
}

0 commit comments

Comments
 (0)