hms/web
1
0
Fork 0
Code Activity Actions

feat: both english and french versions

Browse source
This commit is contained in:
Henri Saudubray 2025-10-20 10:50:54 +02:00
parent 1703b80353
commit 770c75593e
Signed by: hms
GPG key ID: 7065F57ED8856128
10 changed files with 743 additions and 341 deletions
Download patch file Download diff file Expand all files Collapse all files

48
fish.en.html Normal file
View file

@ -0,0 +1,48 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<link rel="stylesheet" type="text/css" href="./css/base.css?version=3">
<link rel="stylesheet" type="text/css" href="./css/imgs.css?version=3">
<title>FISH</title>
<meta name="description" content="The fish">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
</head>
<body>
<div id="pride-banner">
<div class="color yellow"></div>
<div class="color white"></div>
<div class="color purple"></div>
<div class="color black"></div>
</div>
<header>THE FISH &gt;&lt;&gt;</header>
<main>
<div>
<img src="./img/fish/bands.avif" alt="Picture of a drawn fish">
</div>
<div>
<img src="./img/fish/bubbles.avif" alt="Picture of a drawn fish">
</div>
<div>
<img src="./img/fish/spike.avif" alt="Picture of a drawn fish">
</div>
<div>
<img src="./img/fish/squid.avif" alt="Picture of a drawn fish">
</div>
<div>
<img src="./img/fish/sus.avif" alt="Picture of a drawn fish">
</div>
<div>
<img src="./img/fish/thin.avif" alt="Picture of a drawn fish">
</div>
<div>
<img src="./img/fish/whale.avif" alt="Picture of a drawn fish">
</div>
</main>
<footer>
<a href="./fish.html">Lire cette page en français</a>
<br/>
<a href="./index.en.html">GO BACK</a>
</footer>
</body>
</html>

26
fish.html
View file

@ -1,11 +1,11 @@
<!DOCTYPE html>
<html lang="en">
<html lang="fr">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<link rel="stylesheet" type="text/css" href="./css/base.css?version=3">
<link rel="stylesheet" type="text/css" href="./css/imgs.css?version=3">
<title>FISH</title>
<meta name="description" content="The fish">
<title>POISSONS</title>
<meta name="description" content="Les poissons">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
</head>
<body>
@ -15,32 +15,34 @@
<div class="color purple"></div>
<div class="color black"></div>
</div>
<header>THE FISH &gt;&lt;&gt;</header>
<header>LES POISSONS &gt;&lt;&gt;</header>
<main>
<div>
<img src="./img/fish/bands.avif" alt="Picture of a drawn fish">
<img src="./img/fish/bands.avif" alt="Image d'un dessin de poisson">
</div>
<div>
<img src="./img/fish/bubbles.avif" alt="Picture of a drawn fish">
<img src="./img/fish/bubbles.avif" alt="Image d'un dessin de poisson">
</div>
<div>
<img src="./img/fish/spike.avif" alt="Picture of a drawn fish">
<img src="./img/fish/spike.avif" alt="Image d'un dessin de poisson">
</div>
<div>
<img src="./img/fish/squid.avif" alt="Picture of a drawn fish">
<img src="./img/fish/squid.avif" alt="Image d'un dessin de poisson">
</div>
<div>
<img src="./img/fish/sus.avif" alt="Picture of a drawn fish">
<img src="./img/fish/sus.avif" alt="Image d'un dessin de poisson">
</div>
<div>
<img src="./img/fish/thin.avif" alt="Picture of a drawn fish">
<img src="./img/fish/thin.avif" alt="Image d'un dessin de poisson">
</div>
<div>
<img src="./img/fish/whale.avif" alt="Picture of a drawn fish">
<img src="./img/fish/whale.avif" alt="Image d'un dessin de poisson">
</div>
</main>
<footer>
<a href="./index.html">GO BACK</a>
<a href="./fish.en.html">Read this page in english</a>
<br/>
<a href="./index.html">RETOUR</a>
</footer>
</body>
</html>

49
index.en.html Normal file
View file

@ -0,0 +1,49 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<link rel="stylesheet" type="text/css" href="./css/base.css?version=3">
<link rel="stylesheet" type="text/css" href="./css/index.css?version=3">
<title>Henri Saudubray</title>
<meta name="description" content="Henri Saudubray's personal website">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="keywords" content="Henri Saudubray, Saudubray, PhD, computer science, informatique, doctorat, formal methods, méthodes formelles">
</head>
<body>
<div id="pride-banner">
<div class="color yellow"></div>
<div class="color white"></div>
<div class="color purple"></div>
<div class="color black"></div>
</div>
<header>HELLO THERE :)</header>
<main>
<div class="section">
Serious stuff
<ul>
<li>[<a href="./man.en.html">man</a>]: the man page</li>
<li>[<a href="./teaching.en.html">tea</a>]: the teaching</li>
</ul>
</div>
<div class="section">
Not serious stuff
<ul>
<li>[<a href="./fish.en.html">fsh</a>]: the fish</li>
<li>[<a href="./tiles.en.html">tls</a>]: the tiles</li>
<li>[<a href="./links.en.html">lnk</a>]: the links</li>
</ul>
</div>
<div class="section">
<a href="./index.html">Lire cette page en français</a>
</div>
<div class="section">
<span><a href="https://danael_carbonneau.codeberg.page">&larr;</a></span>
<span>&#127849; Webring of delights &#127849;</span>
<span><a href="https://eloicampagne.fr">&rarr;</a></span>
</div>
</main>
<footer>
<span class="copyleft">&copy;</span> Henri Saudubray.
</footer>
</body>
</html>

22
index.html
View file

@ -1,11 +1,11 @@
<!DOCTYPE html>
<html lang="en">
<html lang="fr">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<link rel="stylesheet" type="text/css" href="./css/base.css?version=3">
<link rel="stylesheet" type="text/css" href="./css/index.css?version=3">
<title>Henri Saudubray</title>
<meta name="description" content="Henri Saudubray's personal website">
<meta name="description" content="Site personnel d'Henri Saudubray">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="keywords" content="Henri Saudubray, Saudubray, PhD, computer science, informatique, doctorat, formal methods, méthodes formelles">
</head>
@ -16,22 +16,26 @@
<div class="color purple"></div>
<div class="color black"></div>
</div>
<header>HELLO THERE :)</header>
<header>BONJOUR :)</header>
<main>
<div class="section">
Serious stuff
Choses sérieuses
<ul>
<li>[<a href="./man.html">man</a>]: the man page</li>
<li>[<a href="./man.html">man</a>]: le manuel</li>
<li>[<a href="./teaching.html">tea</a>]: les enseignements</li>
</ul>
</div>
<div class="section">
Not serious stuff
Choses pas sérieuses
<ul>
<li>[<a href="./fish.html">fsh</a>]: the fish</li>
<li>[<a href="./tiles.html">tls</a>]: the tiles</li>
<li>[<a href="./links.html">lnk</a>]: the links</li>
<li>[<a href="./fish.html">fsh</a>]: les poissons</li>
<li>[<a href="./tiles.html">tls</a>]: les carrelages</li>
<li>[<a href="./links.html">lnk</a>]: les liens</li>
</ul>
</div>
<div class="section">
<a href="./index.en.html">Read this page in english</a>
</div>
<div class="section">
<span><a href="https://danael_carbonneau.codeberg.page">&larr;</a></span>
<span>&#127849; Webring des délices &#127849;</span>

