Difference between revisions of "Team:Dalhousie/test3"

 
(150 intermediate revisions by 2 users not shown)
Line 1: Line 1:
 
<html>
 
<html>
 
<head>
 
<head>
−
<!--glyphicons-->
 
−
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
 
−
  <link  rel="stylesheet" href="https://2017.igem.org/Team:Dalhousie/libraries/css/Bootstrap?action=raw&ctype=text/css" />
 
−
  <link rel="stylesheet" href="https://2017.igem.org/Team:Dalhousie/libraries/css/fonts?action=raw&ctype=text/css" />
 
−
<link rel="stylesheet" href="https://2017.igem.org/Team:Dalhousie/css3?action=raw&ctype=text/css" />
 
−
 
−
<!-------------------------------------need this--------------------------->
 
 
<style>
 
<style>
−
#home_logo, #sideMenu { display:none; }
 
−
#sideMenu, #top_title, .patrollink  {display:none;}
 
−
#content { width:100%; padding:0px;  margin-top:-20px; margin-left:0px; background-color: #000000;}
 
−
body {background-color:black; }
 
−
#bodyContent h1, #bodyContent h2, #bodyContent h3, #bodyContent h4, #bodyContent h5 { margin-bottom: 0px;  background-color: transparent;}
 
−
        .jumbotron {
 
−
            height: 720px;
 
−
            position: relative;
 
−
            z-index:-101;
 
−
            }
 
 
#bg-video {
 
#bg-video {
 
         position: fixed;
 
         position: fixed;
 
         top: 0;
 
         top: 0;
 
         right: 0;
 
         right: 0;
−
         bottom: 0;
+
         bottom: 0px;
 
         left: 0;
 
         left: 0;
 
         overflow: hidden;
 
         overflow: hidden;
 
         z-index: -100;
 
         z-index: -100;
 
         width:100%;
 
         width:100%;
 +
        height:100%;
 +
 
}
 
}
−
  </style>
 
  
−
<!----------------------------------------------navbarshit---------------------------------------------->
 
  
 +
</style>
  
−
  <meta charset="utf-8">
+
<!--glyphicons-->
−
  <meta name="viewport" content="width=device-width, initial-scale=1">
+
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
−
  <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
+
   <link  rel="stylesheet" href="https://2017.igem.org/Team:Dalhousie/libraries/css/Bootstrap?action=raw&ctype=text/css" />
−
   <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
+
   <link rel="stylesheet" href="https://2017.igem.org/Team:Dalhousie/libraries/css/fonts?action=raw&ctype=text/css" />
−
   <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
+
<link rel="stylesheet" href="https://2017.igem.org/Team:Dalhousie/css3?action=raw&ctype=text/css" />
  
−
<!------------fade-------------------------->
+
<!--------------------oldnavbar--------------->
 +
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
 +
 
 +
 
 +
<!-------------------------------------need this--------------------------->
 
<style>
 
<style>
−
#grad1 {
+
#home_logo, #sideMenu { display:none; }
−
    height: 720px;
+
#sideMenu, #top_title, .patrollink  {display:none;}
−
    background: transparent; /* For browsers that do not support gradients */
+
#content { width:100%; padding:0px;  margin-top:-20px; margin-left:0px; background-color: black;}
−
    background: -webkit-linear-gradient(transparent 60%, black ); /* For Safari 5.1 to 6.0 */
+
body {background-color:white; height:100%; }
−
    background: -o-linear-gradient(transparent 60%, black ); /* For Opera 11.1 to 12.0 */
+
#bodyContent h1, #bodyContent h2, #bodyContent h3, #bodyContent h4, #bodyContent h5 { margin-bottom: 0px;  background-color: transparent; z-index:100;}
−
    background: -moz-linear-gradient(transparent 60%, black ); /* For Firefox 3.6 to 15 */
+
        .jumbotron {
−
    background: linear-gradient(transparent 60%, black ); /* Standard syntax (must be last) */
+
            height: 850px;
 +
            position: relative;
 +
         
 +
            }
 +
.navbar-default .navbar-nav>.active>a, .nav > li > a:hover, .nav > li > a:focus {
 +
  background-color: #C1D35D;
 +
  text-decoration: none;
 
}
 
}
 
</style>
 
</style>
 +
 
</head>
 
</head>
  
−
 
 
<body>
 
<body>
  
  
−
<!--------------------------------------------------------------video------------------------------------------------------------------------------>
+
<!-------------------navbar---------------------->
−
 
+
<div id="nav" class="noBackground" style="width:100%; z-index:100;" >
−
<div class="jumbotron text-center " style= "background-color: transparent;">
+
            <div class="inner" >
−
 
+
<div id="navWrap">
−
    <div id="grad1"><!--------fade------------>
+
    <nav >
−
<video  id= "myVideo" class="bg-video" style="top:0px;left:0px;position:absolute;width:100%;z-index:-1;" autoplay="true" loop="loop" preload="metadata" muted="muted">
+
  <div class="container-fluid">
