data: Hooked projects to links
This commit is contained in:
@@ -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>
|
||||
|
||||
@@ -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">
|
||||
|
||||
@@ -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>
|
||||
|
||||
@@ -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"
|
||||
|
||||
@@ -1,46 +0,0 @@
|
||||
import { Chromium, Cpu, Gamepad, Layout } from 'lucide-react';
|
||||
|
||||
export const PROJECTS = [
|
||||
{
|
||||
id: 'Krohnkite',
|
||||
github: 'https://github.com/sortedcord/krohnkite-i3',
|
||||
title: 'Krohnkite i3',
|
||||
category: 'Window Management',
|
||||
tech: ['Typescript', 'Kwin API', 'QML'],
|
||||
desc: 'A modified stripped down version of Krohnkite that implements i3-style tiling in KDE Plasma (Wayland).',
|
||||
icon: <Layout className="w-5 h-5" />,
|
||||
},
|
||||
{
|
||||
id: 'leenim',
|
||||
github: 'https://github.com/sortedcord/leenim',
|
||||
title: 'Leenim',
|
||||
category: 'Desktop Application Development',
|
||||
tech: ['React', 'Rust', 'Tauri', 'Python'],
|
||||
desc: 'A Cross platform Video Editor style application for creating mathematical illustrations with Manim.',
|
||||
icon: <Cpu className="w-5 h-5" />,
|
||||
},
|
||||
{
|
||||
id: 'gippity-pruner',
|
||||
github: 'https://github.com/sortedcord/gippity-pruner',
|
||||
title: 'Gippity Pruner',
|
||||
category: 'Browser Extension for Chromium & Gecko',
|
||||
tech: ['JavaScript'],
|
||||
desc: 'Improve ChatGPT performance in long conversations, without losing your context!',
|
||||
icon: <Chromium className='w-5 h-5' />,
|
||||
},
|
||||
{
|
||||
id: 'omnia',
|
||||
github: 'https://github.com/sortedcord/omnia',
|
||||
title: 'Omnia',
|
||||
category: 'AI-Native Computing Systems',
|
||||
tech: ['Typescript'],
|
||||
desc: 'A game engine specification that defines an AI driven, intent-based architecture for building determinist-first interactive worlds.',
|
||||
icon: <Gamepad className="w-5 h-5" />,
|
||||
},
|
||||
];
|
||||
|
||||
export const LAB_NOTES = [
|
||||
{ date: '2026-02-14', title: 'GT730 and handling some Nvidia Voodoo Magic' },
|
||||
{ date: '2026-01-28', title: "So, how's that VPS business going?" },
|
||||
{ date: '2025-12-10', title: 'Injecting dynamic themes via CSS variable mutations' },
|
||||
];
|
||||
@@ -7,6 +7,7 @@ export type Project = {
|
||||
stars?: number;
|
||||
forks?: number;
|
||||
title: string;
|
||||
link: string;
|
||||
category: string;
|
||||
tech: string[];
|
||||
ribbon: string | null;
|
||||
@@ -23,6 +24,7 @@ export const PROJECTS: Project[] = [
|
||||
{
|
||||
id: 'Krohnkite',
|
||||
github: 'https://github.com/sortedcord/krohnkite-i3',
|
||||
link: 'https://github.com/sortedcord/krohnkite-i3',
|
||||
title: 'Krohnkite i3',
|
||||
category: 'Window Management',
|
||||
tech: ['Typescript', 'Kwin API', 'QML'],
|
||||
@@ -33,6 +35,7 @@ export const PROJECTS: Project[] = [
|
||||
{
|
||||
id: 'leenim',
|
||||
github: 'https://github.com/sortedcord/leenim',
|
||||
link: 'https://github.com/sortedcord/leenim',
|
||||
title: 'Leenim',
|
||||
category: 'Desktop Application Development',
|
||||
tech: ['React', 'Rust', 'Tauri', 'Python'],
|
||||
@@ -43,6 +46,7 @@ export const PROJECTS: Project[] = [
|
||||
{
|
||||
id: 'gippity-pruner',
|
||||
github: 'https://github.com/sortedcord/gippity-pruner',
|
||||
link: 'https://github.com/sortedcord/gippity-pruner',
|
||||
title: 'Gippity Pruner',
|
||||
category: 'Browser Extension',
|
||||
tech: ['JavaScript'],
|
||||
@@ -53,6 +57,7 @@ export const PROJECTS: Project[] = [
|
||||
{
|
||||
id: 'omnia',
|
||||
github: 'https://github.com/sortedcord/omnia',
|
||||
link: 'https://github.com/sortedcord/omnia',
|
||||
title: 'Omnia',
|
||||
category: 'AI-Native Computing Systems',
|
||||
tech: ['Typescript'],
|
||||
|
||||
Reference in New Issue
Block a user