90
links.en.html Normal file
View file

@ -0,0 +1,90 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<link rel="stylesheet" type="text/css" href="./css/base.css?version=3">
<link rel="stylesheet" type="text/css" href="./css/links.css?version=3">
<title>LINKS</title>
<meta name="description" content="The links">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
</head>
<body>
<div id="pride-banner">
<div class="color yellow"></div>
<div class="color white"></div>
<div class="color purple"></div>
<div class="color black"></div>
</div>
<header>THE LINKS</header>
<main>
<ul>
<li>
<a href="https://www.ccelian.com/" target="_blank">
ccelian.com
</a>
</li>
<li>
<a href="https://www.chatons.org/" target="_blank">
chatons.org
</a>
</li>
<li>
<a href="https://www.chiark.greenend.org.uk/~sgtatham/puzzles/"
target="_blank">
chiark.greenend.org.uk/~sgtatham/puzzles
</a>
</li>
<li>
<a href="https://counterexamples.org" target="_blank">
counterexamples.org
</a>
</li>
<li>
<a href="https://deuxfleurs.fr" target="_blank">
deuxfleurs.fr
</a>
</li>
<li>
<a href="https://everynoise.com" target="_blank">
everynoise.com
</a>
</li>
<li>
<a href="https://learngitbranching.js.org" target="_blank">
learngitbranching.js.org
</a>
</li>
<li>
<a href="https://neography.info" target="_blank">
neography.info
</a>
</li>
<li>
<a href="https://omniglot.com" target="_blank">
omniglot.com
</a>
</li>
<li>
<a href="https://solar.lowtechmagazine.com" target="_blank">
solar.lowtechmagazine.com
</a>
</li>
<li>
<a href="https://www.tecendil.com" target="_blank">
tecendil.com
</a>
</li>
<li>
<a href="https://xxiivv.com" target="_blank">
xxiivv.com
</a>
</li>
</ul>
</main>
<footer>
<a href="./links.html">Lire cette page en français</a>
<br/>
<a href="./index.en.html">GO BACK</a>
</footer>
</body>
</html>

12
links.html
View file

@ -1,11 +1,11 @@
<!DOCTYPE html>
<html lang="en">
<html lang="fr">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<link rel="stylesheet" type="text/css" href="./css/base.css?version=3">
<link rel="stylesheet" type="text/css" href="./css/links.css?version=3">
<title>LINKS</title>
<meta name="description" content="The links">
<title>LIENS</title>
<meta name="description" content="Les liens">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
</head>
<body>
@ -15,7 +15,7 @@
<div class="color purple"></div>
<div class="color black"></div>
</div>
<header>THE LINKS</header>
<header>LES LIENS</header>
<main>
<ul>
<li>
@ -82,7 +82,9 @@
</ul>
</main>
<footer>
<a href="./index.html">GO BACK</a>
<a href="./links.en.html">Read this page in english</a>
<br/>
<a href="./index.html">RETOUR</a>
</footer>
</body>
</html>

245
man.en.html Normal file
View file

