From 19fc39a7793d4ca5e995371556d11e18c6735c17 Mon Sep 17 00:00:00 2001
From: Fernando Araoz <fernando@araozu.dev>
Date: Sun, 26 Jan 2025 08:01:15 -0500
Subject: [PATCH] feat: fix projects mobile. add logos

---
 public/img/logos/alpine-logo.svg         |  1 +
 public/img/logos/astro-logo.svg          | 11 ++++++
 public/img/logos/js-logo.svg             |  4 ++
 public/img/logos/kotlin-logo.svg         |  1 +
 public/img/logos/postgres-logo.svg       | 20 ++++++++++
 public/img/logos/pug-logo.svg            |  1 +
 public/img/logos/sass-logo.svg           |  1 +
 public/img/logos/solid-logo.svg          |  1 +
 public/img/logos/tailwind-logo.svg       |  1 +
 public/img/logos/vue-logo.svg            |  2 +
 src/layouts/SideProject.astro            | 49 ++++++++++++++++++++----
 src/pages/side-projects/acecha.astro     |  6 +++
 src/pages/side-projects/horarios-1.astro |  3 ++
 src/pages/side-projects/horarios-2.astro |  5 +++
 src/pages/side-projects/horarios.astro   |  4 ++
 src/pages/side-projects/index.astro      |  7 ++++
 src/pages/side-projects/kscript.astro    |  5 +++
 src/pages/side-projects/pseudo.astro     |  7 ++++
 src/pages/side-projects/rimajon.astro    |  9 +++--
 src/pages/side-projects/thp.astro        |  7 +++-
 20 files changed, 134 insertions(+), 11 deletions(-)
 create mode 100644 public/img/logos/alpine-logo.svg
 create mode 100644 public/img/logos/astro-logo.svg
 create mode 100644 public/img/logos/js-logo.svg
 create mode 100644 public/img/logos/kotlin-logo.svg
 create mode 100644 public/img/logos/postgres-logo.svg
 create mode 100644 public/img/logos/pug-logo.svg
 create mode 100644 public/img/logos/sass-logo.svg
 create mode 100644 public/img/logos/solid-logo.svg
 create mode 100644 public/img/logos/tailwind-logo.svg
 create mode 100644 public/img/logos/vue-logo.svg