−
        <source src="https://static.igem.org/mediawiki/2017/0/06/Again.mp4" type="video/mp4" />
+
    <ul class="nav navbar-nav navbar-center">
−
    </video>
+
−
 
+
−
 
+
−
 
+
−
 
+
−
<div id="page-wrap"style="padding-top:10px;  ">
+
−
 
+
−
  <h1  style="color:white;"> Dalhousie iGEM </h1>
+
−
 
+
−
  </div>
+
−
 
+
−
 
+
−
 
+
−
 
+
−
  </div>
+
−
</div>
+
−
 
+
−
                     
+
−
 
+
−
 
+
−
 
+
−
<div class="container" id="projectdescript" style="padding-bottom:50px; padding-top:50px; padding-right:0px; padding-left:0px;  background-color: transparent;">
+
−
 
+
−
 
+
−
<h4 style="text-align:center; color: white;">Background</h4>
+
−
<p style="text-align:center; color: white;">
+
−
Canada’s forests represent not only an established source of economic revenue, but also a potential source for biofuel substrate. Ligno-cellulosic by-products from pulp and paper processing are removed using chemicals, heat, and water. Microbial cellulose-degrading enzymes are high-value targets for industrial applications. Focused on innovative applications of synthetic biology, the undergraduate Dalhousie iGEM team has undertaken a multi-year project to harness the degradative capacity of microorganisms to convert cellulose into ethanol for biofuel applications. Advances in DNA sequencing technology and bioinformatics have revolutionized our ability to identify useful genes in complex biological samples. We hypothesize that the porcupine microbiome, which includes microorganisms capable of digesting bark and tree resin, will be a rich source of these useful genes. If our hypothesis is correct, mining the porcupine microbiome has the advantage of finding a suite of enzymes that have evolved to work in concert to efficiently degrade cellulose. </p>
+
−
   
+
−
+
−
 
+
−
<!-------------------------------------------infographic----------------------------->
+
−
<p style="text-align:center; color:white;">
+
−
<img src= "https://static.igem.org/mediawiki/2017/d/d0/Info2.jpg" align="center"></p>
+
−
</div></div>
+
  
 +
      <li class="active" ><a href="https://2017.igem.org/Team:Dalhousie/test3" style=" color: white;">Home</a></li>
  
−
 
+
<li class="dropdown" >
−
 
+
         <a class="dropdown-toggle" data-toggle="dropdown" href="#" style=" color: white;">Project
−
 
+
         </a>
−
    <!------------------------------------------------------------------------------- Navbar -------------------------------------------------------------------------->
+
         <ul class="dropdown-menu" style=" background-color: rgba(193,211,93,0.8);">
−
<nav class="navbar navbar-inverse navbar-fixed-bottom">
+
           <li><a href="https://2017.igem.org/Team:Dalhousie/Description" >Description</a></li>
−
  <div class="container-fluid">
+
−
   
+
−
    <ul class="nav navbar-nav navbar-center">
+
−
      <li class="active"><a href="https://2017.igem.org/Team:Dalhousie/test3">Home</a></li>
+
−
     
+
−
 
+
−
<li class="dropdown">
+
−
         <a class="dropdown-toggle" data-toggle="dropdown" href="#">The Project
+
−
         <span class="caret"></span></a>
+
−
         <ul class="dropdown-menu">
+
−
           <li><a href="https://2017.igem.org/Team:Dalhousie/Description">Description</a></li>
+
 
           <li><a href="https://2017.igem.org/Team:Dalhousie/Design">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">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">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="#">Our Team
+
         <a class="dropdown-toggle" data-toggle="dropdown" href="#" style=" color: white;">Results
−
        <span class="caret"></span></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="#">Parts
+
         <a class="dropdown-toggle" data-toggle="dropdown" href="#" style=" color: white;">Team
−
        <span class="caret"></span></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">Safety</a></li>
+
  
 
<li class="dropdown">
 
<li class="dropdown">
−
         <a class="dropdown-toggle" data-toggle="dropdown" href="#">Human Practices
+
         <a class="dropdown-toggle" data-toggle="dropdown" href="#" style=" color: white;">Human Practices
−
         <span class="caret"></span></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="#">Awards
+
         <a class="dropdown-toggle" data-toggle="dropdown" href="#" style=" color: white;">Lab
−
        <span class="caret"></span></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 181: Line 128:
 
<ul class="nav navbar-nav navbar-right">
 
<ul class="nav navbar-nav navbar-right">
 
     <div class="navbar-header">
 
     <div class="navbar-header">
−
       <a class="navbar-brand" >Contact us today </a>
+
       <a class="navbar-brand" style=" color: white;">Contact us today </a>
 
     </div>
 
     </div>
 
<li>
 
<li>
−
                         <a href="mailto:igemdalhousie@gmail.com" ><i class="fa fa-envelope-o fa-fw"></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"></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"></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>
 +
 
     </ul>
 
     </ul>
 
   </div>
 
   </div>
 
