Difference between revisions of "Team:Dundee/Model"

Line 1: Line 1:
{{Dundee}}
+
<html lang="en">
<html>
+
  <head>
 +
    <meta charset="utf-8">
 +
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
 +
    <meta name="viewport" content="width=device-width, initial-scale=1">
 +
    <!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->
 +
    <title>Dundee 2016</title>
  
  
 +
<!-- Latest compiled and minified CSS -->
 +
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
  
<h3>★  ALERT! </h3>
+
<!-- Optional theme -->
<p>This page is used by the judges to evaluate your team for the <a href="https://2016.igem.org/Judging/Awards#SpecialPrizes">Best Model award</a>. </p>
+
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap-theme.min.css" integrity="sha384-rHyoN1iRsVXV4nD0JutlnGaslCJuC7uwjduW9SVrLvRYooPp2bWYgmgJQIXwl/Sp" crossorigin="anonymous">
  
 +
<!-- Latest compiled and minified JavaScript -->
 +
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>
 +
 +
  </head>
 +
 
 +
  <style>
 +
 +
#sideMenu, #top_title {display:none;}
 +
#content { padding:0px; width:100%;    margin-left:0px;}
 +
body {background-color:white; width:100%;}
 +
#bodyContent h1, #bodyContent h2, #bodyContent h3, #bodyContent h4, #bodyContent h5 { margin-bottom: 0px; }
 +
#bodyContent {
 +
    padding-right: 0px;}
  
<p> Delete this box in order to be evaluated for this medal. See more information at <a href="https://2016.igem.org/Judging/Pages_for_Awards/Instructions"> Instructions for Pages for awards</a>.</p>
+
        #menuDisplay{
</div>
+
                display:none;
 +
        }
  
 +
        #home_logo{
 +
                display:none;
 +
        }
  
  
 +
     
 +
.navbar-brand{
 +
padding-top:25px;
 +
 +
}
 +
#navbar{
 +
padding-top:5px;
 +
                float:right;
 +
}
 +
 +
 +
#BackImg{
 +
margin:0 auto;
 +
padding:30px 0px 0px 0px;
 +
position:relative;
 +
                width:100%;
 +
}
 +
 +
#BackImg img{
 +
width:100%;
 +
}
 +
 +
#OverView{
 +
 +
 +
}
 +
 +
#VideoContainer{
 +
width:66%;
 +
float:right;
 +
height:500px;
 +
 +
}
 +
 +
#ProjectDesCon{
 +
width:33%;
 +
float:left;
 +
height:500px;
 +
}
 +
 +
#SponserFooter{
 +
margin:30px 0px 60px 0px;
 +
 +
}
 +
#SponserFooter img {
 +
width:100%;
 +
}
  
 +
.SponserLink{
 +
float:left;
 +
width:17%;
 +
margin-right:3%;
 +
border-bottom:1px solid white;
 +
 +
}
 +
#BBSRC{
 +
margin-left:1.5%;
 +
}
 +
#WellcomeT{
 +
margin-right:1.5%;
 +
}
 +
 +
#finalFooter{
 +
background-color:grey;
 +
width:100%;
 +
height:100%;
 +
margin-top:10px;
 +
 +
}
 +
#footWrapper{
 +
margin:0 auto;
 +
width:33%;
 +
                height:100%;
 +
}
 +
 +
 +
.footerImg img{
 +
width: 33%;
 +
float:left;
 +
}
 +
 +
#MiddleTxt{
 +
margin-top:10px;
 +
               
 +
}
 +
#bodyContent a[href ^="https://"], .link-https {
 +
padding-right:0px;
 +
}
 +
 
  
 +
</style>
 +
 
  
 +
  <body>
  
<div class="column full_size">
 
<h2> Modeling</h2>
 
<p>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.</p>
 
  
  
<h5> Inspiration </h5>
+
<!-- Fixed navbar -->
<p>
+
    <nav class="navbar navbar-default navbar-fixed-top">
Here are a few examples from previous teams:
+
      <div class="container">
</p>
+
        <div class="navbar-header">
<ul>
+
          <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
<li><a href="https://2014.igem.org/Team:ETH_Zurich/modeling/overview">ETH Zurich 2014</a></li>
+
            <span class="sr-only">Toggle navigation</span>
<li><a href="https://2014.igem.org/Team:Waterloo/Math_Book">Waterloo 2014</a></li>
+
            <span class="icon-bar"></span>
</ul>
+
            <span class="icon-bar"></span>
 +
            <span class="icon-bar"></span>
 +
          </button>
 +
          <a href="#" class="navbar-brand">University of Dundee</a>
 +
        </div>
 +
        <div id="navbar" class="navbar-collapse collapse">
 +
          <ul class="nav navbar-nav">
 +
            <li class="dropdown">
 +
  <a class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Project <span class="caret"></span></a>
 +
              <ul class="dropdown-menu">
 +
                <li><a href="https://2016.igem.org/Team:Dundee/Description">Description</a></li>
 +
                <li><a href="https://2016.igem.org/Team:Dundee/Design">Design</a></li>
 +
                <li><a href="https://2016.igem.org/Team:Dundee/Results">Results</a></li>
 +
              </ul>
 +
</li>
 +
            <li><a href="https://2016.igem.org/Team:Dundee/Model">Modelling</a></li>
 +
<li><a href="https://2016.igem.org/Team:Dundee/Proof">Proof of Concept</a></li>
 +
