Difference between revisions of "Team:Dalhousie/test3"

 
(47 intermediate revisions by the same user not shown)
Line 11: Line 11:
 
         z-index: -100;
 
         z-index: -100;
 
         width:100%;
 
         width:100%;
 +
        height:100%;
  
 
}
 
}
 +
 +
 
</style>
 
</style>
  
Line 29: Line 32:
 
#home_logo, #sideMenu { display:none; }
 
#home_logo, #sideMenu { display:none; }
 
#sideMenu, #top_title, .patrollink  {display:none;}
 
#sideMenu, #top_title, .patrollink  {display:none;}
−
#content { width:100%; padding:0px;  margin-top:-20px; margin-left:0px; background-color: white;}
+
#content { width:100%; padding:0px;  margin-top:-20px; margin-left:0px; background-color: black;}
−
body {background-color:white; }
+
body {background-color:white; height:100%; }
−
#bodyContent h1, #bodyContent h2, #bodyContent h3, #bodyContent h4, #bodyContent h5 { margin-bottom: 10px;  background-color: transparent; z-index:100;}
+
#bodyContent h1, #bodyContent h2, #bodyContent h3, #bodyContent h4, #bodyContent h5 { margin-bottom: 0px;  background-color: transparent; z-index:100;}
 
         .jumbotron {
 
         .jumbotron {
 
             height: 850px;
 
             height: 850px;
Line 37: Line 40:
 
            
 
            
 
             }
 
             }
−
</style>
+
.navbar-default .navbar-nav>.active>a, .nav > li > a:hover, .nav > li > a:focus {
−
 
+
  background-color: #C1D35D;
−
<!------------fadedivs-------------------------->
+
  text-decoration: none;
−
<style>
+
−
#grad1 {
+
−
    height: 833px;
+
−
    background: transparent; /* For browsers that do not support gradients */
+
−
    background: -webkit-linear-gradient(transparent 90%, rgba(27,22,16,1) ); /* For Safari 5.1 to 6.0 */
+
−
    background: -o-linear-gradient(transparent 90%, rgba(27,22,16,1)); /* For Opera 11.1 to 12.0 */
+
−
    background: -moz-linear-gradient(transparent 90%, rgba(27,22,16,1) ); /* For Firefox 3.6 to 15 */
+
−
    background: linear-gradient(transparent 90%, rgba(27,22,16,1)); /* Standard syntax (must be last) */
+
 
}
 
}
−
</style>
 
−
<style>
 
−
#grad2 {
 
−
position: absolute;
 
−
z-index:1;
 
−
height: 100%;
 
−
width:100%;
 
−
    background: transparent; /* For browsers that do not support gradients */
 
