feat: implement translation

* [deps] add i18n and  i18n-react
* delete AboutIntro
* update content
* fix footer to bottom (using calc and 100vh)
* fix forgotten text color in projects with white theme
* align social icons to navbar padding
* add translation files (locales/)

package.json

@@ -11,10 +11,14 @@
     "axios": "^0.26.1",
     "bootstrap": "^5.1.3",
     "gh-pages": "^3.2.3",
+    "i18next": "^22.4.9",
+    "i18next-browser-languagedetector": "^7.0.1",
+    "i18next-http-backend": "^2.1.1",
     "react": "^17.0.2",
     "react-bootstrap": "^2.2.1",
     "react-dom": "^17.0.2",
     "react-github-calendar": "^3.2.2",
+    "react-i18next": "^12.1.5",
     "react-icons": "^4.3.1",
     "react-parallax-tilt": "^1.7.42",
     "react-pdf": "^5.7.1",

public/locales/EN/translation.json

@@ -0,0 +1,34 @@
+{
+    "Projects": "Projects",
+    "Home": "Home",
+    "About": "About",
+    "Greeting": "Hi There!",
+    "Im": "I'm",
+    "Typer1": "Machine Learning Engineer",
+    "Typer2": "Open-source contributor",
+    "Typer3": "Passionate about Science and Engineering",
+    "AboutHeader": "About",
+    "Me": "Me",
+    "MLE": "a passionate Machine Learning Engineer",
+    "IWorkAt": "working at",
+    "Company": "Amadeus",
+    "CompanyLocation": "in Nice, France",
+    "IHoldDegree1": "I hold a double Master of Science in",
+    "School1": "from Politecnico di Torino",
+    "And": "and",
+    "School2": "from EURECOM",
+    "Interests": "My professional interests include:",
+    "Languages": "Languages",
+    "Frameworks": "Frameworks",
+    "IUse": "I use",
+    "Tools": "Tools",
+    "ProjHeader": "My Recent",
+    "Works": "Works",
+    "View": "View Project",
+    "ProjSubtitle": "Here are a few projects I've worked on recently",
+    "Proj1": "Rust implementation of the diffusers API, equivalent to huggingface's diffusers. Based on the tch-rs crate, the implementation is complete enough so as to be able to run Stable Diffusion v1.5 and v2.1. Main open-source contributor.",
+    "Proj2": "High-performance header-only C++20 library for bayesian inference on discrete bayesian networks, supporting both CPU and GPU implementations (Cuda and OpenCL) of inference algorithms and copy-on-write (CoW) memory optimizations.",
+    "Proj3": "Python toolkit for quantum machine learning, developed on top of Qiskit, offers well-known supervised and unsupervised machine learning implementations for a gated quantum computer. Winner of a University award for best project.",
+    "Proj4": "Personal website portfolio for professional usage. Built with React, NodeJS and ❤️. Highly customizable and easy to use.",
+    "ThisWebsite": "This website"
+}

public/locales/IT/translation.json

@@ -0,0 +1,34 @@
+{
+    "Projects": "Progetti",
+    "Home": "Home",
+    "About": "Su di Me",
+    "Greeting": "Ciao!",
+    "Im": "Mi chiamo",
+    "Typer1": "Machine Learning Engineer",
+    "Typer2": "Open-source contributor",
+    "Typer3": "Appassionato di Scienza ed ingegneria",
+    "AboutHeader": "Su di",
+    "Me": "Me",
+    "MLE": "un appassionato Machine Learning Engineer",
+    "IWorkAt": "che lavora per",
+    "Company": "Amadeus",
+    "CompanyLocation": "a Nizza, Francia",
+    "IHoldDegree1": "Ho una doppia laurea magistrale in",
+    "School1": "conseguita al Politecnico di Torino",
+    "And": "e",
+    "School2": "ad EURECOM",
+    "Interests": "I miei interessi professionali comprendono:",
+    "Languages": "Linguaggi",
+    "Frameworks": "Framework",
+    "IUse": "che uso",
+    "Tools": "Tools",
+    "ProjHeader": "Alcuni",
+    "Works": "Progetti",
+    "View": "Vedi Progetto",
+    "ProjSubtitle": "Alcuni progetti a cui ho lavorato recentemente",
+    "Proj1": "Implementazione in Rust dell'API dei diffusers, equivalente alla versione in python di huggingface. Basata su tch-rs, quest'implementazione consente di utilizzare Stable Diffusion v1.5 e v2.1. Io sono il principale Open-source contributor.",
+    "Proj2": "Libreria di inferenza bayesiana per reti bayesiane discrete scritta in C++20. Supporta implementazioni in CPU e GPU (Cuda e OpenCL) dei principali algoritmi di inferenza e del copy-on-write (CoW) per ottimizzare l'occupazione di memoria dei grafi.",
+    "Proj3": "Python toolkit di quantum machine learning, basato su Qiskit, questo progetto implementa alcuni algoritmi di machine e deep learning per un computer quantistico. Questo progetto è risultato vincitore di un premio come miglior progetto ad EURECOM.",
+    "Proj4": "Portfolio personale per uso professionale. Scritto in React, NodeJS e ❤️. Facile da utilizzare ed adattare per le proprie esigenze.",
+    "ThisWebsite": "Questo sito"
+}

src/App.css

@@ -1,5 +1,7 @@
 .App {
   text-align: center;
+  /* margin-bottom: 70px; */
+  min-height: calc(100vh - 60px)!important;
 }
 
 .App-logo {

src/App.js

@@ -30,6 +30,7 @@ function App() {
     return () => clearTimeout(timer);
   }, []);
 
+
   return (
     <Router basename={process.env.PUBLIC_URL}>
       <Preloader load={load} />
@@ -43,8 +44,8 @@ function App() {
           {/* <Route path="/resume" element={<Resume />} /> */}
           <Route path="*" element={<Navigate to="/"/>} />
         </Routes>
-        <Footer />
       </div>
+      <Footer />
     </Router>
   );
 }