Difference between revisions of "Team:Lambert GA/Model"

(Prototype team page)
Line 1: Line 1:
−
{{Lambert_GA}}
 
 
<html>
 
<html>
 +
<head>
 +
<style>
 +
 +
#sideMenu { display:none; }
  
 +
a:hover {
 +
text-decoration: none;
 +
}
  
−
<div class="column full_size judges-will-not-evaluate">
+
#mainContainer{
−
<h3>★  ALERT! </h3>
+
    background-color: white;
−
<p>This page is used by the judges to evaluate your team for the <a href="https://2017.igem.org/Judging/Medals">medal criterion</a> or <a href="https://2017.igem.org/Judging/Awards"> award listed above</a>. </p>
+
    width: 100%;
−
<p> Delete this box in order to be evaluated for this medal criterion and/or award. See more information at <a href="https://2017.igem.org/Judging/Pages_for_Awards"> Instructions for Pages for awards</a>.</p>
+
}
−
</div>
+
#main{
−
<div class="clear"></div>
+
    width: 100%;
 +
margin: auto;
 +
    padding: 0px;
 +
    background-color: white;
 +
}
  
−
<div class="column full_size">
+
body { background-color: white; margin: auto; padding: 0px; width: 100%;}
−
<h1> Modeling</h1>
+
  
−
<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>
+
a.drplink {
 +
color:white;
 +
}
 +
a.drplink:hover {
 +
color:dimgray;
 +
}
  
−
</div>
 
−
<div class="clear"></div>
 
  
−
<div class="column half_size">
+
div {
−
<h3> Gold Medal Criterion #3</h3>
+
color: gray;
−
<p>
+
}
−
To complete for the gold medal criterion #3, please describe your work on this page and fill out the description on your <a href="https://2017.igem.org/Judging/Judging_Form">judging form</a>. 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.
+
−
</p>
+
  
−
<p>
+
#content {
−
Please see the <a href="https://2017.igem.org/Judging/Medals"> 2017 Medals Page</a> for more information.  
+
margin: 0px auto;
−
</p>
+
background-color: white;
 +
width: 100%;
 +
padding: 0px;
 +
}
 +
 
 +
 
 +
.logo_2017 {display:none;}
 +
 
 +
 
 +
.column full_size {width: 100%;
 +
height: 700px;
 +
position: center; }
 +
 
 +
 
 +
p {
 +
margin: auto;
 +
width: 75%;
 +
color: gray;
 +
}
 +
 
 +
#firstHeading {
 +
font-size: 16px;
 +
color: #9D0EC8;}
 +
 
 +
a {
 +
opacity: 1.0;
 +
}
 +
 
 +
a:visited {
 +
color: #D49AE6;
 +
}
 +
 
 +
a.HeaderLinks {
 +
height: 50px;
 +
position: center;
 +
border: none;
 +
color: #D49AE6;
 +
text-align: center;
 +
text-decoration: none;
 +
font-size: 16px;
 +
}
 +
 
 +
 
 +
#top_title {
 +
background-color: white;
 +
}
 +
 
 +
 
 +
#MainTitle {
 +
padding-top: 50px;
 +
padding-bottom: 7px;
 +
font-size: 45px;
 +
color: dimgray; }
 +
 
 +
 
 +
.firstHeading{
 +
    display: none;
 +
}
 +
 
 +
 
 +
body{
 +
font-size:15px;
 +
}
 +
 
 +
 
 +
header h1{
 +
text-align:center;
 +
color: dimgray;
 +
}
 +
 
 +
h2{
 +
color: #D49AE6;
 +
}
 +
 
 +
 
 +
#headerLinks {
 +
position: fixed;
 +
text-decoration: none;
 +
color: #b8975e;
 +
width: 100%;
 +
height: 50px;
 +
line-height: 50px;
 +
background-color: white;
 +
margin: auto;
 +
text-align:center;
 +
opacity: 0.7;
 +
}
 +
 
 +
 
 +
