push to github

biography/i18n.json

@@ -6,5 +6,33 @@
     "shortbio": {
         "it": "Benvenutə alla mia breve bio. Mi chiamo Leila Massanova, anche conosciuta online come `FallBackITA27` o più semplicemente come `FalB`.",
         "en": "Welcome to my short bio! I'm Leila Massanova, known online as `FallBackITA27` or more simply `FalB`."
+    },
+    "bilingual": {
+        "it": "Sono bilingue, sono Italiana, nata e cresciuta in Romagna (seppur con forti nessi sia a Napoli che Perugia) e sono fluente in Inglese dai miei 10 anni, circa.",
+        "en": "I'm bilingual, I'm a native Italian, born and raised in Romagna (though with strong ties to both Naples and Perugia), and I'm fluent in English ever since I was about 10 years old."
+    },
+    "bilingual_btn": {
+        "it": "Clicca qui per cambiare lingua.",
+        "en": "Click here to change language."
+    },
+    "coding": {
+        "it": "Informatica",
+        "en": "Software Engineering"
+    },
+    "aboutthispage": {
+        "it": "Questa pagina non è esattamente la più impressionante, l'ho fatta in pochissimi minuti, ma ecco qua un paio di progetti ai quali puoi dare un'occhiata!",
+        "en": "This page isn't exactly the most impressive page ever, this was thrown together in a few minutes, but here are some projects of mine you can check out!"
+    },
+    "mycodingexp": {
+        "it": "Programmo da quando avevo 14 anni (Estate 2022), e in questo lungo lungo periodo di tempo sono stata capace di imparare molteplici linguaggi.",
+        "en": "I've been coding ever since I was 14 (Summer 2022), and in this long long time I've been able to learn several programming languages."
+    },
+    "whatis_mkitalia": {
+        "it": "MKItalia è il sito di classifiche italiane inerente a tutti i Mario Kart. Si tratta del progetto principale a cui lavoro, completamente da sola. Seppur incompleto e la mia pausa dal progetto non lo aiuta a crescere, penso sia una dimostrazione delle mie abilità.",
+        "en": "MKItalia is the website that contains the Italian leaderboards of every Mario Kart. It's the main project I work on, despite being completely alone. Even though it's not complete, and my recent break from it doesn't help it grow, I think it's a testament to my skills."
+    },
+    "whatis_gtaocompanion": {
+        "it": "In una dimostrazione di pura pazzia nel frontend, questo è il mio secondo progetto per grandezza ad oggi. Una mappa completamente interattiva di GTA Online, con una GUI fatta per assistere l'utente nelle mansioni più meccaniche del gioco.",
+        "en": "In a demonstration of pure frontend madness, this is my second biggest project to date. A fully interactive map of GTA Online, which has a GUI made for assisting the user in the most mechanical tasks of the game"
     }
 }

biography/index.html

@@ -35,6 +35,36 @@ <h1>Leila `FalB` Massanova</h1>
         </div>
         <h2 id="whoami"></h2>
         <p id="shortbio"></p>
+        <hr>
+        <p id="bilingual"></p>
+        <button id="bilingual_btn"></button>
+        <hr>
+        <h2 id="coding"></h2>
+        <p id="aboutthispage"></p>
+        <p id="mycodingexp"></p>
+        <div class="x-axis">
+            <a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript" target="_blank" rel="noreferrer"> <img src="https://raw.githubusercontent.com/devicons/devicon/master/icons/javascript/javascript-original.svg" alt="javascript" width="40" height="40"/> </a>
+            <a href="https://www.python.org" target="_blank" rel="noreferrer"> <img src="https://raw.githubusercontent.com/devicons/devicon/master/icons/python/python-original.svg" alt="python" width="40" height="40"/> </a>
+            <a href="https://git-scm.com/" target="_blank" rel="noreferrer"> <img src="https://www.vectorlogo.zone/logos/git-scm/git-scm-icon.svg" alt="git" width="40" height="40"/> </a>
+            <a href="https://nodejs.org" target="_blank" rel="noreferrer"> <img src="https://raw.githubusercontent.com/devicons/devicon/master/icons/nodejs/nodejs-original-wordmark.svg" alt="nodejs" width="40" height="40"/> </a>
+            <a href="https://www.w3.org/html/" target="_blank" rel="noreferrer"> <img src="https://raw.githubusercontent.com/devicons/devicon/master/icons/html5/html5-original-wordmark.svg" alt="html5" width="40" height="40"/> </a>
+            <a href="https://www.w3schools.com/css/" target="_blank" rel="noreferrer"> <img src="https://raw.githubusercontent.com/devicons/devicon/master/icons/css3/css3-original-wordmark.svg" alt="css3" width="40" height="40"/> </a>
+            <a href="https://www.rust-lang.org" target="_blank" rel="noreferrer"> <img src="https://raw.githubusercontent.com/devicons/devicon/master/icons/rust/rust-original.svg" alt="rust" width="40" height="40"/>
+            <a href="https://www.gnu.org/software/bash/" target="_blank" rel="noreferrer"> <img src="https://www.vectorlogo.zone/logos/gnu_bash/gnu_bash-icon.svg" alt="bash" width="40" height="40"/> </a>
+            <a href="https://www.postgresql.org" target="_blank" rel="noreferrer"> <img src="https://raw.githubusercontent.com/devicons/devicon/master/icons/postgresql/postgresql-original-wordmark.svg" alt="postgresql" width="40" height="40"/> </a>
+            <a href="https://www.linux.org/" target="_blank" rel="noreferrer"> <img src="https://raw.githubusercontent.com/devicons/devicon/master/icons/linux/linux-original.svg" alt="linux" width="40" height="40"/> </a>
+            <a href="https://jekyllrb.com/" target="_blank" rel="noreferrer"> <img src="https://www.vectorlogo.zone/logos/jekyllrb/jekyllrb-icon.svg" alt="jekyll" width="40" height="40"/> </a>
+        </div>
+        <div class="y-axis">
+            <div class="y-axis">
+                <a href="http://165.232.116.130/it/" target="_blank"><h2>MKItalia</h2></a>
+                <p id="whatis_mkitalia"></p>
+            </div>
+            <div class="y-axis">
+                <a href="../gtav-interactive-map/" target="_blank"><h2>GTA Online Companion</h2></a>
+                <p id="whatis_gtaocompanion"></p>
+            </div>
+        </div>
     </div>
 </body>
 <script async defer src="./script.js"></script>

biography/script.js

@@ -10,4 +10,9 @@ function reloadLangs() {
         });
 }
 
-reloadLangs();
+reloadLangs();
+
+document.getElementById("bilingual_btn").addEventListener("click", function() {
+    currentLang === "en" ? currentLang = "it" : currentLang = "en";
+    reloadLangs();
+});

biography/style.css

@@ -2,4 +2,12 @@
     border-radius: 50%;
     aspect-ratio: 1/1;
     height: 150px;
+}
+
+body {
+    text-align: center;
+}
+
+hr {
+    width: 75vw;
 }