Difference between revisions of "Team:LambertGA/Model"

(Prototype team page)
 
 
(30 intermediate revisions by 4 users not shown)
Line 1: Line 1:
−
{{LambertGA}}
 
 
<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://2016.igem.org/Judging/Awards#SpecialPrizes">Best Model award</a>. </p>
+
    width: 100%;
 +
}
 +
#main{
 +
    width: 100%;
 +
margin: auto;
 +
    padding: 0px;
 +
    background-color: white;
 +
}
  
 +
body { background-color: white; margin: auto; padding: 0px; width: 100%;}
 +
 +
a.drplink {
 +
color:white;
 +
}
 +
a.drplink:hover {
 +
color:dimgray;
 +
}
 +
 +
 +
div {
 +
color: gray;
 +
}
 +
 +
#content {
 +
margin: 0px auto;
 +
background-color: white;
 +
width: 100%;
 +
padding: 0px;
 +
}
 +
 +
 +
.logo_2016 {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://2016.igem.org/Team:LambertGA" class="dropbtn">Home</a><!--
 +
--><li class="dropdown" >
 +
      <a href="https://2016.igem.org/Team:LambertGA/Team" class="dropbtn">Team</a>
 +
      <div class="dropdown-content">
 +
      <a class="drplink" style="transition: color 0.5s ease-in-out;" href="https://2016.igem.org/Team:LambertGA/Team">Team</a>
 +
      <a class="drplink" style="transition: color 0.5s ease-in-out;" href="https://2016.igem.org/Team:LambertGA/Collaborations">Collaborations</a>
 +
    </div>
 +
  </li><!--
 +
--><li class="dropdown">
 +
  <a href="https://2016.igem.org/Team:LambertGA/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://2016.igem.org/Team:LambertGA/Description">Description</a>
 +
      <a class="drplink" style="transition: color 0.5s ease-in-out;" href="https://2016.igem.org/Team:LambertGA/Design">Design</a>
 +
      <a class="drplink" style="transition: color 0.5s ease-in-out;" href="https://2016.igem.org/Team:LambertGA/Experiments">Experiments</a>
 +
      <a class="drplink" style="transition: color 0.5s ease-in-out;" href="https://2016.igem.org/Team:LambertGA/Proof">Proof of Concept</a>
 +
      <a class="drplink" style="transition: color 0.5s ease-in-out;" href="https://2016.igem.org/Team:LambertGA/Results">Results</a>
 +
      <a class="drplink" style="transition: color 0.5s ease-in-out;" href="https://2016.igem.org/Team:LambertGA/Notebook">Notebook</a>
 +
    </div>
 +
  </li><!--
 +
--><li class="dropdown" >
 +
      <a href="https://2016.igem.org/Team:LambertGA/Parts" class="dropbtn">Parts</a>
 +
      <div class="dropdown-content">
 +
      <a class="drplink" style="transition: color 0.5s ease-in-out;" href="https://2016.igem.org/Team:LambertGA/Parts">Parts</a>
 +
      <a class="drplink" style="transition: color 0.5s ease-in-out;" href="https://2016.igem.org/Team:LambertGA/Basic_Part">Basic Parts</a>
 +
      <a class="drplink" style="transition: color 0.5s ease-in-out;" href="https://2016.igem.org/Team:LambertGA/Composite_Part">Composite Parts</a>
 +
    </div>
 +
  </li><!--
 +
--><a  href="https://2016.igem.org/Team:LambertGA/Attributions"class="dropbtn">Attributions</a><!--
 +
--><a  href="https://2016.igem.org/Team:LambertGA/Safety"class="dropbtn">Safety</a><!--
 +
--><li class="dropdown" >
 +
      <a href="https://2016.igem.org/Team:LambertGA/Human_Practices" class="dropbtn">Human Practices</a>
 +
      <div class="dropdown-content">
 +
      <a class="drplink" style="transition: color 0.5s ease-in-out;" href="https://2016.igem.org/Team:LambertGA/Human_Practices">Human Practices</a>
 +
      <a class="drplink" style="transition: color 0.5s ease-in-out;" href="https://2016.igem.org/Team:LambertGA/HP/Silver">Silver</a>
 +
      <a class="drplink" style="transition: color 0.5s ease-in-out;" href="https://2016.igem.org/Team:LambertGA/HP/Gold">Gold</a>
 +
      <a class="drplink" style="transition: color 0.5s ease-in-out;" href="https://2016.igem.org/Team:LambertGA/Integrated_Practices">Integrated Practices</a>
 +
      <a class="drplink" style="transition: color 0.5s ease-in-out;" href="https://2016.igem.org/Team:LambertGA/Engagement">Engagement</a>
 +
    </div>
 +
  </li><!--
 +
--><li class="dropdown" >
 +
      <a href="https://2016.igem.org/Team:LambertGA/Hardware" class="dropbtn">Awards</a>
 +
      <div class="dropdown-content">
 +
      <a class="drplink" style="transition: color 0.5s ease-in-out;" href="https://2016.igem.org/Team:LambertGA/Hardware">Hardware</a>
 +
      <a class="drplink" style="transition: color 0.5s ease-in-out;" href="https://2016.igem.org/Team:LambertGA/Measurement">Measurement</a>
 +
      <a class="drplink" style="transition: color 0.5s ease-in-out;" href="https://2016.igem.org/Team:LambertGA/Model">Model</a>
 +
    </div>
 +
  </li>
  
−
<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>
 
 
</div>
 
</div>
  
 +
</header>
  
  
 +
<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/2016/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/2016/1/1e/T--LambertGA--BactoGlo_v3.JPEG" style="width:600px;">
 +
<br><br>
 +
<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.
 +
<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/2016/f/fd/T--LambertGA--resa2.jpg" style="width:600px;">
 +
<br><br>
 +
<img src="https://static.igem.org/mediawiki/2016/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 2016 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 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>
 
−
<p>
 
−
Here are a few examples from previous teams:
 
−
</p>
 
−
<ul>
 
−
<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>
 
</div>
 +
 +
 +
 +
 +
 +
 +
<div class="button_click"  onClick=" parent.location= 'https://2016.igem.org/Special:Upload '">
 +
 +
<!--<h2>2015 Lambert iGEM</h2>-->
 +
                <div id="officialLogo">
 +
 +
                </div>
 +
            </footer>
 +
<div id="space2">
 +
</div>
 +
<div id="sponsors-bottom">
 +
 +
<a href="http://www.forsyth.k12.ga.us/lhs"><img src="https://static.igem.org/mediawiki/2016/9/9e/T--LambertGA--longhorn_iGEM_logo.png" class="transparent" style="height:100px;padding:20px;"></a>
 +
 +
</div>
 +
  
 
</html>
 
</html>

Latest revision as of 03:30, 20 October 2016


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 2016 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).