Add page for WebHostal

index.html

@@ -74,11 +74,7 @@
                         </span>
                     </p>
 
-                    <img 
+                    <img class="rounded-xl" src="/public/img/horarios_1.png" alt="Image of Horarios UNSA">
-                        class="rounded-xl"
-                        src="/public/img/horarios_1.png" 
-                        alt="Image of Horarios UNSA"
-                    >
 
                     <div class="py-4">
                         <img class="h-12 rounded-md" src="/public/icons/js.png" alt="JS logo">
@@ -126,11 +122,7 @@
                         </span>
                     </p>
 
-                    <img 
+                    <img class="rounded-xl" src="/public/img/pseudo_1.png" alt="Image of Horarios UNSA">
-                        class="rounded-xl"
-                        src="/public/img/pseudo_1.png"
-                        alt="Image of Horarios UNSA"
-                    >
 
                     <div class="py-4">
                         <img class="h-12 rounded-md inline-block" src="/public/icons/php.png" alt="PHP logo">
@@ -140,9 +132,11 @@
                         ·
                         <img class="h-12 rounded-md inline-block" src="/public/icons/node.png" alt="Node logo">
                         <img class="h-12 rounded-md inline-block" src="/public/icons/ts.png" alt="TS logo">
-                        <img class="h-12 rounded-md inline-block bg-white p-1" src="/public/icons/express.png" alt="Express logo">
+                        <img class="h-12 rounded-md inline-block bg-white p-1" src="/public/icons/express.png"
+                            alt="Express logo">
                         ·
-                        <img class="h-12 rounded-md inline-block bg-white" src="/public/icons/mysql.png" alt="MySQL logo">
+                        <img class="h-12 rounded-md inline-block bg-white" src="/public/icons/mysql.png"
+                            alt="MySQL logo">
                     </div>
                 </div>
             </div>
@@ -169,6 +163,51 @@
 
         </div>
 
+        <div class="bg-lime-950 h-screen grid grid-cols-2">
+
+            <div class="flex justify-center flex-col">
+
+                <div class="max-w-[90%] mx-auto">
+                    <h2 class="font-xanh text-4xl">
+                        Web Hostal
+                    </h2>
+
+                    <p>
+                        <span>
+                            <a class="underline" href="https://pseudosubs-v1.araozu.dev/" target="_blank">
+                                https://pseudosubs-v1.araozu.dev/</a>
+                        </span>
+                        ·
+                        <span>
+                            <a class="underline" href="https://git.araozu.dev/fernando/WebHostal" target="_blank">
+                                Git repo
+                            </a>
+                        </span>
+                    </p>
+
+                    <img class="rounded-xl" src="/public/img/pseudo_1.png" alt="Image of Horarios UNSA">
+
+                    <div class="py-4">
+                        <img class="h-12 rounded-md inline-block bg-white" src="/public/icons/java.png" alt="Java logo">
+                        <img class="h-12 rounded-md inline-block" src="/public/icons/tomcat.webp" alt="Tomcat logo">
+                        <img class="h-12 rounded-md inline-block" src="/public/icons/git.png" alt="Git logo">
+                        <img class="h-12 rounded-md inline-block" src="/public/icons/gcloud.png"
+                            alt="Google cloud logo">
+                    </div>
+                </div>
+            </div>
+
+            <div class="flex justify-center flex-col">
+                <p class="my-2">
+                    A simple system for a fictional hostel, made for my university's web development course.
+                </p>
+                <p class="my-2">
+                    Here I learned more about Java, JSP, Servlets, JDBC, Git, Tomcat, and deploying
+                    to the cloud.
+                </p>
+            </div>
+
+        </div>
     </div>
 
 </body>

projects_list.txt

@@ -0,0 +1,43 @@
+2017
+
+Horarios UNSA 1
+
+2018
+?       PseudoSubs 1
+July    Web Hostal
+
+
+2019
+
+June    acechanime
+Nov     horarios UNSA 2
+Nov     modoki
+
+2020
+
+April   misti-lang
+March   kscript-web
+July    emisa
+July    to_games
+Sept    rimajon_be
+Sept    rimajon
+
+2021
+
+Jan     horarios UNSA 3
+April   misti-web
+
+2022
+
+All     fac-psicologia
+
+2023
+
+July    thp-lang
+July    thp-web
+July    md-docs
+July    eegsac
+
+
+
+