Difference between revisions of "Team:UNOTT/Modelling"

 
(234 intermediate revisions by 2 users not shown)
Line 1: Line 1:
 
{{:Team:UNOTT/Template/NavBarTest}}
 
{{:Team:UNOTT/Template/NavBarTest}}
<html>
+
 
 +
<html >
 
<head>
 
<head>
 
   <meta charset="UTF-8">
 
   <meta charset="UTF-8">
  
   <link href="http://maxcdn.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css" rel="stylesheet">
+
   <script src="https://s.codepen.io/assets/libs/modernizr.js" type="text/javascript"></script>
<link href="https://2017.igem.org/Team:UNOTT/Bootstrap?action=raw&ctype=text/css" rel="stylesheet">
+
 
 +
 
 
   <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/5.0.0/normalize.min.css">
 
   <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/5.0.0/normalize.min.css">
  
<script type="text/x-mathjax-config">
 
  MathJax.Hub.Config({tex2jax: {inlineMath: [['$','$'], ['\\(','\\)']]}});
 
</script>
 
<script type="text/javascript"
 
  src="http://cdn.mathjax.org/mathjax/latest/MathJax.js?config=TeX-AMS-MML_HTMLorMML">
 
</script>
 
  
  
 
<style>
 
<style>
p{
+
.button {
position: relative;
+
  display: inline-block;
 +
  border-radius: 4px;
 +
  background-color: #f4511e;
 +
  border: none;
 +
  color: #FFFFFF;
 +
  text-align: center;
 +
  font-size: 28px;
 +
  padding: 20px;
 +
  width: 200px;
 +
  transition: all 0.5s;
 +
  cursor: pointer;
 +
  margin: 5px;
 
}
 
}
  
h1{
+
.button span {
 +
  cursor: pointer;
 +
  display: inline-block;
 
   position: relative;
 
   position: relative;
   width: 100%;
+
   transition: 0.5s;
  text-align: center;
+
    margin: 0 auto;
+
    top:250px;
+
 
}
 
}
* {
+
 
   box-sizing: border-box;
+
.button span:after {
 +
   content: '\00bb';
 +
  position: absolute;
 +
  opacity: 0;
 +
  top: 0;
 +
  right: -20px;
 +
  transition: 0.5s;
 
}
 
}
body {
+
 
  font-family: 'Helvetica';
+
.button:hover span {
   font-weight: 400;
+
   padding-right: 25px;
  text-align: center;
+
 
+
 
}
 
}
.blocks {
+
 
  position: fixed;
+
.button:hover span:after {
  bottom: 0;
+
   opacity: 1;
   z-index: 1;
+
   right: 0;
   list-style-type: none;
+
  display: -webkit-box;
+
  display: -ms-flexbox;
+
  display: flex;
+
  width: 100%;
+
  margin: 0;
+
  padding: 0;
+
 
}
 
}
.blocks__block {
+
 
  will-change: transform;
+
.image {
  position: relative;
+
  position: center;
  height: 20vh;
+
  width: 100%;
  -webkit-box-flex: 1;
+
      -ms-flex: 1;
+
          flex: 1;
+
  -webkit-transition: all 0.7s cubic-bezier(0.23, 1, 0.32, 1);
+
  transition: all 0.7s cubic-bezier(0.23, 1, 0.32, 1);
+
 
}
 
}
.blocks__block:nth-child(1) {
+
 
  background: #EFF0E3;
+
.crop {
  -webkit-transform-origin: 0% 100%;
+
    width: 100%;
          transform-origin: 0% 100%;
+
    height: 1000px;
 +
    overflow: hidden;
 
}
 
}
.blocks__block:nth-child(2) {
+
 
  background: #CDD7B6;
+
 
  -webkit-transform-origin: 25% 100%;
+
h2 span.spacer {
          transform-origin: 25% 100%;
+
  padding:0 5px;
 
}
 
}
.blocks__block:nth-child(3) {
+
 
  background: #B7D18F;
+
.crop {
  -webkit-transform-origin: 50% 100%;
+
    width: 100%;
          transform-origin: 50% 100%;
+
    height: 800px;
 +
    overflow: hidden;
 
}
 
}
.blocks__block:nth-child(4) {
+
 
  background: #CDD7B6;
+
h2 span {
  -webkit-transform-origin: 75% 100%;
+
  color: white;
          transform-origin: 75% 100%;
+
  font: 100px/100px Helvetica, Sans-Serif;
 +
  letter-spacing: 10px;
 +
  background: rgb(0, 0, 0); /* fallback color */
 +
  background: rgba(0, 0, 0, 0.7);
 +
  padding: 10px;
 
}
 
}
.blocks__block:nth-child(5) {
+
h2 {
  background: #EFF0E3;
+
  position: absolute;
  -webkit-transform-origin: 100% 100%;
+
  top: 350px;
          transform-origin: 100% 100%;
+
  left: 0;
 +
  width: 100%;
 +
  font-family: 'Karla', sans-
 
}
 
}
.blocks__block.active {
+
h3 span {
  z-index: 2;
+
  color: white;
 +
  font: 20px/20px Helvetica, Sans-Serif;
 +
  letter-spacing: 0px;
 +
  background: rgb(0, 0, 0); /* fallback color */
 +
  background-color: #D74214;
 +
  padding: 10px;
 +
  float: right;
 +
  position: relative;
 +
  top: -10px;
 
}
 
}
.blocks-content {
+
.container2 {
overflow: scroll;
+
 
   list-style-type: none;
+
   width: 80%;
   margin: 0;
+
   margin: auto;
   padding: 0;
+
   padding-right: 20px;
  position: absolute;
+
   padding-bottom: 700px;
   bottom: 0;
+
   margin-right: 28.5px;
   left: 0;
+
   padding-top: 20px;
   height: 100vh;
+
 
  width: 100%;
+
 
 
}
 
}
  
.border border-width: 2px;  border-color: black;  border-style: solid; }  
+
.expandable-boxes {
 +
   position: relative;
 +
}
  