.header{
 +
width: 100%;
 +
padding: 0;
 +
margin: 0 auto;
 +
top: 0px;
 +
background-color: rgba(255,255,255,0.0);
 +
}
 +
 
 +
 
 +
#text{
 +
width: 900px;
 +
    padding: 0px;
 +
display: block;
 +
margin: 0px auto;
 +
}
 +
 
 +
#space{
 +
height:50px;
 +
}
 +
 
 +
 
 +
#sponsors-bottom{
 +
width: 100%;
 +
margin: 0px auto;
 +
text-align: center;
 +
display: block;
 +
}
 +
 
 +
 
 +
#sponsors-bottom a{
 +
margin: auto;
 +
width: 50%
 +
display: inline-block;
 +
}
 +
 
 +
 
 +
#space2{
 +
height:100px;
 +
}
 +
 
 +
 
 +
img.transparent {
 +
    opacity: 0.4;
 +
    filter: alpha(opacity=40); /* For IE8 and earlier */
 +
transition: opacity 0.5s ease-in-out;
 +
}
 +
 
 +
 
 +
img.transparent:hover {
 +
    opacity: 1.0;
 +
    filter: alpha(opacity=100); /* For IE8 and earlier */
 +
}
 +
 
 +
 
 +
.img-right{
 +
width: 50%;
 +
float: right;
 +
}
 +
 
 +
 
 +
.img-left{
 +
width: 50%;
 +
float: left;
 +
}
 +
 
 +
 
 +
.display-block{
 +
width: 100%;
 +
margin: 0 auto;
 +
}
 +
 
 +
 
 +
.display-block img{
 +
display: block;
 +
}
 +
 
 +
#globalWrapper{
 +
background-color: white;
 +
padding: 0px;
 +
 
 +
 
 +
}
 +
 
 +
 
 +
/* Dropdown Button */
 +
.dropbtn {
 +
  margin: auto;
 +
  position: left; 
 +
  height: 100%;
 +
  width: 100%;
 +
  background-color: white;
 +
  color: #D49AE6;
 +
  padding: 14px;
 +
  font-size: 20px;
 +
  text-align: left;
 +
  border: none;
 +
  cursor: pointer;
 +
  transition: background-color 0.5s ease-in-out, color 0.5s ease-in-out;
 +
}
 +
 
 +
/* The container <div> - needed to position the dropdown content */
 +
.dropdown {
 +
    position: relative;
 +
    display: inline-block;
 +
}
 +
 
 +
/* Dropdown Content (Hidden by Default) */
 +
.dropdown-content {
 +
    display: none;
 +
    opacity: 0.0;
 +
    position: absolute;
 +
    background-color: #D49AE6;
 +
    min-width: 200px;
 +
    text-align: left;
 +
    box-shadow: 0px 8px 12px 0px rgba(0,0,0,0.2);
 +
    transition: opacity 0.5s ease-in-out;
 +
}
 +
 
 +
/* Links inside the dropdown */
 +
.dropdown-content a {
 +
    color: white;
 +
    opacity: 0.0;
 +
    padding: 0px 10px;
 +
    font-size: 20px;
 +
    text-decoration: none;
 +
    display: block;
 +
    transition: opacity 0.5s ease-in-out;
 +
}
 +
 
 +
/* Change color of dropdown links on hover */
 +
.dropdown-content a:hover {background-color: #D49AE6}
 +
 
 +
/* Show the dropdown menu on hover */
 +
.dropdown:hover .dropdown-content {
 +
    display: block;
 +
    opacity: 1.0;
 +
}
 +
 
 +
.dropdown:hover .dropdown-content a {
 +
  opacity: 1.0;
 +
}
 +
 
 +
/* Change the background color of the dropdown button when the dropdown content is shown*/
 +
.dropbtn:hover {
 +
    background-color: #D49AE6;
 +
    color: white;
 +
}
 +
 
 +
#mainbanner{
 +
text-align: center;
 +
}
 +
 
 +
#mainbanner{
 +
    display: block;
 +
    margin: auto;;
 +
}
 +
#logo{
 +
height: 50px;
 +
opacity:0.4;
 +
}
 +
