140 lines
5.8 KiB
HTML
140 lines
5.8 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="fr">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<title>Piair.dev</title>
|
|
<link type="text/css" href="src/css/style.css" rel="stylesheet" >
|
|
<link rel="icon" type="image/x-icon" href="src/img/favicon.ico">
|
|
<script src="src/js/projectSlide.js"></script>
|
|
<script src="src/js/annimateTimeLine.js"></script>
|
|
|
|
</head>
|
|
<body>
|
|
<p>
|
|
Ce site est en cours de construction. Il devrait s'améliorer de jour en jour.
|
|
</p>
|
|
<p style="color: #FF9F55">
|
|
Il est conçu pour les ordinateurs. La version mobile arrivera (peut être) plus tard.
|
|
</p>
|
|
<h1>
|
|
Pierre TELLIER
|
|
</h1>
|
|
<p>La majorité de mes projets sont sur mon <a href="https://gitea.piair.dev/piair" target=”_blank”>Gitea</a>.</p>
|
|
<p class="spacer" id="spacer1" style="height: 0"></p>
|
|
<h2 id="startTime">
|
|
Mon parcours
|
|
</h2>
|
|
|
|
<div class="timeline" id="timeline">
|
|
<div class="container left">
|
|
<div class="content">
|
|
<h2>2014</h2>
|
|
<p>Écriture de mon premier programme en java.</p>
|
|
<p class="comment">Hello World!</p>
|
|
</div>
|
|
</div>
|
|
<div class="container left">
|
|
<div class="content">
|
|
<h2>2016</h2>
|
|
<p>Je découvre la programmation en python grace à <a href="https://www.amazon.fr/dp/2340004594" target=”_blank”>ce livre</a></p>
|
|
</div>
|
|
</div>
|
|
<div class="container right">
|
|
<div class="content">
|
|
<h2>2018</h2>
|
|
<p>Entrée au <a href="https://lyc-vernant-sevres.ac-versailles.fr/" target=”_blank”>Lycée de Sèvres</a>, option SNT (Sciences Numériques et Technologiques)</p>
|
|
</div>
|
|
</div>
|
|
<div class="container right">
|
|
<div class="content">
|
|
<h2>2019</h2>
|
|
<p>Entrée en 1ère. Choix des options NSI (Numérique et Science de l'Informatique), Mathématiques, et Physique-Chimie</p>
|
|
</div>
|
|
</div>
|
|
<div class="container right">
|
|
<div class="content">
|
|
<h2>2020</h2>
|
|
<p>Terminale, Spécialité Maths et Physique-Chimie, option Maths expertes.</p>
|
|
<p class="comment">
|
|
J'ai du abandonner à contre-coeur l'option NSI. En effet, je voulais déjà aller en prépa, et la physique est presque obligatoire, même en MPI.
|
|
</p>
|
|
</div>
|
|
</div>
|
|
<div class="container right">
|
|
<div class="content">
|
|
<h2>2021</h2>
|
|
<p>Bac Mention Bien, spécialité Maths Physique (et COVID, je n'ai presque pas passé d'épreuves).</p>
|
|
</div>
|
|
</div>
|
|
<div class="container left">
|
|
<div class="content">
|
|
<h2>2021</h2>
|
|
<p>Programmation d'un logiciel permettant d'obtenir les données de Parcoursup automatiquement</p>
|
|
<p class="comment">Très utile pour voir le nombre de personnes devant moi sur la liste d'attente de Fénelon St Marie, sur Excel.</p>
|
|
</div>
|
|
</div>
|
|
<div class="container right">
|
|
<div class="content">
|
|
<h2>2021</h2>
|
|
<p>Sup MP2I à <a href="https://www.fenelonsaintemarie.org/classes-preparatoires/page/mp2i/" target=”_blank”>Fénelon St Marie.</a></p>
|
|
<p class="comment">Beta testeur de cette nouvelle filière. Et j'ai bien fait.</p>
|
|
</div>
|
|
</div>
|
|
<div class="container right">
|
|
<div class="content">
|
|
<h2>2022</h2>
|
|
<p>Spé en MPI*, toujours à Fénelon St Marie.</p>
|
|
</div>
|
|
</div>
|
|
<div class="container left">
|
|
<div class="content">
|
|
<h2>2022</h2>
|
|
<p>TIPE, projet de groupe en Python et en C sur du traitement d'images.</p>
|
|
</div>
|
|
</div>
|
|
<div class="container right">
|
|
<div class="content">
|
|
<h2>2023</h2>
|
|
<p>Entrée à l'ENSEIRB-MATMECA, en option Informatique.</p>
|
|
</div>
|
|
</div>
|
|
<div class="container right">
|
|
<div class="content">
|
|
<h2>2024</h2>
|
|
<p>Développement de <a href="https://piair.dev" target=”_blank”>ce site web.</a></p>
|
|
<p class="comment">Je sais qu'il est pas beau, mais je ne suis pas un créatif.</p>
|
|
</div>
|
|
</div>
|
|
<div class="container left">
|
|
<div class="content">
|
|
<h2>Et bien plus, avec vous ?</h2>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<h2 id="projetPerso">Mes projets personnels</h2>
|
|
|
|
<div id="project" class="project" hidden="hidden">
|
|
|
|
<div class="cards" id="cards">
|
|
<div class="project-container" id="project-card-0">
|
|
0
|
|
</div>
|
|
<div class="project-container" id="project-card-1">
|
|
1
|
|
</div>
|
|
<div class="project-container" id="project-card-2">
|
|
2
|
|
</div>
|
|
</div>
|
|
<div class="left-arrow arrow" id="project-button-left">
|
|
<p>left arrow</p>
|
|
</div>
|
|
<div class="right-arrow arrow" id="project-button-right">
|
|
<p>right arrow</p>
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</body>
|
|
</html> |