.blocks-content__content {
+
.expandable-box {
overflow: scroll;
+
  width: 40%;
   will-change: transform, opacity;
+
   height: 300px;
   display: -webkit-box;
+
   float: left;
   display: -ms-flexbox;
+
   margin: 0 3% 20px 0;
   display: flex;
+
   border: 1px solid #999;
   -webkit-box-align: center;
+
   border-radius: 12px;
      -ms-flex-align: center;
+
  padding: 10px;
          align-items: center;
+
  box-sizing: border-box;
   -webkit-box-pack: center;
+
   -webkit-transition: all .3s ease-in-out;
      -ms-flex-pack: center;
+
  -moz-transition: all .3s ease-in-out;
          justify-content: center;
+
   -o-transition: all .3s ease-in-out;
   text-align: center;
+
   -ms-transition: all .3s ease-in-out;
   -webkit-box-orient: vertical;
+
   transition: all .3s ease-in-out;
   -webkit-box-direction: normal;
+
  background-color: #02263e;
      -ms-flex-direction: column;
+
  box-shadow: 0 0 20px 0 rgba(0, 0, 0, .25),
          flex-direction: column;
+
    0 30px 10px -20px rgba(0, 0, 0, .25);
position: fixed;
+
}
  width: 100%;
+
.expandable-box.open {
   z-index: 3;
+
   border-color: #red;
   top: 0;
+
   border-width: thick;
   left: 0;
+
   width: 96%;
 
   height: 100%;
 
   height: 100%;
   padding: 30vw;
+
   margin: 0 auto;
   font-size: 20px;
+
   background-color: #02263e;
 +
}
 +
.expandable-box.out {
 +
  width: 0;
 +
  height: 0;
 +
  overflow: hidden;
 +
  border: none;
 +
  padding: 0;
 +
  margin: 0;
 
   opacity: 0;
 
   opacity: 0;
  visibility: hidden;
+
 
  text-align: center;
+
  -webkit-transform: scale(0.9);
+
          transform: scale(0.9);
+
  -webkit-transition: all 0.3s 0.2s ease-out;
+
  transition: all 0.3s 0.2s ease-out;
+
 
}
 
}
.blocks-content__content.active {
+
body {
   opacity: 1;
+
   background-color: #ffffff;
   -webkit-transform: scale(1);
+
   font-color: #ffffff;
          transform: scale(1);
+
  visibility: visible;
+
 
}
 
}
.blocks-content .blocks__content-close {
+
h1{
  position: absolute;
+
    color: #02263e;
  right: 0vw;
+
  top: 0vh;
+
  height: 300vh;
+
  font-size: 40px;
+
  cursor: pointer;
+
  -webkit-transition: all 0.2s ease-out;
+
  transition: all 0.2s ease-out;
+
  margin-top: 80px;
+
 
}
 
}
.blocks-content .blocks__content-close:hover {
+
h2{
  -webkit-transform: scale(1.1);
+
    color: #ffffff;
          transform: scale(1.1);
+
 
}
 
}
.blocks-content p {
+
.cascadeimg{
  font-size: 16px;
+
   
  line-height: 2;
+
    position:absolute;
  max-width: 800px;
+
    border-radius: 20px;
 +
    left: 55%;
 
}
 
}
.blocks-content h2 {
+
 
  padding: 15px 30px;
+
p{
  font-weight: 300;
+
    color: #ffffff;
  letter-spacing: 6px;
+
  box-shadow: inset 0 0 0 3px #000;
+
 
}
 
}
.blocks-names {
+
a{
  position: fixed;
+
    color: #ffffff;
  bottom: 0;
+
    font-size: 18px;
  left: 0;
+
  z-index: 2;
+
  width: 100%;
+
  list-style-type: none;
+
  margin: 0;
+
  padding: 0;
+
  display: -webkit-box;
+
  display: -ms-flexbox;
+
  display: flex;
+
  font-size: 18px;
+
  letter-spacing: 4px;
+
  cursor: pointer;
+
  -webkit-transition: all 0.15s ease-out;
+
  transition: all 0.15s ease-out;
+
 
}
 
}
.blocks-names .blocks__name {
+
html {
  -webkit-box-flex: 1;
+
height: 100%;
      -ms-flex: 1;
+
          flex: 1;
+
  height: 20vh;
+
  display: -webkit-box;
+
  display: -ms-flexbox;
+
  display: flex;
+
  -webkit-box-align: center;
+
      -ms-flex-align: center;
+
          align-items: center;
+
  -webkit-box-pack: center;
+
      -ms-flex-pack: center;
+
          justify-content: center;
+
 
}
 
}
 
+
li {
main {
+
   color: #ffffff; /* bullet color */
   overflow: scroll;
+
font-size: 18px;
  position: relative;
+
  z-index: 1;
+
  padding: -50vh -50vw;
+
  height: 80vh;
+
  display: -webkit-box;
+
  display: -ms-flexbox;
+
  display: flex;
+
  -ms-flex-flow: column wrap;
+
      flex-flow: column wrap;
+
  -webkit-box-pack: center;
+
      -ms-flex-pack: center;
+
          justify-content: center;
+
  background: #91cc8c;
+
 
}
 
}
main h1 {
+
li span {
  margin: 0;
+
   color: #ffffff; /* text color */
  font-weight: 400;
+
   color: #ffffff;
+
 
}
 
}
main h1 a {
+
 
  font-size: 48px;
+
.white-bg{
 +
    background-color: #ffffff;
 +
    padding-left: 350px;
 +
    padding-right: 350px;
 
}
 
}
main p {
+
 
  font-weight: 800;
+
.icons{
  font-size: 14px;
+
    position: relative;
  max-width: 800px;
+
    top:-80px;
  margin: 0px auto;
+
  color:#ffffff;
+
  top: 300px;
+
  text-align: center;
+
 
}
 
}
main a {
+
 
  text-decoration: none;
+
.icons2{
  color: #38c5b9;
+
    position: relative;
  font-size: 30px;
+
    top:-20px;
 
}
 
}
main .plate {
+
 
  position: absolute;
+
.icons3{
  top: 50%;
+
    position: relative;
  left: 50%;
+
    top:-40px;
  max-width: 380px;
+
  width: 100%;
+
  -webkit-transform: translate(-50%, -50%);
+
          transform: translate(-50%, -50%);
+
  z-index: -1;
+
 
}
 
}
  
 +
.icons4{
 +
    position: relative;
 +
    top:0px;
 +
}
 
</style>
 
</style>
 +
 +
<script type="text/x-mathjax-config">
 +
  MathJax.Hub.Config({tex2jax: {inlineMath: [['$','$'], ['\\(','\\)']]}});
 +
</script>
 +
<script type="text/javascript"
 +
  src="http://cdn.mathjax.org/mathjax/latest/MathJax.js?config=TeX-AMS-MML_HTMLorMML">
 +
</script>
  
 
</head>
 
</head>
  
 
<body>
 
<body>
 +
<p><br>
 +
<br>
 +
<br>
 +
<br>
 +
</p>
 +
<div class="image">
 +
<div class="crop">
 +
    <img src="https://static.igem.org/mediawiki/2017/5/55/T--UNOTT--Classroom1.jpeg"; style="width:100%;height:auto;">
 +
</div>
  
 +