</style>
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
</head>
 +
 
 +
<body>
 +
 
 +
 
 +
 
 +
<header>
 +
<div id="headerLinks">
 +
<a href="https://2017.igem.org/Team:Lambert_GA" class="dropbtn">Home</a><!--
 +
--><li class="dropdown" >
 +
      <a href="https://2017.igem.org/Team:Lambert_GA/Team" class="dropbtn">Team</a>
 +
      <div class="dropdown-content">
 +
      <a class="drplink" style="transition: color 0.5s ease-in-out;" href="https://2017.igem.org/Team:Lambert_GA/Team">Team</a>
 +
      <a class="drplink" style="transition: color 0.5s ease-in-out;" href="https://2017.igem.org/Team:Lambert_GA/Collaborations">Collaborations</a>
 +
    </div>
 +
  </li><!--
 +
--><li class="dropdown">
 +
  <a href="https://2017.igem.org/Team:Lambert_GA/Description" class="dropbtn">Project</a>
 +
    <div class="dropdown-content" style="transition: display 0.5s ease-in-out;">
 +
      <a class="drplink" style="transition: color 0.5s ease-in-out;" href="https://2017.igem.org/Team:Lambert_GA/Description">Description</a>
 +
      <a class="drplink" style="transition: color 0.5s ease-in-out;" href="https://2017.igem.org/Team:Lambert_GA/Design">Design</a>
 +
      <a class="drplink" style="transition: color 0.5s ease-in-out;" href="https://2017.igem.org/Team:Lambert_GA/Experiments">Experiments</a>
 +
<a class="drplink" style="transition: color 0.5s ease-in-out;" href="https://2017.igem.org/Team:Lambert_GA/Notebook">Notebook</a>
 +
      <a class="drplink" style="transition: color 0.5s ease-in-out;" href="https://2017.igem.org/Team:Lambert_GA/InterLab">InterLab</a>
 +
<a class="drplink" style="transition: color 0.5s ease-in-out;" href="https://2017.igem.org/Team:Lambert_GA/Contribution">Contribution</a>
 +
<a class="drplink" style="transition: color 0.5s ease-in-out;" href="https://2017.igem.org/Team:Lambert_GA/Model">Model</a>
 +
<a class="drplink" style="transition: color 0.5s ease-in-out;" href="https://2017.igem.org/Team:Lambert_GA/Results">Results</a><a class="drplink" style="transition: color 0.5s ease-in-out;" href="https://2017.igem.org/Team:Lambert_GA/Demonstrate">Demonstrate</a>
 +
<a class="drplink" style="transition: color 0.5s ease-in-out;" href="https://2017.igem.org/Team:Lambert_GA/Improve">Improve</a>
 +
<a class="drplink" style="transition: color 0.5s ease-in-out;" href="https://2017.igem.org/Team:Lambert_GA/Attributions">Attributions</a>
 +
     
 +
     
 +
    </div>
 +
  </li><!--
 +
--><li class="dropdown" >
 +
      <a href="https://2017.igem.org/Team:Lambert_GA/Parts" class="dropbtn">Parts</a>
 +
      <div class="dropdown-content">
 +
      <a class="drplink" style="transition: color 0.5s ease-in-out;"
 +
href="https://2017.igem.org/Team:Lambert_GA/Parts">Parts</a>
 +
      <a class="drplink" style="transition: color 0.5s ease-in-out;"
 +
href="https://2017.igem.org/Team:Lambert_GA/Basic_Part">Basic Parts</a>
 +
      <a class="drplink" style="transition: color 0.5s ease-in-out;" href="https://2017.igem.org/Team:Lambert_GA/Composite Part">Composite Parts</a>
 +
    <a class="drplink" style="transition: color 0.5s ease-in-out;" href="https://2017.igem.org/Team:Lambert_GA/Part Collection">Part_Collection</a></div>
 +
  </li><!--
 +
--><!--
 +
--><a  href="https://2017.igem.org/Team:Lambert_GA/Safety"class="dropbtn">Safety</a><!--
 +
