tben/personal-site
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

updates

Browse Source
This commit is contained in:
Tben
2023-07-19 16:00:48 +01:00
parent d29620ffaa
commit 425b93acb9
5 changed files with 69 additions and 31 deletions
Download Patch File Download Diff File Expand all files Collapse all files
app/about/(components)/Hero.tsx
+8 -5
View File
@@ -1,7 +1,7 @@
"use client";
import React from "react";
import TextShuffler from "../../../components/actions/TextShuffler";
// import TextShuffler from "../../../components/actions/TextShuffler";
import { appear, genericScroll } from "../../(utils)/animate";
export default function Hero() {
@@ -15,19 +15,22 @@ export default function Hero() {
// id="hero-text-section"
>
<span className="text-primary-light text-lg">
<TextShuffler textInput="About Me" />
About Me
{/* <TextShuffler textInput="About Me" /> */}
</span>
<h1
className="text-5xl leading-snug"
id="hero-text"
>
<TextShuffler textInput="Ben of All Trade, Master of All" />
Ben of All Trade, Master of All
{/* <TextShuffler textInput="Ben of All Trade, Master of All" /> */}
</h1>
<span className="hero-sub-text">
<TextShuffler
Quick learner, adaptable, problem solver, curious. I strive to know the system, rather than the status quo. My credo is: no problem too great, no knowledge too vast, no logic too complex. I thrive in difficult situations and complex hurdles: problem solving is now second nature to me: if you can think it, it can be done.
{/* <TextShuffler
textInput="Quick learner, adaptable, problem solver, curious. I strive to know the system, rather than the status quo. My credo is: no problem too great, no knowledge too vast, no logic too complex. I thrive in difficult situations and complex hurdles: problem solving is now second nature to me: if you can think it, it can be done."
delay={1000}
/>
/> */}
</span>
</div>
</div>
app/about/(components)/MoreAboutMe.tsx
+13 -7
View File
@@ -1,7 +1,7 @@
"use client";
import React from "react";
import TextShuffler from "../../../components/actions/TextShuffler";
// import TextShuffler from "../../../components/actions/TextShuffler";
import { appear, genericScroll } from "../../(utils)/animate";
export default function MoreAboutMe() {
@@ -23,7 +23,8 @@ export default function MoreAboutMe() {
>
<div className="w-full">
<h2>
<TextShuffler textInput="More About Me" />
More About Me
{/* <TextShuffler textInput="More About Me" /> */}
</h2>
<div className="flex flex-col items-start gap-4">
@@ -51,7 +52,8 @@ export default function MoreAboutMe() {
<div className="w-full bg-[#343680] px-4 md:px-6 py-2">
<section>
<h3>
<TextShuffler textInput={targetStack?.match(/dev/i) ? "Web Dev Tech Stack" : "UI/UX tech stack"} />
{targetStack?.match(/dev/i) ? "Web Dev Tech Stack" : "UI/UX tech stack"}
{/* <TextShuffler textInput={targetStack?.match(/dev/i) ? "Web Dev Tech Stack" : "UI/UX tech stack"} /> */}
</h3>
<hr />
<ul style={{ maxWidth: "800px" }}>
@@ -63,10 +65,12 @@ export default function MoreAboutMe() {
className="mb-4"
>
<h4 className="m-0">
<TextShuffler textInput={item.title} />
{item.title}
{/* <TextShuffler textInput={item.title} /> */}
</h4>
<span className="opacity-80">
<TextShuffler textInput={item.description} />
{item.description}
{/* <TextShuffler textInput={item.description} /> */}
</span>
</li>
))}
@@ -79,10 +83,12 @@ export default function MoreAboutMe() {
className="mb-4"
>
<h4 className="m-0">
<TextShuffler textInput={item.title} />
{item.title}
{/* <TextShuffler textInput={item.title} /> */}
</h4>
<span className="opacity-80">
<TextShuffler textInput={item.description} />
{item.description}
{/* <TextShuffler textInput={item.description} /> */}
</span>
</li>
))}