diff options
| -rw-r--r-- | compromyse.xyz/assets/me.webp | bin | 0 -> 453454 bytes | |||
| -rw-r--r-- | compromyse.xyz/base.html | 2 | ||||
| -rw-r--r-- | compromyse.xyz/index.html | 66 | ||||
| -rw-r--r-- | compromyse.xyz/partials/navbar.html | 4 | ||||
| -rw-r--r-- | compromyse.xyz/partials/tailwind_class_groups.html | 7 | ||||
| -rw-r--r-- | compromyse.xyz/projects.html | 6 | ||||
| -rw-r--r-- | config.h | 2 |
7 files changed, 78 insertions, 9 deletions
diff --git a/compromyse.xyz/assets/me.webp b/compromyse.xyz/assets/me.webp Binary files differnew file mode 100644 index 0000000..ba74a5b --- /dev/null +++ b/compromyse.xyz/assets/me.webp diff --git a/compromyse.xyz/base.html b/compromyse.xyz/base.html index afb809a..a315c2f 100644 --- a/compromyse.xyz/base.html +++ b/compromyse.xyz/base.html @@ -11,7 +11,7 @@ <link href="https://fonts.googleapis.com/css2?family=Pixelify+Sans:wght@400..700&display=swap" rel="stylesheet"> </head> - <body class="bg-zinc-900 text-pink-300 font-[Pixelify_Sans]"> + <body class="bg-zinc-900 text-pink-300 font-[Pixelify_Sans] selection:text-pink-900 selection:bg-pink-100"> {{ content }} </body> </html> diff --git a/compromyse.xyz/index.html b/compromyse.xyz/index.html index e19f02a..3d3fe3a 100644 --- a/compromyse.xyz/index.html +++ b/compromyse.xyz/index.html @@ -1,8 +1,64 @@ {{ include "navbar.html" }} -<div class="p-12"> - <p class="text-4xl"> - Hi there! I'm RAGHU. - </p> - <p>Programmer and Hacker.</p> +<div class="p-16"> + <div class="flex flex-wrap gap-8"> + <img src="/assets/me.webp" class="max-h-56"></img> + <div class="flex flex-col justify-center"> + <h1 class="text-5xl"> + Hi there! I'm RAGHU. + </h1> + <p class="text-xl">Programmer and Hacker.</p> + + <div class="flex gap-2"> + <a href="https://github.com/compromyse" class="hover:underline hover:text-pink-900 hover:bg-pink-200 p-1" target="_blank">GITHUB</a> + <a href="https://www.linkedin.com/in/compromyse" class="hover:underline hover:text-pink-900 hover:bg-pink-200 p-1" target="_blank">LINKEDIN</a> + </div> + </div> + </div> + + <div class="pt-12"> + + <!-- START PROJECTS --> + <div class="max-w-120"> + <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="text-lg group-hover:underline group-hover:text-pink-900 group-hover:bg-pink-200 p-1">BUBBL</div> + <div class="text-md pl-3 border-l-3 border-dashed border-pink-300 group-hover:text-pink-900 group-hover:bg-pink-200 group-hover:underline group-hover:border-pink-900 flex items-center">An operating system for x86.</div> + </a> + + <a href="/projects#bubbl" class="contents group"> + <div class="text-lg group-hover:underline group-hover:text-pink-900 group-hover:bg-pink-200 wrap-anywhere text-wrap max-w-28">ZUK MSM8996</div> + <div class="text-md pl-3 border-l-3 border-dashed border-pink-300 group-hover:text-pink-900 group-hover:bg-pink-200 group-hover:underline flex items-center">A port of Android 13 & 14 to the Zuk Z2 PLUS.</div> + </a> + + <a href="/projects#bubbl" class="contents group"> + <div class="text-lg group-hover:underline group-hover:text-pink-900 group-hover:bg-pink-200">CHIP8Emu</div> + <div class="text-md pl-3 border-l-3 border-dashed border-pink-300 group-hover:text-pink-900 group-hover:bg-pink-200 group-hover:underline flex items-center">A VM/interpreter for CHIP-8.</div> + </a> + + <a href="/projects#bubbl" class="contents group"> + <div class="text-lg group-hover:underline group-hover:text-pink-900 group-hover:bg-pink-200">MSG</div> + <div class="text-md pl-3 border-l-3 border-dashed border-pink-300 group-hover:text-pink-900 group-hover:bg-pink-200 group-hover:underline flex items-center">A Minimal Static Site Generator.</div> + </a> + + <a href="/projects#bubbl" class="contents group"> + <div class="text-lg group-hover:underline group-hover:text-pink-900 group-hover:bg-pink-200">Autograd</div> + <div class="text-md pl-3 border-l-3 border-dashed border-pink-300 group-hover:text-pink-900 group-hover:bg-pink-200 group-hover:underline flex items-center">An implementation of autograd / backpropagation.</div> + </a> + </div> + </div> + <!-- END PROJECTS --> + + </div> + </div> + +<footer class="w-full p-4"> + <div class="text-center"> + <p>The Quieter You Become, The More You Are Able To Hear.</p> + </div> +</footer> + +{{ include "tailwind_class_groups.html" }} diff --git a/compromyse.xyz/partials/navbar.html b/compromyse.xyz/partials/navbar.html index eb94b78..d97ebb3 100644 --- a/compromyse.xyz/partials/navbar.html +++ b/compromyse.xyz/partials/navbar.html @@ -5,8 +5,8 @@ COMPROMYSE </a> - <a href="#" class="hover:underline"> - [ BLOG ] + <a href="/projects" class="hover:underline"> + [ PROJECTS ] </a> <a href="#" class="hover:underline"> diff --git a/compromyse.xyz/partials/tailwind_class_groups.html b/compromyse.xyz/partials/tailwind_class_groups.html new file mode 100644 index 0000000..ef1c6f2 --- /dev/null +++ b/compromyse.xyz/partials/tailwind_class_groups.html @@ -0,0 +1,7 @@ +<style type="text/tailwindcss"> + @layer components { + .some-class { + @apply px-4 py-6 md:py-0 hover:bg-yellow-500 md:hover:bg-transparent text-white duration-500; + } + } +</style> diff --git a/compromyse.xyz/projects.html b/compromyse.xyz/projects.html new file mode 100644 index 0000000..5966890 --- /dev/null +++ b/compromyse.xyz/projects.html @@ -0,0 +1,6 @@ +{{ include "navbar.html" }} + +<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> @@ -6,5 +6,5 @@ #define OUTPUT "dist" #define BASE_TEMPLATE "base.html" -static const char *html_resources[] = { "index", "posts/a", NULL }; +static const char *html_resources[] = { "index", "projects", "posts/a", NULL }; static const char *md_resources[] = { "posts/b", NULL }; |