@ -0,0 +1,245 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<link rel="stylesheet" type="text/css" href="./css/base.css?version=3">
<link rel="stylesheet" type="text/css" href="./css/man.css?version=3">
<title>Henri Saudubray</title>
<meta name="description" content="Computer Science Student">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
</head>
<body>
<div id="pride-banner">
<div class="color yellow"></div>
<div class="color white"></div>
<div class="color purple"></div>
<div class="color black"></div>
</div>
<header>
<span>HENRI(1)</span>
<span>User information</span>
<span>HENRI(1)</span>
</header>
<main>
<div class="section" id="name">
<div class="section-title">Name</div>
<div class="content">
Henri Saudubray - PhD student
</div>
</div>
<div class="section" id="synopsis">
<div class="section-title">Synopsis</div>
<div class="content">
I am a PhD student at Laboratoire M&#xE9;thodes Formelles (LMF) at
Universit&#xE9; Paris-Saclay, focusing on formal logic, proof
assistants, and programming languages.
</div>
</div>
<div class="publications" id="publications">
<div class="section-title">Publications</div>
<ul class="content">
<li>
<div class="title">
<a href="./pdf/articles/jfla-2025.pdf">
/pdf/articles/jfla-2025.pdf</a>
</div>
<div class="description">
"Faire chauffer Why3 avec de l'induction".
<br>
Describes the addition of a new construct to the WhyML language
allowing for case analysis on inductive predicate instances.
<br>
Written with <a href="https://usr.lmf.cnrs.fr/~jcf/index.fr.html">
Jean-Christophe Filliâtre</a>
and <a href="http://www.tertium.org/">Andrei Paskevich</a>.
</div>
</li>
</ul>
</div>
<div class="section" id="experience">
<div class="section-title">Experience</div>
<ul class="content">
<li>
<div class="title">
<a href="https://lmf.cnrs.fr">
Laboratoire M&#xE9;thodes Formelles,
Universit&#xE9; Paris-Saclay</a>
- Since October 2025
</div>
<div class="description">
PhD, with <a href="https://usr.lmf.cnrs.fr/~jcf/index.fr.html">
Jean-Christophe Filliâtre</a>
and <a href="http://www.tertium.org/">Andrei Paskevich</a>.
Working on the design and unification of programming,
specification and proof languages in the context of deductive
program verification, in the
<a href="https://www.why3.org">Why3</a> platform.
</li>
<li>
<div class="title">
<a href="https://parkas.di.ens.fr">
INRIA, PARKAS Team</a>
- March to August 2025
</div>
<div class="description">
M2 Internship, with <a href="https://www.di.ens.fr/~pouzet/">
Marc Pouzet</a>. Worked on reproducibility and transparency of
assertions in the synchronous hybrid language
<a href="https://zelus.di.ens.fr">Z&#xE9;lus</a>.
Designed and implemented a
<a href="https://codeberg.org/17maiga/hsim">
formal executable semantics</a> for a multi-solver language
runtime.
</div>
</li>
<li>
<div class="title">
<a href="https://lmf.cnrs.fr">
Laboratoire M&#xE9;thodes Formelles, CNRS</a>
- March to July 2024
</div>
<div class="description">
M1 Internship, with
<a href="https://usr.lmf.cnrs.fr/~jcf/index.fr.html">
Jean-Christophe Filliâtre</a>
and <a href="http://www.tertium.org">Andrei Paskevich</a>.
Added support for case analysis and proofs by
induction on inductive predicates in the
<a href="https://www.why3.org">Why3</a> platform.
Translated a <a href="https://codeberg.org/17maiga/lambda">
Coq proof to Why3</a> as a test.
</div>
</li>
<li>
<div class="title">
<a href="https://skapane.ai">Skap&#xE1;n&#xEA;</a>
- September 2022 to August 2023
</div>
<div class="description">
L3 Traineeship. Back-end development on containerized
infrastructure in Python. Web app design with React.js, Flask and
Docker.
</div>
</li>
<li>
<div class="title">
<a href="https://www.icdc.caissedesdepots.fr">Informatique CDC</a>
- May to August 2022
</div>
<div class="description">
L2 Internship. Development of an automated end-to-end testing tool
and ISO 20022 file format converter for CDC's banking
infrastructure in Java.
</div>
</li>
<li>
<div class="title">Ac'Lab - August 2021 - May 2022</div>
<div class="description">
Association. Vice-Treasurer and Teaching Lead.
</div>
</li>
<li>
<div class="title">
<a href="https://www.fnacdarty.com">Fnac Darty</a>
- May to August 2021
</div>
<div class="description">
L1 Internship. Work on customer insight and customer journey.
Deployment of an in-house iOS application.
</div>
</ul>
</div>
<div class="section" id="education">
<div class="section-title">Education</div>
<ul class="content">
<li>
<div class="title">
<a href="https://ens-paris-saclay.fr">
ENS Paris-Saclay</a>
- September 2024 - March 2025
</div>
<div class="description">
Master Parisien de Recherche en Informatique (MPRI)
</div>
</li>
<li>
<div class="title">
<a href="https://www.sciences.universite-paris-saclay.fr">
Facult&#xE9; des Sciences - Universit&#xE9; Paris-Saclay</a>
- September 2023 - March 2024
</div>
<div class="description">
Master Parisien de Recherche en Informatique (MPRI)
</div>
</li>
<li>
<div class="title">
<a href="https://www.fges.fr"
>FGES - Universit&#xE9; Catholique de Lille</a>
- September 2020 to May 2023
</div>
<div class="description">
Licence Sciences du Num&#xE9;rique (SDN)
</div>
</li>
</ul>
</div>
<div class="section" id="files">
<div class="section-title">Files</div>
<ul class="content">
<li>
<div class="title">
<a href="./pdf/cv.pdf">/pdf/cv.pdf</a>
</div>
<div class="description">Curriculum Vitae.</div>
</li>
<li>
<div class="title">
<a href="./pdf/m1_report.pdf">/pdf/m1_report.pdf</a>
</div>
<div class="description">Report for M1 Internship.</div>
</li>
<li>
<div class="title">
<a href="./pdf/m2_report.pdf">/pdf/m2_report.pdf</a>
</div>
<div class="description">Report for M2 Internship.</div>
</li>
</ul>
</div>
<div class="section" id="see_also">
<div class="section-title">See Also</div>
<ul class="content">
<li>
<div class="title">
<a href="mailto:hms@lmf.cnrs.fr"
>hms[at]lmf[dot]cnrs[dot]fr</a>
</div>
<div class="description">Email address.</div>
</li>
<li>
<div class="title">
<a href="https://codeberg.org/17maiga">codeberg.org/17maiga</a>
</div>
<div class="description">Git forge.</div>
</li>
<li>
<div class="title">
<a href="https://linkedin.com/in/henri-saudubray"
>linkedin.com/in/henri-saudubray</a>
</div>
<div class="description">LinkedIn.</div>
</li>
</ul>
</div>
<div class="section" id="utils">
<a href="./man.html">Lire cette page en français</a>
</div>
</main>
<footer>
<span>1.5.1</span>
<span>2025-10-20&nbsp;</span>
<span>HENRI(1)</span>
</footer>
</body>
</html>

163
man.html
View file

