Team:Paris Bettencourt/Human Practice
From 2014.igem.org
(Created page with "{{Team:Paris_Bettencourt/Wiki}} {{Team:Paris_Bettencourt/Menu}}") |
|||
(14 intermediate revisions not shown) | |||
Line 1: | Line 1: | ||
- | |||
{{Team:Paris_Bettencourt/Menu}} | {{Team:Paris_Bettencourt/Menu}} | ||
+ | |||
+ | <html> | ||
+ | <style> | ||
+ | body { | ||
+ | width : 100%; | ||
+ | } | ||
+ | #topheader { | ||
+ | width : 100%; | ||
+ | height : 700px; | ||
+ | margin-top : 40px; | ||
+ | background-image : url("https://static.igem.org/mediawiki/2014/8/88/RSPBhumanpractice.png"); | ||
+ | background-size : cover; | ||
+ | background-color : rgb(255,255,255); | ||
+ | text-align : center; | ||
+ | } | ||
+ | #subheader { | ||
+ | width : 100%; | ||
+ | height : 60px; | ||
+ | background : rgb(255,0,99); | ||
+ | margin-top : 0px; | ||
+ | } | ||
+ | #subheader table { | ||
+ | width : 100%; | ||
+ | height : 100%; | ||
+ | text-align : center; | ||
+ | background : rgb(255,0,99); | ||
+ | } | ||
+ | #subheader table tr td { | ||
+ | width : 20%; | ||
+ | color : rgb(255,255,255); | ||
+ | background : rgb(255,0,99); | ||
+ | } | ||
+ | .description { | ||
+ | position : absolute; | ||
+ | height : 150px; | ||
+ | width : 100%; | ||
+ | display : none; | ||
+ | background-color : rgb(255,255,255); | ||
+ | z-index : 50; | ||
+ | left : 0; | ||
+ | margin-top : 40px; | ||
+ | text-align : center; | ||
+ | vertical-align : middle; | ||
+ | } | ||
+ | #subheader table tr td:hover .description { | ||
+ | display : table-cell; | ||
+ | } | ||
+ | .description p { | ||
+ | width : 90%; | ||
+ | margin-left : 5%; | ||
+ | font-size : 15px; | ||
+ | vertical-align : middle; | ||
+ | color : rgb(150,149,149); | ||
+ | margin-top : 58px; | ||
+ | } | ||
+ | #subheader table tr td a { | ||
+ | color : rgb(255,255,255); | ||
+ | text-decoration : none; | ||
+ | font-size : 18px; | ||
+ | } | ||
+ | #top { | ||
+ | position : fixed; | ||
+ | right : 20px; | ||
+ | bottom : 10px; | ||
+ | width : 25px; | ||
+ | height : 25px; | ||
+ | z-index : 100; | ||
+ | } | ||
+ | #top img { | ||
+ | width : 100%; | ||
+ | height : 100%; | ||
+ | } | ||
+ | #separation { | ||
+ | width : 100%; | ||
+ | heigth : 1px; | ||
+ | margin-top : 1150px; | ||
+ | } | ||
+ | #descriptionmain { | ||
+ | width : 100%; | ||
+ | height : 200px; | ||
+ | } | ||
+ | #main { | ||
+ | display : block; | ||
+ | z-index : 0; | ||
+ | } | ||
+ | </style> | ||
+ | <body> | ||
+ | <p id=top><a href="#topheader"><img src="https://static.igem.org/mediawiki/2014/4/41/Arrow.png"></a></p> | ||
+ | <div id="topheader"> | ||
+ | </div> | ||
+ | <div id=subheader> | ||
+ | <table> | ||
+ | <tr> | ||
+ | <td><a href="https://2014.igem.org/Team:Paris_Bettencourt/MOOC">MOOC</a><div class=description><p>Sharing is caring! We made a series of educational MOOCs aimed at high school students to help inspire them to come up with their own projects and start their own iGEM team.</p></div></td> | ||
+ | <td><a href="https://2014.igem.org/Team:Paris_Bettencourt/Citizen_Science">CITIZEN SCIENCE</a><div class=description><p>We collaborated with more than 600 citizens on our project. They had an opportunity to sample and analyze the data from their own body and learn about synthetic biology.</p></div></td> | ||
+ | <td><a href="https://2014.igem.org/Team:Paris_Bettencourt/Minder">MINDER</a><div class=description><p>We created Minder, a location based mobile app to help people get in contact to share ideas and create projects.</p></div></td> | ||
+ | <td><a href="https://2014.igem.org/Team:Paris_Bettencourt/Facts_Smell">THE SENSE OF SMELL</a><div class=description><p>Some facts about the human sense of smell and the way we sense the odor.</p></div></td> | ||
+ | <td><a href="https://2014.igem.org/Team:Paris_Bettencourt/Facts_Micriobiome">THE HUMAN MICRIOBIOME</a><div class=description><p>Some facts about the human microbiome.</p></div></td> | ||
+ | <td><div id=main class=description><p> Our Practices project of this year is focused on Citizen Science: how to involve nonprofesional scientists in Synthetic Biology projects; MOOC, a Massive Open Online Course on iGEM and synthetic biology for high schools and Minder, an app to connect ideas.</p></div></td> | ||
+ | </tr> | ||
+ | </table> | ||
+ | </div> | ||
+ | <div id=descriptionmain> | ||
+ | </div> | ||
+ | </body> | ||
+ | </html> | ||
+ | |||
+ | |||
+ | {{:Team:Paris_Bettencourt/Footer}} |
Latest revision as of 03:45, 18 October 2014
MOOC Sharing is caring! We made a series of educational MOOCs aimed at high school students to help inspire them to come up with their own projects and start their own iGEM team. |
CITIZEN SCIENCE We collaborated with more than 600 citizens on our project. They had an opportunity to sample and analyze the data from their own body and learn about synthetic biology. |
MINDER We created Minder, a location based mobile app to help people get in contact to share ideas and create projects. |
THE SENSE OF SMELL Some facts about the human sense of smell and the way we sense the odor. |
THE HUMAN MICRIOBIOME Some facts about the human microbiome. |
Our Practices project of this year is focused on Citizen Science: how to involve nonprofesional scientists in Synthetic Biology projects; MOOC, a Massive Open Online Course on iGEM and synthetic biology for high schools and Minder, an app to connect ideas. |