03/10/23 firstcommit
This commit is contained in:
+155
@@ -0,0 +1,155 @@
|
|||||||
|
<!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/about.css">
|
||||||
|
<link rel="stylesheet" href="css/backBtn.css">
|
||||||
|
<link rel="stylesheet" href="css/footer.css">
|
||||||
|
<link rel="stylesheet" href="css/overflow.css">
|
||||||
|
<title>About me !</title>
|
||||||
|
</head>
|
||||||
|
|
||||||
|
<body>
|
||||||
|
<div class="contentPage-container">
|
||||||
|
<div class="container-container first-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="header">
|
||||||
|
<div class="divImgProfil">
|
||||||
|
<img class="imgProfil" src="img/photoProfil.jpg" alt="photo de Mathéo">
|
||||||
|
</div>
|
||||||
|
<h1>Un lycéen<br />passionné<br /><span>d'informatique</span></h1>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="container-container other-container">
|
||||||
|
<!-- borderBottomImage -->
|
||||||
|
<div class="borderBottomImg"></div>
|
||||||
|
<!-- about - schoolPart -->
|
||||||
|
<div class="mySchoolParcours-container part-container whiteBgc">
|
||||||
|
<div class="leftColumn">
|
||||||
|
<img src="img/timeMachine.svg" alt="time machine image">
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="rightColumn">
|
||||||
|
<h2 class="black">PRE BAC</h2>
|
||||||
|
<h3 class="black">De Coron à Chemillé</h3>
|
||||||
|
<p class="black">J'ai d'abord fait une maternelle puis une primaire à l'école Saint Louis à Coron,
|
||||||
|
ma commune de résidence. Je suis ensuite allé au collège Notre Dame à La Salle de
|
||||||
|
Vihiers.<br />J'ai fait une seconde générale à Renaudeau pour intégrer une filière STI2D SIN au
|
||||||
|
lycée de L'Hyrôme, à Chemillé.</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="container-container other-container">
|
||||||
|
<!-- borderBottomImage -->
|
||||||
|
<div class="borderTopImg"></div>
|
||||||
|
<!-- about - postBac -->
|
||||||
|
<div class="postBac-container part-container blackBgc">
|
||||||
|
<div class="leftColumn">
|
||||||
|
<img src="img/computingIllustration.svg" alt="illustration d'informatique">
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="rightColumn">
|
||||||
|
<h2 class="white">POST BAC</h2>
|
||||||
|
<h3 class="white">Informatique un jours,<br />Informatique toujours !</h3>
|
||||||
|
<p class="white">Après le BAC, je voudrais faire un BUT Informatique en trois ans, et, pourquoi pas,
|
||||||
|
poursuivre dans une école d'ingénieur. Toujours dans l'informatique bien entendu !</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="container-container other-container">
|
||||||
|
<!-- borderBottomImage -->
|
||||||
|
<div class="borderBottomImg"></div>
|
||||||
|
<!-- about - skills -->
|
||||||
|
<div class="skillsProgramming-container part-container whiteBgc">
|
||||||
|
<div class="leftColumn">
|
||||||
|
<img src="img/codeIllustration.svg" alt="illustration de code">
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="rightColumn">
|
||||||
|
<h2 class="black">SKILLS</h2>
|
||||||
|
<h3 class="black">HTML, CSS, JS, Python,<br />C and more ...</h3>
|
||||||
|
<p class="black">J'ai commencé par apprendre le HTML et le CSS lors d'un stage en 4ème année de
|
||||||
|
collège. Puis j'ai étendu mes connaissances avec le Python. Dans le cadre du lycée j'ai aussi
|
||||||
|
coder en C et en JS, je n'ai pas résisté à ma curiosité bien longtemps et j'ai approfondi ces
|
||||||
|
toutes nouvelles notions toutes autant appétissantes les unes que les autres en autodidacte.</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- FOOTER -->
|
||||||
|
<div class="container-container other-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>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<script src="js/backBtn.js"></script>
|
||||||
|
|
||||||
|
</body>
|
||||||
|
|
||||||
|
</html>
|
||||||
+121
@@ -0,0 +1,121 @@
|
|||||||
|
<!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>-->
|
||||||
@@ -0,0 +1,33 @@
|
|||||||
|
<!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/contact.css">
|
||||||
|
<link rel="stylesheet" href="css/overflow.css">
|
||||||
|
<title>Contact</title>
|
||||||
|
</head>
|
||||||
|
|
||||||
|
<body>
|
||||||
|
<div class="contact-container">
|
||||||
|
<form class="formulaire">
|
||||||
|
<h1><span>#</span>CONTACTME</h1>
|
||||||
|
<div class="labelAndInput-container">
|
||||||
|
<label for="mail">E-mail</label>
|
||||||
|
<input type="email" id="mail" name="user_mail" placeholder="Ex : matheo.portfolio@mail.fr">
|
||||||
|
</div>
|
||||||
|
<div class="labelAndInput-container">
|
||||||
|
<label for="msg">Message</label>
|
||||||
|
<textarea id="msg" name="user_message" placeholder="Entrez votre message ici !"></textarea>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</form>
|
||||||
|
<div class="sendBtn-container">
|
||||||
|
<button class="sendButton" id="sendBtn">Envoyer !</button>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</body>
|
||||||
|
|
||||||
|
</html>
|
||||||
+187
@@ -0,0 +1,187 @@
|
|||||||
|
@import url('https://fonts.googleapis.com/css2?family=Sofia+Sans+Semi+Condensed:wght@200;500&display=swap');
|
||||||
|
@import url('https://fonts.googleapis.com/css2?family=Rock+Salt&display=swap');
|
||||||
|
@import url('https://fonts.googleapis.com/css2?family=Source+Code+Pro:ital,wght@1,500&display=swap');
|
||||||
|
@import url('https://fonts.googleapis.com/css2?family=Source+Code+Pro:wght@300&display=swap');
|
||||||
|
@import url('https://fonts.googleapis.com/css2?family=Aboreto&display=swap');
|
||||||
|
@import url('https://fonts.googleapis.com/css2?family=Kaushan+Script&display=swap');
|
||||||
|
|
||||||
|
body {
|
||||||
|
margin: 0px;
|
||||||
|
padding: 0px;
|
||||||
|
|
||||||
|
overflow: hidden;
|
||||||
|
}
|
||||||
|
|
||||||
|
.first-container {
|
||||||
|
height: 100vh;
|
||||||
|
position: relative;
|
||||||
|
}
|
||||||
|
|
||||||
|
.other-container {
|
||||||
|
height: 100vh;
|
||||||
|
}
|
||||||
|
|
||||||
|
.container-container {
|
||||||
|
scroll-snap-align: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* headerStyle */
|
||||||
|
|
||||||
|
.header {
|
||||||
|
width: 100vw;
|
||||||
|
height: 100vh;
|
||||||
|
background-color: rgb(1, 1, 1);
|
||||||
|
display: flex;
|
||||||
|
justify-content: center;
|
||||||
|
align-items: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
.divImgProfil {
|
||||||
|
width: fit-content;
|
||||||
|
}
|
||||||
|
|
||||||
|
.imgProfil {
|
||||||
|
height: 60vh;
|
||||||
|
border-radius: 30px;
|
||||||
|
position: relative;
|
||||||
|
}
|
||||||
|
|
||||||
|
.header h1 {
|
||||||
|
color: #f1f1f1;
|
||||||
|
font-size: clamp(50px, 5vw, 80px);
|
||||||
|
font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
|
||||||
|
text-align: left;
|
||||||
|
width: fit-content;
|
||||||
|
margin-left: 50px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.header h1 span {
|
||||||
|
font-family: 'Source Code Pro', monospace;
|
||||||
|
font-size: clamp(45px, 5vw, 70px);
|
||||||
|
transition-property: color;
|
||||||
|
transition-duration: 0.75s;
|
||||||
|
transition-delay: 0s;
|
||||||
|
}
|
||||||
|
|
||||||
|
.header h1 span:hover {
|
||||||
|
color: #ff7700;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
/* contentPageStyle */
|
||||||
|
|
||||||
|
.contentPage-container {
|
||||||
|
margin: 0px;
|
||||||
|
padding: 0px;
|
||||||
|
height: 100vh;
|
||||||
|
|
||||||
|
overflow-y: scroll;
|
||||||
|
scroll-snap-type: y mandatory;
|
||||||
|
}
|
||||||
|
|
||||||
|
.borderBottomImg {
|
||||||
|
width: 100vw;
|
||||||
|
height: 6%;
|
||||||
|
background-image: url(../img/borderBottom.svg);
|
||||||
|
background-repeat: repeat;
|
||||||
|
}
|
||||||
|
|
||||||
|
.borderTopImg {
|
||||||
|
width: 100vw;
|
||||||
|
height: 6%;
|
||||||
|
background-image: url(../img/borderBottom.svg);
|
||||||
|
background-repeat: repeat;
|
||||||
|
transform: rotateX(180deg);
|
||||||
|
}
|
||||||
|
|
||||||
|
.part-container {
|
||||||
|
width: 100vw;
|
||||||
|
height: 94%;
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
.leftColumn {
|
||||||
|
width: 50vw;
|
||||||
|
height: 94%;
|
||||||
|
display: flex;
|
||||||
|
justify-content: center;
|
||||||
|
align-items: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
.leftColumn img {
|
||||||
|
width: 60%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.rightColumn {
|
||||||
|
width: 50vw;
|
||||||
|
margin-left: 5%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.rightColumn h2 {
|
||||||
|
font-size: clamp(45px, 5vw, 70px);
|
||||||
|
font-family: Arial, Helvetica, sans-serif;
|
||||||
|
font-weight: 900;
|
||||||
|
margin-bottom: 0px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.rightColumn h3 {
|
||||||
|
font-size: clamp(30px, 5vw, 60px);
|
||||||
|
font-family: 'Kaushan Script', cursive;
|
||||||
|
/*Kaushan Script*/
|
||||||
|
margin-top: 0px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.rightColumn p {
|
||||||
|
width: 60%;
|
||||||
|
margin-left: 7.5%;
|
||||||
|
text-align: justify;
|
||||||
|
font-size: clamp(20px, 5vw, 35px);
|
||||||
|
font-family: Arial, Helvetica, sans-serif;
|
||||||
|
}
|
||||||
|
|
||||||
|
.black {
|
||||||
|
color: #111;
|
||||||
|
}
|
||||||
|
|
||||||
|
.white {
|
||||||
|
color: white;
|
||||||
|
}
|
||||||
|
|
||||||
|
.whiteBgc {
|
||||||
|
background-color: white;
|
||||||
|
}
|
||||||
|
|
||||||
|
.blackBgc {
|
||||||
|
background-color: black;
|
||||||
|
}
|
||||||
|
|
||||||
|
@media screen and (max-width:1023px) {
|
||||||
|
.header {
|
||||||
|
flex-direction: column-reverse;
|
||||||
|
}
|
||||||
|
|
||||||
|
.header h1 {
|
||||||
|
margin-left: 0px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.imgProfil {
|
||||||
|
height: 55vh;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@media screen and (max-width:1500px) {
|
||||||
|
.leftColumn {
|
||||||
|
visibility: hidden;
|
||||||
|
width: 0px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.rightColumn {
|
||||||
|
width: 100vw;
|
||||||
|
margin-left: 10%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.rightColumn p {
|
||||||
|
width: 80%;
|
||||||
|
}
|
||||||
|
}
|
||||||
@@ -0,0 +1,41 @@
|
|||||||
|
.backBtn-container {
|
||||||
|
position: absolute;
|
||||||
|
top: 85px;
|
||||||
|
left: 70px;
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: space-around;
|
||||||
|
background-color: #fff;
|
||||||
|
border-style: none;
|
||||||
|
border-radius: 30px;
|
||||||
|
padding-right: 10px;
|
||||||
|
padding-left: 10px;
|
||||||
|
width: 200px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.backBtn-container a {
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: space-around;
|
||||||
|
text-decoration: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.backArrow img {
|
||||||
|
transform: rotate(180deg);
|
||||||
|
width: 40px;
|
||||||
|
height: 40px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.backTxt p {
|
||||||
|
color: #111;
|
||||||
|
font-family: 'Arial Narrow Bold', sans-serif;
|
||||||
|
font-size: 2rem;
|
||||||
|
font-weight: bold;
|
||||||
|
margin: 10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
@media screen and (max-width:1023px) {
|
||||||
|
.backBtn-container {
|
||||||
|
visibility: hidden;
|
||||||
|
}
|
||||||
|
}
|
||||||
@@ -0,0 +1,88 @@
|
|||||||
|
@import url('https://fonts.googleapis.com/css2?family=Sofia+Sans+Semi+Condensed:wght@200;500&display=swap');
|
||||||
|
@import url('https://fonts.googleapis.com/css2?family=Rock+Salt&display=swap');
|
||||||
|
@import url('https://fonts.googleapis.com/css2?family=Source+Code+Pro:ital,wght@1,500&display=swap');
|
||||||
|
@import url('https://fonts.googleapis.com/css2?family=Source+Code+Pro:wght@300&display=swap');
|
||||||
|
@import url('https://fonts.googleapis.com/css2?family=Aboreto&display=swap');
|
||||||
|
|
||||||
|
/* CONTACT PAGE */
|
||||||
|
body {
|
||||||
|
margin: 0px;
|
||||||
|
padding: 0px;
|
||||||
|
background-color: #fff;
|
||||||
|
}
|
||||||
|
|
||||||
|
.contact-container {
|
||||||
|
width: 100vw;
|
||||||
|
height: 100vh;
|
||||||
|
display: flex;
|
||||||
|
justify-content: center;
|
||||||
|
align-items: center;
|
||||||
|
flex-direction: column;
|
||||||
|
}
|
||||||
|
|
||||||
|
.formulaire h1 {
|
||||||
|
color: #ff7700;
|
||||||
|
font-size: 5em;
|
||||||
|
font-family: 'Sofia Sans Semi Condensed', sans-serif;
|
||||||
|
}
|
||||||
|
|
||||||
|
.formulaire h1 span {
|
||||||
|
background-color: #111;
|
||||||
|
border-radius: 15px;
|
||||||
|
padding-left: 10px;
|
||||||
|
padding-right: 10px;
|
||||||
|
margin-right: 10px;
|
||||||
|
color: #f1f1f1;
|
||||||
|
font-size: 1em;
|
||||||
|
font-family: 'Source Code Pro', monospace;
|
||||||
|
}
|
||||||
|
|
||||||
|
.labelAndInput-container {
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
}
|
||||||
|
|
||||||
|
.labelAndInput-container label {
|
||||||
|
color: #111;
|
||||||
|
font-family: 'Source Code Pro', monospace;
|
||||||
|
font-weight: bold;
|
||||||
|
font-size: 1em;
|
||||||
|
margin: 10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.labelAndInput-container input {
|
||||||
|
border: solid 1px;
|
||||||
|
border-color: #111;
|
||||||
|
border-radius: 10px;
|
||||||
|
width: 100%;
|
||||||
|
height: 30px;
|
||||||
|
background-color: #fff;
|
||||||
|
}
|
||||||
|
|
||||||
|
.labelAndInput-container textarea {
|
||||||
|
border: solid 1px;
|
||||||
|
border-color: #111;
|
||||||
|
border-radius: 10px;
|
||||||
|
width: 100%;
|
||||||
|
height: 100px;
|
||||||
|
background-color: #fff;
|
||||||
|
}
|
||||||
|
|
||||||
|
.sendButton {
|
||||||
|
margin-top: 30px;
|
||||||
|
background-color: #ff7700;
|
||||||
|
color: #f1f1f1;
|
||||||
|
border-radius: 30px;
|
||||||
|
border: none;
|
||||||
|
padding: 10px;
|
||||||
|
padding-left: 20px;
|
||||||
|
padding-right: 20px;
|
||||||
|
font-size: 1.5em;
|
||||||
|
}
|
||||||
|
|
||||||
|
.sendButton:hover {
|
||||||
|
border: solid 2px;
|
||||||
|
border-color: #ff7700;
|
||||||
|
background-color: #fff;
|
||||||
|
color: #ff7700;
|
||||||
|
}
|
||||||
+114
@@ -0,0 +1,114 @@
|
|||||||
|
@import url('https://fonts.googleapis.com/css2?family=Sofia+Sans+Semi+Condensed:wght@200;500&display=swap');
|
||||||
|
@import url('https://fonts.googleapis.com/css2?family=Rock+Salt&display=swap');
|
||||||
|
@import url('https://fonts.googleapis.com/css2?family=Source+Code+Pro:ital,wght@1,500&display=swap');
|
||||||
|
@import url('https://fonts.googleapis.com/css2?family=Source+Code+Pro:wght@300&display=swap');
|
||||||
|
@import url('https://fonts.googleapis.com/css2?family=Aboreto&display=swap');
|
||||||
|
|
||||||
|
body {
|
||||||
|
margin: 0px;
|
||||||
|
padding: 0px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.footer {
|
||||||
|
width: 100vw;
|
||||||
|
background-color: #fff;
|
||||||
|
}
|
||||||
|
|
||||||
|
.colones-container {
|
||||||
|
height: 100vh;
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
.left {
|
||||||
|
width: 50vw;
|
||||||
|
height: 50vh;
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
justify-content: center;
|
||||||
|
align-items: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
.separation {
|
||||||
|
width: 2px;
|
||||||
|
height: 80vh;
|
||||||
|
background-color: #111;
|
||||||
|
}
|
||||||
|
|
||||||
|
.right {
|
||||||
|
width: 50vw;
|
||||||
|
height: fit-content;
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
justify-content: center;
|
||||||
|
align-items: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
.right p {
|
||||||
|
color: #111;
|
||||||
|
font-size: 1.25rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
.links-container {
|
||||||
|
display: flex;
|
||||||
|
justify-content: space-around;
|
||||||
|
width: 60%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.links-container a {
|
||||||
|
background-color: transparent;
|
||||||
|
border: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.links-container a img {
|
||||||
|
width: 60px;
|
||||||
|
height: 60px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.btnContact-container {
|
||||||
|
margin-top: 5%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.btnContact-container button {
|
||||||
|
font-size: 1.5em;
|
||||||
|
font-family: 'Source Code Pro', monospace;
|
||||||
|
padding: 20px;
|
||||||
|
background-color: #111;
|
||||||
|
color: #f1f1f1;
|
||||||
|
border-radius: 30px;
|
||||||
|
border-style: none;
|
||||||
|
font-weight: bold;
|
||||||
|
}
|
||||||
|
|
||||||
|
.btnContact-container button:hover {
|
||||||
|
background-color: transparent;
|
||||||
|
border: solid 3px;
|
||||||
|
border-color: #111;
|
||||||
|
color: #111;
|
||||||
|
}
|
||||||
|
|
||||||
|
.btnContact-container button a {
|
||||||
|
text-decoration: none;
|
||||||
|
color: #f1f1f1;
|
||||||
|
}
|
||||||
|
|
||||||
|
.btnContact-container button a:hover {
|
||||||
|
color: #111;
|
||||||
|
}
|
||||||
|
|
||||||
|
@media screen and (max-width:1023px) {
|
||||||
|
.colones-container {
|
||||||
|
flex-direction: column;
|
||||||
|
}
|
||||||
|
.left {
|
||||||
|
width: 100vw;
|
||||||
|
}
|
||||||
|
.right {
|
||||||
|
width: 100vw;
|
||||||
|
margin-top: 4%;
|
||||||
|
}
|
||||||
|
.separation {
|
||||||
|
width: 80vw;
|
||||||
|
height: 3px;
|
||||||
|
}
|
||||||
|
}
|
||||||
@@ -0,0 +1,282 @@
|
|||||||
|
@import url('https://fonts.googleapis.com/css2?family=Sofia+Sans+Semi+Condensed:wght@200;500&display=swap');
|
||||||
|
@import url('https://fonts.googleapis.com/css2?family=Rock+Salt&display=swap');
|
||||||
|
@import url('https://fonts.googleapis.com/css2?family=Source+Code+Pro:ital,wght@1,500&display=swap');
|
||||||
|
@import url('https://fonts.googleapis.com/css2?family=Source+Code+Pro:wght@300&display=swap');
|
||||||
|
@import url('https://fonts.googleapis.com/css2?family=Aboreto&display=swap');
|
||||||
|
@import url('https://fonts.googleapis.com/css2?family=Tilt+Warp&display=swap');
|
||||||
|
|
||||||
|
/* Home Page CSS */
|
||||||
|
body,
|
||||||
|
html {
|
||||||
|
margin: 0px;
|
||||||
|
padding: 0px;
|
||||||
|
}
|
||||||
|
|
||||||
|
html.active {
|
||||||
|
overflow-y: hidden;
|
||||||
|
}
|
||||||
|
|
||||||
|
.homePage-container {
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Menu rideau */
|
||||||
|
.nav-toggler {
|
||||||
|
position: relative;
|
||||||
|
z-index: 10;
|
||||||
|
top: 30px;
|
||||||
|
left: 30px;
|
||||||
|
height: 50px;
|
||||||
|
width: 50px;
|
||||||
|
border: none;
|
||||||
|
outline: none;
|
||||||
|
cursor: pointer;
|
||||||
|
display: flex;
|
||||||
|
justify-content: center;
|
||||||
|
align-items: center;
|
||||||
|
background: transparent;
|
||||||
|
}
|
||||||
|
|
||||||
|
.line {
|
||||||
|
position: absolute;
|
||||||
|
display: block;
|
||||||
|
width: 100%;
|
||||||
|
height: 3px;
|
||||||
|
background: #f1f1f1;
|
||||||
|
transition: transform 0.3s ease-out,
|
||||||
|
opacity 0.1s ease-out;
|
||||||
|
}
|
||||||
|
|
||||||
|
.l1 {
|
||||||
|
transform: translateY(-10px);
|
||||||
|
}
|
||||||
|
|
||||||
|
.l3 {
|
||||||
|
transform: translateY(10px);
|
||||||
|
}
|
||||||
|
|
||||||
|
.nav-toggler.active .l1 {
|
||||||
|
transform: translateY(0px) rotate(45deg);
|
||||||
|
}
|
||||||
|
|
||||||
|
.nav-toggler.active .l2 {
|
||||||
|
opacity: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.nav-toggler.active .l3 {
|
||||||
|
transform: translateY(0px) rotate(-45deg);
|
||||||
|
}
|
||||||
|
|
||||||
|
nav {
|
||||||
|
position: fixed;
|
||||||
|
width: 100vw;
|
||||||
|
min-height: 100vh;
|
||||||
|
display: flex;
|
||||||
|
justify-content: center;
|
||||||
|
align-items: center;
|
||||||
|
flex-direction: column;
|
||||||
|
background: #111;
|
||||||
|
|
||||||
|
transform: translateX(-100%);
|
||||||
|
transition: transform 0.3s cubic-bezier(0.73, 0.11, 0.67, 0.84);
|
||||||
|
}
|
||||||
|
|
||||||
|
nav.active {
|
||||||
|
transform: translateX(0);
|
||||||
|
}
|
||||||
|
|
||||||
|
nav a {
|
||||||
|
font-family: 'Sofia Sans Semi Condensed', sans-serif;
|
||||||
|
color: #f1f1f1;
|
||||||
|
font-size: clamp(40px, 5vw, 60px);
|
||||||
|
display: block;
|
||||||
|
margin: 20px 0;
|
||||||
|
text-decoration: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.txtHover:hover {
|
||||||
|
color: #ff7700;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Partie haute de la page */
|
||||||
|
|
||||||
|
.homePage-top {
|
||||||
|
background-color: #ff7700;
|
||||||
|
width: 100vw;
|
||||||
|
height: 100vh;
|
||||||
|
display: flex;
|
||||||
|
justify-content: center;
|
||||||
|
margin-bottom: 3%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.Home-container {
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
}
|
||||||
|
|
||||||
|
.nav-container {
|
||||||
|
display: flex;
|
||||||
|
width: 100vw;
|
||||||
|
align-items: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
.titleNav {
|
||||||
|
position: absolute;
|
||||||
|
right: 30px;
|
||||||
|
top: 30px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.titleNav p {
|
||||||
|
color: #f1f1f1;
|
||||||
|
font-size: 4rem;
|
||||||
|
margin: 0px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.textAcroche-container {
|
||||||
|
display: flex;
|
||||||
|
justify-content: center;
|
||||||
|
align-items: center;
|
||||||
|
height: 88vh;
|
||||||
|
flex-direction: column;
|
||||||
|
}
|
||||||
|
|
||||||
|
.textAcroche {
|
||||||
|
color: #f1f1f1;
|
||||||
|
width: 60vw;
|
||||||
|
font-size: clamp(40px, 5vw, 50px);
|
||||||
|
font-family: 'Sofia Sans Semi Condensed', sans-serif;
|
||||||
|
font-weight: bold;
|
||||||
|
text-align: center;
|
||||||
|
display: flex;
|
||||||
|
justify-content: center;
|
||||||
|
align-items: center;
|
||||||
|
margin-top: 15vh;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Partie basse de la page */
|
||||||
|
.homePage-bottom {
|
||||||
|
background-color: #fff;
|
||||||
|
width: 100vw;
|
||||||
|
height: 100vh;
|
||||||
|
}
|
||||||
|
|
||||||
|
.recentsProjects-container h1 {
|
||||||
|
font-size: clamp(45px, 5vw, 70px);
|
||||||
|
text-align: center;
|
||||||
|
font-family: 'Sofia Sans Semi Condensed', sans-serif;
|
||||||
|
margin-top: 0px;
|
||||||
|
margin-bottom: 0px;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Swiper Content */
|
||||||
|
.swiper-slide {
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
}
|
||||||
|
|
||||||
|
.slide-img {
|
||||||
|
border-top-left-radius: 30px;
|
||||||
|
border-top-right-radius: 30px;
|
||||||
|
width: 100%;
|
||||||
|
height: 200px;
|
||||||
|
background-color: #ff7700;
|
||||||
|
}
|
||||||
|
|
||||||
|
#slideOne {
|
||||||
|
background-image: url("../img/bgMountain.svg");
|
||||||
|
background-size: cover;
|
||||||
|
background-repeat: no-repeat;
|
||||||
|
background-position: 25%;
|
||||||
|
}
|
||||||
|
|
||||||
|
#slideTwo {
|
||||||
|
background-image: url("../img/bgHtmlAndCss.svg");
|
||||||
|
background-size: cover;
|
||||||
|
background-repeat: no-repeat;
|
||||||
|
background-position: 25%;
|
||||||
|
}
|
||||||
|
|
||||||
|
#slideThree {
|
||||||
|
background-image: url("../img/imgCity.png");
|
||||||
|
background-size: cover;
|
||||||
|
background-repeat: no-repeat;
|
||||||
|
background-position: 25%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.slide-title {
|
||||||
|
font-size: 1.5rem;
|
||||||
|
color: rgb(44, 44, 44);
|
||||||
|
font-family: 'Tilt Warp', cursive;
|
||||||
|
margin-left: 20px;
|
||||||
|
margin-top: 5px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.slide-title h2 {
|
||||||
|
margin-top: 0px;
|
||||||
|
margin-bottom: 0px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.slide-desc {
|
||||||
|
color: rgb(72, 72, 72);
|
||||||
|
font-size: 1.25rem;
|
||||||
|
font-family: 'Sofia Sans Semi Condensed', sans-serif;
|
||||||
|
margin-right: 30px;
|
||||||
|
margin-left: 30px;
|
||||||
|
text-align: justify;
|
||||||
|
}
|
||||||
|
|
||||||
|
.slide-readmore-btn {
|
||||||
|
height: 20%;
|
||||||
|
display: flex;
|
||||||
|
justify-content: center;
|
||||||
|
align-items: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
.slide-readmore-btn button {
|
||||||
|
border: solid 3px;
|
||||||
|
border-color: #111;
|
||||||
|
border-radius: 0px;
|
||||||
|
background-color: transparent;
|
||||||
|
color: #111;
|
||||||
|
font-family: 'Tilt Warp', cursive;
|
||||||
|
font-size: 1.5rem;
|
||||||
|
padding: 5px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.slide-readmore-btn a {
|
||||||
|
text-decoration: none;
|
||||||
|
color: #111;
|
||||||
|
}
|
||||||
|
|
||||||
|
.slide-readmore-btn button:hover {
|
||||||
|
color: #ff7700;
|
||||||
|
border-color: #ff7700;
|
||||||
|
}
|
||||||
|
|
||||||
|
.slide-readmore-btn a:hover {
|
||||||
|
color: #ff7700;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
/* FOOTER */
|
||||||
|
footer {
|
||||||
|
width: 100vw;
|
||||||
|
height: 50vh;
|
||||||
|
background-color: #111;
|
||||||
|
}
|
||||||
|
|
||||||
|
@media screen and (max-width:767px) {
|
||||||
|
.titleNav {
|
||||||
|
visibility: hidden;
|
||||||
|
}
|
||||||
|
|
||||||
|
.textAcroche {
|
||||||
|
font-size: 2rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
.recentsProjects-container h1 {
|
||||||
|
margin-top: 10%;
|
||||||
|
margin-bottom: 10%;
|
||||||
|
}
|
||||||
|
}
|
||||||
@@ -0,0 +1,69 @@
|
|||||||
|
@import url('https://fonts.googleapis.com/css2?family=Sofia+Sans+Semi+Condensed:wght@200;500&display=swap');
|
||||||
|
@import url('https://fonts.googleapis.com/css2?family=Rock+Salt&display=swap');
|
||||||
|
@import url('https://fonts.googleapis.com/css2?family=Source+Code+Pro:ital,wght@1,500&display=swap');
|
||||||
|
@import url('https://fonts.googleapis.com/css2?family=Source+Code+Pro:wght@300&display=swap');
|
||||||
|
@import url('https://fonts.googleapis.com/css2?family=Aboreto&display=swap');
|
||||||
|
@import url('https://fonts.googleapis.com/css2?family=Tilt+Warp&display=swap');
|
||||||
|
|
||||||
|
body {
|
||||||
|
background-color: black;
|
||||||
|
}
|
||||||
|
|
||||||
|
header {
|
||||||
|
height: 100vh;
|
||||||
|
background-image: url("../img/backgroundProjectPageOmbrage.jpg");
|
||||||
|
}
|
||||||
|
|
||||||
|
/* PAGE */
|
||||||
|
|
||||||
|
/* header */
|
||||||
|
.titleHeader-container {
|
||||||
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
display: flex;
|
||||||
|
justify-content: center;
|
||||||
|
align-items: center;
|
||||||
|
flex-direction: column;
|
||||||
|
}
|
||||||
|
|
||||||
|
.title h1 {
|
||||||
|
color: #f1f1f1;
|
||||||
|
font-size: 4rem;
|
||||||
|
font-family: 'Sofia Sans Semi Condensed', sans-serif;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* downArrow and animation */
|
||||||
|
.downArrow {
|
||||||
|
animation: floating 3s ease-in-out 0s infinite;
|
||||||
|
}
|
||||||
|
|
||||||
|
.downArrow img {
|
||||||
|
width: 64px;
|
||||||
|
height: 64px;
|
||||||
|
}
|
||||||
|
|
||||||
|
@keyframes floating {
|
||||||
|
0% {
|
||||||
|
transform: translateY(0px);
|
||||||
|
}
|
||||||
|
50% {
|
||||||
|
transform: translateY(-15px);
|
||||||
|
}
|
||||||
|
100% {
|
||||||
|
transform: translate(0px);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.gradient {
|
||||||
|
width: 100vw;
|
||||||
|
height: 500px;
|
||||||
|
background: rgb(255,255,255);
|
||||||
|
background: linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(17,17,17,0.8652195730609095) 46%, rgba(17,17,17,1) 69%);
|
||||||
|
}
|
||||||
|
|
||||||
|
@media screen and (max-width:1023px) {
|
||||||
|
header {
|
||||||
|
visibility: hidden;
|
||||||
|
height: 0px;
|
||||||
|
}
|
||||||
|
}
|
||||||
@@ -0,0 +1,4 @@
|
|||||||
|
html,
|
||||||
|
body {
|
||||||
|
overflow-x: hidden;
|
||||||
|
}
|
||||||
@@ -0,0 +1,269 @@
|
|||||||
|
@import url('https://fonts.googleapis.com/css2?family=Sofia+Sans+Semi+Condensed:wght@200;500&display=swap');
|
||||||
|
@import url('https://fonts.googleapis.com/css2?family=Rock+Salt&display=swap');
|
||||||
|
@import url('https://fonts.googleapis.com/css2?family=Source+Code+Pro:ital,wght@1,500&display=swap');
|
||||||
|
@import url('https://fonts.googleapis.com/css2?family=Source+Code+Pro:wght@300&display=swap');
|
||||||
|
@import url('https://fonts.googleapis.com/css2?family=Aboreto&display=swap');
|
||||||
|
@import url('https://fonts.googleapis.com/css2?family=Tilt+Warp&display=swap');
|
||||||
|
|
||||||
|
body {
|
||||||
|
margin: 0px;
|
||||||
|
padding: 0px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.containerBody {
|
||||||
|
height: 100vh;
|
||||||
|
overflow-y: scroll;
|
||||||
|
scroll-snap-type: y mandatory;
|
||||||
|
}
|
||||||
|
|
||||||
|
.container-container {
|
||||||
|
scroll-snap-align: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
header {
|
||||||
|
position: relative;
|
||||||
|
}
|
||||||
|
|
||||||
|
.projectName-container {
|
||||||
|
width: fit-content;
|
||||||
|
position: absolute;
|
||||||
|
right: 42px;
|
||||||
|
top: 40px;
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: space-between;
|
||||||
|
}
|
||||||
|
|
||||||
|
.name h1 {
|
||||||
|
margin: 0px;
|
||||||
|
color: #f1f1f1;
|
||||||
|
font-size: 5rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
.space {
|
||||||
|
width: 100px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.logo {
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
.logo img {
|
||||||
|
width: 150px;
|
||||||
|
height: 150px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.logo p {
|
||||||
|
margin: 0px;
|
||||||
|
font-size: 2em;
|
||||||
|
font-family: 'Source Code Pro', monospace;
|
||||||
|
font-weight: 900;
|
||||||
|
}
|
||||||
|
|
||||||
|
.htmlLogo {
|
||||||
|
color: #ff7700;
|
||||||
|
}
|
||||||
|
|
||||||
|
.cssLogo {
|
||||||
|
color: rgb(0, 170, 255);
|
||||||
|
}
|
||||||
|
|
||||||
|
.projetITLogo {
|
||||||
|
color: #f1f1f1;
|
||||||
|
}
|
||||||
|
|
||||||
|
/**/
|
||||||
|
|
||||||
|
.spaceLabTitle-container {
|
||||||
|
height: 100vh;
|
||||||
|
display: flex;
|
||||||
|
justify-content: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
#sltc1 {
|
||||||
|
background-image: url("../img/bgSpace.svg");
|
||||||
|
background-size: cover;
|
||||||
|
background-repeat: no-repeat;
|
||||||
|
background-position: 25%;
|
||||||
|
}
|
||||||
|
|
||||||
|
#sltc2 {
|
||||||
|
background-image: url("../img/bgCodeHtmlFlou.jpg");
|
||||||
|
background-size: cover;
|
||||||
|
background-repeat: no-repeat;
|
||||||
|
}
|
||||||
|
|
||||||
|
#sltc3 {
|
||||||
|
background-image: url("../img/bgProjetIT_sombre.jpg");
|
||||||
|
background-size: cover;
|
||||||
|
background-repeat: no-repeat;
|
||||||
|
}
|
||||||
|
|
||||||
|
.spaceLabTitle-container h1 {
|
||||||
|
font-size: clamp(4rem, 8vw, 7rem);
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
color: #f1f1f1;
|
||||||
|
-webkit-text-stroke: 2px #111;
|
||||||
|
font-family: 'Tilt Warp', cursive;
|
||||||
|
}
|
||||||
|
|
||||||
|
.spaceLabTitle-container p {
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
.desc-container {
|
||||||
|
width: 100vw;
|
||||||
|
height: 100vh;
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: space-around;
|
||||||
|
}
|
||||||
|
|
||||||
|
.black {
|
||||||
|
background-color: #111;
|
||||||
|
color: #f1f1f1;
|
||||||
|
}
|
||||||
|
|
||||||
|
.white {
|
||||||
|
background-color: white;
|
||||||
|
color: #111;
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
.imgRight {
|
||||||
|
width: 30%;
|
||||||
|
height: 70%;
|
||||||
|
border-radius: 30px;
|
||||||
|
box-shadow: 30px -20px 10px rgb(186, 186, 186);
|
||||||
|
display: flex;
|
||||||
|
justify-content: center;
|
||||||
|
align-items: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
#imgAstroPi1 {
|
||||||
|
background-image: url('../img/imgCodePython.jpg');
|
||||||
|
}
|
||||||
|
|
||||||
|
#imgAstroPi2 {
|
||||||
|
background-image: url('../img/Hyrome1.jpg');
|
||||||
|
background-size: cover;
|
||||||
|
background-position: 50%;
|
||||||
|
}
|
||||||
|
|
||||||
|
#imgAstroPi3 {
|
||||||
|
background-image: url('../img/knnImg.jpg');
|
||||||
|
background-size: cover;
|
||||||
|
background-position: 90%;
|
||||||
|
}
|
||||||
|
|
||||||
|
#imgPortfolio1 {
|
||||||
|
background-image: url('../img/imgPortfolioMouvementUn.jpg');
|
||||||
|
background-size: cover;
|
||||||
|
background-position: 90%;
|
||||||
|
}
|
||||||
|
|
||||||
|
#imgPortfolio2 {
|
||||||
|
background-image: url('../img/imgCodeWeb.jpg');
|
||||||
|
background-size: cover;
|
||||||
|
background-position: 90%;
|
||||||
|
}
|
||||||
|
|
||||||
|
#imgProjetIT1 {
|
||||||
|
background-image: url('../img/imgProjetIT_num1.jpg');
|
||||||
|
background-size: cover;
|
||||||
|
background-position: 22%;
|
||||||
|
}
|
||||||
|
|
||||||
|
#imgProjetIT2 {
|
||||||
|
background-image: url('../img/bgProjetIT_num1.jpg');
|
||||||
|
background-size: cover;
|
||||||
|
background-position: 50%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.descText {
|
||||||
|
width: 40%;
|
||||||
|
margin-right: 5%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.descText h2 {
|
||||||
|
color: #ff7700;
|
||||||
|
font-size: 2.5em;
|
||||||
|
font-weight: bold;
|
||||||
|
font: italic;
|
||||||
|
font-family: 'Source Code Pro', monospace;
|
||||||
|
}
|
||||||
|
|
||||||
|
.descText p {
|
||||||
|
font-size: clamp(15px, 5vw, 30px);
|
||||||
|
font-family: 'Source Code Pro', monospace;
|
||||||
|
text-align: justify;
|
||||||
|
}
|
||||||
|
|
||||||
|
.descText p a {
|
||||||
|
text-decoration: underline;
|
||||||
|
}
|
||||||
|
|
||||||
|
.descText button {
|
||||||
|
background-color: #fff;
|
||||||
|
border-radius: 5px;
|
||||||
|
border-style: none;
|
||||||
|
padding: 10px;
|
||||||
|
color: #111;
|
||||||
|
font-size: 2em;
|
||||||
|
font-family: 'Aboreto', cursive;
|
||||||
|
text-decoration: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.descText button:hover {
|
||||||
|
background-color: transparent;
|
||||||
|
border: solid 3px;
|
||||||
|
border-color: #f1f1f1;
|
||||||
|
color: #f1f1f1;
|
||||||
|
}
|
||||||
|
|
||||||
|
.descText button a {
|
||||||
|
text-decoration: none;
|
||||||
|
color: #111;
|
||||||
|
}
|
||||||
|
|
||||||
|
.descText button a:hover {
|
||||||
|
color: #f1f1f1;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
@media screen and (max-width:1023px) {
|
||||||
|
.projectName-container {
|
||||||
|
visibility: hidden;
|
||||||
|
}
|
||||||
|
|
||||||
|
.spaceLabTitle-container h1 {
|
||||||
|
margin-left: 10%;
|
||||||
|
margin-right: 10%;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@media screen and (max-width:1375px) {
|
||||||
|
.name {
|
||||||
|
visibility: hidden;
|
||||||
|
}
|
||||||
|
|
||||||
|
#sltc1 {
|
||||||
|
background-position: 80%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.imgRight {
|
||||||
|
visibility: hidden;
|
||||||
|
width: 0px;
|
||||||
|
height: 0px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.descText {
|
||||||
|
width: 100%;
|
||||||
|
height: fit-content;
|
||||||
|
margin-left: 5%;
|
||||||
|
}
|
||||||
|
}
|
||||||
@@ -0,0 +1,104 @@
|
|||||||
|
@import url('https://fonts.googleapis.com/css2?family=Tilt+Warp&display=swap');
|
||||||
|
|
||||||
|
body {
|
||||||
|
margin: 0px;
|
||||||
|
padding: 0px;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* projectsSpace-bigContainer */
|
||||||
|
.projectsSpace-bigContainer {
|
||||||
|
width: 100vw;
|
||||||
|
height: fit-content;
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
background-color: #111;
|
||||||
|
}
|
||||||
|
|
||||||
|
.projectsSpace {
|
||||||
|
width: 100vw;
|
||||||
|
min-height: 100vh;
|
||||||
|
display: flex;
|
||||||
|
justify-content: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
.divs-container {
|
||||||
|
width: 80vw;
|
||||||
|
min-height: 100%;
|
||||||
|
display: flex;
|
||||||
|
flex-wrap: wrap;
|
||||||
|
justify-content: space-around;
|
||||||
|
align-items: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
.spanProjects {
|
||||||
|
background-color: #fff;
|
||||||
|
width: 400px;
|
||||||
|
height: 500px;
|
||||||
|
margin-bottom: 2.5%;
|
||||||
|
margin-top: 2.5%;
|
||||||
|
border-radius: 30px;
|
||||||
|
text-decoration: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.spanProjects:hover {
|
||||||
|
box-shadow: 10px 5px 5px #f1f1f1;
|
||||||
|
transition: 0.05s ease-in-out;
|
||||||
|
transform: translateX(-5px);
|
||||||
|
transform: translateY(-5px);
|
||||||
|
}
|
||||||
|
|
||||||
|
.titleSpace {
|
||||||
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
border-top-right-radius: 28px;
|
||||||
|
border-top-left-radius: 28px;
|
||||||
|
border-bottom-left-radius: 28px;
|
||||||
|
border-bottom-right-radius: 28px;
|
||||||
|
display: flex;
|
||||||
|
align-items: top;
|
||||||
|
}
|
||||||
|
|
||||||
|
#span1 {
|
||||||
|
background-image: url("../img/bgSpace.svg");
|
||||||
|
background-size: cover;
|
||||||
|
background-repeat: no-repeat;
|
||||||
|
background-position: 25%;
|
||||||
|
}
|
||||||
|
|
||||||
|
#span2 {
|
||||||
|
background-image: url("../img/bgCodeHtmlFlou.jpg");
|
||||||
|
background-size: cover;
|
||||||
|
background-repeat: no-repeat;
|
||||||
|
background-position: 25%;
|
||||||
|
}
|
||||||
|
|
||||||
|
#span3 {
|
||||||
|
background-image: url("../img/imgCodeAppInventorFlou.jpg");
|
||||||
|
background-size: cover;
|
||||||
|
background-repeat: no-repeat;
|
||||||
|
background-position: 25%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.title h2 {
|
||||||
|
width: 100%;
|
||||||
|
margin-left: 10%;
|
||||||
|
margin-top: 60%;
|
||||||
|
text-align: left;
|
||||||
|
font-size: 2.5em;
|
||||||
|
color: #f1f1f1;
|
||||||
|
text-transform: uppercase;
|
||||||
|
font-family: 'Tilt Warp', cursive;
|
||||||
|
-webkit-text-stroke: 0.5px #111;
|
||||||
|
}
|
||||||
|
|
||||||
|
@media screen and (max-width:1023px) {
|
||||||
|
.projectsSpace {
|
||||||
|
padding-top: 7%;
|
||||||
|
padding-bottom: 7%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.spanProjects {
|
||||||
|
margin-top: 5%;
|
||||||
|
margin-bottom: 5%;
|
||||||
|
}
|
||||||
|
}
|
||||||
+731
@@ -0,0 +1,731 @@
|
|||||||
|
@font-face {
|
||||||
|
font-family: swiper-icons;
|
||||||
|
font-style: normal;
|
||||||
|
font-weight: 400;
|
||||||
|
src: url('data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA');
|
||||||
|
}
|
||||||
|
|
||||||
|
:root {
|
||||||
|
--swiper-theme-color: #ff7700;
|
||||||
|
}
|
||||||
|
|
||||||
|
.swiper {
|
||||||
|
z-index: 1;
|
||||||
|
position: relative;
|
||||||
|
margin-right: auto;
|
||||||
|
margin-left: auto;
|
||||||
|
margin-top: 3%;
|
||||||
|
padding: 0;
|
||||||
|
overflow: hidden;
|
||||||
|
list-style: none;
|
||||||
|
width: 100%;
|
||||||
|
height: 70vh;
|
||||||
|
}
|
||||||
|
|
||||||
|
.swiper-vertical>.swiper-wrapper {
|
||||||
|
flex-direction: column;
|
||||||
|
}
|
||||||
|
|
||||||
|
.swiper-wrapper {
|
||||||
|
display: flex;
|
||||||
|
z-index: 1;
|
||||||
|
position: relative;
|
||||||
|
box-sizing: content-box;
|
||||||
|
width: 20vw;
|
||||||
|
height: 60vh;
|
||||||
|
transition-property: transform;
|
||||||
|
}
|
||||||
|
|
||||||
|
.swiper-android .swiper-slide,
|
||||||
|
.swiper-wrapper {
|
||||||
|
transform: translate3d(0px, 0, 0);
|
||||||
|
}
|
||||||
|
|
||||||
|
.swiper-pointer-events {
|
||||||
|
touch-action: pan-y;
|
||||||
|
}
|
||||||
|
|
||||||
|
.swiper-pointer-events.swiper-vertical {
|
||||||
|
touch-action: pan-x;
|
||||||
|
}
|
||||||
|
|
||||||
|
.swiper-slide {
|
||||||
|
position: relative;
|
||||||
|
flex-shrink: 0;
|
||||||
|
width: 375px;
|
||||||
|
height: 100%;
|
||||||
|
transition-property: transform;
|
||||||
|
border: 3px solid;
|
||||||
|
border-color: #111;
|
||||||
|
border-radius: 30px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.swiper-slide-invisible-blank {
|
||||||
|
visibility: hidden;
|
||||||
|
}
|
||||||
|
|
||||||
|
.swiper-autoheight,
|
||||||
|
.swiper-autoheight .swiper-slide {
|
||||||
|
height: auto;
|
||||||
|
}
|
||||||
|
|
||||||
|
.swiper-autoheight .swiper-wrapper {
|
||||||
|
align-items: flex-start;
|
||||||
|
transition-property: transform, height;
|
||||||
|
}
|
||||||
|
|
||||||
|
.swiper-backface-hidden .swiper-slide {
|
||||||
|
transform: translateZ(0);
|
||||||
|
-webkit-backface-visibility: hidden;
|
||||||
|
backface-visibility: hidden;
|
||||||
|
}
|
||||||
|
|
||||||
|
.swiper-3d,
|
||||||
|
.swiper-3d.swiper-css-mode .swiper-wrapper {
|
||||||
|
perspective: 1200px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.swiper-3d .swiper-cube-shadow,
|
||||||
|
.swiper-3d .swiper-slide,
|
||||||
|
.swiper-3d .swiper-slide-shadow,
|
||||||
|
.swiper-3d .swiper-slide-shadow-bottom,
|
||||||
|
.swiper-3d .swiper-slide-shadow-left,
|
||||||
|
.swiper-3d .swiper-slide-shadow-right,
|
||||||
|
.swiper-3d .swiper-slide-shadow-top,
|
||||||
|
.swiper-3d .swiper-wrapper {
|
||||||
|
transform-style: preserve-3d;
|
||||||
|
}
|
||||||
|
|
||||||
|
.swiper-3d .swiper-slide-shadow,
|
||||||
|
.swiper-3d .swiper-slide-shadow-bottom,
|
||||||
|
.swiper-3d .swiper-slide-shadow-left,
|
||||||
|
.swiper-3d .swiper-slide-shadow-right,
|
||||||
|
.swiper-3d .swiper-slide-shadow-top {
|
||||||
|
z-index: 10;
|
||||||
|
position: absolute;
|
||||||
|
top: 0;
|
||||||
|
left: 0;
|
||||||
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
pointer-events: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.swiper-3d .swiper-slide-shadow {
|
||||||
|
background: rgba(0, 0, 0, .15);
|
||||||
|
}
|
||||||
|
|
||||||
|
.swiper-3d .swiper-slide-shadow-left {
|
||||||
|
background-image: linear-gradient(to left, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
|
||||||
|
border-radius: 30px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.swiper-3d .swiper-slide-shadow-right {
|
||||||
|
background-image: linear-gradient(to right, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
|
||||||
|
border-radius: 30px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.swiper-3d .swiper-slide-shadow-top {
|
||||||
|
background-image: linear-gradient(to top, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
|
||||||
|
border-radius: 30px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.swiper-3d .swiper-slide-shadow-bottom {
|
||||||
|
background-image: linear-gradient(to bottom, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
|
||||||
|
border-radius: 30px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.swiper-css-mode>.swiper-wrapper {
|
||||||
|
overflow: auto;
|
||||||
|
scrollbar-width: none;
|
||||||
|
-ms-overflow-style: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.swiper-css-mode>.swiper-wrapper>.swiper-slide {
|
||||||
|
scroll-snap-align: start start;
|
||||||
|
}
|
||||||
|
|
||||||
|
.swiper-horizontal.swiper-css-mode>.swiper-wrapper {
|
||||||
|
scroll-snap-type: x mandatory;
|
||||||
|
}
|
||||||
|
|
||||||
|
.swiper-vertical.swiper-css-mode>.swiper-wrapper {
|
||||||
|
scroll-snap-type: y mandatory;
|
||||||
|
}
|
||||||
|
|
||||||
|
.swiper-centered>.swiper-wrapper::before {
|
||||||
|
content: '';
|
||||||
|
flex-shrink: 0;
|
||||||
|
order: 9999;
|
||||||
|
}
|
||||||
|
|
||||||
|
.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child {
|
||||||
|
margin-inline-start: var(--swiper-centered-offset-before);
|
||||||
|
}
|
||||||
|
|
||||||
|
.swiper-centered.swiper-horizontal>.swiper-wrapper::before {
|
||||||
|
width: var(--swiper-centered-offset-after);
|
||||||
|
height: 100%;
|
||||||
|
min-height: 1px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child {
|
||||||
|
margin-block-start: var(--swiper-centered-offset-before);
|
||||||
|
}
|
||||||
|
|
||||||
|
.swiper-centered.swiper-vertical>.swiper-wrapper::before {
|
||||||
|
width: 100%;
|
||||||
|
height: var(--swiper-centered-offset-after);
|
||||||
|
min-width: 1px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.swiper-centered>.swiper-wrapper>.swiper-slide {
|
||||||
|
scroll-snap-align: center center;
|
||||||
|
scroll-snap-stop: always;
|
||||||
|
}
|
||||||
|
|
||||||
|
.swiper-virtual .swiper-slide {
|
||||||
|
transform: translateZ(0);
|
||||||
|
-webkit-backface-visibility: hidden;
|
||||||
|
}
|
||||||
|
|
||||||
|
.swiper-virtual.swiper-css-mode .swiper-wrapper::after {
|
||||||
|
content: '';
|
||||||
|
position: absolute;
|
||||||
|
top: 0;
|
||||||
|
left: 0;
|
||||||
|
pointer-events: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after {
|
||||||
|
width: var(--swiper-virtual-size);
|
||||||
|
height: 1px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after {
|
||||||
|
width: 1px;
|
||||||
|
height: var(--swiper-virtual-size);
|
||||||
|
}
|
||||||
|
|
||||||
|
:root {
|
||||||
|
--swiper-navigation-size: 44px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.swiper-button-next,
|
||||||
|
.swiper-button-prev {
|
||||||
|
display: flex;
|
||||||
|
z-index: 10;
|
||||||
|
position: absolute;
|
||||||
|
top: 50%;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: center;
|
||||||
|
width: calc(var(--swiper-navigation-size) / 44 * 27);
|
||||||
|
height: var(--swiper-navigation-size);
|
||||||
|
margin-top: calc(0px - (var(--swiper-navigation-size) / 2));
|
||||||
|
color: var(--swiper-navigation-color, var(--swiper-theme-color));
|
||||||
|
cursor: pointer;
|
||||||
|
}
|
||||||
|
|
||||||
|
.swiper-button-next.swiper-button-disabled,
|
||||||
|
.swiper-button-prev.swiper-button-disabled {
|
||||||
|
opacity: .35;
|
||||||
|
cursor: auto;
|
||||||
|
pointer-events: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.swiper-button-next.swiper-button-hidden,
|
||||||
|
.swiper-button-prev.swiper-button-hidden {
|
||||||
|
opacity: 0;
|
||||||
|
cursor: auto;
|
||||||
|
pointer-events: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.swiper-navigation-disabled .swiper-button-next,
|
||||||
|
.swiper-navigation-disabled .swiper-button-prev {
|
||||||
|
display: none !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.swiper-button-next:after,
|
||||||
|
.swiper-button-prev:after {
|
||||||
|
text-transform: none !important;
|
||||||
|
font-family: swiper-icons;
|
||||||
|
font-size: var(--swiper-navigation-size);
|
||||||
|
font-variant: initial;
|
||||||
|
line-height: 1;
|
||||||
|
letter-spacing: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.swiper-button-prev,
|
||||||
|
.swiper-rtl .swiper-button-next {
|
||||||
|
right: auto;
|
||||||
|
left: 10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.swiper-button-prev:after,
|
||||||
|
.swiper-rtl .swiper-button-next:after {
|
||||||
|
content: 'prev';
|
||||||
|
}
|
||||||
|
|
||||||
|
.swiper-button-next,
|
||||||
|
.swiper-rtl .swiper-button-prev {
|
||||||
|
right: 10px;
|
||||||
|
left: auto;
|
||||||
|
}
|
||||||
|
|
||||||
|
.swiper-button-next:after,
|
||||||
|
.swiper-rtl .swiper-button-prev:after {
|
||||||
|
content: 'next';
|
||||||
|
}
|
||||||
|
|
||||||
|
.swiper-button-lock {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.swiper-pagination {
|
||||||
|
z-index: 10;
|
||||||
|
position: absolute;
|
||||||
|
text-align: center;
|
||||||
|
transition: .3s opacity;
|
||||||
|
transform: translate3d(0, 0, 0);
|
||||||
|
}
|
||||||
|
|
||||||
|
.swiper-pagination.swiper-pagination-hidden {
|
||||||
|
opacity: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.swiper-pagination-disabled>.swiper-pagination,
|
||||||
|
.swiper-pagination.swiper-pagination-disabled {
|
||||||
|
display: none !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.swiper-horizontal>.swiper-pagination-bullets,
|
||||||
|
.swiper-pagination-bullets.swiper-pagination-horizontal,
|
||||||
|
.swiper-pagination-custom,
|
||||||
|
.swiper-pagination-fraction {
|
||||||
|
bottom: 10px;
|
||||||
|
left: 0;
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.swiper-pagination-bullets-dynamic {
|
||||||
|
overflow: hidden;
|
||||||
|
font-size: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
|
||||||
|
position: relative;
|
||||||
|
transform: scale(.33);
|
||||||
|
}
|
||||||
|
|
||||||
|
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
|
||||||
|
transform: scale(1);
|
||||||
|
}
|
||||||
|
|
||||||
|
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
|
||||||
|
transform: scale(1);
|
||||||
|
}
|
||||||
|
|
||||||
|
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
|
||||||
|
transform: scale(.66);
|
||||||
|
}
|
||||||
|
|
||||||
|
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
|
||||||
|
transform: scale(.33);
|
||||||
|
}
|
||||||
|
|
||||||
|
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
|
||||||
|
transform: scale(.66);
|
||||||
|
}
|
||||||
|
|
||||||
|
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
|
||||||
|
transform: scale(.33);
|
||||||
|
}
|
||||||
|
|
||||||
|
.swiper-pagination-bullet {
|
||||||
|
display: inline-block;
|
||||||
|
width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));
|
||||||
|
height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));
|
||||||
|
border-radius: 50%;
|
||||||
|
opacity: var(--swiper-pagination-bullet-inactive-opacity, .2);
|
||||||
|
background: var(--swiper-pagination-bullet-inactive-color, #000);
|
||||||
|
}
|
||||||
|
|
||||||
|
button.swiper-pagination-bullet {
|
||||||
|
-webkit-appearance: none;
|
||||||
|
appearance: none;
|
||||||
|
margin: 0;
|
||||||
|
padding: 0;
|
||||||
|
border: none;
|
||||||
|
box-shadow: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.swiper-pagination-clickable .swiper-pagination-bullet {
|
||||||
|
cursor: pointer;
|
||||||
|
}
|
||||||
|
|
||||||
|
.swiper-pagination-bullet:only-child {
|
||||||
|
display: none !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.swiper-pagination-bullet-active {
|
||||||
|
opacity: var(--swiper-pagination-bullet-opacity, 1);
|
||||||
|
background: var(--swiper-pagination-color, var(--swiper-theme-color));
|
||||||
|
}
|
||||||
|
|
||||||
|
.swiper-pagination-vertical.swiper-pagination-bullets,
|
||||||
|
.swiper-vertical>.swiper-pagination-bullets {
|
||||||
|
top: 50%;
|
||||||
|
right: 10px;
|
||||||
|
transform: translate3d(0px, -50%, 0);
|
||||||
|
}
|
||||||
|
|
||||||
|
.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,
|
||||||
|
.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet {
|
||||||
|
display: block;
|
||||||
|
margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
|
||||||
|
.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
|
||||||
|
top: 50%;
|
||||||
|
width: 8px;
|
||||||
|
transform: translateY(-50%);
|
||||||
|
}
|
||||||
|
|
||||||
|
.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
|
||||||
|
.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
|
||||||
|
display: inline-block;
|
||||||
|
transition: .2s transform, .2s top;
|
||||||
|
}
|
||||||
|
|
||||||
|
.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,
|
||||||
|
.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
|
||||||
|
margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px);
|
||||||
|
}
|
||||||
|
|
||||||
|
.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
|
||||||
|
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
|
||||||
|
left: 50%;
|
||||||
|
white-space: nowrap;
|
||||||
|
transform: translateX(-50%);
|
||||||
|
}
|
||||||
|
|
||||||
|
.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
|
||||||
|
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
|
||||||
|
transition: .2s transform, .2s left;
|
||||||
|
}
|
||||||
|
|
||||||
|
.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
|
||||||
|
transition: .2s transform, .2s right;
|
||||||
|
}
|
||||||
|
|
||||||
|
.swiper-pagination-progressbar {
|
||||||
|
position: absolute;
|
||||||
|
background: rgba(0, 0, 0, .25);
|
||||||
|
}
|
||||||
|
|
||||||
|
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
|
||||||
|
position: absolute;
|
||||||
|
top: 0;
|
||||||
|
left: 0;
|
||||||
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
background: var(--swiper-pagination-color, var(--swiper-theme-color));
|
||||||
|
transform: scale(0);
|
||||||
|
transform-origin: left top;
|
||||||
|
}
|
||||||
|
|
||||||
|
.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
|
||||||
|
transform-origin: right top;
|
||||||
|
}
|
||||||
|
|
||||||
|
.swiper-horizontal>.swiper-pagination-progressbar,
|
||||||
|
.swiper-pagination-progressbar.swiper-pagination-horizontal,
|
||||||
|
.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,
|
||||||
|
.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
|
||||||
|
top: 0;
|
||||||
|
left: 0;
|
||||||
|
width: 100%;
|
||||||
|
height: 4px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
|
||||||
|
.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,
|
||||||
|
.swiper-pagination-progressbar.swiper-pagination-vertical,
|
||||||
|
.swiper-vertical>.swiper-pagination-progressbar {
|
||||||
|
top: 0;
|
||||||
|
left: 0;
|
||||||
|
width: 4px;
|
||||||
|
height: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.swiper-pagination-lock {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.swiper-scrollbar {
|
||||||
|
position: relative;
|
||||||
|
border-radius: 10px;
|
||||||
|
background: rgba(0, 0, 0, .1);
|
||||||
|
-ms-touch-action: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.swiper-scrollbar-disabled>.swiper-scrollbar,
|
||||||
|
.swiper-scrollbar.swiper-scrollbar-disabled {
|
||||||
|
display: none !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.swiper-horizontal>.swiper-scrollbar,
|
||||||
|
.swiper-scrollbar.swiper-scrollbar-horizontal {
|
||||||
|
z-index: 50;
|
||||||
|
position: absolute;
|
||||||
|
bottom: 3px;
|
||||||
|
left: 1%;
|
||||||
|
width: 98%;
|
||||||
|
height: 5px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.swiper-scrollbar.swiper-scrollbar-vertical,
|
||||||
|
.swiper-vertical>.swiper-scrollbar {
|
||||||
|
z-index: 50;
|
||||||
|
position: absolute;
|
||||||
|
top: 1%;
|
||||||
|
right: 3px;
|
||||||
|
width: 5px;
|
||||||
|
height: 98%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.swiper-scrollbar-drag {
|
||||||
|
position: relative;
|
||||||
|
top: 0;
|
||||||
|
left: 0;
|
||||||
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
border-radius: 10px;
|
||||||
|
background: rgba(0, 0, 0, .5);
|
||||||
|
}
|
||||||
|
|
||||||
|
.swiper-scrollbar-cursor-drag {
|
||||||
|
cursor: move;
|
||||||
|
}
|
||||||
|
|
||||||
|
.swiper-scrollbar-lock {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.swiper-zoom-container {
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: center;
|
||||||
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
.swiper-zoom-container>canvas,
|
||||||
|
.swiper-zoom-container>img,
|
||||||
|
.swiper-zoom-container>svg {
|
||||||
|
max-height: 100%;
|
||||||
|
max-width: 100%;
|
||||||
|
object-fit: contain;
|
||||||
|
}
|
||||||
|
|
||||||
|
.swiper-slide-zoomed {
|
||||||
|
cursor: move;
|
||||||
|
}
|
||||||
|
|
||||||
|
.swiper-lazy-preloader {
|
||||||
|
z-index: 10;
|
||||||
|
position: absolute;
|
||||||
|
top: 50%;
|
||||||
|
left: 50%;
|
||||||
|
box-sizing: border-box;
|
||||||
|
width: 42px;
|
||||||
|
height: 42px;
|
||||||
|
margin-top: -21px;
|
||||||
|
margin-left: -21px;
|
||||||
|
border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
|
||||||
|
border-top-color: transparent;
|
||||||
|
border-radius: 50%;
|
||||||
|
transform-origin: 50%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,
|
||||||
|
.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader {
|
||||||
|
animation: swiper-preloader-spin 1s infinite linear;
|
||||||
|
}
|
||||||
|
|
||||||
|
.swiper-lazy-preloader-white {
|
||||||
|
--swiper-preloader-color: #fff;
|
||||||
|
}
|
||||||
|
|
||||||
|
.swiper-lazy-preloader-black {
|
||||||
|
--swiper-preloader-color: #000;
|
||||||
|
}
|
||||||
|
|
||||||
|
@keyframes swiper-preloader-spin {
|
||||||
|
0% {
|
||||||
|
transform: rotate(0deg);
|
||||||
|
}
|
||||||
|
|
||||||
|
100% {
|
||||||
|
transform: rotate(360deg);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.swiper .swiper-notification {
|
||||||
|
z-index: -1000;
|
||||||
|
position: absolute;
|
||||||
|
top: 0;
|
||||||
|
left: 0;
|
||||||
|
opacity: 0;
|
||||||
|
pointer-events: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.swiper-free-mode>.swiper-wrapper {
|
||||||
|
margin: 0 auto;
|
||||||
|
transition-timing-function: ease-out;
|
||||||
|
}
|
||||||
|
|
||||||
|
.swiper-grid>.swiper-wrapper {
|
||||||
|
flex-wrap: wrap;
|
||||||
|
}
|
||||||
|
|
||||||
|
.swiper-grid-column>.swiper-wrapper {
|
||||||
|
flex-direction: column;
|
||||||
|
flex-wrap: wrap;
|
||||||
|
}
|
||||||
|
|
||||||
|
.swiper-fade.swiper-free-mode .swiper-slide {
|
||||||
|
transition-timing-function: ease-out;
|
||||||
|
}
|
||||||
|
|
||||||
|
.swiper-fade .swiper-slide {
|
||||||
|
pointer-events: none;
|
||||||
|
transition-property: opacity;
|
||||||
|
}
|
||||||
|
|
||||||
|
.swiper-fade .swiper-slide .swiper-slide {
|
||||||
|
pointer-events: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.swiper-fade .swiper-slide-active,
|
||||||
|
.swiper-fade .swiper-slide-active .swiper-slide-active {
|
||||||
|
pointer-events: auto;
|
||||||
|
}
|
||||||
|
|
||||||
|
.swiper-cube {
|
||||||
|
overflow: visible;
|
||||||
|
}
|
||||||
|
|
||||||
|
.swiper-cube .swiper-slide {
|
||||||
|
visibility: hidden;
|
||||||
|
z-index: 1;
|
||||||
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
transform-origin: 0 0;
|
||||||
|
-webkit-backface-visibility: hidden;
|
||||||
|
backface-visibility: hidden;
|
||||||
|
pointer-events: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.swiper-cube .swiper-slide .swiper-slide {
|
||||||
|
pointer-events: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.swiper-cube.swiper-rtl .swiper-slide {
|
||||||
|
transform-origin: 100% 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.swiper-cube .swiper-slide-active,
|
||||||
|
.swiper-cube .swiper-slide-active .swiper-slide-active {
|
||||||
|
pointer-events: auto;
|
||||||
|
}
|
||||||
|
|
||||||
|
.swiper-cube .swiper-slide-active,
|
||||||
|
.swiper-cube .swiper-slide-next,
|
||||||
|
.swiper-cube .swiper-slide-next+.swiper-slide,
|
||||||
|
.swiper-cube .swiper-slide-prev {
|
||||||
|
visibility: visible;
|
||||||
|
pointer-events: auto;
|
||||||
|
}
|
||||||
|
|
||||||
|
.swiper-cube .swiper-slide-shadow-bottom,
|
||||||
|
.swiper-cube .swiper-slide-shadow-left,
|
||||||
|
.swiper-cube .swiper-slide-shadow-right,
|
||||||
|
.swiper-cube .swiper-slide-shadow-top {
|
||||||
|
z-index: 0;
|
||||||
|
-webkit-backface-visibility: hidden;
|
||||||
|
backface-visibility: hidden;
|
||||||
|
}
|
||||||
|
|
||||||
|
.swiper-cube .swiper-cube-shadow {
|
||||||
|
z-index: 0;
|
||||||
|
position: absolute;
|
||||||
|
bottom: 0;
|
||||||
|
left: 0;
|
||||||
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
opacity: .6;
|
||||||
|
}
|
||||||
|
|
||||||
|
.swiper-cube .swiper-cube-shadow:before {
|
||||||
|
content: '';
|
||||||
|
position: absolute;
|
||||||
|
top: 0;
|
||||||
|
right: 0;
|
||||||
|
bottom: 0;
|
||||||
|
left: 0;
|
||||||
|
background: #000;
|
||||||
|
filter: blur(50px);
|
||||||
|
}
|
||||||
|
|
||||||
|
.swiper-flip {
|
||||||
|
overflow: visible;
|
||||||
|
}
|
||||||
|
|
||||||
|
.swiper-flip .swiper-slide {
|
||||||
|
z-index: 1;
|
||||||
|
-webkit-backface-visibility: hidden;
|
||||||
|
backface-visibility: hidden;
|
||||||
|
pointer-events: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.swiper-flip .swiper-slide .swiper-slide {
|
||||||
|
pointer-events: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.swiper-flip .swiper-slide-active,
|
||||||
|
.swiper-flip .swiper-slide-active .swiper-slide-active {
|
||||||
|
pointer-events: auto;
|
||||||
|
}
|
||||||
|
|
||||||
|
.swiper-flip .swiper-slide-shadow-bottom,
|
||||||
|
.swiper-flip .swiper-slide-shadow-left,
|
||||||
|
.swiper-flip .swiper-slide-shadow-right,
|
||||||
|
.swiper-flip .swiper-slide-shadow-top {
|
||||||
|
z-index: 0;
|
||||||
|
-webkit-backface-visibility: hidden;
|
||||||
|
backface-visibility: hidden;
|
||||||
|
}
|
||||||
|
|
||||||
|
.swiper-creative .swiper-slide {
|
||||||
|
overflow: hidden;
|
||||||
|
-webkit-backface-visibility: hidden;
|
||||||
|
backface-visibility: hidden;
|
||||||
|
transition-property: transform, opacity, height;
|
||||||
|
}
|
||||||
|
|
||||||
|
.swiper-cards {
|
||||||
|
overflow: visible;
|
||||||
|
}
|
||||||
|
|
||||||
|
.swiper-cards .swiper-slide {
|
||||||
|
overflow: hidden;
|
||||||
|
transform-origin: center bottom;
|
||||||
|
-webkit-backface-visibility: hidden;
|
||||||
|
backface-visibility: hidden;
|
||||||
|
}
|
||||||
+44
@@ -0,0 +1,44 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="en">
|
||||||
|
|
||||||
|
<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/footer.css">
|
||||||
|
<title>Footer</title>
|
||||||
|
</head>
|
||||||
|
|
||||||
|
<body>
|
||||||
|
<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>
|
||||||
|
</body>
|
||||||
|
|
||||||
|
</html>
|
||||||
Binary file not shown.
|
After Width: | Height: | Size: 2.4 MiB |
File diff suppressed because one or more lines are too long
|
After Width: | Height: | Size: 2.0 MiB |
@@ -0,0 +1,12 @@
|
|||||||
|
<?xml version="1.0" encoding="utf-8"?>
|
||||||
|
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 141 22.3" style="enable-background:new 0 0 141 22.3;" xml:space="preserve">
|
||||||
|
<path id="logo-a1" d="M0.6,10.5c0.5-2.6,2.8-4.4,6-4.4c3.7,0,6.6,1.6,6.6,6.6V22H10l-0.4-2c-1.1,1.4-2.6,2.3-4.8,2.3c-2.7,0-4.8-1.7-4.8-4.8s2.8-5.1,6.7-5.1h2.6v-0.7c0-1.8-1.3-2.3-2.8-2.3c-1.1,0-2.2,0.4-2.7,1.8L0.6,10.5z M5.7,19c1.8,0,3.6-1.2,3.6-3.2v-0.3H6.8c-1.7-0.1-2.7,0.6-2.7,2C4.1,18.2,4.7,19,5.7,19z"/>
|
||||||
|
<path id="logo-a2" d="M76,10.5c0.5-2.6,2.8-4.4,6-4.4c3.7,0,6.6,1.6,6.6,6.6V22h-3.2L85,20c-1.1,1.4-2.6,2.3-4.8,2.3c-2.7,0-4.8-1.7-4.8-4.8s2.8-5.1,6.7-5.1h2.6v-0.7c0-1.8-1.3-2.3-2.8-2.3c-1.1,0-2.2,0.4-2.7,1.8L76,10.5z M81.1,19c1.8,0,3.6-1.2,3.6-3.2v-0.3h-2.6c-1.7,0-2.7,0.6-2.7,2C79.5,18.2,80.1,19,81.1,19z"/>
|
||||||
|
<path id="logo-r" d="M92.1,22.1V6.3H96v2.6c1.1-1.9,2.9-2.8,4.6-2.8c0.7,0,1.3,0.1,1.9,0.3l-0.7,3.6c-0.5-0.3-1-0.5-1.6-0.5c-2.3,0-4.2,1.9-4.2,6.9V22L92.1,22.1L92.1,22.1z"/>
|
||||||
|
<path id="logo-d" d="M110.8,6.1c1.6,0,3.1,0.8,3.8,1.7V0h3.9v22.1h-3.9v-1.6c-0.5,0.8-1.9,1.9-3.8,1.9c-4.7,0-7.1-3.3-7.1-8.1S106.1,6.1,110.8,6.1z M111.4,19c2,0,3.6-1.7,3.6-4.8s-1.6-4.8-3.6-4.8c-2,0-3.6,1.7-3.6,4.8S109.4,19,111.4,19z"/>
|
||||||
|
<path id="logo-s" d="M132.5,8.6l-2.3,2.1c-0.7-1-1.8-1.4-2.6-1.4c-0.8,0-1.5,0.5-1.5,1.3c0,0.7,0.6,1.2,1.5,1.5c2.2,0.8,5.7,1.5,5.7,4.8c0,2.9-2.2,5.2-5.6,5.2c-3.3,0-5.5-2.3-6.2-4.2l3.1-1.7c0.6,1.5,1.6,2.6,3.2,2.6c1.2,0,2-0.6,2-1.7c0-1.3-2-1.6-3.9-2.4c-1.7-0.7-3.2-1.8-3.2-4.2s2-4.6,5-4.6C129.7,6,131.6,7.1,132.5,8.6z"/>
|
||||||
|
<polygon id="logo-w2" points="51.9,6.3 49.1,17.2 46.4,6.3 42.8,6.3 40.2,17.2 38,10.9 37.7,11.6 36.5,15.7 38.5,22.1 41.9,22.1 44.6,11.9 47.3,22.1 50.8,22.1 55.8,6.3 "/>
|
||||||
|
<polygon id="logo-w3" points="70.6,6.3 67.8,17.2 65.1,6.3 61.5,6.3 58.9,17.2 56.7,10.9 56.4,11.6 55.1,15.7 57.2,22.1 60.6,22.1 63.3,11.9 66,22.1 69.4,22.1 74.5,6.3 "/>
|
||||||
|
<path id="logo-w1" d="M37.1,6.3l-5,15.7h-3.4L26,11.9l-2.7,10.2h-3.4l-5-15.7h3.9l2.8,10.8l2.7-10.8h3.6l2.7,10.8l2.8-10.8L37.1,6.3L37.1,6.3z"/>
|
||||||
|
<path id="logo-p" d="M138.4,17c1.5,0,2.6,1.1,2.6,2.6s-1.1,2.6-2.6,2.6s-2.6-1.1-2.6-2.6S136.9,17,138.4,17z"/>
|
||||||
|
</svg>
|
||||||
|
After Width: | Height: | Size: 2.2 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 803 B |
Binary file not shown.
|
After Width: | Height: | Size: 2.5 MiB |
Binary file not shown.
|
After Width: | Height: | Size: 5.1 MiB |
Binary file not shown.
|
After Width: | Height: | Size: 205 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 199 KiB |
File diff suppressed because one or more lines are too long
|
After Width: | Height: | Size: 14 KiB |
@@ -0,0 +1,802 @@
|
|||||||
|
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
|
||||||
|
<!-- Created with Inkscape (http://www.inkscape.org/) -->
|
||||||
|
|
||||||
|
<svg
|
||||||
|
xmlns:dc="http://purl.org/dc/elements/1.1/"
|
||||||
|
xmlns:cc="http://creativecommons.org/ns#"
|
||||||
|
xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
|
||||||
|
xmlns:svg="http://www.w3.org/2000/svg"
|
||||||
|
xmlns="http://www.w3.org/2000/svg"
|
||||||
|
xmlns:xlink="http://www.w3.org/1999/xlink"
|
||||||
|
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
|
||||||
|
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
|
||||||
|
width="3840"
|
||||||
|
height="2160"
|
||||||
|
viewBox="0 0 1016 571.50002"
|
||||||
|
version="1.1"
|
||||||
|
id="svg8"
|
||||||
|
inkscape:version="0.92.4 (5da689c313, 2019-01-14)"
|
||||||
|
sodipodi:docname="Landscape-01.svg">
|
||||||
|
<defs
|
||||||
|
id="defs2">
|
||||||
|
<linearGradient
|
||||||
|
inkscape:collect="always"
|
||||||
|
id="linearGradient833">
|
||||||
|
<stop
|
||||||
|
style="stop-color:#24265e;stop-opacity:1"
|
||||||
|
offset="0"
|
||||||
|
id="stop829" />
|
||||||
|
<stop
|
||||||
|
style="stop-color:#7f7eea;stop-opacity:1"
|
||||||
|
offset="1"
|
||||||
|
id="stop831" />
|
||||||
|
</linearGradient>
|
||||||
|
<linearGradient
|
||||||
|
inkscape:collect="always"
|
||||||
|
xlink:href="#linearGradient833"
|
||||||
|
id="linearGradient835"
|
||||||
|
x1="504.9762"
|
||||||
|
y1="-274.50003"
|
||||||
|
x2="504.9762"
|
||||||
|
y2="103.47618"
|
||||||
|
gradientUnits="userSpaceOnUse" />
|
||||||
|
<filter
|
||||||
|
inkscape:collect="always"
|
||||||
|
style="color-interpolation-filters:sRGB"
|
||||||
|
id="filter1878"
|
||||||
|
x="-0.063476796"
|
||||||
|
width="1.1269536"
|
||||||
|
y="-0.050742864"
|
||||||
|
height="1.1014857">
|
||||||
|
<feGaussianBlur
|
||||||
|
inkscape:collect="always"
|
||||||
|
stdDeviation="23.488155"
|
||||||
|
id="feGaussianBlur1880" />
|
||||||
|
</filter>
|
||||||
|
<filter
|
||||||
|
inkscape:collect="always"
|
||||||
|
style="color-interpolation-filters:sRGB"
|
||||||
|
id="filter1986"
|
||||||
|
x="-0.1536"
|
||||||
|
width="1.3072"
|
||||||
|
y="-0.1536"
|
||||||
|
height="1.3072">
|
||||||
|
<feGaussianBlur
|
||||||
|
inkscape:collect="always"
|
||||||
|
stdDeviation="3.0168018"
|
||||||
|
id="feGaussianBlur1988" />
|
||||||
|
</filter>
|
||||||
|
<filter
|
||||||
|
inkscape:collect="always"
|
||||||
|
style="color-interpolation-filters:sRGB"
|
||||||
|
id="filter2334"
|
||||||
|
x="-0.5472"
|
||||||
|
width="2.0944"
|
||||||
|
y="-0.5472"
|
||||||
|
height="2.0944">
|
||||||
|
<feGaussianBlur
|
||||||
|
inkscape:collect="always"
|
||||||
|
stdDeviation="1.4887713"
|
||||||
|
id="feGaussianBlur2336" />
|
||||||
|
</filter>
|
||||||
|
</defs>
|
||||||
|
<sodipodi:namedview
|
||||||
|
id="base"
|
||||||
|
pagecolor="#ffffff"
|
||||||
|
bordercolor="#666666"
|
||||||
|
borderopacity="1.0"
|
||||||
|
inkscape:pageopacity="0.0"
|
||||||
|
inkscape:pageshadow="2"
|
||||||
|
inkscape:zoom="0.28651961"
|
||||||
|
inkscape:cx="1957.4992"
|
||||||
|
inkscape:cy="1025.4941"
|
||||||
|
inkscape:document-units="mm"
|
||||||
|
inkscape:current-layer="layer1"
|
||||||
|
showgrid="false"
|
||||||
|
units="px"
|
||||||
|
borderlayer="true"
|
||||||
|
inkscape:showpageshadow="false"
|
||||||
|
inkscape:snap-page="true"
|
||||||
|
inkscape:snap-nodes="true"
|
||||||
|
inkscape:snap-bbox="false"
|
||||||
|
inkscape:window-width="1600"
|
||||||
|
inkscape:window-height="837"
|
||||||
|
inkscape:window-x="-8"
|
||||||
|
inkscape:window-y="-8"
|
||||||
|
inkscape:window-maximized="1"
|
||||||
|
inkscape:snap-others="true"
|
||||||
|
inkscape:object-nodes="false" />
|
||||||
|
<metadata
|
||||||
|
id="metadata5">
|
||||||
|
<rdf:RDF>
|
||||||
|
<cc:Work
|
||||||
|
rdf:about="">
|
||||||
|
<dc:format>image/svg+xml</dc:format>
|
||||||
|
<dc:type
|
||||||
|
rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
|
||||||
|
<dc:title></dc:title>
|
||||||
|
</cc:Work>
|
||||||
|
</rdf:RDF>
|
||||||
|
</metadata>
|
||||||
|
<g
|
||||||
|
inkscape:label="Layer 1"
|
||||||
|
inkscape:groupmode="layer"
|
||||||
|
id="layer1"
|
||||||
|
transform="translate(0,274.50002)">
|
||||||
|
<rect
|
||||||
|
style="opacity:1;fill:url(#linearGradient835);fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:5.33999968;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:45.35433197;stroke-opacity:1"
|
||||||
|
id="rect827"
|
||||||
|
width="1016"
|
||||||
|
height="571.5"
|
||||||
|
x="0"
|
||||||
|
y="-274.50003"
|
||||||
|
ry="0.092359424" />
|
||||||
|
<g
|
||||||
|
id="g852"
|
||||||
|
transform="matrix(0.45508616,0.2256507,-0.2256507,0.45508616,659.17462,-35.77895)">
|
||||||
|
<circle
|
||||||
|
style="opacity:1;fill:#484995;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:5.33999968;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:45.35433197;stroke-opacity:1"
|
||||||
|
id="circle842"
|
||||||
|
cx="310.69644"
|
||||||
|
cy="-251.06549"
|
||||||
|
r="151.28493" />
|
||||||
|
<path
|
||||||
|
id="path837"
|
||||||
|
transform="matrix(0.26458333,0,0,0.26458333,0,-274.50002)"
|
||||||
|
d="m 1174.2852,-483.21484 a 571.78555,571.78555 0 0 0 -70.8086,5.11914 571.78556,571.78556 0 0 1 499.7382,566.667966 571.78556,571.78556 0 0 1 -500.9765,566.666014 571.78555,571.78555 0 0 0 72.0469,5.11914 571.78555,571.78555 0 0 0 571.7871,-571.785154 571.78555,571.78555 0 0 0 -571.7871,-571.787106 z"
|
||||||
|
style="opacity:1;fill:#ffecbd;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:20.18267632;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:45.35433197;stroke-opacity:1"
|
||||||
|
inkscape:connector-curvature="0" />
|
||||||
|
<path
|
||||||
|
inkscape:connector-curvature="0"
|
||||||
|
style="opacity:1;fill:#ffecbd;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:20.18267632;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:45.35433197;stroke-opacity:1;filter:url(#filter1878)"
|
||||||
|
d="m 1174.2852,-483.21484 a 571.78555,571.78555 0 0 0 -70.8086,5.11914 571.78556,571.78556 0 0 1 499.7382,566.667966 571.78556,571.78556 0 0 1 -500.9765,566.666014 571.78555,571.78555 0 0 0 72.0469,5.11914 571.78555,571.78555 0 0 0 571.7871,-571.785154 571.78555,571.78555 0 0 0 -571.7871,-571.787106 z"
|
||||||
|
transform="matrix(0.26458333,0,0,0.26458333,0,-274.50002)"
|
||||||
|
id="path1532" />
|
||||||
|
</g>
|
||||||
|
<path
|
||||||
|
style="fill:#4e5689;fill-rule:evenodd;stroke:none;stroke-width:0.26458332px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;fill-opacity:1"
|
||||||
|
d="M 0,77.83896 V 296.99997 H 1016 V 79.97711 L 984.62093,48.973844 980.34461,37.213988 967.51567,26.523208 H 952.54859 L 940.78874,22.246906 931.16703,8.3488996 912.9927,10.48705 901.23284,26.523208 894.81836,43.628467 874.50588,55.388323 868.09142,66.079104 839.22631,39.352139 833.8809,16.901503 815.7066,10.48705 796.46319,13.694277 772.94347,5.1416469 762.25269,-8.7563598 737.66388,-5.5491336 715.21324,9.417975 689.55538,-5.5491336 667.10474,-30.137923 655.34486,-63.279346 635.03238,-77.17736 l -16.03616,1.069078 -16.03618,-5.34539 -25.65787,-34.210498 -23.51971,-18.17433 h -13.89803 l -10.69078,-5.34539 -16.03616,-1.06908 -13.89801,9.6217 -18.17433,4.27632 -16.03619,23.51971 -19.24341,6.414472 -19.24338,21.381564 -17.10526,4.276312 -21.38156,-7.483546 -12.82893,2.138156 -14.96711,14.967092 -5.34538,19.243405 -10.69078,3.207235 -4.27633,18.174329 -10.69078,4.276312 -19.24338,20.3124805 -24.58881,1.0690754 -11.75986,22.4506361 -5.34538,24.588814 -13.89802,6.414452 -17.10525,-2.13815 L 217.02285,35.075838 200.98668,19.03968 H 176.39789 L 166.77618,7.2797977 146.4637,19.03968 136.842,40.421241 114.39136,47.904769 91.940718,40.421241 79.111778,55.388323 72.69731,70.355405 50.246671,77.83896 31.003266,62.871877 l -9.621704,8.55263 z"
|
||||||
|
id="path815"
|
||||||
|
inkscape:connector-curvature="0" />
|
||||||
|
<path
|
||||||
|
inkscape:connector-curvature="0"
|
||||||
|
id="path819"
|
||||||
|
d="M 0,77.83896 V 296.99997 H 1016 V 87.460657 L 995.84625,79.977109 985.40652,64.7981 954.65431,64.586184 956.2255,53.471572 931.70155,43.093918 943.99597,38.283067 925.37882,33.002538 929.65513,9.4828282 912.9927,10.48705 l -11.75986,16.036158 -6.41448,17.105259 -20.31248,11.759856 -6.41446,10.690781 -27.79603,-9.08717 -11.75986,-9.621709 -16.03619,-6.949004 3.7418,-14.432538 -35.27958,-3.741781 -5.07813,-9.354436 -24.32153,-5.0781238 -0.26726,-10.1562333 -13.63076,-3.2072425 -51.17683,33.1099656 -4.25813,-12.415081 -31.47242,1.192062 -23.9129,-7.1234148 -6.52599,-12.4150811 -28.3718,2.50038935 -2.91771,-16.36042045 -21.81652,-11.068754 17.77599,-4.728358 -0.38259,-23.817107 -19.28138,-7.338111 -18.83858,-19.838186 6.38953,-14.280597 -10.92792,-2.742153 1.62585,-18.19658 -15.98245,-18.50971 -14.43254,-2.6727 -13.89801,9.6217 -18.17433,4.27632 -16.03619,23.51971 -19.24341,6.414472 -19.24338,21.381564 -17.10526,4.276312 -21.38156,-7.483546 -12.82893,2.138156 -14.96711,14.967092 -5.34538,19.243405 -10.69078,3.207235 -4.27633,18.174329 -10.69078,4.276312 -19.24338,20.3124805 -24.58881,1.0690754 -11.75986,22.4506361 -5.34538,24.588814 -13.89802,6.414452 -17.10525,-2.13815 L 217.02285,35.075838 200.98668,19.03968 173.19066,20.108758 165.7071,9.952493 146.4637,19.03968 136.842,40.421241 114.39136,47.904769 91.940718,40.421241 79.111778,55.388323 72.69731,70.355405 50.246671,77.83896 31.003266,62.871877 l -9.621704,8.55263 z"
|
||||||
|
style="fill:#2e2741;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:0.26458332px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
|
||||||
|
sodipodi:nodetypes="cccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccc" />
|
||||||
|
<g
|
||||||
|
id="g1992"
|
||||||
|
transform="matrix(0.50864169,0,0,0.50864169,-14.013018,-60.980968)">
|
||||||
|
<path
|
||||||
|
d="m 151.1049,-166.41018 -4.5805,-18.98826 -18.98826,-4.5805 18.98826,-4.58051 4.5805,-18.98826 4.58051,18.98826 18.98826,4.58051 -18.98826,4.5805 z"
|
||||||
|
inkscape:randomized="0"
|
||||||
|
inkscape:rounded="0"
|
||||||
|
inkscape:flatsided="false"
|
||||||
|
sodipodi:arg2="2.3561945"
|
||||||
|
sodipodi:arg1="1.5707963"
|
||||||
|
sodipodi:r2="6.4778118"
|
||||||
|
sodipodi:r1="23.568764"
|
||||||
|
sodipodi:cy="-189.97894"
|
||||||
|
sodipodi:cx="151.1049"
|
||||||
|
sodipodi:sides="4"
|
||||||
|
id="path856"
|
||||||
|
style="opacity:1;fill:#ffecbd;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:1.01394606;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:45.35433197;stroke-opacity:1"
|
||||||
|
sodipodi:type="star" />
|
||||||
|
<path
|
||||||
|
sodipodi:type="star"
|
||||||
|
style="opacity:1;fill:#ffecbd;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:1.01394606;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:45.35433197;stroke-opacity:1;filter:url(#filter1986)"
|
||||||
|
id="path858"
|
||||||
|
sodipodi:sides="4"
|
||||||
|
sodipodi:cx="151.1049"
|
||||||
|
sodipodi:cy="-189.97894"
|
||||||
|
sodipodi:r1="23.568764"
|
||||||
|
sodipodi:r2="6.4778118"
|
||||||
|
sodipodi:arg1="1.5707963"
|
||||||
|
sodipodi:arg2="2.3561945"
|
||||||
|
inkscape:flatsided="false"
|
||||||
|
inkscape:rounded="0"
|
||||||
|
inkscape:randomized="0"
|
||||||
|
d="m 151.1049,-166.41018 -4.5805,-18.98826 -18.98826,-4.5805 18.98826,-4.58051 4.5805,-18.98826 4.58051,18.98826 18.98826,4.58051 -18.98826,4.5805 z" />
|
||||||
|
</g>
|
||||||
|
<g
|
||||||
|
id="g2344"
|
||||||
|
transform="matrix(0.60644382,0,0,0.60644382,210.56914,27.389873)">
|
||||||
|
<circle
|
||||||
|
r="3.2648494"
|
||||||
|
cy="-205.13383"
|
||||||
|
cx="281.43002"
|
||||||
|
id="path1994"
|
||||||
|
style="opacity:1;fill:#ffecbd;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:5.33999968;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:45.35433197;stroke-opacity:1" />
|
||||||
|
<circle
|
||||||
|
style="opacity:1;fill:#ffecbd;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:5.33999968;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:45.35433197;stroke-opacity:1;filter:url(#filter2334)"
|
||||||
|
id="circle1996"
|
||||||
|
cx="281.43002"
|
||||||
|
cy="-205.13383"
|
||||||
|
r="3.2648494" />
|
||||||
|
</g>
|
||||||
|
<g
|
||||||
|
transform="matrix(0.80901452,0,0,0.80901452,180.30657,17.553906)"
|
||||||
|
id="g2350">
|
||||||
|
<circle
|
||||||
|
style="opacity:1;fill:#ffecbd;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:5.33999968;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:45.35433197;stroke-opacity:1"
|
||||||
|
id="circle2346"
|
||||||
|
cx="281.43002"
|
||||||
|
cy="-205.13383"
|
||||||
|
r="3.2648494" />
|
||||||
|
<circle
|
||||||
|
r="3.2648494"
|
||||||
|
cy="-205.13383"
|
||||||
|
cx="281.43002"
|
||||||
|
id="circle2348"
|
||||||
|
style="opacity:1;fill:#ffecbd;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:5.33999968;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:45.35433197;stroke-opacity:1;filter:url(#filter2334)" />
|
||||||
|
</g>
|
||||||
|
<g
|
||||||
|
transform="matrix(0.36771196,0,0,0.36771196,202.23667,-97.805902)"
|
||||||
|
id="g2356">
|
||||||
|
<circle
|
||||||
|
style="opacity:1;fill:#ffecbd;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:5.33999968;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:45.35433197;stroke-opacity:1"
|
||||||
|
id="circle2352"
|
||||||
|
cx="281.43002"
|
||||||
|
cy="-205.13383"
|
||||||
|
r="3.2648494" />
|
||||||
|
<circle
|
||||||
|
r="3.2648494"
|
||||||
|
cy="-205.13383"
|
||||||
|
cx="281.43002"
|
||||||
|
id="circle2354"
|
||||||
|
style="opacity:1;fill:#ffecbd;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:5.33999968;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:45.35433197;stroke-opacity:1;filter:url(#filter2334)" />
|
||||||
|
</g>
|
||||||
|
<g
|
||||||
|
transform="matrix(0.60644382,0,0,0.60644382,128.94791,-0.03486116)"
|
||||||
|
id="g2362">
|
||||||
|
<circle
|
||||||
|
style="opacity:1;fill:#ffecbd;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:5.33999968;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:45.35433197;stroke-opacity:1"
|
||||||
|
id="circle2358"
|
||||||
|
cx="281.43002"
|
||||||
|
cy="-205.13383"
|
||||||
|
r="3.2648494" />
|
||||||
|
<circle
|
||||||
|
r="3.2648494"
|
||||||
|
cy="-205.13383"
|
||||||
|
cx="281.43002"
|
||||||
|
id="circle2360"
|
||||||
|
style="opacity:1;fill:#ffecbd;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:5.33999968;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:45.35433197;stroke-opacity:1;filter:url(#filter2334)" />
|
||||||
|
</g>
|
||||||
|
<g
|
||||||
|
id="g2368"
|
||||||
|
transform="matrix(0.80901452,0,0,0.80901452,34.403234,-36.005546)">
|
||||||
|
<circle
|
||||||
|
r="3.2648494"
|
||||||
|
cy="-205.13383"
|
||||||
|
cx="281.43002"
|
||||||
|
id="circle2364"
|
||||||
|
style="opacity:1;fill:#ffecbd;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:5.33999968;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:45.35433197;stroke-opacity:1" />
|
||||||
|
<circle
|
||||||
|
style="opacity:1;fill:#ffecbd;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:5.33999968;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:45.35433197;stroke-opacity:1;filter:url(#filter2334)"
|
||||||
|
id="circle2366"
|
||||||
|
cx="281.43002"
|
||||||
|
cy="-205.13383"
|
||||||
|
r="3.2648494" />
|
||||||
|
</g>
|
||||||
|
<g
|
||||||
|
id="g2374"
|
||||||
|
transform="matrix(0.60644382,0,0,0.60644382,68.924385,-102.53657)">
|
||||||
|
<circle
|
||||||
|
r="3.2648494"
|
||||||
|
cy="-205.13383"
|
||||||
|
cx="281.43002"
|
||||||
|
id="circle2370"
|
||||||
|
style="opacity:1;fill:#ffecbd;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:5.33999968;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:45.35433197;stroke-opacity:1" />
|
||||||
|
<circle
|
||||||
|
style="opacity:1;fill:#ffecbd;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:5.33999968;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:45.35433197;stroke-opacity:1;filter:url(#filter2334)"
|
||||||
|
id="circle2372"
|
||||||
|
cx="281.43002"
|
||||||
|
cy="-205.13383"
|
||||||
|
r="3.2648494" />
|
||||||
|
</g>
|
||||||
|
<g
|
||||||
|
transform="matrix(0.80901452,0,0,0.80901452,-24.696852,-67.402465)"
|
||||||
|
id="g2380">
|
||||||
|
<circle
|
||||||
|
style="opacity:1;fill:#ffecbd;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:5.33999968;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:45.35433197;stroke-opacity:1"
|
||||||
|
id="circle2376"
|
||||||
|
cx="281.43002"
|
||||||
|
cy="-205.13383"
|
||||||
|
r="3.2648494" />
|
||||||
|
<circle
|
||||||
|
r="3.2648494"
|
||||||
|
cy="-205.13383"
|
||||||
|
cx="281.43002"
|
||||||
|
id="circle2378"
|
||||||
|
style="opacity:1;fill:#ffecbd;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:5.33999968;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:45.35433197;stroke-opacity:1;filter:url(#filter2334)" />
|
||||||
|
</g>
|
||||||
|
<g
|
||||||
|
id="g2386"
|
||||||
|
transform="matrix(0.36771196,0,0,0.36771196,-47.091815,67.489649)">
|
||||||
|
<circle
|
||||||
|
r="3.2648494"
|
||||||
|
cy="-205.13383"
|
||||||
|
cx="281.43002"
|
||||||
|
id="circle2382"
|
||||||
|
style="opacity:1;fill:#ffecbd;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:5.33999968;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:45.35433197;stroke-opacity:1" />
|
||||||
|
<circle
|
||||||
|
style="opacity:1;fill:#ffecbd;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:5.33999968;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:45.35433197;stroke-opacity:1;filter:url(#filter2334)"
|
||||||
|
id="circle2384"
|
||||||
|
cx="281.43002"
|
||||||
|
cy="-205.13383"
|
||||||
|
r="3.2648494" />
|
||||||
|
</g>
|
||||||
|
<g
|
||||||
|
transform="matrix(0.22976852,0,0,0.22976852,61.99969,81.424769)"
|
||||||
|
id="g2392">
|
||||||
|
<circle
|
||||||
|
style="opacity:1;fill:#ffecbd;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:5.33999968;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:45.35433197;stroke-opacity:1"
|
||||||
|
id="circle2388"
|
||||||
|
cx="281.43002"
|
||||||
|
cy="-205.13383"
|
||||||
|
r="3.2648494" />
|
||||||
|
<circle
|
||||||
|
r="3.2648494"
|
||||||
|
cy="-205.13383"
|
||||||
|
cx="281.43002"
|
||||||
|
id="circle2390"
|
||||||
|
style="opacity:1;fill:#ffecbd;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:5.33999968;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:45.35433197;stroke-opacity:1;filter:url(#filter2334)" />
|
||||||
|
</g>
|
||||||
|
<g
|
||||||
|
transform="matrix(0.50275909,0,0,0.50275909,-26.921486,44.864968)"
|
||||||
|
id="g2398">
|
||||||
|
<circle
|
||||||
|
style="opacity:1;fill:#ffecbd;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:5.33999968;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:45.35433197;stroke-opacity:1"
|
||||||
|
id="circle2394"
|
||||||
|
cx="281.43002"
|
||||||
|
cy="-205.13383"
|
||||||
|
r="3.2648494" />
|
||||||
|
<circle
|
||||||
|
r="3.2648494"
|
||||||
|
cy="-205.13383"
|
||||||
|
cx="281.43002"
|
||||||
|
id="circle2396"
|
||||||
|
style="opacity:1;fill:#ffecbd;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:5.33999968;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:45.35433197;stroke-opacity:1;filter:url(#filter2334)" />
|
||||||
|
</g>
|
||||||
|
<g
|
||||||
|
id="g2404"
|
||||||
|
transform="matrix(0.50275909,0,0,0.50275909,14.633262,-13.773398)">
|
||||||
|
<circle
|
||||||
|
r="3.2648494"
|
||||||
|
cy="-205.13383"
|
||||||
|
cx="281.43002"
|
||||||
|
id="circle2400"
|
||||||
|
style="opacity:1;fill:#ffecbd;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:5.33999968;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:45.35433197;stroke-opacity:1" />
|
||||||
|
<circle
|
||||||
|
style="opacity:1;fill:#ffecbd;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:5.33999968;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:45.35433197;stroke-opacity:1;filter:url(#filter2334)"
|
||||||
|
id="circle2402"
|
||||||
|
cx="281.43002"
|
||||||
|
cy="-205.13383"
|
||||||
|
r="3.2648494" />
|
||||||
|
</g>
|
||||||
|
<g
|
||||||
|
transform="matrix(0.50275909,0,0,0.50275909,101.89823,31.013386)"
|
||||||
|
id="g2410">
|
||||||
|
<circle
|
||||||
|
style="opacity:1;fill:#ffecbd;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:5.33999968;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:45.35433197;stroke-opacity:1"
|
||||||
|
id="circle2406"
|
||||||
|
cx="281.43002"
|
||||||
|
cy="-205.13383"
|
||||||
|
r="3.2648494" />
|
||||||
|
<circle
|
||||||
|
r="3.2648494"
|
||||||
|
cy="-205.13383"
|
||||||
|
cx="281.43002"
|
||||||
|
id="circle2408"
|
||||||
|
style="opacity:1;fill:#ffecbd;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:5.33999968;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:45.35433197;stroke-opacity:1;filter:url(#filter2334)" />
|
||||||
|
</g>
|
||||||
|
<g
|
||||||
|
id="g2416"
|
||||||
|
transform="matrix(0.80901452,0,0,0.80901452,525.75675,25.972221)">
|
||||||
|
<circle
|
||||||
|
r="3.2648494"
|
||||||
|
cy="-205.13383"
|
||||||
|
cx="281.43002"
|
||||||
|
id="circle2412"
|
||||||
|
style="opacity:1;fill:#ffecbd;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:5.33999968;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:45.35433197;stroke-opacity:1" />
|
||||||
|
<circle
|
||||||
|
style="opacity:1;fill:#ffecbd;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:5.33999968;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:45.35433197;stroke-opacity:1;filter:url(#filter2334)"
|
||||||
|
id="circle2414"
|
||||||
|
cx="281.43002"
|
||||||
|
cy="-205.13383"
|
||||||
|
r="3.2648494" />
|
||||||
|
</g>
|
||||||
|
<g
|
||||||
|
transform="matrix(0.80901452,0,0,0.80901452,397.12168,22.054402)"
|
||||||
|
id="g2422">
|
||||||
|
<circle
|
||||||
|
style="opacity:1;fill:#ffecbd;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:5.33999968;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:45.35433197;stroke-opacity:1"
|
||||||
|
id="circle2418"
|
||||||
|
cx="281.43002"
|
||||||
|
cy="-205.13383"
|
||||||
|
r="3.2648494" />
|
||||||
|
<circle
|
||||||
|
r="3.2648494"
|
||||||
|
cy="-205.13383"
|
||||||
|
cx="281.43002"
|
||||||
|
id="circle2420"
|
||||||
|
style="opacity:1;fill:#ffecbd;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:5.33999968;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:45.35433197;stroke-opacity:1;filter:url(#filter2334)" />
|
||||||
|
</g>
|
||||||
|
<g
|
||||||
|
id="g2428"
|
||||||
|
transform="matrix(0.80901452,0,0,0.80901452,704.01752,-68.055439)">
|
||||||
|
<circle
|
||||||
|
r="3.2648494"
|
||||||
|
cy="-205.13383"
|
||||||
|
cx="281.43002"
|
||||||
|
id="circle2424"
|
||||||
|
style="opacity:1;fill:#ffecbd;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:5.33999968;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:45.35433197;stroke-opacity:1" />
|
||||||
|
<circle
|
||||||
|
style="opacity:1;fill:#ffecbd;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:5.33999968;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:45.35433197;stroke-opacity:1;filter:url(#filter2334)"
|
||||||
|
id="circle2426"
|
||||||
|
cx="281.43002"
|
||||||
|
cy="-205.13383"
|
||||||
|
r="3.2648494" />
|
||||||
|
</g>
|
||||||
|
<g
|
||||||
|
transform="matrix(0.80901452,0,0,0.80901452,591.05373,-23.653488)"
|
||||||
|
id="g2434">
|
||||||
|
<circle
|
||||||
|
style="opacity:1;fill:#ffecbd;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:5.33999968;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:45.35433197;stroke-opacity:1"
|
||||||
|
id="circle2430"
|
||||||
|
cx="281.43002"
|
||||||
|
cy="-205.13383"
|
||||||
|
r="3.2648494" />
|
||||||
|
<circle
|
||||||
|
r="3.2648494"
|
||||||
|
cy="-205.13383"
|
||||||
|
cx="281.43002"
|
||||||
|
id="circle2432"
|
||||||
|
style="opacity:1;fill:#ffecbd;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:5.33999968;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:45.35433197;stroke-opacity:1;filter:url(#filter2334)" />
|
||||||
|
</g>
|
||||||
|
<g
|
||||||
|
id="g2440"
|
||||||
|
transform="matrix(0.80901452,0,0,0.80901452,332.47766,-71.320288)">
|
||||||
|
<circle
|
||||||
|
r="3.2648494"
|
||||||
|
cy="-205.13383"
|
||||||
|
cx="281.43002"
|
||||||
|
id="circle2436"
|
||||||
|
style="opacity:1;fill:#ffecbd;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:5.33999968;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:45.35433197;stroke-opacity:1" />
|
||||||
|
<circle
|
||||||
|
style="opacity:1;fill:#ffecbd;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:5.33999968;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:45.35433197;stroke-opacity:1;filter:url(#filter2334)"
|
||||||
|
id="circle2438"
|
||||||
|
cx="281.43002"
|
||||||
|
cy="-205.13383"
|
||||||
|
r="3.2648494" />
|
||||||
|
</g>
|
||||||
|
<g
|
||||||
|
transform="matrix(0.80901452,0,0,0.80901452,332.47766,-71.320288)"
|
||||||
|
id="g2446">
|
||||||
|
<circle
|
||||||
|
style="opacity:1;fill:#ffecbd;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:5.33999968;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:45.35433197;stroke-opacity:1"
|
||||||
|
id="circle2442"
|
||||||
|
cx="281.43002"
|
||||||
|
cy="-205.13383"
|
||||||
|
r="3.2648494" />
|
||||||
|
<circle
|
||||||
|
r="3.2648494"
|
||||||
|
cy="-205.13383"
|
||||||
|
cx="281.43002"
|
||||||
|
id="circle2444"
|
||||||
|
style="opacity:1;fill:#ffecbd;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:5.33999968;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:45.35433197;stroke-opacity:1;filter:url(#filter2334)" />
|
||||||
|
</g>
|
||||||
|
<g
|
||||||
|
transform="matrix(0.60644382,0,0,0.60644382,514.8531,26.083933)"
|
||||||
|
id="g2452">
|
||||||
|
<circle
|
||||||
|
style="opacity:1;fill:#ffecbd;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:5.33999968;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:45.35433197;stroke-opacity:1"
|
||||||
|
id="circle2448"
|
||||||
|
cx="281.43002"
|
||||||
|
cy="-205.13383"
|
||||||
|
r="3.2648494" />
|
||||||
|
<circle
|
||||||
|
r="3.2648494"
|
||||||
|
cy="-205.13383"
|
||||||
|
cx="281.43002"
|
||||||
|
id="circle2450"
|
||||||
|
style="opacity:1;fill:#ffecbd;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:5.33999968;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:45.35433197;stroke-opacity:1;filter:url(#filter2334)" />
|
||||||
|
</g>
|
||||||
|
<g
|
||||||
|
id="g2458"
|
||||||
|
transform="matrix(0.60644382,0,0,0.60644382,462.61551,-65.984818)">
|
||||||
|
<circle
|
||||||
|
r="3.2648494"
|
||||||
|
cy="-205.13383"
|
||||||
|
cx="281.43002"
|
||||||
|
id="circle2454"
|
||||||
|
style="opacity:1;fill:#ffecbd;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:5.33999968;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:45.35433197;stroke-opacity:1" />
|
||||||
|
<circle
|
||||||
|
style="opacity:1;fill:#ffecbd;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:5.33999968;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:45.35433197;stroke-opacity:1;filter:url(#filter2334)"
|
||||||
|
id="circle2456"
|
||||||
|
cx="281.43002"
|
||||||
|
cy="-205.13383"
|
||||||
|
r="3.2648494" />
|
||||||
|
</g>
|
||||||
|
<g
|
||||||
|
transform="matrix(0.60644382,0,0,0.60644382,522.03577,-38.560084)"
|
||||||
|
id="g2464">
|
||||||
|
<circle
|
||||||
|
style="opacity:1;fill:#ffecbd;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:5.33999968;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:45.35433197;stroke-opacity:1"
|
||||||
|
id="circle2460"
|
||||||
|
cx="281.43002"
|
||||||
|
cy="-205.13383"
|
||||||
|
r="3.2648494" />
|
||||||
|
<circle
|
||||||
|
r="3.2648494"
|
||||||
|
cy="-205.13383"
|
||||||
|
cx="281.43002"
|
||||||
|
id="circle2462"
|
||||||
|
style="opacity:1;fill:#ffecbd;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:5.33999968;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:45.35433197;stroke-opacity:1;filter:url(#filter2334)" />
|
||||||
|
</g>
|
||||||
|
<g
|
||||||
|
id="g2470"
|
||||||
|
transform="matrix(0.60644382,0,0,0.60644382,582.76197,-103.2041)">
|
||||||
|
<circle
|
||||||
|
r="3.2648494"
|
||||||
|
cy="-205.13383"
|
||||||
|
cx="281.43002"
|
||||||
|
id="circle2466"
|
||||||
|
style="opacity:1;fill:#ffecbd;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:5.33999968;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:45.35433197;stroke-opacity:1" />
|
||||||
|
<circle
|
||||||
|
style="opacity:1;fill:#ffecbd;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:5.33999968;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:45.35433197;stroke-opacity:1;filter:url(#filter2334)"
|
||||||
|
id="circle2468"
|
||||||
|
cx="281.43002"
|
||||||
|
cy="-205.13383"
|
||||||
|
r="3.2648494" />
|
||||||
|
</g>
|
||||||
|
<g
|
||||||
|
transform="matrix(0.60644382,0,0,0.60644382,347.03985,-71.208577)"
|
||||||
|
id="g2476">
|
||||||
|
<circle
|
||||||
|
style="opacity:1;fill:#ffecbd;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:5.33999968;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:45.35433197;stroke-opacity:1"
|
||||||
|
id="circle2472"
|
||||||
|
cx="281.43002"
|
||||||
|
cy="-205.13383"
|
||||||
|
r="3.2648494" />
|
||||||
|
<circle
|
||||||
|
r="3.2648494"
|
||||||
|
cy="-205.13383"
|
||||||
|
cx="281.43002"
|
||||||
|
id="circle2474"
|
||||||
|
style="opacity:1;fill:#ffecbd;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:5.33999968;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:45.35433197;stroke-opacity:1;filter:url(#filter2334)" />
|
||||||
|
</g>
|
||||||
|
<g
|
||||||
|
id="g2482"
|
||||||
|
transform="matrix(0.60644382,0,0,0.60644382,250.40031,-120.18132)">
|
||||||
|
<circle
|
||||||
|
r="3.2648494"
|
||||||
|
cy="-205.13383"
|
||||||
|
cx="281.43002"
|
||||||
|
id="circle2478"
|
||||||
|
style="opacity:1;fill:#ffecbd;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:5.33999968;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:45.35433197;stroke-opacity:1" />
|
||||||
|
<circle
|
||||||
|
style="opacity:1;fill:#ffecbd;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:5.33999968;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:45.35433197;stroke-opacity:1;filter:url(#filter2334)"
|
||||||
|
id="circle2480"
|
||||||
|
cx="281.43002"
|
||||||
|
cy="-205.13383"
|
||||||
|
r="3.2648494" />
|
||||||
|
</g>
|
||||||
|
<g
|
||||||
|
id="g2488"
|
||||||
|
transform="matrix(0.36771196,0,0,0.36771196,658.6626,43.235588)">
|
||||||
|
<circle
|
||||||
|
r="3.2648494"
|
||||||
|
cy="-205.13383"
|
||||||
|
cx="281.43002"
|
||||||
|
id="circle2484"
|
||||||
|
style="opacity:1;fill:#ffecbd;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:5.33999968;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:45.35433197;stroke-opacity:1" />
|
||||||
|
<circle
|
||||||
|
style="opacity:1;fill:#ffecbd;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:5.33999968;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:45.35433197;stroke-opacity:1;filter:url(#filter2334)"
|
||||||
|
id="circle2486"
|
||||||
|
cx="281.43002"
|
||||||
|
cy="-205.13383"
|
||||||
|
r="3.2648494" />
|
||||||
|
</g>
|
||||||
|
<g
|
||||||
|
transform="matrix(0.36771196,0,0,0.36771196,752.69026,107.8796)"
|
||||||
|
id="g2494">
|
||||||
|
<circle
|
||||||
|
style="opacity:1;fill:#ffecbd;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:5.33999968;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:45.35433197;stroke-opacity:1"
|
||||||
|
id="circle2490"
|
||||||
|
cx="281.43002"
|
||||||
|
cy="-205.13383"
|
||||||
|
r="3.2648494" />
|
||||||
|
<circle
|
||||||
|
r="3.2648494"
|
||||||
|
cy="-205.13383"
|
||||||
|
cx="281.43002"
|
||||||
|
id="circle2492"
|
||||||
|
style="opacity:1;fill:#ffecbd;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:5.33999968;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:45.35433197;stroke-opacity:1;filter:url(#filter2334)" />
|
||||||
|
</g>
|
||||||
|
<g
|
||||||
|
id="g2500"
|
||||||
|
transform="matrix(0.36771196,0,0,0.36771196,616.21956,68.701408)">
|
||||||
|
<circle
|
||||||
|
r="3.2648494"
|
||||||
|
cy="-205.13383"
|
||||||
|
cx="281.43002"
|
||||||
|
id="circle2496"
|
||||||
|
style="opacity:1;fill:#ffecbd;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:5.33999968;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:45.35433197;stroke-opacity:1" />
|
||||||
|
<circle
|
||||||
|
style="opacity:1;fill:#ffecbd;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:5.33999968;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:45.35433197;stroke-opacity:1;filter:url(#filter2334)"
|
||||||
|
id="circle2498"
|
||||||
|
cx="281.43002"
|
||||||
|
cy="-205.13383"
|
||||||
|
r="3.2648494" />
|
||||||
|
</g>
|
||||||
|
<g
|
||||||
|
transform="matrix(0.36771196,0,0,0.36771196,856.51247,53.683101)"
|
||||||
|
id="g2506">
|
||||||
|
<circle
|
||||||
|
style="opacity:1;fill:#ffecbd;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:5.33999968;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:45.35433197;stroke-opacity:1"
|
||||||
|
id="circle2502"
|
||||||
|
cx="281.43002"
|
||||||
|
cy="-205.13383"
|
||||||
|
r="3.2648494" />
|
||||||
|
<circle
|
||||||
|
r="3.2648494"
|
||||||
|
cy="-205.13383"
|
||||||
|
cx="281.43002"
|
||||||
|
id="circle2504"
|
||||||
|
style="opacity:1;fill:#ffecbd;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:5.33999968;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:45.35433197;stroke-opacity:1;filter:url(#filter2334)" />
|
||||||
|
</g>
|
||||||
|
<g
|
||||||
|
id="g2512"
|
||||||
|
transform="matrix(0.36771196,0,0,0.36771196,887.85502,-12.919825)">
|
||||||
|
<circle
|
||||||
|
r="3.2648494"
|
||||||
|
cy="-205.13383"
|
||||||
|
cx="281.43002"
|
||||||
|
id="circle2508"
|
||||||
|
style="opacity:1;fill:#ffecbd;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:5.33999968;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:45.35433197;stroke-opacity:1" />
|
||||||
|
<circle
|
||||||
|
style="opacity:1;fill:#ffecbd;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:5.33999968;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:45.35433197;stroke-opacity:1;filter:url(#filter2334)"
|
||||||
|
id="circle2510"
|
||||||
|
cx="281.43002"
|
||||||
|
cy="-205.13383"
|
||||||
|
r="3.2648494" />
|
||||||
|
</g>
|
||||||
|
<g
|
||||||
|
transform="matrix(0.36771196,0,0,0.36771196,846.71792,-29.244072)"
|
||||||
|
id="g2518">
|
||||||
|
<circle
|
||||||
|
style="opacity:1;fill:#ffecbd;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:5.33999968;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:45.35433197;stroke-opacity:1"
|
||||||
|
id="circle2514"
|
||||||
|
cx="281.43002"
|
||||||
|
cy="-205.13383"
|
||||||
|
r="3.2648494" />
|
||||||
|
<circle
|
||||||
|
r="3.2648494"
|
||||||
|
cy="-205.13383"
|
||||||
|
cx="281.43002"
|
||||||
|
id="circle2516"
|
||||||
|
style="opacity:1;fill:#ffecbd;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:5.33999968;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:45.35433197;stroke-opacity:1;filter:url(#filter2334)" />
|
||||||
|
</g>
|
||||||
|
<g
|
||||||
|
transform="matrix(0.60644382,0,0,0.60644382,836.76725,99.216557)"
|
||||||
|
id="g2524">
|
||||||
|
<circle
|
||||||
|
style="opacity:1;fill:#ffecbd;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:5.33999968;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:45.35433197;stroke-opacity:1"
|
||||||
|
id="circle2520"
|
||||||
|
cx="281.43002"
|
||||||
|
cy="-205.13383"
|
||||||
|
r="3.2648494" />
|
||||||
|
<circle
|
||||||
|
r="3.2648494"
|
||||||
|
cy="-205.13383"
|
||||||
|
cx="281.43002"
|
||||||
|
id="circle2522"
|
||||||
|
style="opacity:1;fill:#ffecbd;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:5.33999968;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:45.35433197;stroke-opacity:1;filter:url(#filter2334)" />
|
||||||
|
</g>
|
||||||
|
<g
|
||||||
|
id="g2530"
|
||||||
|
transform="matrix(0.80901452,0,0,0.80901452,-111.5001,-49.857127)">
|
||||||
|
<circle
|
||||||
|
r="3.2648494"
|
||||||
|
cy="-205.13383"
|
||||||
|
cx="281.43002"
|
||||||
|
id="circle2526"
|
||||||
|
style="opacity:1;fill:#ffecbd;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:5.33999968;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:45.35433197;stroke-opacity:1" />
|
||||||
|
<circle
|
||||||
|
style="opacity:1;fill:#ffecbd;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:5.33999968;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:45.35433197;stroke-opacity:1;filter:url(#filter2334)"
|
||||||
|
id="circle2528"
|
||||||
|
cx="281.43002"
|
||||||
|
cy="-205.13383"
|
||||||
|
r="3.2648494" />
|
||||||
|
</g>
|
||||||
|
<g
|
||||||
|
transform="matrix(0.50275909,0,0,0.50275909,-100.79659,-122.73918)"
|
||||||
|
id="g2542">
|
||||||
|
<circle
|
||||||
|
style="opacity:1;fill:#ffecbd;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:5.33999968;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:45.35433197;stroke-opacity:1"
|
||||||
|
id="circle2538"
|
||||||
|
cx="281.43002"
|
||||||
|
cy="-205.13383"
|
||||||
|
r="3.2648494" />
|
||||||
|
<circle
|
||||||
|
r="3.2648494"
|
||||||
|
cy="-205.13383"
|
||||||
|
cx="281.43002"
|
||||||
|
id="circle2540"
|
||||||
|
style="opacity:1;fill:#ffecbd;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:5.33999968;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:45.35433197;stroke-opacity:1;filter:url(#filter2334)" />
|
||||||
|
</g>
|
||||||
|
<g
|
||||||
|
transform="matrix(0.60644382,0,0,0.60644382,-146.67839,55.272059)"
|
||||||
|
id="g2548">
|
||||||
|
<circle
|
||||||
|
style="opacity:1;fill:#ffecbd;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:5.33999968;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:45.35433197;stroke-opacity:1"
|
||||||
|
id="circle2544"
|
||||||
|
cx="281.43002"
|
||||||
|
cy="-205.13383"
|
||||||
|
r="3.2648494" />
|
||||||
|
<circle
|
||||||
|
r="3.2648494"
|
||||||
|
cy="-205.13383"
|
||||||
|
cx="281.43002"
|
||||||
|
id="circle2546"
|
||||||
|
style="opacity:1;fill:#ffecbd;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:5.33999968;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:45.35433197;stroke-opacity:1;filter:url(#filter2334)" />
|
||||||
|
</g>
|
||||||
|
<g
|
||||||
|
transform="matrix(0.358777,0,0,0.358777,543.30335,-136.54748)"
|
||||||
|
id="g2554">
|
||||||
|
<path
|
||||||
|
sodipodi:type="star"
|
||||||
|
style="opacity:1;fill:#ffecbd;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:1.01394606;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:45.35433197;stroke-opacity:1"
|
||||||
|
id="path2550"
|
||||||
|
sodipodi:sides="4"
|
||||||
|
sodipodi:cx="151.1049"
|
||||||
|
sodipodi:cy="-189.97894"
|
||||||
|
sodipodi:r1="23.568764"
|
||||||
|
sodipodi:r2="6.4778118"
|
||||||
|
sodipodi:arg1="1.5707963"
|
||||||
|
sodipodi:arg2="2.3561945"
|
||||||
|
inkscape:flatsided="false"
|
||||||
|
inkscape:rounded="0"
|
||||||
|
inkscape:randomized="0"
|
||||||
|
d="m 151.1049,-166.41018 -4.5805,-18.98826 -18.98826,-4.5805 18.98826,-4.58051 4.5805,-18.98826 4.58051,18.98826 18.98826,4.58051 -18.98826,4.5805 z" />
|
||||||
|
<path
|
||||||
|
d="m 151.1049,-166.41018 -4.5805,-18.98826 -18.98826,-4.5805 18.98826,-4.58051 4.5805,-18.98826 4.58051,18.98826 18.98826,4.58051 -18.98826,4.5805 z"
|
||||||
|
inkscape:randomized="0"
|
||||||
|
inkscape:rounded="0"
|
||||||
|
inkscape:flatsided="false"
|
||||||
|
sodipodi:arg2="2.3561945"
|
||||||
|
sodipodi:arg1="1.5707963"
|
||||||
|
sodipodi:r2="6.4778118"
|
||||||
|
sodipodi:r1="23.568764"
|
||||||
|
sodipodi:cy="-189.97894"
|
||||||
|
sodipodi:cx="151.1049"
|
||||||
|
sodipodi:sides="4"
|
||||||
|
id="path2552"
|
||||||
|
style="opacity:1;fill:#ffecbd;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:1.01394606;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:45.35433197;stroke-opacity:1;filter:url(#filter1986)"
|
||||||
|
sodipodi:type="star" />
|
||||||
|
</g>
|
||||||
|
<path
|
||||||
|
style="fill:#29223d;fill-rule:evenodd;stroke:none;stroke-width:0.26458332px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;fill-opacity:1"
|
||||||
|
d="M 1016,296.99997 H 0 V 184.68916 l 40.484131,-9.14159 20.895034,3.91782 13.0594,14.36534 31.342555,-15.67127 70.52074,-2.61189 10.44752,23.50693 h 32.64849 l 13.0594,-11.75347 3.91782,-10.4475 27.42473,-6.52971 18.28316,15.67128 16.97722,-19.58909 5.22375,-20.89505 23.50691,-10.44752 10.44752,-24.81284 16.97723,-7.83563 15.67127,6.52968 24.81286,-32.648476 6.52968,-20.895045 14.36534,-14.36534 33.95443,11.753453 7.83563,-10.447523 23.50694,-22.200975 22.20097,15.671297 9.14157,24.812836 20.89504,-3.917818 27.42473,-18.283158 15.67127,15.671298 26.11882,6.529678 5.22375,15.671297 6.5297,15.671271 14.36534,3.917817 26.11879,-5.223774 16.97721,22.200972 19.58908,18.28316 19.58912,-6.52968 27.42472,26.1188 24.81286,14.36531 5.22375,26.11882 19.58909,-9.14159 24.81286,5.22375 23.50691,-18.28314 30.03664,18.28314 14.36531,-14.36532 31.34257,-18.28316 26.11879,-1.30595 19.58909,22.20097 57.44026,3.91782 z"
|
||||||
|
id="path4555"
|
||||||
|
inkscape:connector-curvature="0" />
|
||||||
|
<path
|
||||||
|
inkscape:connector-curvature="0"
|
||||||
|
id="path4557"
|
||||||
|
d="M 0,296.99997 V 129.83969 l 35.260372,-13.05941 23.506914,2.61189 47.013834,20.89504 32.64849,-7.83563 45.70789,13.05938 6.5297,11.75345 23.50691,1.30596 14.36534,-9.14159 57.46134,10.44752 41.79007,20.89505 31.34257,-5.22378 15.67127,6.52971 24.81286,-7.83564 56.1554,18.28316 19.58909,-6.5297 7.83564,-11.75346 28.73068,13.05939 h 44.40195 l 33.95443,-20.89502 6.5297,-22.20098 32.6485,3.91782 14.36531,-16.97723 28.73069,16.97723 13.0594,23.5069 26.1188,10.44753 16.9772,16.97722 22.20097,-10.44752 9.1416,-19.58909 20.89502,-2.61188 26.11879,-18.28316 9.14159,-24.81286 18.28316,-6.52971 22.20097,-5.22375 9.14157,19.58909 9.14159,-7.83563 27.42473,18.28315 45.70788,-7.83563 26.11879,15.67127 L 1016,129.83969 v 167.16028 z"
|
||||||
|
style="fill:#4e5689;fill-rule:evenodd;stroke:none;stroke-width:0.26458332px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;fill-opacity:1" />
|
||||||
|
<path
|
||||||
|
style="fill:#211936;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:0.26458332px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
|
||||||
|
d="M 0,296.99997 V 129.83969 l 35.260372,-13.05941 22.200974,5.22377 48.319774,18.28316 32.64849,-7.83563 32.64849,14.36532 19.5891,10.44751 23.50691,1.30596 14.36534,-9.14159 52.23758,15.01831 47.01383,16.32426 31.34257,-5.22378 15.67127,6.52971 24.81286,-7.83564 56.1554,18.28316 19.58909,-6.5297 7.83564,-11.75346 28.73068,13.05939 h 44.40195 l 33.95443,-20.89502 6.5297,-22.20098 32.6485,3.91782 14.36531,-16.97723 28.73069,16.97723 13.0594,23.5069 26.1188,10.44753 16.9772,16.97722 22.20097,-10.44752 9.1416,-19.58909 20.89502,-2.61188 26.11879,-18.28316 9.14159,-24.81286 18.28316,-6.52971 17.59648,-4.14097 13.65424,18.57773 8.9941,-7.7025 27.66404,18.0786 45.70788,-7.83563 26.11879,15.67127 L 1016,129.83969 v 167.16028 z"
|
||||||
|
id="path4553"
|
||||||
|
inkscape:connector-curvature="0"
|
||||||
|
sodipodi:nodetypes="ccccccccccccccccccccccccccccccccccccccccccc" />
|
||||||
|
<path
|
||||||
|
style="fill:#1e1632;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:0.26458332px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
|
||||||
|
d="m 0,166.40601 23.285071,13.44363 18.505001,0.92171 13.059396,13.05938 30.036614,9.14159 36.566308,-6.5297 31.34256,-16.97723 9.14157,-11.75345 13.0594,5.22377 6.5297,19.58909 14.36534,-5.22377 27.42473,1.30595 24.81285,-5.22377 24.81287,6.5297 23.50691,-6.5297 10.44752,-19.58909 16.9772,-19.58909 15.67127,2.61189 22.20098,-1.30596 18.28316,-20.89502 c 0,0 4.27314,-9.74815 15.35441,-11.59502 h 18.46877 l 4.04909,14.20688 22.20097,2.61189 13.05939,19.58909 44.40195,23.50693 22.20097,-5.22377 30.03661,-24.81287 14.36534,5.22378 22.20098,-13.05941 23.50691,3.91782 13.05941,-26.1188 13.05938,-18.283154 13.05941,6.529704 9.14156,15.67127 16.97723,-1.30593 22.20098,16.97723 41.79006,-5.22378 35.26039,20.89505 23.5069,24.81286 24.81287,-10.44752 20.89501,-24.81286 14.36534,7.83563 h 19.58909 l 18.28316,18.28316 h 14.36534 l 28.73068,-7.83564 h 15.67127 l 24.81287,5.22375 6.5297,14.36534 L 1016,166.40601 V 296.99997 H 0 Z"
|
||||||
|
id="path4551"
|
||||||
|
inkscape:connector-curvature="0"
|
||||||
|
sodipodi:nodetypes="cccccccccccccccccccccccccccccccccccccccccccccccccccccc" />
|
||||||
|
</g>
|
||||||
|
</svg>
|
||||||
|
After Width: | Height: | Size: 45 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 194 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 172 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 322 KiB |
+401
File diff suppressed because one or more lines are too long
|
After Width: | Height: | Size: 176 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 45 KiB |
File diff suppressed because it is too large
Load Diff
|
After Width: | Height: | Size: 186 KiB |
File diff suppressed because one or more lines are too long
|
After Width: | Height: | Size: 68 KiB |
File diff suppressed because one or more lines are too long
|
After Width: | Height: | Size: 26 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 7.2 KiB |
@@ -0,0 +1 @@
|
|||||||
|
<svg height="2500" width="2500" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 400 400"><circle cx="200" cy="200" fill="#000" r="200"/><g fill="#fff"><path d="M364.4 162.7c0-6.6-5.2-12-11.8-12-6.4 0-11.7 5.3-11.7 12 0 6.6 5.2 12 11.7 12 6.6.1 11.8-5.3 11.8-12zm-11.8 8.7c-4.5 0-8-3.8-8-8.7 0-4.8 3.5-8.6 8-8.6 4.6 0 8.2 3.8 8.2 8.6 0 4.9-3.6 8.7-8.2 8.7z"/><path d="M355.8 163.7c.6-.2 1.9-1.1 1.9-3 0-2.3-1.5-3.7-4-3.7h-5.3v11.3h3.5v-3.8h.9l1.6 3.8h3.8l-2.1-3.9c-.2-.6-.3-.7-.3-.7zm-3-1.6h-.9v-2.7h.9c.8 0 1.2.4 1.2 1.3.1.9-.4 1.4-1.2 1.4z"/><circle cx="104.6" cy="163" r="9"/><path d="M114 177.9H72.8v-2.7c0-5.3 5.3-5.4 8-5.4 3.1 0 4.5.3 4.5.3v-14.6s-2.8-.4-6.6-.4c-8.6 0-24.5 2.4-24.5 20.6v2.3h-7.5v13.5h7.5V220h-7v13.5H81V220h-8.2v-28.5h22.5V220h-7v13.5H121V220h-7zm70 0h-29.5v13.5h5l-6.4 20c-1.2 3.3-1.5 7.3-1.5 7.3h-.4s-.3-4-1.5-7.3l-6.4-20h5v-13.5h-29.5v13.5h6.2l15.4 42h22l15.4-42h6.2zm54.6 25.5c0-15.4-9.3-26.8-25.8-26.8-17.9 0-28.9 12.7-28.9 29 0 14.8 10.7 29.1 30.5 29.1 15 0 23.9-7.8 23.9-7.8l-6.8-12.9s-7.4 5.3-15.6 5.3c-5.9 0-11.5-3.1-12.9-10.2h35.2c-.1-.1.4-3.9.4-5.7zm-35.2-4.6c1-4.3 3.6-8.2 8.9-8.2 4.1 0 7 3.8 7 8.2zm114.1-8.1h-.2s.2-1.1.2-2.8V185c0-5.1-2.8-7.1-7.9-7.1h-17.5v13.5h5.2c1.5 0 2.4.9 2.4 2.4V220h-7.5v13.5h33.7V220h-7.5v-8.1c0-10.1 5-16.7 15.3-16.7 2.3 0 3.8.3 3.8.3v-18.3s-1.1-.2-2.2-.2c-8.4-.1-15.4 6.1-17.8 13.7zm-49.3 0h-.2s.2-1.1.2-2.8V185c0-5.1-2.8-7.1-7.9-7.1h-17.5v13.5h5.2c1.5 0 2.4.9 2.4 2.4V220h-7.5v13.5h33.7V220h-7.5v-8.1c0-10.1 5-16.7 15.3-16.7 2.3 0 3.8.3 3.8.3v-18.3s-1.1-.2-2.2-.2c-8.5-.1-15.5 6.1-17.8 13.7z"/></g></svg>
|
||||||
|
After Width: | Height: | Size: 1.5 KiB |
@@ -0,0 +1,29 @@
|
|||||||
|
<?xml version="1.0" encoding="UTF-8"?>
|
||||||
|
<!-- Generator: Adobe Illustrator 26.0.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
|
||||||
|
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="Capa_1" x="0px" y="0px" viewBox="0 0 24 24" style="enable-background:new 0 0 24 24;" xml:space="preserve" width="512" height="512">
|
||||||
|
<g>
|
||||||
|
<path style="fill-rule:evenodd;clip-rule:evenodd;" d="M12,0.296c-6.627,0-12,5.372-12,12c0,5.302,3.438,9.8,8.206,11.387 c0.6,0.111,0.82-0.26,0.82-0.577c0-0.286-0.011-1.231-0.016-2.234c-3.338,0.726-4.043-1.416-4.043-1.416 C4.421,18.069,3.635,17.7,3.635,17.7c-1.089-0.745,0.082-0.729,0.082-0.729c1.205,0.085,1.839,1.237,1.839,1.237 c1.07,1.834,2.807,1.304,3.492,0.997C9.156,18.429,9.467,17.9,9.81,17.6c-2.665-0.303-5.467-1.332-5.467-5.93 c0-1.31,0.469-2.381,1.237-3.221C5.455,8.146,5.044,6.926,5.696,5.273c0,0,1.008-0.322,3.301,1.23 C9.954,6.237,10.98,6.104,12,6.099c1.02,0.005,2.047,0.138,3.006,0.404c2.29-1.553,3.297-1.23,3.297-1.23 c0.653,1.653,0.242,2.873,0.118,3.176c0.769,0.84,1.235,1.911,1.235,3.221c0,4.609-2.807,5.624-5.479,5.921 c0.43,0.372,0.814,1.103,0.814,2.222c0,1.606-0.014,2.898-0.014,3.293c0,0.319,0.216,0.694,0.824,0.576 c4.766-1.589,8.2-6.085,8.2-11.385C24,5.669,18.627,0.296,12,0.296z"/>
|
||||||
|
<path d="M4.545,17.526c-0.026,0.06-0.12,0.078-0.206,0.037c-0.087-0.039-0.136-0.121-0.108-0.18 c0.026-0.061,0.12-0.078,0.207-0.037C4.525,17.384,4.575,17.466,4.545,17.526L4.545,17.526z"/>
|
||||||
|
<path d="M5.031,18.068c-0.057,0.053-0.169,0.028-0.245-0.055c-0.079-0.084-0.093-0.196-0.035-0.249 c0.059-0.053,0.167-0.028,0.246,0.056C5.076,17.903,5.091,18.014,5.031,18.068L5.031,18.068z"/>
|
||||||
|
<path d="M5.504,18.759c-0.074,0.051-0.194,0.003-0.268-0.103c-0.074-0.107-0.074-0.235,0.002-0.286 c0.074-0.051,0.193-0.005,0.268,0.101C5.579,18.579,5.579,18.707,5.504,18.759L5.504,18.759z"/>
|
||||||
|
<path d="M6.152,19.427c-0.066,0.073-0.206,0.053-0.308-0.046c-0.105-0.097-0.134-0.234-0.068-0.307 c0.067-0.073,0.208-0.052,0.311,0.046C6.191,19.217,6.222,19.355,6.152,19.427L6.152,19.427z"/>
|
||||||
|
<path d="M7.047,19.814c-0.029,0.094-0.164,0.137-0.3,0.097C6.611,19.87,6.522,19.76,6.55,19.665 c0.028-0.095,0.164-0.139,0.301-0.096C6.986,19.609,7.075,19.719,7.047,19.814L7.047,19.814z"/>
|
||||||
|
<path d="M8.029,19.886c0.003,0.099-0.112,0.181-0.255,0.183c-0.143,0.003-0.26-0.077-0.261-0.174c0-0.1,0.113-0.181,0.256-0.184 C7.912,19.708,8.029,19.788,8.029,19.886L8.029,19.886z"/>
|
||||||
|
<path d="M8.943,19.731c0.017,0.096-0.082,0.196-0.224,0.222c-0.139,0.026-0.268-0.034-0.286-0.13 c-0.017-0.099,0.084-0.198,0.223-0.224C8.797,19.574,8.925,19.632,8.943,19.731L8.943,19.731z"/>
|
||||||
|
</g>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
</svg>
|
||||||
|
After Width: | Height: | Size: 2.6 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 15 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 544 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 133 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 136 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 60 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 132 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 34 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 26 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 210 KiB |
File diff suppressed because one or more lines are too long
|
After Width: | Height: | Size: 35 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 104 KiB |
@@ -0,0 +1,24 @@
|
|||||||
|
<?xml version="1.0" encoding="UTF-8"?>
|
||||||
|
<!-- Generator: Adobe Illustrator 26.0.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
|
||||||
|
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="Capa_1" x="0px" y="0px" viewBox="0 0 24 24" style="enable-background:new 0 0 24 24;" xml:space="preserve" width="512" height="512">
|
||||||
|
<g>
|
||||||
|
<path id="Path_2525" d="M23.002,21.584h0.227l-0.435-0.658l0,0c0.266,0,0.407-0.169,0.409-0.376c0-0.008,0-0.017-0.001-0.025 c0-0.282-0.17-0.417-0.519-0.417h-0.564v1.476h0.212v-0.643h0.261L23.002,21.584z M22.577,20.774h-0.246v-0.499h0.312 c0.161,0,0.345,0.026,0.345,0.237c0,0.242-0.186,0.262-0.412,0.262"/>
|
||||||
|
<path id="Path_2520" d="M17.291,19.073h-3.007v-4.709c0-1.123-0.02-2.568-1.564-2.568c-1.566,0-1.806,1.223-1.806,2.487v4.79H7.908 V9.389h2.887v1.323h0.04c0.589-1.006,1.683-1.607,2.848-1.564c3.048,0,3.609,2.005,3.609,4.612L17.291,19.073z M4.515,8.065 c-0.964,0-1.745-0.781-1.745-1.745c0-0.964,0.781-1.745,1.745-1.745c0.964,0,1.745,0.781,1.745,1.745 C6.26,7.284,5.479,8.065,4.515,8.065L4.515,8.065 M6.018,19.073h-3.01V9.389h3.01V19.073z M18.79,1.783H1.497 C0.68,1.774,0.01,2.429,0,3.246V20.61c0.01,0.818,0.68,1.473,1.497,1.464H18.79c0.819,0.01,1.492-0.645,1.503-1.464V3.245 c-0.012-0.819-0.685-1.474-1.503-1.463"/>
|
||||||
|
<path id="Path_2526" d="M22.603,19.451c-0.764,0.007-1.378,0.633-1.37,1.397c0.007,0.764,0.633,1.378,1.397,1.37 c0.764-0.007,1.378-0.633,1.37-1.397c-0.007-0.754-0.617-1.363-1.37-1.37H22.603 M22.635,22.059 c-0.67,0.011-1.254-0.522-1.265-1.192c-0.011-0.67,0.523-1.222,1.193-1.233c0.67-0.011,1.222,0.523,1.233,1.193 c0,0.007,0,0.013,0,0.02C23.81,21.502,23.29,22.045,22.635,22.059h-0.031"/>
|
||||||
|
</g>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
</svg>
|
||||||
|
After Width: | Height: | Size: 1.7 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 1.3 MiB |
File diff suppressed because one or more lines are too long
|
After Width: | Height: | Size: 30 KiB |
+186
@@ -0,0 +1,186 @@
|
|||||||
|
<!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/homePage.css">
|
||||||
|
<link rel="stylesheet" href="css/swiper.css">
|
||||||
|
<link rel="stylesheet" href="css/footer.css">
|
||||||
|
<title>Home Page</title>
|
||||||
|
</head>
|
||||||
|
|
||||||
|
<body>
|
||||||
|
<div class="homePage-container">
|
||||||
|
<div class="homePage-top">
|
||||||
|
<nav>
|
||||||
|
<a class="txtHover" href="about.html">A propos</a>
|
||||||
|
<a class="txtHover" href="pdf/cv.pdf" title="Pdf" target="_blank">Mon CV</a>
|
||||||
|
<a class="txtHover" href="myProjectsPage.html">Mes projets</a>
|
||||||
|
<!--<a class="txtHover" href="contact.html">Me contacter</a>-->
|
||||||
|
</nav>
|
||||||
|
<div class="Home-container">
|
||||||
|
<div class="nav-container">
|
||||||
|
<button type="button" aria-label="toggle cutain navigation" class="nav-toggler">
|
||||||
|
<span class="line l1"></span>
|
||||||
|
<span class="line l2"></span>
|
||||||
|
<span class="line l3"></span>
|
||||||
|
</button>
|
||||||
|
|
||||||
|
<div class="titleNav">
|
||||||
|
<p>♠♥</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<!-- Titre d'accroche -->
|
||||||
|
<div class="textAcroche-container">
|
||||||
|
<div class="textAcroche">
|
||||||
|
<h1>Bonjour et bienvenue sur <em>mon portfolio</em> !</h1>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="homePage-bottom">
|
||||||
|
<div class="recentsProjects-container">
|
||||||
|
<h1>Mes projets récents</h1>
|
||||||
|
<div class="swiper mySwiper">
|
||||||
|
<div class="swiper-wrapper">
|
||||||
|
|
||||||
|
<!-- SLIDE 1 -->
|
||||||
|
<div class="swiper-slide silde1">
|
||||||
|
<div id="slideOne" class="slide-img">
|
||||||
|
<!-- BGIMG -->
|
||||||
|
</div>
|
||||||
|
<div class="slide-title">
|
||||||
|
<h2>#AstroPi</h2>
|
||||||
|
</div>
|
||||||
|
<div class="slide-desc">
|
||||||
|
<p>Le projet consistait à prendre des photos de la terre à partir de l'ISS pour ensuite
|
||||||
|
y détecter les fumées d'incendie ...</p>
|
||||||
|
</div>
|
||||||
|
<div class="slide-readmore-btn">
|
||||||
|
<button><a href="astroPi.html">Lire plus</a></button>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- SLIDE 2 -->
|
||||||
|
<div class="swiper-slide silde2">
|
||||||
|
<div id="slideTwo" class="slide-img">
|
||||||
|
<!-- BGIMG -->
|
||||||
|
</div>
|
||||||
|
<div class="slide-title">
|
||||||
|
<h2>#MonPortfolio</h2>
|
||||||
|
</div>
|
||||||
|
<div class="slide-desc">
|
||||||
|
<p>Ce site m'a permis de me faire de l'expérience avec les langages du web ...</p>
|
||||||
|
</div>
|
||||||
|
<div class="slide-readmore-btn">
|
||||||
|
<button><a href="myPortfolio.html">Lire plus</a></button>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- SLIDE 3 -->
|
||||||
|
<div class="swiper-slide silde3">
|
||||||
|
<div id="slideThree" class="slide-img">
|
||||||
|
<!-- BGIMG -->
|
||||||
|
</div>
|
||||||
|
<div class="slide-title">
|
||||||
|
<h2>#ProjetIT2022</h2>
|
||||||
|
</div>
|
||||||
|
<div class="slide-desc">
|
||||||
|
<p>Nous devions trouver un moyen de communiquer avec le véhicule derrière le nôtre.</p>
|
||||||
|
</div>
|
||||||
|
<div class="slide-readmore-btn">
|
||||||
|
<button><a href="projetIT.html">Lire plus</a></button>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="swiper-pagination"></div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<script src="https://cdn.jsdelivr.net/npm/swiper@8/swiper-bundle.min.js"></script>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
var swiper = new Swiper(".mySwiper", {
|
||||||
|
effect: "coverflow",
|
||||||
|
grabCursor: true,
|
||||||
|
centeredSlides: true,
|
||||||
|
slidesPerView: "auto",
|
||||||
|
coverflowEffect: {
|
||||||
|
rotate: 50,
|
||||||
|
stretch: 0,
|
||||||
|
depth: 100,
|
||||||
|
modifier: 1,
|
||||||
|
slideShadows: true,
|
||||||
|
},
|
||||||
|
pagination: {
|
||||||
|
el: ".swiper-pagination",
|
||||||
|
},
|
||||||
|
});
|
||||||
|
</script>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<footer>
|
||||||
|
<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/homePage.js"></script>
|
||||||
|
<script src="https://cdn.jsdelivr.net/npm/swiper@8/swiper-bundle.min.js"></script>
|
||||||
|
|
||||||
|
|
||||||
|
</body>
|
||||||
|
|
||||||
|
</html>
|
||||||
@@ -0,0 +1,3 @@
|
|||||||
|
function rtn() {
|
||||||
|
window.history.back();
|
||||||
|
}
|
||||||
@@ -0,0 +1,11 @@
|
|||||||
|
const hamburgerBtn = document.querySelector(".nav-toggler")
|
||||||
|
const navigation = document.querySelector("nav")
|
||||||
|
const html = document.querySelector("html")
|
||||||
|
|
||||||
|
hamburgerBtn.addEventListener("click", toggleNav)
|
||||||
|
|
||||||
|
function toggleNav() {
|
||||||
|
hamburgerBtn.classList.toggle("active")
|
||||||
|
navigation.classList.toggle("active")
|
||||||
|
html.classList.toggle("active")
|
||||||
|
}
|
||||||
@@ -0,0 +1,10 @@
|
|||||||
|
{
|
||||||
|
"dependencies": {
|
||||||
|
"parcel-bundler": "^1.6.1",
|
||||||
|
"swiper": "latest"
|
||||||
|
},
|
||||||
|
"name": "Swiper - Effect coverflow",
|
||||||
|
"tags": [
|
||||||
|
"swiper"
|
||||||
|
]
|
||||||
|
}
|
||||||
@@ -0,0 +1,137 @@
|
|||||||
|
<!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>Mon site web</h1>
|
||||||
|
</div>
|
||||||
|
<div class="space"></div>
|
||||||
|
<div class="logo">
|
||||||
|
<p class="htmlLogo"></html></p>
|
||||||
|
<p class="cssLogo">#css</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</header>
|
||||||
|
|
||||||
|
<div id="sltc2" class="spaceLabTitle-container">
|
||||||
|
<h1>Mon Portfolio</h1>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- Pourquoi ? -->
|
||||||
|
<div class="desc-container black container-container">
|
||||||
|
<div id="imgPortfolio1" class="imgRight"></div>
|
||||||
|
|
||||||
|
<div class="descText">
|
||||||
|
<h2>Pourquoi ?</h2>
|
||||||
|
<p class="black">Il y à quelque temps, je me suis lancé dans ce projet dans l'objectif de le mettre en
|
||||||
|
lien dans mes projets motivés sur Parcoursup. En effet je me suis dit que cela pourrait être un plus
|
||||||
|
dans la prise en compte de mon dossier et que cela permettrait aux IUT d'avoir un aperçu de ce que
|
||||||
|
je fais déjà. Ce site me permet aussi de me faire de l'expérience avec les langages du web et
|
||||||
|
ensuite proposer des sites web sur Fiverr (<a class="black" href="https://fr.fiverr.com/maethik"
|
||||||
|
target="_blank">lien vers Fiverr</a>). Enfin acquérir plus de visibilité sur internet quoi !</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- Comment ? -->
|
||||||
|
<div class="desc-container white container-container">
|
||||||
|
<div id="imgPortfolio2" class="imgRight"></div>
|
||||||
|
|
||||||
|
<div class="descText">
|
||||||
|
<h2>Comment ?</h2>
|
||||||
|
<p class="white">En développant ce site j'ai pu perfectionner ma maîtrise des langages HTML et CSS. J'ai
|
||||||
|
utilisé un petit peu de JavaScript pour deux trois animations sur le site. Je me suis également
|
||||||
|
servi d'un tout tout petit peu de PHP ... juste les bases.</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>-->
|
||||||
@@ -0,0 +1,134 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="en">
|
||||||
|
|
||||||
|
<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/myProjectsPage.css">
|
||||||
|
<link rel="stylesheet" href="css/backBtn.css">
|
||||||
|
<link rel="stylesheet" href="css/spanProjects.css">
|
||||||
|
<link rel="stylesheet" href="css/footer.css">
|
||||||
|
<link rel="stylesheet" href="css/overflow.css">
|
||||||
|
<title>Mes projets</title>
|
||||||
|
</head>
|
||||||
|
|
||||||
|
<body>
|
||||||
|
<header>
|
||||||
|
<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="titleHeader-container">
|
||||||
|
<div class="title">
|
||||||
|
<h1>ici, découvrez tout mes projets ...</h1>
|
||||||
|
</div>
|
||||||
|
<div class="downArrow">
|
||||||
|
<img src="img/downArrowIcon.png" alt="down arrow">
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</header>
|
||||||
|
|
||||||
|
<div class="projectsSpace-bigContainer">
|
||||||
|
<div class="projectsSpace">
|
||||||
|
<div class="divs-container">
|
||||||
|
<!-- Project 1 -->
|
||||||
|
<a href="astroPi.html" id="span1" class="spanProjects">
|
||||||
|
<div class="titleSpace">
|
||||||
|
<div class="title">
|
||||||
|
<h2>Le concours<br />Astro PI</h2>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</a>
|
||||||
|
|
||||||
|
<!-- Project 2 -->
|
||||||
|
<a href="myPortfolio.html" id="span2" class="spanProjects">
|
||||||
|
<div class="titleSpace">
|
||||||
|
<div class="title">
|
||||||
|
<h2>Mon Portfolio</h2>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</a>
|
||||||
|
|
||||||
|
<!-- Project 3 -->
|
||||||
|
<a href="projetIT.html" id="span3" class="spanProjects">
|
||||||
|
<div class="titleSpace">
|
||||||
|
<div class="title">
|
||||||
|
<h2>Projet de<br />fin d'année<br />2022</h2>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</a>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
<div class="gradient"></div>
|
||||||
|
|
||||||
|
<footer>
|
||||||
|
<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>
|
||||||
|
|
||||||
|
<script src="js/backBtn.js"></script>
|
||||||
|
|
||||||
|
</body>
|
||||||
|
|
||||||
|
</html>
|
||||||
BIN
Binary file not shown.
+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>
|
||||||
@@ -0,0 +1,50 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="en">
|
||||||
|
|
||||||
|
<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/spanProjects.css">
|
||||||
|
<title>spanProjects</title>
|
||||||
|
</head>
|
||||||
|
|
||||||
|
<body>
|
||||||
|
|
||||||
|
<div class="projectsSpace-bigContainer">
|
||||||
|
<div class="projectsSpace">
|
||||||
|
<div class="divs-container">
|
||||||
|
<!-- Project 1 -->
|
||||||
|
<a href="astroPi.html" id="span1" class="spanProjects">
|
||||||
|
<div class="titleSpace">
|
||||||
|
<div class="title">
|
||||||
|
<h2>Le concours<br />Astro PI</h2>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</a>
|
||||||
|
|
||||||
|
<!-- Project 2 -->
|
||||||
|
<a href="myPortfolio.html" id="span2" class="spanProjects">
|
||||||
|
<div class="titleSpace">
|
||||||
|
<div class="title">
|
||||||
|
<h2>Mon Portfolio</h2>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</a>
|
||||||
|
|
||||||
|
<!-- Project 3 -->
|
||||||
|
<a href="projetIT.html" id="span3" class="spanProjects">
|
||||||
|
<div class="titleSpace">
|
||||||
|
<div class="title">
|
||||||
|
<h2>Projet de<br />fin d'année<br />2022</h2>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</a>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</body>
|
||||||
|
|
||||||
|
</html>
|
||||||
@@ -0,0 +1,90 @@
|
|||||||
|
<!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/homePage.css">
|
||||||
|
<link rel="stylesheet" href="css/swiper.css">
|
||||||
|
<title>Slide Astro Pi</title>
|
||||||
|
</head>
|
||||||
|
|
||||||
|
<body>
|
||||||
|
<div class="swiper mySwiper">
|
||||||
|
<div class="swiper-wrapper">
|
||||||
|
|
||||||
|
<!-- SLIDE 1 -->
|
||||||
|
<div class="swiper-slide silde1">
|
||||||
|
<div id="slideOne" class="slide-img">
|
||||||
|
<!-- BGIMG -->
|
||||||
|
</div>
|
||||||
|
<div class="slide-title">
|
||||||
|
<h2>#AstroPi</h2>
|
||||||
|
</div>
|
||||||
|
<div class="slide-desc">
|
||||||
|
<p>Le projet consistait à prendre des photos de la terre à partir de l'ISS pour ensuite y détecter les fumées d'incendie ...</p>
|
||||||
|
</div>
|
||||||
|
<div class="slide-readmore-btn">
|
||||||
|
<button><a href="astroPi.html">Lire plus</a></button>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- SLIDE 2 -->
|
||||||
|
<div class="swiper-slide silde2">
|
||||||
|
<div id="slideTwo" class="slide-img">
|
||||||
|
<!-- BGIMG -->
|
||||||
|
</div>
|
||||||
|
<div class="slide-title">
|
||||||
|
<h2>#MonPortfolio</h2>
|
||||||
|
</div>
|
||||||
|
<div class="slide-desc">
|
||||||
|
<p>Ce site m'a permis de me faire de l'expérience avec les langages du web ...</p>
|
||||||
|
</div>
|
||||||
|
<div class="slide-readmore-btn">
|
||||||
|
<button><a href="myPortfolio.html">Lire plus</a></button>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- SLIDE 3 -->
|
||||||
|
<div class="swiper-slide silde3">
|
||||||
|
<div id="slideThree" class="slide-img">
|
||||||
|
<!-- BGIMG -->
|
||||||
|
</div>
|
||||||
|
<div class="slide-title">
|
||||||
|
<h2>#ProjetIT2022</h2>
|
||||||
|
</div>
|
||||||
|
<div class="slide-desc">
|
||||||
|
<p>Nous devions trouver un moyen de communiquer avec le véhicule derrière le nôtre.</p>
|
||||||
|
</div>
|
||||||
|
<div class="slide-readmore-btn">
|
||||||
|
<button><a href="projetIT.html">Lire plus</a></button>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="swiper-pagination"></div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<script src="https://cdn.jsdelivr.net/npm/swiper@8/swiper-bundle.min.js"></script>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
var swiper = new Swiper(".mySwiper", {
|
||||||
|
effect: "coverflow",
|
||||||
|
grabCursor: true,
|
||||||
|
centeredSlides: true,
|
||||||
|
slidesPerView: "auto",
|
||||||
|
coverflowEffect: {
|
||||||
|
rotate: 50,
|
||||||
|
stretch: 0,
|
||||||
|
depth: 100,
|
||||||
|
modifier: 1,
|
||||||
|
slideShadows: true,
|
||||||
|
},
|
||||||
|
pagination: {
|
||||||
|
el: ".swiper-pagination",
|
||||||
|
},
|
||||||
|
});
|
||||||
|
</script>
|
||||||
|
</body>
|
||||||
|
|
||||||
|
</html>
|
||||||
Reference in New Issue
Block a user