(Prototype team page) |
|||
Line 1: | Line 1: | ||
− | |||
<html> | <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><a href="https://2017.igem.org/Team:Dalhousie/Demonstrate">Demonstrate</a></li> | ||
+ | <li class="active"><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> | ||
− | </html> | + | |
+ | |||
+ | |||
+ | <div class="panel" id="panel1" > | ||
+ | |||
+ | <div class="inner" > | ||
+ | <div class="top" ><div class="title" >Improve</div></div> | ||
+ | |||
+ | |||
+ | <img src= "https://www.poweredbysearch.com/wp-content/uploads/2014/06/steps.jpg" 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>Improve</br> | ||
+ | |||
+ | |||
+ | Improve | ||
+ | For teams seeking to improve upon a previous part or project, you should document all of your work on this page. Please remember to include all part measurement and characterization data on the part page on the Regisrty. Please include a link to your improved part on this page. | ||
+ | Gold Medal Criterion #2 | ||
+ | Standard Tracks: Improve the function of an existing BioBrick Part. The original part must NOT be from your 2017 part number range. If you change the original part sequence, you must submit a new part. In addition, both the new and original part pages must reference each other. This working part must be different from the part documented in bronze #4 and silver #1. | ||
+ | |||
+ | Special Tracks: Improve the function of an existing iGEM project (that your current team did not originally create) and display your achievement on your wiki. | ||
+ | |||
+ | |||
+ | |||
+ | </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> |
Revision as of 13:57, 4 October 2017
Improve
Improve
Improve
For teams seeking to improve upon a previous part or project, you should document all of your work on this page. Please remember to include all part measurement and characterization data on the part page on the Regisrty. Please include a link to your improved part on this page.
Gold Medal Criterion #2
Standard Tracks: Improve the function of an existing BioBrick Part. The original part must NOT be from your 2017 part number range. If you change the original part sequence, you must submit a new part. In addition, both the new and original part pages must reference each other. This working part must be different from the part documented in bronze #4 and silver #1.
Special Tracks: Improve the function of an existing iGEM project (that your current team did not originally create) and display your achievement on your wiki.
Learn more... hopefully have links to next pages here