--><li class="dropdown" >
 +
      <a href="https://2017.igem.org/Team:Lambert_GA/Human_Practices" class="dropbtn">Human Practices</a>
 +
      <div class="dropdown-content">
 +
      <a class="drplink" style="transition: color 0.5s ease-in-out;" href="https://2017.igem.org/Team:Lambert_GA/Human_Practices">Human Practices</a>
 +
      <a class="drplink" style="transition: color 0.5s ease-in-out;" href="https://2017.igem.org/Team:Lambert_GA/HP/Silver">Silver HP</a>
 +
      <a class="drplink" style="transition: color 0.5s ease-in-out;" href="https://2017.igem.org/Team:Lambert_GA/HP/Gold_Integrated">Integrated and Gold</a>
 +
      <a class="drplink" style="transition: color 0.5s ease-in-out;" href="https://2017.igem.org/Team:Lambert_GA/Integrated_Practices">Integrated Practices</a>
 +
      <a class="drplink" style="transition: color 0.5s ease-in-out;" href="https://2017.igem.org/Team:Lambert_GA/Engagement">Public Engagement</a>
 +
    </div>
 +
  </li><!--
 +
--><li class="dropdown" >
 +
      <a href="https://2017.igem.org/Team:Lambert_GA/Hardware" class="dropbtn">Awards</a>
 +
      <div class="dropdown-content">
 +
      <a class="drplink" style="transition: color 0.5s ease-in-out;" href="https://2017.igem.org/Team:Lambert_GA/Applied_Design">Applied Design</a>
 +
<a class="drplink" style="transition: color 0.5s ease-in-out;" href="https://2017.igem.org/Team:Lambert_GA/Entrepreneurship">Entrepreneurship</a>
 +
<a class="drplink" style="transition: color 0.5s ease-in-out;" href="https://2017.igem.org/Team:Lambert_GA/Hardware">Hardware</a>
 +
      <a class="drplink" style="transition: color 0.5s ease-in-out;" href="https://2017.igem.org/Team:Lambert_GA/Measurement">Measurement</a>
 +
      <a class="drplink" style="transition: color 0.5s ease-in-out;" href="https://2017.igem.org/Team:Lambert_GA/Model">Model</a>
 +
<a class="drplink" style="transition: color 0.5s ease-in-out;" href="https://2017.igem.org/Team:Lambert_GA/Plant">Plant</a>
 +
<a class="drplink" style="transition: color 0.5s ease-in-out;" href="https://2017.igem.org/Team:Lambert_GA/Software">Software</a>
 +
    </div>
 +
  </li>
 +
<a  href="https://igem.org/2017_Judging_Form?team=Lambert_GA"class="dropbtn">JUDGING FORM</a>
 
</div>
 
</div>
  
−
<div class="column half_size">
+
</header>
−
<h3>Best Model Special Prize</h3>
+
  
−
<p>
+
 
−
To compete for the <a href="https://2017.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://2017.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.  
+
 
 +
<div class="column full_size" style="width:75%; margin:auto;" >
 +
 
 +
 
 +
<script type="text/javascript"></script>
 +
 
 +
 
 +
<br>
 +
 
 +
<center> <h1 id="MainTitle"><b> Model </b></h1> <img src="https://static.igem.org/mediawiki/2017/2/26/T--LambertGA--purpleline.jpg" style="width:18%; margin:auto;"> </center> <br>
 +
 
 +
<!--Description of Lightboard-->
 +
<div >
 +
<p style="font-size: 20px; ">To further describe our characterization of the DAS and LAA degradation tags, our team designed a visual representation of the relative degradation strengths.</p>
 +
 
 +
<br>
 +
 
 +
<p style="font-size: 20px; text-align: center;" class="Lightboard">
 +
<img src="https://static.igem.org/mediawiki/2017/1/1e/T--LambertGA--BactoGlo_v3.JPEG" style="width:600px;">
 
<br><br>
 