diff --git a/public/img/logos/alpine-logo.svg b/public/img/logos/alpine-logo.svg
new file mode 100644
index 0000000..932c1bd
--- /dev/null
+++ b/public/img/logos/alpine-logo.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 128 128"><path fill="#77c1d2" fill-rule="evenodd" d="M98.444 35.562 126 62.997 98.444 90.432 70.889 62.997z" clip-rule="evenodd"/><path fill="#2d3441" fill-rule="evenodd" d="m29.556 35.562 57.126 56.876H31.571L2 62.997z" clip-rule="evenodd"/></svg>
diff --git a/public/img/logos/astro-logo.svg b/public/img/logos/astro-logo.svg
new file mode 100644
index 0000000..52b76d5
--- /dev/null
+++ b/public/img/logos/astro-logo.svg
@@ -0,0 +1,11 @@
+<svg width="85" height="107" viewBox="0 0 85 107" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M27.5894 91.1365C22.7555 86.7178 21.3444 77.4335 23.3583 70.7072C26.8503 74.948 31.6888 76.2914 36.7005 77.0497C44.4375 78.2199 52.0359 77.7822 59.2232 74.2459C60.0454 73.841 60.8052 73.3027 61.7036 72.7574C62.378 74.714 62.5535 76.6892 62.318 78.6996C61.7452 83.5957 59.3086 87.3778 55.4332 90.2448C53.8835 91.3916 52.2437 92.4167 50.6432 93.4979C45.7262 96.8213 44.3959 100.718 46.2435 106.386C46.2874 106.525 46.3267 106.663 46.426 107C43.9155 105.876 42.0817 104.24 40.6845 102.089C39.2087 99.8193 38.5066 97.3081 38.4696 94.5909C38.4511 93.2686 38.4511 91.9345 38.2733 90.6309C37.8391 87.4527 36.3471 86.0297 33.5364 85.9478C30.6518 85.8636 28.37 87.6469 27.7649 90.4554C27.7187 90.6707 27.6517 90.8837 27.5847 91.1341L27.5894 91.1365Z" fill="white"/>
+<path d="M27.5894 91.1365C22.7555 86.7178 21.3444 77.4335 23.3583 70.7072C26.8503 74.948 31.6888 76.2914 36.7005 77.0497C44.4375 78.2199 52.0359 77.7822 59.2232 74.2459C60.0454 73.841 60.8052 73.3027 61.7036 72.7574C62.378 74.714 62.5535 76.6892 62.318 78.6996C61.7452 83.5957 59.3086 87.3778 55.4332 90.2448C53.8835 91.3916 52.2437 92.4167 50.6432 93.4979C45.7262 96.8213 44.3959 100.718 46.2435 106.386C46.2874 106.525 46.3267 106.663 46.426 107C43.9155 105.876 42.0817 104.24 40.6845 102.089C39.2087 99.8193 38.5066 97.3081 38.4696 94.5909C38.4511 93.2686 38.4511 91.9345 38.2733 90.6309C37.8391 87.4527 36.3471 86.0297 33.5364 85.9478C30.6518 85.8636 28.37 87.6469 27.7649 90.4554C27.7187 90.6707 27.6517 90.8837 27.5847 91.1341L27.5894 91.1365Z" fill="url(#paint0_linear_1_59)"/>
+<path d="M0 69.5866C0 69.5866 14.3139 62.6137 28.6678 62.6137L39.4901 29.1204C39.8953 27.5007 41.0783 26.3999 42.4139 26.3999C43.7495 26.3999 44.9325 27.5007 45.3377 29.1204L56.1601 62.6137C73.1601 62.6137 84.8278 69.5866 84.8278 69.5866C84.8278 69.5866 60.5145 3.35233 60.467 3.21944C59.7692 1.2612 58.5911 0 57.0029 0H27.8274C26.2392 0 25.1087 1.2612 24.3634 3.21944C24.3108 3.34983 0 69.5866 0 69.5866Z" fill="white"/>
+<defs>
+<linearGradient id="paint0_linear_1_59" x1="22.4702" y1="107" x2="69.1451" y2="84.9468" gradientUnits="userSpaceOnUse">
+<stop stop-color="#D83333"/>
+<stop offset="1" stop-color="#F041FF"/>
+</linearGradient>
+</defs>
+</svg>
diff --git a/public/img/logos/js-logo.svg b/public/img/logos/js-logo.svg
new file mode 100644
index 0000000..9623cd9
--- /dev/null
+++ b/public/img/logos/js-logo.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 630 630">
+<rect width="630" height="630" fill="#f7df1e"/>
+<path d="m423.2 492.19c12.69 20.72 29.2 35.95 58.4 35.95 24.53 0 40.2-12.26 40.2-29.2 0-20.3-16.1-27.49-43.1-39.3l-14.8-6.35c-42.72-18.2-71.1-41-71.1-89.2 0-44.4 33.83-78.2 86.7-78.2 37.64 0 64.7 13.1 84.2 47.4l-46.1 29.6c-10.15-18.2-21.1-25.37-38.1-25.37-17.34 0-28.33 11-28.33 25.37 0 17.76 11 24.95 36.4 35.95l14.8 6.34c50.3 21.57 78.7 43.56 78.7 93 0 53.3-41.87 82.5-98.1 82.5-54.98 0-90.5-26.2-107.88-60.54zm-209.13 5.13c9.3 16.5 17.76 30.45 38.1 30.45 19.45 0 31.72-7.61 31.72-37.2v-201.3h59.2v202.1c0 61.3-35.94 89.2-88.4 89.2-47.4 0-74.85-24.53-88.81-54.075z"/>
+</svg>
diff --git a/public/img/logos/kotlin-logo.svg b/public/img/logos/kotlin-logo.svg
new file mode 100644
index 0000000..e0d0842
--- /dev/null
+++ b/public/img/logos/kotlin-logo.svg
@@ -0,0 +1 @@
+<?xml version="1.0" encoding="utf-8"?> <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 60 60" style="enable-background:new 0 0 60 60;" xml:space="preserve"> <g> <linearGradient id="XMLID_3_" gradientUnits="userSpaceOnUse" x1="15.9594" y1="-13.0143" x2="44.3068" y2="15.3332" gradientTransform="matrix(1 0 0 -1 0 61)"> <stop  offset="9.677000e-02" style="stop-color:#0095D5"/> <stop  offset="0.3007" style="stop-color:#238AD9"/> <stop  offset="0.6211" style="stop-color:#557BDE"/> <stop  offset="0.8643" style="stop-color:#7472E2"/> <stop  offset="1" style="stop-color:#806EE3"/> </linearGradient> <polygon id="XMLID_2_" style="fill:url(#XMLID_3_);" points="0,60 30.1,29.9 60,60 	"/> <linearGradient id="SVGID_1_" gradientUnits="userSpaceOnUse" x1="4.2092" y1="48.9409" x2="20.6734" y2="65.405" gradientTransform="matrix(1 0 0 -1 0 61)"> <stop  offset="0.1183" style="stop-color:#0095D5"/> <stop  offset="0.4178" style="stop-color:#3C83DC"/> <stop  offset="0.6962" style="stop-color:#6D74E1"/> <stop  offset="0.8333" style="stop-color:#806EE3"/> </linearGradient> <polygon style="fill:url(#SVGID_1_);" points="0,0 30.1,0 0,32.5 	"/> <linearGradient id="SVGID_2_" gradientUnits="userSpaceOnUse" x1="-10.1017" y1="5.8362" x2="45.7315" y2="61.6694" gradientTransform="matrix(1 0 0 -1 0 61)"> <stop  offset="0.1075" style="stop-color:#C757BC"/> <stop  offset="0.2138" style="stop-color:#D0609A"/> <stop  offset="0.4254" style="stop-color:#E1725C"/> <stop  offset="0.6048" style="stop-color:#EE7E2F"/> <stop  offset="0.743" style="stop-color:#F58613"/> <stop  offset="0.8232" style="stop-color:#F88909"/> </linearGradient> <polygon style="fill:url(#SVGID_2_);" points="30.1,0 0,31.7 0,60 30.1,29.9 60,0 	"/> </g> </svg>
diff --git a/public/img/logos/postgres-logo.svg b/public/img/logos/postgres-logo.svg
new file mode 100644
index 0000000..8666f75
--- /dev/null
+++ b/public/img/logos/postgres-logo.svg
@@ -0,0 +1,20 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg width="432.071pt" height="445.383pt" viewBox="0 0 432.071 445.383" xml:space="preserve" xmlns="http://www.w3.org/2000/svg">
+<g id="orginal" style="fill-rule:nonzero;clip-rule:nonzero;stroke:#000000;stroke-miterlimit:4;">
+	</g>
+<g id="Layer_x0020_3" style="fill-rule:nonzero;clip-rule:nonzero;fill:none;stroke:#FFFFFF;stroke-width:12.4651;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;">
+<path style="fill:#000000;stroke:#000000;stroke-width:37.3953;stroke-linecap:butt;stroke-linejoin:miter;" d="M323.205,324.227c2.833-23.601,1.984-27.062,19.563-23.239l4.463,0.392c13.517,0.615,31.199-2.174,41.587-7c22.362-10.376,35.622-27.7,13.572-23.148c-50.297,10.376-53.755-6.655-53.755-6.655c53.111-78.803,75.313-178.836,56.149-203.322    C352.514-5.534,262.036,26.049,260.522,26.869l-0.482,0.089c-9.938-2.062-21.06-3.294-33.554-3.496c-22.761-0.374-40.032,5.967-53.133,15.904c0,0-161.408-66.498-153.899,83.628c1.597,31.936,45.777,241.655,98.47,178.31    c19.259-23.163,37.871-42.748,37.871-42.748c9.242,6.14,20.307,9.272,31.912,8.147l0.897-0.765c-0.281,2.876-0.157,5.689,0.359,9.019c-13.572,15.167-9.584,17.83-36.723,23.416c-27.457,5.659-11.326,15.734-0.797,18.367c12.768,3.193,42.305,7.716,62.268-20.224    l-0.795,3.188c5.325,4.26,4.965,30.619,5.72,49.452c0.756,18.834,2.017,36.409,5.856,46.771c3.839,10.36,8.369,37.05,44.036,29.406c29.809-6.388,52.6-15.582,54.677-101.107"/>
+<path style="fill:#336791;stroke:none;" d="M402.395,271.23c-50.302,10.376-53.76-6.655-53.76-6.655c53.111-78.808,75.313-178.843,56.153-203.326c-52.27-66.785-142.752-35.2-144.262-34.38l-0.486,0.087c-9.938-2.063-21.06-3.292-33.56-3.496c-22.761-0.373-40.026,5.967-53.127,15.902    c0,0-161.411-66.495-153.904,83.63c1.597,31.938,45.776,241.657,98.471,178.312c19.26-23.163,37.869-42.748,37.869-42.748c9.243,6.14,20.308,9.272,31.908,8.147l0.901-0.765c-0.28,2.876-0.152,5.689,0.361,9.019c-13.575,15.167-9.586,17.83-36.723,23.416    c-27.459,5.659-11.328,15.734-0.796,18.367c12.768,3.193,42.307,7.716,62.266-20.224l-0.796,3.188c5.319,4.26,9.054,27.711,8.428,48.969c-0.626,21.259-1.044,35.854,3.147,47.254c4.191,11.4,8.368,37.05,44.042,29.406c29.809-6.388,45.256-22.942,47.405-50.555    c1.525-19.631,4.976-16.729,5.194-34.28l2.768-8.309c3.192-26.611,0.507-35.196,18.872-31.203l4.463,0.392c13.517,0.615,31.208-2.174,41.591-7c22.358-10.376,35.618-27.7,13.573-23.148z"/>
+<path d="M215.866,286.484c-1.385,49.516,0.348,99.377,5.193,111.495c4.848,12.118,15.223,35.688,50.9,28.045c29.806-6.39,40.651-18.756,45.357-46.051c3.466-20.082,10.148-75.854,11.005-87.281"/>
+<path d="M173.104,38.256c0,0-161.521-66.016-154.012,84.109c1.597,31.938,45.779,241.664,98.473,178.316c19.256-23.166,36.671-41.335,36.671-41.335"/>
+<path d="M260.349,26.207c-5.591,1.753,89.848-34.889,144.087,34.417c19.159,24.484-3.043,124.519-56.153,203.329"/>
+<path style="stroke-linejoin:bevel;" d="M348.282,263.953c0,0,3.461,17.036,53.764,6.653c22.04-4.552,8.776,12.774-13.577,23.155c-18.345,8.514-59.474,10.696-60.146-1.069c-1.729-30.355,21.647-21.133,19.96-28.739c-1.525-6.85-11.979-13.573-18.894-30.338    c-6.037-14.633-82.796-126.849,21.287-110.183c3.813-0.789-27.146-99.002-124.553-100.599c-97.385-1.597-94.19,119.762-94.19,119.762"/>
+<path d="M188.604,274.334c-13.577,15.166-9.584,17.829-36.723,23.417c-27.459,5.66-11.326,15.733-0.797,18.365c12.768,3.195,42.307,7.718,62.266-20.229c6.078-8.509-0.036-22.086-8.385-25.547c-4.034-1.671-9.428-3.765-16.361,3.994z"/>
+<path d="M187.715,274.069c-1.368-8.917,2.93-19.528,7.536-31.942c6.922-18.626,22.893-37.255,10.117-96.339c-9.523-44.029-73.396-9.163-73.436-3.193c-0.039,5.968,2.889,30.26-1.067,58.548c-5.162,36.913,23.488,68.132,56.479,64.938"/>
+<path style="fill:#FFFFFF;stroke-width:4.155;stroke-linecap:butt;stroke-linejoin:miter;" d="M172.517,141.7c-0.288,2.039,3.733,7.48,8.976,8.207c5.234,0.73,9.714-3.522,9.998-5.559c0.284-2.039-3.732-4.285-8.977-5.015c-5.237-0.731-9.719,0.333-9.996,2.367z"/>
+<path style="fill:#FFFFFF;stroke-width:2.0775;stroke-linecap:butt;stroke-linejoin:miter;" d="M331.941,137.543c0.284,2.039-3.732,7.48-8.976,8.207c-5.238,0.73-9.718-3.522-10.005-5.559c-0.277-2.039,3.74-4.285,8.979-5.015c5.239-0.73,9.718,0.333,10.002,2.368z"/>
+<path d="M350.676,123.432c0.863,15.994-3.445,26.888-3.988,43.914c-0.804,24.748,11.799,53.074-7.191,81.435"/>
+<path style="stroke-width:3;" d="M0,60.232"/>
+</g>
+</svg>
\ No newline at end of file
diff --git a/public/img/logos/pug-logo.svg b/public/img/logos/pug-logo.svg
new file mode 100644
index 0000000..d175841
--- /dev/null
+++ b/public/img/logos/pug-logo.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64"><g transform="matrix(.499516 0 0 .499516 -.093926 -.823678)"><path d="M107.4 50.9c-.2-4.4.4-8.3-1.6-11.6-4.8-8.2-16.8-13-40.8-13v.7h-.5.5v-.7c-24 0-36.6 4.8-41.4 13.1-1.9 3.4-1.7 7.2-2 11.6-.2 3.5-1.8 7.2-1.1 11.2.8 5.2 1.1 10.4 1.9 15.2.6 3.9 6 7.2 6.5 10.9 1.4 10.2 12 14.9 36 14.9v.8h-.5.6v-.8c24 0 34.2-4.7 35.5-14.9.5-3.8 5.5-7 6.1-10.9.8-4.8 1.1-10 1.9-15.2.7-4-.9-7.8-1.1-11.3z" fill="#efcca3"/><g fill="#ccac8d"><path d="M64.6 54.5c4.3.1 7.3 2.8 10.1 5.3 3.3 2.9 8.9 4.9 11.2 7.4s5.3 5 6.4 8.9 1.4 8.9 1.4 10.2.7 1 2.7 0c4.7-2.3 9.9-8.5 9.9-8.5-.6 3.9-5.7 7.4-6.2 11.1C98.9 99.1 89 104 64.5 104h-.1.6"/><path d="M80.4 46.7c.9 3.1 4.1 13.6-2.1 10.1 0 0 2.6 1.5 4.2 7.2 1.7 5.7 5.8 6.4 5.8 6.4s6.7 1.3 11.7-3c4.2-3.6 4.9-10 3.1-14.9-1.8-4.8-5-6.3-9.7-7.3-4.7-1.1-14.1-2-13 1.5z"/></g><circle cx="92.3" cy="58.1" r="8.8"/><circle cx="90" cy="54.2" r="2.3" fill="#fff"/><path d="M78.9 57.7s7.9 5.4 12.2 10.7 4.2 6.3 4.2 6.3l-3.1 1.4s-4.4-8.3-9.8-11.4c-5.5-3.1-6.1-5.7-6.1-5.7z" fill="#efcca3"/><path d="M64.9 54.5c-4.3.1-7.5 2.8-10.4 5.3-3.3 2.9-9.1 4.9-11.4 7.4s-5.4 5-6.5 8.9-1.5 8.9-1.5 10.2.2 1.4-2.7 0c-4.7-2.2-9.9-8.5-9.9-8.5.6 3.9 5.7 7.4 6.2 11.1C30.1 99.1 40 104 64.5 104h.5" fill="#ccac8d"/><path d="M88.1 71.4C83.3 65.5 75.6 60 64.9 60h-.1c-10.7 0-18.4 5.5-23.2 11.4-5 6.1-4.6 8.5-4.6 14.3 0 21 7.4 15 12.3 17.6 5 2.5 10.2 1.7 15.5 1.7h.1c5.4 0 10.5.7 15.5-1.8 4.9-2.5 12.3 3.7 12.3-17.3.1-5.8.4-8.4-4.6-14.5z" fill="#56332b"/><g fill="#442823"><path d="M64.4 65.2s-.7 9.7-2.1 11.6l2.6-.6z"/><path d="M65.1 65.2s.7 9.7 2.1 11.6l-2.6-.6z"/></g><path d="M56.7 62.9c-1-2.3 2.6-6 8.3-6.1 5.7 0 9.3 3.7 8.3 6.1S68.7 66 65 66.1c-3.6-.1-7.3-.8-8.3-3.2z" fill="#56332b"/><path d="M65 65.2c0-.4 3.4-.5 5.2-1.7 0 0-3.7 1.2-4.5.7-.8-.4-1-1.6-1-1.6s-.3 1.2-.9 1.6c-.7.4-4.9-.7-4.9-.7l5.6 1.7c0 .3-.1 1.3-.1 2l.4 9.2c.6.9.4-6.7.4-9.2l-.2-2z"/><path d="M65.2 78.6c1.7 0 4.7 1.2 7.4 3.1-2.6-2.9-5.7-4.9-7.4-4.9-1.8 0-5.6 2.2-8.3 5.4 2.8-2.2 6.4-3.6 8.3-3.6z" fill="#7f4a41" stroke="#4d4d4d" stroke-width="4.159" stroke-miterlimit="10"/><g fill="#442823"><path d="M64.5 96.3c-3.8 0-7.5-1.2-10.9-2.1-.7-.2-1.4.3-2.1.1-6.3-2-11.4-5.4-14.5-9.7v1c0 21 7.4 15.1 12.3 17.6 5 2.5 10.2 1.7 15.5 1.7h.1c5.4 0 10.5.7 15.5-1.8 4.9-2.5 12.3 3.6 12.3-17.4 0-.8 0-1.6.1-2.3-2.9 4.7-8.2 8.4-14.8 10.6-.6.2-2-.3-2.6-.2-3.6 1.2-6.8 2.5-10.9 2.5z"/><path d="M55 85s-2.5 7.5-.8 10.8l-2.3-1s1.7-7.6 3.1-9.8zm19.8 0s2.5 7.5.8 10.8l2.3-1s-1.8-7.6-3.1-9.8z"/></g><path d="M48.6 46.7c-.9 3.1-4.1 13.6 2.1 10.1 0 0-2.6 1.5-4.2 7.2s-5.8 6.4-5.8 6.4-6.7 1.3-11.7-3c-4.2-3.6-4.9-10-3.1-14.9s5-6.3 9.7-7.3c4.7-1.1 14-2 13 1.5z" fill="#ccac8d"/><path d="M64.9 76.8c2.7 0 11.1 5.8 11.2 12.9v-.4c0-7.4-6.8-13.3-11.2-13.3s-11.2 6-11.2 13.3v.4c.1-7.1 8.5-12.9 11.2-12.9z"/><g fill="#331712"><ellipse transform="matrix(.9683 -.2497 .2497 .9683 -13.2339 18.6065)" cx="66.7" cy="61.5" rx=".8" ry="1.5"/><ellipse transform="matrix(.9551 .2963 -.2963 .9551 21.0115 -15.7209)" cx="62.4" cy="61.5" rx=".8" ry="1.5"/></g><circle cx="37.2" cy="58.1" r="8.8"/><circle cx="39.5" cy="54.2" r="2.3" fill="#fff"/><path d="M67.5 58.2c0-.1-2.3 1-2.9 1.1-.6-.1-2.9-1.2-2.9-1.1h5.8z" fill="#7f4a41" stroke="#4d4d4d" stroke-width="4.159" stroke-miterlimit="10"/><path d="M50 57.7s-7.9 5.4-12.2 10.7-4.2 6.3-4.2 6.3l3.1 1.4s4.4-8.3 9.8-11.4 6.1-5.7 6.1-5.7z" fill="#efcca3"/><g fill="#ccac8d"><path d="M32.7 41.7S30 49.1 24 52.2c0 0 9.4-1.1 8.7-10.5zm63.1 0s2.7 7.4 8.7 10.5c0 0-9.4-1.1-8.7-10.5zM78.7 55.5s-5.9-6.2-13.8-6.4c-.1 0 .2 0 .1 0s.1 0 .1 0c-8 .2-13.8 6.4-13.8 6.4 6.9-4.8 12.8-4.7 13.8-4.7-.1 0 6.7-.1 13.6 4.7zm-6.9-13s-3-4.2-7-4.3h.2c-3 .1-6.9 4.3-6.9 4.3 3.4-3.3 6.9-3.2 6.9-3.2s3.3-.1 6.8 3.2zM37.2 73.2s-4.7 2.3-8.1.9H29c-3-1.7-4.5-6.8-4.5-6.8s3 9 12.7 5.9zm54.8 0s4.7 2.3 8.1.9c4-1.7 4.6-6.8 4.6-6.8s-3 9-12.7 5.9zm-49.4-32c2.6-.5 6.9-.6 10.3.5 4.3 1.5.8 7 1.7 7.3s2.1-3.8 10.1-3.4c8.1.4 9 4 10.1 3.4s-1.1-10 11-7.8c0 0-12.7-3.4-12.1 5.8 0 0-7.3-5.6-17.5-.6.1 0 2.7-8.6-13.6-5.2zm44.3 0c.2 0 .3.1.4.1s-.1-.1-.4-.1z"/><path d="M86.9 41.2z"/><path d="M39.1 28.9S28.3 42.5 26.7 47.7c-1.6 5.3-2.8 27-4.2 30.1l-5-21.4 9.2-22.3zm50.8 0s10.8 13.6 12.4 18.8c1.6 5.3 2.8 27 4.2 30.1l5-21.4-9.2-22.3z"/></g><path d="M89.4 28.9s11.6 9.7 15 20.9 2 24.8 4.6 26.5c3.7 2.4 7.9-11.9 9.3-13.4 2.2-2.4 9.5-8.5 10-9.6s-14.8-17.8-21.5-21.1c-8.1-3.8-18.1-4.1-17.4-3.3z" fill="#56332b"/><path d="M99.3 34.9s13.7 17.5 13.5 39.3l5.5-11.2c-.1 0-4.9-14.3-19-28.1z" fill="#442823"/><path d="M39.1 28.9s-11.6 9.7-15 20.9-2 24.8-4.6 26.5c-3.7 2.4-7.9-11.9-9.3-13.4C8 60.5.7 54.4.2 53.3S15 35.5 21.7 32.2c8.1-3.8 18.1-4.1 17.4-3.3z" fill="#56332b"/><path d="M29.2 34.9S15.5 52.4 15.7 74.2L10.3 63s4.8-14.3 18.9-28.1z" fill="#442823"/><path d="M21.8 74.6s1 5.4 2.6 7.1.5-1.3.5-1.3-1.7-.9-1.4-7.8-1.7 2-1.7 2zm85.3 0s-1 5.4-2.6 7.1-.5-1.3-.5-1.3 1.7-.9 1.4-7.8 1.7 2 1.7 2z" fill="#ccac8d"/><g fill="#442823"><circle cx="54.5" cy="70.5" r=".8"/><circle cx="49.9" cy="75.3" r=".8"/><circle cx="48.4" cy="70.5" r=".8"/><circle cx="74" cy="70.5" r=".8"/><circle cx="78.6" cy="75.3" r=".8"/><circle cx="80.1" cy="70.5" r=".8"/></g></g></svg>
\ No newline at end of file
diff --git a/public/img/logos/sass-logo.svg b/public/img/logos/sass-logo.svg
new file mode 100644
index 0000000..3ed93dd
--- /dev/null
+++ b/public/img/logos/sass-logo.svg
@@ -0,0 +1 @@
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 547.8 410.6" enable-background="new 0 0 547.8 410.6" xml:space="preserve"> <path fill="#CD6799" d="M471.4,236c-19.1,0.1-35.7,4.7-49.6,11.5c-5.1-10.1-10.2-19.1-11.1-25.7c-1-7.7-2.2-12.4-1-21.6 c1.2-9.2,6.6-22.3,6.5-23.3s-1.2-5.7-12.2-5.8c-11-0.1-20.5,2.1-21.6,5c-1.1,2.9-3.2,9.5-4.6,16.3c-1.9,10-22,45.7-33.5,64.4 c-3.7-7.3-6.9-13.7-7.6-18.8c-1-7.7-2.2-12.4-1-21.6c1.2-9.2,6.6-22.3,6.5-23.3c-0.1-1-1.2-5.7-12.2-5.8c-11-0.1-20.5,2.1-21.6,5 c-1.1,2.9-2.3,9.7-4.6,16.3c-2.3,6.6-29,66.2-36,81.6c-3.6,7.9-6.7,14.2-8.9,18.5c0,0,0,0,0,0s-0.1,0.3-0.4,0.8 c-1.9,3.7-3,5.7-3,5.7s0,0,0,0.1c-1.5,2.7-3.1,5.2-3.9,5.2c-0.6,0-1.7-7.2,0.2-17c4-20.7,13.5-52.9,13.4-54c0-0.6,1.8-6.2-6.2-9.1 c-7.8-2.9-10.6,1.9-11.3,1.9c-0.7,0-1.2,1.7-1.2,1.7s8.7-36.2-16.6-36.2c-15.8,0-37.6,17.3-48.4,32.9c-6.8,3.7-21.3,11.6-36.8,20.1 c-5.9,3.3-12,6.6-17.7,9.7c-0.4-0.4-0.8-0.9-1.2-1.3c-30.6-32.7-87.2-55.8-84.8-99.7c0.9-16,6.4-58,108.7-109 C233.9,19,300.9,30.5,312.5,56c16.6,36.4-35.9,104-122.9,113.8c-33.2,3.7-50.6-9.1-55-13.9c-4.6-5-5.3-5.3-7-4.3c-2.8,1.5-1,6,0,8.6 c2.6,6.8,13.3,18.8,31.4,24.7c16,5.2,54.9,8.1,102-10.1c52.7-20.4,93.9-77.1,81.8-124.6C330.7,2,250.7-13.9,175,13 C130,29,81.2,54.2,46.1,87c-41.7,39-48.3,72.9-45.6,87.1c9.7,50.4,79.2,83.2,107,107.5c-1.4,0.8-2.7,1.5-3.8,2.1 c-13.9,6.9-66.9,34.6-80.1,63.9c-15,33.2,2.4,57,13.9,60.2c35.7,9.9,72.4-7.9,92.1-37.3c19.7-29.4,17.3-67.6,8.2-85.1 c-0.1-0.2-0.2-0.4-0.4-0.6c3.6-2.1,7.3-4.3,10.9-6.4c7.1-4.2,14.1-8.1,20.1-11.3c-3.4,9.3-5.9,20.4-7.1,36.4 c-1.5,18.8,6.2,43.2,16.3,52.8c4.5,4.2,9.8,4.3,13.2,4.3c11.8,0,17.1-9.8,23-21.4c7.2-14.2,13.7-30.7,13.7-30.7s-8.1,44.6,13.9,44.6 c8,0,16.1-10.4,19.7-15.7c0,0.1,0,0.1,0,0.1s0.2-0.3,0.6-1c0.8-1.3,1.3-2.1,1.3-2.1s0-0.1,0-0.2c3.2-5.6,10.4-18.3,21.1-39.4 c13.8-27.2,27.1-61.2,27.1-61.2s1.2,8.3,5.3,22.1c2.4,8.1,7.4,17,11.4,25.6c-3.2,4.5-5.2,7-5.2,7s0,0,0.1,0.1 c-2.6,3.4-5.4,7.1-8.5,10.7c-10.9,13-23.9,27.9-25.7,32.2c-2.1,5.1-1.6,8.8,2.4,11.8c2.9,2.2,8.1,2.5,13.4,2.2 c9.8-0.7,16.7-3.1,20.1-4.6c5.3-1.9,11.5-4.8,17.3-9.1c10.7-7.9,17.2-19.2,16.6-34.1c-0.3-8.2-3-16.4-6.3-24.1 c1-1.4,1.9-2.8,2.9-4.2c16.9-24.7,30-51.8,30-51.8s1.2,8.3,5.3,22.1c2,7,6.1,14.6,9.7,22c-15.9,12.9-25.7,27.9-29.2,37.7 c-6.3,18.2-1.4,26.4,7.9,28.3c4.2,0.9,10.2-1.1,14.6-3c5.6-1.8,12.2-4.9,18.5-9.5c10.7-7.9,21-18.9,20.4-33.8 c-0.3-6.8-2.1-13.5-4.6-20c13.5-5.6,30.9-8.7,53.1-6.1c47.6,5.6,57,35.3,55.2,47.8c-1.8,12.5-11.8,19.3-15.1,21.4 c-3.3,2.1-4.4,2.8-4.1,4.3c0.4,2.2,2,2.1,4.8,1.7c3.9-0.7,25-10.1,25.9-33.1C548.9,267.8,520.9,235.7,471.4,236z M104.2,359.8 C88.4,377,66.4,383.5,56.9,378c-10.2-5.9-6.2-31.3,13.2-49.5c11.8-11.1,27-21.4,37.1-27.7c2.3-1.4,5.7-3.4,9.8-5.9 c0.7-0.4,1.1-0.6,1.1-0.6l0,0c0.8-0.5,1.6-1,2.4-1.5C127.6,318.8,120.8,341.7,104.2,359.8z M219.2,281.6c-5.5,13.4-17,47.7-24,45.8 c-6-1.6-9.7-27.6-1.2-53.3c4.3-12.9,13.4-28.3,18.7-34.3c8.6-9.6,18.1-12.8,20.4-8.9C236,236,222.6,273.2,219.2,281.6z M314.1,327 c-2.3,1.2-4.5,2-5.5,1.4c-0.7-0.4,1-2,1-2s11.9-12.8,16.6-18.6c2.7-3.4,5.9-7.4,9.3-11.9c0,0.4,0,0.9,0,1.3 C335.5,312.5,320.7,322.8,314.1,327z M387.3,310.3c-1.7-1.2-1.4-5.2,4.3-17.7c2.2-4.9,7.4-13.1,16.3-21c1,3.2,1.7,6.3,1.6,9.2 C409.4,300.1,395.6,307.3,387.3,310.3z"/> <g> </g> <g> </g> <g> </g> <g> </g> <g> </g> <g> </g> </svg>
diff --git a/public/img/logos/solid-logo.svg b/public/img/logos/solid-logo.svg
new file mode 100644
index 0000000..8a8988c
--- /dev/null
+++ b/public/img/logos/solid-logo.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 166 155.3"><defs><linearGradient id="a" gradientUnits="userSpaceOnUse" x1="27.5" y1="3" x2="152" y2="63.5"><stop offset=".1" stop-color="#76b3e1"/><stop offset=".3" stop-color="#dcf2fd"/><stop offset="1" stop-color="#76b3e1"/></linearGradient><linearGradient id="b" gradientUnits="userSpaceOnUse" x1="95.8" y1="32.6" x2="74" y2="105.2"><stop offset="0" stop-color="#76b3e1"/><stop offset=".5" stop-color="#4377bb"/><stop offset="1" stop-color="#1f3b77"/></linearGradient><linearGradient id="c" gradientUnits="userSpaceOnUse" x1="18.4" y1="64.2" x2="144.3" y2="149.8"><stop offset="0" stop-color="#315aa9"/><stop offset=".5" stop-color="#518ac8"/><stop offset="1" stop-color="#315aa9"/></linearGradient><linearGradient id="d" gradientUnits="userSpaceOnUse" x1="75.2" y1="74.5" x2="24.4" y2="260.8"><stop offset="0" stop-color="#4377bb"/><stop offset=".5" stop-color="#1a336b"/><stop offset="1" stop-color="#1a336b"/></linearGradient></defs><path d="M163 35S110-4 69 5l-3 1c-6 2-11 5-14 9l-2 3-15 26 26 5c11 7 25 10 38 7l46 9 18-30z" fill="#76b3e1"/><path d="M163 35S110-4 69 5l-3 1c-6 2-11 5-14 9l-2 3-15 26 26 5c11 7 25 10 38 7l46 9 18-30z" opacity=".3" fill="url(#a)"/><path d="M52 35l-4 1c-17 5-22 21-13 35 10 13 31 20 48 15l62-21S92 26 52 35z" fill="#518ac8"/><path d="M52 35l-4 1c-17 5-22 21-13 35 10 13 31 20 48 15l62-21S92 26 52 35z" opacity=".3" fill="url(#b)"/><path d="M134 80a45 45 0 00-48-15L24 85 4 120l112 19 20-36c4-7 3-15-2-23z" fill="url(#c)"/><path d="M114 115a45 45 0 00-48-15L4 120s53 40 94 30l3-1c17-5 23-21 13-34z" fill="url(#d)"/></svg>
\ No newline at end of file
diff --git a/public/img/logos/tailwind-logo.svg b/public/img/logos/tailwind-logo.svg
new file mode 100644
index 0000000..881d421
--- /dev/null
+++ b/public/img/logos/tailwind-logo.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 54 33"><g clip-path="url(#prefix__clip0)"><path fill="#38bdf8" fill-rule="evenodd" d="M27 0c-7.2 0-11.7 3.6-13.5 10.8 2.7-3.6 5.85-4.95 9.45-4.05 2.054.513 3.522 2.004 5.147 3.653C30.744 13.09 33.808 16.2 40.5 16.2c7.2 0 11.7-3.6 13.5-10.8-2.7 3.6-5.85 4.95-9.45 4.05-2.054-.513-3.522-2.004-5.147-3.653C36.756 3.11 33.692 0 27 0zM13.5 16.2C6.3 16.2 1.8 19.8 0 27c2.7-3.6 5.85-4.95 9.45-4.05 2.054.514 3.522 2.004 5.147 3.653C17.244 29.29 20.308 32.4 27 32.4c7.2 0 11.7-3.6 13.5-10.8-2.7 3.6-5.85 4.95-9.45 4.05-2.054-.513-3.522-2.004-5.147-3.653C23.256 19.31 20.192 16.2 13.5 16.2z" clip-rule="evenodd"/></g><defs><clipPath id="prefix__clip0"><path fill="#fff" d="M0 0h54v32.4H0z"/></clipPath></defs></svg>
diff --git a/public/img/logos/vue-logo.svg b/public/img/logos/vue-logo.svg
new file mode 100644
index 0000000..a1d285e
--- /dev/null
+++ b/public/img/logos/vue-logo.svg
@@ -0,0 +1,2 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg version="1.1" viewBox="0 0 261.76 226.69" xmlns="http://www.w3.org/2000/svg"><g transform="matrix(1.3333 0 0 -1.3333 -76.311 313.34)"><g transform="translate(178.06 235.01)"><path d="m0 0-22.669-39.264-22.669 39.264h-75.491l98.16-170.02 98.16 170.02z" fill="#41b883"/></g><g transform="translate(178.06 235.01)"><path d="m0 0-22.669-39.264-22.669 39.264h-36.227l58.896-102.01 58.896 102.01z" fill="#34495e"/></g></g></svg>
diff --git a/src/layouts/SideProject.astro b/src/layouts/SideProject.astro
index 3224f31..c6a967d 100644
--- a/src/layouts/SideProject.astro
+++ b/src/layouts/SideProject.astro
@@ -4,7 +4,7 @@ import GithubIcon from "../components/Sideprojects/GithubIcon.astro";
 import GlobeIcon from "../components/Sideprojects/GlobeIcon.astro";
 import NavigationLayout from "./NavigationLayout.astro";
 
-const { project_title, git_url, page_url, previous, next, images_folder } = Astro.props;
+const { project_title, git_url, page_url, previous, next, images_folder, logos = [] } = Astro.props;
 
 const images_base = "/img/projects/";
 const images = readdirSync(`./public${images_base}${images_folder}/`)
@@ -34,7 +34,36 @@ const images_str = JSON.stringify(images);
     </head>
     <body>
         <NavigationLayout>
-            <div class="grid grid-cols-[30rem_auto] gap-2">
+            <div class="grid lg:grid-cols-[30rem_auto] gap-2">
+                <div
+                    class="relative w-full flex items-center justify-center p-2 lg:hidden pb-12"
+                    x-data={`{img: ${images_str}, img_len: ${images.length}, idx: 0}`}
+                >
+                    <button 
+                        class="absolute left-1 -bottom-0 bg-zinc-800 border border-zinc-950
+                            rounded py-1 px-2 text-2xl not:disabled:hover:bg-zinc-700 transition-all
+                            disabled:opacity-25"
+                        x-bind:disabled="idx === 0"
+                        x-on:click="idx -= 1"
+                    >
+                        &larr;
+                    </button>
+                    <button 
+                        class="absolute right-1 -bottom-0 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-25"
+                        x-bind:disabled="idx === img_len - 1"
+                        x-on:click="idx += 1"
+                    >
+                        &rarr;
+                    </button>
+                    <img
+                        class="inline-block shadow-sm dark:shadow-black rounded"
+                        x-bind:src="img[idx]"
+                        alt="Project image"
+                    />
+                </div>
+
                 <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 w-full"
@@ -49,6 +78,16 @@ const images_str = JSON.stringify(images);
                             <slot />
                         </p>
 
+                        <div class="pt-8 flex gap-2 items-center justify-center flex-wrap">
+                            {logos.map((ref: string) => (
+                                <img
+                                    class={"inline-block h-8 px-1 my-1"}
+                                    src={`/img/logos/${ref}.svg`}
+                                    alt={`logo`}
+                                />
+                            ))}
+                        </div>
+
                         <div class="pt-8">
                             <GithubIcon color="var(--c-on-bg)" />
                             <a href={git_url} class="underline">Source code</a>
@@ -64,10 +103,6 @@ const images_str = JSON.stringify(images);
                                 )
                             }
                         </div>
