sortedcord/mi-sitio-personal
1
1
Fork 0
Code Issues 4 Pull Requests Actions Packages Projects Releases Wiki Activity

data: Hooked projects to links

Browse Source
This commit is contained in:
Aditya Gupta
2026-02-23 16:00:01 +05:30
parent b36319f5f4
commit af591f57f0
6 changed files with 33 additions and 60 deletions
Download Patch File Download Diff File Expand all files Collapse all files

18
src/components/CatEasterEgg.tsx
View File

@@ -53,27 +53,27 @@ export function CatEasterEgg() {
return (
<div
className="fixed bottom-[-2px] z-50 transition-transform duration-100 ease-out"
className="fixed -bottom-0.5 z-50 transition-transform duration-100 ease-out"
style={{
left: `${posX}%`,
transform: `translateY(${150 - (reveal * 1.5)}%)`,
}}
>
<div className="relative group cursor-pointer" onClick={handleCatClick}>
<div className={`absolute left-1/2 transform -translate-x-1/2 text-[var(--heart-color)] text-4xl z-50 transition-all duration-700 ease-out pointer-events-none ${showHeart ? '-top-16 opacity-100 scale-110' : 'top-2 opacity-0 scale-50'}`}>
<div className={`absolute left-1/2 transform -translate-x-1/2 text-(--heart-color) text-4xl z-50 transition-all duration-700 ease-out pointer-events-none ${showHeart ? '-top-16 opacity-100 scale-110' : 'top-2 opacity-0 scale-50'}`}>
♥
</div>
<div className="absolute -top-10 -left-20 font-sketch text-xs accent-text -rotate-12 opacity-0 group-hover:opacity-100 transition-opacity whitespace-nowrap bg-[var(--bg-panel)] px-3 py-1 sketch-border-subtle backdrop-blur-sm shadow-xl">
./purr.sh
<div className="absolute -top-10 -left-20 font-sketch text-xs accent-text -rotate-12 opacity-0 group-hover:opacity-100 transition-opacity whitespace-nowrap bg-(--bg-panel) px-3 py-1 sketch-border-subtle backdrop-blur-sm shadow-xl">
./patamole.sh
</div>
<div className="absolute -top-2 left-2 w-4 h-5 border-2 border-[var(--cat-stroke)] rounded-t-[12px] bg-[var(--cat-body)] z-10"></div>
<div className="absolute -top-2 right-2 w-4 h-5 border-2 border-[var(--cat-stroke)] rounded-t-[12px] bg-[var(--cat-body)] z-10"></div>
<div className="absolute -top-2 left-2 w-4 h-5 border-2 border-(--cat-stroke) rounded-t-xl bg-(--cat-body) z-10"></div>
<div className="absolute -top-2 right-2 w-4 h-5 border-2 border-(--cat-stroke) rounded-t-xl bg-(--cat-body) z-10"></div>
<div className="w-16 h-14 border-2 border-[var(--cat-stroke)] border-b-0 rounded-t-[24px] bg-[var(--cat-body)] flex justify-center pt-5 gap-3 relative z-0">
<div className="absolute -top-3 left-0 w-6 h-7 border-2 border-[var(--cat-stroke)] border-b-0 border-r-0 rounded-tl-full transform rotate-[20deg] bg-[var(--cat-body)] -z-10"></div>
<div className="absolute -top-3 right-0 w-6 h-7 border-2 border-[var(--cat-stroke)] border-b-0 border-l-0 rounded-tr-full transform -rotate-[20deg] bg-[var(--cat-body)] -z-10"></div>
<div className="w-16 h-14 border-2 border-(--cat-stroke) border-b-0 rounded-t-3xl bg-(--cat-body) flex justify-center pt-5 gap-3 relative z-0">
<div className="absolute -top-3 left-0 w-6 h-7 border-2 border-(--cat-stroke) border-b-0 border-r-0 rounded-tl-full transform rotate-[20deg] bg-[var(--cat-body)] -z-10"></div>
<div className="absolute -top-3 right-0 w-6 h-7 border-2 border-(--cat-stroke) border-b-0 border-l-0 rounded-tr-full transform -rotate-[20deg] bg-[var(--cat-body)] -z-10"></div>
<div className="absolute top-7 -left-3 w-4 h-[2px] bg-[var(--cat-stroke)] rounded-full transform rotate-[15deg] opacity-60"></div>
<div className="absolute top-9 -left-3 w-4 h-[2px] bg-[var(--cat-stroke)] rounded-full transform -rotate-[5deg] opacity-60"></div>

2
src/components/InteractiveSystemOverview.tsx
View File

@@ -3,7 +3,7 @@ import { useState } from 'react';
const CONTENT_MODULES = [
{
id: 'bio',
title: '/home/aditya/bio.txt',
title: '/home/sortedcord/bio.txt',
tty: 'tty1',
content: (
<div className="font-mono text-sm sm:text-base text-(--text-muted) leading-relaxed flex-1 space-y-4">

20
src/components/ProjectsSection.tsx
View File

@@ -96,9 +96,23 @@ export function ProjectsSection() {
)}
</div>
<div>
<h3 className="text-(--text-main) font-bold text-lg flex items-center gap-2 font-mono">
{project.title}
<ExternalLink className="w-4 h-4 opacity-0 group-hover:opacity-100 transition-opacity accent-text" />
<h3 className="text-(--text-main) font-bold text-lg font-mono">
{project.link ? (
<a
href={project.link}
target="_blank"
rel="noreferrer"
className="inline-flex items-center gap-2 hover:text-(--color-accent) transition-colors"
>
{project.title}
<ExternalLink className="w-4 h-4 opacity-0 group-hover:opacity-100 transition-opacity accent-text" />
</a>
) : (
<span className="inline-flex items-center gap-2">
{project.title}
<ExternalLink className="w-4 h-4 opacity-0 group-hover:opacity-100 transition-opacity accent-text" />
</span>
)}
</h3>
<span className="font-sketch text-sm text-(--text-muted) accent-text">{project.category}</span>
</div>

2
src/components/ThemeMapperModal.tsx
View File

@@ -82,7 +82,7 @@ export function ThemeMapperModal({
</div>
<a
href={`https://twitter.com/intent/tweet?text=${encodeURIComponent(
`This nerd thinks I deserve to look at "${themeName}" when viewing @sortedcord 's website. Let's DDoS him!\n\nhttps://adityagupta.dev`
`This nerd thinks I deserve to look at "${themeName}" when viewing his website. Let's dox @sortedcord!\n\nhttps://adityagupta.dev`
)}`}
target="_blank"
rel="noreferrer"