03/10/23 firstcommit
This commit is contained in:
+132
@@ -0,0 +1,132 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="fr">
|
||||
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||
<link rel="stylesheet" href="css/projects.css">
|
||||
<link rel="stylesheet" href="css/backBtn.css">
|
||||
<link rel="stylesheet" href="css/footer.css">
|
||||
<link rel="stylesheet" href="css/overflow.css">
|
||||
<title>Projet de fin d'année 2022</title>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<div class="containerBody">
|
||||
|
||||
<div class="header-container container-container">
|
||||
<header class="container-container">
|
||||
<button onclick="rtn()" class="backBtn-container">
|
||||
<div class="backArrow">
|
||||
<img src="img/backArrow.png" alt="back arrow">
|
||||
</div>
|
||||
|
||||
<div class="backTxt">
|
||||
<p>BACK</p>
|
||||
</div>
|
||||
</button>
|
||||
<div class="projectName-container">
|
||||
<div class="name">
|
||||
<h1>Projet de fin d'année</h1>
|
||||
</div>
|
||||
<div class="space"></div>
|
||||
<div class="logo">
|
||||
<p class="projetITLogo">1ère</p>
|
||||
<p class="projetITLogo">STI</p>
|
||||
</div>
|
||||
</div>
|
||||
</header>
|
||||
|
||||
<div id="sltc3" class="spaceLabTitle-container">
|
||||
<h1>PROJET IT 2022</h1>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Le projet -->
|
||||
<div class="desc-container black container-container">
|
||||
<div id="imgProjetIT1" class="imgRight"></div>
|
||||
|
||||
<div class="descText">
|
||||
<h2>Le projet</h2>
|
||||
<p class="black">Le projet portait sur la sécurité routière. Nous devions trouver un moyen de
|
||||
communiquer avec le véhicule derrière le nôtre. Nous avons opté pour un message visuel qui affiche
|
||||
un rond vert lorsque le véhicule suiveur est à bonne distance du nôtre et un rouge lorsque qu'il est
|
||||
trop près. Tout cela en fonction de la vitesse bien entendu.<br />Nous devions également créer une
|
||||
application mobile pour en alerter l'utilisateur.</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Mes tâches -->
|
||||
<div class="desc-container white container-container">
|
||||
<div id="imgProjetIT2" class="imgRight"></div>
|
||||
|
||||
<div class="descText">
|
||||
<h2>Mes tâches</h2>
|
||||
<p class="white">Je devais faire l'application et transférer des informations récoltées par un capteur
|
||||
ultrason depuis la carte Adafruit vers le téléphone, le tout via un module bluetooth HC-05. Nous
|
||||
avons coder en Micro-Python. Pour ce qui est de l'application mobile je me suis servi de <a
|
||||
class="white" href="https://appinventor.mit.edu/" target="_blank">MIT AppInventor</a>.</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<footer class="container-container">
|
||||
<div class="footer">
|
||||
<div class="colones-container">
|
||||
<div class="left">
|
||||
<div class="links-container">
|
||||
<a href="https://github.com/Maethik" target="_blank"><img src="img/githubLogo.svg"
|
||||
alt="github logo"></a>
|
||||
<a href="https://www.linkedin.com/in/math%C3%A9o-guilbert-26a209258/" target="_blank"><img
|
||||
src="img//linkedinLogo.svg" alt="linkedin logo"></a>
|
||||
<a href="https://www.awwwards.com/matheo/" target="_blank"><img src="img/awwwardsLogo.svg"
|
||||
alt="awwwards logo"></a>
|
||||
<a href="https://fr.fiverr.com/maethik?" target="_blank"><img
|
||||
src="img/fiverrLogo.svg" alt="fiverr logo"></a>
|
||||
</div>
|
||||
<!--<div class="btnContact-container">
|
||||
<button><a href="contact.html">Me contacter par mail</a></button>
|
||||
</div>-->
|
||||
</div>
|
||||
<div class="separation"></div>
|
||||
<div class="right">
|
||||
|
||||
<p><a href="https://www.flaticon.com/free-icons/arrows" title="arrows icons">Arrows icons
|
||||
created by Pixel perfect - Flaticon</a></p>
|
||||
<p>Image par <a
|
||||
href="https://pixabay.com/fr/users/prusakov-1149804/?utm_source=link-attribution&utm_medium=referral&utm_campaign=image&utm_content=834635">Sergey
|
||||
Prusakov</a> de <a
|
||||
href="https://pixabay.com/fr//?utm_source=link-attribution&utm_medium=referral&utm_campaign=image&utm_content=834635">Pixabay</a>
|
||||
</p>
|
||||
<p><a href="https://www.flaticon.com/free-icons/arrow" title="arrow icons">Arrow icons created
|
||||
by Freepik - Flaticon</a></p>
|
||||
<p>Image par <a
|
||||
href="https://pixabay.com/fr/users/blendertimer-9538909/?utm_source=link-attribution&utm_medium=referral&utm_campaign=image&utm_content=5559099">Daniel
|
||||
Roberts</a> de <a
|
||||
href="https://pixabay.com/fr//?utm_source=link-attribution&utm_medium=referral&utm_campaign=image&utm_content=5559099">Pixabay</a>
|
||||
</p>
|
||||
<p>Image par <a
|
||||
href="https://pixabay.com/fr/users/krzysztof-m-1363864/?utm_source=link-attribution&utm_medium=referral&utm_campaign=image&utm_content=3173456">krzysztof-m</a>
|
||||
de <a
|
||||
href="https://pixabay.com/fr//?utm_source=link-attribution&utm_medium=referral&utm_campaign=image&utm_content=3173456">Pixabay</a>
|
||||
</p>
|
||||
<p><a href="https://www.flaticon.com/free-icons/pointing" title="pointing icons">Pointing icons
|
||||
created by Freepik - Flaticon</a></p>
|
||||
<p><a href="https://storyset.com/technology">Technology illustrations by Storyset</a></p>
|
||||
<p><a href="https://storyset.com/work">Work illustrations by Storyset</a></p>
|
||||
<p>Image par <a
|
||||
href="https://pixabay.com/fr/users/naobim-1099306/?utm_source=link-attribution&utm_medium=referral&utm_campaign=image&utm_content=7577483">naobim</a>
|
||||
de <a
|
||||
href="https://pixabay.com/fr//?utm_source=link-attribution&utm_medium=referral&utm_campaign=image&utm_content=7577483">Pixabay</a>
|
||||
</p>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</footer>
|
||||
</div>
|
||||
<script src="js/backBtn.js"></script>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
Reference in New Issue
Block a user