-
-                        <!--
-                        <div class="pt-8">logos</div>
-                        -->
                     </div>
 
                     <div class="grid grid-cols-2 w-full gap-6">
@@ -91,7 +126,7 @@ const images_str = JSON.stringify(images);
                 </div>
 
                 <div
-                    class="relative w-full h-screen flex items-center justify-center p-16"
+                    class="relative w-full h-screen lg:flex items-center justify-center p-16 hidden"
                     x-data={`{img: ${images_str}, img_len: ${images.length}, idx: 0}`}
                 >
                     <button 
diff --git a/src/pages/side-projects/acecha.astro b/src/pages/side-projects/acecha.astro
index b5182eb..6d4a9c2 100644
--- a/src/pages/side-projects/acecha.astro
+++ b/src/pages/side-projects/acecha.astro
@@ -7,6 +7,12 @@ import SideProject from "../../layouts/SideProject.astro";
     previous="horarios-2"
     next="pseudo"
     images_folder="acecha"
+    logos={[
+        "ts-logo",
+        "vue-logo",
+        "pug-logo",
+        "sass-logo",
+    ]}
 >
     A now defunt video platform for anime I made for a
     startup from Spain.
diff --git a/src/pages/side-projects/horarios-1.astro b/src/pages/side-projects/horarios-1.astro
index b147588..0c72085 100644
--- a/src/pages/side-projects/horarios-1.astro
+++ b/src/pages/side-projects/horarios-1.astro
@@ -8,6 +8,9 @@ import SideProject from "../../layouts/SideProject.astro";
     page_url="https://horarios-v1.araozu.dev/"
     previous="pseudo"
     images_folder="horarios-v1"
