m |
m |
||
| Line 1: | Line 1: | ||
{{Pasteur_Paris/wiki}} | {{Pasteur_Paris/wiki}} | ||
<html> | <html> | ||
| − | + | <style> | |
div.YAKOI { | div.YAKOI { | ||
border-radius:50%; | border-radius:50%; | ||
| Line 31: | Line 31: | ||
margin-left:20%; | margin-left:20%; | ||
} | } | ||
| − | + | div.AWcercle{ | |
width:8.6vw; | width:8.6vw; | ||
height:8.6vw; | height:8.6vw; | ||
| Line 39: | Line 39: | ||
float:left; | float:left; | ||
| − | opacity: | + | opacity:1; |
cursor:pointer; | cursor:pointer; | ||
transform-origin:(50%,50%); | transform-origin:(50%,50%); | ||
| Line 116: | Line 116: | ||
cursor:pointer; | cursor:pointer; | ||
} | } | ||
| + | div.ent{ | ||
| + | overflow-y:scroll; | ||
| + | } | ||
</style> | </style> | ||
| Line 195: | Line 198: | ||
transform="translate(-9.2 -53.8)"></path><circle class="TM-16" cx="579" | transform="translate(-9.2 -53.8)"></path><circle class="TM-16" cx="579" | ||
| − | cy="464.5" r="3.8"></circle></g> | + | cy="464.5" r="3.8"></circle></g> |
| − | + | </svg></div> | |
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
<div id="cercle1" class="AWcercle c1" style="background-color:white;border:3px solid #ff0;position:absolute;transition:0.4s;"> | <div id="cercle1" class="AWcercle c1" style="background-color:white;border:3px solid #ff0;position:absolute;transition:0.4s;"> | ||
| + | |||
<div class="JUCroix" id="croix1"> | <div class="JUCroix" id="croix1"> | ||
<div style="height:10%;width:80%;background-color:white;position:relative;top:45%;transform-origin:50% 50%;transform:rotate(45deg);left:10%;border-radius:3px 3px;"> | <div style="height:10%;width:80%;background-color:white;position:relative;top:45%;transform-origin:50% 50%;transform:rotate(45deg);left:10%;border-radius:3px 3px;"> | ||
| Line 227: | Line 208: | ||
</div> | </div> | ||
</div> | </div> | ||
| − | <div id="aw1" class="ent" style="overflow-x:hidden;overflow:scroll;width: | + | <img id="img1" class="img_band" src="https://2019.igem.org/wiki/images/7/7a/T--Pasteur_Paris--PhotoTara.jpg" style="width:100%" alt="Tara"> |
| + | <div id="aw1" class="ent" style="overflow-x:hidden;overflow:scroll;width:60%;margin-left:7.5%;display:none;float:left;margin-top:10%"> | ||
| + | |||
<p style="font-family:roboto;color:black;font-size:35px;text-align:justify;font-weight:700;">Tara</p> | <p style="font-family:roboto;color:black;font-size:35px;text-align:justify;font-weight:700;">Tara</p> | ||
<p style="font-family:roboto;color:black;font-size:18px;text-align:justify;font-weight:100;margin-right:50px;"> | <p style="font-family:roboto;color:black;font-size:18px;text-align:justify;font-weight:100;margin-right:50px;"> | ||
| Line 249: | Line 232: | ||
</div> | </div> | ||
</div> | </div> | ||
| − | <div id="aw2" class="ent" style="overflow-x:hidden;overflow:scroll;width: | + | <img id="img2" class="img_band" src="https://2019.igem.org/wiki/images/7/73/T--Pasteur_Paris--PhotoLaurence.jpg" alt="Laurence" style="width:100%;"> |
| + | <div id="aw2" class="ent" style="overflow-x:hidden;overflow:scroll;width:60%;margin-left:7.5%;display:none;float:left;margin-top:10%"> | ||
<p style="font-family:roboto;color:black;font-size:35px;text-align:justify;font-weight:700;">Laurence</p> | <p style="font-family:roboto;color:black;font-size:35px;text-align:justify;font-weight:700;">Laurence</p> | ||
<p style="font-family:roboto;color:black;font-size:18px;text-align:justify;font-weight:100;margin-right:50px;"> | <p style="font-family:roboto;color:black;font-size:18px;text-align:justify;font-weight:100;margin-right:50px;"> | ||
Laurence is one of our three engineering students at Chimie ParisTech. She may be | Laurence is one of our three engineering students at Chimie ParisTech. She may be | ||
| − | the smallest member of the team (in size), but she is full of great talents. Chemist, | + | the smallest member of the team (in size), but she is full of great talents. Chemist, |
| − | designer, or cook : her beautiful flyers delight us as much as her pancakes when | + | designer, or cook : her beautiful flyers delight us as much as her pancakes when |
| − | times are though. As you can imagine, she is super active so when | + | times are though. As you can imagine, she is super active so when it's time for a |
| − | nap, she never declines/refuses ! She lived in Texas for three years so her perfect | + | nap, she never declines/refuses ! She lived in Texas for three years so her perfect |
| − | english helps us a lot. | + | english helps us a lot. |
| − | Fun fact about her : she loves the medieval period and role playing games. Her | + | Fun fact about her : she loves the medieval period and role playing games. Her |
| − | record is 8 hours playing without stopping ! | + | record is 8 hours playing without stopping ! |
| − | Laurence by Marie</p> | + | Laurence by Marie</p> |
</div> | </div> | ||
</div> | </div> | ||
| Line 270: | Line 254: | ||
</div> | </div> | ||
</div> | </div> | ||
| − | <div id="aw3" class="ent" style="overflow-x:hidden;overflow:scroll;width: | + | <img id="img3" class="img_band" src="https://2019.igem.org/wiki/images/7/78/T--Pasteur_Paris--PhotoRonan.jpg" style="width:100%" alt="Ronan"> |
| + | <div id="aw3" class="ent" style="overflow-x:hidden;overflow:scroll;width:60%;margin-left:7.5%;display:none;margin-top:10%;float:left;"> | ||
<p style="font-family:roboto;color:black;font-size:35px;text-align:justify;font-weight:700;">Ronan</p> | <p style="font-family:roboto;color:black;font-size:35px;text-align:justify;font-weight:700;">Ronan</p> | ||
<p style="font-family:roboto;color:black;font-size:18px;text-align:justify;font-weight:100;margin-right:50px;"> | <p style="font-family:roboto;color:black;font-size:18px;text-align:justify;font-weight:100;margin-right:50px;"> | ||
| Line 293: | Line 278: | ||
</div> | </div> | ||
</div> | </div> | ||
| − | <div id="aw4" class="ent" style="overflow-x:hidden | + | <img id="img4" class="img_band" src="https://2019.igem.org/wiki/images/1/14/T--Pasteur_Paris--PhotoQuentin.jpg" style="width:100%" alt="Quentin"> |
| + | <div id="aw4" class="ent" style="overflow-x:hidden;width:60%;margin-left:7.5%;display:none;float:left;margin-top:10%"> | ||
<p style="font-family:roboto;color:black;font-size:35px;text-align:justify;font-weight:700;">Quentin</p> | <p style="font-family:roboto;color:black;font-size:35px;text-align:justify;font-weight:700;">Quentin</p> | ||
<p style="font-family:roboto;color:black;font-size:18px;text-align:justify;font-weight:100;margin-right:50px;"> | <p style="font-family:roboto;color:black;font-size:18px;text-align:justify;font-weight:100;margin-right:50px;"> | ||
| − | + | Discreet but essential, without him no Wiki or Thellie! Hard worker and curious, | |
| − | nothing stops him, not even the most complex tasks such as wiki animations or | + | nothing stops him, not even the most complex tasks such as wiki animations or |
| − | video editing with a computer at the end. If he lets himself be conned by the wiki | + | video editing with a computer at the end. If he lets himself be conned by the wiki |
| − | team, his courage will make him realize the most beautiful pages of our wiki. After | + | team, his courage will make him realize the most beautiful pages of our wiki. After |
| − | these hard days, he sets on fire the dancefloor to decompress. Patient and | + | these hard days, he sets on fire the dancefloor to decompress. Patient and |
| − | professional, he will lead this project to the end. Kind and attentive, he is full of love, | + | professional, he will lead this project to the end. Kind and attentive, he is full of love, |
| − | his little cat can testify to this. Sometimes naive, you | + | his little cat can testify to this. Sometimes naive, you |
| − | never get tired of his dubious faces when faced with jokes. I would like to introduce | + | never get tired of his dubious faces when faced with jokes. I would like to introduce |
| − | you Quentin in second year at Chimie Paritech. | + | you Quentin in second year at Chimie Paritech. |
| − | Quentin by Clara </p> | + | Quentin by Clara </p> |
</div> | </div> | ||
</div> | </div> | ||
| Line 317: | Line 303: | ||
</div> | </div> | ||
</div> | </div> | ||
| − | <div id="aw5" class="ent" style="overflow-x:hidden;overflow:scroll;width: | + | <img id="img5" class="img5" src="https://2019.igem.org/wiki/images/d/d3/T--Pasteur_Paris--PhotoLea.jpg" style="width:100%" alt="Lea"> |
| + | <div id="aw5" class="ent" style="overflow-x:hidden;overflow:scroll;width:60%;margin-left:7.5%;display:none;float:left;margin-top:10%"> | ||
<p style="font-family:roboto;color:black;font-size:35px;text-align:justify;font-weight:700;">Léa</p> | <p style="font-family:roboto;color:black;font-size:35px;text-align:justify;font-weight:700;">Léa</p> | ||
<p style="font-family:roboto;color:black;font-size:18px;text-align:justify;font-weight:100;margin-right:50px;"> | <p style="font-family:roboto;color:black;font-size:18px;text-align:justify;font-weight:100;margin-right:50px;"> | ||
| Line 337: | Line 324: | ||
</div> | </div> | ||
</div> | </div> | ||
| − | <div id="aw6" class="ent" style="overflow-x:hidden;overflow:scroll;width: | + | <img id="img6" class="img_band" src="https://2019.igem.org/wiki/images/f/f8/T--Pasteur_Paris--PhotoElise.jpg" style="width:100%;" alt="Elise"> |
| + | <div id="aw6" class="ent" style="overflow-x:hidden;overflow:scroll;width:60%;margin-left:7.5%;display:none;float:left;margin-top:10%"> | ||
<p style="font-family:roboto;color:black;font-size:35px;text-align:justify;font-weight:700;">Elise</p> | <p style="font-family:roboto;color:black;font-size:35px;text-align:justify;font-weight:700;">Elise</p> | ||
<p style="font-family:roboto;color:black;font-size:18px;text-align:justify;font-weight:100;margin-right:50px;"> | <p style="font-family:roboto;color:black;font-size:18px;text-align:justify;font-weight:100;margin-right:50px;"> | ||
| Line 356: | Line 344: | ||
</div> | </div> | ||
</div> | </div> | ||
| − | <div id="aw7" class="ent" style="overflow-x:hidden;overflow:scroll;width: | + | <img id="img7" class="img_band" src="https://2019.igem.org/wiki/images/f/f9/T--Pasteur_Paris--PhotoClara.jpg" style="width:100%" alt="Clara"> |
| + | <div id="aw7" class="ent" style="overflow-x:hidden;overflow:scroll;width:60%;margin-left:7.5%;display:none;float:left;margin-top:10%"> | ||
<p style="font-family:roboto;color:black;font-size:35px;text-align:justify;font-weight:700;">Clara</p> | <p style="font-family:roboto;color:black;font-size:35px;text-align:justify;font-weight:700;">Clara</p> | ||
<p style="font-family:roboto;color:black;font-size:18px;text-align:justify;font-weight:100;margin-right:50px;"> | <p style="font-family:roboto;color:black;font-size:18px;text-align:justify;font-weight:100;margin-right:50px;"> | ||
| Line 377: | Line 366: | ||
</div> | </div> | ||
</div> | </div> | ||
| − | <div id="aw8" class="ent" style="overflow-x:hidden;overflow:scroll;width: | + | <img id="img8" class="img_band" src="https://2019.igem.org/wiki/images/3/3a/T--Pasteur_Paris--PhotoAlexandre.png" style="width:100%" alt="Alexandre"> |
| + | <div id="aw8" class="ent" style="overflow-x:hidden;overflow:scroll;width:60%;margin-left:7.5%;display:none;margin-top:10%;float:left"> | ||
<p style="font-family:roboto;color:black;font-size:35px;text-align:justify;font-weight:700;">Alexandre</p> | <p style="font-family:roboto;color:black;font-size:35px;text-align:justify;font-weight:700;">Alexandre</p> | ||
<p style="font-family:roboto;color:black;font-size:18px;text-align:justify;font-weight:100;margin-right:50px;"> | <p style="font-family:roboto;color:black;font-size:18px;text-align:justify;font-weight:100;margin-right:50px;"> | ||
| Line 399: | Line 389: | ||
</div> | </div> | ||
</div> | </div> | ||
| − | <div id="aw9" class="ent" style="overflow-x:hidden;overflow:scroll;width: | + | <img id="img9" class="img_band" src="https://2019.igem.org/wiki/images/9/90/T--Pasteur_Paris--PhotoMarie.jpg" style="width:100%" alt="Marie"> |
| + | <div id="aw9" class="ent" style="overflow-x:hidden;overflow:scroll;width:60%;margin-left:7.5%;display:none;float:left;margin-top:10%;"> | ||
<p style="font-family:roboto;color:black;font-size:35px;text-align:justify;font-weight:700;">Marie</p> | <p style="font-family:roboto;color:black;font-size:35px;text-align:justify;font-weight:700;">Marie</p> | ||
<p style="font-family:roboto;color:black;font-size:18px;text-align:justify;font-weight:100;margin-right:50px;"> | <p style="font-family:roboto;color:black;font-size:18px;text-align:justify;font-weight:100;margin-right:50px;"> | ||
| Line 414: | Line 405: | ||
<div id="cercle10" class="AWcercle c10" style="background-color:white;border:3px solid #ff0;position:absolute;transition:0.4s;"> | <div id="cercle10" class="AWcercle c10" style="background-color:white;border:3px solid #ff0;position:absolute;transition:0.4s;"> | ||
| − | <div class="JUCroix" id=" | + | <div class="JUCroix" id="croix10"> |
<div style="height:10%;width:80%;background-color:white;position:relative;top:45%;transform-origin:50% 50%;transform:rotate(45deg);left:10%;border-radius:3px 3px;"> | <div style="height:10%;width:80%;background-color:white;position:relative;top:45%;transform-origin:50% 50%;transform:rotate(45deg);left:10%;border-radius:3px 3px;"> | ||
</div> | </div> | ||
| Line 420: | Line 411: | ||
</div> | </div> | ||
</div> | </div> | ||
| − | <div id="aw10" class="ent" style="overflow-x:hidden | + | <img id="img10" class="img_band" src="https://2019.igem.org/wiki/images/d/dd/T--Pasteur_Paris--PhotoVincent.jpg"style="width:100%" alt="Vincent"> |
| − | <p style="font-family:roboto;color:black;font-size:35px;text-align:justify;font-weight:700;"></p> | + | <div id="aw10" class="ent" style="overflow-x:hidden;width:60%;margin-left:7.5%;display:none;float:left;margin-top:10%;"> |
| + | <p style="font-family:roboto;color:black;font-size:35px;text-align:justify;font-weight:700;">Vincent</p> | ||
<p style="font-family:roboto;color:black;font-size:18px;text-align:justify;font-weight:100;margin-right:50px;"> | <p style="font-family:roboto;color:black;font-size:18px;text-align:justify;font-weight:100;margin-right:50px;"> | ||
| + | You cannot miss Vincent, he is the tall guy of the team and will probably be the first one to come and talk to you. Always their to calm down even the worst situations with his funny but sometimes awful jokes. This guy from Paris Saclay University knows his sens of fashion and always wear surprisingly colorful socks but only if their are made out of organic coton ! By the way, don't you dare approaching him with Nutella but you can always count on him for visiting museum as strange as it could be or grab a good bier while having a thoughtful conversation. | ||
</p> | </p> | ||
</div> | </div> | ||
| Line 447: | Line 440: | ||
setTimeout(function(){document.getElementById("aw1").style.display = "block";},300); | setTimeout(function(){document.getElementById("aw1").style.display = "block";},300); | ||
document.getElementById("cercle1").removeEventListener("click",ouvrir1); | document.getElementById("cercle1").removeEventListener("click",ouvrir1); | ||
| + | document.getElementById("img1").style.width = "25%"; | ||
| + | document.getElementById("img1").style.marginLeft = "5%"; | ||
| + | document.getElementById("img1").style.marginTop = "5%"; | ||
qui = 1; | qui = 1; | ||
}; | }; | ||
| Line 464: | Line 460: | ||
setTimeout(function(){document.getElementById("aw2").style.display = "block";},300); | setTimeout(function(){document.getElementById("aw2").style.display = "block";},300); | ||
document.getElementById("cercle2").removeEventListener("click",ouvrir2); | document.getElementById("cercle2").removeEventListener("click",ouvrir2); | ||
| + | document.getElementById("img2").style.width = "25%"; | ||
| + | document.getElementById("img2").style.marginLeft = "5%"; | ||
| + | document.getElementById("img2").style.marginTop = "15%"; | ||
qui = 2 | qui = 2 | ||
}; | }; | ||
| Line 481: | Line 480: | ||
setTimeout(function(){document.getElementById("aw3").style.display = "block";},300); | setTimeout(function(){document.getElementById("aw3").style.display = "block";},300); | ||
document.getElementById("cercle3").removeEventListener("click",ouvrir3); | document.getElementById("cercle3").removeEventListener("click",ouvrir3); | ||
| + | document.getElementById("img3").style.width = "25%"; | ||
| + | document.getElementById("img3").style.marginLeft = "5%"; | ||
| + | document.getElementById("img3").style.marginTop = "15%"; | ||
qui = 3 | qui = 3 | ||
}; | }; | ||
| Line 498: | Line 500: | ||
setTimeout(function(){document.getElementById("aw4").style.display = "block";},300); | setTimeout(function(){document.getElementById("aw4").style.display = "block";},300); | ||
document.getElementById("cercle4").removeEventListener("click",ouvrir4); | document.getElementById("cercle4").removeEventListener("click",ouvrir4); | ||
| + | document.getElementById("img4").style.width = "25%"; | ||
| + | document.getElementById("img4").style.marginLeft = "5%"; | ||
| + | document.getElementById("img4").style.marginTop = "15%"; | ||
qui = 4 | qui = 4 | ||
}; | }; | ||
| Line 514: | Line 519: | ||
document.getElementById("croix5").style.display = "block"; | document.getElementById("croix5").style.display = "block"; | ||
setTimeout(function(){document.getElementById("aw5").style.display = "block";},300); | setTimeout(function(){document.getElementById("aw5").style.display = "block";},300); | ||
| − | document.getElementById("cercle5").removeEventListener("click", | + | document.getElementById("cercle5").removeEventListener("click",ouvrir5); |
| + | document.getElementById("img5").style.width = "25%"; | ||
| + | document.getElementById("img5").style.marginLeft = "5%"; | ||
| + | document.getElementById("img5").style.marginTop = "15%"; | ||
qui = 5 | qui = 5 | ||
}; | }; | ||
| Line 532: | Line 540: | ||
setTimeout(function(){document.getElementById("aw6").style.display = "block";},300); | setTimeout(function(){document.getElementById("aw6").style.display = "block";},300); | ||
document.getElementById("cercle6").removeEventListener("click",ouvrir6); | document.getElementById("cercle6").removeEventListener("click",ouvrir6); | ||
| + | document.getElementById("img6").style.width = "25%"; | ||
| + | document.getElementById("img6").style.marginLeft = "5%"; | ||
| + | document.getElementById("img6").style.marginTop = "15%"; | ||
qui = 6 | qui = 6 | ||
}; | }; | ||
| Line 549: | Line 560: | ||
setTimeout(function(){document.getElementById("aw7").style.display = "block";},300); | setTimeout(function(){document.getElementById("aw7").style.display = "block";},300); | ||
document.getElementById("cercle7").removeEventListener("click",ouvrir7); | document.getElementById("cercle7").removeEventListener("click",ouvrir7); | ||
| + | document.getElementById("img7").style.width = "25%"; | ||
| + | document.getElementById("img7").style.marginLeft = "5%"; | ||
| + | document.getElementById("img7").style.marginTop = "15%"; | ||
qui = 7 | qui = 7 | ||
}; | }; | ||
| Line 566: | Line 580: | ||
setTimeout(function(){document.getElementById("aw8").style.display = "block";},300); | setTimeout(function(){document.getElementById("aw8").style.display = "block";},300); | ||
document.getElementById("cercle8").removeEventListener("click",ouvrir8); | document.getElementById("cercle8").removeEventListener("click",ouvrir8); | ||
| + | document.getElementById("img8").style.width = "25%"; | ||
| + | document.getElementById("img8").style.marginLeft = "5%"; | ||
| + | document.getElementById("img8").style.marginTop = "15%"; | ||
qui = 8 | qui = 8 | ||
}; | }; | ||
| Line 583: | Line 600: | ||
setTimeout(function(){document.getElementById("aw9").style.display = "block";},300); | setTimeout(function(){document.getElementById("aw9").style.display = "block";},300); | ||
document.getElementById("cercle9").removeEventListener("click",ouvrir9); | document.getElementById("cercle9").removeEventListener("click",ouvrir9); | ||
| + | document.getElementById("img9").style.width = "25%"; | ||
| + | document.getElementById("img9").style.marginLeft = "5%"; | ||
| + | document.getElementById("img9").style.marginTop = "15%"; | ||
qui = 9 | qui = 9 | ||
}; | }; | ||
| Line 600: | Line 620: | ||
setTimeout(function(){document.getElementById("aw10").style.display = "block";},300); | setTimeout(function(){document.getElementById("aw10").style.display = "block";},300); | ||
document.getElementById("cercle10").removeEventListener("click",ouvrir10); | document.getElementById("cercle10").removeEventListener("click",ouvrir10); | ||
| + | document.getElementById("img10").style.width = "25%"; | ||
| + | document.getElementById("img10").style.marginLeft = "5%"; | ||
| + | document.getElementById("img10").style.marginTop = "15%"; | ||
qui = 10 | qui = 10 | ||
}; | }; | ||
| Line 608: | Line 631: | ||
function fermer1(){ | function fermer1(){ | ||
document.getElementById("aw1").style.display = "none"; | document.getElementById("aw1").style.display = "none"; | ||
| − | document.getElementById("cercle"+qui).style.opacity = " | + | document.getElementById("cercle"+qui).style.opacity = "1"; |
document.getElementById("cercle"+qui).style.zIndex = "0"; | document.getElementById("cercle"+qui).style.zIndex = "0"; | ||
document.getElementById("cercle"+qui).style.borderRadius = "50%"; | document.getElementById("cercle"+qui).style.borderRadius = "50%"; | ||
| Line 619: | Line 642: | ||
document.getElementById("cercle"+qui).classList.add("c"+qui); | document.getElementById("cercle"+qui).classList.add("c"+qui); | ||
document.getElementById("croix"+qui).style.display = "none"; | document.getElementById("croix"+qui).style.display = "none"; | ||
| + | document.getElementById("img1").style.width = "100%"; | ||
| + | document.getElementById("img1").style.marginLeft = null; | ||
| + | document.getElementById("img1").style.marginTop = null; | ||
setTimeout(function(){document.getElementById("cercle1").addEventListener("click",ouvrir1);},200); | setTimeout(function(){document.getElementById("cercle1").addEventListener("click",ouvrir1);},200); | ||
| Line 625: | Line 651: | ||
function fermer2(){ | function fermer2(){ | ||
document.getElementById("aw2").style.display = "none"; | document.getElementById("aw2").style.display = "none"; | ||
| − | document.getElementById("cercle"+qui).style.opacity = " | + | document.getElementById("cercle"+qui).style.opacity = "1"; |
document.getElementById("cercle"+qui).style.zIndex = "0"; | document.getElementById("cercle"+qui).style.zIndex = "0"; | ||
document.getElementById("cercle"+qui).style.borderRadius = "50%"; | document.getElementById("cercle"+qui).style.borderRadius = "50%"; | ||
| Line 637: | Line 663: | ||
document.getElementById("croix"+qui).style.display = "none"; | document.getElementById("croix"+qui).style.display = "none"; | ||
setTimeout(function(){document.getElementById("cercle2").addEventListener("click",ouvrir2)},200); | setTimeout(function(){document.getElementById("cercle2").addEventListener("click",ouvrir2)},200); | ||
| + | document.getElementById("img2").style.width = "100%"; | ||
| + | document.getElementById("img2").style.marginLeft = null; | ||
| + | document.getElementById("img2").style.marginTop = null; | ||
}; | }; | ||
document.getElementById("croix3").addEventListener("click",fermer3); | document.getElementById("croix3").addEventListener("click",fermer3); | ||
function fermer3(){ | function fermer3(){ | ||
document.getElementById("aw3").style.display = "none"; | document.getElementById("aw3").style.display = "none"; | ||
| − | document.getElementById("cercle"+qui).style.opacity = " | + | document.getElementById("cercle"+qui).style.opacity = "1"; |
document.getElementById("cercle"+qui).style.zIndex = "0"; | document.getElementById("cercle"+qui).style.zIndex = "0"; | ||
document.getElementById("cercle"+qui).style.borderRadius = "50%"; | document.getElementById("cercle"+qui).style.borderRadius = "50%"; | ||
| Line 653: | Line 682: | ||
document.getElementById("croix"+qui).style.display = "none"; | document.getElementById("croix"+qui).style.display = "none"; | ||
setTimeout(function(){document.getElementById("cercle3").addEventListener("click",ouvrir3)},200); | setTimeout(function(){document.getElementById("cercle3").addEventListener("click",ouvrir3)},200); | ||
| + | document.getElementById("img3").style.width = "100%"; | ||
| + | document.getElementById("img3").style.marginLeft = null; | ||
| + | document.getElementById("img3").style.marginTop = null; | ||
| + | |||
}; | }; | ||
| − | document.getElementById("croix4").addEventListener("click", | + | document.getElementById("croix4").addEventListener("click",fermer4); |
function fermer4(){ | function fermer4(){ | ||
document.getElementById("aw4").style.display = "none"; | document.getElementById("aw4").style.display = "none"; | ||
| − | document.getElementById("cercle"+qui).style.opacity = " | + | document.getElementById("cercle"+qui).style.opacity = "1"; |
document.getElementById("cercle"+qui).style.zIndex = "0"; | document.getElementById("cercle"+qui).style.zIndex = "0"; | ||
document.getElementById("cercle"+qui).style.borderRadius = "50%"; | document.getElementById("cercle"+qui).style.borderRadius = "50%"; | ||
| Line 668: | Line 701: | ||
document.getElementById("cercle"+qui).classList.add("c"+qui); | document.getElementById("cercle"+qui).classList.add("c"+qui); | ||
document.getElementById("croix"+qui).style.display = "none"; | document.getElementById("croix"+qui).style.display = "none"; | ||
| + | document.getElementById("img4").style.width = "100%"; | ||
| + | document.getElementById("img4").style.marginLeft = null; | ||
| + | document.getElementById("img4").style.marginTop = null; | ||
| − | setTimeout(function(){document.getElementById("cercle4").addEventListener("click",ouvrir4) | + | setTimeout(function(){document.getElementById("cercle4").addEventListener("click",ouvrir4)},200); |
}; | }; | ||
document.getElementById("croix5").addEventListener("click",fermer5); | document.getElementById("croix5").addEventListener("click",fermer5); | ||
function fermer5(){ | function fermer5(){ | ||
document.getElementById("aw5").style.display = "none"; | document.getElementById("aw5").style.display = "none"; | ||
| − | document.getElementById("cercle"+qui).style.opacity = " | + | document.getElementById("cercle"+qui).style.opacity = "1"; |
document.getElementById("cercle"+qui).style.zIndex = "0"; | document.getElementById("cercle"+qui).style.zIndex = "0"; | ||
document.getElementById("cercle"+qui).style.borderRadius = "50%"; | document.getElementById("cercle"+qui).style.borderRadius = "50%"; | ||
| Line 685: | Line 721: | ||
document.getElementById("cercle"+qui).classList.add("c"+qui); | document.getElementById("cercle"+qui).classList.add("c"+qui); | ||
document.getElementById("croix"+qui).style.display = "none"; | document.getElementById("croix"+qui).style.display = "none"; | ||
| + | document.getElementById("img5").style.width = "100%"; | ||
| + | document.getElementById("img5").style.marginLeft = null; | ||
| + | document.getElementById("img5").style.marginTop = null; | ||
setTimeout(function(){document.getElementById("cercle5").addEventListener("click",ouvrir5);},200); | setTimeout(function(){document.getElementById("cercle5").addEventListener("click",ouvrir5);},200); | ||
| Line 691: | Line 730: | ||
function fermer6(){ | function fermer6(){ | ||
document.getElementById("aw6").style.display = "none"; | document.getElementById("aw6").style.display = "none"; | ||
| − | document.getElementById("cercle"+qui).style.opacity = " | + | document.getElementById("cercle"+qui).style.opacity = "1"; |
document.getElementById("cercle"+qui).style.zIndex = "0"; | document.getElementById("cercle"+qui).style.zIndex = "0"; | ||
document.getElementById("cercle"+qui).style.borderRadius = "50%"; | document.getElementById("cercle"+qui).style.borderRadius = "50%"; | ||
| Line 702: | Line 741: | ||
document.getElementById("cercle"+qui).classList.add("c"+qui); | document.getElementById("cercle"+qui).classList.add("c"+qui); | ||
document.getElementById("croix"+qui).style.display = "none"; | document.getElementById("croix"+qui).style.display = "none"; | ||
| + | document.getElementById("img6").style.width = "100%"; | ||
| + | document.getElementById("img6").style.marginLeft = null; | ||
| + | document.getElementById("img6").style.marginTop = null; | ||
setTimeout(function(){document.getElementById("cercle6").addEventListener("click",ouvrir6);},200); | setTimeout(function(){document.getElementById("cercle6").addEventListener("click",ouvrir6);},200); | ||
| Line 708: | Line 750: | ||
function fermer7(){ | function fermer7(){ | ||
document.getElementById("aw7").style.display = "none"; | document.getElementById("aw7").style.display = "none"; | ||
| − | document.getElementById("cercle"+qui).style.opacity = " | + | document.getElementById("cercle"+qui).style.opacity = "1"; |
document.getElementById("cercle"+qui).style.zIndex = "0"; | document.getElementById("cercle"+qui).style.zIndex = "0"; | ||
document.getElementById("cercle"+qui).style.borderRadius = "50%"; | document.getElementById("cercle"+qui).style.borderRadius = "50%"; | ||
| Line 719: | Line 761: | ||
document.getElementById("cercle"+qui).classList.add("c"+qui); | document.getElementById("cercle"+qui).classList.add("c"+qui); | ||
document.getElementById("croix"+qui).style.display = "none"; | document.getElementById("croix"+qui).style.display = "none"; | ||
| + | document.getElementById("img7").style.width = "100%"; | ||
| + | document.getElementById("img7").style.marginLeft = null; | ||
| + | document.getElementById("img7").style.marginTop = null; | ||
setTimeout(function(){document.getElementById("cercle7").addEventListener("click",ouvrir7);},200); | setTimeout(function(){document.getElementById("cercle7").addEventListener("click",ouvrir7);},200); | ||
| Line 725: | Line 770: | ||
function fermer8(){ | function fermer8(){ | ||
document.getElementById("aw8").style.display = "none"; | document.getElementById("aw8").style.display = "none"; | ||
| − | document.getElementById("cercle"+qui).style.opacity = " | + | document.getElementById("cercle"+qui).style.opacity = "1"; |
document.getElementById("cercle"+qui).style.zIndex = "0"; | document.getElementById("cercle"+qui).style.zIndex = "0"; | ||
document.getElementById("cercle"+qui).style.borderRadius = "50%"; | document.getElementById("cercle"+qui).style.borderRadius = "50%"; | ||
| Line 736: | Line 781: | ||
document.getElementById("cercle"+qui).classList.add("c"+qui); | document.getElementById("cercle"+qui).classList.add("c"+qui); | ||
document.getElementById("croix"+qui).style.display = "none"; | document.getElementById("croix"+qui).style.display = "none"; | ||
| + | document.getElementById("img8").style.width = "100%"; | ||
| + | document.getElementById("img8").style.marginLeft = null; | ||
| + | document.getElementById("img8").style.marginTop = null; | ||
setTimeout(function(){document.getElementById("cercle8").addEventListener("click",ouvrir8);},200); | setTimeout(function(){document.getElementById("cercle8").addEventListener("click",ouvrir8);},200); | ||
| Line 742: | Line 790: | ||
function fermer9(){ | function fermer9(){ | ||
document.getElementById("aw9").style.display = "none"; | document.getElementById("aw9").style.display = "none"; | ||
| − | document.getElementById("cercle"+qui).style.opacity = " | + | document.getElementById("cercle"+qui).style.opacity = "1"; |
document.getElementById("cercle"+qui).style.zIndex = "0"; | document.getElementById("cercle"+qui).style.zIndex = "0"; | ||
document.getElementById("cercle"+qui).style.borderRadius = "50%"; | document.getElementById("cercle"+qui).style.borderRadius = "50%"; | ||
| Line 753: | Line 801: | ||
document.getElementById("cercle"+qui).classList.add("c"+qui); | document.getElementById("cercle"+qui).classList.add("c"+qui); | ||
document.getElementById("croix"+qui).style.display = "none"; | document.getElementById("croix"+qui).style.display = "none"; | ||
| + | document.getElementById("img9").style.width = "100%"; | ||
| + | document.getElementById("img9").style.marginLeft = null; | ||
| + | document.getElementById("img9").style.marginTop = null; | ||
setTimeout(function(){document.getElementById("cercle9").addEventListener("click",ouvrir9);},200); | setTimeout(function(){document.getElementById("cercle9").addEventListener("click",ouvrir9);},200); | ||
| Line 759: | Line 810: | ||
function fermer10(){ | function fermer10(){ | ||
document.getElementById("aw10").style.display = "none"; | document.getElementById("aw10").style.display = "none"; | ||
| − | document.getElementById("cercle"+qui).style.opacity = " | + | document.getElementById("cercle"+qui).style.opacity = "1"; |
document.getElementById("cercle"+qui).style.zIndex = "0"; | document.getElementById("cercle"+qui).style.zIndex = "0"; | ||
document.getElementById("cercle"+qui).style.borderRadius = "50%"; | document.getElementById("cercle"+qui).style.borderRadius = "50%"; | ||
| Line 770: | Line 821: | ||
document.getElementById("cercle"+qui).classList.add("c"+qui); | document.getElementById("cercle"+qui).classList.add("c"+qui); | ||
document.getElementById("croix"+qui).style.display = "none"; | document.getElementById("croix"+qui).style.display = "none"; | ||
| + | document.getElementById("img10").style.width = "100%"; | ||
| + | document.getElementById("img10").style.marginLeft = null; | ||
| + | document.getElementById("img10").style.marginTop = null; | ||
setTimeout(function(){document.getElementById("cercle10").addEventListener("click",ouvrir10);},200); | setTimeout(function(){document.getElementById("cercle10").addEventListener("click",ouvrir10);},200); | ||
}; | }; | ||
</script> | </script> | ||
| + | |||
</html> | </html> | ||
Revision as of 22:11, 21 October 2019
Education
Law
Events
Design
Results
Entrepreneurship
Demonstrate
Chalenges
Improve
Collaborations
Attributions
Results Attributions