diff options
| author | Raghuram Subramani <raghus2247@gmail.com> | 2025-08-31 13:41:53 -0400 |
|---|---|---|
| committer | Raghuram Subramani <raghus2247@gmail.com> | 2025-08-31 13:41:53 -0400 |
| commit | 8cb34b38a2d10720c37c04c45523118d03a30942 (patch) | |
| tree | b282e86eef57c592051b3bf2151740fe4fc39f19 /projects | |
| parent | 3fb42b1a9c5bfaa7b77808c3ec3bffe69814bb94 (diff) | |
.
Diffstat (limited to 'projects')
| -rw-r--r-- | projects/autograd.html | 104 | ||||
| -rw-r--r-- | projects/bubbl.html | 102 | ||||
| -rw-r--r-- | projects/chip8emu.html | 102 | ||||
| -rw-r--r-- | projects/index.html | 128 | ||||
| -rw-r--r-- | projects/msg.html | 130 |
5 files changed, 300 insertions, 266 deletions
diff --git a/projects/autograd.html b/projects/autograd.html index 4fe4ae0..5f37054 100644 --- a/projects/autograd.html +++ b/projects/autograd.html @@ -1,65 +1,67 @@ <!DOCTYPE html> <html lang="en"> - <head> + <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"> + <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>Autograd | COMPROMYSE</title> + <title>Autograd | 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 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 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"> + <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"> - <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.11.1/styles/base16/ashes.min.css" defer> - <script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.11.1/highlight.min.js"></script> - <script defer>hljs.highlightAll();</script> + <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.11.1/styles/base16/ashes.min.css" defer> + <script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.11.1/highlight.min.js"></script> + <script defer>hljs.highlightAll();</script> - </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"> + </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"> + <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> + <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 class="flex items-center gap-4 flex-wrap justify-center md:justify-left"> + <a href="/projects" class="hover:underline"> + [ PROJECTS ] + </a> - </div> + </div> - </div> + </div> </nav> - <div class="flex flex-grow flex-col py-8 px-14 items-center"> + <div class="flex flex-grow flex-col py-8 px-14 items-center"> - <div class="text-center flex flex-col gap-4 w-full max-w-100"> - <h1 class="text-5xl font-semibold">Autograd</h1> - <div> - <h4 class="text-xl">An implementation of autograd / backpropagation.</h4> - <h6 class="text-center text-sm border-t-4 mt-2 py-1">Python</h6> - </div> + <div class="text-center flex flex-col gap-4 w-full max-w-100"> + <h1 class="text-5xl font-semibold">Autograd</h1> + <div> + <h4 class="text-xl">An implementation of autograd / backpropagation.</h4> + <h6 class="text-center text-sm border-t-4 mt-2 py-1">Python</h6> + </div> - <a href="https://github.com/compromyse/autograd" target="_blank" class="button">SOURCE</a> - </div> + + <a href="https://github.com/compromyse/autograd" target="_blank" class="button">SOURCE</a> + + </div> - <div class="prose md:prose-lg lg:prose-2xl prose-pink prose-invert w-full max-w-256 pt-12"> - <p>All you need to run a simple neural network using autograd is the following code:</p> + <div class="prose md:prose-lg lg:prose-2xl prose-pink prose-invert w-full max-w-256 pt-12"> + <p>All you need to run a simple neural network using autograd is the following code:</p> <p>The code defines a data set <code>X</code>, expected output (or ground truth) <code>y</code>. It then trains the neural network by performing backward propagation (<code>.backward()</code>), then applies the calculated gradients through <code>.optimise()</code> along with a learning rate of <code>0.01</code>.</p> @@ -83,22 +85,22 @@ for i in range(400): loss.backward() n.optimise(0.01) -print(pred) + print(pred) </code></pre> </p> - </div> + </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> + </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> + </div> + </body> </html> diff --git a/projects/bubbl.html b/projects/bubbl.html index 0ead19a..89c057f 100644 --- a/projects/bubbl.html +++ b/projects/bubbl.html @@ -1,65 +1,67 @@ <!DOCTYPE html> <html lang="en"> - <head> + <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"> + <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>BUBBL | COMPROMYSE</title> + <title>BUBBL | 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 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 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"> + <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"> - <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.11.1/styles/base16/ashes.min.css" defer> - <script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.11.1/highlight.min.js"></script> - <script defer>hljs.highlightAll();</script> + <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.11.1/styles/base16/ashes.min.css" defer> + <script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.11.1/highlight.min.js"></script> + <script defer>hljs.highlightAll();</script> - </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"> + </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"> + <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> + <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 class="flex items-center gap-4 flex-wrap justify-center md:justify-left"> + <a href="/projects" class="hover:underline"> + [ PROJECTS ] + </a> - </div> + </div> - </div> + </div> </nav> - <div class="flex flex-grow flex-col py-8 px-14 items-center"> + <div class="flex flex-grow flex-col py-8 px-14 items-center"> - <div class="text-center flex flex-col gap-4 w-full max-w-100"> - <h1 class="text-5xl font-semibold">BUBBL</h1> - <div> - <h4 class="text-xl">An Operating System for The x86 Architecture.</h4> - <h6 class="text-center text-sm border-t-4 mt-2 py-1">C / C++ / ASM</h6> - </div> + <div class="text-center flex flex-col gap-4 w-full max-w-100"> + <h1 class="text-5xl font-semibold">BUBBL</h1> + <div> + <h4 class="text-xl">An Operating System for The x86 Architecture.</h4> + <h6 class="text-center text-sm border-t-4 mt-2 py-1">C / C++ / ASM</h6> + </div> - <a href="https://github.com/compromyse/bubbl" target="_blank" class="button">SOURCE</a> - </div> + + <a href="https://github.com/compromyse/bubbl" target="_blank" class="button">SOURCE</a> + + </div> - <div class="prose md:prose-lg lg:prose-2xl prose-pink prose-invert w-full max-w-256 pt-12"> - <h2>Building</h2> + <div class="prose md:prose-lg lg:prose-2xl prose-pink prose-invert w-full max-w-256 pt-12"> + <h2>Building</h2> <h4>Dependencies: Nix with flakes enabled and (optionally) direnv</h4> @@ -77,18 +79,18 @@ ninja </code></pre> </p> - </div> + </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> + </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> + </div> + </body> </html> diff --git a/projects/chip8emu.html b/projects/chip8emu.html index 7e0aab0..b0c2b72 100644 --- a/projects/chip8emu.html +++ b/projects/chip8emu.html @@ -1,65 +1,67 @@ <!DOCTYPE html> <html lang="en"> - <head> + <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"> + <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>CHIP8Emu | COMPROMYSE</title> + <title>CHIP8Emu | 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 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 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"> + <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"> - <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.11.1/styles/base16/ashes.min.css" defer> - <script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.11.1/highlight.min.js"></script> - <script defer>hljs.highlightAll();</script> + <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.11.1/styles/base16/ashes.min.css" defer> + <script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.11.1/highlight.min.js"></script> + <script defer>hljs.highlightAll();</script> - </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"> + </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"> + <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> + <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 class="flex items-center gap-4 flex-wrap justify-center md:justify-left"> + <a href="/projects" class="hover:underline"> + [ PROJECTS ] + </a> - </div> + </div> - </div> + </div> </nav> - <div class="flex flex-grow flex-col py-8 px-14 items-center"> + <div class="flex flex-grow flex-col py-8 px-14 items-center"> - <div class="text-center flex flex-col gap-4 w-full max-w-100"> - <h1 class="text-5xl font-semibold">CHIP8Emu</h1> - <div> - <h4 class="text-xl">An Emulator/Interpreter for CHIP-8.</h4> - <h6 class="text-center text-sm border-t-4 mt-2 py-1">C++</h6> - </div> + <div class="text-center flex flex-col gap-4 w-full max-w-100"> + <h1 class="text-5xl font-semibold">CHIP8Emu</h1> + <div> + <h4 class="text-xl">An Emulator/Interpreter for CHIP-8.</h4> + <h6 class="text-center text-sm border-t-4 mt-2 py-1">C++</h6> + </div> - <a href="https://github.com/compromyse/autograd" target="_blank" class="button">SOURCE</a> - </div> + + <a href="https://github.com/compromyse/autograd" target="_blank" class="button">SOURCE</a> + + </div> - <div class="prose md:prose-lg lg:prose-2xl prose-pink prose-invert w-full max-w-256 pt-12"> - <p><img src="https://github.com/compromyse/CHIP8Emu/assets/71056504/f87e9e73-f880-4d60-a61b-cdb40791211b" class="mx-auto" /></p> + <div class="prose md:prose-lg lg:prose-2xl prose-pink prose-invert w-full max-w-256 pt-12"> + <p><img src="https://github.com/compromyse/CHIP8Emu/assets/71056504/f87e9e73-f880-4d60-a61b-cdb40791211b" class="mx-auto" /></p> <h2>About The Project</h2> @@ -77,18 +79,18 @@ Replace <code>[scale]</code> with your preferred display scaling, <code>[delay]< </code></pre> </p> - </div> + </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> + </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> + </div> + </body> </html> diff --git a/projects/index.html b/projects/index.html index 4696f4b..d3b189e 100644 --- a/projects/index.html +++ b/projects/index.html @@ -1,117 +1,117 @@ <!DOCTYPE html> <html lang="en"> - <head> + <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"> + <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> + <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 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 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"> + <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"> + </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"> + <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> + <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 class="flex items-center gap-4 flex-wrap justify-center md:justify-left"> + <a href="/projects" class="hover:underline"> + [ PROJECTS ] + </a> - </div> + </div> - </div> + </div> </nav> - <div class="flex flex-grow flex-col"> - + <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> + <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="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> + <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="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> + <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="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> + <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="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> + <div class="text-center text-sm border-t-2 mt-3 py-1">Python</div> </a> - + </div> - </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 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> + </div> + </body> </html> diff --git a/projects/msg.html b/projects/msg.html index 3b30c62..2e86f10 100644 --- a/projects/msg.html +++ b/projects/msg.html @@ -1,65 +1,67 @@ <!DOCTYPE html> <html lang="en"> - <head> + <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"> + <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>MSG | COMPROMYSE</title> + <title>MSG | 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 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 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"> + <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"> - <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.11.1/styles/base16/ashes.min.css" defer> - <script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.11.1/highlight.min.js"></script> - <script defer>hljs.highlightAll();</script> + <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.11.1/styles/base16/ashes.min.css" defer> + <script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.11.1/highlight.min.js"></script> + <script defer>hljs.highlightAll();</script> - </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"> + </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"> + <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> + <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 class="flex items-center gap-4 flex-wrap justify-center md:justify-left"> + <a href="/projects" class="hover:underline"> + [ PROJECTS ] + </a> - </div> + </div> - </div> + </div> </nav> - <div class="flex flex-grow flex-col py-8 px-14 items-center"> + <div class="flex flex-grow flex-col py-8 px-14 items-center"> - <div class="text-center flex flex-col gap-4 w-full max-w-100"> - <h1 class="text-5xl font-semibold">MSG</h1> - <div> - <h4 class="text-xl">An incredibly opinionated, hackable, minimal Static Site Generator.</h4> - <h6 class="text-center text-sm border-t-4 mt-2 py-1">C</h6> - </div> + <div class="text-center flex flex-col gap-4 w-full max-w-100"> + <h1 class="text-5xl font-semibold">MSG</h1> + <div> + <h4 class="text-xl">An incredibly opinionated, hackable, minimal Static Site Generator.</h4> + <h6 class="text-center text-sm border-t-4 mt-2 py-1">C</h6> + </div> - <a href="https://github.com/compromyse/msg" target="_blank" class="button">SOURCE</a> - </div> + + <a href="https://github.com/compromyse/msg" target="_blank" class="button">SOURCE</a> + + </div> - <div class="prose md:prose-lg lg:prose-2xl prose-pink prose-invert w-full max-w-256 pt-12"> - <p>See <a href="https://github.com/compromyse/compromyse.xyz">github.com/compromyse/compromyse.xyz</a> for an example site.</p> + <div class="prose md:prose-lg lg:prose-2xl prose-pink prose-invert w-full max-w-256 pt-12"> + <p>See <a href="https://github.com/compromyse/compromyse.xyz">github.com/compromyse/compromyse.xyz</a> for an example site.</p> <h3>Compilation & Usage</h3> @@ -135,6 +137,13 @@ Usage: ./msg [-h] [-w] [-v] [-o <output>] <directory> <p><pre><code class="html"><!-- projects/xyz.html --> title = XYZ +links = [ + href = https://example.org + label = abc + ___ + href = https://google.com + label = test +] --- <h1>XYZ!</h1> @@ -143,6 +152,25 @@ title = XYZ {{ eachdo resources.projects }} <p>{{ put title }}</p> {{ endeachdo }} + +{{ eachdo page.links }} +<p>{{ put href }}</p> +<p>{{ put label }}</p> +{{ endeachdo }} +</code></pre> +<pre><code class="html"><!-- config.cfg --> +links = [ + href = https://github.com/compromyse + label = GITHUB + ___ + href = https://www.linkedin.com/in/compromyse + label = LINKEDIN +] + +<!-- index.html --> +{{ eachdo config.links }} +<a href="{{ put href }}" class="button" target="_blank">{{ put label }}</a> +{{ endeachdo }} </code></pre> </p> @@ -154,20 +182,20 @@ template = base_tailwind.html <h1 class="p-2">XYZ!</h1> </code></pre> -</p> +<code>Licensed under GPLv3</code></p> - </div> + </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> + </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> + </div> + </body> </html> |