(42 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: | + | #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: | + | #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: | ||
} | } | ||
− | + | .navbar-default .navbar-nav>.active>a, .nav > li > a:hover, .nav > li > a:focus { | |
− | + | background-color: #C1D35D; | |
− | + | text-decoration: none; | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
} | } | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
</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;"> | + | <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" | + | <li><a href="https://2017.igem.org/Team:Dalhousie/Description" >Description</a></li> |
− | <li><a href="https://2017.igem.org/Team:Dalhousie/Design | + | <li><a href="https://2017.igem.org/Team:Dalhousie/Design">Design</a></li> |
− | + | <li><a href="https://2017.igem.org/Team:Dalhousie/Requirements">Requirements</a></li> | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
</ul> | </ul> | ||
</li> | </li> | ||
− | |||
<li class="dropdown"> | <li class="dropdown"> | ||
− | <a class="dropdown-toggle" data-toggle="dropdown" href="#" style=" color: white;"> | + | <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/ | + | <li><a href="https://2017.igem.org/Team:Dalhousie/InterLab">Interlab</a></li> |
− | + | <li><a href="https://2017.igem.org/Team:Dalhousie/Results">Results</a></li> | |
</ul> | </ul> | ||
− | + | </li> | |
+ | |||
<li class="dropdown"> | <li class="dropdown"> | ||
− | <a class="dropdown-toggle" data-toggle="dropdown" href="#" style=" color: white;"> | + | <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/ | + | <li><a href="https://2017.igem.org/Team:Dalhousie/Team">Team</a></li> |
− | <li><a href="https://2017.igem.org/Team:Dalhousie/ | + | <li><a href="https://2017.igem.org/Team:Dalhousie/Collaborations">Collaborations</a></li> |
− | <li><a href="https://2017.igem.org/Team:Dalhousie/ | + | <li><a href="https://2017.igem.org/Team:Dalhousie/Attributions">Attributions</a></li> |
− | <li><a href="https://2017.igem.org/Team:Dalhousie/ | + | <li><a href="https://2017.igem.org/Team:Dalhousie/Sponsors">Sponsors</a></li> |
</ul> | </ul> | ||
− | + | </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/HP/ | + | <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/ | + | <li><a href="https://2017.igem.org/Team:Dalhousie/Engagement">Public Engagement</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;"> | + | <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/ | + | <li><a href="https://2017.igem.org/Team:Dalhousie/Parts">Parts</a></li> |
− | <li><a href="https://2017.igem.org/Team:Dalhousie/ | + | <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: | + | <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: | + | <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: | + | <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 class="panel" id="panel1" > | <div class="panel" id="panel1" > | ||
<div class="inner" > | <div class="inner" > | ||
− | <div class="top" ><div class="title" > | + | <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/ | + | <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: | + | margin-top: 350px; |
position: absolute; | position: absolute; | ||
− | width: | + | width:65%; |
− | left: | + | left:250px; |
− | background-color: | + | background-color: transparent; |
height: 150px; | height: 150px; | ||
text-align: center; | text-align: center; | ||
font-family: 'Trebuchet MS'; | font-family: 'Trebuchet MS'; | ||
− | font-size: | + | font-size: 80px; |
− | font-weight: | + | 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() / | + | $(".top").css("opacity", 1 - $(window).scrollTop() / 300); |
− | });</script> | + | }); |
+ | </script> | ||
</div> | </div> | ||
</div> | </div> | ||
− | + | ||
<div class="panel" id="panel2"> | <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> | ||
<div class="panel panel-red" id="panel3"> | <div class="panel panel-red" id="panel3"> | ||
− | |||
− | |||
− | |||
− | |||
<p style="text-align: center; "> | <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/2017/8/ | + | <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/ | + | |
</p> | </p> | ||
− | + | ||
</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); | |
visibility: visible; | visibility: visible; | ||
width:100%; | width:100%; | ||
Line 314: | Line 282: | ||
.blackBackground { | .blackBackground { | ||
− | background-color: rgba( | + | 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: | + | height: 950px; |
width:100%; | width:100%; | ||
z-index:100; | z-index:100; | ||
Line 347: | Line 315: | ||
#panel2{ | #panel2{ | ||
width:100%; | width:100%; | ||
− | height: | + | height: 600px; |
margin-bottom:0px; | margin-bottom:0px; | ||
− | background: | + | 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: | + | height: 100%; |
margin-bottom:-100px; | margin-bottom:-100px; | ||
− | background: | + | background: rgba(35,47,19,0.9); |
} | } | ||
Line 378: | Line 351: | ||
}); | }); | ||
</script> | </script> | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
</body> | </body> | ||
<html> | <html> |
Latest revision as of 03:27, 27 October 2017
Dalhousie iGEM 2017
Mining the Microbiome