/** @jsxImportSource https://esm.sh/react */ import React, { useState, useEffect } from "https://esm.sh/react"; import { createRoot } from "https://esm.sh/react-dom/client"; // Custom Icons function MoonIcon(props) { return ( ); } function SunIcon(props) { return ( ); } function GithubIcon(props) { return ( ); } function MailIcon(props) { return ( ); } function LinkedinIcon(props) { return ( ); } // Custom Button Component function Button({ children, variant = 'primary', asChild = false, className = '', ...props }) { const variantStyles = { primary: 'bg-blue-500 text-white hover:bg-blue-600', secondary: 'bg-gray-200 text-gray-800 hover:bg-gray-300', outline: 'border border-gray-300 hover:bg-gray-100 dark:border-gray-700 dark:hover:bg-gray-800' }; const baseStyles = 'px-4 py-2 rounded-md transition-colors flex items-center justify-center'; if (asChild && React.isValidElement(children)) { return React.cloneElement(children, { className: `${baseStyles} ${variantStyles[variant]} ${className} ${children.props.className}` }); } return ( ); } // Custom Card Components function Card({ children, className = '' }) { return (

{children}

); } function CardHeader({ children, className = '' }) { return (

{children}

); } function CardTitle({ children, className = '' }) { return (

{children}

); } function CardContent({ children, className = '' }) { return (

{children}

); } // Custom Switch Component function Switch({ checked, onCheckedChange }) { return ( ); } function App() { const [theme, setTheme] = useState<'light' | 'dark'>('light'); useEffect(() => { document.documentElement.classList.toggle('dark', theme === 'dark'); localStorage.setItem('theme', theme); }, [theme]); useEffect(() => { const savedTheme = localStorage.getItem('theme') as 'light' | 'dark'; if (savedTheme) { setTheme(savedTheme); } }, []); const toggleTheme = () => { setTheme(theme === 'light' ? 'dark' : 'light'); }; return (

Shegosthato

Software Developer

About Me

I'm a passionate software developer with expertise in web technologies, committed to creating innovative and efficient solutions. My focus is on building scalable and user-friendly applications that solve real-world problems.

Projects

Personal Portfolio

Responsive personal website showcasing skills and projects

Open Source Contributions

Explore my GitHub repositories and open-source projects

Contact Me

View Val Source

); } function client() { createRoot(document.getElementById("root")).render(); } if (typeof document !== "undefined") { client(); } export default async function server(request: Request): Promise { return new Response(` Shegosthato - Portfolio

`, { headers: { "content-type": "text/html", }, }); }

shegosthato