feat: add latest projects

public/img/logos/htmx-logo.svg

@@ -0,0 +1,9 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="256px" height="168px" viewBox="0 0 256 168" version="1.1" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMidYMid">
+    <title>htmx</title>
+    <g>
+        <polygon fill="#111111" points="181.394935 42.749283 256 74.2039835 256 96.0617321 181.394935 127.078518 175.477838 105.581524 230.646979 84.8771384 175.477838 64.0931689"></polygon>
+        <polygon fill="#111111" points="74.6050654 42.7484751 6.6060424e-14 74.2039835 1.83634114e-13 96.0617321 74.6050654 127.078518 80.5221623 105.581524 25.3530206 84.8771384 80.5221623 64.0931689"></polygon>
+        <polygon fill="#4065C5" points="144.339858 -1.59458264e-15 170.003907 -1.59458264e-15 112.990192 167.110525 85.996093 167.110525"></polygon>
+    </g>
+</svg>

src/pages/side-projects/combi.astro

@@ -0,0 +1,26 @@
+---
+import SideProject from "../../layouts/SideProject.astro";
+---
+
+<SideProject
+    project_title="AQP Combi"
+    git_url="https://git.araozu.dev/fernando/aqp-combi"
+    page_url="https://combi.araozu.dev"
+    previous="#"
+    next="thp-page"
+    images_folder="combi"
+    logos={[
+        "go-logo",
+        "solid-logo",
+        "tailwind-logo",
+    ]}
+>
+    A page that shows the routes of public transport in
+    Arequipa, Peru.
+    <br />
+    <br />
+    For it I generated map tiles from OpenStreetMap data,
+    customized the stylesheets to use my own fonts and
+    colors, created my own tile server, scrapped it
+    with Go, and then built a SPA to serve the tiles.
+</SideProject>

src/pages/side-projects/index.astro

@@ -3,29 +3,20 @@ import SideProject from "../../layouts/SideProject.astro";
 ---
 
 <SideProject
-    project_title="Typed Hyperscript Processor (webpage)"
+    project_title="Music-To-Go"
-    git_url="https://git.araozu.dev/fernando/thp-web"
+    git_url="https://git.araozu.dev/fernando/music-to-go"
-    page_url="https://thp.araozu.dev"
+    page_url="https://music.araozu.dev"
-    next="thp"
+    next="combi"
-    images_folder="thp"
+    images_folder="musictogo"
     logos={[
-        "astro-logo",
+        "go-logo",
+        "htmx-logo",
         "tailwind-logo",
         "alpine-logo",
-        "ts-logo",
-        "rust-logo",
     ]}
 >
-    This is a static webpage that contains documentation
+    A Music player that connects to a Navidrome Server.
-    for the THP programming language.
+    I wrote it as an experiment to test the HATEOAS
-    <br />
+    architecture, and to see if it is capable of powering
-    <br />
+    a dynamic application.
-    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/thp-page.astro

@@ -0,0 +1,32 @@
+---
+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"
+    previous="combi"
+    next="thp"
+    images_folder="thp"
+    logos={[
+        "astro-logo",
+        "tailwind-logo",
+        "alpine-logo",
+        "ts-logo",
+        "rust-logo",
+    ]}
+>
+    This is a static webpage that contains documentation
+    for the THP programming language.
+    <br />
+    <br />
+    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/thp.astro

@@ -5,7 +5,7 @@ import SideProject from "../../layouts/SideProject.astro";
 <SideProject
     project_title="THP compiler"
     git_url="https://git.araozu.dev/fernando/thp"
-    previous="#"
+    previous="thp-page"
     next="horarios"
     images_folder="thpc"
     logos={[