<h2><span>MODELLING<span class='spacer'></span></h2>
  
 +
  <div class="container2">
 +
  <div class="expandable-boxes">
  
<div id="body-wrapper">
+
     <div class="expandable-box">
     <div class="absolute">
+
<h4 style="color: #ffffff; font-weight: bold; font-size: 30px;">Constitutive Gene Expression</h4>
 
+
<h5 style="color: #C0C0C0; font-weight: bold; font-size: 20px;"> The general gene expression equation showing the process of protein synthesis </h5>
 
+
<center></center>
    <main>
+
  <div id="clear2" style="display: none;">
<h1>Modelling</h1>
+
 
+
<p>  <a "https://github.com/BurgundyIsAPublicEnemy/iGEMNotts2017/blob/master/LuciferA.c" style= "font-size: 18px; color: rgb(255, 255, 204)" > Download our models and source code from our gitHub page </a>  </p>
+
 
+
<p>  <a "https://2017.igem.org/Team:UNOTT/Software" style= "font-size: 18px; color: rgb(255, 255, 204)" > More details about the simulation can be found on the software page  </a>  </p>
+
 
+
<p>A major problem the project faced is that the comparison process of the fluorescence proteins wouldn't be possible to be investigated with all combinations as it would take too long. </p>
+
<p> &nbsp; </p>
+
<p> To answer this problem, the team will attempt to model the fluorescence spectra over time expressed by the proteins given different. First, the type of gene expression would need to be identified and then, would be modified to considered the effects of inhibition and finally, be applied over time to see how much expression would occur at a certain time period. The team will use Mathematical modeling such as Ordinary Differential Equations because they are easy to convert into programming in order to build components for the simulation.</p>
+
<p> &nbsp; </p>
+
 
+
 
+
<br> </br>
+
 
+
    </main>
+
    <!-- Component starts here-->
+
    <ul class="blocks-names">
+
      <li class="blocks__name">Constitutive Gene Expression </li>
+
      <li class="blocks__name">Absorption and Emission Wavelengths</li>
+
      <li class="blocks__name">Gene Transcription Regulation by Repressors (CRISPR)</li>
+
      <li class="blocks__name">Relationship between Max Fluorescence and Protein Concentration</li>
+
      <li class="blocks__name">Are Our Constructions Random?</li>
+
    </ul>
+
    <ul class="blocks">
+
      <li class="blocks__block" id="1"></li>
+
      <li class="blocks__block" id="2"></li>
+
      <li class="blocks__block" id="3"></li>
+
      <li class="blocks__block" id="4"></li>
+
      <li class="blocks__block" id="5"></li>
+
    </ul>
+
    <ul class="blocks-content">
+
      <li class="blocks-content__content">
+
        <div class="content__close"></div>
+
<center>
+
<br> </br> <br> </br> <br> </br> <br> </br> <br> </br> <br> </br> <br> </br> <br> </br><br> </br> <br> </br><br> </br> <br> </br> <br> </br> <br> </br> <br> </br> <br> </br> <br> </br> <br> </br> <br> </br> <br> </br><br> </br> <br> </br><br> </br> <br> </br> <br> </br> <br> </br> <br> </br> <br> </br> <br> </br> <br> </br> <br> </br> <br> </br><br> </br> <br> </br><br> </br><br> </br> <br> </br><br> </br> <br> </br><br> </br><br> </br> <br> </br><br> </br> <br> </br><br> </br>
+
<br> </br> <br> </br> <br> </br> <br> </br> <br> </br> <br> </br> <br> </br>
+
 
+
<h2> Constitutive Gene Expression For Protein and mRNA Expression over Time </h2> <i class="blocks__content-close fa fa-times"></i>
+
 
<p> Biological insight had told us we need a model with constant gene expression. Investigating models from literature <sup> 1 </sup> so see which model would satisfy these conditions, and it was found the constitutive gene expression model was suitable to guide the model. </p>
 
<p> Biological insight had told us we need a model with constant gene expression. Investigating models from literature <sup> 1 </sup> so see which model would satisfy these conditions, and it was found the constitutive gene expression model was suitable to guide the model. </p>
  
Line 306: Line 251:
 
<br> </br>
 
<br> </br>
  
<sup> Figure 1 </sup>
+
$$ \color{white}{ p \underset{t_{1} }{\rightarrow} m \underset{t_{2}}{\rightarrow} p  } $$
$$ sfGFP \underset{Transcriptin}{\rightarrow} mRNA \underset{Translation}{\rightarrow} sfGFP $$  
+
<p> The equation above describes the process of which the gene undergoes transcription to produce mRNA. The mRNA carries the genetic information copied from the DNA which codes for protein. The expression of protein lead to fluorescence which is the desired output of the system. </p>
<p> The equation above describes the process of which the gene undergoes transcription to produce mRNA. The mRNA carries the genetic information copied from the DNA which codes for protein. The expression of protein, can therefore, be measured by the fluorescence which is the desired output of the system. </p>  
+
  
<sup> Figure 2 </sup>
+
$$ \color{white}{ m \underset{Degradation}{\rightarrow} \oslash  } $$
$$ mRNA \underset{Degradation}{\rightarrow} \oslash  $$
+
  
$$ sfGFP \underset{Degradation}{\rightarrow} \oslash $$
+
$$ \color{white}{ p \underset{Degradation}{\rightarrow} \oslash } $$
  
 
<p> The two equations above state the same time, the concentration of protein and mRNA would undergo degradation which means the concentration would drop. However, since there is always protein and mRNA being created, over time, the creation and degradation keep the concentration constant. <sup> 2 </sup> <p>
 
<p> The two equations above state the same time, the concentration of protein and mRNA would undergo degradation which means the concentration would drop. However, since there is always protein and mRNA being created, over time, the creation and degradation keep the concentration constant. <sup> 2 </sup> <p>
  
<p>  We can apply Law of Mass Action combine both equations for the concentration of protein and mRNA over time. This model can be described as: </p>
+
<p>  The team applied Law of Mass Action, combining both equations for the concentration of protein and mRNA over time. This model can be described as: </p>
  
<sup> Figure 3 </sup>
+
 
$$ mRNA = k_{1} -d _{1 } mRNA  $$
+
$$ \color{white}{  \frac{dm}{dt} = k_{1} -d _{1 } m } $$
$$ Protein = k_{2} \cdot  mRNA - d_{2} \cdot Protein $$
+
$$ \color{white}{ \frac{dp}{dt} = k_{2} \cdot  m - d_{2} \cdot p } $$
  
 
<p> Where... </p>
 
<p> Where... </p>
 
  <p> <ul>
 
  <p> <ul>
   <li>mRNA is the concentration of mRNA</li>
