Team:Paris Bettencourt/Human Practice

From 2014.igem.org

(Difference between revisions)
 
(12 intermediate revisions not shown)
Line 10: Line 10:
height : 700px;
height : 700px;
margin-top : 40px;
margin-top : 40px;
-
background-image : url("");
+
background-image : url("https://static.igem.org/mediawiki/2014/8/88/RSPBhumanpractice.png");
background-size : cover;
background-size : cover;
-
background-color : rgb(0,255,255);
+
background-color : rgb(255,255,255);
text-align : center;
text-align : center;
}
}
#subheader {
#subheader {
width : 100%;
width : 100%;
-
height : 100px;
+
height : 60px;
background : rgb(255,0,99);
background : rgb(255,0,99);
margin-top : 0px;
margin-top : 0px;
Line 34: Line 34:
.description {
.description {
position : absolute;
position : absolute;
-
height : 500px;
+
height : 150px;
width : 100%;
width : 100%;
display : none;
display : none;
Line 52: Line 52:
font-size : 15px;
font-size : 15px;
vertical-align : middle;
vertical-align : middle;
-
color : rgb(0,0,0);
+
color : rgb(150,149,149);
-
margin-top : 235px;
+
margin-top : 58px;
}
}
#subheader table tr td a {
#subheader table tr td a {
color : rgb(255,255,255);
color : rgb(255,255,255);
text-decoration : none;
text-decoration : none;
-
font-weight : bold;
 
font-size : 18px;
font-size : 18px;
}
}
Line 72: Line 71:
width : 100%;
width : 100%;
height : 100%;
height : 100%;
-
}
 
-
#nameimg {
 
-
position : relative;
 
-
width : 200px;
 
-
height : 200px;
 
-
margin-top : 250px;
 
-
background : transparent;
 
-
z-index : 60;
 
}
}
#separation {
#separation {
Line 88: Line 79:
#descriptionmain {
#descriptionmain {
width : 100%;
width : 100%;
-
height : 500px;
+
height : 200px;
-
background-color : rgb(255,255,0);
+
-
text-align : center;
+
-
vertical-align : middle;
+
-
display : table-cell;
+
-
z-index :0
+
}
}
-
#descriptionmain p {
+
#main {
-
width : 90%;
+
                      display : block;
-
margin-left : 5%;
+
                      z-index : 0;
-
font-size : 15px;
+
-
vertical-align : middle;
+
}
}
</style>
</style>
Line 105: Line 89:
<p id=top><a href="#topheader"><img src="https://static.igem.org/mediawiki/2014/4/41/Arrow.png"></a></p>
<p id=top><a href="#topheader"><img src="https://static.igem.org/mediawiki/2014/4/41/Arrow.png"></a></p>
<div id="topheader">
<div id="topheader">
-
<img src="https://static.igem.org/mediawiki/2014/b/b1/Smelltheroses.png" id=nameimg>
 
</div>
</div>
<div id=subheader>
<div id=subheader>
<table>
<table>
<tr>
<tr>
-
<td><a href="https://2014.igem.org/Team:Paris_Bettencourt/MOOC">MOOC</a><div class=description><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur accumsan cursus arcu, quis tristique ipsum interdum eget. Vivamus facilisis posuere mi, non tincidunt eros. Donec eget quam dictum, porta nisl ac, pretium velit. Aenean at massa et leo eleifend condimentum in iaculis augue. Fusce mattis pharetra risus et pretium. Pellentesque.</p></div></td>
+
<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>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur accumsan cursus arcu, quis tristique ipsum interdum eget. Vivamus facilisis posuere mi, non tincidunt eros. Donec eget quam dictum, porta nisl ac, pretium velit. Aenean at massa et leo eleifend condimentum in iaculis augue. Fusce mattis pharetra risus et pretium. Pellentesque.</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>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur accumsan cursus arcu, quis tristique ipsum interdum eget. Vivamus facilisis posuere mi, non tincidunt eros. Donec eget quam dictum, porta nisl ac, pretium velit. Aenean at massa et leo eleifend condimentum in iaculis augue. Fusce mattis pharetra risus et pretium. Pellentesque.</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>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur accumsan cursus arcu, quis tristique ipsum interdum eget. Vivamus facilisis posuere mi, non tincidunt eros. Donec eget quam dictum, porta nisl ac, pretium velit. Aenean at massa et leo eleifend condimentum in iaculis augue. Fusce mattis pharetra risus et pretium. Pellentesque.</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>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur accumsan cursus arcu, quis tristique ipsum interdum eget. Vivamus facilisis posuere mi, non tincidunt eros. Donec eget quam dictum, porta nisl ac, pretium velit. Aenean at massa et leo eleifend condimentum in iaculis augue. Fusce mattis pharetra risus et pretium. Pellentesque.</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>
</tr>
</table>
</table>
</div>
</div>
<div id=descriptionmain>
<div id=descriptionmain>
-
<p> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque sollicitudin elementum rutrum. Vivamus sapien ipsum, scelerisque ut facilisis vel, elementum at sapien. Curabitur et semper enim. Morbi vitae velit quis dui porttitor tristique. Mauris odio quam, pellentesque in quam sit amet, volutpat condimentum sem. Praesent cursus aliquam sodales. Duis nec.</p>
 
</div>
</div>
</body>
</body>

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.


Centre for Research and Interdisciplinarity (CRI)
Faculty of Medicine Cochin Port-Royal, South wing, 2nd floor
Paris Descartes University
24, rue du Faubourg Saint Jacques
75014 Paris, France
+33 1 44 41 25 22/25
paris-bettencourt-igem@googlegroups.com
Copyright (c) 2014 igem.org. All rights reserved.