|
|
| 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 class="active"><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>
| |
| − | </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" >Modelling</div></div>
| |
| − |
| |
| − |
| |
| − | <img src= "http://math.bd.psu.edu/~jpp4/finitemath/Images/3dgraph.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>Model</br>
| |
| − |
| |
| − |
| |
| − | Modeling
| |
| − | Mathematical models and computer simulations provide a great way to describe the function and operation of BioBrick Parts and Devices. Synthetic Biology is an engineering discipline, and part of engineering is simulation and modeling to determine the behavior of your design before you build it. Designing and simulating can be iterated many times in a computer before moving to the lab. This award is for teams who build a model of their system and use it to inform system design or simulate expected behavior in conjunction with experiments in the wetlab.
| |
| − |
| |
| − | Gold Medal Criterion #3
| |
| − | To complete for the gold medal criterion #3, please describe your work on this page and fill out the description on your judging form. To achieve this medal criterion, you must convince the judges that your team has gained insight into your project from modeling. You may not convince the judges if your model does not have an effect on your project design or implementation.
| |
| − | Please see the 2017 Medals Page for more information.
| |
| − |
| |
| − | Best Model Special Prize
| |
| − | To compete for the Best Model prize, please describe your work on this page and also fill out the description on the judging form. Please note you can compete for both the gold medal criterion #3 and the best model prize with this page.
| |
| − |
| |
| − |
| |
| − |
| |
| − |
| |
| − |
| |
| − |
| |
| − | </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>
| |