+
   <li>m is the concentration of mRNA.</li>
   <li>Protein is the concentration of Protein</li>
+
   <li>p is the concentration of Protein.</li>
 
   <li>k<sub> 1 </sub> is the constitutive transcription rate. This represents the number of mRNA molecules produced per gene, per unit of time.</li>
 
   <li>k<sub> 1 </sub> is the constitutive transcription rate. This represents the number of mRNA molecules produced per gene, per unit of time.</li>
<li> d <sub> 1 </sub>  is  the  mRNA  degradation  rate </li>  
+
<li> d <sub> 1 </sub>  is  the  mRNA  degradation  rate. </li>
 
   <li>k<sub> 2 </sub> is the translation rate.  This represents the number of protein molecules produced per mRNA molecule, per unit of time.</li>
 
   <li>k<sub> 2 </sub> is the translation rate.  This represents the number of protein molecules produced per mRNA molecule, per unit of time.</li>
<li> d <sub> 2 </sub>  is  the  protein  degradation  rate. </li>  
+
<li> d <sub> 2 </sub>  is  the  protein  degradation  rate. </li>
 +
<li> t <sub> 1 </sub>  is the process of Transcription. </li>
 +
<li> t <sub> 2 </sub>  is the process of Translation. </li>
 
</ul>
 
</ul>
<br> </br>  
+
<br> </br>
  
<p> This is important because we can use this model to calculate the concentration of proteins we can expect over time. This is useful as we can use this information to calculate the total emitted light spectra during the time period which is what we are looking for in our system. However, the constants and variables are individual for each protein and which means parameters for each protein would need to be found. These constants were found using literature <sup> 3 </sup> (for GFP) and lab results (the rest.) </p>  
+
<p> This is important because the model could then calculate the concentration of proteins expected over time. This is useful as the team used information to calculate the total emitted light spectra during the time period, which is what the looked for within the system. However, the constants and variables are individual for each protein and which means parameters for each protein would need to be found. These constants were found using literature <sup> 3 </sup> (for GFP) and lab results (the rest.) </p>
  
 
<br> </br>
 
<br> </br>
Line 344: Line 289:
 
</center>
 
</center>
  
 +
</a>
 +
</div>
 
</div>
 
</div>
      </li>
 
  
<ul class="blocks-content">
+
    <div class="expandable-box">
      <li class="blocks-content__content">
+
        <div class="content__close"></div>
+
<center>
+
  
<br> </br>
+
      <h4 style="color: #ffffff; font-weight: bold; font-size: 30px;">Gene Transcription Regulation by Repressors (CRISPRi)</h4><center></center>
<br> </br>
+
<h5 style="color: #C0C0C0; font-weight: bold; font-size: 20px;"> Calculating how much protein is produced over time when a gene is inhibited </h5>
<br> </br> <br> </br> <br> </br> <br> </br> <br> </br> <br> </br> <br> </br> <br> </br><br> </br> <br> </br><br> </br> <br> </br> <br> </br> <br> </br> <br> </br> <br> </br> <br> </br> <br> </br> <br> </br> <br> </br><br> </br> <br> </br><br> </br> <br> </br> <br> </br><br> </br> <br> </br> <br> </br><br> </br> <br> </br> <br> </br><br> </br> <br> </br>
+
<h2> Absorption and Emission Wavelengths From Given Concentrations of sfGFP, mRFP & ECFP </h2><i class="blocks__content-close fa fa-times"></i>
+
<p> After concluding the general scheme we would be using, the team evaluated the selection of proteins. The proteins selected for the system use fluorescence, indicating they take in a light at a certain wavelength, and re-emit it at a different wavelength. This has to be considered because it informs the wet-lab in knowing which wavelengths are required to produce a spectra as well as highlighting the importance of considering any side effects from producing the spectra such as light being reabsorbed and re-emitted at a different wavelength / color, which would result in the spectra being similar to each other rather than unique. </p>
+
<p> In order to save time and program a model, the team used Shemrock's Online Fluorescence graph maker <sup> 1 </sup> which operated by taking in the expected Absorption wavelengths and emitting the Emission wavelengths expected by sfGFP (green), mRFP (red) and ECFP (blue) proteins. This was done through the Web App on the website. Furthermore, they provided the raw data in a text file format which was useful as it allows the team to read the data into a stand alone program. </p>
+
  
<sup> Figure 4 </sup>  
+
  <div id="clear3" style="display: none;">
 +
    <p> The next step in developing our simulation was to calculate our protein concentration at any given time when using CRISPRi. Discussion with wet-lab revealed our method would be using CRISPRi as a repressor, which works by inhibiting the expression of one or more genes by binding to the promoter region. The expanded mRNA and Protein concentration models from the Constitutive Gene Expression Model were modified to include the element of repression from the CRISPRi inhibition. </p>
  
<img src="https://static.igem.org/mediawiki/2017/8/8f/T--UNOTT--SpectrumAbsoprtionEM.png" class="border" width="550" height="300" style= position: fixed; align=center;>
+
  <p style="text-align: center;" >  <img src="https://static.igem.org/mediawiki/2017/0/00/T--UNOTT--Formualasdas.png"; </p>
 +
<br></br>
 +
<p> This system can be described as above. Where gRNA(i), dCas9, and mRNA are produced constitutively with their associated rates of production kc, kg, and k0i respectively. The dCas9 and gRNA(i) will undergo an irreversible association to form dCas9:gRNA(i) at rate kf, which in turn inhibits the production of mRNA and reduce the production of Fluorescent protein (k1). All molecules spontaneously degrade and diffuse away at their own associated rate. (i) will account for us having multiple gRNAs and just as many fluorescent proteins i.e. i=3 with three fluorescent proteins and subsequent set of three gRNAs. It is asumed that all gRNAs have the same binding affinity and their productions are the same. The varying strengths of promoters for mRNA (koi) will be assigned to each corresponding gRNA in the set of (i). </p>
 +
<br>
 +
<p>The system can be described by the following 5 ordinary differential equations, defining how the concentration of each variable will change at any given change in time using mass action kinetics. Equations 1, 2 and 3 are derived from Farasat <i>et al.</i>(2016), which comprehensively investigated the rates at which CRISPR-dCas9 can cleave DNA targets.</p><br><br>
 +
 
  
<p>This graph tells us the emitted light is expected to be at a higher wavelength than the absorbed wavelength. This must be considered in the model as there is overlap between emitted and absorbed wavelengths implying emitted light may be absorbed and re-emitted at a higher wavelength.</p>
+
    $$  \color{white}{(1) \frac{dgRNA,i}{dt} = k_{g,i} – δ_{dg} \cdot gRNA,i – k_{f} \cdot dCas9 \cdot  gRNA,i}  $$
 +
    <p style="text-align: center;" >
 +
