mirror of
https://github.com/Floriansylvain/portfolio.git
synced 2026-08-19 11:43:20 +02:00
161 lines
7.1 KiB
HTML
161 lines
7.1 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
|
|
<link rel="stylesheet" type="text/css" href="stylesheet.css">
|
|
|
|
<title>Florian Sylvain</title>
|
|
</head>
|
|
|
|
<body>
|
|
|
|
<header>
|
|
<nav>
|
|
<a href="#about">About</a>
|
|
<a href="#education">Education</a>
|
|
<a href="#experience">Experience</a>
|
|
<a href="#projects">Projects</a>
|
|
<a href="#contact">Contact</a>
|
|
</nav>
|
|
|
|
<div class="hamburger" onclick="switchNavBar()">
|
|
<span></span>
|
|
<span></span>
|
|
</div>
|
|
|
|
</header>
|
|
|
|
<div id="landing" class="main-title">
|
|
<h1>
|
|
<a href="#about">
|
|
Florian Sylvain
|
|
</a>
|
|
</h1>
|
|
</div>
|
|
|
|
<div id="content">
|
|
|
|
<div class="to-fade" id="about">
|
|
<h2>About</h2>
|
|
<div class="block">
|
|
<img class="to-grow" src="assets/imgs/FlorianSylvain.jpg">
|
|
<p>
|
|
IT student at Gustave Eiffel University and R&D Developer Apprentice at WATT Earth, I've always been passionate about computer science. Web design, video games, and algorithms are my main spearhead in computer science.
|
|
</p>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="to-fade" id="education">
|
|
<h2>Education</h2>
|
|
|
|
<div class="to-slide">
|
|
<h3>Gustave Eiffel University</h3>
|
|
<p><span class="degree">DUT Informatique</span><br><span class="time-range">Sept. 2020 - Sept. 2022</span></p>
|
|
<p>
|
|
Fundamental courses, to acquire knowledge, basic concepts and working methods; applied courses, to facilitate the learning of these concepts and to deploy professional know-how; evolutionary courses, to integrate technological progress and the requirements of the professional world; open courses, to develop the communication skills essential to computer scientists in the exercise of their profession.
|
|
</p>
|
|
</div>
|
|
|
|
<div class="to-slide">
|
|
<h3>Lycée Polyvalent René Cassin</h3>
|
|
<p><span class="degree">Baccalauréat STI2D</span><br><span class="time-range">Sept. 2017 - July. 2020</span></p>
|
|
<p>
|
|
Training in industry and technological innovation with respect to the preservation of the environment.
|
|
</p>
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div class="to-fade" id="experience">
|
|
<h2>Experience</h2>
|
|
|
|
<div class="to-slide">
|
|
<h3>WATT Earth</h3>
|
|
<p><span class="degree">R&D Developer Apprentice</span><br><span class="time-range">Oct. 2021 - Sept. 2022</span></p>
|
|
<p>Contribute to the design and development of innovative features at the heart of WATT Earth products.</p>
|
|
</div>
|
|
|
|
<div class="to-slide">
|
|
<h3>UGAP</h3>
|
|
<p><span class="degree">Technical and computer support</span><br><span class="time-range">2016, one week</span></p>
|
|
<p>
|
|
My objectives were to determine technical solutions and recommendations and to communicate them to the users, to analyze technical problems, to inform the users of the technical problems found and of the modifications and repairs to be made, to train users to a product or an equipment and to carry out the technical follow-up of the products and their evolution with the users.
|
|
</p>
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div class="to-fade" id="projects">
|
|
<h2>Projects</h2>
|
|
|
|
<div>
|
|
<article id="pong2D">
|
|
<div class="plus-button">
|
|
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M24 10h-10v-10h-4v10h-10v4h10v10h4v-10h10z"/></svg>
|
|
</div>
|
|
<div class="article-content">
|
|
<p>
|
|
My first project in Python (with Pygame). It's a simple pong, with a main menu, a pause menu and a game over.
|
|
</p>
|
|
</div>
|
|
</article>
|
|
</div>
|
|
|
|
<div>
|
|
<article id="pong3D">
|
|
<div class="plus-button">
|
|
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M24 10h-10v-10h-4v10h-10v4h10v10h4v-10h10z"/></svg>
|
|
</div>
|
|
<div class="article-content">
|
|
<p>
|
|
My very first project on Unity. It's a simple pong with some effects and a rather calm atmosphere.
|
|
</p>
|
|
</div>
|
|
</div>
|
|
</article>
|
|
|
|
<div>
|
|
<article id="risitasBot">
|
|
<div class="plus-button">
|
|
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M24 10h-10v-10h-4v10h-10v4h10v10h4v-10h10z"/></svg>
|
|
</div>
|
|
<div class="article-content">
|
|
<p>
|
|
Risitas_Bot is a Discord bot that can connect your Twitch chat to a Discord channel in real time, make your friends laugh by playing the meme "Issou!" on command in a voice channel and even give you some statistics about your Osu! account and last ranked games.
|
|
</p>
|
|
</div>
|
|
</article>
|
|
</div>
|
|
|
|
<div>
|
|
<article id="riverwood">
|
|
<div class="plus-button">
|
|
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M24 10h-10v-10h-4v10h-10v4h10v10h4v-10h10z"/></svg>
|
|
</div>
|
|
<div class="article-content">
|
|
<p>
|
|
Work of students of DUT info 1 (IUT of Marne-la-Vallée). The students had to create a sound production inspired by the short film "Calls" by Timothée Hochet.
|
|
</p>
|
|
</div>
|
|
</article>
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div class="to-fade" id="contact">
|
|
<h2>Contact</h2>
|
|
<p>todo</p>
|
|
</div>
|
|
|
|
<div style="height: 100vh;"></div>
|
|
|
|
</div>
|
|
|
|
<script type="text/javascript" src="script.js"></script>
|
|
|
|
</body>
|
|
|
|
</html> |