diff options
| author | Raghuram Subramani <raghus2247@gmail.com> | 2025-08-27 09:39:20 -0400 |
|---|---|---|
| committer | Raghuram Subramani <raghus2247@gmail.com> | 2025-08-27 09:39:20 -0400 |
| commit | 1c42acca2491769a261de87be4904ba12ae5637e (patch) | |
| tree | d4b9444d8d1a6b730f6629d09c45054f1b3d2508 /projects/index.html | |
| parent | 18ffd40ca7445ad0c3012ed8610458294a16789c (diff) | |
.
Diffstat (limited to 'projects/index.html')
| -rw-r--r-- | projects/index.html | 117 |
1 files changed, 117 insertions, 0 deletions
diff --git a/projects/index.html b/projects/index.html new file mode 100644 index 0000000..4696f4b --- /dev/null +++ b/projects/index.html @@ -0,0 +1,117 @@ +<!DOCTYPE html> +<html lang="en"> + <head> + + <meta charset="UTF-8"> + <meta name="viewport" content="width=device-width, initial-scale=1.0"> + <meta http-equiv="X-UA-Compatible" content="ie=edge"> + <meta name="description" content="RAGHURAM SUBRAMANI ~ COMPROMYSE | Hacker & Programmer"> + + <title>PROJECTS | COMPROMYSE</title> + + <link rel="apple-touch-icon" sizes="180x180" href="/assets/favicon/apple-touch-icon.png"> + <link rel="icon" type="image/png" sizes="32x32" href="/assets/favicon/favicon-32x32.png"> + <link rel="icon" type="image/png" sizes="16x16" href="/assets/favicon/favicon-16x16.png"> + <link rel="manifest" href="/assets/favicon/site.webmanifest"> + + <link href="/assets/stylesheet.css" rel="stylesheet" /> + + <link rel="preconnect" href="https://fonts.googleapis.com"> + <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> + <link href="https://fonts.googleapis.com/css2?family=Jersey+15&display=swap" rel="stylesheet"> + + </head> + <body class="bg-zinc-900 text-pink-300 font-['Jersey_15'] selection:text-pink-900 selection:bg-pink-100 lg:text-xl"> + <div class="min-h-screen flex flex-col"> + + <nav class="w-full mx-auto mt-10"> + <div class="flex flex-wrap items-center px-10 gap-4 text-center text-lg lg:text-2xl"> + + <a href="/" class="cursor-pointer font-bold hover:underline justify-center button"> + COMPROMYSE + </a> + + <div class="flex items-center gap-4 flex-wrap justify-center md:justify-left"> + <a href="/projects" class="hover:underline"> + [ PROJECTS ] + </a> + + </div> + + </div> +</nav> + + + <div class="flex flex-grow flex-col"> + + +<div class="p-16"> + <h1 class="text-5xl">PROJECTS</h1> + <p class="text-xl">Here's a bunch of things I've done.</p> +</div> + +<div class="card-container"> + + + + <a href="/projects/msg" class="card-anchor button-inverted"> + <div class="flex flex-col gap-2 pt-2 items-center items-center"> + <p class="text-2xl font-semibold text-center">MSG</p> + <p class="text-xl text-center text-wrap">An incredibly opinionated, hackable, minimal Static Site Generator.</p> + </div> + + <div class="text-center text-sm border-t-2 mt-3 py-1">C</div> + </a> + + + + <a href="/projects/bubbl" class="card-anchor button-inverted"> + <div class="flex flex-col gap-2 pt-2 items-center items-center"> + <p class="text-2xl font-semibold text-center">BUBBL</p> + <p class="text-xl text-center text-wrap">An Operating System for The x86 Architecture.</p> + </div> + + <div class="text-center text-sm border-t-2 mt-3 py-1">C / C++ / ASM</div> + </a> + + + + <a href="/projects/chip8emu" class="card-anchor button-inverted"> + <div class="flex flex-col gap-2 pt-2 items-center items-center"> + <p class="text-2xl font-semibold text-center">CHIP8Emu</p> + <p class="text-xl text-center text-wrap">An Emulator/Interpreter for CHIP-8.</p> + </div> + + <div class="text-center text-sm border-t-2 mt-3 py-1">C++</div> + </a> + + + + <a href="/projects/autograd" class="card-anchor button-inverted"> + <div class="flex flex-col gap-2 pt-2 items-center items-center"> + <p class="text-2xl font-semibold text-center">Autograd</p> + <p class="text-xl text-center text-wrap">An implementation of autograd / backpropagation.</p> + </div> + + <div class="text-center text-sm border-t-2 mt-3 py-1">Python</div> + </a> + + + +</div> + + + </div> + + <footer class="w-full pb-4 pt-12 px-8 text-sm md:text-lg"> + <div class="text-center"> + <p>The Quieter You Become, The More You Are Able To Hear.</p> + </div> +</footer> + + + </div> + </body> +</html> + + |