The above equation details the change in gRNA concentration per unit time, also extending along index i. At any given time, the concentration of gRNA(i) will be increased by its production (kgi), and decreased by its association with dcas9 at rate kf, relative to it's concentration, and it will also degrade and diffuse away at rate δdg.</p><br><br>
  
<p> This model is important  as it guides us when using wavelengths as parameters so we know which wavelengths to use, especially when trying to create a specific color as well as what wavelengths to look out for as they might cause overlap. This was very useful to the wet-lab as it informed them of what wavelengths to use as well as what wavelength range they should use to produce different fluorescence spectra.</p>
+
    $$  \color{white}{(2) \frac{dCas9}{dt} = k_{c} – δ_{dc} \cdot dCas9 – k_{f} \cdot dCas9 \cdot \underset{i}{∑}gRNA,i} $$
<br> </br>
+
    <p style="text-align: center;" > This equation details the change in dCas9 protein per unit time. It will be increased by its production (kc) and reduced by its degradation (δdc), and again it's association to gRNA(s). This will be proportioal the sum of all the gRNA's along i, accounting for the competition for dCas9.</p><br><br>
<br> </br>
+
<p> <sup> 1 </sup>  </p>
+
</center>
+
  
</div>
+
    $$ \color{white}{(3) \frac{dCas9:gRNA,i}{dt} = k_{f} \cdot dCas9:gRNA,i – δ_{dcg} } $$
</li>
+
    <p style="text-align: center;" > This equation details the change in concentration of the dCas9 associated with gRNA(i). This is simply the rate of formation from Equation 2, minus its degredation. </p><br><br>
  <ul class="blocks-content">
+
      <li class="blocks-content__content">
+
        <div class="content__close"></div>
+
<center>
+
<br> </br> <br> </br> <br> </br> <br> </br> <br> </br> <br> </br> <br> </br> <br> </br><br> </br> <br> </br><br> </br> <br> </br> <br> </br> <br> </br> <br> </br> <br> </br> <br> </br> <br> </br> <br> </br> <br> </br><br> </br> <br> </br><br> </br> <br> </br> <br> </br> <br> </br> <br> </br> <br> </br> <br> </br> <br> </br> <br> </br> <br> </br><br> </br> <br> </br><br> </br><br> </br>
+
<h2>Gene Transcription Regulation by Repressors (CRISPRi) - Concentration over Time</h2> <i class="blocks__content-close fa fa-times"></i>
+
<p> The next step in developing our simulation was to calculate our protein concentration at any given time when using CRISPRi. Discussion with wet-lab revealed our method would be using CRISPRi as a repressor, which works by inhibiting the expression of one or more genes by binding to the promoter region <sup> 1 </sup>. The expanded mRNA and Protein concentration models from the Constitutive Gene Expression Model <sup> 2 </sup> were modified to include the element of repression from the CRISPRi inhibition. </p>
+
  
$$ Gene \overset{Repressor}{\rightarrow} mRNA \rightarrow Protein  $$
+
    $$ \color{white}{(4) \frac{dmRNA,i}{dt} = k_{0i} \cdot \frac{1}{1+k{m} \cdot ds9:gRNA,i} −δ_{dm} \cdot mRNA,i} $$  
 +
    <p style="text-align: center;" > This equation details the change in mRNA(i), which is very similar to the equation seen earlier when describing transciption. This is produced at a rate k0i, but it is also inhibited by dCas9:grna(i), so there is a standard inhibition function which will reduce rate k0 as dCas9:gRNA(i) increases. It is also simply reduced by it's degradation and diffusion rate δdm. </p><br><br>
  
$$  mRNA \underset{Degradation}{\rightarrow} \oslash  $$
+
    $$  \color{white}{(5) \frac{dFP,i}{dt} = k_{1} \cdot mRNA,i – δ_{dp} \cdot FP,i} $$
 +
    <p style="text-align: center;" >  This details the rate of translation and is the same as Equation 4; only changes to protein translation are increased proportionally to mRNA(i) and reduced by it's degradation and diffusion δdp. <sup> 3 </sup> : </p><br><br>
 +
 +
    <p> The value for these constants and variables were taken from literature and calculating them <sup> 4 </sup> but later, adjusted to the lab results.</p>
  
$$  sfGFP \underset{Degradation}{\rightarrow} \oslash  $$
+
    <p style="text-align: center;" > Figure 6 </p>
 +
    <br> </br>
 +
<table>
 +
<p style="text-align: center;" > <img src="https://static.igem.org/mediawiki/2017/f/f2/T--UNOTT--graphsad1units.png"; height="400" width="600" >
 +
<img src="https://static.igem.org/mediawiki/2017/f/ff/T--UNOTT--graphsad2units.png"; height="400" width="600"> </p>
 +
</table>
 +
    <br> </br>
 +
    <p> These simulations illustrate the relationship between the variables, and how we can predict how much of each will be present at any one time. It can also show how changes in parameters can effect the outcomes. The difference between the two simulaions here is that in the non-inhibited state gRNA production (kg) is very low, compared to normal in the inhibited state. It has also significantly reduced the amount of GFP produced. </p>
  
<h5> This change can be applied to the Law of Mass Action <sup> 3 </sup> : </h5>  
+
    <p> Furthermore, the model could calculate the protein concentration at any given time, and so, the team was able to deduce how much fluorescence is being emitted at that time period by the bacteria </p>
$$ m = k_{1} \cdot \frac{k^{n}}{k^{n} + R^{n}}- d_{1}m $$
+
<br> </br>
$$ p = k_{2} m - d_{2}p $$
+
  
<p>Where...</p>
+
<p style="text-align: center;" > <sup> 1 </sup> Farasat, I. and Salis, H.M., 2016. A biophysical model of CRISPR/Cas9 activity for rational design of genome editing and gene regulation. PLoS computational biology, 12(1), p.e1004724.</p>
 +
    <p style="text-align: center;" > <sup> 2 </sup> See Relationship between Max Fluorescence and Protein Concentration </p><br>
 +
 +
    </div>
 +
  </div>
  
<p>m is mRNA concentration, p is Protein concentration, R is Repressor, k1 is Max Transcription Rate, k is the Repression Coefficient, n is number of repressors that need to cooperatively bind the promoter to trigger the inhibition of gene expression (Hill Coefficient), R is Repressor, d1 is mRNA degradation rate, d2 is Protein degradation rate </p>
+
    <div class="expandable-box">
 +
      <h4 style="color: #ffffff; font-weight: bold; font-size: 30px;">Relationship between Fluorescence and Protein Concentration</h4>
  