@ -1,11 +1,11 @@
<!DOCTYPE html>
<html lang="en">
<html lang="fr">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<link rel="stylesheet" type="text/css" href="./css/base.css?version=3">
<link rel="stylesheet" type="text/css" href="./css/man.css?version=3">
<title>Henri Saudubray</title>
<meta name="description" content="Computer Science Student">
<meta name="description" content="Doctorant en m&#xE9;thodes formelles">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
</head>
<body>
@ -17,22 +17,24 @@
</div>
<header>
<span>HENRI(1)</span>
<span>User information</span>
<span>Informations utilisateur</span>
<span>HENRI(1)</span>
</header>
<main>
<div class="section" id="name">
<div class="section-title">Name</div>
<div class="section-title">Nom</div>
<div class="content">
Henri Saudubray - PhD student
Henri Saudubray - Doctorant en M&#xE9;thodes Formelles
</div>
</div>
<div class="section" id="synopsis">
<div class="section-title">Synopsis</div>
<div class="content">
I am a PhD student at Laboratoire M&#xE9;thodes Formelles (LMF) at
Universit&#xE9; Paris Saclay, focusing on formal logic, proof
assistants, and programming languages.
Je suis doctorant au Laboratoire M&#xE9;thodes Formelles
(LMF) de l'Universit&#xE9; Paris-Saclay. Je m'int&#xE9;resse
&#xE0; l'&#xE9;tude des langages de programmation, &#xE0; la
v&#xE9;rification d&#xE9;ductive, aux assistants de preuve, et &#xE0;
la logique formelle.
</div>
</div>
<div class="publications" id="publications">
@ -46,117 +48,127 @@
<div class="description">
"Faire chauffer Why3 avec de l'induction".
<br>
Describes the addition of a new construct to the WhyML language
allowing for case analysis on inductive predicate instances.
D&#xE9;crit l'ajout d'une nouvelle construction au langage WhyML
permettant le filtrage sur les instances de pr&#xE9;dicats
inductifs.
<br>
Written with <a href="https://usr.lmf.cnrs.fr/~jcf/index.fr.html">
Jean-Christophe Filliâtre</a>
and <a href="http://www.tertium.org/">Andrei Paskevich</a>.
&#xE9;crit avec
<a href="https://usr.lmf.cnrs.fr/~jcf/index.fr.html">
Jean-Christophe Filli&#xE2;tre</a>
et <a href="http://www.tertium.org/">Andrei Paskevich</a>.
</div>
</li>
</ul>
</div>
<div class="section" id="experience">
<div class="section-title">Experience</div>
<div class="section-title">Exp&#xE9;rience</div>
<ul class="content">
<li>
<div class="title">
<a href="https://lmf.cnrs.fr">
Laboratoire M&#xE9;thodes Formelles,
Universit&#xE9; Paris-Saclay</a>
- Since October 2025
- Depuis octobre 2025
</div>
<div class="description">
PhD, with <a href="https://usr.lmf.cnrs.fr/~jcf/index.fr.html">
Jean-Christophe Filliâtre</a>
and <a href="http://www.tertium.org/">Andrei Paskevich</a>.
Working on the design and unification of programming,
specification and proof languages in the context of deductive
program verification, in the
<a href="https://www.why3.org">Why3</a> platform.
Doctorat, encadr&#xE9; par
<a href="https://usr.lmf.cnrs.fr/~jcf/index.fr.html">
Jean-Christophe Filli&#xE2;tre</a>
et <a href="http://www.tertium.org/">Andrei Paskevich</a>.
Conception et unification des langages de programmation,
sp&#xE9;cification et preuve dans le contexte de la
v&#xE9;rification d&#xE9;ductive de programmes, au sein de l'outil
<a href="https://www.why3.org">Why3</a>.
</div>
</li>
<li>
<div class="title">
<a href="https://parkas.di.ens.fr">
INRIA, PARKAS Team</a>
- March to August 2025
- Mars - ao&#xFB;t 2025
</div>
<div class="description">
M2 Internship, with <a href="https://www.di.ens.fr/~pouzet/">
Marc Pouzet</a>. Worked on reproducibility and transparency of
assertions in the synchronous hybrid language
<a href="https://zelus.di.ens.fr">Z&#xE9;lus</a>.
Designed and implemented a
Stage de M2, encadr&#xE9; par
<a href="https://www.di.ens.fr/~pouzet/">Marc Pouzet</a>. Travail
autour de la reproductibilit&#xE9; et de la transparence des
assertions ex&#xE9;cutables dans le langage hybride
<a href="https://zelus.di.ens.fr">Z&#xE9;lus</a>. Conception et
impl&#xE9;mentation d'une
<a href="https://codeberg.org/17maiga/hsim">
formal executable semantics</a> for a multi-solver language
runtime.
s&#xE9;mantique ex&#xE9;cutable</a> pour un environnement
d'ex&#xE9;cution multi-solveur.
</div>
</li>
<li>
<div class="title">
<a href="https://lmf.cnrs.fr">
Laboratoire M&#xE9;thodes Formelles, CNRS</a>
- March to July 2024
- Mars - juillet 2024
</div>
<div class="description">
M1 Internship, with
Stage de M1, encadr&#xE9; par
<a href="https://usr.lmf.cnrs.fr/~jcf/index.fr.html">
Jean-Christophe Filliâtre</a>
and <a href="http://www.tertium.org">Andrei Paskevich</a>.
Added support for case analysis and proofs by
induction on inductive predicates in the
<a href="https://www.why3.org">Why3</a> platform.
Translated a <a href="https://codeberg.org/17maiga/lambda">
Coq proof to Why3</a> as a test.
Jean-Christophe Filli&#xE2;tre</a>
et <a href="http://www.tertium.org">Andrei Paskevich</a>.
Ajout d'une nouvelle construction au langage WhyML permettant le
filtr&#xE2;ge sur les instances de pr&#xE9;dicats inductifs au
sein de l'outil <a href="https://www.why3.org">Why3</a>.
Traduction d'une <a href="https://codeberg.org/17maiga/lambda">
preuve Rocq vers Why3</a> comme exemple d'utilisation.
</div>
</li>
<li>
<div class="title">
<a href="https://skapane.ai">Skap&#xE1;n&#xEA;</a>
- September 2022 to August 2023
<a href="https://skapane.ai">Skap&#xE1;n&#xEA;</a> - Septembre
2022 - ao&#xFB;t 2023
</div>
<div class="description">
L3 Traineeship. Back-end development on containerized
infrastructure in Python. Web app design with React.js, Flask and
Docker.
Alternance en L3. D&#xE9;veloppement back-end sur une
infrastructure conteneuris&#xE9;e en Python et Scala. Conception
d'une plateforme de gestion d'environnements de d&#xE9;veloppement
Jupyter avec React.js, Flask et Docker.
</div>
</li>
<li>
<div class="title">
<a href="https://www.icdc.caissedesdepots.fr">Informatique CDC</a>
- May to August 2022
- Mai - ao&#xFB;t 2022
</div>
<div class="description">
L2 Internship. Development of an automated end-to-end testing tool
and ISO 20022 file format converter for CDC's banking
infrastructure in Java.
Stage de L2. D&#xE9;veloppement en Java d'un outil
d'automatisation de tests bout en bout et d'un convertisseur de
fichiers ISO 20022 sur l'infrastructure banquaire de la Caisse des
D&#xE9;p&#xF4;ts et Consignations.
</div>
</li>
<li>
<div class="title">Ac'Lab - August 2021 - May 2022</div>
<div class="title">Ac'Lab - Ao&#xFB;t 2021 - mai 2022</div>
<div class="description">
Association. Vice-Treasurer and Teaching Lead.
Engagement associatif au sein de l'association d'informatique de
la facult&#xE9;. Vice-tr&#xE9;sorier et responsable enseignement.
Organisation d'&#xE9;v&#xE9;nements, enseignement des bases du
langage Python, gestion de budget.
</div>
</li>
<li>
<div class="title">
<a href="https://www.fnacdarty.com">Fnac Darty</a>
- May to August 2021
<a href="https://www.fnacdarty.com">Fnac Darty</a> - Mai -
ao&#xFB;t 2021
</div>
<div class="description">
L1 Internship. Work on customer insight and customer journey.
Deployment of an in-house iOS application.
Stage de L1. Travail sur le parcours utilisateur sur les sites
e-commerce de Fnac et Darty. D&#xE9;ploiement d'une application
iOS interne.
</div>
</ul>
</div>
<div class="section" id="education">
<div class="section-title">Education</div>
<div class="section-title">&#xE9;ducation</div>
<ul class="content">
<li>
<div class="title">
<a href="https://ens-paris-saclay.fr">
ENS Paris Saclay</a>
- September 2024 - March 2025
<a href="https://ens-paris-saclay.fr">ENS Paris-Saclay</a> -
Septembre 2024 - mars 2025
</div>
<div class="description">
Master Parisien de Recherche en Informatique (MPRI)
@ -165,8 +177,8 @@
<li>
<div class="title">
<a href="https://www.sciences.universite-paris-saclay.fr">
Facult&#xE9; des Sciences - Universit&#xE9; Paris Saclay</a>
- September 2023 - March 2024
Facult&#xE9; des Sciences - Universit&#xE9; Paris-Saclay</a>
- Septembre 2023 - mars 2024
</div>
<div class="description">
Master Parisien de Recherche en Informatique (MPRI)
@ -174,9 +186,8 @@
</li>
<li>
<div class="title">
<a href="https://www.fges.fr"
>FGES - Universit&#xE9; Catholique de Lille</a>
- September 2020 to May 2023
<a href="https://www.fges.fr">FGES - Universit&#xE9; Catholique de
Lille</a> - Septembre 2020 - mai 2023
</div>
<div class="description">
Licence Sciences du Num&#xE9;rique (SDN)
@ -185,43 +196,40 @@
</ul>
</div>
<div class="section" id="files">
<div class="section-title">Files</div>
<div class="section-title">Fichiers</div>
<ul class="content">
<li>
<div class="title">
<a href="./pdf/cv.pdf">/pdf/cv.pdf</a>
</div>
<div class="title"><a href="./pdf/cv.pdf">/pdf/cv.pdf</a></div>
<div class="description">Curriculum Vitae.</div>
</li>
<li>
<div class="title">
<a href="./pdf/m1_report.pdf">/pdf/m1_report.pdf</a>
</div>
<div class="description">Report for M1 Internship.</div>
<div class="description">Rapport de stage de M1.</div>
</li>
<li>
<div class="title">
<a href="./pdf/m2_report.pdf">/pdf/m2_report.pdf</a>
</div>
<div class="description">Report for M2 Internship.</div>
<div class="description">Rapport de stage de M2.</div>
</li>
</ul>
</div>
<div class="section" id="see_also">
<div class="section-title">See Also</div>
<div class="section-title">Liens annexes</div>
<ul class="content">
<li>
<div class="title">
<a href="mailto:hms@lmf.cnrs.fr"
>hms[at]lmf[dot]cnrs[dot]fr</a>
<a href="mailto:hms@lmf.cnrs.fr">hms[at]lmf[dot]cnrs[dot]fr</a>
</div>
<div class="description">Email address.</div>
<div class="description">Email.</div>
</li>
<li>
<div class="title">
<a href="https://codeberg.org/17maiga">codeberg.org/17maiga</a>
</div>
<div class="description">Git forge.</div>
<div class="description">Forge git.</div>
</li>
<li>
<div class="title">
@ -232,10 +240,13 @@
</li>
</ul>
</div>
<div class="section" id="utils">
<a href="man.en.html">Read this page in english</a>
</div>
</main>
<footer>
<span>1.5.0</span>
<span>2025-10-03&nbsp;</span>
<span>1.5.1</span>
<span>2025-10-20&nbsp;</span>
<span>HENRI(1)</span>
</footer>
</body>