<li class="dropdown">
 +
              <a class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Human Practices <span class="caret"></span></a>
 +
              <ul class="dropdown-menu">
 +
    <li><a href="https://2016.igem.org/Team:Dundee/Human_Practices">Human Practices Overview</a></li>
 +
                <li><a href="https://2016.igem.org/Team:Dundee/Integrated_Practices">Integrated Human Practices</a></li>
 +
                <li><a href="https://2016.igem.org/Team:Dundee/HP/Silver">HP/silver</a></li>
 +
                <li><a href="https://2016.igem.org/Team:Dundee/HP/Gold">HP/gold</a></li>
 +
<li><a href="https://2016.igem.org/Team:Dundee/Engagement">Public Engagement</a></li>
 +
              </ul>
 +
            </li>
 +
<li class="dropdown">
 +
              <a class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Achievements <span class="caret"></span></a>
 +
              <ul class="dropdown-menu">
 +
<li><a href="https://2016.igem.org/Team:Dundee/Basic_Part">Basic Parts</a></li>
 +
                <li><a href="https://2016.igem.org/Team:Dundee/Composite_Part">Composite Parts</a></li>
 +
                <li><a href="https://2016.igem.org/Team:Dundee/Part_Collection">Parts Collection</a></li>
 +
                <li><a href="https://2016.igem.org/Team:Dundee/HP/Gold">Judging Criteria</a></li>
 +
              </ul>
 +
            </li>
 +
<li class="dropdown">
 +
              <a class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Notebook <span class="caret"></span></a>
 +
              <ul class="dropdown-menu">
 +
<li><a href="https://2016.igem.org/Team:Dundee/Notebook">Lab Book</a></li>
 +
                <li><a href="#">Protocols</a></li>
 +
                <li><a href="https://2016.igem.org/Team:Dundee/Safety">Saftey</a></li>
 +
              </ul>
 +
<li class="dropdown">
 +
              <a class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Team <span class="caret"></span></a>
 +
              <ul class="dropdown-menu">
 +
<li><a href="https://2016.igem.org/Team:Dundee/Team">Meet The Agents</a></li>
 +
                <li><a href="https://2016.igem.org/Team:BIT/Attributions">Attributions</a></li>
 +
                <li><a href="https://2016.igem.org/Team:Dundee/Collaborations">Collaboration</a></li>
 +
              </ul>
 +
            </li>
 +
          </ul>
 +
        </div><!--/.nav-collapse -->
 +
      </div>
 +
    </nav>
 +
 
 +
                  <div class="container">
 +
 
 +
<div id="BackImg">
 +
<img src="https://static.igem.org/mediawiki/2016/f/f5/T--Dundee--Home.png" />
 +
 
 +
</div>
 +
 +
<div id="OverView">
 +
 +
<div id="VideoContainer">
 +
 +
 +
</div>
 +
 +
<div id="ProjectDesCon">
 +
 +
 +
</div>
 +
 +
</div>
 +
 +
 +
<div id="SponserFooter">
 +
<div id = "BBSRC" class="SponserLink">
 +
<a href="http://www.bbsrc.ac.uk/">
 +
<img src="https://static.igem.org/mediawiki/2016/8/8b/T--Dundee--BBSRCFooter.png" />
 +
</a>
 +
</div>
 +
<div class="SponserLink">
 +
<a href="http://www.dundee.ac.uk/">
 +
<img src="https://static.igem.org/mediawiki/2016/a/a8/T--Dundee--UoDFooter.png" />
 +
</a>
 +
</div>
 +
<div class="SponserLink">
 +
<a href="https://www.idtdna.com/site">
 +
<img src="https://static.igem.org/mediawiki/2016/0/03/T--Dundee--IDTFooter.png" />
 +
</a>
 +
</div>
 +
<div class="SponserLink">
 +
<a href="https://www.sebiology.org/">
 +
<img src="https://static.igem.org/mediawiki/2016/f/f0/T--Dundee--SEBFooter.png" />
 +
</a>
 +
</div>
 +
<div id = "WellcomeT" class="SponserLink">
 +
<a href="https://wellcome.ac.uk/">
 +
<img src="https://static.igem.org/mediawiki/2016/2/22/T--Dundee--WELLTFooter.png" />
 +
</a>
 +
</div>
 +
</div>
 +
 +
 +
 +
    </div> <!-- /container -->
 +
 +
                <div id="finalFooter">
 +
                        <div class="container">
 +
 
 +
 +
<div id="footWrapper">
 +
<div class="footerImg">
 +
<a href="https://www.facebook.com/DundeeiGEM2016">
 +
<img src="https://static.igem.org/mediawiki/2016/2/24/T--Dundee--FBFooter.png" />
 +
</a>
 +
</div>
 +
<div id = "MiddleTxt" class="footerImg">
 +
<a>
 +
<img src="https://static.igem.org/mediawiki/2016/b/be/T--Dundee--MiddleFooter.png" />
 +
</a>
 +
</div>
 +
<div class="footerImg">
 +
<a  style="padding-right:0px;"href="https://twitter.com/DundeeiGEMTeam">
 +
<img  src="https://static.igem.org/mediawiki/2016/4/4f/T--Dundee--TWFooter.png" />
 +
                </a>
 +
</div>
 +
</div>
 +
</div>
 +
</div>
 +
 
 +
 +
    <!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
 +
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
 +
    <!-- Include all compiled plugins (below), or include individual files as needed -->
 +
    <script src="js/bootstrap.min.js"></script>
 +
 +
 +
</body>
  
  
</div>
 
  
 
</html>
 
</html>

Revision as of 19:33, 11 October 2016

Dundee 2016