Add pages for side projects

src/layouts/SideProject.astro

@@ -40,7 +40,7 @@ const images_str = JSON.stringify(images);
             <div class="grid grid-cols-[30rem_auto] gap-2">
                 <div class="flex items-center justify-center gap-4 flex-col">
                     <div
-                        class="bg-c-bg-2 rounded p-4 shadow shadow-zinc-500 dark:shadow-black"
+                        class="bg-c-bg-2 rounded p-4 shadow shadow-zinc-500 dark:shadow-black w-full"
                     >
                         <h1
                             class="font-display font-semibold text-xl text-center"
@@ -100,16 +100,16 @@ const images_str = JSON.stringify(images);
                     <button 
                         class="absolute left-12 top-[50%] bg-zinc-800 border border-zinc-950
                             rounded py-1 px-2 text-2xl not:disabled:hover:bg-zinc-700 transition-all
-                            disabled:opacity-50"
+                            disabled:opacity-25"
                         x-bind:disabled="idx === 0"
                         x-on:click="idx -= 1"
                     >
                         &larr;
                     </button>
                     <button 
-                        class="absolute right-12 top-[50%] bg-zinc-800 border border-zinc-950
+                        class="absolute right-12 top-[50%] bg-zinc-800 border border-zinc-950 text-white
                             rounded py-1 px-2 text-2xl not:disabled:hover:bg-zinc-700 transition-all
-                            disabled:opacity-50"
+                            disabled:opacity-25"
                         x-bind:disabled="idx === img_len - 1"
                         x-on:click="idx += 1"
                     >

src/pages/side-projects/acecha.astro

@@ -0,0 +1,18 @@
+---
+import SideProject from "../../layouts/SideProject.astro";
+---
+
+<SideProject
+    project_title="Acechanime"
+    previous="horarios-2"
+    next="pseudo"
+    images_folder="acecha"
+>
+    A now defunt video platform for anime I made for a
+    startup from Spain.
+    <br />
+    <br />
+    It featured shows indexing, comments, video playback,
+    search, scheduling, and a custom content management
+    system.
+</SideProject>

src/pages/side-projects/horarios-1.astro

@@ -0,0 +1,18 @@
+---
+import SideProject from "../../layouts/SideProject.astro";
+---
+
+<SideProject
+    project_title="Horarios Unsa (v1)"
+    git_url="https://git.araozu.dev/fernando/horarios-v2"
+    page_url="https://horarios-v1.araozu.dev/"
+    previous="pseudo"
+    images_folder="horarios-v1"
+>
+    My first programming project ever (2017), completely
+    made in vanilla JavaScript.
+    <br />
+    <br />
+    It has (more or less) the same functionality as the
+    next rewrites, but it's a little more ugly.
+</SideProject>

src/pages/side-projects/horarios-2.astro

@@ -0,0 +1,20 @@
+---
+import SideProject from "../../layouts/SideProject.astro";
+---
+
+<SideProject
+    project_title="Horarios Unsa (v2)"
+    git_url="https://git.araozu.dev/fernando/horarios-v2"
+    page_url="https://horarios-v2.araozu.dev/"
+    previous="kscript"
+    next="acecha"
+    images_folder="horarios-v2"
+>
+    A schedule creator for the courses at
+    National Saint Austing University (second rewrite).
+    <br />
+    <br />
+    Allows students to visually see which classes may
+    collide with each other, see professor names
+    and easily keep track of missing courses.
+</SideProject>

src/pages/side-projects/horarios.astro

@@ -0,0 +1,20 @@
+---
+import SideProject from "../../layouts/SideProject.astro";
+---
+
+<SideProject
+    project_title="Horarios Unsa (v3)"
+    git_url="https://git.araozu.dev/fernando/horarios-v3"
+    page_url="https://horarios-v3.araozu.dev/#/sistemas/"
+    previous="thp"
+    next="rimajon"
+    images_folder="horarios-v3"
+>
+    A schedule creator for the courses at
+    National Saint Austing University (Third rewrite).
+    <br />
+    <br />
+    Allows students to visually see which classes may
+    collide with each other, see professor names
+    and easily keep track of missing courses.
+</SideProject>

