Meta AI changed their logo 4 some reason, also more projects

Author: document10

README.md

@@ -8,4 +8,4 @@ This is the repository for my personal website containing info about me as well
 
 [Fonts used](https://fonts.google.com/share?selection.family=Doto:wght@100..900|Playpen+Sans:wght@100..800|Ubuntu:ital,wght@0,300;0,400;0,500;0,700;1,300;1,400;1,500;1,700)
 
-[Icons](https://www.iconfinder.com/)
+[Icons (some of them are made by me)](https://www.iconfinder.com/)

img/metaai.webp

@@ -6,7 +6,7 @@
         <meta name="viewport" content="width=device-width, initial-scale=1.0">
         <meta name="description" content="Personal Portofolio Website">
         <meta name="author" content="document10">
-        <meta name="keywords" content="HTML, CSS, JS, PY, Python, GO, CPP, AI, USV, Personal, Portofolio, Website, Skills, Art, Dev, Developement, Software">
+        <meta name="keywords" content="HTML, CSS, JS, PY, Python, GO, CPP, C#, TS, Java, AI, USV, Personal, Portofolio, Website, Skills, Art, Dev, Developement, Frontend, Backend, Fullstack, Software">
         <meta name="theme-color" content="#1DD2EB">
         <meta property="og:url" content="https://document10.github.io">
         <meta property="og:site_name" content="document10.github.io">
@@ -91,12 +91,24 @@ <h1>document10</h1>
                 </a>
                 <a class="proj" href="https://github.com/document10/godot-jigsaw-puzzle">
                     <p class="projtitle">Godot Jigsaw Puzzle</p>
-                    <p class="projdesc">This was a university team project, made in Godot since I'm comfortable with it. The game is 90% complete, with polishing features still to be added.</p>
+                    <p class="projdesc">This was a university team project, made in Godot since I'm comfortable with it. It features multiple levels, images and varying difficulties. The game is 90% complete, with polishing features still to be added.</p>
                 </a>
                 <a class="proj" href="https://github.com/document10?tab=repositories&q=deno-fresh">
                     <p class="projtitle">Deno Projects</p>
                     <p class="projdesc">I have made a couple demo projects using Deno, Fresh (1.0) and Prisma. These days I use Bun, but these demos may still be useful for learning purposes.</p>
                 </a>
+                <a class="proj" href="https://github.com/document10/elcatalog">
+                    <p class="projtitle">Electronics Catalog</p>
+                    <p class="projdesc">This app was built as a university project to learn more about C#, .NET, WinForms and UI design in general. The purpose of the app is to manage the inventory of an electronics store.</p>
+                </a>
+                <a class="proj" href="https://github.com/document10/projPOO">
+                    <p class="projtitle">PC Store Manager</p>
+                    <p class="projdesc">This was another university project which implements aspects of Object-Oriented Programming (OOP), data structures and UI design (using RayGUI) in C++. The app allows a PC store owner to manage the inventory of PCs and their components.</p>
+                </a>
+                <a class="proj" href="https://github.com/document10/taiga">
+                    <p class="projtitle">TAIGA</p>
+                    <p class="projdesc">This is a project made during summer break to quickly configure various graphical interfaces on some *Nix systems. I used Python since it made the development process relatively simple for such a small tool.</p>
+                </a>
             </div>
             <div id="footer">
                 <a href="https://www.gentube.app/image/jn7bzt4zde70fs3d3fpn3877as80g252?sid=user_38VweWrmhApWGh82EpamCfH93cV&_cid=share-copy-link" class="footer">Background</a>

index.html

@@ -109,7 +109,7 @@ a {
 
 #projects {
     display: grid;
-    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
+    grid-template-columns: repeat(auto-fit, minmax(500px, 1fr));
     justify-content: space-evenly;
     align-content: center;
     background-color: #010440aa;
@@ -194,7 +194,7 @@ a {
 .proj:hover {
     background-color: #f2e00f99;
     backdrop-filter: blur(10px);
-    transform: scale(105%);
+    transform: scale(105%) rotate(1deg);
 }
 
 .projtitle {
@@ -254,6 +254,20 @@ a {
     text-shadow: 6px 6px 5px #365959;
 }
 
+@media screen and (max-width: 1100px) {
+    #projects {
+        display: flex;
+        flex-flow: column wrap;
+        justify-content: space-evenly;
+        align-content: center;
+        padding: 0%;
+        margin: 1vw 2vw;
+    }
+    .project {
+        text-wrap: wrap;
+    }
+}
+
 @media screen and (max-width: 700px) {
     h1 {
         font-size: 11vw;
@@ -289,15 +303,6 @@ a {
         margin: 1%;
     }
 
-    #projects {
-        display: flex;
-        flex-flow: column wrap;
-        justify-content: space-evenly;
-        align-content: center;
-        padding: 0%;
-        margin: 1vw 2vw;
-    }
-
     .ext {
         font-size: 5.5vw;
         line-height: 5.5vw;