105
tiles.en.html Normal file
View file

@ -0,0 +1,105 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<link rel="stylesheet" type="text/css" href="./css/base.css?version=3">
<link rel="stylesheet" type="text/css" href="./css/imgs.css?version=3">
<title>TILES</title>
<meta name="description" content="The tiles">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
</head>
<body>
<div id="pride-banner">
<div class="color yellow"></div>
<div class="color white"></div>
<div class="color purple"></div>
<div class="color black"></div>
</div>
<header>THE TILES</header>
<main>
<div><img src="./img/tiles/01.avif" alt="Picture of a mosaic"></div>
<div><img src="./img/tiles/02.avif" alt="Picture of a mosaic"></div>
<div><img src="./img/tiles/03.avif" alt="Picture of a mosaic"></div>
<div><img src="./img/tiles/04.avif" alt="Picture of a mosaic"></div>
<div><img src="./img/tiles/05.avif" alt="Picture of a mosaic"></div>
<div><img src="./img/tiles/06.avif" alt="Picture of a mosaic"></div>
<div><img src="./img/tiles/07.avif" alt="Picture of a mosaic"></div>
<div><img src="./img/tiles/08.avif" alt="Picture of a mosaic"></div>
<div><img src="./img/tiles/09.avif" alt="Picture of a mosaic"></div>
<div><img src="./img/tiles/10.avif" alt="Picture of a mosaic"></div>
<div><img src="./img/tiles/11.avif" alt="Picture of a mosaic"></div>
<div><img src="./img/tiles/12.avif" alt="Picture of a mosaic"></div>
<div><img src="./img/tiles/13.avif" alt="Picture of a mosaic"></div>
<div><img src="./img/tiles/14.avif" alt="Picture of a mosaic"></div>
<div><img src="./img/tiles/15.avif" alt="Picture of a mosaic"></div>
<div><img src="./img/tiles/16.avif" alt="Picture of a mosaic"></div>
<div><img src="./img/tiles/17.avif" alt="Picture of a mosaic"></div>
<div><img src="./img/tiles/18.avif" alt="Picture of a mosaic"></div>
<div><img src="./img/tiles/19.avif" alt="Picture of a mosaic"></div>
<div><img src="./img/tiles/20.avif" alt="Picture of a mosaic"></div>
<div><img src="./img/tiles/21.avif" alt="Picture of a mosaic"></div>
<div><img src="./img/tiles/22.avif" alt="Picture of a mosaic"></div>
<div><img src="./img/tiles/23.avif" alt="Picture of a mosaic"></div>
<div><img src="./img/tiles/24.avif" alt="Picture of a mosaic"></div>
<div><img src="./img/tiles/25.avif" alt="Picture of a mosaic"></div>
<div><img src="./img/tiles/26.avif" alt="Picture of a mosaic"></div>
<div><img src="./img/tiles/27.avif" alt="Picture of a mosaic"></div>
<div><img src="./img/tiles/28.avif" alt="Picture of a mosaic"></div>
<div><img src="./img/tiles/29.avif" alt="Picture of a mosaic"></div>
<div><img src="./img/tiles/30.avif" alt="Picture of a mosaic"></div>
<div><img src="./img/tiles/31.avif" alt="Picture of a mosaic"></div>
<div><img src="./img/tiles/32.avif" alt="Picture of a mosaic"></div>
<div><img src="./img/tiles/33.avif" alt="Picture of a mosaic"></div>
<div><img src="./img/tiles/34.avif" alt="Picture of a mosaic"></div>
<div><img src="./img/tiles/35.avif" alt="Picture of a mosaic"></div>
<div><img src="./img/tiles/36.avif" alt="Picture of a mosaic"></div>
<div><img src="./img/tiles/37.avif" alt="Picture of a mosaic"></div>
<div><img src="./img/tiles/38.avif" alt="Picture of a mosaic"></div>
<div><img src="./img/tiles/39.avif" alt="Picture of a mosaic"></div>
<div><img src="./img/tiles/40.avif" alt="Picture of a mosaic"></div>
<div><img src="./img/tiles/41.avif" alt="Picture of a mosaic"></div>
<div><img src="./img/tiles/42.avif" alt="Picture of a mosaic"></div>
<div><img src="./img/tiles/43.avif" alt="Picture of a mosaic"></div>
<div><img src="./img/tiles/44.avif" alt="Picture of a mosaic"></div>
<div><img src="./img/tiles/45.avif" alt="Picture of a mosaic"></div>
<div><img src="./img/tiles/46.avif" alt="Picture of a mosaic"></div>
<div><img src="./img/tiles/47.avif" alt="Picture of a mosaic"></div>
<div><img src="./img/tiles/48.avif" alt="Picture of a mosaic"></div>
<div><img src="./img/tiles/49.avif" alt="Picture of a mosaic"></div>
<div><img src="./img/tiles/50.avif" alt="Picture of a mosaic"></div>
<div><img src="./img/tiles/51.avif" alt="Picture of a mosaic"></div>
<div><img src="./img/tiles/52.avif" alt="Picture of a mosaic"></div>
<div><img src="./img/tiles/53.avif" alt="Picture of a mosaic"></div>
<div><img src="./img/tiles/54.avif" alt="Picture of a mosaic"></div>
<div><img src="./img/tiles/55.avif" alt="Picture of a mosaic"></div>
<div><img src="./img/tiles/56.avif" alt="Picture of a mosaic"></div>
<div><img src="./img/tiles/57.avif" alt="Picture of a mosaic"></div>
<div><img src="./img/tiles/58.avif" alt="Picture of a mosaic"></div>
<div><img src="./img/tiles/59.avif" alt="Picture of a mosaic"></div>
<div><img src="./img/tiles/60.avif" alt="Picture of a mosaic"></div>
<div><img src="./img/tiles/61.avif" alt="Picture of a mosaic"></div>
<div><img src="./img/tiles/62.avif" alt="Picture of a mosaic"></div>
<div><img src="./img/tiles/63.avif" alt="Picture of a mosaic"></div>
<div><img src="./img/tiles/64.avif" alt="Picture of a mosaic"></div>
<div><img src="./img/tiles/65.avif" alt="Picture of a mosaic"></div>
<div><img src="./img/tiles/66.avif" alt="Picture of a mosaic"></div>
<div><img src="./img/tiles/67.avif" alt="Picture of a mosaic"></div>
<div><img src="./img/tiles/68.avif" alt="Picture of a mosaic"></div>
<div><img src="./img/tiles/69.avif" alt="Picture of a mosaic"></div>
<div><img src="./img/tiles/70.avif" alt="Picture of a mosaic"></div>
<div><img src="./img/tiles/71.avif" alt="Picture of a mosaic"></div>
<div><img src="./img/tiles/72.avif" alt="Picture of a mosaic"></div>
<div><img src="./img/tiles/73.avif" alt="Picture of a mosaic"></div>
<div><img src="./img/tiles/74.avif" alt="Picture of a mosaic"></div>
<div><img src="./img/tiles/75.avif" alt="Picture of a mosaic"></div>
<div><img src="./img/tiles/76.avif" alt="Picture of a mosaic"></div>
<div><img src="./img/tiles/77.avif" alt="Picture of a mosaic"></div>
<div><img src="./img/tiles/78.avif" alt="Picture of a mosaic"></div>
</main>
<footer>
<a href="./tiles.html">Lire cette page en français</a>
<br/>
<a href="./index.en.html">GO BACK</a>
</footer>
</body>
</html>

