diff options
| -rw-r--r-- | partials/navbar.html | 4 | ||||
| -rw-r--r-- | partials/project-list.html | 2 | ||||
| -rw-r--r-- | partials/tailwind_class_groups.css | 9 | ||||
| -rw-r--r-- | projects.html | 37 | ||||
| -rw-r--r-- | projects/autograd.html | 4 | ||||
| -rw-r--r-- | projects/bubbl.html | 4 | ||||
| -rw-r--r-- | projects/chip8emu.html | 4 | ||||
| -rw-r--r-- | projects/msg.html | 4 | ||||
| -rw-r--r-- | projects/zuk-msm8996.html | 4 | ||||
| -rw-r--r-- | templates/base.html | 5 |
10 files changed, 58 insertions, 19 deletions
diff --git a/partials/navbar.html b/partials/navbar.html index 893659c..ccbc05b 100644 --- a/partials/navbar.html +++ b/partials/navbar.html @@ -1,11 +1,11 @@ <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"> + <a href="/" class="cursor-pointer font-bold hover:underline justify-center"> COMPROMYSE </a> - <div class="flex items-center gap-4 flex-wrap"> + <div class="flex items-center gap-4 flex-wrap justify-center md:justify-left"> <a href="/projects" class="hover:underline"> [ PROJECTS ] </a> diff --git a/partials/project-list.html b/partials/project-list.html index d9833b6..2552385 100644 --- a/partials/project-list.html +++ b/partials/project-list.html @@ -14,7 +14,7 @@ <a href="/projects#bubbl" class="contents group"> <div class="project-list-heading">CHIP8Emu</div> - <div class="project-list-description">A VM/interpreter for CHIP-8.</div> + <div class="project-list-description">An Emulator/Interpreter for CHIP-8.</div> </a> <a href="/projects#bubbl" class="contents group"> diff --git a/partials/tailwind_class_groups.css b/partials/tailwind_class_groups.css deleted file mode 100644 index 1bae0be..0000000 --- a/partials/tailwind_class_groups.css +++ /dev/null @@ -1,9 +0,0 @@ -@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; - } -} diff --git a/projects.html b/projects.html index 1f78beb..fcf9f47 100644 --- a/projects.html +++ b/projects.html @@ -1,4 +1,35 @@ -<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 class="min-h-screen flex flex-col"> + + {{ include "navbar.html" }} + + <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="px-16 flex flex-wrap gap-16 items-stretch justify-center"> + + {{ eachdo projects }} + + <a href="#"> + <div class="bg-pink-100 py-2 px-4 text-pink-900 hover:bg-zinc-900 hover:text-pink-300 max-w-128 hover:underline selection:bg-zinc-400"> + <div class="flex gap-2 pt-2 items-center"> + <p class="text-2xl font-semibold">{{ 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> + </a> + + {{ endeachdo }} + + </div> + + </div> + + {{ include "footer.html" }} + </div> diff --git a/projects/autograd.html b/projects/autograd.html new file mode 100644 index 0000000..8f89eb7 --- /dev/null +++ b/projects/autograd.html @@ -0,0 +1,4 @@ +name = Autograd +description = An implementation of autograd / backpropagation. +languages = Python +--- diff --git a/projects/bubbl.html b/projects/bubbl.html new file mode 100644 index 0000000..6112139 --- /dev/null +++ b/projects/bubbl.html @@ -0,0 +1,4 @@ +name = BUBBL +description = An Operating System for The x86 Architecture. +languages = C / C++ / ASM +--- diff --git a/projects/chip8emu.html b/projects/chip8emu.html new file mode 100644 index 0000000..6a03c71 --- /dev/null +++ b/projects/chip8emu.html @@ -0,0 +1,4 @@ +name = CHIP8Emu +description = An Emulator/Interpreter for CHIP-8. +languages = C++ +--- diff --git a/projects/msg.html b/projects/msg.html new file mode 100644 index 0000000..1c691e3 --- /dev/null +++ b/projects/msg.html @@ -0,0 +1,4 @@ +name = MSG +description = An incredibly opinionated, hackable, minimal Static Site Generator. +languages = C +--- diff --git a/projects/zuk-msm8996.html b/projects/zuk-msm8996.html new file mode 100644 index 0000000..e6b2f27 --- /dev/null +++ b/projects/zuk-msm8996.html @@ -0,0 +1,4 @@ +name = ZUK MSM8996 +description = A port of Android 13 & 14 to the Zuk Z2 PLUS. +languages = AOSP / LineageOS +--- diff --git a/templates/base.html b/templates/base.html index f00ce3e..0451020 100644 --- a/templates/base.html +++ b/templates/base.html @@ -6,11 +6,8 @@ <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>{{ content "title" }} | COMPROMYSE</title> - <script src="https://cdn.jsdelivr.net/npm/@tailwindcss/browser@4"></script> + <link href="/assets/stylesheet.css" rel="stylesheet" /> <link href="https://fonts.googleapis.com/css2?family=Pixelify+Sans:wght@400..700&display=swap" rel="stylesheet"> - <style type="text/tailwindcss"> - {{ include "tailwind_class_groups.css" }} - </style> </head> <body class="bg-zinc-900 text-pink-300 font-[Pixelify_Sans] selection:text-pink-900 selection:bg-pink-100 lg:text-xl"> {{ body }} |