Old changes I forgot to commit

src/components/Infos.tsx

@@ -11,8 +11,8 @@ function Infos() {
 		<div className="hidden md:inline-block text-white static m-auto md:bg-gradient-to-r from-sky-600 to-indigo-600
     border-solid border-white md:border-l-3 h-screen md:fixed md:right-0 md:overflow-y-auto">
       <Lastfm/>
-      <Speedruncom/>
       <Git/>
+      <Speedruncom/>
       <Hackthebox/>
       <Anilist/>
       <Osu/>

src/components/tabs/About.tsx

@@ -14,32 +14,60 @@ function About({
 		name: {
 			en: "about",
 			fr: "à propos"
+		},
+		one: {
+			en: <p>o/ <b>I'm Taevas</b> (rough IPA: /taɛvæs/) and I am a young person from <b>Brittany</b> who is heavily invested in everything networking-related, 
+					such as but not limited to <b>web development, cybersecurity, and cryptography.</b></p>,
+			fr: <p>o/ <b>Je suis Taevas</b> (IPA approximatif: /taɛvæs/) et je suis une jeune personne de <b>Bretagne</b> qui s'investit beaucoup dans tout ce qui
+					touche aux réseaux, comme par exemple le <b>développement web, la cybersécurité et la cryptographie.</b></p>
+		},
+		two: {
+			en: <p>I am also somewhat skilled in more common stuff, such as <b>spreadsheeting, video-editing, and even specific video games</b>, so far as to 
+					speedrun them or to play them competitively!</p>,
+			fr: <p>J'ai aussi quelques compétences dans des trucs plus commun, tels que pour <b>les tableurs, le montage vidéo, et même certains jeux vidéos</b>,
+					jusqu'à même les "speedrun" ou les jouer de façon compétitive !</p>
+		},
+		three: {
+			en: <p>In the recent past, I have organized, helped with organizing, and played in many tournaments on osu!, a popular rhythm game.</p>,
+			fr: <p>Jusqu'à récemment, j'ai organisé, aidé avec l'organisation, et joué dans beaucoup de tournois sur osu!, un jeu de rhythme plutôt connu.</p>
+		},
+		four: {
+			en: <p>I really like Japanese media! Often if not always, I'll choose to have a drawing of <b>Lain Iwakura from Serial Experiments Lain</b>, a piece of media I
+					deeply enjoy, as my profile picture on the various websites I have an account on.</p>,
+			fr: <p>J'aime beaucoup les médias du Japon ! Souvent, si ce n'est toujours, j'ai un dessin de <b>Lain Iwakura de Serial Experiments Lain</b>, un anime qui
+					m'est cher, en tant qu'image de profil sur les sites web où j'ai un compte.</p>
+		},
+		five: {
+			en: <p>If you're on a large screen, you can find out <b>my latest activities on the web on the right side of the screen on this website</b>, including a tracker
+					for the music I listen to and the animes I watch. I haven't found a cool tracker for western media yet, let me know if you know any!</p>,
+			fr: <p>Si vous êtes sur un écran large, vous pouvez voir <b>mes dernières activiés sur Internet à droite de l'écran sur ce site</b>, tel qu'un traqueur pour
+					la musique que j'écoute et les animes que je regarde. J'ai pas encore trouvé de bon traqueur pour les médias style séries TV ou films, faites-moi savoir
+					si vous en connaissez un !</p>
+		},
+		six: {
+			en: <p>If you have any question you would like to ask me, don't hesitate to contact me!</p>,
+			fr: <p>Si vous avez une question que vous aimeriez me demander, n'hésitez pas à me contacter !</p>
 		}
 	}
 	let elements = [(
 		<div className="m-4 text-white">
 			<div className="ml-auto max-w-3xl text-center">
 				<img className="m-4 float-right h-32" src="/brittany.jpg" alt="Flag of Brittany"/>
-				<p>o/ <b>I'm Taevas</b> (rough IPA: /taɛvæs/) and I am a young person from <b>Brittany</b> who is heavily invested in everything networking-related, 
+				{s.one[lang]}
-					such as but not limited to <b>web development, cybersecurity, and cryptography.</b></p>
-					<br/>
-				<p>I am also somewhat skilled in more common stuff, such as <b>spreadsheeting, video-editing, and even specific video games</b>, so far as to 
-					speedrun them or to play them competitively!
-				</p>
 				<br/>
-				<p>In the recent past, I have organized, helped with organizing, and played in many tournaments on osu!, a popular rhythm game.</p>
+				{s.two[lang]}
+				<br/>
+				{s.three[lang]}
 			</div>
 			<div className="mr-auto mt-4 max-w-3xl text-center">
 				<a href="https://www.pixiv.net/en/artworks/85330094" target="_blank">
 					<img className="m-4 float-left h-32 w-32" src="/lain.png" alt="Picture of Lain"/>
 				</a>
-				<p>I really like Japanese media! Often if not always, I'll choose to have a drawing of <b>Lain Iwakura from Serial Experiments Lain</b>, a piece of media I
+				{s.four[lang]}
-					deeply enjoy, as my profile picture on the various websites I have an account on.</p>
 				<br/>
-				<p>If you're on a large screen, you can find out <b>my latest activities on the web on the right side of the screen on this website</b>, including a tracker for
+				{s.five[lang]}
-					the music I listen to and the animes I watch. I haven't found a cool tracker for western media yet, let me know if you know any!</p>
 				<br/>
-				<p>If you have any question you would like to ask me, don't hesitate to contact me!</p>
+				{s.six[lang]}
 			</div>
     </div>
 	)]

src/components/tabs/Support.tsx

@@ -14,12 +14,29 @@ function Support({
 		name: {
 			en: "support",
 			fr: "soutenir"
+		},
+		thanks: {
+			en: "Thanks for even considering supporting me!",
+			fr: "Déjà, merci d'envisager de me soutenir !"
+		},
+		need: {
+			en: "Monthly, I would basically only need $3 from 2 people to keep doing what I like without losing much money!",
+			fr: "En gros, je n'aurais besoin que de $3 de 2 personnes par mois pour que je puisse continuer de faire ce que j'aime sans perdre top d'argent !"
+		},
+		where: {
+			en: "Only if you want and if you can, you may support me through my Ko-fi page:",
+			fr: "Seulement si vous le souhaitez et si vous le pouvez, alors vous pouvez me soutenir sur ma page Ko-fi :"
 		}
 	}
 	let elements = [(
-		<div>
+		<div className="m-4 pb-2 text-white">
-      <h3>Lorem Ipsum</h3>
+      <p><b>{s.thanks[lang]}</b></p>
-      <p>Wow! Support!</p>
+			<br/>
+			<p>{s.need[lang]}</p>
+			<p>{s.where[lang]}</p>
+			<a href='https://ko-fi.com/V7V4J78L0' target='_blank'>
+				<img className="h-12 mx-auto my-2" src='https://storage.ko-fi.com/cdn/kofi3.png?v=3' alt='Support me on Ko-fi!' />
+			</a>
     </div>
 	)]
 	return (