Mon Oct 18 02:42:56 PM CEST 2021
|
After Width: | Height: | Size: 285 KiB |
|
After Width: | Height: | Size: 159 KiB |
|
After Width: | Height: | Size: 324 KiB |
|
After Width: | Height: | Size: 28 KiB |
|
Before Width: | Height: | Size: 12 KiB After Width: | Height: | Size: 4.3 MiB |
|
After Width: | Height: | Size: 41 KiB |
|
Before Width: | Height: | Size: 6.2 KiB |
|
Before Width: | Height: | Size: 5.6 KiB |
|
Before Width: | Height: | Size: 5.4 KiB |
|
Before Width: | Height: | Size: 5.8 KiB |
|
Before Width: | Height: | Size: 5.4 KiB |
|
Before Width: | Height: | Size: 5.7 KiB |
|
Before Width: | Height: | Size: 5.4 KiB |
|
Before Width: | Height: | Size: 5.6 KiB |
|
Before Width: | Height: | Size: 5.8 KiB |
|
Before Width: | Height: | Size: 5.6 KiB |
|
Before Width: | Height: | Size: 6.0 KiB |
|
Before Width: | Height: | Size: 5.4 KiB |
|
After Width: | Height: | Size: 58 KiB |
|
After Width: | Height: | Size: 207 KiB |
|
|
@ -23,7 +23,7 @@
|
|||
<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="#work" class="icon fa-folder"><span>Mes projets</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>
|
||||
|
||||
|
|
@ -36,8 +36,8 @@
|
|||
<h1>GILLARD Lucas</h1>
|
||||
<p>Étudiant de T2D3 au Lycee La Fayette</p>
|
||||
</header>
|
||||
<a href="#work" class="jumplink pic">
|
||||
<span class="arrow icon fa-chevron-right"><span>See my work</span></span>
|
||||
<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>
|
||||
|
|
@ -45,79 +45,59 @@
|
|||
<!-- School -->
|
||||
<article id="school" class="panel">
|
||||
<header>
|
||||
<h2>Contact Me</h2>
|
||||
<h2>mon éducation</h2>
|
||||
</header>
|
||||
<form action="#" method="post">
|
||||
<div>
|
||||
<div class="row">
|
||||
<div class="6u 12u$(mobile)">
|
||||
<input type="text" name="name" placeholder="Name" />
|
||||
</div>
|
||||
<div class="6u$ 12u$(mobile)">
|
||||
<input type="text" name="email" placeholder="Email" />
|
||||
</div>
|
||||
<div class="12u$">
|
||||
<input type="text" name="subject" placeholder="Subject" />
|
||||
</div>
|
||||
<div class="12u$">
|
||||
<textarea name="message" placeholder="Message" rows="8"></textarea>
|
||||
</div>
|
||||
<div class="12u$">
|
||||
<input type="submit" value="Send Message" />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
<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>
|
||||
|
||||
<!-- Work -->
|
||||
<article id="work" class="panel">
|
||||
<!-- project -->
|
||||
<article id="project" class="panel">
|
||||
<header>
|
||||
<h2>Work</h2>
|
||||
<h2>mes projets</h2>
|
||||
</header>
|
||||
<p>
|
||||
Phasellus enim sapien, blandit ullamcorper elementum eu, condimentum eu elit.
|
||||
Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia
|
||||
luctus elit eget interdum.
|
||||
</p>
|
||||
<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="#" class="image fit"><img src="images/pic01.jpg" alt=""></a>
|
||||
<a href="https://ortener.herokuapp.com" class="image fit">
|
||||
<p>un raccourcisseur d'url</p>
|
||||
<img src="images/ortener.png" alt="ortener">
|
||||
</a>
|
||||
</div>
|
||||
<div class="4u 12u$(mobile)">
|
||||
<a href="#" class="image fit"><img src="images/pic02.jpg" alt=""></a>
|
||||
<a href="https://ytdl.now.im" class="image fit">
|
||||
<p>un convertisseur youtube mp3/mp4</p>
|
||||
<img src="images/tutubedl.png" alt="tutubedl">
|
||||
</a>
|
||||
</div>
|
||||
<div class="4u$ 12u$(mobile)">
|
||||
<a href="#" class="image fit"><img src="images/pic03.jpg" alt=""></a>
|
||||
</div>
|
||||
<div class="4u 12u$(mobile)">
|
||||
<a href="#" class="image fit"><img src="images/pic04.jpg" alt=""></a>
|
||||
</div>
|
||||
<div class="4u 12u$(mobile)">
|
||||
<a href="#" class="image fit"><img src="images/pic05.jpg" alt=""></a>
|
||||
</div>
|
||||
<div class="4u$ 12u$(mobile)">
|
||||
<a href="#" class="image fit"><img src="images/pic06.jpg" alt=""></a>
|
||||
</div>
|
||||
<div class="4u 12u$(mobile)">
|
||||
<a href="#" class="image fit"><img src="images/pic07.jpg" alt=""></a>
|
||||
</div>
|
||||
<div class="4u 12u$(mobile)">
|
||||
<a href="#" class="image fit"><img src="images/pic08.jpg" alt=""></a>
|
||||
</div>
|
||||
<div class="4u$ 12u$(mobile)">
|
||||
<a href="#" class="image fit"><img src="images/pic09.jpg" alt=""></a>
|
||||
</div>
|
||||
<div class="4u 12u$(mobile)">
|
||||
<a href="#" class="image fit"><img src="images/pic10.jpg" alt=""></a>
|
||||
</div>
|
||||
<div class="4u 12u$(mobile)">
|
||||
<a href="#" class="image fit"><img src="images/pic11.jpg" alt=""></a>
|
||||
</div>
|
||||
<div class="4u$ 12u$(mobile)">
|
||||
<a href="#" class="image fit"><img src="images/pic12.jpg" alt=""></a>
|
||||
<a href="https://github.com/mirsella/magisk-fusermount-bin" class="image fit">
|
||||
<p>un module magisk (debloquer un acces root sur android) pour ajouter la binary fusermount a /usr/bin</p>
|
||||
<img src="images/fusermount.png" alt="fusermount">
|
||||
</a>
|
||||
</div>
|
||||
<div class="4u 12u$(mobile)">
|
||||
<p>je peux recevoir des notifications sur mon telephone grace a l'api telegram</p>
|
||||
<img src="images/telegrambot.png" alt="telegrambot">
|
||||
<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>
|
||||
<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>
|
||||
</section>
|
||||
</article>
|
||||
|
|
|
|||