133 lines
6.3 KiB
HTML
133 lines
6.3 KiB
HTML
<!DOCTYPE HTML>
|
|
<!--
|
|
Astral by HTML5 UP
|
|
html5up.net | @ajlkn
|
|
Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
|
|
-->
|
|
<html>
|
|
<head>
|
|
<title>Astral by HTML5 UP</title>
|
|
<meta charset="utf-8" />
|
|
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
|
<!--[if lte IE 8]><script src="assets/js/ie/html5shiv.js"></script><![endif]-->
|
|
<link rel="stylesheet" href="assets/css/main.css" />
|
|
<noscript><link rel="stylesheet" href="assets/css/noscript.css" /></noscript>
|
|
<!--[if lte IE 8]><link rel="stylesheet" href="assets/css/ie8.css" /><![endif]-->
|
|
</head>
|
|
<body>
|
|
|
|
<!-- Wrapper-->
|
|
<div id="wrapper">
|
|
|
|
<!-- Nav -->
|
|
<nav id="nav">
|
|
<a href="#me" class="icon fa-home active"><span>Moi</span></a>
|
|
<a href="#school" class="icon fa-briefcase"><span>École</span></a>
|
|
<a href="#project" class="icon fa-folder"><span>Mes projets</span></a>
|
|
<a href="https://github.com/mirsella" class="icon fa-github"><span>Mon Github</span></a>
|
|
</nav>
|
|
|
|
<!-- Main -->
|
|
<div id="main">
|
|
|
|
<!-- Me -->
|
|
<article id="me" class="panel">
|
|
<header>
|
|
<h1>GILLARD Lucas</h1>
|
|
<p>Étudiant de T2D3 au Lycee La Fayette</p>
|
|
</header>
|
|
<a href="#project" class="jumplink pic">
|
|
<span class="arrow icon fa-chevron-right"><span>See my project</span></span>
|
|
<img src="images/me.jpg" alt="" />
|
|
</a>
|
|
</article>
|
|
|
|
<!-- School -->
|
|
<article id="school" class="panel">
|
|
<header>
|
|
<h2>mon éducation</h2>
|
|
</header>
|
|
<div>
|
|
<h3>Lycee La Fayette</h3>
|
|
<img src="images/lycee.png" alt="lycee la fayette logo">
|
|
<p>j'ai fait une seconde general, premiere STI2D et une terminal STI2D dans cette etablissement</p>
|
|
</div>
|
|
<div>
|
|
<h3>École 42</h3>
|
|
<img src="images/42.jpg" alt="ecole 42 batiment">
|
|
<p>je compte essayer de rentre a l'ecole 42, situé a paris elle offre un cursus en informatique et un system educatif innovant</p>
|
|
</div>
|
|
</article>
|
|
|
|
<!-- project -->
|
|
<article id="project" class="panel">
|
|
<header>
|
|
<h2>mes projets</h2>
|
|
</header>
|
|
<a href="https://github.com/mirsella" target="_blank">
|
|
<p>tout ces projects peuvent etre retrouvé sur mon github, ainsi que plus</p>
|
|
<img src="images/github.png" alt="">
|
|
</a>
|
|
<section>
|
|
<div class="row">
|
|
<div class="4u 12u$(mobile)">
|
|
<a href="https://ortener.herokuapp.com" class="image fit">
|
|
<img src="images/ortener.png" alt="ortener">
|
|
<p>un raccourcisseur d'url</p>
|
|
</a>
|
|
</div>
|
|
<div class="4u 12u$(mobile)">
|
|
<a href="https://ytdl.now.im" class="image fit">
|
|
<img src="images/tutubedl.png" alt="tutubedl">
|
|
<p>un convertisseur youtube mp3/mp4</p>
|
|
</a>
|
|
</div>
|
|
<div class="4u$ 12u$(mobile)">
|
|
<a href="https://github.com/mirsella/magisk-fusermount-bin" class="image fit">
|
|
<img src="images/fusermount.png" alt="fusermount">
|
|
<p>un module magisk (debloquer un acces root sur android) pour ajouter la binary fusermount a /usr/bin</p>
|
|
</a>
|
|
</div>
|
|
<div class="4u 12u$(mobile)">
|
|
<a href="https://github.com/mirsella/telegramnotif" target="_blank">
|
|
<img src="images/telegrambot.png" alt="telegrambot">
|
|
<p>je peux recevoir des notifications push sur mon telephone grace a l'api telegram</p>
|
|
</a>
|
|
</div>
|
|
<div class="4u 12u$(mobile)">
|
|
<a href="https://github.com/mirsella/turboself" class="image fit">
|
|
turboself : utilise puppeteer pour me notifier si j'ai pas reserver un repas
|
|
</a>
|
|
</div>
|
|
<div class="4u$ 12u$(mobile)">
|
|
<a href="https://github.com/mirsella/pronote-api-wrapper" class="image fit">
|
|
pronote-api-wrapper : utilise l'api pronote pour m'envoyez des notifications de nouveaux evenements
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
</article>
|
|
|
|
|
|
</div>
|
|
|
|
<!-- Footer -->
|
|
<div id="footer">
|
|
<ul class="copyright">
|
|
<li>© GILLARD LUCAS mirsella@protonmail.com</li><li>Design: <a href="http://html5up.net">HTML5 UP</a></li>
|
|
</ul>
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<!-- Scripts -->
|
|
<script src="assets/js/jquery.min.js"></script>
|
|
<script src="assets/js/skel.min.js"></script>
|
|
<script src="assets/js/skel-viewport.min.js"></script>
|
|
<script src="assets/js/util.js"></script>
|
|
<!--[if lte IE 8]><script src="assets/js/ie/respond.min.js"></script><![endif]-->
|
|
<script src="assets/js/main.js"></script>
|
|
|
|
</body>
|
|
</html>
|