|
|
| (One intermediate revision by the same user not shown) |
| Line 1: |
Line 1: |
| − | <html>
| |
| − | <head>
| |
| − | <style>
| |
| − | #bg-video {
| |
| − | position: fixed;
| |
| − | top: 0;
| |
| − | right: 0;
| |
| − | bottom: 0px;
| |
| − | left: 0;
| |
| − | overflow: hidden;
| |
| − | z-index: -100;
| |
| − | width:100%;
| |
| | | | |
| − | }
| |
| − | </style>
| |
| − |
| |
| − | <!--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" />
| |
| − |
| |
| − | <!--------------------oldnavbar--------------->
| |
| − | <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
| |
| − |
| |
| − |
| |
| − | <!-------------------------------------need this--------------------------->
| |
| − | <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: white;}
| |
| − | body {background-color:white; }
| |
| − | #bodyContent h1, #bodyContent h2, #bodyContent h3, #bodyContent h4, #bodyContent h5 { margin-bottom: 10px; background-color: transparent; z-index:100;}
| |
| − | .jumbotron {
| |
| − | height: 850px;
| |
| − | position: relative;
| |
| − |
| |
| − | }
| |
| − | </style>
| |
| − |
| |
| − |
| |
| − | </head>
| |
| − |
| |
| − | <body>
| |
| − |
| |
| − | <!-------------------navbar---------------------->
| |
| − | <div id="nav" class="noBackground" style="width:100%; z-index:100;" >
| |
| − | <div class="inner" >
| |
| − | <div id="navWrap">
| |
| − | <nav >
| |
| − | <div class="container-fluid">
| |
| − | <ul class="nav navbar-nav navbar-center">
| |
| − |
| |
| − | <li ><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;">The Project
| |
| − | </a>
| |
| − | <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/Design"style=" color: white;">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/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 class="active"><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>
| |
| − | </li>
| |
| − |
| |
| − |
| |
| − | <li class="dropdown">
| |
| − | <a class="dropdown-toggle" data-toggle="dropdown" href="#" style=" color: white;">Our Team
| |
| − | </a>
| |
| − | <ul class="dropdown-menu">
| |
| − | <li><a href="https://2017.igem.org/Team:Dalhousie/Team">Team</a></li>
| |
| − | <li><a href="https://2017.igem.org/Team:Dalhousie/Collaborations">Collaborations</a></li>
| |
| − | </ul>
| |
| − | </li>
| |
| − |
| |
| − | <li class="dropdown">
| |
| − | <a class="dropdown-toggle" data-toggle="dropdown" href="#" style=" color: white;">Parts
| |
| − | </a>
| |
| − | <ul class="dropdown-menu">
| |
| − | <li><a href="https://2017.igem.org/Team:Dalhousie/Parts">Parts</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/Composite_Parts">Composite Parts</a></li>
| |
| − | <li><a href="https://2017.igem.org/Team:Dalhousie/Part_Collection">Part Collections</a></li>
| |
| − | </ul>
| |
| − | </li>
| |
| − |
| |
| − | <li><a href="https://2017.igem.org/Team:Dalhousie/Safety" style=" color: white;">Safety</a></li>
| |
| − |
| |
| − | <li class="dropdown">
| |
| − | <a class="dropdown-toggle" data-toggle="dropdown" href="#" style=" color: white;">Human Practices
| |
| − | </a>
| |
| − | <ul class="dropdown-menu">
| |
| − | <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/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/HP/Part_Collection">Part Collections</a></li>
| |
| − | </ul>
| |
| − | </li>
| |
| − |
| |
| − | <li class="dropdown">
| |
| − | <a class="dropdown-toggle" data-toggle="dropdown" href="#" style=" color: white;">Awards
| |
| − | </a>
| |
| − | <ul class="dropdown-menu">
| |
| − | <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/HP/Entrepreneurship">Entrepreneurship</a></li>
| |
| − | </ul>
| |
| − | </li>
| |
| − |
| |
| − |
| |
| − | </ul>
| |
| − |
| |
| − |
| |
| − |
| |
| − | <!--------------------------contact us------------------------------------------>
| |
| − | <ul class="nav navbar-nav navbar-right">
| |
| − | <div class="navbar-header">
| |
| − | <a class="navbar-brand" style=" color: white;">Contact us today </a>
| |
| − | </div>
| |
| − | <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>
| |
| − | </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>
| |
| − | </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>
| |
| − | </li>
| |
| − |
| |
| − | </ul>
| |
| − | </div>
| |
| − | </nav>
| |
| − | </div>
| |
| − | </div>
| |
| − | </div>
| |
| − |
| |
| − |
| |
| − |
| |
| − |
| |
| − |
| |
| − |
| |
| − | <div class="panel" id="panel1" >
| |
| − |
| |
| − | <div class="inner" >
| |
| − | <div class="top" ><div class="title" >Demonstrate</div></div>
| |
| − |
| |
| − |
| |
| − | <img src= "https://static.igem.org/mediawiki/2016/9/9b/T--Dalhousie_Halifax_NS--experiments.jpeg" style="top:0px; left:0px; padding-bottom:0px; position:fixed; width:100%; height: 100%; z-index:-100; " align="center" height="70%" width="70%">
| |
| − |
| |
| − |
| |
| − | <!--------------------------------fade title---------------------------->
| |
| − | <style>body {
| |
| − | margin: 0;
| |
| − | height: 10px;
| |
| − | }
| |
| − |
| |
| − | .top {
| |
| − |
| |
| − | margin-top: 300px;
| |
| − | position: absolute;
| |
| − | width:55%;
| |
| − | left:300px;
| |
| − | background-color: rgba(27,22,16,0.4);
| |
| − | height: 150px;
| |
| − | text-align: center;
| |
| − | font-family: 'Trebuchet MS';
| |
| − | font-size: 50px;
| |
| − | font-weight: 100;
| |
| − | color: white;
| |
| − | line-height: 60px;
| |
| − | }
| |
| − |
| |
| − | .title {
| |
| − | position: relative;
| |
| − | top: 30%;
| |
| − |
| |
| − | left: 0px;
| |
| − | }
| |
| − |
| |
| − | </style>
| |
| − |
| |
| − | <!---------------------------------------------------------------------------------this------------------------------------------------------------------------------------------->
| |
| − | <script> $(window).scroll(function(){
| |
| − | $(".top").css("opacity", 1 - $(window).scrollTop() / 400);
| |
| − | });</script>
| |
| − |
| |
| − |
| |
| − | </div>
| |
| − | </div>
| |
| − |
| |
| − |
| |
| − |
| |
| − | <div class="panel" id="panel2">
| |
| − | <div class="inner">
| |
| − |
| |
| − | </br>Demonstrate</br>
| |
| − |
| |
| − | Gold Medal Criterion #4
| |
| − | Teams that can show their system working under real world conditions are usually good at impressing the judges in iGEM. To achieve gold medal criterion #4, convince the judges that your project works. There are many ways in which your project working could be demonstrated, so there is more than one way to meet this requirement. This gold medal criterion was introduced in 2016, so check our what 2016 teams did to achieve a their gold medals!
| |
| − | Please see the 2017 Medals Page for more information.
| |
| − | What should we do for our demonstration?
| |
| − | Standard teams
| |
| − | If you have built a proof of concept system, you can demonstrate it working under real world conditions. If you have built a biological device that is intended to be a sensor, can you show it detecting whatever it is intended to sense. If it is intended to work in the field, you can show how this might work using a simulated version in the lab, or a simulation of your device in the field. Please note biological materials must not be taken out of the lab.
| |
| − |
| |
| − |
| |
| − |
| |
| − | </div>
| |
| − | </div>
| |
| − |
| |
| − |
| |
| − | <div class="container" style="height:450px; width:100%; position: relative;"><!--------empty panel---------->
| |
| − | </div>
| |
| − |
| |
| − |
| |
| − | <div class="panel panel-red" id="panel3">
| |
| − | <div class="inner">
| |
| − | <p style="text-align:center; color:white; font-size: 30px; margin-top:100px;">
| |
| − | Learn more... hopefully have links to next pages here</p>
| |
| − | <!---------------------------pics---------------------------->
| |
| − | <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/82/S.png" height="20%" width="20%" style=" padding:50px;">
| |
| − | <img src= "https://static.igem.org/mediawiki/2017/5/57/B.png" height="20%" width="20%" style=" padding:50px;">
| |
| − | </p>
| |
| − | </div>
| |
| − | </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(0,0,0,0.7);
| |
| − | visibility: visible;
| |
| − | width:100%;
| |
| − |
| |
| − | }
| |
| − |
| |
| − | #nav .inner {
| |
| − | z-index:100;
| |
| − | padding-bottom:40px;
| |
| − |
| |
| − | }
| |
| − |
| |
| − | #nav ul {
| |
| − | list-style: none;
| |
| − | margin: 0;
| |
| − | padding: 0;
| |
| − | }
| |
| − |
| |
| − |
| |
| − |
| |
| − | #inner{
| |
| − | z-index:101;
| |
| − |
| |
| − | }
| |
| − |
| |
| − | #panel1{
| |
| − | background: transparent;
| |
| − | height: 850px;
| |
| − | width:100%;
| |
| − | z-index:100;
| |
| − | }
| |
| − | #panel2{
| |
| − | width:100%;
| |
| − | height: 700px;
| |
| − | margin-bottom:0px;
| |
| − | background: black;
| |
| − | text-align:center;
| |
| − |
| |
| − | }
| |
| − | #panel3{
| |
| − | width:100%;
| |
| − | height: 500px;
| |
| − | margin-bottom:-100px;
| |
| − | background: black;
| |
| − | }
| |
| − |
| |
| − |
| |
| − |
| |
| − |
| |
| − | </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>
| |
| − | <html>
| |