src/pages/side-projects/index.astro

@@ -9,10 +9,16 @@ import SideProject from "../../layouts/SideProject.astro";
     next="thp"
     images_folder="thp"
 >
-    This is a static webpage that contains documentation for my other project,
-    the THP compiler.
+    This is a static webpage that contains documentation
+    for the THP programming language.
     <br />
     <br />
-    It is written with Astro and Markdown, highlights the syntax in the code snippets
-    using said compiler, and has some interactive code snippets.
+    THP is a strong, statically typed, functional first
+    language that compiles to PHP.
+    <br>
+    <br>
+    The page is written with Astro, and connects to the
+    compiler to provide syntax highlighting, error
+    detection, reference resolving and automatic
+    documentation generation.
 </SideProject>

src/pages/side-projects/kscript.astro

@@ -0,0 +1,18 @@
+---
+import SideProject from "../../layouts/SideProject.astro";
+---
+
+<SideProject
+    project_title="KScript"
+    git_url="https://github.com/misti-lang/kscript"
+    page_url="https://jovial-jepsen-2619da.netlify.app/#/docs/v0.0.43/estructuras/condicionales/"
+    previous="rimajon"
+    next="horarios-2"
+    images_folder="kscript"
+>
+    A previous iteration of a new programming language.
+    <br />
+    <br />
+    This project featured a documentation page,
+    a TypeScript compiler, and a online playground.
+</SideProject>

src/pages/side-projects/pseudo.astro

@@ -0,0 +1,21 @@
+---
+import SideProject from "../../layouts/SideProject.astro";
+---
+
+<SideProject
+    project_title="PseudoSubs"
+    git_url="#"
+    previous="acecha"
+    next="horarios-1"
+    images_folder="pseudo"
+>
+    An anime indexing site.
+    <br />
+    <br />
+    It contained information for many shows, comments,
+    responsive design. It served as a way for me to
+    learn about webdev and modern frameworks.
+    <br>
+    <br>
+    It went through many rewrites.
+</SideProject>

src/pages/side-projects/rimajon.astro

@@ -0,0 +1,22 @@
+---
+import SideProject from "../../layouts/SideProject.astro";
+---
+
+<SideProject
+    project_title="Rimajon"
+    git_url="https://git.araozu.dev/fernando/rimajon-vue"
+    page_url="https://rimajon.araozu.dev/#/"
+    previous="horarios"
+    next="kscript"
+    images_folder="rimajon"
+>
+    A Mahjong-like game, with cards instead of Tiles.
+    <br />
+    <br />
+    It's multiplayer, for 4 persons, with the possibility
+    to add bots. Has its own set of rules and behaviors.
+    Everything is communicated through Web Sockets.
+    <br>
+    <br>
+    A Go+Solid rewrite is on the way.
+</SideProject>

src/pages/side-projects/thp.astro

@@ -3,16 +3,20 @@ import SideProject from "../../layouts/SideProject.astro";
 ---
 
 <SideProject
-    project_title="Typed Hyperscript Processor (webpage)"
-    git_url="https://git.araozu.dev/fernando/thp-web"
-    page_url="https://thp.araozu.dev"
+    project_title="THP compiler"
+    git_url="https://git.araozu.dev/fernando/thp"
     previous="#"
-    images_folder="thp"
+    next="horarios"
+    images_folder="thpc"
 >
-    This is a static webpage that contains documentation for my other project,
-    the THP compiler.
+    The compiler for the THP Programming Language.
     <br />
     <br />
-    It is written with Astro and Markdown, highlights the syntax in the code snippets
-    using said compiler, and has some interactive code snippets.
+    Written in Rust, features a hand written lexer,
+    top-down parser, type checker, IR generator
+    and code generator.
+    <br>
+    <br>
+    In the future it will also perform code formatting,
+    provide an LSP and package managing.
 </SideProject>