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