<!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">
    </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>
        <script src="src/js/annimateTimeLine.js"></script>
    </body>
</html>