️ Added alt attribute to <img> tags and fixed main title wrap

This commit is contained in:
Florian Sylvain
2022-02-06 23:58:37 +01:00
parent 26dddd0bd1
commit 7b023cb4a6
2 changed files with 7 additions and 6 deletions
+6 -6
View File
@@ -45,7 +45,7 @@
<div class="to-fade" id="about"> <div class="to-fade" id="about">
<h2>About</h2> <h2>About</h2>
<div class="block"> <div class="block">
<img loading="lazy" class="to-grow" src="assets/imgs/FlorianSylvain.webp"> <img loading="lazy" class="to-grow" src="assets/imgs/FlorianSylvain.webp" alt="Florian Sylvain">
<p> <p>
IT student at Gustave Eiffel University and R&D Developer Apprentice at WATT Earth, I've always been passionate about computer science. Web design, video games, and algorithms are my main spearhead in computer science. IT student at Gustave Eiffel University and R&D Developer Apprentice at WATT Earth, I've always been passionate about computer science. Web design, video games, and algorithms are my main spearhead in computer science.
</p> </p>
@@ -145,7 +145,7 @@
<!-- ---------- Articles contents ---------- --> <!-- ---------- Articles contents ---------- -->
<div id="pong2D" class="article-content "> <div id="pong2D" class="article-content ">
<img loading="lazy" src="assets/imgs/Pong2D-video.webp"> <img loading="lazy" src="assets/imgs/Pong2D-video.webp" alt="Pong2D">
<h3>Pong2D</h3> <h3>Pong2D</h3>
<p> <p>
My first project in Python (with Pygame). It's a simple pong, with a main menu, a pause menu and a game over. My first project in Python (with Pygame). It's a simple pong, with a main menu, a pause menu and a game over.
@@ -157,7 +157,7 @@
</div> </div>
<div id="pong3D" class="article-content"> <div id="pong3D" class="article-content">
<img loading="lazy" src="assets/imgs/Pong3D-video.webp"> <img loading="lazy" src="assets/imgs/Pong3D-video.webp" alt="Pong3D">
<h3>Pong3D</h3> <h3>Pong3D</h3>
<p> <p>
My very first project on Unity. It's a simple pong with some effects and a rather calm atmosphere. My very first project on Unity. It's a simple pong with some effects and a rather calm atmosphere.
@@ -172,7 +172,7 @@
</div> </div>
<div id="risitasBot" class="article-content"> <div id="risitasBot" class="article-content">
<img loading="lazy" src="assets/imgs/RisitasBot-video.webp"> <img loading="lazy" src="assets/imgs/RisitasBot-video.webp" alt="Risitas_Bot">
<h3>Risitas Bot</h3> <h3>Risitas Bot</h3>
<p> <p>
Risitas_Bot is a Discord bot that can connect your Twitch chat to a Discord channel in real time, make your friends laugh by playing the meme "Issou!" on command in a voice channel and even give you some statistics about your Osu! account and last ranked games. Risitas_Bot is a Discord bot that can connect your Twitch chat to a Discord channel in real time, make your friends laugh by playing the meme "Issou!" on command in a voice channel and even give you some statistics about your Osu! account and last ranked games.
@@ -184,7 +184,7 @@
</div> </div>
<div id="riverwood" class="article-content"> <div id="riverwood" class="article-content">
<img loading="lazy" src="assets/imgs/Riverwood-video.webp"> <img loading="lazy" src="assets/imgs/Riverwood-video.webp" alt="Riverwood">
<h3>Riverwood</h3> <h3>Riverwood</h3>
<p> <p>
Work of students of DUT info 1 (IUT of Marne-la-Vallée). The students had to create a sound production inspired by the short film "Calls" by Timothée Hochet. Work of students of DUT info 1 (IUT of Marne-la-Vallée). The students had to create a sound production inspired by the short film "Calls" by Timothée Hochet.
@@ -196,7 +196,7 @@
</div> </div>
<div id="thesesFr" class="article-content"> <div id="thesesFr" class="article-content">
<img loading="lazy" src="assets/imgs/ThesesFr-video.webp"> <img loading="lazy" src="assets/imgs/ThesesFr-video.webp" alt="theses.fr">
<h3>thèses.fr</h3> <h3>thèses.fr</h3>
<p> <p>
The goal was to retrieve the dataset provided by theses.fr, to normalize it, and to create a site allowing to consult these data, first in the form of a simple but visually pleasant list, then in a second time to summarize the research in the form of graphics (and a map). The goal was to retrieve the dataset provided by theses.fr, to normalize it, and to create a site allowing to consult these data, first in the form of a simple but visually pleasant list, then in a second time to summarize the research in the form of graphics (and a map).
+1
View File
@@ -231,6 +231,7 @@ a {
} }
.main-title h1 { .main-title h1 {
white-space: nowrap;
cursor: pointer; cursor: pointer;
transition: text-shadow 200ms, transform 200ms; transition: text-shadow 200ms, transform 200ms;
} }