</nav>
 
</nav>
−
      
+
</div>
−
             
+
            </div>
 +
        </div>
 +
 
 +
 
 +
 
 +
        <div class="panel" id="panel1" >
 +
 
 +
            <div class="inner" >
 +
<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">
 +
        <source src="https://static.igem.org/mediawiki/2017/6/68/Thisfinal.mp4" type="video/mp4" />
 +
 
 +
 
 +
 
 +
<!--------------------------------fade title---------------------------->
 +
<style>
 +
 
 +
body {
 +
  margin: 0;
 +
  height: 10px;
 +
}
 +
 
 +
.top {
 +
 
 +
  margin-top: 350px;
 +
  position: absolute;
 +
width:65%;
 +
  left:250px;
 +
  background-color: transparent;
 +
  height: 150px;
 +
  text-align: center;
 +
  font-family: 'Trebuchet MS';
 +
  font-size: 80px;
 +
  font-weight: 400;
 +
  color: white;
 +
line-height: 60px;
 +
}
 +
 
 +
.title {
 +
  position: relative;
 +
  top: 10%;
 +
 
 +
  left: 0px;
 +
}
 +
 
 +
</style>
 +
 
 +
 
 +
<!---------------------------------------------------------------------------------this------------------------------------------------------------------------------------------->
 +
<script> $(window).scroll(function(){
 +
     $(".top").css("opacity", 1 - $(window).scrollTop() / 300);
 +
  });
 +
</script>
 +
 
 +
 
 +
            </div>
 +
        </div>
 +
 
 +
 
 +
 
 +
 
 +
        <div class="panel" id="panel2">
 +
<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>
 +
 
 +
 
 +
 
 +
<div class="container" style="height:450px; width:100%; position: relative;">
 +
 
 +
</div>
 +
 
 +
 
 +
        <div class="panel panel-red" id="panel3">
 +
<p style="text-align: center; ">
 +
<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/parts/d/d7/Porcupinelogo2017.png" height="30%" width="30%" style=" padding:50px;">
 +
</p>
 +
           
 +
        </div>
 +
 
 +
 
 +
<style>
 +
html {
 +
height: 100%;
 +
min-height: 100%;
 +
}
 +
 
 +
body {
 +
height: 100%;
 +
}
 +
 
 +
.panel {
 +
width: 100%;
 +
height: 100%;
 +
background: black;
 +
color: #fff;
 +
padding-left: 5%;
 +
padding-right: 5%;
 +
text-align: center;
 +
}
 +
 
 +
 
 +
 
 +
 
 +
 
 +
.panel.panel-red {
 +
background: black;
 +
 
 +
}
 +
#nav {
 +
position: fixed;
 +
top: 0;
 +
left: 0;
 +
width: 96%;
 +
padding: 2%;
 +
z-index: 100;
 +
color: white;
 +
height: 80px;
 +
}
 +
 
 +
.noBackground {
 +
background-color: rgba(0,0,0,0);
 +
visibility: visible;
 +
width:100%;
 +
padding-right:0px;
 +
    -webkit-transition: all 1.0s ease;
 +
    -moz-transition: all 1.0s ease;
 +
    -o-transition: all 1.0s ease;
 +
    transition: all 1.0s ease;
 +
}
 +
 
 +
.blackBackground {
 +
background-color: rgba(35,47,19,0.7);
 +
visibility: visible;
 +
width:100%;
 +
 
 +
}
 +
 
 +
#nav .inner {
 +
z-index:100;
 +
padding-bottom:40px;
 +
color: red;
 +
}
 +
 
 +
#nav ul {
 +
list-style: none;
 +
margin: 0;
 +
padding: 0;
 +
}
 +
 
 +
 
 +
 
 +
#inner{
 +
z-index:101;
 +
 
 +
}
 +
 
 +
#panel1{
 +
background: transparent;
 +
height: 950px;
 +
width:100%;
 +
z-index:100;
 +
}
 +
#panel2{
 +
width:100%;
 +
height: 600px;
 +
margin-bottom:0px;
 +
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{
 +
width:100%;
 +
height: 100%;
 +
margin-bottom:-100px;
 +
background: rgba(35,47,19,0.9);
 +
}
 +
 
 +
 
 +
 
 +
 
 +
</style>
 +
<script>
 +
$( function() {
 +
//caches a jQuery object containing the header element
 +
var header = $('.noBackground');
 +
$(window).scroll(function() {
 +
var scroll = $(window).scrollTop();
 +
 
 +
if (scroll >= 100) {
 +
header.addClass('blackBackground');
 +
} else {
 +
header.removeClass('blackBackground');
 +
                     
 +
}
 +
});
 +
});
 +
</script>
  
 
</body>
 
</body>
 +
<html>

Latest revision as of 03:27, 27 October 2017

Dalhousie iGEM 2017

Mining the Microbiome