−
    background: -webkit-linear-gradient(rgba(27,22,16,1), transparent 80%, #C1D35D); /* For Safari 5.1 to 6.0 */
 
−
    background: -o-linear-gradient(rgba(27,22,16,1), transparent 80%, #C1D35D); /* For Opera 11.1 to 12.0 */
 
−
    background: -moz-linear-gradient(rgba(27,22,16,1), transparent 80%, #C1D35D); /* For Firefox 3.6 to 15 */
 
−
    background: linear-gradient(rgba(27,22,16,1), transparent 80%, #C1D35D); /* Standard syntax (must be last) */
 
−
}
 
−
 
−
 
 
</style>
 
</style>
  
Line 69: Line 49:
  
 
<body>
 
<body>
 +
  
 
<!-------------------navbar---------------------->
 
<!-------------------navbar---------------------->
Line 79: Line 60:
  
 
       <li class="active" ><a href="https://2017.igem.org/Team:Dalhousie/test3" style=" color: white;">Home</a></li>
 
       <li class="active" ><a href="https://2017.igem.org/Team:Dalhousie/test3" style=" color: white;">Home</a></li>
 +
 
<li class="dropdown" >
 
<li class="dropdown" >
−
         <a class="dropdown-toggle" data-toggle="dropdown" href="#" style=" color: white;">The Project
+
         <a class="dropdown-toggle" data-toggle="dropdown" href="#" style=" color: white;">Project
 
         </a>
 
         </a>
 
         <ul class="dropdown-menu" style=" background-color: rgba(193,211,93,0.8);">
 
         <ul class="dropdown-menu" style=" background-color: rgba(193,211,93,0.8);">
−
           <li><a href="https://2017.igem.org/Team:Dalhousie/Description" style=" color: white;" >Description</a></li>
+
           <li><a href="https://2017.igem.org/Team:Dalhousie/Description" >Description</a></li>
−
           <li><a href="https://2017.igem.org/Team:Dalhousie/Design"style=" color: white;">Design</a></li>
+
           <li><a href="https://2017.igem.org/Team:Dalhousie/Design">Design</a></li>
−
          <li><a href="https://2017.igem.org/Team:Dalhousie/Experiments"style=" color: white;">Experiments</a></li>
+
<li><a href="https://2017.igem.org/Team:Dalhousie/Requirements">Requirements</a></li>
−
          <li><a href="https://2017.igem.org/Team:Dalhousie/Notebook"style=" color: white;">Notebook</a></li>
+
−
          <li><a href="https://2017.igem.org/Team:Dalhousie/InterLab">Interlab</a></li>
+
−
          <li><a href="https://2017.igem.org/Team:Dalhousie/Contribution">Contribution</a></li>
+
−
          <li><a href="https://2017.igem.org/Team:Dalhousie/Model">Model</a></li>
+
−
          <li><a href="https://2017.igem.org/Team:Dalhousie/Results">Results</a></li>
+
−
          <li><a href="https://2017.igem.org/Team:Dalhousie/Demonstrate">Demonstrate</a></li>
+
−
        <li><a href="https://2017.igem.org/Team:Dalhousie/Improve">Improve</a></li>
+
−
          <li><a href="https://2017.igem.org/Team:Dalhousie/Attributions">Attributions</a></li>
+
 
         </ul>
 
         </ul>
 
       </li>
 
       </li>
  
−
     
 
 
<li class="dropdown">
 
<li class="dropdown">
−
         <a class="dropdown-toggle" data-toggle="dropdown" href="#" style=" color: white;">Our Team
+
         <a class="dropdown-toggle" data-toggle="dropdown" href="#" style=" color: white;">Results
 
         </a>
 
         </a>
−
         <ul class="dropdown-menu">
+
         <ul class="dropdown-menu" style=" background-color: rgba(193,211,93,0.8);">
−
           <li><a href="https://2017.igem.org/Team:Dalhousie/Team">Team</a></li>
+
           <li><a href="https://2017.igem.org/Team:Dalhousie/InterLab">Interlab</a></li>
−
          <li><a href="https://2017.igem.org/Team:Dalhousie/Collaborations">Collaborations</a></li>
+
  <li><a href="https://2017.igem.org/Team:Dalhousie/Results">Results</a></li>
 
         </ul>
 
         </ul>
−
      </li>
+
</li>  
  
 +
 
 
<li class="dropdown">
 
<li class="dropdown">
−
         <a class="dropdown-toggle" data-toggle="dropdown" href="#" style=" color: white;">Parts
+
         <a class="dropdown-toggle" data-toggle="dropdown" href="#" style=" color: white;">Team
 
         </a>
 
         </a>
−
         <ul class="dropdown-menu">
+
         <ul class="dropdown-menu" style=" background-color: rgba(193,211,93,0.8);">
−
           <li><a href="https://2017.igem.org/Team:Dalhousie/Parts">Parts</a></li>
+
           <li><a href="https://2017.igem.org/Team:Dalhousie/Team">Team</a></li>
−
           <li><a href="https://2017.igem.org/Team:Dalhousie/Basic_Parts">Basic Parts</a></li>
+
           <li><a href="https://2017.igem.org/Team:Dalhousie/Collaborations">Collaborations</a></li>
−
           <li><a href="https://2017.igem.org/Team:Dalhousie/Composite_Parts">Composite Parts</a></li>
+
           <li><a href="https://2017.igem.org/Team:Dalhousie/Attributions">Attributions</a></li>
−
           <li><a href="https://2017.igem.org/Team:Dalhousie/Part_Collection">Part Collections</a></li>
+
           <li><a href="https://2017.igem.org/Team:Dalhousie/Sponsors">Sponsors</a></li>
 
         </ul>
 
         </ul>
−
      </li>
+
</li>
−
 
+
−
      <li><a href="https://2017.igem.org/Team:Dalhousie/Safety" style=" color: white;">Safety</a></li>
+
  
 
<li class="dropdown">
 
<li class="dropdown">
 
         <a class="dropdown-toggle" data-toggle="dropdown" href="#" style=" color: white;">Human Practices
 
         <a class="dropdown-toggle" data-toggle="dropdown" href="#" style=" color: white;">Human Practices
 
         </a>
 
         </a>
−
         <ul class="dropdown-menu">
+
         <ul class="dropdown-menu" style=" background-color: rgba(193,211,93,0.8);">
−
        <li><a href="https://2017.igem.org/Team:Dalhousie/Human_Practices">Summary</a></li>
+
      <li><a href="https://2017.igem.org/Team:Dalhousie/Human_Practices">Summary</a></li>
−
           <li><a href="https://2017.igem.org/Team:Dalhousie/HP/Silver_Integrated">Silver HP</a></li>
+
           <li><a href="https://2017.igem.org/Team:Dalhousie/HP/Silver">Science Communication</a></li>
 
           <li><a href="https://2017.igem.org/Team:Dalhousie/HP/Gold_Integrated">Integrated and Gold</a></li>
 
           <li><a href="https://2017.igem.org/Team:Dalhousie/HP/Gold_Integrated">Integrated and Gold</a></li>
−
           <li><a href="https://2017.igem.org/Team:Dalhousie/HP/Public_Engagement">Public Engagement</a></li>
+
           <li><a href="https://2017.igem.org/Team:Dalhousie/Engagement">Public Engagement</a></li>
−
          <li><a href="https://2017.igem.org/Team:Dalhousie/HP/Part_Collection">Part Collections</a></li>
+
<li><a href="https://2017.igem.org/Team:Dalhousie/SocialMedia">Social Media</a></li>
 +
     
 
         </ul>
 
         </ul>
 
       </li>
 
       </li>
  
 
<li class="dropdown">
 
<li class="dropdown">
−
         <a class="dropdown-toggle" data-toggle="dropdown" href="#" style=" color: white;">Awards
+
         <a class="dropdown-toggle" data-toggle="dropdown" href="#" style=" color: white;">Lab
 
         </a>
 
         </a>
−
         <ul class="dropdown-menu">
+
         <ul class="dropdown-menu" style=" background-color: rgba(193,211,93,0.8);">
−
           <li><a href="https://2017.igem.org/Team:Dalhousie/HP/Applied_Design">Applied Design</a></li>
+
           <li><a href="https://2017.igem.org/Team:Dalhousie/Parts">Parts</a></li>
−
           <li><a href="https://2017.igem.org/Team:Dalhousie/HP/Entrepreneurship">Entrepreneurship</a></li>
+
          <li><a href="https://2017.igem.org/Team:Dalhousie/Safety" >Safety</a></li>
 +
            <li><a href="https://2017.igem.org/Team:Dalhousie/Experiments">Experiments</a></li>
 +
           <li><a href="https://2017.igem.org/Team:Dalhousie/Notebook">Notebook</a></li>
 +
<li><a href="https://2017.igem.org/Team:Dalhousie/Improve">Improve</a></li>
 
         </ul>
 
         </ul>
 
       </li>
 
       </li>
 +
 +
     
 +
  
  
Line 152: Line 131:
 
     </div>
 
     </div>
 
<li>
 
<li>
−
                         <a href="mailto:igemdalhousie@gmail.com" ><i class="fa fa-envelope-o fa-fw" style=" color: rgba(149, 48, 41, 1);"></i> <span class="network-name"></span></a>
+
                         <a href="mailto:igemdalhousie@gmail.com" ><i class="fa fa-envelope-o fa-fw" style=" color: white;" ></i> <span class="network-name"></span></a>
 
                     </li>
 
                     </li>
 
<li>
 
<li>
−
                         <a target="_blank" href="https://twitter.com/dalhousie_igem?lang=en" ><i class="fa fa-twitter fa-fw" style=" color: rgba(61, 145, 229, 1);"></i> <span class="network-name"></span></a>
+
                         <a target="_blank" href="https://twitter.com/dalhousie_igem?lang=en" ><i class="fa fa-twitter fa-fw" style=" color: white;" ></i> <span class="network-name"></span></a>
 
                     </li>
 
                     </li>
 
                     <li>
 
                     <li>
−
                         <a target="_blank" href="https://www.facebook.com/Dalhousie.iGEM/" ><i class="fa fa-facebook fa-fw" style=" color: rgba(57, 86, 156, 1);"></i> <span class="network-name"></span></a>
+
                         <a target="_blank" href="https://www.facebook.com/Dalhousie.iGEM/" ><i class="fa fa-facebook fa-fw" style=" color: white;" ></i> <span class="network-name"></span></a>
 
                     </li>
 
                     </li>
  
Line 170: Line 149:
  
  
−
 
−
 
−
<div id="grad1"><!--------fade------------>
 
 
         <div class="panel" id="panel1" >
 
         <div class="panel" id="panel1" >
  
 
             <div class="inner" >
 
             <div class="inner" >
−
<div class="top" ><div class="title" >Welcome to Dalhousie's 2017 iGEM wiki</div></div>
+
<div class="top" ><div class="title" >Dalhousie iGEM 2017</div></div>
  
 
    
 
    
  
 
<video  id= "myVideo" class="bg-video" style="top:0px; left:0px; padding-bottom:0px; position:fixed; width:100%;z-index:-100; " autoplay="true" loop="loop" preload="metadata" muted="muted">
 
<video  id= "myVideo" class="bg-video" style="top:0px; left:0px; padding-bottom:0px; position:fixed; width:100%;z-index:-100; " autoplay="true" loop="loop" preload="metadata" muted="muted">
−
         <source src="https://static.igem.org/mediawiki/2017/5/53/Final5.mp4" type="video/mp4" />
+
         <source src="https://static.igem.org/mediawiki/2017/6/68/Thisfinal.mp4" type="video/mp4" />
  
  
  
 
<!--------------------------------fade title---------------------------->
 
<!--------------------------------fade title---------------------------->
−
<style>body {
+
<style>
 +
 
 +
body {
 
   margin: 0;
 
   margin: 0;
 
   height: 10px;
 
   height: 10px;
Line 193: Line 171:
 
.top {
 
.top {
  
−
   margin-top: 450px;
+
   margin-top: 350px;
 
   position: absolute;
 
   position: absolute;
−
  width:55%;
+
  width:65%;
−
   left:300px;
+
   left:250px;
−
   background-color: rgba(27,22,16,0.4);
+
   background-color: transparent;
 
   height: 150px;
 
   height: 150px;
 
   text-align: center;
 
   text-align: center;
 
   font-family: 'Trebuchet MS';
 
   font-family: 'Trebuchet MS';
−
   font-size: 50px;
+
   font-size: 80px;
−
   font-weight: 100;
+
   font-weight: 400;
 
   color: white;
 
   color: white;
 
line-height: 60px;
 
line-height: 60px;
Line 215: Line 193:
  
 
</style>
 
</style>
 +
  
 
<!---------------------------------------------------------------------------------this------------------------------------------------------------------------------------------->
 
<!---------------------------------------------------------------------------------this------------------------------------------------------------------------------------------->
 
<script> $(window).scroll(function(){
 
<script> $(window).scroll(function(){
−
     $(".top").css("opacity", 1 - $(window).scrollTop() / 400);
+
     $(".top").css("opacity", 1 - $(window).scrollTop() / 300);
−
   });</script>
+
   });
 +
</script>
  
  
 
             </div>
 
             </div>
 
         </div>  
 
         </div>  
−
</div>
+
 
  
  
  
 
         <div class="panel" id="panel2">
 
         <div class="panel" id="panel2">
−
            <div class="inner">
+
<h1>
−
         
+
<center><font color= "#ffffff">Mining the Microbiome</font></center>
 +
</h1>
 +
<center><img src="https://static.igem.org/mediawiki/parts/3/34/BIG_FRont_DESIGN.png" height="617" width="1097" style="margin-bottom:40px;"></center> 
 +
        </div>
  
−
<!-------------------------------------------infographic----------------------------->
 
−
<p style="text-align:center; color:white; margin-top:50px;">
 
−
<img src= "https://static.igem.org/mediawiki/2017/8/8b/Infograph2_1.jpg" align="center" height="70%" width="70%"></p>
 
  
  
−
           
+
<div class="container" style="height:450px; width:100%; position: relative;">
−
            </div>
+
−
        </div>
+
  
−
 
−
<div class="container" style="height:450px; width:100%; position: relative;">
 
−
<div id="grad2" style=" width:100%; position: absolute; left: 0px; top: 0px;"><!--------fade------------>
 
−
</div>
 
 
  </div>
 
  </div>
  
  
 
         <div class="panel panel-red" id="panel3">
 
         <div class="panel panel-red" id="panel3">
−
            <div class="inner">
 
−
      <p style="text-align:center; color:white; font-size: 30px; margin-top:100px;">
 
−
Thanks to our Sponsors!!</p>
 
−
<!---------------------------pics---------------------------->
 
 
<p style="text-align: center; ">
 
<p style="text-align: center; ">
−
<img src= "https://static.igem.org/mediawiki/2017/d/d3/Q.png" height="20%" width="20%" style=" padding:50px;">
+
<img src="https://static.igem.org/mediawiki/2017/8/8e/Plosibilities.png" height="30%" width="30%" style=" padding:50px;">
−
<img src= "https://static.igem.org/mediawiki/2017/8/82/S.png" height="20%" width="20%" style=" padding:50px;">
+
<img src="https://static.igem.org/mediawiki/parts/d/d7/Porcupinelogo2017.png" height="30%" width="30%" style=" padding:50px;">
−
<img src= "https://static.igem.org/mediawiki/2017/5/57/B.png" height="20%" width="20%" style=" padding:50px;">
+
 
</p>
 
</p>
−
             </div>
+
              
 
         </div>
 
         </div>
  
Line 290: Line 259:
  
 
}
 
}
−
 
 
#nav {
 
#nav {
 
position: fixed;
 
position: fixed;
Line 303: Line 271:
  
 
.noBackground {
 
.noBackground {
−
background-color: rgba(0,0,0,0);
+
background-color: rgba(0,0,0,0);
 
visibility: visible;
 
visibility: visible;
 
width:100%;
 
width:100%;
Line 314: Line 282:
  
 
.blackBackground {
 
.blackBackground {
−
background-color: rgba(0,0,0,0.7);
+
background-color: rgba(35,47,19,0.7);
 
visibility: visible;
 
visibility: visible;
 
width:100%;
 
width:100%;
Line 323: Line 291:
 
z-index:100;
 
z-index:100;
 
padding-bottom:40px;
 
padding-bottom:40px;
−
 
+
color: red;
 
}
 
}
  
Line 341: Line 309:
 
#panel1{
 
#panel1{
 
background: transparent;
 
background: transparent;
−
height: 850px;
+
height: 950px;
 
width:100%;
 
width:100%;
 
z-index:100;
 
z-index:100;
Line 347: Line 315:
 
#panel2{
 
#panel2{
 
width:100%;
 
width:100%;
−
height: 100%;
+
height: 600px;
 
margin-bottom:0px;
 
margin-bottom:0px;
−
background: rgba(27,22,16,1);
+
background: white;
 +
color: white;
 +
font-size: 40px;
 +
line-height: 40px;
 +
background-image: url("https://static.igem.org/mediawiki/2017/a/a5/Woodbackground.jpeg");
 +
height: 200%;
 
}
 
}
 
#panel3{
 
#panel3{
 
width:100%;
 
width:100%;
−
height: 500px;
+
height: 100%;
 
margin-bottom:-100px;
 
margin-bottom:-100px;
−
background: black;
+
background: rgba(35,47,19,0.9);
 
}
 
}
  
Line 378: Line 351:
 
});
 
});
 