<p> The value for these constants and variables were taken from literature and calculating them <sup> 4 </sup> but later, adjusted to the lab results.</p>  
+
<h5 style="color: #C0C0C0; font-weight: bold; font-size: 20px;"> Using our models to estimate the amount of fluorescence expected from a certain concentration of protein synthesized </h5>
 +
      <center></center>
 +
          <div id="clear4" style="display: none;">
 +
<p> Another issue the team faced was that at any given time, it was expected that the proteins would be expressed so the bacteria would fluoresce. This can be confirmed by looking at the bacteria after being engineered and observing that they are giving off light. However, it was unknown what intensity this fluorescence would be. </p>
 +
<br></br>
 +
<p> To solve this issue,  an equation was developed to find out what the intensity of fluorescence would be at that certain time. This consisted of calculating the protein concentration at the time and using fluorescence data provided by real lab experiments, at that time period, the team could map that intensity to the protein concentration at that time. </p>
 +
<br></br>
 +
<p> When the fluorescence data received from the wet lab were graphed, a model was constructed using the data. Originally, the data from the lab was the Fluorescence against Time but by using the Gene Transcription Regulation by Repressors model developed earlier <sup> 1 </sup>, the team were able to estimate the protein concentration at given time points. </p>
  
<sup> Figure 6 </sup>  
+
<sup> Figure 7 </sup>
<img src="https://static.igem.org/mediawiki/2017/7/73/T--UNOTT--InhibitedAndNon.png" class="border" height="300" width="550" style= position: fixed; align=center; >
+
      <br> </br>
 +
      <p style="text-align: center;" > <img src="https://static.igem.org/mediawiki/2017/1/19/T--UNOTT--ProteinConcVsFluorescence.png" class="border" height="600" width="1000" style= position: fixed; align=center; > </p>
 +
      <br> </br>
 +
<p> These graphs show the relationship between protein concentration of a certain type of protein and the intensity that can be expected of it. By integrating real life data into the models, we can have accurate representation of how the bacteria would behave in real life. This suggests that when comparing the modelled data to real life data, there is a strong fit. However, this is not necessarily true for all cases: we simply only had data for the conditions we were using, which suggests that more data would be required for the models to be truly representative of real world data.</p>
 +
<br> </br>
 +
<p> On evaluation, the fit for the CFP appears quite strange! Insight from the wet lab suggested there were mistakes made with reading from the fluorescence reader, which can be attributed to this behaviour. One way to fix this is set the spectro-photometer at a more restrictive wavelength that would minimise the cross-interference from GFP, like 375nm, as suggested by the Absorption and Emission Wavelength models developed earlier. Furthermore, due to time constraints, rather than implementing the relationship directly from lab data, the data was fitted using a Polynomial Fit of Order 3 using Excel and an equation was calculated from these. These equations were directly plugged into the simulation. However, this is inaccurate as the R squared value was 0.9148 for RFP, 0.9922 for CFP and 0.9478 for GFP, suggesting that it doesn't fully capture the data trend. Furthermore, on the plot themselves, they don't match the trend at all, suggesting using this method follows the trend poorly. In order to improve this situation, if there was more data available for different scenarios such as with using different wavelengths and concentration of proteins, the model could be validated against more data and refined. Once done, this could substitute the polynomial fit. Lastly, to improve the data, rather than having to use another model to estimate the protein concentration, the team could read for protein concentration during fluorescence readings. This means there is a separate data set to validate the model from, to check whether our protein calculations were correct. </p>
 +
<br></br>
 +
<p> These relationships were implemented into the simulation to give the expected spectra produced by each protein. This highlights another use: by adding or subtracting values from our fit, we can create a threshold for our Keys. This was essential when developing the Raw Data Simulator. <sup> 2 </sup></p>
  
 +
<br> </br>
 
<br> </br>  
 
<br> </br>  
<p> Figure 6 shows the structure which underwent CRISPRi inhibition are expected to produce lower concentration of the protein whose expression were are inhibiting. This is important as it means the team can calculate concentration of proteins which are inhibited and compare them to the control conditions as well as giving the correct concentration for the simulation. </p>
+
  <p style="text-align: center;" >   <sup> 1 </sup> See Gene Transcription Regulation by Repressors (CRISPRi) - Concentration over Time </p>  
<p> <sup> 4 </sup> See Relationship between Max Fluorescence and Protein Concentration </p>
+
    <p style="text-align: center;" >   <sup> 2 </sup> See Software </p>  
</center>
+
</a>
 
+
</div>
 
</div>
 
</div>
      </li>
 
  
  
      <li class="blocks-content__content">
+
<div class="expandable-box">
     
+
      <h4 style="color: #ffffff; font-weight: bold; font-size: 30px;"> Absorption and Emission Wavelengths of sfGFP, mRFP & ECFP</h4><center></center>
        <ul class="blocks-content">
+
        <div class="content__close"></div>
+
<center>
+
<br> </br> <br> </br> <br>  
+
  
<h2>Relationship between Max Fluorescence and Protein Concentration</h2> <i class="blocks__content-close fa fa-times"></i>
+
<h5 style="color: #C0C0C0; font-weight: bold; font-size: 20px;"> Working out which wavelengths are required to produce a fluorescence spectra. </h5>
  
<p> Fluorescence depends on a concentration of protein where the fluorescent protein is expressed over time. However, in order to find the value of constants for the modified Constitutive Gene Expression with CRISPRi <sup> 1 </sup>, calculations needed to be made. This meant we could develop a model which would suit the lab's needs.</p>
+
      <div id="clear6" style="display: none;">
<p> The team looked into literature from lab results of similar studies frst <sup> 2 </sup>. This was useful because the team could develop a model and later substitute the lab results in to accurately fit the wet work's needs. This data underwent non linear regression.</p>
+
<p> After concluding the general scheme we would be using, the team evaluated the selection of proteins. The proteins selected for the system use fluorescence, indicating they take in a light at a certain wavelength, and re-emit it at a different wavelength. This had to be considered because it informs the wet-lab in knowing which wavelengths are required to produce a spectra as well as highlighting the importance of considering any side effects from producing the spectra such as light being reabsorbed and re-emitted at a different wavelength, which would result in the spectra being similar to each other rather than unique. </p>
 
+
<br> </br>
<sup> Figure 7 </sup>  
+
<p> In order to save time and program a model, the team used Semrock's Online Fluorescence graph maker <sup> 1 </sup> which operated by taking in the expected Absorption wavelengths and emitting the Emission wavelengths expected by sfGFP (green), mRFP (red) and ECFP (blue) proteins. This was done through the Web App on the website. Furthermore, they provided the raw data in a text file format which was useful as it allows the team to read the data into a stand alone program. </p>
$$ y = k x ^ {n} $$
+
<br> </br>  
 
