Line 6: | Line 6: | ||
<meta charset="utf-8" /> | <meta charset="utf-8" /> | ||
<style> | <style> | ||
− | + | @import url(http://fonts.googleapis.com/css?family=Anaheim); | |
− | + | ||
− | + | *{ | |
− | + | margin: 0; | |
− | + | padding: 0; | |
− | + | outline: none; | |
− | + | border: none; | |
− | + | box-sizing: border-box; | |
} | } | ||
− | + | *:before, | |
− | + | *:after{ | |
− | + | box-sizing: border-box; | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
} | } | ||
− | + | html, | |
− | + | body{ | |
− | + | min-height: 100%; | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
} | } | ||
− | + | body{ | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
} | } | ||
− | + | h1{ | |
− | + | display: table; | |
− | + | margin: 5% auto 0; | |
− | + | text-transform: uppercase; | |
− | + | font-family: 'Anaheim', sans-serif; | |
− | + | font-size: 4em; | |
− | + | font-weight: 400; | |
− | + | text-shadow: 0 1px white, 0 2px black; | |
} | } | ||
− | + | .container{ | |
− | . | + | margin: 4% auto; |
− | + | width: 210px; | |
− | + | height: 140px; | |
− | + | position: relative; | |
− | + | perspective: 1000px; | |
− | + | ||
− | + | ||
} | } | ||
− | + | #carousel{ | |
− | + | width: 100%; | |
− | + | height: 100%; | |
− | + | position: absolute; | |
− | + | transform-style: preserve-3d; | |
− | + | animation: rotation 20s infinite linear; | |
− | + | ||
} | } | ||
− | + | #carousel:hover{ | |
− | + | animation-play-state: paused; | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
} | } | ||
− | + | #carousel figure{ | |
− | + | display: block; | |
− | + | position: absolute; | |
− | + | width: 186px; | |
− | + | height: 116px; | |
− | + | left: 10px; | |
− | + | top: 10px; | |
+ | background: black; | ||
+ | overflow: hidden; | ||
+ | border: solid 5px black; | ||
} | } | ||
− | + | #carousel figure:nth-child(1){transform: rotateY(0deg) translateZ(288px);} | |
− | + | #carousel figure:nth-child(2) { transform: rotateY(40deg) translateZ(288px);} | |
− | + | #carousel figure:nth-child(3) { transform: rotateY(80deg) translateZ(288px);} | |
− | + | #carousel figure:nth-child(4) { transform: rotateY(120deg) translateZ(288px);} | |
− | + | #carousel figure:nth-child(5) { transform: rotateY(160deg) translateZ(288px);} | |
− | + | #carousel figure:nth-child(6) { transform: rotateY(200deg) translateZ(288px);} | |
− | + | #carousel figure:nth-child(7) { transform: rotateY(240deg) translateZ(288px);} | |
+ | #carousel figure:nth-child(8) { transform: rotateY(280deg) translateZ(288px);} | ||
+ | #carousel figure:nth-child(9) { transform: rotateY(320deg) translateZ(288px);} | ||
+ | |||
+ | img{ | ||
+ | -webkit-filter: grayscale(1); | ||
+ | cursor: pointer; | ||
+ | transition: all .5s ease; | ||
} | } | ||
− | + | img:hover{ | |
− | + | -webkit-filter: grayscale(0); | |
− | + | transform: scale(1.2,1.2); | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
} | } | ||
− | + | @keyframes rotation{ | |
+ | from{ | ||
+ | transform: rotateY(0deg); | ||
+ | } | ||
+ | to{ | ||
+ | transform: rotateY(360deg); | ||
+ | } | ||
+ | } | ||
</style> | </style> | ||
<title>Premiers tests du CSS</title> | <title>Premiers tests du CSS</title> | ||
Line 499: | Line 466: | ||
<div id="MascotComic"></div> | <div id="MascotComic"></div> | ||
</div> | </div> | ||
− | <div class=" | + | <div class="container"> |
− | + | <div id="carousel"> | |
− | + | <figure><img src="http://image.noelshack.com/fichiers/2016/42/1476740806-dsc-0101.jpg" width="250" height="250" /></figure> | |
− | + | <figure><img src="http://lorempixel.com/186/116/nature/2" alt=""></figure> | |
− | + | <figure><img src="http://image.noelshack.com/fichiers/2016/42/1476740807-dsc-0123.jpg" width="250" height="250" /> </figure> | |
− | + | <figure><img src="http://image.noelshack.com/fichiers/2016/42/1476740814-dsc-0131.jpg" width="250" height="250" /></figure> | |
− | <img src="http://image.noelshack.com/fichiers/2016/42/1476740806-dsc-0147.jpg" width="250" height="250" /> | + | <figure><img src="http://image.noelshack.com/fichiers/2016/42/1476740806-dsc-0136.jpg" width="250" height="250" /> </figure> |
− | <img src="http://image.noelshack.com/fichiers/2016/42/1476741052-img-5112-1.jpg" width="250" height="250" /> | + | <figure><img src="http://image.noelshack.com/fichiers/2016/42/1476740806-dsc-0147.jpg" width="250" height="250" /> </figure> |
− | <img src="http://image.noelshack.com/fichiers/2016/42/1476741082-img-8826.jpg" width="250" height="250" /> | + | <figure><img src="http://image.noelshack.com/fichiers/2016/42/1476741052-img-5112-1.jpg" width="250" height="250" /> </figure> |
− | <img src="http://image.noelshack.com/fichiers/2016/42/1476741084-img-8804.jpg" width="250" height="250" /> | + | <figure><img src="http://image.noelshack.com/fichiers/2016/42/1476741082-img-8826.jpg" width="250" height="250" /> </figure> |
− | + | <figure><img src="http://image.noelshack.com/fichiers/2016/42/1476741084-img-8804.jpg" width="250" height="250" /></figure> | |
− | < | + | </div> |
− | < | + | </div> |
− | < | + | <div class="photos"> |
+ | | ||
+ | |||
</div> | </div> | ||
</div> | </div> |
Revision as of 08:13, 18 October 2016
Our supervisors
Denis DUPUY
Denis DUPUY is a Research officer (CR1) at the National Institute of Health and Medical Research (INSERM). He works at the European Institute of Chemistry and Biology on tools and methods needed to perform systematic analysis of spatiotemporal gene expression in vivo in Caenorhabditis elegans.
Marie BEURTON-AIMAR
Marie BEURTON AIMAR is is the head of the Bioformatics Master of Bordeaux University. She is also a Research officer at the Bordeaux Laboratory of Research and Informatics (LaBRI) and works on the modeling and simulation of biochemical reactions and on the processing and analysis of biological images.
Together, they have been participating in the iGEM competition since 2012 and they have been supporting the student initiatives through the creation of the iGEM Bordeaux team.
The members
Hiba BEN MOHAMED, a real iGEM addict!
Hiba is the oldest member of our team.
24 years old, currently in her 5th year of Agroscience Biology specialized in Phytopathology and Mycology (Bordeaux University), she started her first iGEM adventure in 2014. Against winds and tides, she is always there (we can't get rid of her!), supporting the team with her happiness and her smile. Money (for sponsoring!) and handsome guys can't resist to her charms.
Click on the pictures to know more about each team!
(Or wait few seconds and something will appear..)
Team Survivor
Team Valor
Team Mystic
Team Instinct
The mascots
Bioo
Click on the picture to know more about him!
Foo
Click on the picture to know more about him!