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> <!DOCTYPE html>
<html lang="en"> <html lang="fr">
<head> <head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <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/base.css?version=3">
<link rel="stylesheet" type="text/css" href="./css/imgs.css?version=3"> <link rel="stylesheet" type="text/css" href="./css/imgs.css?version=3">
<title>FISH</title> <title>POISSONS</title>
<meta name="description" content="The fish"> <meta name="description" content="Les poissons">
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
</head> </head>
<body> <body>
@ -15,32 +15,34 @@
<div class="color purple"></div> <div class="color purple"></div>
<div class="color black"></div> <div class="color black"></div>
</div> </div>
<header>THE FISH &gt;&lt;&gt;</header> <header>LES POISSONS &gt;&lt;&gt;</header>
<main> <main>
<div> <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>
<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>
<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>
<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>
<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>
<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>
<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> </div>
</main> </main>
<footer> <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> </footer>
</body> </body>
</html> </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> <!DOCTYPE html>
<html lang="en"> <html lang="fr">
<head> <head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <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/base.css?version=3">
<link rel="stylesheet" type="text/css" href="./css/index.css?version=3"> <link rel="stylesheet" type="text/css" href="./css/index.css?version=3">
<title>Henri Saudubray</title> <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="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"> <meta name="keywords" content="Henri Saudubray, Saudubray, PhD, computer science, informatique, doctorat, formal methods, méthodes formelles">
</head> </head>
@ -16,22 +16,26 @@
<div class="color purple"></div> <div class="color purple"></div>
<div class="color black"></div> <div class="color black"></div>
</div> </div>
<header>HELLO THERE :)</header> <header>BONJOUR :)</header>
<main> <main>
<div class="section"> <div class="section">
Serious stuff Choses sérieuses
<ul> <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> </ul>
</div> </div>
<div class="section"> <div class="section">
Not serious stuff Choses pas sérieuses
<ul> <ul>
<li>[<a href="./fish.html">fsh</a>]: the fish</li> <li>[<a href="./fish.html">fsh</a>]: les poissons</li>
<li>[<a href="./tiles.html">tls</a>]: the tiles</li> <li>[<a href="./tiles.html">tls</a>]: les carrelages</li>
<li>[<a href="./links.html">lnk</a>]: the links</li> <li>[<a href="./links.html">lnk</a>]: les liens</li>
</ul> </ul>
</div> </div>
<div class="section">
<a href="./index.en.html">Read this page in english</a>
</div>
<div class="section"> <div class="section">
<span><a href="https://danael_carbonneau.codeberg.page">&larr;</a></span> <span><a href="https://danael_carbonneau.codeberg.page">&larr;</a></span>
<span>&#127849; Webring des délices &#127849;</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> <!DOCTYPE html>
<html lang="en"> <html lang="fr">
<head> <head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <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/base.css?version=3">
<link rel="stylesheet" type="text/css" href="./css/links.css?version=3"> <link rel="stylesheet" type="text/css" href="./css/links.css?version=3">
<title>LINKS</title> <title>LIENS</title>
<meta name="description" content="The links"> <meta name="description" content="Les liens">
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
</head> </head>
<body> <body>
@ -15,7 +15,7 @@
<div class="color purple"></div> <div class="color purple"></div>
<div class="color black"></div> <div class="color black"></div>
</div> </div>
<header>THE LINKS</header> <header>LES LIENS</header>
<main> <main>
<ul> <ul>
<li> <li>
@ -82,7 +82,9 @@
</ul> </ul>
</main> </main>
<footer> <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> </footer>
</body> </body>
</html> </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> <!DOCTYPE html>
<html lang="en"> <html lang="fr">
<head> <head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <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/base.css?version=3">
<link rel="stylesheet" type="text/css" href="./css/man.css?version=3"> <link rel="stylesheet" type="text/css" href="./css/man.css?version=3">
<title>Henri Saudubray</title> <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"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
</head> </head>
<body> <body>
@ -17,22 +17,24 @@
</div> </div>
<header> <header>
<span>HENRI(1)</span> <span>HENRI(1)</span>
<span>User information</span> <span>Informations utilisateur</span>
<span>HENRI(1)</span> <span>HENRI(1)</span>
</header> </header>
<main> <main>
<div class="section" id="name"> <div class="section" id="name">
<div class="section-title">Name</div> <div class="section-title">Nom</div>
<div class="content"> <div class="content">
Henri Saudubray - PhD student Henri Saudubray - Doctorant en M&#xE9;thodes Formelles
</div> </div>
</div> </div>
<div class="section" id="synopsis"> <div class="section" id="synopsis">
<div class="section-title">Synopsis</div> <div class="section-title">Synopsis</div>
<div class="content"> <div class="content">
I am a PhD student at Laboratoire M&#xE9;thodes Formelles (LMF) at Je suis doctorant au Laboratoire M&#xE9;thodes Formelles
Universit&#xE9; Paris Saclay, focusing on formal logic, proof (LMF) de l'Universit&#xE9; Paris-Saclay. Je m'int&#xE9;resse
assistants, and programming languages. &#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> </div>
<div class="publications" id="publications"> <div class="publications" id="publications">
@ -46,117 +48,127 @@
<div class="description"> <div class="description">
"Faire chauffer Why3 avec de l'induction". "Faire chauffer Why3 avec de l'induction".
<br> <br>
Describes the addition of a new construct to the WhyML language D&#xE9;crit l'ajout d'une nouvelle construction au langage WhyML
allowing for case analysis on inductive predicate instances. permettant le filtrage sur les instances de pr&#xE9;dicats
inductifs.
<br> <br>
Written with <a href="https://usr.lmf.cnrs.fr/~jcf/index.fr.html"> &#xE9;crit avec
Jean-Christophe Filliâtre</a> <a href="https://usr.lmf.cnrs.fr/~jcf/index.fr.html">
and <a href="http://www.tertium.org/">Andrei Paskevich</a>. Jean-Christophe Filli&#xE2;tre</a>
et <a href="http://www.tertium.org/">Andrei Paskevich</a>.
</div> </div>
</li> </li>
</ul> </ul>
</div> </div>
<div class="section" id="experience"> <div class="section" id="experience">
<div class="section-title">Experience</div> <div class="section-title">Exp&#xE9;rience</div>
<ul class="content"> <ul class="content">
<li> <li>
<div class="title"> <div class="title">
<a href="https://lmf.cnrs.fr"> <a href="https://lmf.cnrs.fr">
Laboratoire M&#xE9;thodes Formelles, Laboratoire M&#xE9;thodes Formelles,
Universit&#xE9; Paris-Saclay</a> Universit&#xE9; Paris-Saclay</a>
- Since October 2025 - Depuis octobre 2025
</div> </div>
<div class="description"> <div class="description">
PhD, with <a href="https://usr.lmf.cnrs.fr/~jcf/index.fr.html"> Doctorat, encadr&#xE9; par
Jean-Christophe Filliâtre</a> <a href="https://usr.lmf.cnrs.fr/~jcf/index.fr.html">
and <a href="http://www.tertium.org/">Andrei Paskevich</a>. Jean-Christophe Filli&#xE2;tre</a>
Working on the design and unification of programming, et <a href="http://www.tertium.org/">Andrei Paskevich</a>.
specification and proof languages in the context of deductive Conception et unification des langages de programmation,
program verification, in the sp&#xE9;cification et preuve dans le contexte de la
<a href="https://www.why3.org">Why3</a> platform. v&#xE9;rification d&#xE9;ductive de programmes, au sein de l'outil
<a href="https://www.why3.org">Why3</a>.
</div>
</li> </li>
<li> <li>
<div class="title"> <div class="title">
<a href="https://parkas.di.ens.fr"> <a href="https://parkas.di.ens.fr">
INRIA, PARKAS Team</a> INRIA, PARKAS Team</a>
- March to August 2025 - Mars - ao&#xFB;t 2025
</div> </div>
<div class="description"> <div class="description">
M2 Internship, with <a href="https://www.di.ens.fr/~pouzet/"> Stage de M2, encadr&#xE9; par
Marc Pouzet</a>. Worked on reproducibility and transparency of <a href="https://www.di.ens.fr/~pouzet/">Marc Pouzet</a>. Travail
assertions in the synchronous hybrid language autour de la reproductibilit&#xE9; et de la transparence des
<a href="https://zelus.di.ens.fr">Z&#xE9;lus</a>. assertions ex&#xE9;cutables dans le langage hybride
Designed and implemented a <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"> <a href="https://codeberg.org/17maiga/hsim">
formal executable semantics</a> for a multi-solver language s&#xE9;mantique ex&#xE9;cutable</a> pour un environnement
runtime. d'ex&#xE9;cution multi-solveur.
</div> </div>
</li> </li>
<li> <li>
<div class="title"> <div class="title">
<a href="https://lmf.cnrs.fr"> <a href="https://lmf.cnrs.fr">
Laboratoire M&#xE9;thodes Formelles, CNRS</a> Laboratoire M&#xE9;thodes Formelles, CNRS</a>
- March to July 2024 - Mars - juillet 2024
</div> </div>
<div class="description"> <div class="description">
M1 Internship, with Stage de M1, encadr&#xE9; par
<a href="https://usr.lmf.cnrs.fr/~jcf/index.fr.html"> <a href="https://usr.lmf.cnrs.fr/~jcf/index.fr.html">
Jean-Christophe Filliâtre</a> Jean-Christophe Filli&#xE2;tre</a>
and <a href="http://www.tertium.org">Andrei Paskevich</a>. et <a href="http://www.tertium.org">Andrei Paskevich</a>.
Added support for case analysis and proofs by Ajout d'une nouvelle construction au langage WhyML permettant le
induction on inductive predicates in the filtr&#xE2;ge sur les instances de pr&#xE9;dicats inductifs au
<a href="https://www.why3.org">Why3</a> platform. sein de l'outil <a href="https://www.why3.org">Why3</a>.
Translated a <a href="https://codeberg.org/17maiga/lambda"> Traduction d'une <a href="https://codeberg.org/17maiga/lambda">
Coq proof to Why3</a> as a test. preuve Rocq vers Why3</a> comme exemple d'utilisation.
</div> </div>
</li> </li>
<li> <li>
<div class="title"> <div class="title">
<a href="https://skapane.ai">Skap&#xE1;n&#xEA;</a> <a href="https://skapane.ai">Skap&#xE1;n&#xEA;</a> - Septembre
- September 2022 to August 2023 2022 - ao&#xFB;t 2023
</div> </div>
<div class="description"> <div class="description">
L3 Traineeship. Back-end development on containerized Alternance en L3. D&#xE9;veloppement back-end sur une
infrastructure in Python. Web app design with React.js, Flask and infrastructure conteneuris&#xE9;e en Python et Scala. Conception
Docker. d'une plateforme de gestion d'environnements de d&#xE9;veloppement
Jupyter avec React.js, Flask et Docker.
</div> </div>
</li> </li>
<li> <li>
<div class="title"> <div class="title">
<a href="https://www.icdc.caissedesdepots.fr">Informatique CDC</a> <a href="https://www.icdc.caissedesdepots.fr">Informatique CDC</a>
- May to August 2022 - Mai - ao&#xFB;t 2022
</div> </div>
<div class="description"> <div class="description">
L2 Internship. Development of an automated end-to-end testing tool Stage de L2. D&#xE9;veloppement en Java d'un outil
and ISO 20022 file format converter for CDC's banking d'automatisation de tests bout en bout et d'un convertisseur de
infrastructure in Java. fichiers ISO 20022 sur l'infrastructure banquaire de la Caisse des
D&#xE9;p&#xF4;ts et Consignations.
</div> </div>
</li> </li>
<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"> <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> </div>
</li> </li>
<li> <li>
<div class="title"> <div class="title">
<a href="https://www.fnacdarty.com">Fnac Darty</a> <a href="https://www.fnacdarty.com">Fnac Darty</a> - Mai -
- May to August 2021 ao&#xFB;t 2021
</div> </div>
<div class="description"> <div class="description">
L1 Internship. Work on customer insight and customer journey. Stage de L1. Travail sur le parcours utilisateur sur les sites
Deployment of an in-house iOS application. e-commerce de Fnac et Darty. D&#xE9;ploiement d'une application
iOS interne.
</div> </div>
</ul> </ul>
</div> </div>
<div class="section" id="education"> <div class="section" id="education">
<div class="section-title">Education</div> <div class="section-title">&#xE9;ducation</div>
<ul class="content"> <ul class="content">
<li> <li>
<div class="title"> <div class="title">
<a href="https://ens-paris-saclay.fr"> <a href="https://ens-paris-saclay.fr">ENS Paris-Saclay</a> -
ENS Paris Saclay</a> Septembre 2024 - mars 2025
- September 2024 - March 2025
</div> </div>
<div class="description"> <div class="description">
Master Parisien de Recherche en Informatique (MPRI) Master Parisien de Recherche en Informatique (MPRI)
@ -165,8 +177,8 @@
<li> <li>
<div class="title"> <div class="title">
<a href="https://www.sciences.universite-paris-saclay.fr"> <a href="https://www.sciences.universite-paris-saclay.fr">
Facult&#xE9; des Sciences - Universit&#xE9; Paris Saclay</a> Facult&#xE9; des Sciences - Universit&#xE9; Paris-Saclay</a>
- September 2023 - March 2024 - Septembre 2023 - mars 2024
</div> </div>
<div class="description"> <div class="description">
Master Parisien de Recherche en Informatique (MPRI) Master Parisien de Recherche en Informatique (MPRI)
@ -174,9 +186,8 @@
</li> </li>
<li> <li>
<div class="title"> <div class="title">
<a href="https://www.fges.fr" <a href="https://www.fges.fr">FGES - Universit&#xE9; Catholique de
>FGES - Universit&#xE9; Catholique de Lille</a> Lille</a> - Septembre 2020 - mai 2023
- September 2020 to May 2023
</div> </div>
<div class="description"> <div class="description">
Licence Sciences du Num&#xE9;rique (SDN) Licence Sciences du Num&#xE9;rique (SDN)
@ -185,43 +196,40 @@
</ul> </ul>
</div> </div>
<div class="section" id="files"> <div class="section" id="files">
<div class="section-title">Files</div> <div class="section-title">Fichiers</div>
<ul class="content"> <ul class="content">
<li> <li>
<div class="title"> <div class="title"><a href="./pdf/cv.pdf">/pdf/cv.pdf</a></div>
<a href="./pdf/cv.pdf">/pdf/cv.pdf</a>
</div>
<div class="description">Curriculum Vitae.</div> <div class="description">Curriculum Vitae.</div>
</li> </li>
<li> <li>
<div class="title"> <div class="title">
<a href="./pdf/m1_report.pdf">/pdf/m1_report.pdf</a> <a href="./pdf/m1_report.pdf">/pdf/m1_report.pdf</a>
</div> </div>
<div class="description">Report for M1 Internship.</div> <div class="description">Rapport de stage de M1.</div>
</li> </li>
<li> <li>
<div class="title"> <div class="title">
<a href="./pdf/m2_report.pdf">/pdf/m2_report.pdf</a> <a href="./pdf/m2_report.pdf">/pdf/m2_report.pdf</a>
</div> </div>
<div class="description">Report for M2 Internship.</div> <div class="description">Rapport de stage de M2.</div>
</li> </li>
</ul> </ul>
</div> </div>
<div class="section" id="see_also"> <div class="section" id="see_also">
<div class="section-title">See Also</div> <div class="section-title">Liens annexes</div>
<ul class="content"> <ul class="content">
<li> <li>
<div class="title"> <div class="title">
<a href="mailto:hms@lmf.cnrs.fr" <a href="mailto:hms@lmf.cnrs.fr">hms[at]lmf[dot]cnrs[dot]fr</a>
>hms[at]lmf[dot]cnrs[dot]fr</a>
</div> </div>
<div class="description">Email address.</div> <div class="description">Email.</div>
</li> </li>
<li> <li>
<div class="title"> <div class="title">
<a href="https://codeberg.org/17maiga">codeberg.org/17maiga</a> <a href="https://codeberg.org/17maiga">codeberg.org/17maiga</a>
</div> </div>
<div class="description">Git forge.</div> <div class="description">Forge git.</div>
</li> </li>
<li> <li>
<div class="title"> <div class="title">
@ -232,10 +240,13 @@
</li> </li>
</ul> </ul>
</div> </div>
<div class="section" id="utils">
<a href="man.en.html">Read this page in english</a>
</div>
</main> </main>
<footer> <footer>
<span>1.5.0</span> <span>1.5.1</span>
<span>2025-10-03&nbsp;</span> <span>2025-10-20&nbsp;</span>
<span>HENRI(1)</span> <span>HENRI(1)</span>
</footer> </footer>
</body> </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> <!DOCTYPE html>
<html lang="en"> <html lang="fr">
<head> <head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <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/base.css?version=3">
<link rel="stylesheet" type="text/css" href="./css/imgs.css?version=3"> <link rel="stylesheet" type="text/css" href="./css/imgs.css?version=3">
<title>TILES</title> <title>CARRELAGES</title>
<meta name="description" content="The tiles"> <meta name="description" content="Les carrelages">
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
</head> </head>
<body> <body>
@ -15,245 +15,91 @@
<div class="color purple"></div> <div class="color purple"></div>
<div class="color black"></div> <div class="color black"></div>
</div> </div>
<header>THE TILES</header> <header>LES CARRELAGES</header>
<main> <main>
<div> <div><img src="./img/tiles/01.avif" alt="Image d'un carrelage"></div>
<img src="./img/tiles/01.avif" alt="Picture of a mosaic on a wall"> <div><img src="./img/tiles/02.avif" alt="Image d'un carrelage"></div>
</div> <div><img src="./img/tiles/03.avif" alt="Image d'un carrelage"></div>
<div> <div><img src="./img/tiles/04.avif" alt="Image d'un carrelage"></div>
<img src="./img/tiles/02.avif" alt="Picture of a mosaic on a wall"> <div><img src="./img/tiles/05.avif" alt="Image d'un carrelage"></div>
</div> <div><img src="./img/tiles/06.avif" alt="Image d'un carrelage"></div>
<div> <div><img src="./img/tiles/07.avif" alt="Image d'un carrelage"></div>
<img src="./img/tiles/03.avif" alt="Picture of a mosaic on a wall"> <div><img src="./img/tiles/08.avif" alt="Image d'un carrelage"></div>
</div> <div><img src="./img/tiles/09.avif" alt="Image d'un carrelage"></div>
<div> <div><img src="./img/tiles/10.avif" alt="Image d'un carrelage"></div>
<img src="./img/tiles/04.avif" alt="Picture of a mosaic on a wall"> <div><img src="./img/tiles/11.avif" alt="Image d'un carrelage"></div>
</div> <div><img src="./img/tiles/12.avif" alt="Image d'un carrelage"></div>
<div> <div><img src="./img/tiles/13.avif" alt="Image d'un carrelage"></div>
<img src="./img/tiles/05.avif" alt="Picture of a mosaic on a wall"> <div><img src="./img/tiles/14.avif" alt="Image d'un carrelage"></div>
</div> <div><img src="./img/tiles/15.avif" alt="Image d'un carrelage"></div>
<div> <div><img src="./img/tiles/16.avif" alt="Image d'un carrelage"></div>
<img src="./img/tiles/06.avif" alt="Picture of a mosaic on a wall"> <div><img src="./img/tiles/17.avif" alt="Image d'un carrelage"></div>
</div> <div><img src="./img/tiles/18.avif" alt="Image d'un carrelage"></div>
<div> <div><img src="./img/tiles/19.avif" alt="Image d'un carrelage"></div>
<img src="./img/tiles/07.avif" alt="Picture of a mosaic on a wall"> <div><img src="./img/tiles/20.avif" alt="Image d'un carrelage"></div>
</div> <div><img src="./img/tiles/21.avif" alt="Image d'un carrelage"></div>
<div> <div><img src="./img/tiles/22.avif" alt="Image d'un carrelage"></div>
<img src="./img/tiles/08.avif" alt="Picture of a mosaic on a wall"> <div><img src="./img/tiles/23.avif" alt="Image d'un carrelage"></div>
</div> <div><img src="./img/tiles/24.avif" alt="Image d'un carrelage"></div>
<div> <div><img src="./img/tiles/25.avif" alt="Image d'un carrelage"></div>
<img src="./img/tiles/09.avif" alt="Picture of a mosaic on a wall"> <div><img src="./img/tiles/26.avif" alt="Image d'un carrelage"></div>
</div> <div><img src="./img/tiles/27.avif" alt="Image d'un carrelage"></div>
<div> <div><img src="./img/tiles/28.avif" alt="Image d'un carrelage"></div>
<img src="./img/tiles/10.avif" alt="Picture of a mosaic on a wall"> <div><img src="./img/tiles/29.avif" alt="Image d'un carrelage"></div>
</div> <div><img src="./img/tiles/30.avif" alt="Image d'un carrelage"></div>
<div> <div><img src="./img/tiles/31.avif" alt="Image d'un carrelage"></div>
<img src="./img/tiles/11.avif" alt="Picture of a mosaic on a wall"> <div><img src="./img/tiles/32.avif" alt="Image d'un carrelage"></div>
</div> <div><img src="./img/tiles/33.avif" alt="Image d'un carrelage"></div>
<div> <div><img src="./img/tiles/34.avif" alt="Image d'un carrelage"></div>
<img src="./img/tiles/12.avif" alt="Picture of a mosaic on a wall"> <div><img src="./img/tiles/35.avif" alt="Image d'un carrelage"></div>
</div> <div><img src="./img/tiles/36.avif" alt="Image d'un carrelage"></div>
<div> <div><img src="./img/tiles/37.avif" alt="Image d'un carrelage"></div>
<img src="./img/tiles/13.avif" alt="Picture of a mosaic on a wall"> <div><img src="./img/tiles/38.avif" alt="Image d'un carrelage"></div>
</div> <div><img src="./img/tiles/39.avif" alt="Image d'un carrelage"></div>
<div> <div><img src="./img/tiles/40.avif" alt="Image d'un carrelage"></div>
<img src="./img/tiles/14.avif" alt="Picture of a mosaic on a wall"> <div><img src="./img/tiles/41.avif" alt="Image d'un carrelage"></div>
</div> <div><img src="./img/tiles/42.avif" alt="Image d'un carrelage"></div>
<div> <div><img src="./img/tiles/43.avif" alt="Image d'un carrelage"></div>
<img src="./img/tiles/15.avif" alt="Picture of a mosaic on a wall"> <div><img src="./img/tiles/44.avif" alt="Image d'un carrelage"></div>
</div> <div><img src="./img/tiles/45.avif" alt="Image d'un carrelage"></div>
<div> <div><img src="./img/tiles/46.avif" alt="Image d'un carrelage"></div>
<img src="./img/tiles/16.avif" alt="Picture of a mosaic on a wall"> <div><img src="./img/tiles/47.avif" alt="Image d'un carrelage"></div>
</div> <div><img src="./img/tiles/48.avif" alt="Image d'un carrelage"></div>
<div> <div><img src="./img/tiles/49.avif" alt="Image d'un carrelage"></div>
<img src="./img/tiles/17.avif" alt="Picture of a mosaic on a wall"> <div><img src="./img/tiles/50.avif" alt="Image d'un carrelage"></div>
</div> <div><img src="./img/tiles/51.avif" alt="Image d'un carrelage"></div>
<div> <div><img src="./img/tiles/52.avif" alt="Image d'un carrelage"></div>
<img src="./img/tiles/18.avif" alt="Picture of a mosaic on a wall"> <div><img src="./img/tiles/53.avif" alt="Image d'un carrelage"></div>
</div> <div><img src="./img/tiles/54.avif" alt="Image d'un carrelage"></div>
<div> <div><img src="./img/tiles/55.avif" alt="Image d'un carrelage"></div>
<img src="./img/tiles/19.avif" alt="Picture of a mosaic on a wall"> <div><img src="./img/tiles/56.avif" alt="Image d'un carrelage"></div>
</div> <div><img src="./img/tiles/57.avif" alt="Image d'un carrelage"></div>
<div> <div><img src="./img/tiles/58.avif" alt="Image d'un carrelage"></div>
<img src="./img/tiles/20.avif" alt="Picture of a mosaic on a wall"> <div><img src="./img/tiles/59.avif" alt="Image d'un carrelage"></div>
</div> <div><img src="./img/tiles/60.avif" alt="Image d'un carrelage"></div>
<div> <div><img src="./img/tiles/61.avif" alt="Image d'un carrelage"></div>
<img src="./img/tiles/21.avif" alt="Picture of a mosaic on a wall"> <div><img src="./img/tiles/62.avif" alt="Image d'un carrelage"></div>
</div> <div><img src="./img/tiles/63.avif" alt="Image d'un carrelage"></div>
<div> <div><img src="./img/tiles/64.avif" alt="Image d'un carrelage"></div>
<img src="./img/tiles/22.avif" alt="Picture of a mosaic on a wall"> <div><img src="./img/tiles/65.avif" alt="Image d'un carrelage"></div>
</div> <div><img src="./img/tiles/66.avif" alt="Image d'un carrelage"></div>
<div> <div><img src="./img/tiles/67.avif" alt="Image d'un carrelage"></div>
<img src="./img/tiles/23.avif" alt="Picture of a mosaic on a wall"> <div><img src="./img/tiles/68.avif" alt="Image d'un carrelage"></div>
</div> <div><img src="./img/tiles/69.avif" alt="Image d'un carrelage"></div>
<div> <div><img src="./img/tiles/70.avif" alt="Image d'un carrelage"></div>
<img src="./img/tiles/24.avif" alt="Picture of a mosaic on a wall"> <div><img src="./img/tiles/71.avif" alt="Image d'un carrelage"></div>
</div> <div><img src="./img/tiles/72.avif" alt="Image d'un carrelage"></div>
<div> <div><img src="./img/tiles/73.avif" alt="Image d'un carrelage"></div>
<img src="./img/tiles/25.avif" alt="Picture of a mosaic on a wall"> <div><img src="./img/tiles/74.avif" alt="Image d'un carrelage"></div>
</div> <div><img src="./img/tiles/75.avif" alt="Image d'un carrelage"></div>
<div> <div><img src="./img/tiles/76.avif" alt="Image d'un carrelage"></div>
<img src="./img/tiles/26.avif" alt="Picture of a mosaic on a wall"> <div><img src="./img/tiles/77.avif" alt="Image d'un carrelage"></div>
</div> <div><img src="./img/tiles/78.avif" alt="Image d'un carrelage"></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>
</main> </main>
<footer> <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> </footer>
</body> </body>
</html> </html>