<br><br>
−
You must also delete the message box on the top of this page to be eligible for the Best Model Prize.
+
<p style="font-size: 20px; "> From right to left,  the average color intensity of tsPurple with no degradation tag, with the DAS degradation tag, and the LAA degradation tag are shown.
−
</p>
+
<br>
 +
This light board, dubbed the BactoGlo, serves a few purposes. One was to visually represent our findings so that other research laboratories can be shown a scale to assist in making decisions regarding using a degradation tag on their protein because the relative luminosity differences will help simulate expected results in a laboratory setting.The second reason is for public outreach and presentations of our findings because our conclusions have a greater impact when the data is displayed in this format. </p>
 +
<br><br>
 +
<center><img src="https://static.igem.org/mediawiki/2017/f/fd/T--LambertGA--resa2.jpg" style="width:600px;">
 +
<br><br>
 +
<img src="https://static.igem.org/mediawiki/2017/9/99/T--LambertGA--Model2.JPEG" style="width:600px;"> </center>
 +
<br><br>
 +
<p style="font-size: 20px; ">The above photos are of another model shown at the 2017 RESA Conference and the Atlanta Science Festival. Primarily serving a purpose of grabbing public attention, it is programmed via a small computer chip to change the luminosity of the lights from a high state to a low state depending on a change in the circuitry.  
 +
<br>
 +
This represents precision metabolic engineering in cells with the luminosity being the ‘output’ of the cells. This model’s purpose was to represent how precision metabolic engineering allows cells to rapidly switch between different metabolic states (ie. differences in luminosity). </p>
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
  
 
</div>
 
</div>
−
<div class="clear"></div>
 
  
−
<div class="column full_size">
 
−
<h5> Inspiration </h5>
 
−
<p>
 
−
Here are a few examples from previous teams:
 
−
</p>
 
−
<ul>
 
−
<li><a href="https://2016.igem.org/Team:Manchester/Model">Manchester 2016</a></li>
 
−
<li><a href="https://2016.igem.org/Team:TU_Delft/Model">TU Delft 2016  </li>
 
−
<li><a href="https://2014.igem.org/Team:ETH_Zurich/modeling/overview">ETH Zurich 2014</a></li>
 
−
<li><a href="https://2014.igem.org/Team:Waterloo/Math_Book">Waterloo 2014</a></li>
 
−
</ul>
 
  
  
 +
 +
 +
 +
<div class="button_click"  onClick=" parent.location= 'https://2017.igem.org/Special:Upload '">
 +
 +
<!--<h2>2015 Lambert iGEM</h2>-->
 +
                <div id="officialLogo">
 +
 +
                </div>
 +
            </footer>
 +
<div id="space2">
 
</div>
 
</div>
 +
<div id="sponsors-bottom">
 +
 +
<a href="http://www.forsyth.k12.ga.us/lhs"><img src="https://static.igem.org/mediawiki/2017/9/9e/T--LambertGA--longhorn_iGEM_logo.png" class="transparent" style="height:100px;padding:20px;"></a>
 +
 +
</div>
 +
  
 
</html>
 
</html>

Revision as of 03:20, 25 June 2017


Model


To further describe our characterization of the DAS and LAA degradation tags, our team designed a visual representation of the relative degradation strengths.




From right to left, the average color intensity of tsPurple with no degradation tag, with the DAS degradation tag, and the LAA degradation tag are shown.
This light board, dubbed the BactoGlo, serves a few purposes. One was to visually represent our findings so that other research laboratories can be shown a scale to assist in making decisions regarding using a degradation tag on their protein because the relative luminosity differences will help simulate expected results in a laboratory setting.The second reason is for public outreach and presentations of our findings because our conclusions have a greater impact when the data is displayed in this format.







The above photos are of another model shown at the 2017 RESA Conference and the Atlanta Science Festival. Primarily serving a purpose of grabbing public attention, it is programmed via a small computer chip to change the luminosity of the lights from a high state to a low state depending on a change in the circuitry.
This represents precision metabolic engineering in cells with the luminosity being the ‘output’ of the cells. This model’s purpose was to represent how precision metabolic engineering allows cells to rapidly switch between different metabolic states (ie. differences in luminosity).