m |
m |
||
| Line 83: | Line 83: | ||
top:21vw; | top:21vw; | ||
left:35.2vw; | left:35.2vw; | ||
| + | } | ||
| + | div.c11 { | ||
| + | top:49.4vw; | ||
| + | left:24.3vw; | ||
| + | } | ||
| + | div.c12 { | ||
| + | top:49.4vw; | ||
| + | left:37.7vw; | ||
| + | } | ||
| + | div.c13 { | ||
| + | top:49.4vw; | ||
| + | left:51.3vw; | ||
| + | } | ||
| + | div.c14 { | ||
| + | top:49.4vw; | ||
| + | left:65.3vw; | ||
} | } | ||
div.AWcercle:hover { | div.AWcercle:hover { | ||
| Line 116: | Line 132: | ||
cursor:pointer; | cursor:pointer; | ||
} | } | ||
| − | + | .AWcercle::-webkit-scrollbar { | |
| − | + | width: 5px; | |
} | } | ||
| + | /* Handle */ | ||
| + | .AWcercle::-webkit-scrollbar-thumb { | ||
| + | background: red; | ||
| + | border-radius: 10px 10px; | ||
| + | } | ||
| + | .AWcercle::-webkit-scrollbar-thumb:hover{ | ||
| + | cursor:pointer; | ||
| + | } | ||
| + | /* Handle on hover */ | ||
| + | .AWcercle::-webkit-scrollbar-thumb:hover { | ||
| + | background: #2f6a6a; | ||
| + | cursor:pointer; | ||
| + | } | ||
| + | |||
</style> | </style> | ||
| Line 220: | Line 250: | ||
tends to give the best of her in everything she does to reach as much as possible the | tends to give the best of her in everything she does to reach as much as possible the | ||
perfection. When she doesn’t feel well, it is easy to make her happy: just show her | perfection. When she doesn’t feel well, it is easy to make her happy: just show her | ||
| − | some pictures of dogs (she has an unfailing love for them)! | + | some pictures of dogs (she has an unfailing love for them)!<br> |
| − | Tara by Léa | + | <i>Tara by Léa</i> |
</p> | </p> | ||
</div> | </div> | ||
| Line 243: | Line 273: | ||
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 !<br> |
| − | Laurence by Marie</p> | + | <i>Laurence by Marie</i></p> |
</div> | </div> | ||
</div> | </div> | ||
| Line 267: | Line 297: | ||
cooking some delicious soft cookies, choosing the good playlist or proposing | cooking some delicious soft cookies, choosing the good playlist or proposing | ||
activities. One thing is sure: the adventure would have been less beautiful without | activities. One thing is sure: the adventure would have been less beautiful without | ||
| − | him. | + | him.<br> |
| − | Ronan by Elise </p> | + | <i>Ronan by Elise</i> </p> |
</div> | </div> | ||
</div> | </div> | ||
| Line 291: | Line 321: | ||
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.<br> |
| − | Quentin by Clara </p> | + | <i>Quentin by Clara</i> </p> |
</div> | </div> | ||
</div> | </div> | ||
| Line 312: | Line 342: | ||
might guess with her big heart, she loves fluffy animals, whether it be a stuffed polar | might guess with her big heart, she loves fluffy animals, whether it be a stuffed polar | ||
bear or a live rabbit. She will often say that she was born to be clumsy, but don’t let | bear or a live rabbit. She will often say that she was born to be clumsy, but don’t let | ||
| − | that fool you: her knowledge in biology is one of the team’s biggest asset. | + | that fool you: her knowledge in biology is one of the team’s biggest asset.<br> |
| − | Léa by Laurence </p> | + | <i>Léa by Laurence</i> </p> |
</div> | </div> | ||
</div> | </div> | ||
| Line 332: | Line 362: | ||
contracts. Moreover, few months ago, Elise joined the team wiki, to help Quentin and | contracts. Moreover, few months ago, Elise joined the team wiki, to help Quentin and | ||
Alexandre with the design of our web page. Thanks to her artist soul and her spark of | Alexandre with the design of our web page. Thanks to her artist soul and her spark of | ||
| − | madness, Elise brings good atmosphere to the team. | + | madness, Elise brings good atmosphere to the team.<br> |
| − | Elise by Vincent </p> | + | <i>Elise by Vincent</i> </p> |
</div> | </div> | ||
</div> | </div> | ||
| Line 354: | Line 384: | ||
can't stop. If you see someone with a sweat during the summer, you've found Clara. | can't stop. If you see someone with a sweat during the summer, you've found Clara. | ||
If you've got something to work on, you can always count on Clara to help you | If you've got something to work on, you can always count on Clara to help you | ||
| − | achieve it ! | + | achieve it !<br> |
| − | Clara by Ronan </p> | + | <i>Clara by Ronan</i> </p> |
</div> | </div> | ||
</div> | </div> | ||
| Line 377: | Line 407: | ||
outgoing he’s always up for making and sharing silly jokes or insane challenges (just | outgoing he’s always up for making and sharing silly jokes or insane challenges (just | ||
ask him who George is...). Sometimes switching his status of Titan of the wiki for the | ask him who George is...). Sometimes switching his status of Titan of the wiki for the | ||
| − | one of Dionysos, he makes our iGEM journey all the more enjoyable! | + | one of Dionysos, he makes our iGEM journey all the more enjoyable!<br> |
| − | Alexandre by Quentin </p> | + | <i>Alexandre by Quentin</i> </p> |
</div> | </div> | ||
</div> | </div> | ||
| Line 399: | Line 429: | ||
pronounced southern accent and her words coming out of nowhere, she participates | pronounced southern accent and her words coming out of nowhere, she participates | ||
in the good mood within the team. But beware of her softness, she can flatten you on | in the good mood within the team. But beware of her softness, she can flatten you on | ||
| − | the ground anytime as an All Black player! | + | the ground anytime as an All Black player!<br> |
| − | Marie by Tara </p> | + | <i>Marie by Tara</i> </p> |
</div> | </div> | ||
</div> | </div> | ||
| Line 413: | Line 443: | ||
<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"> | <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"> | ||
<div id="aw10" class="ent" style="overflow-x:hidden;width:60%;margin-left:7.5%;display:none;float:left;margin-top:10%;"> | <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;"> | ||
| + | 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. | ||
| + | <br> <i>Vincent by Alexandre</i> | ||
| + | </p> | ||
| + | </div> | ||
| + | </div> | ||
| + | |||
| + | <div id="cercle11" class="AWcercle c11" style="background-color:white;border:3px solid #ff0;position:absolute;transition:0.4s;"> | ||
| + | <div class="JUCroix" id="croix11"> | ||
| + | <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 style="height:10%;width:80%;background-color:white;position:relative;top:35%;transform-origin:50% 50%;transform:rotate(-45deg);left:10%;border-radius:3px 3px;"> | ||
| + | </div> | ||
| + | </div> | ||
| + | <img id="img_band_Maria" class="img_band" src="https://2019.igem.org/wiki/images/a/ad/T--Pasteur_Paris--PhotoMaria.jpg" style="width:100%" alt="M.V. Mazzuoli"> | ||
| + | <div id="aw11" 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;"> | ||
| + | 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> | ||
| + | </div> | ||
| + | </div> | ||
| + | <div id="cercle12" class="AWcercle c12" style="background-color:white;border:3px solid #ff0;position:absolute;transition:0.4s;"> | ||
| + | <div class="JUCroix" id="croix12"> | ||
| + | <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 style="height:10%;width:80%;background-color:white;position:relative;top:35%;transform-origin:50% 50%;transform:rotate(-45deg);left:10%;border-radius:3px 3px;"> | ||
| + | </div> | ||
| + | </div> | ||
| + | <img id="img_band_Deshmukh" class="img_band" src="https://2019.igem.org/wiki/images/2/21/T--Pasteur_Paris--PhotoDeshmukh.jpg"style="width:100%" alt="D. Gopaul"> | ||
| + | <div id="aw12" 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;"> | ||
| + | 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> | ||
| + | </div> | ||
| + | </div> | ||
| + | <div id="cercle13" class="AWcercle c13" style="background-color:white;border:3px solid #ff0;position:absolute;transition:0.4s;"> | ||
| + | <div class="JUCroix" id="croix13"> | ||
| + | <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 style="height:10%;width:80%;background-color:white;position:relative;top:35%;transform-origin:50% 50%;transform:rotate(-45deg);left:10%;border-radius:3px 3px;"> | ||
| + | </div> | ||
| + | </div> | ||
| + | <img id="img13" class="img_band" src="https://2019.igem.org/wiki/images/3/3e/T--Pasteur_Paris--PhotoMathieu.jpg"style="width:100%" alt="M. de Jode"> | ||
| + | |||
| + | <div id="aw13" 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;"> | ||
| + | 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> | ||
| + | </div> | ||
| + | </div> | ||
| + | |||
| + | <div id="cercle14" class="AWcercle c14" style="background-color:white;border:3px solid #ff0;position:absolute;transition:0.4s;"> | ||
| + | <div class="JUCroix" id="croix14"> | ||
| + | <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 style="height:10%;width:80%;background-color:white;position:relative;top:35%;transform-origin:50% 50%;transform:rotate(-45deg);left:10%;border-radius:3px 3px;"> | ||
| + | </div> | ||
| + | </div> | ||
| + | <img id="img14" class="img_band" src="https://2019.igem.org/wiki/images/9/9a/T--Pasteur_Paris--PhotoChloe.jpg"style="width:100%" alt="C. Charendoff"> | ||
| + | <div id="aw14" 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: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;"> | ||
| Line 419: | Line 513: | ||
</div> | </div> | ||
</div> | </div> | ||
| − | |||
| Line 443: | Line 536: | ||
document.getElementById("img1").style.marginLeft = "5%"; | document.getElementById("img1").style.marginLeft = "5%"; | ||
document.getElementById("img1").style.marginTop = "5%"; | document.getElementById("img1").style.marginTop = "5%"; | ||
| + | document.getElementById("cercle1").style.overflowY = "scroll"; | ||
qui = 1; | qui = 1; | ||
}; | }; | ||
| Line 463: | Line 557: | ||
document.getElementById("img2").style.marginLeft = "5%"; | document.getElementById("img2").style.marginLeft = "5%"; | ||
document.getElementById("img2").style.marginTop = "15%"; | document.getElementById("img2").style.marginTop = "15%"; | ||
| + | document.getElementById("cercle2").style.overflowY = "scroll"; | ||
qui = 2 | qui = 2 | ||
}; | }; | ||
| Line 483: | Line 578: | ||
document.getElementById("img3").style.marginLeft = "5%"; | document.getElementById("img3").style.marginLeft = "5%"; | ||
document.getElementById("img3").style.marginTop = "15%"; | document.getElementById("img3").style.marginTop = "15%"; | ||
| + | document.getElementById("cercle3").style.overflowY = "scroll"; | ||
qui = 3 | qui = 3 | ||
}; | }; | ||
| Line 503: | Line 599: | ||
document.getElementById("img4").style.marginLeft = "5%"; | document.getElementById("img4").style.marginLeft = "5%"; | ||
document.getElementById("img4").style.marginTop = "15%"; | document.getElementById("img4").style.marginTop = "15%"; | ||
| + | document.getElementById("cercle4").style.overflowY = "scroll"; | ||
qui = 4 | qui = 4 | ||
}; | }; | ||
| Line 523: | Line 620: | ||
document.getElementById("img5").style.marginLeft = "5%"; | document.getElementById("img5").style.marginLeft = "5%"; | ||
document.getElementById("img5").style.marginTop = "15%"; | document.getElementById("img5").style.marginTop = "15%"; | ||
| + | document.getElementById("cercle5").style.overflowY = "scroll"; | ||
qui = 5 | qui = 5 | ||
}; | }; | ||
| Line 543: | Line 641: | ||
document.getElementById("img6").style.marginLeft = "5%"; | document.getElementById("img6").style.marginLeft = "5%"; | ||
document.getElementById("img6").style.marginTop = "15%"; | document.getElementById("img6").style.marginTop = "15%"; | ||
| + | document.getElementById("cercle6").style.overflowY = "scroll"; | ||
qui = 6 | qui = 6 | ||
}; | }; | ||
| Line 563: | Line 662: | ||
document.getElementById("img7").style.marginLeft = "5%"; | document.getElementById("img7").style.marginLeft = "5%"; | ||
document.getElementById("img7").style.marginTop = "15%"; | document.getElementById("img7").style.marginTop = "15%"; | ||
| + | document.getElementById("cercle7").style.overflowY = "scroll"; | ||
qui = 7 | qui = 7 | ||
}; | }; | ||
| Line 583: | Line 683: | ||
document.getElementById("img8").style.marginLeft = "5%"; | document.getElementById("img8").style.marginLeft = "5%"; | ||
document.getElementById("img8").style.marginTop = "15%"; | document.getElementById("img8").style.marginTop = "15%"; | ||
| + | document.getElementById("cercle8").style.overflowY = "scroll"; | ||
qui = 8 | qui = 8 | ||
}; | }; | ||
| Line 603: | Line 704: | ||
document.getElementById("img9").style.marginLeft = "5%"; | document.getElementById("img9").style.marginLeft = "5%"; | ||
document.getElementById("img9").style.marginTop = "15%"; | document.getElementById("img9").style.marginTop = "15%"; | ||
| + | document.getElementById("cercle9").style.overflowY = "scroll"; | ||
qui = 9 | qui = 9 | ||
}; | }; | ||
| Line 623: | Line 725: | ||
document.getElementById("img10").style.marginLeft = "5%"; | document.getElementById("img10").style.marginLeft = "5%"; | ||
document.getElementById("img10").style.marginTop = "15%"; | document.getElementById("img10").style.marginTop = "15%"; | ||
| + | document.getElementById("cercle10").style.overflowY = "scroll"; | ||
qui = 10 | qui = 10 | ||
}; | }; | ||
| Line 645: | Line 748: | ||
document.getElementById("img1").style.marginLeft = null; | document.getElementById("img1").style.marginLeft = null; | ||
document.getElementById("img1").style.marginTop = null; | document.getElementById("img1").style.marginTop = null; | ||
| + | document.getElementById("cercle1").style.overflowY = null; | ||
setTimeout(function(){document.getElementById("cercle1").addEventListener("click",ouvrir1);},200); | setTimeout(function(){document.getElementById("cercle1").addEventListener("click",ouvrir1);},200); | ||
| Line 666: | Line 770: | ||
document.getElementById("img2").style.marginLeft = null; | document.getElementById("img2").style.marginLeft = null; | ||
document.getElementById("img2").style.marginTop = null; | document.getElementById("img2").style.marginTop = null; | ||
| + | document.getElementById("cercle2").style.overflowY = null; | ||
}; | }; | ||
document.getElementById("croix3").addEventListener("click",fermer3); | document.getElementById("croix3").addEventListener("click",fermer3); | ||
| Line 685: | Line 790: | ||
document.getElementById("img3").style.marginLeft = null; | document.getElementById("img3").style.marginLeft = null; | ||
document.getElementById("img3").style.marginTop = null; | document.getElementById("img3").style.marginTop = null; | ||
| + | document.getElementById("cercle3").style.overflowY = null; | ||
}; | }; | ||
| Line 704: | Line 810: | ||
document.getElementById("img4").style.marginLeft = null; | document.getElementById("img4").style.marginLeft = null; | ||
document.getElementById("img4").style.marginTop = null; | document.getElementById("img4").style.marginTop = null; | ||
| + | document.getElementById("cercle4").style.overflowY = null; | ||
setTimeout(function(){document.getElementById("cercle4").addEventListener("click",ouvrir4)},200); | setTimeout(function(){document.getElementById("cercle4").addEventListener("click",ouvrir4)},200); | ||
| Line 724: | Line 831: | ||
document.getElementById("img5").style.marginLeft = null; | document.getElementById("img5").style.marginLeft = null; | ||
document.getElementById("img5").style.marginTop = null; | document.getElementById("img5").style.marginTop = null; | ||
| + | document.getElementById("cercle5").style.overflowY = null; | ||
setTimeout(function(){document.getElementById("cercle5").addEventListener("click",ouvrir5);},200); | setTimeout(function(){document.getElementById("cercle5").addEventListener("click",ouvrir5);},200); | ||
| Line 744: | Line 852: | ||
document.getElementById("img6").style.marginLeft = null; | document.getElementById("img6").style.marginLeft = null; | ||
document.getElementById("img6").style.marginTop = null; | document.getElementById("img6").style.marginTop = null; | ||
| + | document.getElementById("cercle6").style.overflowY = null; | ||
setTimeout(function(){document.getElementById("cercle6").addEventListener("click",ouvrir6);},200); | setTimeout(function(){document.getElementById("cercle6").addEventListener("click",ouvrir6);},200); | ||
| Line 764: | Line 873: | ||
document.getElementById("img7").style.marginLeft = null; | document.getElementById("img7").style.marginLeft = null; | ||
document.getElementById("img7").style.marginTop = null; | document.getElementById("img7").style.marginTop = null; | ||
| − | + | document.getElementById("cercle7").style.overflowY = null; | |
setTimeout(function(){document.getElementById("cercle7").addEventListener("click",ouvrir7);},200); | setTimeout(function(){document.getElementById("cercle7").addEventListener("click",ouvrir7);},200); | ||
}; | }; | ||
| Line 784: | Line 893: | ||
document.getElementById("img8").style.marginLeft = null; | document.getElementById("img8").style.marginLeft = null; | ||
document.getElementById("img8").style.marginTop = null; | document.getElementById("img8").style.marginTop = null; | ||
| − | + | document.getElementById("cercle8").style.overflowY = null; | |
setTimeout(function(){document.getElementById("cercle8").addEventListener("click",ouvrir8);},200); | setTimeout(function(){document.getElementById("cercle8").addEventListener("click",ouvrir8);},200); | ||
}; | }; | ||
| Line 804: | Line 913: | ||
document.getElementById("img9").style.marginLeft = null; | document.getElementById("img9").style.marginLeft = null; | ||
document.getElementById("img9").style.marginTop = null; | document.getElementById("img9").style.marginTop = null; | ||
| − | + | document.getElementById("cercle9").style.overflowY = null; | |
setTimeout(function(){document.getElementById("cercle9").addEventListener("click",ouvrir9);},200); | setTimeout(function(){document.getElementById("cercle9").addEventListener("click",ouvrir9);},200); | ||
}; | }; | ||
| Line 824: | Line 933: | ||
document.getElementById("img10").style.marginLeft = null; | document.getElementById("img10").style.marginLeft = null; | ||
document.getElementById("img10").style.marginTop = null; | document.getElementById("img10").style.marginTop = null; | ||
| + | document.getElementById("cercle10").style.overflowY = 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:46, 21 October 2019
Education
Law
Events
Design
Results
Entrepreneurship
Demonstrate
Chalenges
Improve
Collaborations
Attributions
Results Attributions