+
<p style="text-align: center;" >  <img src="https://static.igem.org/mediawiki/2017/8/8f/T--UNOTT--SpectrumAbsoprtionEM.png" class="border" width="1000" height="500" style= position: fixed; align=center;> </p>
<img src="https://static.igem.org/mediawiki/2017/a/a5/T--UNOTT--LinearIntroploation1.png" class = "border" height="300" width="500" style= position: fixed; align=center; >
+
<p style="text-align: center;" > The absorption and emission spectra from RFP, GFP and ECHP. The dotted lines show absorption wavelengths, and the solid lines show emission wavelengths. </p>  
 
+
<br> </br>
<p> Fitting where after applying regression, it was found the graph followed a fit of: </p>
+
<p>This graph tells us the emitted light is expected to be at a higher wavelength than the absorbed wavelength. This must be considered in the model as there is overlap between emitted and absorbed wavelengths implying emitted light may be absorbed and re-emitted at a higher wavelength by different fluorescent proteins, which might dramatically alter the reading.</p>
 
+
<sup> Figure 8 </sup>
+
$$ y = 100.2 x ^{1.43154} $$
+
 
+
</center>
+
</ul>
+
      </li>
+
  
     
+
<p> This model was important as it guided us for the spectro-photometer setup to determine what wavelength range to produce different fluorescence spectra. This was especially crucial selecting the wavelengths so only one type of protein would be expressed, which was useful when working with the random constructions.</p>
      <li class="blocks-content__content">
+
     
+
        <ul class="blocks-content">
+
        <div class="content__close"></div>
+
<center>
+
 
<br> </br>
 
<br> </br>
 
<br> </br>
 
<br> </br>
 +
<p style="text-align: center;" >  <sup> 1 </sup> <a href=" https://www.semrock.com/searchlight-welcome.aspx ">Semrock Fluorescence Spectra Chart</a> </p>
 +
</div>
 +
    </div>
 +
   
 +
    <div class="expandable-box">
 +
      <h4 style="color: #ffffff; font-weight: bold; font-size: 30px;">Are Our Constructions Random?</h4><center></center> 
 +
<h5 style="color: #C0C0C0; font-weight: bold; font-size: 20px;"> Showing that our constructions are random and why they are random </h5>
 +
      <div id="clear5" style="display: none;">
 +
        <p> When constructing our proteins with our current method, there were 3 vectors we could order from. <p>
  
<h2>Are our constructions random </h2> <i class="blocks__content-close fa fa-times"></i>
+
        <p> However, in this proof of concept, order is irrelevant as the gene is either inhibited (1) or not (0). Using </p>
<p> When constructing our proteins with our current method, there were 3 vectors we could order from etc. we could have a combination of 1,2,3 or 1,1,1 etc. <p>
+
        $$ \color{white}{  n ^ r } $$
 +
        <p> Where n = 2 and r = 3, this gives us a total combination of 2<sup> 3 </sup> {1,1,1} {1,1,0} {1,0,1} {1,0,0} {0,1,1} {0,1,0} {0,0,1} {0,0,0} </p>
  
<p> However, in this proof of concept, order is irrelevant as each is either constitutively expressed or inhibited thus the system only has 2 <sup> 3 </sup> combinations </sup>
+
        <p> Randomness comes from the fact the system relies on Brownian Motion <sup> 1 </sup>, a random process to create these combinations.</p>
  
<p> Randomness comes from the fact the system relies on Brownian Motion, a random process to create these combinations.</p>  
+
        <p> However, in order for a movement to fall under Brownian Motion, it must fulfill a condition where the process must have continuous paths. This is not true as once the structures begin to form, the paths stop  (they do not collide off each other elastically, but rather, combine.) Furthermore, the bacterium might become biased towards options that put less metabolic stress on the bacterium, which results in selection. Alternatively, using metabolites to undergo transposition can improve randomness. <sup> 2 </sup> </p>
  
<p> However, in order for a movement to fall under Brownian Motion, it must fulfill a condition where the process must have continuous paths. This is not true as once the structures begin to form, the paths stop  (they do not collide off each other elastically, but rather, combine.) Furthermore, the bacterium might become biased towards options that put less metabolic stress on the bacterium, which results in selection. </p>  
+
        <p> In order to aid, with the wet lab in what combinations they can expect, the team developed an Excel Spreadsheet where a user can simply input details of the construction and it would show what construction it would look like </p>
  
<!-- <p> This is a limitation on the system which could be solved by using metabolites <sup> 1 </sup>, which are random as shown by  </p>
+
        <p> Members of the public are encouraged to try it out and can use it to help with identifying how their spectra would look if they used the same proteins the project used </p>
  
<br> </br> <br> </br>
+
  <p style="text-align: center;" >       <a href="https://github.com/BurgundyIsAPublicEnemy/iGEMNotts2017/tree/master/Models">Excel Spreadsheet</a> </p>
<p> <sup> 1 </sup> Refer https://statistics.stanford.edu/sites/default/files/EFS%20NSF%20149.pdf </p> -->
+
  
</center>
+
        <br> </br>
</ul>
+
        <p> <sup> 1 </sup> Diaconis, P. and Shahshahani, M., 1981. Generating a random permutation with random transpositions. Probability Theory and Related Fields, 57(2), pp.159-179. </p>
      </li>
+
        <p> <sup> 2 </sup> Motion, D.B. and Walk, R.R., 1991. Random walks, Brownian motion, and interacting particle systems. </p>
 +
       
 +
</div>
 +
    </div>
  
 +
    <div class="expandable-box">
 +
          <h4 style="color: #ffffff; font-weight: bold; font-size: 30px;">Conclusion</h4><center></center>
 +
    <h5 style="color: #C0C0C0; font-weight: bold; font-size: 20px;"> What iGEM Nottingham 2017 learnt from modelling and how modelling impacted the project. </h5>
 +
          <div id="clear7" style="display: none;">
 +
    <p> The main objectives of modelling were met: the <b> simulation for calculating the fluorescence spectra was completed </b> and was not only extensively used in the lab to generate spectra when the parameters consisted of different protein concentrations, but was used to produce dummy data for the <b> comparison software </b> to produce a demo for when industry contacts came to visit the labs. Furthermore, the models allowed for parameters we couldn't test for in the lab for example, what the spectra would look like if one protein was inhibited but the others weren't.</p>
 +