+    logos={[
+        "js-logo",
+    ]}
 >
     My first programming project ever (2017), completely
     made in vanilla JavaScript.
diff --git a/src/pages/side-projects/horarios-2.astro b/src/pages/side-projects/horarios-2.astro
index a0ec7b3..4dcbde0 100644
--- a/src/pages/side-projects/horarios-2.astro
+++ b/src/pages/side-projects/horarios-2.astro
@@ -9,6 +9,11 @@ import SideProject from "../../layouts/SideProject.astro";
     previous="kscript"
     next="acecha"
     images_folder="horarios-v2"
+    logos={[
+        "ts-logo",
+        "vue-logo",
+        "sass-logo",
+    ]}
 >
     A schedule creator for the courses at
     National Saint Austing University (second rewrite).
diff --git a/src/pages/side-projects/horarios.astro b/src/pages/side-projects/horarios.astro
index a89f724..932d56c 100644
--- a/src/pages/side-projects/horarios.astro
+++ b/src/pages/side-projects/horarios.astro
@@ -9,6 +9,10 @@ import SideProject from "../../layouts/SideProject.astro";
     previous="thp"
     next="rimajon"
     images_folder="horarios-v3"
+    logos={[
+        "ts-logo",
+        "solid-logo",
+    ]}
 >
     A schedule creator for the courses at
     National Saint Austing University (Third rewrite).
