Difference between revisions of "Team:Paris Bettencourt/Results"

(Prototype team page)
 
Line 1: Line 1:
−
{{Paris_Bettencourt}}
+
{{Paris_Bettencourt/Menu}}
 +
{{Paris_Bettencourt/Wiki}}
 +
 
 +
                                            <!-- Code by the 2016 Paris Bettencourt -->
 +
 
 
<html>
 
<html>
 +
<link href='https://fonts.googleapis.com/css?family=Open+Sans:400,300,700' rel='stylesheet' type='text/css'>
 +
<style>
 +
a:hover {
 +
text-decoration : none;
 +
}
  
 +
html {
 +
height : 100%;
 +
}
  
−
<div class="column full_size" >
+
body {
 +
position : relative;
 +
height : 100%;
 +
margin-left : 0;
 +
margin-right : 0;
 +
margin-top : 0;
 +
}
  
−
<p>Here you can describe the results of your project and your future plans. </p>
+
#topheader {
 +
position : relative;
 +
margin-top : -80px;
 +
margin-left : 0px;
 +
margin-right : 0;
 +
padding:0;
 +
width : 100%;
 +
height : 400px;
 +
background-image : url("https://static.igem.org/mediawiki/2016/1/10/T--Paris_Bettencourt--Achievements.jpg");
 +
background-size : cover;
 +
}
  
−
<h5>What should this page contain?</h5>
+
#subheader {
−
<ul>
+
position : relative ;
−
<li> Clearly and objectively describe the results of your work.</li>
+
width : 100%;
−
<li> Future plans for the project </li>
+
height : 470px;
−
<li> Considerations for replicating the experiments </li>
+
left : 0;
−
</ul>
+
right : 0;
 +
text-align : center;
 +
background-color : rgb(255,255,255);
 +
}
  
−
</div>
+
#definition {
 +
width : 80%;
 +
vertical-align : middle;
 +
display : inline-block;
 +
line-height : normal;
 +
text-align : center;
 +
position : relative;
 +
margin-top : 80px;
 +
}
  
−
<div class="column half_size" >
+
#project {
 +
font-family: Open Sans, sans-serif;
 +
text-align : center;
 +
font-size : 22px;
 +
vertical-align : middle;
 +
color : rgb(150,149,149);
 +
}
 +
.definition {
 +
position : relative;
 +
font-family: Open Sans, sans-serif;
 +
text-align : center;
 +
font-size : 18px;
 +
vertical-align : middle;
 +
color : rgb(150,149,149);
 +
}
  
 +
                .descript2 {
 +
                        width : 60%;
 +
                        margin-left : 0%;
 +
                        font-size : 18px;
 +
                        text-align : center;
 +
                        color : rgb(255,0,99);
 +
                        margin-top : 0px;
 +
                        display : none;
 +
                        vertical-align : middle;
 +
                        line-height : normal;
 +
                        background-color : transparent;
 +
                        z-index : 91;
 +
                }
  
−
<h5> Project Achievements </h5>
+
.layout {
 +
display : inline-block;
 +
width : 100%;
 +
height : 100%;
 +
z-index : 90;
 +
vertical-align : middle;
 +
line-height : 300px;
 +
text-align : center;
 +
display: flex;
 +
justify-content: center;
 +
align-items: center;
 +
-webkit-display: flex;
 +
-webkit-justify-content: center;
 +
-webkit-align-items: center;
 +
                        vertical-align : middle;
 +
}
  
−
<p>You can also include a list of bullet points (and links) of the successes and failures you have had over your summer. It is a quick reference page for the judges to see what you achieved during your summer.</p>
+
                .separation {
 +
                        width: 100%;
 +
                        height : 100px;
 +
                }
 +
/* Panels */
 +
.panel {
 +
    width:1100px;
 +
    height:528px;
 +
    margin:0;
 +
    margin-bottom:0px;
 +
    color: rgb(30,39,43);
 +
    font-family: 'Open Sans', sans-serif;
 +
}
 +
.panel a {
 +
    color: rgb(46,43,52);
 +
    text-decoration:none;
 +
}
  
−
<ul>
+
/* Subpanels */
−
<li>A list of linked bullet points of the successful results during your project</li>
+
.narrowimg {/* Subpanels background*/
−
<li>A list of linked bullet points of the unsuccessful results during your project. This is about being scientifically honest. If you worked on an area for a long time with no success, tell us so we know where you put your effort.</li>
+
    /*position:absolute;*/
−
</ul>
+
    z-index:2;
 +
    opacity:0.3;
 +
    filter: alpha(opacity=30);
 +
}
 +
.titlebox {/* Subpanels Title*/
 +
    z-index:1;
 +
    position:relative;
 +
    bottom:480px;
 +
    background:transparent;
 +
}
  
−
</div>
+
/* pages */
 +
.subpanel4 { /* divide page in 3 */
 +
    float:left;
 +
    font-size:22px;
 +
    margin-top:0;
 +
    margin-right:10px;
 +
}
 +
.subpanel6 { /* Pages */
 +
    height:240.5px;
 +
    margin:0;
 +
    border-radius:7px;
 +
    overflow:hidden;
 +
    background:rgb(255,255,255);
 +
    color:Black;
 +
    text-align:center;
 +
}
 +
.subpanel6:hover{
 +
    font-weight:bold;
 +
}
 +
.subpanel6:hover .narrowimg {
 +
    opacity:0.8;
 +
    filter: alpha(opacity=80);
 +
}
 +
</style>
  
  
−
<div class="column half_size" >
+
<head>        </head>
  
−
<h5>Inspiration</h5>
 
−
<p>See how other teams presented their results.</p>
 
−
<ul>
 
−
<li><a href="https://2014.igem.org/Team:TU_Darmstadt/Results/Pathway">2014 TU Darmstadt </a></li>
 
−
<li><a href="https://2014.igem.org/Team:Imperial/Results">2014 Imperial </a></li>
 
−
<li><a href="https://2014.igem.org/Team:Paris_Bettencourt/Results">2014 Paris Bettencourt </a></li>
 
−
</ul>
 
  
 +
<body>
 +
 +
<div id=topheader></div>
 +
 +
<div id=subheader style="margin-left:-60px">
 +
<div id=definition>
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
</div>
 
</div>
 
</div>
  
 +
</body>
  
  
 
</html>
 
</html>
 +
{{Paris_Bettencourt/Footer2}}

Revision as of 18:00, 30 September 2016


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
igem2016parisbettencourt@gmail.com
2016.igem.org