-
Notifications
You must be signed in to change notification settings - Fork 0
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
- Loading branch information
1 parent
d453512
commit 470247d
Showing
8 changed files
with
104 additions
and
54 deletions.
There are no files selected for viewing
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file not shown.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -1,39 +1,45 @@ | ||
| import { routerPage } from "../signals/RouterPageSignal"; | ||
| import { GithubIcon, LinkedinIcon, MailIcon } from 'lucide-preact'; | ||
|
|
||
|
|
||
| const ICON_SIZE = 34; | ||
|
|
||
|
|
||
| export function Home() { | ||
| routerPage.value = "Home"; | ||
|
|
||
| return ( | ||
| <main className="flex flex-col justify-center items-center pb-12"> | ||
| <section className="w-full pt-10 pb-8 flex flex-col justify-center items-center container max-w-[600px] px-4"> | ||
| <div className="container flex flex-col items-center justify-center space-y-4 px-4"> | ||
| <div className="text-center"> | ||
| <h1 className="text-5xl font-bold tracking-tighter pt-6 text-white"> | ||
| Hi, I'm Abhishek | ||
| </h1> | ||
| <div className="text-gray-300 px-4 pt-2 text-sm md:text-base lg:text-lg mb-4"> | ||
| I'm a Software Developer and Computer Science | ||
| student at UC San Diego. In my free time, I am a | ||
| Capture the Flag (CTF) player specializing in web | ||
| exploitation and reverse engineering. | ||
| <> | ||
| <main className="flex-grow flex items-center justify-center p-4 relative z-20"> | ||
| <section className="w-full pt-10 pb-8 flex flex-col justify-center items-center container max-w-[620px] px-4"> | ||
| <div className="container flex flex-col items-center justify-center space-y-4 px-4"> | ||
| <div className="text-center transition-all"> | ||
| <h1 class="text-5xl font-bold tracking-tighter pt-6 text-white">Hi, I'm Abhishek</h1> | ||
| {/* <TextReveal text="Hi, I'm Abhishek" /> */} | ||
| {/* {content} */} | ||
| <div className=" text-gray-300 px-4 pt-2 text-sm md:text-base lg:text-lg mb-2"> | ||
| I'm a <strong>Computer Science</strong> {" "} | ||
| student at UC San Diego, currently working as a <strong>ServiceNow Developer</strong> with IT Services at UCSD. | ||
| </div> | ||
| <div className="text-gray-300 px-4 pt-2 text-sm md:text-base lg:text-lg mb-2"> | ||
| In my free time, I play CTF (Capture The Flag) competitions, specializing in <strong>Web Exploitation</strong> and <strong>Algorithms</strong>. | ||
| </div> | ||
| </div> | ||
| </div> | ||
| <div | ||
| className="container space-y-4 flex flex-col items-center bg-[url(https://images.unsplash.com/photo-1706922926159-d32db3419657?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=MnwxfDB8MXxyYW5kb218MHx8fHx8fHx8MTcwOTAxNzc4MQ&ixlib=rb-4.0.3&q=80&w=1080)] bg-[100%_auto] max-w-[60rem] max-h-[30rem] aspect-video rounded-2xl" | ||
| alt="placeholder"> | ||
| </div> | ||
| </div> | ||
| </section> | ||
| </section> | ||
|
|
||
| </main> | ||
|
|
||
| <section className="flex justify-center space-x-8 py-10 "> | ||
| <a href="//github.com/abhishekg999" target="_blank" rel="noopener noreferrer" className="text-white hover:text-green-500"><GithubIcon size={ICON_SIZE} /></a> | ||
| <a href="//linkedin.com/in/abhishekgovindarasu" target="_blank" rel="noopener noreferrer" className="text-white hover:text-green-500"><LinkedinIcon size={ICON_SIZE} /></a> | ||
| <a href="mailto:[email protected]" target="_blank" rel="noopener noreferrer" className="text-white hover:text-green-500"><MailIcon size={ICON_SIZE} /></a> | ||
| </section> | ||
| </main> | ||
| ); | ||
| <footer className="p-4 flex justify-center space-x-8 relative z-20"> | ||
| <a href="//github.com/abhishekg999" target="_blank" rel="noopener noreferrer" className="text-white hover:text-green-400 transition-colors"> | ||
| <GithubIcon size={ICON_SIZE} /> | ||
| </a> | ||
| <a href="//linkedin.com/in/abhishekgovindarasu" target="_blank" rel="noopener noreferrer" className="text-white hover:text-green-400 transition-colors"> | ||
| <LinkedinIcon size={ICON_SIZE} /> | ||
| </a> | ||
| <a href="mailto:[email protected]" target="_blank" rel="noopener noreferrer" className="text-white hover:text-green-400 transition-colors"> | ||
| <MailIcon size={ICON_SIZE} /> | ||
| </a> | ||
| </footer> | ||
| </> | ||
| ) | ||
| } |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,17 @@ | ||
| export const TextReveal = ({ text }: { text: string}) => { | ||
| return ( | ||
| <> | ||
| <h1 className="overflow-hidden text-5xl font-bold tracking-tighter p-6 text-white"> | ||
| {text.match(/./gu)!.map((char, index) => ( | ||
| <span | ||
| className={`animate-text-reveal inline-block [animation-fill-mode:backwards]`} | ||
| key={`${char}-${index}`} | ||
| style={{ animationDelay: `${index * 0.02}s` }} | ||
| > | ||
| {char === " " ? "\u00A0" : char} | ||
| </span> | ||
| ))} | ||
| </h1> | ||
| </> | ||
| ); | ||
| }; |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters