Difference between revisions of "Team:Waterloo/Model"

Line 1: Line 1:
−
{{Waterloo}}
 
 
<html>
 
<html>
 +
<!-- ####################################################### -->
 +
<!-- #  This html was produced by the igemwiki generator  # -->
 +
<!-- #  https://github.com/igemuoftATG/generator-igemwiki  # -->
 +
<!-- ####################################################### -->
  
 +
<!-- repo for this wiki: https://github.com/igem-waterloo/wiki2018 -->
  
−
<div class="clear"></div>
+
</html>
 +
{{Waterloo/head}}
 +
<html>
 +
<script
 +
  src="https://code.jquery.com/jquery-3.2.1.min.js"
 +
  integrity="sha256-hwg4gsxgFZhOsEEamdOYGBf13FyQuiTwlAQgxVSNgt4=" crossorigin="anonymous"></script>
 +
<style>
 +
.titleBox {
 +
  width: 100%;
 +
}
 +
.go-top {
 +
position: fixed;
 +
bottom: 2em;
 +
right: 2em;
 +
text-decoration: none;
 +
color: white;
 +
background-color: rgba(0, 0, 0, 0.3);
 +
font-size: 12px;
 +
padding: 1em;
 +
display: none;
 +
}
 +
.content .row{
 +
  margin: 0 auto;
 +
}
  
 +
.model {
 +
  padding-bottom: 18px;
 +
}
 +
.model img {
 +
  max-width: 80% !important;
 +
  display: block;
 +
  margin-left: auto;
 +
  margin-right: auto;
 +
}
 +
.subProject .row {
 +
  width: 100%;
 +
}
 +
</style>
  
−
<div class="column full_size">
+
<nav class="navbar navbar-toggleable-md navbar-inverse bg-primary fixed-top"><a class="navbar-brand" href="https://2018.igem.org/Team:Waterloo">Waterloo</a><button class="navbar-toggler navbar-toggler-right" type="button" data-toggle="collapse" data-target="#navbarCollapse" aria-controls="navbarCollapse" aria-expanded="false" aria-label="Toggle navigation">
−
<h1> Modeling</h1>
+
<span class="navbar-toggler-icon"></span>
 +
</button><div class="collapse navbar-collapse" id="navbarCollapse"><ul class="navbar-nav mr-auto">
 +
<li class="nav-item"><a class="nav-link" href="https://2018.igem.org/Team:Waterloo"><span>Home</span></a></li>
 +
</li>
 +
<li class="dropdown nav-item"><a href="#" class="nav-link dropdown-toggle nav-link" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Team<span class="caret"></span></a>
 +
<ul class="dropdown-menu">
 +
<li class=""><a class="dropdown-item" href="https://2018.igem.org/Team:Waterloo/Team"><span>Team</span></a></li>
 +
</li>
 +
<li class=""><a class="dropdown-item" href="https://2018.igem.org/Team:Waterloo/Collaborations"><span>Collaborations</span></a></li>
 +
</li>
 +
</ul>
 +
<li class="dropdown nav-item"><a href="#" class="nav-link dropdown-toggle nav-link" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Project<span class="caret"></span></a>
 +
<ul class="dropdown-menu">
 +
<li class=""><a class="dropdown-item" href="https://2018.igem.org/Team:Waterloo/Contribution"><span>Contribution</span></a></li>
 +
</li>
 +
<li class=""><a class="dropdown-item" href="https://2018.igem.org/Team:Waterloo/Description"><span>Description</span></a></li>
 +
</li>
 +
<li class=""><a class="dropdown-item" href="https://2018.igem.org/Team:Waterloo/Design"><span>Design</span></a></li>
 +
</li>
 +
<li class=""><a class="dropdown-item" href="https://2018.igem.org/Team:Waterloo/Experiments"><span>Experiments</span></a></li>
 +
</li>
 +
<li class=""><a class="dropdown-item" href="https://2018.igem.org/Team:Waterloo/Proof"><span>Proof</span></a></li>
 +
</li>
 +
<li class=""><a class="dropdown-item" href="https://2018.igem.org/Team:Waterloo/Demonstrate"><span>Demonstrate</span></a></li>
 +
</li>
 +
<li class=""><a class="dropdown-item" href="https://2018.igem.org/Team:Waterloo/Results"><span>Results</span></a></li>
 +
</li>
 +
<li class=""><a class="dropdown-item" href="https://2018.igem.org/Team:Waterloo/Notebook"><span>Notebook</span></a></li>
 +
</li>
 +
</ul>
 +
<li class="nav-item"><a class="nav-link" href="https://2018.igem.org/Team:Waterloo/Parts"><span>Parts</span></a></li>
 +
</li>
 +
<li class="nav-item"><a class="nav-link" href="https://2018.igem.org/Team:Waterloo/Safety"><span>Safety</span></a></li>
 +
</li>
 +
<li class="nav-item"><a class="nav-link" href="https://2018.igem.org/Team:Waterloo/Attributions"><span>Attributions</span></a></li>
 +
</li>
 +
<li class="dropdown nav-item"><a href="#" class="nav-link dropdown-toggle nav-link" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Human Practices<span class="caret"></span></a>
 +
<ul class="dropdown-menu">
 +
<li class=""><a class="dropdown-item" href="https://2018.igem.org/Team:Waterloo/Human_Practices"><span>Human Practices</span></a></li>
 +
</li>
 +
<li class=""><a class="dropdown-item" href="https://2018.igem.org/Team:Waterloo/HP_Silver"><span>Silver</span></a></li>
 +
</li>
 +
<li class=""><a class="dropdown-item" href="https://2018.igem.org/Team:Waterloo/HP_Gold"><span>Gold</span></a></li>
 +
</li>
 +
<li class=""><a class="dropdown-item" href="https://2018.igem.org/Team:Waterloo/Integrated_Practices"><span>Integrated Practices</span></a></li>
 +
</li>
 +
<li class=""><a class="dropdown-item" href="https://2018.igem.org/Team:Waterloo/Engagement"><span>Engagement</span></a></li>
 +
</li>
 +
</ul>
 +
<li class="active dropdown nav-item"><a href="#" class="nav-link dropdown-toggle nav-link" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Awards<span class="caret"></span></a>
 +
<ul class="dropdown-menu">
 +
<li class=""><a class="dropdown-item" href="https://2018.igem.org/Team:Waterloo/Software"><span>Software</span></a></li>
 +
</li>
 +
<li class="active"><a class="dropdown-item" href="https://2018.igem.org/Team:Waterloo/Model"><span>Model</span></a></li>
 +
</li>
 +
</ul>
 +
</ul>
 +
</div></nav>
 +
<div class="content">
  
−
<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>
+
  <div class="titleBox row" style="background: url(undefined)">
 +
    <div class="layer shade">
 +
      <div class="squiggle squiggleForward col-xs-4"></div>
 +
      <div class="titleCaption col-xs-4">
 +
        <h1>
 +
Model
 +
        </h1>
 +
      </div>
 +
      <div class="squiggle squiggleBackward col-xs-4"></div>
 +
    </div>
 +
  </div>
  
 +
  <div class="model">
 +
    <div class="row"><div class="col"><div class="content-main"></div></div></div>
 +
    <div id="inserts">
 +
      <center>
 +
        <div class="ip-group-wrapper">
 +
          <div class="btn-group btn-group" role="group" aria-label="Model">
 +
            <button class="btn btn-secondary" v-on:click="ip.showing=item.title" v-for="item in ip.items">
 +
              ^^item.title$$
 +
            </button>
 +
          </div>
 +
        </div>
 +
      </center>
 +
     
 +
      <center>
 +
        <div class="ip-group-wrapper">
 +
          <div class="btn-group btn-group" role="group" aria-label="Model">
 +
            <button class="btn btn-secondary" v-on:click="ip.showing=item.title" v-for="item in ip.items">
 +
              ^^item.title$$
 +
            </button>
 +
          </div>
 +
        </div>
 +
      </center>
 +
    </div>
 +
  </div>
 
</div>
 
</div>
−
<div class="clear"></div>
+
<a href="#" class="go-top">Go Top</a>
−
 
+
<script src="https://unpkg.com/vue"></script>
−
<div class="column full_size">
+
<script>
−
<h3> Gold Medal Criterion #3</h3>
+
var modelPage = new Vue({
−
<p>
+
  el: ".model",
−
Convince the judges that your project's design and/or implementation is based on insight you have gained from modeling. This could be either a new model you develop or the implementation of a model from a previous team. You must thoroughly document your model's contribution to your project on your team's wiki, including assumptions, relevant data, model results, and a clear explanation of your model that anyone can understand.
+
  delimiters: ['^^', '$$'],
−
<br><br>
+
  data:{
−
The model should impact your project design in a meaningful way. Modeling may include, but is not limited to, deterministic, exploratory, molecular dynamic, and stochastic models. Teams may also explore the physical modeling of a single component within a system or utilize mathematical modeling for predicting function of a more complex device.
+
    show: 0,
−
</p>
+
    ip: {
−
 
+
    parent: "IP",
−
<p>
+
    showing:"Aggregation DEs",
−
Please see the <a href="https://2018.igem.org/Judging/Medals"> 2018
+
    items: [
−
Medals Page</a> for more information.
+
      { title: "Aggregation DEs" },
−
</p>
+
      { title: "Combinatorial Model" },
−
</div>
+
      { title: "Markov Model" },
−
 
+
      { title: "FRET Conversion" },
−
<div class="column two_thirds_size">
+
    ]
−
<h3>Best Model Special Prize</h3>
+
    }}}
−
 
+
)
−
<p>
+
</script>
−
To compete for the <a href="https://2018.igem.org/Judging/Awards">Best Model prize</a>, please describe your work on this page  and also fill out the description on the <a href="https://2018.igem.org/Judging/Judging_Form">judging form</a>. Please note you can compete for both the gold medal criterion #3 and the best model prize with this page.
+
<script>
−
<br><br>
+
$(document).ready(function() {
−
You must also delete the message box on the top of this page to be eligible for the Best Model Prize.
+
// Show or hide the sticky footer button
−
</p>
+
$(window).scroll(function() {
−
 
+
if ($(this).scrollTop() > 200) {
−
</div>
+
$('.go-top').fadeIn(200);
−
 
+
} else {
−
 
+
$('.go-top').fadeOut(200);
−
<div class="column third_size">
+
}
−
<div class="highlight decoration_A_full">
+
});
−
<h3> Inspiration </h3>
+
−
<p>
+
// Animate the scroll to top
−
Here are a few examples from previous teams:
+
$('.go-top').click(function(event) {
−
</p>
+
event.preventDefault();
−
<ul>
+
−
<li><a href="https://2016.igem.org/Team:Manchester/Model">2016 Manchester</a></li>
+
$('html, body').animate({scrollTop: 0}, 300);
−
<li><a href="https://2016.igem.org/Team:TU_Delft/Model">2016 TU Delft</li>
+
})
−
<li><a href="https://2014.igem.org/Team:ETH_Zurich/modeling/overview">2014 ETH Zurich</a></li>
+
});
−
<li><a href="https://2014.igem.org/Team:Waterloo/Math_Book">2014 Waterloo</a></li>
+
  </script>
−
</ul>
+
−
</div>
+
−
</div>
+
  
 
</html>
 
</html>
 +
{{Waterloo/footer}}

Revision as of 01:37, 13 October 2018

Model

Go Top

Waterloo iGEM 2018

© 2018 Waterloo iGEM