Added images

index.html

@@ -8,6 +8,7 @@
 	<meta name="author" content="Théo Thénault"/>
 	<meta name="description" content="Site web personnel"/>
 	<meta name="viewport" content="width=device-width, initial-scale=1.0">
+	<link rel="icon" type="image/x-icon" href="./favicon.ico">
 	<link rel="stylesheet" type="text/css" href="frontpage.css">
 
 </head>

portfolio/index.html

@@ -8,6 +8,7 @@
 	<meta name="author" content="Théo Thénault"/>
 	<meta name="description" content="Site web personnel"/>
 	<meta name="viewport" content="width=device-width, initial-scale=1.0">
+	<link rel="icon" type="image/x-icon" href="../favicon.ico">
 	<link rel="stylesheet" type="text/css" href="./portfolio.css">
 
 </head>
@@ -25,7 +26,7 @@
 
 			<div class="side-by-side">
 				<article>
-					<img src="./placeholder.png">
+					<img src="./img/cb.png">
 					<header>
 						Cosmic blaster
 						<a href="https://github.com/TheoThenault/CosmicBlaster" class="button"><b></b>  Github</a>
@@ -38,10 +39,10 @@
 				</article>
 
 				<article>
-					<img src="./placeholder.png">
+					<img src="./img/nicomine.png">
 					<header>
 						Nicomine
-						<!-- <a href="https://github.com/TheoThenault/CosmicBlaster" class="button"><b></b>  Github</a> -->
+						<!-- <a href="https://github.com/The17thDoctor/Nicomine/" class="button"><b></b>  Github</a> -->
 					</header>
 					<p>
 						Nicomine is a game 3 peers and I created for an association to prevent cigarette addiction in yong people.
@@ -54,7 +55,7 @@
 
 			<div class="side-by-side">
 				<article>
-					<img src="./placeholder.png">
+					<img src="./img/opengl.png">
 					<header>Experiments</header>
 					<p>I have experimented creating games with various technologies.
 						I started on my calculator in high-school and then did my first experiments with graphics on PC with <a href="https://qt.io">Qt</a>.
@@ -67,7 +68,7 @@
 
 			<div class="side-by-side">
 				<article>
-					<img src="./placeholder.png">
+					<img src="./img/ent.png">
 					<header>
 						University's schedule
 						<a href="https://github.com/TheoThenault/projet-ent-universitaire" class="button"><b></b>  Github</a>
@@ -79,7 +80,7 @@
 				</article>
 
 				<article>
-					<img src="./placeholder.png">
+					<img src="./img/site.png" class="small-border">
 					<header>
 						My website!
 						<a href="https://git.theothenault.fr/Theo/Site" class="button"><b></b>  Gitea</a>
@@ -95,7 +96,6 @@
 
 			<div class="side-by-side">
 			<article>
-				<img src="./placeholder.png">
 				<header>
 					Games & Apps
 				</header>
@@ -158,7 +158,7 @@
 
 				<div class="side-by-side">
 					<article>
-						<img src="./placeholder.png">
+						<img src="./img/dr2.0.png">
 						<header><a href="https://store.steampowered.com/app/690790/DiRT_Rally_20/">Dirt Rally 2.0</a></header>
 						<p>
 							Dirt Rally is a series of game centered around rallying. You can race cars from a great variety of eras.<br>
@@ -167,7 +167,7 @@
 					</article>
 
 					<article>
-						<img src="./placeholder.png">
+						<img src="./img/acc.png">
 						<header><a href="https://store.steampowered.com/app/805550/Assetto_Corsa_Competizione/">Assetto Corsa Competizione</a></header>
 						<p>
 							ACC is a simulator dedicated to GT-cars. You can think of Porsches and Aston Martins racing against each other.

portfolio/portfolio.css

@@ -6,6 +6,10 @@ img {
 	min-width: 256px;
 }
 
+img.small-border {
+	border: 1px solid var(--main-ft-color);
+}
+
 div.side-by-side {
 	display: flex;
 	flex: 1 1 0px;