<br> </br> 
 +
    <p> The main reason the team undertook a rigorous approach to modelling was because it wouldn't have been accurate to construct a single model to show how the fluorescence spectra would vary with protein concentration without taking into account elements such protein degradation, the impact of CRISPRi and whether wavelengths would impact how the strong the intensity is. The simulation simply allowed the team to combine all the models produced to give a desired output in a programming fashion so the model could be used by anyone <b>  without a maths and programming background.</b>  </p>
 +
  <br> </br> 
 +
<p> Overall, the models showed that given a specific wavelength and a certain concentration of protein (ug/mol), a <b> spectra </b>  will be produced. Furthermore, beyond helping to validate real world data, it helped to solve practical issues with the wet lab. The biggest issue modelling helped to solve was that the wet lab weren't able to produce any CFP fluorescence. The models showed that after 375nm, the GFP proteins would fluoresce alongside the CFP proteins, which suggested the solution to this problem would be to use a lower wavelength, such as 375nm so only the CFP proteins would fluoresce without interference from the GFP. Unfortunately, due to time constraints, this fix couldn't be implemented but nevertheless, modelling helped to reveal the complication. Issues like these were real world problems modelling helped to solve. </p>
 +
    </div>
 +
        </div>
 +
       
 +
  </div>
 +
</div>
  
 
   <script src='http://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js'></script>
 
   <script src='http://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js'></script>
  
    <script>
 
  
     (function() {
+
     <script>$(document).ready(function() {
      var bHeight, bWidth, block, bname, closeBtn, closeContent, content, expand, openContent, updateValues, wHeight, wWidth, xVal, yVal;
+
        //HOW TO HIDE
 +
        var mydiv = document.getElementById('clear2');
 +
        var mydiv1 = document.getElementById('clear3');
 +
        var mydiv2 = document.getElementById('clear4');
 +
        var mydiv3 = document.getElementById('clear5');
 +
        var mydiv4 = document.getElementById('clear6');
 +
        var mydiv5 = document.getElementById('clear7');
 +
              var mydiv6 = document.getElementById('clear8');
 +
//HOW TO HIDE
  
       block = $('.blocks__block');
+
       $('.expandable-box').click(function(e) {
 +
        if($(this).hasClass('open')) {
 +
            //HOW TO HIDE
  
      bname = $('.blocks__name');
+
            //HOW TO HIDE
 
+
          $('.expandable-box.out').not($(this)).removeClass('out');
      content = $('.blocks-content__content');
+
          $(this).removeClass('open');
 
+
          mydiv.style.display = 'none';
      closeBtn = $('.blocks__content-close');
+
          mydiv1.style.display = 'none';
 
+
          mydiv2.style.display = 'none';
      wHeight = $(window).outerHeight();
+
          mydiv3.style.display = 'none';
 
+
           mydiv4.style.display = 'none';
      wWidth = $(window).outerWidth();
+
           mydiv5.style.display = 'none';
 
+
           mydiv6.style.display = 'none';
      bHeight = block.outerHeight();
+
 
+
      bWidth = block.outerWidth();
+
 
+
      xVal = Math.round(wWidth / bWidth) + 0.03;
+
 
+
      yVal = wHeight / bHeight + 0.03;
+
 
+
      expand = function() {
+
        var aBlock, num;
+
        num = $(this).index();
+
        aBlock = block.eq(num);
+
        if (!aBlock.hasClass('active')) {
+
           bname.css('opacity', '0');
+
           aBlock.css({
+
            'transform': 'scale(' + xVal + ',' + yVal + ')',
+
            '-webkit-transform': 'scale(' + xVal + ',' + yVal + ')'
+
          });
+
           aBlock.addClass('active');
+
          openContent(num);
+
 
         }
 
         }
      };
+
        else {
 +
          $('.expandable-box').not($(this)).addClass('out');
 +
          $(this).addClass('open');
  
      openContent = function(num) {
+
           //HOW TO HIDE
        var aContent;
+
            mydiv.style.display = 'block'
        content.css({
+
            mydiv1.style.display = 'block'
           'transition': 'all 0.3s 0.4s ease-out',
+
            mydiv2.style.display = 'block'
          '-webkit-transition': 'all 0.3s 0.4s ease-out'
+
            mydiv3.style.display = 'block'
        });
+
            mydiv4.style.display = 'block'
        aContent = content.eq(num);
+
            mydiv5.style.display = 'block'
        aContent.addClass('active');
+
              mydiv6.style.display = 'block';
      };
+
             //HOW TO HIDE
 
+
      closeContent = function() {
+
        bname.css('opacity', '1');
+
        content.css({
+
          'transition': 'all 0.1s 0 ease-out',
+
          '-webkit-transition': 'all 0.1s 0 ease-out'
+
        });
+
        block.css({
+
          'transform': 'scale(1)',
+
          '-webkit-transform': 'scale(1)'
+
        });
+
        block.removeClass('active');
+
        content.removeClass('active');
+
      };
+
 
+
      updateValues = function() {
+
        var yVal;
+
        var xVal;
+
        var bWidth;
+
        var bHeight;
+
        var wWidth;
+
        var wHeight;
+
        var aBlock;
+
        if (block.hasClass('active')) {
+
          aBlock = $('.blocks__block.active');
+
          wHeight = $(window).height();
+
          wWidth = $(window).width();
+
          bHeight = block.height();
+
          bWidth = block.width();
+
          xVal = Math.round(wWidth / bWidth) + 0.03;
+
          yVal = wHeight / bHeight + 0.03;
+
          aBlock.css({
+
            'transform': 'scale(' + xVal + ',' + yVal + ')',
+
             '-webkit-transform': 'scale(' + xVal + ',' + yVal + ')'
+
          });
+
 
         }
 
         }
       };
+
       });
 +
    });</script>
  
      $(window).on('resize', updateValues);
 
  
      bname.on('click', expand);
 
  
      closeBtn.on('click', closeContent);
 
  
    }).call(this);
 
    </script>
 
 
</div>
 
</div>
 
 
</body>
 
</body>
 
</html>
 
</html>

Latest revision as of 03:53, 2 November 2017





MODELLING

Constitutive Gene Expression

The general gene expression equation showing the process of protein synthesis

Gene Transcription Regulation by Repressors (CRISPRi)

Calculating how much protein is produced over time when a gene is inhibited

Relationship between Fluorescence and Protein Concentration

Using our models to estimate the amount of fluorescence expected from a certain concentration of protein synthesized

Absorption and Emission Wavelengths of sfGFP, mRFP & ECFP

Working out which wavelengths are required to produce a fluorescence spectra.

Are Our Constructions Random?

Showing that our constructions are random and why they are random

Conclusion

What iGEM Nottingham 2017 learnt from modelling and how modelling impacted the project.