121 lines
7.2 KiB
HTML
121 lines
7.2 KiB
HTML
<!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>Astro Pi</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>Mission Space Lab</h1>
|
|
</div>
|
|
<div class="space"></div>
|
|
<div class="logo">
|
|
<img src="img/astroPiLogo.svg" alt="logo">
|
|
</div>
|
|
</div>
|
|
</header>
|
|
|
|
<div id="sltc1" class="spaceLabTitle-container">
|
|
<h1>Le concours Astro Pi</h1>
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<!-- C'est quoi ? -->
|
|
<div class="desc-container black container-container">
|
|
<div id="imgAstroPi1" class="imgRight"></div>
|
|
|
|
<div class="descText">
|
|
<h2>Astro Pi ? C'est quoi ?</h2>
|
|
<p class="black">Le concours Astro Pi est organisé par l'ESA, pour les écoles européennes. Il se décompose en 4 phases : la soumission du projet, la réalisation du projet, la vérification du programme et son exécution sur l'ISS, puis la phase de compte rendu en anglais. Chaque phase est éliminatoire. Le meilleur compte rendu gagne le concours.</p>
|
|
|
|
<button><a href="https://astro-pi.org/mission-space-lab/" target="_blank">En savoir plus</a></button>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Notre projet -->
|
|
<div class="desc-container white container-container">
|
|
<div id="imgAstroPi2" class="imgRight"></div>
|
|
|
|
<div class="descText">
|
|
<h2>Notre projet</h2>
|
|
<p class="white">Pour réaliser le projet, nous étions par groupe de 5. Le notre consistait à prendre des photos de la terre à partir de l'ISS pour ensuite y détecter les fumées d'incendie. Le but était de créer un moyen de détecter les feux plus efficacement.</p>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Mes tâches -->
|
|
<div class="desc-container black container-container">
|
|
<div id="imgAstroPi3" class="imgRight"></div>
|
|
|
|
<div class="descText">
|
|
<h2>Mes tâches</h2>
|
|
<p class="black">Pour ce projet j'étais chargé de faire le traitement d'image. Pour cela j'ai opté pour la méthode KNN (Cas Plus Proche Voisin en français). Mais les images étaient trop grandes en termes de pixels et donc le traitement d'une seule image mettait trop longtemps ... J'ai alors dû faire un code qui découpe les images en d'autres plus petites.</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>
|
|
|
|
<!-- <a href="https://www.flaticon.com/free-icons/arrows" title="arrows icons">Arrows icons created by Pixel perfect - Flaticon</a> -->
|
|
<!--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>--> |