diff --git a/src/pages/side-projects/index.astro b/src/pages/side-projects/index.astro
index dbc0095..24eef54 100644
--- a/src/pages/side-projects/index.astro
+++ b/src/pages/side-projects/index.astro
@@ -8,6 +8,13 @@ import SideProject from "../../layouts/SideProject.astro";
     page_url="https://thp.araozu.dev"
     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.
diff --git a/src/pages/side-projects/kscript.astro b/src/pages/side-projects/kscript.astro
index 77cc34f..fe992a4 100644
--- a/src/pages/side-projects/kscript.astro
+++ b/src/pages/side-projects/kscript.astro
@@ -9,6 +9,11 @@ import SideProject from "../../layouts/SideProject.astro";
     previous="rimajon"
     next="horarios-2"
     images_folder="kscript"
+    logos={[
+        "ts-logo",
+        "vue-logo",
+        "sass-logo",
+    ]}
 >
     A previous iteration of a new programming language.
     <br />
diff --git a/src/pages/side-projects/pseudo.astro b/src/pages/side-projects/pseudo.astro
index 0ec3801..8aa495f 100644
--- a/src/pages/side-projects/pseudo.astro
+++ b/src/pages/side-projects/pseudo.astro
@@ -8,6 +8,13 @@ import SideProject from "../../layouts/SideProject.astro";
     previous="acecha"
     next="horarios-1"
     images_folder="pseudo"