</script>
 
</script>
−
 
−
<div style=" background-color: black; height= 100%; ">
 
−
 
−
<p style= " text-align: center;">
 
−
                        <a href="mailto:igemdalhousie@gmail.com" ><i class="fa fa-envelope-o fa-fw" style=" color: rgba(149, 48, 41, 1);font-size: 3.2em; padding-top: 5px; padding-bottom: 5px;"></i> <span class="network-name"></span></a>
 
−
 
−
                        <a target="_blank" href="https://twitter.com/dalhousie_igem?lang=en" ><i class="fa fa-twitter fa-fw" style=" color: rgba(61, 145, 229, 1);font-size: 3.2em; padding-top: 5px; padding-bottom: 5px;"></i> <span class="network-name"></span></a>
 
−
 
−
                        <a target="_blank" href="https://www.facebook.com/Dalhousie.iGEM/" ><i class="fa fa-facebook fa-fw" style=" color: rgba(57, 86, 156, 1); font-size: 3.2em; padding-top: 5px; padding-bottom: 5px;"></i> <span class="network-name"></span></a>
 
−
</p>
 
−
 
−
</div>
 
  
 
</body>
 
</body>
 
<html>
 
<html>

Latest revision as of 03:27, 27 October 2017

Dalhousie iGEM 2017

Mining the Microbiome