324
tiles.html
View file

@ -1,11 +1,11 @@
<!DOCTYPE html>
<html lang="en">
<html lang="fr">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<link rel="stylesheet" type="text/css" href="./css/base.css?version=3">
<link rel="stylesheet" type="text/css" href="./css/imgs.css?version=3">
<title>TILES</title>
<meta name="description" content="The tiles">
<title>CARRELAGES</title>
<meta name="description" content="Les carrelages">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
</head>
<body>
@ -15,245 +15,91 @@
<div class="color purple"></div>
<div class="color black"></div>
</div>
<header>THE TILES</header>
<header>LES CARRELAGES</header>
<main>
<div>
<img src="./img/tiles/01.avif" alt="Picture of a mosaic on a wall">
</div>
<div>
<img src="./img/tiles/02.avif" alt="Picture of a mosaic on a wall">
</div>
<div>
<img src="./img/tiles/03.avif" alt="Picture of a mosaic on a wall">
</div>
<div>
<img src="./img/tiles/04.avif" alt="Picture of a mosaic on a wall">
</div>
<div>
<img src="./img/tiles/05.avif" alt="Picture of a mosaic on a wall">
</div>
<div>
<img src="./img/tiles/06.avif" alt="Picture of a mosaic on a wall">
</div>
<div>
<img src="./img/tiles/07.avif" alt="Picture of a mosaic on a wall">
</div>
<div>
<img src="./img/tiles/08.avif" alt="Picture of a mosaic on a wall">
</div>
<div>
<img src="./img/tiles/09.avif" alt="Picture of a mosaic on a wall">
</div>
<div>
<img src="./img/tiles/10.avif" alt="Picture of a mosaic on a wall">
</div>
<div>
<img src="./img/tiles/11.avif" alt="Picture of a mosaic on a wall">
</div>
<div>
<img src="./img/tiles/12.avif" alt="Picture of a mosaic on a wall">
</div>
<div>
<img src="./img/tiles/13.avif" alt="Picture of a mosaic on a wall">
</div>
<div>
<img src="./img/tiles/14.avif" alt="Picture of a mosaic on a wall">
</div>
<div>
<img src="./img/tiles/15.avif" alt="Picture of a mosaic on a wall">
</div>
<div>
<img src="./img/tiles/16.avif" alt="Picture of a mosaic on a wall">
</div>
<div>
<img src="./img/tiles/17.avif" alt="Picture of a mosaic on a wall">
</div>
<div>
<img src="./img/tiles/18.avif" alt="Picture of a mosaic on a wall">
</div>
<div>
<img src="./img/tiles/19.avif" alt="Picture of a mosaic on a wall">
</div>
<div>
<img src="./img/tiles/20.avif" alt="Picture of a mosaic on a wall">
</div>
<div>
<img src="./img/tiles/21.avif" alt="Picture of a mosaic on a wall">
</div>
<div>
<img src="./img/tiles/22.avif" alt="Picture of a mosaic on a wall">
</div>
<div>
<img src="./img/tiles/23.avif" alt="Picture of a mosaic on a wall">
</div>
<div>
<img src="./img/tiles/24.avif" alt="Picture of a mosaic on a wall">
</div>
<div>
<img src="./img/tiles/25.avif" alt="Picture of a mosaic on a wall">
</div>
<div>
<img src="./img/tiles/26.avif" alt="Picture of a mosaic on a wall">
</div>
<div>
<img src="./img/tiles/27.avif" alt="Picture of a mosaic on a wall">
</div>
<div>
<img src="./img/tiles/28.avif" alt="Picture of a mosaic on a wall">
</div>
<div>
<img src="./img/tiles/29.avif" alt="Picture of a mosaic on a wall">
</div>
<div>
<img src="./img/tiles/30.avif" alt="Picture of a mosaic on a wall">
</div>
<div>
<img src="./img/tiles/31.avif" alt="Picture of a mosaic on a wall">
</div>
<div>
<img src="./img/tiles/32.avif" alt="Picture of a mosaic on a wall">
</div>
<div>
<img src="./img/tiles/33.avif" alt="Picture of a mosaic on a wall">
</div>
<div>
<img src="./img/tiles/34.avif" alt="Picture of a mosaic on a wall">
</div>
<div>
<img src="./img/tiles/35.avif" alt="Picture of a mosaic on a wall">
</div>
<div>
<img src="./img/tiles/36.avif" alt="Picture of a mosaic on a wall">
</div>
<div>
<img src="./img/tiles/37.avif" alt="Picture of a mosaic on a wall">
</div>
<div>
<img src="./img/tiles/38.avif" alt="Picture of a mosaic on a wall">
</div>
<div>
<img src="./img/tiles/39.avif" alt="Picture of a mosaic on a wall">
</div>
<div>
<img src="./img/tiles/40.avif" alt="Picture of a mosaic on a wall">
</div>
<div>
<img src="./img/tiles/41.avif" alt="Picture of a mosaic on a wall">
</div>
<div>
<img src="./img/tiles/42.avif" alt="Picture of a mosaic on a wall">
</div>
<div>
<img src="./img/tiles/43.avif" alt="Picture of a mosaic on a wall">
</div>
<div>
<img src="./img/tiles/44.avif" alt="Picture of a mosaic on a wall">
</div>
<div>
<img src="./img/tiles/45.avif" alt="Picture of a mosaic on a wall">
</div>
<div>
<img src="./img/tiles/46.avif" alt="Picture of a mosaic on a wall">
</div>
<div>
<img src="./img/tiles/47.avif" alt="Picture of a mosaic on a wall">
</div>
<div>
<img src="./img/tiles/48.avif" alt="Picture of a mosaic on a wall">
</div>
<div>
<img src="./img/tiles/49.avif" alt="Picture of a mosaic on a wall">
</div>
<div>
<img src="./img/tiles/50.avif" alt="Picture of a mosaic on a wall">
</div>
<div>
<img src="./img/tiles/51.avif" alt="Picture of a mosaic on a wall">
</div>
<div>
<img src="./img/tiles/52.avif" alt="Picture of a mosaic on a wall">
</div>
<div>
<img src="./img/tiles/53.avif" alt="Picture of a mosaic on a wall">
</div>
<div>
<img src="./img/tiles/54.avif" alt="Picture of a mosaic on a wall">
</div>
<div>
<img src="./img/tiles/55.avif" alt="Picture of a mosaic on a wall">
</div>
<div>
<img src="./img/tiles/56.avif" alt="Picture of a mosaic on a wall">
</div>
<div>
<img src="./img/tiles/57.avif" alt="Picture of a mosaic on a wall">
</div>
<div>
<img src="./img/tiles/58.avif" alt="Picture of a mosaic on a wall">
</div>
<div>
<img src="./img/tiles/59.avif" alt="Picture of a mosaic on a wall">
</div>
<div>
<img src="./img/tiles/60.avif" alt="Picture of a mosaic on a wall">
</div>
<div>
<img src="./img/tiles/61.avif" alt="Picture of a mosaic on a wall">
</div>
<div>
<img src="./img/tiles/62.avif" alt="Picture of a mosaic on a wall">
</div>
<div>
<img src="./img/tiles/63.avif" alt="Picture of a mosaic on a wall">
</div>
<div>
<img src="./img/tiles/64.avif" alt="Picture of a mosaic on a wall">
</div>
<div>
<img src="./img/tiles/65.avif" alt="Picture of a mosaic on a wall">
</div>
<div>
<img src="./img/tiles/66.avif" alt="Picture of a mosaic on a wall">
</div>
<div>
<img src="./img/tiles/67.avif" alt="Picture of a mosaic on a wall">
</div>
<div>
<img src="./img/tiles/68.avif" alt="Picture of a mosaic on a wall">
</div>
<div>
<img src="./img/tiles/69.avif" alt="Picture of a mosaic on a wall">
</div>
<div>
<img src="./img/tiles/70.avif" alt="Picture of a mosaic on a wall">
</div>
<div>
<img src="./img/tiles/71.avif" alt="Picture of a mosaic on a wall">
</div>
<div>
<img src="./img/tiles/72.avif" alt="Picture of a mosaic on a wall">
</div>
<div>
<img src="./img/tiles/73.avif" alt="Picture of a mosaic on a wall">
</div>
<div>
<img src="./img/tiles/74.avif" alt="Picture of a mosaic on a wall">
</div>
<div>
<img src="./img/tiles/75.avif" alt="Picture of a mosaic on a wall">
</div>
<div>
<img src="./img/tiles/76.avif" alt="Picture of a mosaic on a wall">
</div>
<div>
<img src="./img/tiles/77.avif" alt="Picture of a mosaic on a wall">
</div>
<div>
<img src="./img/tiles/78.avif" alt="Picture of a mosaic on a wall">
</div>
<div><img src="./img/tiles/01.avif" alt="Image d'un carrelage"></div>
<div><img src="./img/tiles/02.avif" alt="Image d'un carrelage"></div>
<div><img src="./img/tiles/03.avif" alt="Image d'un carrelage"></div>
<div><img src="./img/tiles/04.avif" alt="Image d'un carrelage"></div>
<div><img src="./img/tiles/05.avif" alt="Image d'un carrelage"></div>
<div><img src="./img/tiles/06.avif" alt="Image d'un carrelage"></div>
<div><img src="./img/tiles/07.avif" alt="Image d'un carrelage"></div>
<div><img src="./img/tiles/08.avif" alt="Image d'un carrelage"></div>
<div><img src="./img/tiles/09.avif" alt="Image d'un carrelage"></div>
<div><img src="./img/tiles/10.avif" alt="Image d'un carrelage"></div>
<div><img src="./img/tiles/11.avif" alt="Image d'un carrelage"></div>
<div><img src="./img/tiles/12.avif" alt="Image d'un carrelage"></div>
<div><img src="./img/tiles/13.avif" alt="Image d'un carrelage"></div>
<div><img src="./img/tiles/14.avif" alt="Image d'un carrelage"></div>
<div><img src="./img/tiles/15.avif" alt="Image d'un carrelage"></div>
<div><img src="./img/tiles/16.avif" alt="Image d'un carrelage"></div>
<div><img src="./img/tiles/17.avif" alt="Image d'un carrelage"></div>
<div><img src="./img/tiles/18.avif" alt="Image d'un carrelage"></div>
<div><img src="./img/tiles/19.avif" alt="Image d'un carrelage"></div>
<div><img src="./img/tiles/20.avif" alt="Image d'un carrelage"></div>
<div><img src="./img/tiles/21.avif" alt="Image d'un carrelage"></div>
<div><img src="./img/tiles/22.avif" alt="Image d'un carrelage"></div>
<div><img src="./img/tiles/23.avif" alt="Image d'un carrelage"></div>
<div><img src="./img/tiles/24.avif" alt="Image d'un carrelage"></div>
<div><img src="./img/tiles/25.avif" alt="Image d'un carrelage"></div>
<div><img src="./img/tiles/26.avif" alt="Image d'un carrelage"></div>
<div><img src="./img/tiles/27.avif" alt="Image d'un carrelage"></div>
<div><img src="./img/tiles/28.avif" alt="Image d'un carrelage"></div>
<div><img src="./img/tiles/29.avif" alt="Image d'un carrelage"></div>
<div><img src="./img/tiles/30.avif" alt="Image d'un carrelage"></div>
<div><img src="./img/tiles/31.avif" alt="Image d'un carrelage"></div>
<div><img src="./img/tiles/32.avif" alt="Image d'un carrelage"></div>
<div><img src="./img/tiles/33.avif" alt="Image d'un carrelage"></div>
<div><img src="./img/tiles/34.avif" alt="Image d'un carrelage"></div>
<div><img src="./img/tiles/35.avif" alt="Image d'un carrelage"></div>
<div><img src="./img/tiles/36.avif" alt="Image d'un carrelage"></div>
<div><img src="./img/tiles/37.avif" alt="Image d'un carrelage"></div>
<div><img src="./img/tiles/38.avif" alt="Image d'un carrelage"></div>
<div><img src="./img/tiles/39.avif" alt="Image d'un carrelage"></div>
<div><img src="./img/tiles/40.avif" alt="Image d'un carrelage"></div>
<div><img src="./img/tiles/41.avif" alt="Image d'un carrelage"></div>
<div><img src="./img/tiles/42.avif" alt="Image d'un carrelage"></div>
<div><img src="./img/tiles/43.avif" alt="Image d'un carrelage"></div>
<div><img src="./img/tiles/44.avif" alt="Image d'un carrelage"></div>
<div><img src="./img/tiles/45.avif" alt="Image d'un carrelage"></div>
<div><img src="./img/tiles/46.avif" alt="Image d'un carrelage"></div>
<div><img src="./img/tiles/47.avif" alt="Image d'un carrelage"></div>
<div><img src="./img/tiles/48.avif" alt="Image d'un carrelage"></div>
<div><img src="./img/tiles/49.avif" alt="Image d'un carrelage"></div>
<div><img src="./img/tiles/50.avif" alt="Image d'un carrelage"></div>
<div><img src="./img/tiles/51.avif" alt="Image d'un carrelage"></div>
<div><img src="./img/tiles/52.avif" alt="Image d'un carrelage"></div>
<div><img src="./img/tiles/53.avif" alt="Image d'un carrelage"></div>
<div><img src="./img/tiles/54.avif" alt="Image d'un carrelage"></div>
<div><img src="./img/tiles/55.avif" alt="Image d'un carrelage"></div>
<div><img src="./img/tiles/56.avif" alt="Image d'un carrelage"></div>
<div><img src="./img/tiles/57.avif" alt="Image d'un carrelage"></div>
<div><img src="./img/tiles/58.avif" alt="Image d'un carrelage"></div>
<div><img src="./img/tiles/59.avif" alt="Image d'un carrelage"></div>
<div><img src="./img/tiles/60.avif" alt="Image d'un carrelage"></div>
<div><img src="./img/tiles/61.avif" alt="Image d'un carrelage"></div>
<div><img src="./img/tiles/62.avif" alt="Image d'un carrelage"></div>
<div><img src="./img/tiles/63.avif" alt="Image d'un carrelage"></div>
<div><img src="./img/tiles/64.avif" alt="Image d'un carrelage"></div>
<div><img src="./img/tiles/65.avif" alt="Image d'un carrelage"></div>
<div><img src="./img/tiles/66.avif" alt="Image d'un carrelage"></div>
<div><img src="./img/tiles/67.avif" alt="Image d'un carrelage"></div>
<div><img src="./img/tiles/68.avif" alt="Image d'un carrelage"></div>
<div><img src="./img/tiles/69.avif" alt="Image d'un carrelage"></div>
<div><img src="./img/tiles/70.avif" alt="Image d'un carrelage"></div>
<div><img src="./img/tiles/71.avif" alt="Image d'un carrelage"></div>
<div><img src="./img/tiles/72.avif" alt="Image d'un carrelage"></div>
<div><img src="./img/tiles/73.avif" alt="Image d'un carrelage"></div>
<div><img src="./img/tiles/74.avif" alt="Image d'un carrelage"></div>
<div><img src="./img/tiles/75.avif" alt="Image d'un carrelage"></div>
<div><img src="./img/tiles/76.avif" alt="Image d'un carrelage"></div>
<div><img src="./img/tiles/77.avif" alt="Image d'un carrelage"></div>
<div><img src="./img/tiles/78.avif" alt="Image d'un carrelage"></div>
</main>
<footer>
<a href="./index.html">GO BACK</a>
<a href="./tiles.en.html">Read this page in english</a>
<br/>
<a href="./index.html">RETOUR</a>
</footer>
</body>
</html>