chore: Updated site a3db9651
stevedylandev · 2025-06-25 19:01 3 file(s) · +31 −4
site/src/App.tsx +25 −2
3 3 
function App() {
4 4 
	return (
5 5 
		<main className="flex flex-col min-h-screen w-full items-center justify-center gap-12 bg-[#121113] text-white">
6 - 
			<h1 className="text-7xl font-mono">DARKMATTER</h1>
7 - 
			<p className="font-mono">An opinionated terminal setup with Ghostty</p>
6 + 
			<h1 className="sm:text-7xl text-5xl font-mono">DARKMATTER</h1>
7 + 
			<p className="text-xs sm:text-lg font-mono">
8 + 
				An opinionated terminal setup with Ghostty
9 + 
			</p>
8 10 
			<Copy />
11 + 
			<a
12 + 
				href="https://github.com/stevedylandev/darkmatter"
13 + 
				target="_blank"
14 + 
				rel="noopener noreferrer"
15 + 
				className="inline-flex items-center justify-center rounded-md font-medium text-sm leading-5 px-4 py-2 bg-[#1a191b] text-[#d1d1d1] cursor-pointer outline-none border border-transparent hover:bg-[#232225] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-white/80"
16 + 
			>
17 + 
				<svg
18 + 
					xmlns="http://www.w3.org/2000/svg"
19 + 
					width="32"
20 + 
					height="32"
21 + 
					viewBox="0 0 24 24"
22 + 
					className="h-5 w-5 mr-2"
23 + 
				>
24 + 
					<title>github</title>
25 + 
					<path
26 + 
						fill="currentColor"
27 + 
						d="M12 2A10 10 0 0 0 2 12c0 4.42 2.87 8.17 6.84 9.5c.5.08.66-.23.66-.5v-1.69c-2.77.6-3.36-1.34-3.36-1.34c-.46-1.16-1.11-1.47-1.11-1.47c-.91-.62.07-.6.07-.6c1 .07 1.53 1.03 1.53 1.03c.87 1.52 2.34 1.07 2.91.83c.09-.65.35-1.09.63-1.34c-2.22-.25-4.55-1.11-4.55-4.92c0-1.11.38-2 1.03-2.71c-.1-.25-.45-1.29.1-2.64c0 0 .84-.27 2.75 1.02c.79-.22 1.65-.33 2.5-.33s1.71.11 2.5.33c1.91-1.29 2.75-1.02 2.75-1.02c.55 1.35.2 2.39.1 2.64c.65.71 1.03 1.6 1.03 2.71c0 3.82-2.34 4.66-4.57 4.91c.36.31.69.92.69 1.85V21c0 .27.16.59.67.5C19.14 20.16 22 16.42 22 12A10 10 0 0 0 12 2"
28 + 
					/>
29 + 
				</svg>
30 + 
				GitHub
31 + 
			</a>
9 32 
		</main>
10 33 
	);
11 34 
}
site/src/components/copy.tsx +2 −2
17 17 

            

            
            

                18
                18
                 
                
	return (

            

            
            

                19
                19
                 
                
		<div className="max-w-lg w-full">

            

            
            

                20
                
                -
                
			<div className="relative rounded-lg bg-zinc-800 p-4 overflow-hidden">

            

            
            

                
                20
                +
                
			<div className="relative rounded-lg bg-zinc-800 p-4 overflow-scroll mx-4 sm:mx-auto">

            

            
            

                21
                21
                 
                
				<pre className="text-sm font-mono">

            

            
            

                22
                22
                 
                
					<code>curl -sSL https://darkmatter.build/install.sh | bash</code>

            

            
            

                23
                23
                 
                
				</pre>

            

            
            

                24
                24
                 
                
				<button

            

            
            

                25
                25
                 
                
					type="button"

            

            
            

                26
                
                -
                
					className="absolute top-2.5 right-2 rounded-md p-2 hover:bg-zinc-200 dark:hover:bg-zinc-700 focus:outline-none"

            

            
            

                
                26
                +
                
					className="absolute hidden sm:block top-2.5 right-2 rounded-md p-2 hover:bg-zinc-200 dark:hover:bg-zinc-700 focus:outline-none"

            

            
            

                27
                27
                 
                
					onClick={copyToClipboard}

            

            
            

                28
                28
                 
                
				>

            

            
            

                29
                29
                 
                
					{copied ? (

            

            
        
        
    

    





    

        site/src/index.css
        +4 −0
    

    
    

        
        
            
            
            

                1
                1
                 
                
@import "tailwindcss";

            

            
            

                
                2
                +
                

            

            
            

                
                3
                +
                
html {

            

            
            

                
                4
                +
                
	background-color: #121113;

            

            
            

                
                5
                +
                
}