diff options
Diffstat (limited to '')
| -rw-r--r-- | config.cfg | 14 | ||||
| -rw-r--r-- | flake.nix | 46 | ||||
| -rw-r--r-- | index.html | 24 | ||||
| -rw-r--r-- | partials/footer.html | 6 | ||||
| -rw-r--r-- | partials/navbar.html | 20 | ||||
| -rw-r--r-- | partials/project-list.html | 46 | ||||
| -rw-r--r-- | projects/autograd.md | 8 | ||||
| -rw-r--r-- | projects/bubbl.md | 16 | ||||
| -rw-r--r-- | projects/index.html | 18 | ||||
| -rw-r--r-- | projects/msg.md | 32 | ||||
| -rw-r--r-- | tailwind_in.css | 88 | ||||
| -rw-r--r-- | templates/base.html | 48 | ||||
| -rw-r--r-- | templates/project.html | 78 |
13 files changed, 222 insertions, 222 deletions
@@ -1,12 +1,12 @@ resources = { - index.html, - projects/index.html, - projects/autograd.md, - projects/bubbl.md, - projects/chip8emu.md, - projects/msg.md + index.html, + projects/index.html, + projects/autograd.md, + projects/bubbl.md, + projects/chip8emu.md, + projects/msg.md } static = { - assets + assets } @@ -1,28 +1,28 @@ { - inputs = { - nixpkgs.url = "github:nixos/nixpkgs/nixos-unstable"; - msgpkgs.url = "git+ssh://git@github.com/compromyse/msg.git"; - self.submodules = true; - }; + inputs = { + nixpkgs.url = "github:nixos/nixpkgs/nixos-unstable"; + msgpkgs.url = "git+ssh://git@github.com/compromyse/msg.git"; + self.submodules = true; + }; - outputs = { self, nixpkgs, msgpkgs, ... }: - let - pkgs = import nixpkgs { system = "x86_64-linux"; }; - msg = msgpkgs.packages.x86_64-linux.default; + outputs = { self, nixpkgs, msgpkgs, ... }: + let + pkgs = import nixpkgs { system = "x86_64-linux"; }; + msg = msgpkgs.packages.x86_64-linux.default; in { - devShells.x86_64-linux.default = pkgs.mkShell { - buildInputs = with pkgs; [ - http-server - tailwindcss_4 - watchman - ] ++ [ - (pkgs.writeShellScriptBin "css" '' - tailwindcss -i tailwind_in.css -o assets/stylesheet.css -m $@ - '') - (pkgs.writeShellScriptBin "serve" '' - http-server -c-1 $@ - '') - ] ++ [ msg ]; - }; + devShells.x86_64-linux.default = pkgs.mkShell { + buildInputs = with pkgs; [ + http-server + tailwindcss_4 + watchman + ] ++ [ + (pkgs.writeShellScriptBin "css" '' + tailwindcss -i tailwind_in.css -o assets/stylesheet.css -m $@ + '') + (pkgs.writeShellScriptBin "serve" '' + http-server -c-1 $@ + '') + ] ++ [ msg ]; + }; }; } @@ -3,19 +3,19 @@ title = HOME <div class="p-16 flex-grow flex items-center justify-center"> - <div class="flex flex-wrap gap-8"> - <img src="/assets/me.webp" class="max-h-56" /> - <div class="flex flex-col justify-center gap-1"> - <h1 class="text-5xl lg:text-7xl"> - Hi there! I'm RAGHU. - </h1> - <p class="text-xl lg:text-3xl"><span class="text-pink-900 bg-pink-100 selection:bg-zinc-400 selection:text-pink-800 p-2">Programmer and Hacker.</span></p> + <div class="flex flex-wrap gap-8"> + <img src="/assets/me.webp" class="max-h-56" /> + <div class="flex flex-col justify-center gap-1"> + <h1 class="text-5xl lg:text-7xl"> + Hi there! I'm RAGHU. + </h1> + <p class="text-xl lg:text-3xl"><span class="text-pink-900 bg-pink-100 selection:bg-zinc-400 selection:text-pink-800 p-2">Programmer and Hacker.</span></p> - <div class="flex gap-2 lg:text-xl pt-4"> - <a href="https://github.com/compromyse" class="button" target="_blank">GITHUB</a> - <a href="https://www.linkedin.com/in/compromyse" class="button" target="_blank">LINKEDIN</a> - </div> + <div class="flex gap-2 lg:text-xl pt-4"> + <a href="https://github.com/compromyse" class="button" target="_blank">GITHUB</a> + <a href="https://www.linkedin.com/in/compromyse" class="button" target="_blank">LINKEDIN</a> + </div> + </div> </div> - </div> </div> diff --git a/partials/footer.html b/partials/footer.html index e763b96..f3724fe 100644 --- a/partials/footer.html +++ b/partials/footer.html @@ -1,5 +1,5 @@ <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 class="text-center"> + <p>The Quieter You Become, The More You Are Able To Hear.</p> + </div> </footer> diff --git a/partials/navbar.html b/partials/navbar.html index 44688b1..31e7036 100644 --- a/partials/navbar.html +++ b/partials/navbar.html @@ -1,16 +1,16 @@ <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"> + <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> diff --git a/partials/project-list.html b/partials/project-list.html index 2552385..b94d422 100644 --- a/partials/project-list.html +++ b/partials/project-list.html @@ -1,30 +1,30 @@ <div class="max-w-120"> - <h2 class="text-2xl">[ PROJECTS ]</h2> + <h2 class="text-2xl">[ PROJECTS ]</h2> - <div class="inline-grid grid-cols-[max-content_1fr] gap-y-5 pt-4"> - <a href="/projects#bubbl" class="contents group"> - <div class="project-list-heading">BUBBL</div> - <div class="project-list-description">An operating system for x86.</div> - </a> + <div class="inline-grid grid-cols-[max-content_1fr] gap-y-5 pt-4"> + <a href="/projects#bubbl" class="contents group"> + <div class="project-list-heading">BUBBL</div> + <div class="project-list-description">An operating system for x86.</div> + </a> - <a href="/projects#bubbl" class="contents group"> - <div class="project-list-heading">ZUK MSM8996</div> - <div class="project-list-description">A port of Android 13 & 14 to the Zuk Z2 PLUS.</div> - </a> + <a href="/projects#bubbl" class="contents group"> + <div class="project-list-heading">ZUK MSM8996</div> + <div class="project-list-description">A port of Android 13 & 14 to the Zuk Z2 PLUS.</div> + </a> - <a href="/projects#bubbl" class="contents group"> - <div class="project-list-heading">CHIP8Emu</div> - <div class="project-list-description">An Emulator/Interpreter for CHIP-8.</div> - </a> + <a href="/projects#bubbl" class="contents group"> + <div class="project-list-heading">CHIP8Emu</div> + <div class="project-list-description">An Emulator/Interpreter for CHIP-8.</div> + </a> - <a href="/projects#bubbl" class="contents group"> - <div class="project-list-heading">MSG</div> - <div class="project-list-description">A Minimal Static Site Generator.</div> - </a> + <a href="/projects#bubbl" class="contents group"> + <div class="project-list-heading">MSG</div> + <div class="project-list-description">A Minimal Static Site Generator.</div> + </a> - <a href="/projects#bubbl" class="contents group"> - <div class="project-list-heading">Autograd</div> - <div class="project-list-description">An implementation of autograd / backpropagation.</div> - </a> - </div> + <a href="/projects#bubbl" class="contents group"> + <div class="project-list-heading">Autograd</div> + <div class="project-list-description">An implementation of autograd / backpropagation.</div> + </a> + </div> </div> diff --git a/projects/autograd.md b/projects/autograd.md index fe076eb..0a9997f 100644 --- a/projects/autograd.md +++ b/projects/autograd.md @@ -25,15 +25,15 @@ X = [ [ 3.0, 3.0, 3.0 ] ] -y = [ 1.0, -1.0, 1.0, -1.0 ] + y = [ 1.0, -1.0, 1.0, -1.0 ] n = MLP(3, [ 4, 4, 1 ]) -for i in range(400): + for i in range(400): pred = [ n(x) for x in X ] loss = mse(y, pred) loss.zero_grad() loss.backward() n.optimise(0.01) -print(pred) -``` + print(pred) + ``` diff --git a/projects/bubbl.md b/projects/bubbl.md index 324b821..2d1b8de 100644 --- a/projects/bubbl.md +++ b/projects/bubbl.md @@ -16,14 +16,14 @@ priority = 3 After entering the devshell (with direnv or `nix develop`), -```sh -mkdir build && cd build -cmake -G Ninja .. -ninja -``` + ```sh + mkdir build && cd build + cmake -G Ninja .. + ninja + ``` ## Running -```sh -ninja run # or run-headless or run-gdb -``` + ```sh + ninja run # or run-headless or run-gdb + ``` diff --git a/projects/index.html b/projects/index.html index 9ffb78c..beb392c 100644 --- a/projects/index.html +++ b/projects/index.html @@ -2,23 +2,23 @@ title = PROJECTS --- <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"> - {{ eachdo resources.projects }} + {{ eachdo resources.projects }} <a href="{{ put url }}" 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">{{ put name }}</p> - <p class="text-xl text-center text-wrap">{{ put description }}</p> - </div> + <div class="flex flex-col gap-2 pt-2 items-center items-center"> + <p class="text-2xl font-semibold text-center">{{ put name }}</p> + <p class="text-xl text-center text-wrap">{{ put description }}</p> + </div> - <div class="text-center text-sm border-t-2 mt-3 py-1">{{ put languages }}</div> + <div class="text-center text-sm border-t-2 mt-3 py-1">{{ put languages }}</div> </a> - {{ endeachdo }} + {{ endeachdo }} </div> diff --git a/projects/msg.md b/projects/msg.md index 64893cb..a9c4989 100644 --- a/projects/msg.md +++ b/projects/msg.md @@ -23,11 +23,11 @@ $ ./msg -h msg: The Minimal Static Site Generator Usage: ./msg [-h] [-w] [-v] [-o <output>] <directory> - -h : Help - -w : Watch working directory for changes - -v : Verbose - -o <output>: Output directory - <directory>: Working directory +-h : Help +-w : Watch working directory for changes +-v : Verbose +-o <output>: Output directory +<directory>: Working directory ``` ### Site Structure @@ -42,7 +42,7 @@ Usage: ./msg [-h] [-w] [-v] [-o <output>] <directory> │ ├── navbar.html ├── projects.html └── templates - └── base.html +└── base.html ``` ### Features @@ -52,10 +52,10 @@ Usage: ./msg [-h] [-w] [-v] [-o <output>] <directory> ```html <!-- index.html --> <html> - <body> - {{ include "navbar.html" }} - ... - </body> +<body> +{{ include "navbar.html" }} +... +</body> </html> ``` @@ -64,12 +64,12 @@ Usage: ./msg [-h] [-w] [-v] [-o <output>] <directory> ```html <!-- templates/base.html --> <html> - <head> - {{ content "head" }} - </head> - <body> - {{ body }} - </body> +<head> +{{ content "head" }} +</head> +<body> +{{ body }} +</body> </html> <!-- index.html --> diff --git a/tailwind_in.css b/tailwind_in.css index 9fb4f19..b3e2304 100644 --- a/tailwind_in.css +++ b/tailwind_in.css @@ -2,54 +2,54 @@ @plugin "@tailwindcss/typography"; @layer components { - .project-list-heading { - @apply text-lg group-hover:underline group-hover:text-pink-900 group-hover:bg-pink-100 p-1; - } - - .project-list-description { - @apply pl-3 border-l-3 border-dashed border-pink-300 group-hover:text-pink-900 group-hover:bg-pink-100 group-hover:underline flex items-center; - } - - .button { - @apply hover:underline hover:text-pink-900 hover:bg-pink-100 p-1 border-2 px-4; - } - - .button-inverted { - @apply h-full bg-pink-100 text-pink-900 hover:bg-zinc-900 hover:text-pink-300 hover:underline border-transparent hover:border-pink-300 border-2 selection:bg-zinc-400; - } - - /* auto-rows-[1fr] is to make sure that all cards have the same height across rows */ - .card-container { - @apply px-16 gap-8 justify-center grid grid-cols-3 auto-rows-[1fr]; - } - - .card-anchor { - @apply max-w-128 py-2 px-4 flex flex-col justify-center; - } + .project-list-heading { + @apply text-lg group-hover:underline group-hover:text-pink-900 group-hover:bg-pink-100 p-1; + } + + .project-list-description { + @apply pl-3 border-l-3 border-dashed border-pink-300 group-hover:text-pink-900 group-hover:bg-pink-100 group-hover:underline flex items-center; + } + + .button { + @apply hover:underline hover:text-pink-900 hover:bg-pink-100 p-1 border-2 px-4; + } + + .button-inverted { + @apply h-full bg-pink-100 text-pink-900 hover:bg-zinc-900 hover:text-pink-300 hover:underline border-transparent hover:border-pink-300 border-2 selection:bg-zinc-400; + } + + /* auto-rows-[1fr] is to make sure that all cards have the same height across rows */ + .card-container { + @apply px-16 gap-8 justify-center grid grid-cols-3 auto-rows-[1fr]; + } + + .card-anchor { + @apply max-w-128 py-2 px-4 flex flex-col justify-center; + } } @layer utilities { - .prose { - --tw-prose-body: var(--color-text); - --tw-prose-headings: var(--color-primary); - --tw-prose-links: var(--color-primary); - --tw-prose-bold: var(--color-primary-light); - --tw-prose-hr: var(--color-border); - --tw-prose-code: var(--color-primary); - --tw-prose-quotes: var(--color-primary); - } - - .prose a:hover { - color: var(--color-primary-light); - } + .prose { + --tw-prose-body: var(--color-text); + --tw-prose-headings: var(--color-primary); + --tw-prose-links: var(--color-primary); + --tw-prose-bold: var(--color-primary-light); + --tw-prose-hr: var(--color-border); + --tw-prose-code: var(--color-primary); + --tw-prose-quotes: var(--color-primary); + } + + .prose a:hover { + color: var(--color-primary-light); + } } @layer base { - code, - kbd, - samp, - pre { - font-family: "Jersey 15"; - font-size: 40px; - } + code, + kbd, + samp, + pre { + font-family: "Jersey 15"; + font-size: 40px; + } } diff --git a/templates/base.html b/templates/base.html index 4f25c81..6b9f811 100644 --- a/templates/base.html +++ b/templates/base.html @@ -1,37 +1,37 @@ <!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>{{ putpage title }} | COMPROMYSE</title> + <title>{{ putpage title }} | 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"> - {{ include "navbar.html" }} + {{ include "navbar.html" }} - <div class="flex flex-grow flex-col"> - {{ body }} - </div> + <div class="flex flex-grow flex-col"> + {{ body }} + </div> - {{ include "footer.html" }} + {{ include "footer.html" }} - </div> - </body> + </div> + </body> </html> diff --git a/templates/project.html b/templates/project.html index e7b98e3..6f6b958 100644 --- a/templates/project.html +++ b/templates/project.html @@ -1,56 +1,56 @@ <!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>{{ putpage name }} | COMPROMYSE</title> + <title>{{ putpage name }} | 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"> - {{ include "navbar.html" }} + {{ include "navbar.html" }} - <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">{{ putpage name }}</h1> - <div> - <h4 class="text-xl">{{ putpage description }}</h4> - <h6 class="text-center text-sm border-t-4 mt-2 py-1">{{ putpage languages }}</h6> - </div> + <div class="text-center flex flex-col gap-4 w-full max-w-100"> + <h1 class="text-5xl font-semibold">{{ putpage name }}</h1> + <div> + <h4 class="text-xl">{{ putpage description }}</h4> + <h6 class="text-center text-sm border-t-4 mt-2 py-1">{{ putpage languages }}</h6> + </div> - {{ eachdo page.links }} - <a href="{{ put href }}" target="_blank" class="button">{{ put label }}</a> - {{ endeachdo }} - </div> + {{ eachdo page.links }} + <a href="{{ put href }}" target="_blank" class="button">{{ put label }}</a> + {{ endeachdo }} + </div> - <div class="prose md:prose-lg lg:prose-2xl prose-pink prose-invert w-full max-w-256 pt-12"> - {{ body }} - </div> + <div class="prose md:prose-lg lg:prose-2xl prose-pink prose-invert w-full max-w-256 pt-12"> + {{ body }} + </div> - </div> - {{ include "footer.html" }} + </div> + {{ include "footer.html" }} - </div> - </body> + </div> + </body> </html> |