+    logos={[
+        "ts-logo",
+        "vue-logo",
+        "pug-logo",
+        "sass-logo",
+        "postgres-logo",
+    ]}
 >
     An anime indexing site.
     <br />
diff --git a/src/pages/side-projects/rimajon.astro b/src/pages/side-projects/rimajon.astro
index 159744f..5a64c9e 100644
--- a/src/pages/side-projects/rimajon.astro
+++ b/src/pages/side-projects/rimajon.astro
@@ -9,6 +9,12 @@ import SideProject from "../../layouts/SideProject.astro";
     previous="horarios"
     next="kscript"
     images_folder="rimajon"
+    logos={[
+        "kotlin-logo",
+        "ts-logo",
+        "vue-logo",
+        "sass-logo",
+    ]}
 >
     A Mahjong-like game, with cards instead of Tiles.
     <br />
@@ -16,7 +22,4 @@ import SideProject from "../../layouts/SideProject.astro";
     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>
diff --git a/src/pages/side-projects/thp.astro b/src/pages/side-projects/thp.astro
index c4f6164..d8dedf3 100644
--- a/src/pages/side-projects/thp.astro
+++ b/src/pages/side-projects/thp.astro
@@ -8,11 +8,16 @@ import SideProject from "../../layouts/SideProject.astro";
     previous="#"
     next="horarios"
     images_folder="thpc"
+    logos={[
+        "rust-logo",
+        "zig-logo",
+    ]}
 >
     The compiler for the THP Programming Language.
     <br />
     <br />
-    Written in Rust, features a hand written lexer,
+    Previously written in Rust and rewritten in Zig,
+    features a hand written lexer,
     top-down parser, type checker, IR generator
     and code generator.
     <br>