Difference between revisions of "Team:Chalmers-Gothenburg/Model"

 
(15 intermediate revisions by the same user not shown)
Line 25: Line 25:
 
   background-color: #e6e6e6;
 
   background-color: #e6e6e6;
 
 
  background: -webkit-linear-gradient(left, rgba(1,0,0,0.2), rgba(1,0,0,0.05), rgba(1,0,0,0.2)) !important; /* For Safari 5.1 to 6.0 */
 
  background: -o-linear-gradient(right, rgba(1,0,0,0.2), rgba(1,0,0,0.05), rgba(1,0,0,0.2)) !important; /* For Opera 11.1 to 12.0 */
 
  background: -moz-linear-gradient(right, rgba(1,0,0,0.2), rgba(1,0,0,0.05), rgba(1,0,0,0.2)) !important; /* For Firefox 3.6 to 15 */
 
  background: linear-gradient(to right, rgba(1,0,0,0.2), rgba(1,0,0,0.05), rgba(1,0,0,0.2)) !important; /* Standard syntax (must be last) */
 
 
   font-family:'Lato', sans-serif;
 
   font-family:'Lato', sans-serif;
 
}
 
}
Line 208: Line 204:
 
top: 0;
 
top: 0;
 
   width: 100%;
 
   width: 100%;
   min-width: 850px;
+
   min-width: 1440px;
 
   z-index:9999;
 
   z-index:9999;
 
   -webkit-touch-callout: none;
 
   -webkit-touch-callout: none;
Line 434: Line 430:
  
 
width: cover;
 
width: cover;
 +
  min-width:1440px;
 
   text-align: center;
 
   text-align: center;
 
   margin: auto;
 
   margin: auto;
Line 439: Line 436:
 
 
 
background:#e6e6e6;   
 
background:#e6e6e6;   
  background: -webkit-linear-gradient(left, rgba(1,0,0,0.2), rgba(1,0,0,0.05), rgba(1,0,0,0.2)) !important; /* For Safari 5.1 to 6.0 */
 
  background: -o-linear-gradient(right, rgba(1,0,0,0.2), rgba(1,0,0,0.05), rgba(1,0,0,0.2)) !important; /* For Opera 11.1 to 12.0 */
 
  background: -moz-linear-gradient(right, rgba(1,0,0,0.2), rgba(1,0,0,0.05), rgba(1,0,0,0.2)) !important; /* For Firefox 3.6 to 15 */
 
  background: linear-gradient(to right, rgba(1,0,0,0.2), rgba(1,0,0,0.05), rgba(1,0,0,0.2)) !important; /* Standard syntax (must be last) */
 
 
}
 
}
  
Line 483: Line 476:
 
border-style: none none dashed dashed;
 
border-style: none none dashed dashed;
 
border-width:5px;
 
border-width:5px;
border-color:#808080;
+
border-color:#7e1002;
 
padding-left:50px;
 
padding-left:50px;
 
padding-right:50px;
 
padding-right:50px;
Line 495: Line 488:
 
border-style: none none dashed dashed;
 
border-style: none none dashed dashed;
 
border-width:5px;
 
border-width:5px;
border-color:#808080;
+
border-color:#7e1002;
 
padding:50px;
 
padding:50px;
 
}
 
}
Line 503: Line 496:
 
border-style: none dashed dashed none;
 
border-style: none dashed dashed none;
 
border-width:5px;
 
border-width:5px;
border-color:#808080;
+
border-color:#7e1002;
 
padding:50px;
 
padding:50px;
 
}
 
}
Line 511: Line 504:
 
border-style: none dashed none none;
 
border-style: none dashed none none;
 
border-width:5px;
 
border-width:5px;
border-color:#808080;
+
border-color:#7e1002;
 
padding:50px;
 
padding:50px;
 
}
 
}
Line 519: Line 512:
 
border-style: none none none dashed;
 
border-style: none none none dashed;
 
border-width:5px;
 
border-width:5px;
border-color:#808080;
+
border-color:#7e1002;
 
padding:50px;
 
padding:50px;
 
}
 
}
 
  
  
Line 554: Line 546:
 
     text-align: left;
 
     text-align: left;
 
     text-decoration: none;
 
     text-decoration: none;
background: #e6e6e6;
+
background: #f2f2f2;
 
font-size:12pt !important;
 
font-size:12pt !important;
 
}
 
}
Line 677: Line 669:
 
}
 
}
  
/*.header is the class used in the header image at the top of pages*/
+
.header_test {
.header {
+
background-position: top;
  font-size: 45pt;
+
background-attachment: fixed;
  color: black;
+
background-repeat: no-repeat;
  text-align: center;
+
-webkit-background-size: cover;
  background-color: #000000;
+
-moz-background-size: cover;
  background-repeat: repeat;
+
-o-background-size: cover;
  height: auto;
+
background-size: cover;
  line-height: 130px;
+
        padding-top: 100vh;
+
        background-image: url("https://static.igem.org/mediawiki/2017/e/e3/T--Chalmers-Gothenburg--Project_Modeling.jpg");
border-bottom: 3px solid transparent; /*A lot of code for the line between the header and the body */
+
  -moz-border-image: -moz-linear-gradient(left, #000000 0%, #404040, #000000 100%); /*(left, #016243 0%, #b5deca, #016243 100%);*/
+
  -webkit-border-image: -webkit-linear-gradient(left, #000000 0%, #404040, #000000 100%); /*(left, #016243 0%, #b5deca, #016243 100%)*/
+
  border-image: linear-gradient(to right, #000000 0%, #404040, #000000 100%); /*(to right, #016243 0%, #b5deca, #016243 100%);*/
+
  border-image-slice: 1;
+
  -webkit-touch-callout: none;
+
  -webkit-user-select: none;
+
  -khtml-user-select: none;
+
  -moz-user-select: none;
+
  -ms-user-select: none;
+
  user-select: none;
+
  cursor: default;
+
  }
+
  
.header_Modelling {
+
  /*A lot of code for the line between the header and the body */
  font-size: 45pt;
+
border-bottom: 3px solid transparent;
  color: black;
+
  text-align: center;
+
position:bottom;
+
  background-image: url("pictures_17/backgrounds/chalkboard_2.jpg"); /*, linear-gradient(to bottom, #ffffff, #e6e6e6); /*#0c749c, #145071*/
+
/* min-height: 500px;*/
+
 
+
  background-attachment: fixed;
+
  background-position: center;
+
  background-repeat: no-repeat;
+
  background-size: cover;
+
background-color:#000000;
+
+
border-bottom: 3px solid transparent; /*A lot of code for the line between the header and the body */
+
 
   -moz-border-image: -moz-linear-gradient(left, #000000 0%, #404040, #000000 100%); /*(left, #016243 0%, #b5deca, #016243 100%);*/
 
   -moz-border-image: -moz-linear-gradient(left, #000000 0%, #404040, #000000 100%); /*(left, #016243 0%, #b5deca, #016243 100%);*/
 
   -webkit-border-image: -webkit-linear-gradient(left, #000000 0%, #404040, #000000 100%); /*(left, #016243 0%, #b5deca, #016243 100%)*/
 
   -webkit-border-image: -webkit-linear-gradient(left, #000000 0%, #404040, #000000 100%); /*(left, #016243 0%, #b5deca, #016243 100%)*/
Line 729: Line 695:
 
}
 
}
  
.header_Achievements_biobricks {
 
  font-size: 45pt;
 
  color: black;
 
  text-align: center;
 
position:bottom;
 
  background-image: url("pictures_17/backgrounds/bricks.jpg"); /*, linear-gradient(to bottom, #ffffff, #e6e6e6); /*#0c749c, #145071*/
 
/*  min-height: 500px;*/
 
  
  background-attachment: fixed;
+
/* Banner: name of the page */
  background-position: center;
+
#banner {
  background-repeat: no-repeat;
+
height: 100%;
  background-size: cover;
+
        position: relative;
background-color:#000000;
+
        bottom: 50px;
+
    float: left;
border-bottom: 3px solid transparent; /*A lot of code for the line between the header and the body */
+
    width: 100%;
  -moz-border-image: -moz-linear-gradient(left, #000000 0%, #404040, #000000 100%); /*(left, #016243 0%, #b5deca, #016243 100%);*/
+
        font-size: 80pt; /*35pt*/
  -webkit-border-image: -webkit-linear-gradient(left, #000000 0%, #404040, #000000 100%); /*(left, #016243 0%, #b5deca, #016243 100%)*/
+
font-family:"Lato", cursive;
  border-image: linear-gradient(to right, #000000 0%, #404040, #000000 100%); /*(to right, #016243 0%, #b5deca, #016243 100%);*/
+
        color:#c91a03 ;
  border-image-slice: 1;
+
line-height: 65pt;
  -webkit-touch-callout: none;
+
        text-shadow: 5px 5px #000000;
  -webkit-user-select: none;
+
  -khtml-user-select: none;
+
  -moz-user-select: none;
+
  -ms-user-select: none;
+
  user-select: none;
+
  cursor: default;
+
 
}
 
}
  
.header_Project_theory {
+
#banner h3 {
  font-size: 45pt;
+
display: block;
  color: black;
+
position: absolute;
  text-align: center;
+
bottom: 50px;
position:bottom;
+
left: 200px;
  background-image: url("pictures_17/backgrounds/pen_paper.jpg"); /*, linear-gradient(to bottom, #ffffff, #e6e6e6); /*#0c749c, #145071*/
+
        font-size: 80pt; /*35pt*/
/* min-height: 500px;*/
+
font-family:"Lato", cursive;
 +
        color:#c91a03 ;
 +
line-height: 65pt;
 +
        text-shadow: 5px 5px #000000;
 +
        /*border-style:dashed;*/
 +
padding: 20px 20px 20px 20px;
  
  background-attachment: fixed;
 
  background-position: center;
 
  background-repeat: no-repeat;
 
  background-size: cover;
 
background-color:#000000;
 
 
border-bottom: 3px solid transparent; /*A lot of code for the line between the header and the body */
 
  -moz-border-image: -moz-linear-gradient(left, #000000 0%, #404040, #000000 100%); /*(left, #016243 0%, #b5deca, #016243 100%);*/
 
  -webkit-border-image: -webkit-linear-gradient(left, #000000 0%, #404040, #000000 100%); /*(left, #016243 0%, #b5deca, #016243 100%)*/
 
  border-image: linear-gradient(to right, #000000 0%, #404040, #000000 100%); /*(to right, #016243 0%, #b5deca, #016243 100%);*/
 
  border-image-slice: 1;
 
  -webkit-touch-callout: none;
 
  -webkit-user-select: none;
 
  -khtml-user-select: none;
 
  -moz-user-select: none;
 
  -ms-user-select: none;
 
  user-select: none;
 
  cursor: default;
 
 
}
 
}
  
.header_Project_constructs {
+
#banner h4 {
  font-size: 45pt;
+
display: block;
  color: black;
+
position: absolute;
  text-align: center;
+
bottom: -40px;
position:bottom;
+
left: 200px;
  background-image: url("pictures_17/backgrounds/DNA.jpg"); /*, linear-gradient(to bottom, #ffffff, #e6e6e6); /*#0c749c, #145071*/
+
        font-size: 40pt; /*35pt*/
/*  min-height: 500px;*/
+
font-family:"Lato", cursive;
 
+
        color:#c91a03 ;
  background-attachment: fixed;
+
line-height: 65pt;
  background-position: center;
+
        text-shadow: 3px 3px #000000;
  background-repeat: no-repeat;
+
        /*border-style:dashed;*/
  background-size: cover;
+
padding: 20px 20px 20px 20px;
background-color:#000000;
+
+
border-bottom: 3px solid transparent; /*A lot of code for the line between the header and the body */
+
  -moz-border-image: -moz-linear-gradient(left, #000000 0%, #404040, #000000 100%); /*(left, #016243 0%, #b5deca, #016243 100%);*/
+
  -webkit-border-image: -webkit-linear-gradient(left, #000000 0%, #404040, #000000 100%); /*(left, #016243 0%, #b5deca, #016243 100%)*/
+
  border-image: linear-gradient(to right, #000000 0%, #404040, #000000 100%); /*(to right, #016243 0%, #b5deca, #016243 100%);*/
+
  border-image-slice: 1;
+
  -webkit-touch-callout: none;
+
  -webkit-user-select: none;
+
  -khtml-user-select: none;
+
  -moz-user-select: none;
+
  -ms-user-select: none;
+
  user-select: none;
+
  cursor: default;
+
 
}
 
}
  
.header_Team_students {
 
  font-size: 45pt;
 
  color: black;
 
  text-align: center;
 
position:bottom;
 
  background-image: url("pictures_17/team_photos_2017/group_photo_stairs_bw.jpg"); /*, linear-gradient(to bottom, #ffffff, #e6e6e6); /*#0c749c, #145071*/
 
/*  min-height: 500px;*/
 
 
  background-attachment: fixed;
 
  background-position: center;
 
  background-repeat: no-repeat;
 
  background-size: cover;
 
background-color:#000000;
 
 
border-bottom: 3px solid transparent; /*A lot of code for the line between the header and the body */
 
  -moz-border-image: -moz-linear-gradient(left, #000000 0%, #404040, #000000 100%); /*(left, #016243 0%, #b5deca, #016243 100%);*/
 
  -webkit-border-image: -webkit-linear-gradient(left, #000000 0%, #404040, #000000 100%); /*(left, #016243 0%, #b5deca, #016243 100%)*/
 
  border-image: linear-gradient(to right, #000000 0%, #404040, #000000 100%); /*(to right, #016243 0%, #b5deca, #016243 100%);*/
 
  border-image-slice: 1;
 
  -webkit-touch-callout: none;
 
  -webkit-user-select: none;
 
  -khtml-user-select: none;
 
  -moz-user-select: none;
 
  -ms-user-select: none;
 
  user-select: none;
 
  cursor: default;
 
}
 
 
.header_Team_supervisors {
 
  font-size: 45pt;
 
  color: black;
 
  text-align: center;
 
position:bottom;
 
  background-image: url("pictures_17/backgrounds/Chemistry_entrance_bw.jpg"); /*, linear-gradient(to bottom, #ffffff, #e6e6e6); /*#0c749c, #145071*/
 
/*  min-height: 500px;*/
 
 
  background-attachment: fixed;
 
  background-position: center;
 
  background-repeat: no-repeat;
 
  background-size: cover;
 
background-color:#000000;
 
 
border-bottom: 3px solid transparent; /*A lot of code for the line between the header and the body */
 
  -moz-border-image: -moz-linear-gradient(left, #000000 0%, #404040, #000000 100%); /*(left, #016243 0%, #b5deca, #016243 100%);*/
 
  -webkit-border-image: -webkit-linear-gradient(left, #000000 0%, #404040, #000000 100%); /*(left, #016243 0%, #b5deca, #016243 100%)*/
 
  border-image: linear-gradient(to right, #000000 0%, #404040, #000000 100%); /*(to right, #016243 0%, #b5deca, #016243 100%);*/
 
  border-image-slice: 1;
 
  -webkit-touch-callout: none;
 
  -webkit-user-select: none;
 
  -khtml-user-select: none;
 
  -moz-user-select: none;
 
  -ms-user-select: none;
 
  user-select: none;
 
  cursor: default;
 
}
 
 
.header_Team_sponsors {
 
  font-size: 45pt;
 
  color: black;
 
  text-align: center;
 
position:bottom;
 
  background-image: url("pictures_17/backgrounds/money_bw.jpg"); /*, linear-gradient(to bottom, #ffffff, #e6e6e6); /*#0c749c, #145071*/
 
/*  min-height: 500px;*/
 
 
  background-attachment: fixed;
 
  background-position: center;
 
  background-repeat: no-repeat;
 
  background-size: cover;
 
background-color:#000000;
 
 
border-bottom: 3px solid transparent; /*A lot of code for the line between the header and the body */
 
  -moz-border-image: -moz-linear-gradient(left, #000000 0%, #404040, #000000 100%); /*(left, #016243 0%, #b5deca, #016243 100%);*/
 
  -webkit-border-image: -webkit-linear-gradient(left, #000000 0%, #404040, #000000 100%); /*(left, #016243 0%, #b5deca, #016243 100%)*/
 
  border-image: linear-gradient(to right, #000000 0%, #404040, #000000 100%); /*(to right, #016243 0%, #b5deca, #016243 100%);*/
 
  border-image-slice: 1;
 
  -webkit-touch-callout: none;
 
  -webkit-user-select: none;
 
  -khtml-user-select: none;
 
  -moz-user-select: none;
 
  -ms-user-select: none;
 
  user-select: none;
 
  cursor: default;
 
}
 
 
.header_Team_collaborations {
 
  font-size: 45pt;
 
  color: black;
 
  text-align: center;
 
position:bottom;
 
  background-image: url("pictures_17/backgrounds/shaking_hands_darker.jpg"); /*, linear-gradient(to bottom, #ffffff, #e6e6e6); /*#0c749c, #145071*/
 
/*  min-height: 500px;*/
 
 
  background-attachment: fixed;
 
  background-position: center;
 
  background-repeat: no-repeat;
 
  background-size: cover;
 
background-color:#000000;
 
 
border-bottom: 3px solid transparent; /*A lot of code for the line between the header and the body */
 
  -moz-border-image: -moz-linear-gradient(left, #000000 0%, #404040, #000000 100%); /*(left, #016243 0%, #b5deca, #016243 100%);*/
 
  -webkit-border-image: -webkit-linear-gradient(left, #000000 0%, #404040, #000000 100%); /*(left, #016243 0%, #b5deca, #016243 100%)*/
 
  border-image: linear-gradient(to right, #000000 0%, #404040, #000000 100%); /*(to right, #016243 0%, #b5deca, #016243 100%);*/
 
  border-image-slice: 1;
 
  -webkit-touch-callout: none;
 
  -webkit-user-select: none;
 
  -khtml-user-select: none;
 
  -moz-user-select: none;
 
  -ms-user-select: none;
 
  user-select: none;
 
  cursor: default;
 
}
 
 
.header_Team_attributions {
 
  font-size: 45pt;
 
  color: black;
 
  text-align: center;
 
position:bottom;
 
  background-image: url("pictures_17/backgrounds/Chalmers_port_4.jpg"); /*, linear-gradient(to bottom, #ffffff, #e6e6e6); /*#0c749c, #145071*/
 
/*  min-height: 500px;*/
 
 
  background-attachment: fixed;
 
  background-position: center;
 
  background-repeat: no-repeat;
 
  background-size: cover;
 
background-color:#000000;
 
 
border-bottom: 3px solid transparent; /*A lot of code for the line between the header and the body */
 
  -moz-border-image: -moz-linear-gradient(left, #000000 0%, #404040, #000000 100%); /*(left, #016243 0%, #b5deca, #016243 100%);*/
 
  -webkit-border-image: -webkit-linear-gradient(left, #000000 0%, #404040, #000000 100%); /*(left, #016243 0%, #b5deca, #016243 100%)*/
 
  border-image: linear-gradient(to right, #000000 0%, #404040, #000000 100%); /*(to right, #016243 0%, #b5deca, #016243 100%);*/
 
  border-image-slice: 1;
 
  -webkit-touch-callout: none;
 
  -webkit-user-select: none;
 
  -khtml-user-select: none;
 
  -moz-user-select: none;
 
  -ms-user-select: none;
 
  user-select: none;
 
  cursor: default;
 
}
 
 
.header_Notebook_journal {
 
  font-size: 45pt;
 
  color: black;
 
  text-align: center;
 
position:bottom;
 
  background-image: url("pictures_17/backgrounds/Notebook.jpg"); /*, linear-gradient(to bottom, #ffffff, #e6e6e6); /*#0c749c, #145071*/
 
/*  min-height: 500px;*/
 
 
  background-attachment: fixed;
 
  background-position: center;
 
  background-repeat: no-repeat;
 
  background-size: cover;
 
background-color:#000000;
 
 
border-bottom: 3px solid transparent; /*A lot of code for the line between the header and the body */
 
  -moz-border-image: -moz-linear-gradient(left, #000000 0%, #404040, #000000 100%); /*(left, #016243 0%, #b5deca, #016243 100%);*/
 
  -webkit-border-image: -webkit-linear-gradient(left, #000000 0%, #404040, #000000 100%); /*(left, #016243 0%, #b5deca, #016243 100%)*/
 
  border-image: linear-gradient(to right, #000000 0%, #404040, #000000 100%); /*(to right, #016243 0%, #b5deca, #016243 100%);*/
 
  border-image-slice: 1;
 
  -webkit-touch-callout: none;
 
  -webkit-user-select: none;
 
  -khtml-user-select: none;
 
  -moz-user-select: none;
 
  -ms-user-select: none;
 
  user-select: none;
 
  cursor: default;
 
}
 
 
.header_Notebook_lab_safety {
 
  font-size: 45pt;
 
  color: black;
 
  text-align: center;
 
position:bottom;
 
  background-image: url("pictures_17/backgrounds/T--Chalmers-Gothenburg--Safety_form_Fume_hood.jpg"); /*, linear-gradient(to bottom, #ffffff, #e6e6e6); /*#0c749c, #145071*/
 
/*  min-height: 500px;*/
 
 
  background-attachment: fixed;
 
  background-position: center;
 
  background-repeat: no-repeat;
 
  background-size: cover;
 
background-color:#000000;
 
 
border-bottom: 3px solid transparent; /*A lot of code for the line between the header and the body */
 
  -moz-border-image: -moz-linear-gradient(left, #000000 0%, #404040, #000000 100%); /*(left, #016243 0%, #b5deca, #016243 100%);*/
 
  -webkit-border-image: -webkit-linear-gradient(left, #000000 0%, #404040, #000000 100%); /*(left, #016243 0%, #b5deca, #016243 100%)*/
 
  border-image: linear-gradient(to right, #000000 0%, #404040, #000000 100%); /*(to right, #016243 0%, #b5deca, #016243 100%);*/
 
  border-image-slice: 1;
 
  -webkit-touch-callout: none;
 
  -webkit-user-select: none;
 
  -khtml-user-select: none;
 
  -moz-user-select: none;
 
  -ms-user-select: none;
 
  user-select: none;
 
  cursor: default;
 
}
 
  
 
.header-text {
 
.header-text {
Line 1,049: Line 780:
 
h2 {
 
h2 {
 
text-align:left;
 
text-align:left;
 +
        font-size:18pt; !important
 
}
 
}
  
Line 1,141: Line 873:
 
}
 
}
  
 +
.figure-caption {
 +
    display: table-caption;
 +
    caption-side: bottom; 
 +
}
 +
 +
.table-caption {
 +
    display: table-caption;
 +
    caption-side: top;   
 +
  color: black;
 +
  font-size: 11pt;
 +
  text-align: justify;
 +
  padding-left: 0px;
 +
  padding-right:0px;
 +
margin-left:0px;
 +
margin-right:0px;
 +
}
 +
 +
th {
 +
    text-align: center;
 +
}
 +
 +
figure {
 +
  display:table;
 +
  text-align:center;
 +
  margin: auto;
 +
  margin-bottom: 25px;
 +
  margin-top: 25px;
 +
}
 +
 +
/*---Reference List---*/
 +
 +
.reference_list {
 +
    text-align: left;
 +
    font-size:10pt; !important
 +
}
 +
 +
.reference_list ul {
 +
    list-style-type: none;
 +
    list-style-image: none;
 +
}
 +
 +
.reference_list li {
 +
    padding-bottom: 10px;
 +
}
  
 
/*--------------Links in text and lists are red when hovered------------------*/
 
/*--------------Links in text and lists are red when hovered------------------*/
Line 1,499: Line 1,275:
 
   <body><div class="project">
 
   <body><div class="project">
 
      
 
      
     <div id="header_navbar_wrapper"> <!----------------------------- header_navbar_170731.html START -------------------------->
+
     <div id="header_navbar_wrapper"> <!----------------------------- header_navbar START -------------------------->
 
          
 
          
 
     <div id="header-nav-anchor"><!--Anchor for stickying the header navbar-->
 
     <div id="header-nav-anchor"><!--Anchor for stickying the header navbar-->
 
       <nav><!--Used to apply a sticky class, so that the position can be changed to fixed-->
 
       <nav><!--Used to apply a sticky class, so that the position can be changed to fixed-->
 
         <ul class="header_navbar_ul">
 
         <ul class="header_navbar_ul">
           <li id="header_navbar_home"><a href="https://2017.igem.org/Team:Chalmers-Gothenburg" id="home_link"> Home <i class="fa fa-home" style="font-size:24px"></i> </a></li>
+
           <li id="header_navbar_home"><a href="https://2017.igem.org/Team:Chalmers-Gothenburg" id="home_link"> Home </a></li>
 
            
 
            
 
           <li class="dropdown">
 
           <li class="dropdown">
Line 1,528: Line 1,304:
 
             <a href="https://2017.igem.org/Team:Chalmers-Gothenburg/Project/constructs">Constructs</a>
 
             <a href="https://2017.igem.org/Team:Chalmers-Gothenburg/Project/constructs">Constructs</a>
 
             <hr>
 
             <hr>
             <a href="https://2017.igem.org/Team:Chalmers-Gothenburg/Model">Mathematical modelling</a>
+
             <a href="https://2017.igem.org/Team:Chalmers-Gothenburg/Model">Mathematical modeling</a>
 
             </div>
 
             </div>
 
           </li>
 
           </li>
Line 1,535: Line 1,311:
 
           <a id="HP_link">Human Practices</a>  <!--href="HP_intro.html" id="HP_link"-->
 
           <a id="HP_link">Human Practices</a>  <!--href="HP_intro.html" id="HP_link"-->
 
             <div class="dropdown-content">
 
             <div class="dropdown-content">
             <a href="https://2017.igem.org/Team:Chalmers-Gothenburg/HP/Silver">Human practises</a>
+
             <a href="https://2017.igem.org/Team:Chalmers-Gothenburg/HP/Silver">Human practices</a>
 
               <hr>
 
               <hr>
               <a href="https://2017.igem.org/Team:Chalmers-Gothenburg/HP/Gold_Integrated">Integrated Human practises</a>
+
               <a href="https://2017.igem.org/Team:Chalmers-Gothenburg/HP/Gold_Integrated">Integrated human practices</a>
 
             </div>
 
             </div>
 
           </li>
 
           </li>
Line 1,546: Line 1,322:
 
             <a href="https://2017.igem.org/Team:Chalmers-Gothenburg/Results">Project results</a>
 
             <a href="https://2017.igem.org/Team:Chalmers-Gothenburg/Results">Project results</a>
 
             <hr>
 
             <hr>
             <a href="https://2017.igem.org/Team:Chalmers-Gothenburg/Parts">BioBricks</a>
+
             <a href="https://2017.igem.org/Team:Chalmers-Gothenburg/Parts">Biobricks</a>
 
               <hr>
 
               <hr>
 
               <a href="https://2017.igem.org/Team:Chalmers-Gothenburg/InterLab">Interlab study</a>
 
               <a href="https://2017.igem.org/Team:Chalmers-Gothenburg/InterLab">Interlab study</a>
 
               <hr>
 
               <hr>
               <a href="https://2017.igem.org/Team:Chalmers-Gothenburg/Achievements/medal">Medals</a>
+
               <a href="https://2017.igem.org/Team:Chalmers-Gothenburg/Achievements/medal">Accomplishments</a>
 
             </div>
 
             </div>
 
           </li>
 
           </li>
Line 1,566: Line 1,342:
 
            
 
            
 
           <!--facebook, instagram and twitter icon-->
 
           <!--facebook, instagram and twitter icon-->
           <li id="header_navbar_home"><a href="https://sv-se.facebook.com/chalmersigem/" id="fb"><i class="fa fa-facebook-square" style="font-size:24px"></i> </a></li>
+
           <li id="header_navbar_home"><a href="https://sv-se.facebook.com/chalmersigem/" id="fb" target="_blank"><i class="fa fa-facebook-square" style="font-size:24px"></i> </a></li>
           <li id="header_navbar_home"><a href="https://www.instagram.com/chalmersigem/" id="instagram"><i class="fa fa-instagram" style="font-size:24px"></i> </a></li>
+
           <li id="header_navbar_home"><a href="https://www.instagram.com/chalmersigem/" id="instagram" target="_blank"><i class="fa fa-instagram" style="font-size:24px"></i> </a></li>
           <li id="header_navbar_home"><a href="https://twitter.com/igemchalmers" id="twitter"><i class="fa fa-twitter" style="font-size:24px"></i> </a></li>
+
           <li id="header_navbar_home"><a href="https://twitter.com/igemchalmers" id="twitter" target="_blank"><i class="fa fa-twitter" style="font-size:24px"></i> </a></li>
  
 
            
 
            
Line 1,582: Line 1,358:
  
 
            
 
            
         <div class="header_Modelling">
+
         <div class="header_test">
    <div class="header-text">Project</div>
+
  <!-- Banner -->
    <div class="header-subtitle">Modelling</div>
+
    <div id="banner">
    </div>
+
            <h3>Mathematical modeling</h3>
 +
            </div>
 +
        </div>
 +
 
 
      
 
      
 
       <!--This is the side navigation bar-->
 
       <!--This is the side navigation bar-->
Line 1,592: Line 1,371:
 
           <nav>
 
           <nav>
 
             <a href="#introduction" class="active">Introduction</a>
 
             <a href="#introduction" class="active">Introduction</a>
             <a href="#GPCRS">GPCRs</a>
+
             <a href="#results">Modeling and results</a>
             <a href="#model">model</a>
+
             <a href="#code">MATLAB code</a>
 +
            <a href="#references">References</a>
 
           </nav>
 
           </nav>
 
         </div>
 
         </div>
Line 1,602: Line 1,382:
 
           <div class="dashed_line_left_first">
 
           <div class="dashed_line_left_first">
 
         <h4 class="subtitle">Introduction</h4>
 
         <h4 class="subtitle">Introduction</h4>
         <p class="text">Pellentesque habitant morbi tristique senectus
+
         <p class="text">
        et netus et malesuada fames ac turpis egestas. Sed consequat
+
The modeling part of our project was to simulate our biosensor <i>in silico</i> to gain insight in how the output might look, and what may be changed or modified in it to produce a better result.
         mattis interdum. Aliquam et velit fermentum velit imperdiet
+
         </p>
         rhoncus. Donec accumsan molestie ornare. Duis eu odio in tortor
+
         <p class="text">
        ullamcorper aliquam. Vivamus molestie fermentum urna, vitae
+
One of the main parts of our biosensor uses the <b>yeast pheromone pathway</b> with custom GPCRs that will make the cells sense volatile organic compounds (VOCs) that are lung cancer biomarkers. These receptors, when activated by the VOCs in the breath of patients will trigger a proteolytic cascade, <b>the MAPK cascade</b>, in the pheromone pathway which ultimately leads to increased levels <b>of a transcription factor called Ste12</b> [1]. Ste12 acts as a “first checkpoint” in our biosensor as its values will correlate with the downstream processes. This transcription factor will then promote expression of <b>the protein Fus1</b>, whose function involves coordinating cell polarization and fusion in order to make the yeast mate with the opposing mating type [3]. Therefore, the promoter region (P<sub><i>FUS1</i></sub>) was used as a way to signal when the pheromone pathway is activated.
        commodo mauris consequat in. Curabitur porttitor pulvinar purus,
+
         </p>
        ut varius nibh tempus id. Nulla dictum lectus ut erat condimentum,
+
         <p class="text">
         sit amet euismod nibh eleifend. Maecenas molestie efficitur urna
+
In parallel to the normal pheromone pathway, a construct containing <b>Cre recombinase</b> with P<sub><i>FUS1</i></sub> in front of it was added, which causes it to be co-expressed by pheromone pathway activation. Cre in turn flips the constitutive promoter P<sub><i>TEF</i></sub>  by recombining two <b>loxP-sites</b> surrounding the promoter. This leads to expression of <b>Cas9 in one mating type</b> and <b>a gRNA in the other</b>. When the cells of opposing mating types then mate to form a diploid, the Cas9 and gRNA will bind to each other. This will in turn cause the Cas9-gRNA complex to cut the <i>ADE2</i> gene in yeast and turn the cells red.
         vel semper. Nullam in turpis eleifend, venenatis ex tincidunt,
+
         </p>
        tristique sapien. Suspendisse eget facilisis dolor. Integer congue
+
        nisi eu magna consectetur, a bibendum nibh accumsan. Vivamus
+
        fermentum metus id lectus porttitor congue. Pellentesque habitant morbi
+
        tristique senectus et netus et malesuada fames ac turpis egestas. Nulla
+
         metus quam, dapibus ac volutpat ut, dapibus sit amet felis.</p>
+
 
         </div>
 
         </div>
 
         </div>
 
         </div>
 
            
 
            
         <div class="target" id="GPCRS">
+
         <div class="target" id="results">
 
         <div class="dashed_line_right">
 
         <div class="dashed_line_right">
           <h4 class="sidetitle">GPCRs</h4>
+
           <h4 class="sidetitle">Modeling and results</h4>
         <p class="text">Pellentesque habitant morbi tristique senectus
+
         <p class="text">
        et netus et malesuada fames ac turpis egestas. Sed consequat
+
To model this system, we decided to use a set of <b>coupled ordinary differential equations (ODEs)</b> that correspond to the different species involved in the <b>pheromone pathway</b>. The model <b>relies upon the work of Kofahl and Klipp</b> [1], whose model of this pathway has been used extensively by many iGEM teams throughout the years and has produced good results [4,5,6]. The model is very detailed and involves 36 different species with almost 50 reactions between them [1]. The modeling part of the project uses all of the ODEs and parameter from their original paper, along with other ODEs stated in Table 3.
        mattis interdum. Aliquam et velit fermentum velit imperdiet
+
         </p>
        rhoncus. Donec accumsan molestie ornare. Duis eu odio in tortor
+
        <figure>
        ullamcorper aliquam. Vivamus molestie fermentum urna, vitae
+
<img src="https://static.igem.org/mediawiki/2017/6/63/T--Chalmers-Gothenburg--Modeling_pathway_gray.png" style="height:967px; width:625px;">
        commodo mauris consequat in. Curabitur porttitor pulvinar purus,
+
<figcaption><b>Figure 1.</b>The reaction network used in the model by Kofahl and Klipp [1].</figcaption>
         ut varius nibh tempus id. Nulla dictum lectus ut erat condimentum,
+
        </figure>
        sit amet euismod nibh eleifend. Maecenas molestie efficitur urna
+
        vel semper. Nullam in turpis eleifend, venenatis ex tincidunt,
+
        tristique sapien. Suspendisse eget facilisis dolor. Integer congue
+
        nisi eu magna consectetur, a bibendum nibh accumsan. Vivamus
+
        fermentum metus id lectus porttitor congue. Pellentesque habitant morbi
+
        tristique senectus et netus et malesuada fames ac turpis egestas. Nulla
+
        metus quam, dapibus ac volutpat ut, dapibus sit amet felis.</p>
+
 
         </div>
 
         </div>
 +
 +
        <div class="dashed_line_left">
 +
        <p class="text">
 +
As seen in the bottom right corner of Figure 1, the cascade ends with an activation of Ste12 which makes it possible for it to bind into DNA and begin transcriptional activation. This was therefore used as a first step into validating the function of the biosensor. The concentration of Ste12 should be higher in lung cancer patients compared to healthy people, due to the fact that they produce a higher amount of VOCs that can activate the pheromone pathway [7]. To check this, <b>data on different VOC levels was used</b>, both in in lung cancer patients and compared to a healthy control group and a group consisting of smokers [7]. The data of the median level of each group is presented in Table 1 and consists only of n-octanal levels. The choice of only studying the n-octanal levels is due to the fact that no data (kinetic rates <i>v<sub>1</sub></i> to <i>v<sub>5</sub></i> in Kofahl and Klipp’s model, see Figure 1) is available for the two receptors used in this project, thus the 2-butanone levels were omitted. The original yeast parameters of these reactions were used together with the n-octanal concentrations from the three patient groups.
 +
        </p>
 +
 +
          <figure>
 +
            <figcaption class="table-caption"><b>Table 1.</b> Median n-octanal level values for different patient groups [7]. </figcaption>
 +
            <table>
 +
                <tr>
 +
                  <th><b>Patient group (n=12) </b></th> <th><b>Controls</b></th>  <th><b>Smokers</b></th> <th><b>Lung cancer patients</b></th>
 +
                </tr>
 +
                <tr>
 +
                    <td>Median n-octanal values (nmol/L)</td> <td>0,011</td> <td>0,006</td> <td>0,052</td>
 +
                </tr>
 +
            </table>
 +
          </figure>
 
         </div>
 
         </div>
 
          
 
          
          <div class="target" id="model">
+
        <div class="dashed_line_right"
         <div class="dashed_line_left_last">
+
        <p class="text">
            <h4 class="sidetitle">The model</h4>  
+
Given these assumptions, the simulation for the Ste12 concentration can be run on the three different patient groups, which gives the result presented in Figure 2a. Even though the n-octanal level is about <b>five times higher in lung cancer patients</b> compared to the controls, this only leads to a <b>50% increase in peak Ste12 concentration</b>. To study whether this affected expression of Cre recombinase another ODE was added into the system, see Table 2, that models binding and gene expression of Ste12 onto P<sub><i>FUS1</sub></i>.
         <p class="text">Pellentesque habitant morbi tristique senectus
+
         </p>
        et netus et malesuada fames ac turpis egestas. Sed consequat
+
        <figure>
        mattis interdum. Aliquam et velit fermentum velit imperdiet
+
<img src="https://static.igem.org/mediawiki/2017/0/03/T--Chalmers-Gothenburg--Modeling_graphs.png" style="height:631px; width:601px;">
        rhoncus. Donec accumsan molestie ornare. Duis eu odio in tortor
+
<figcaption><b>Figure 2.</b> Time course plots for the different species in our model.</figcaption>
        ullamcorper aliquam. Vivamus molestie fermentum urna, vitae
+
        </figure>
         commodo mauris consequat in. Curabitur porttitor pulvinar purus,
+
 
        ut varius nibh tempus id. Nulla dictum lectus ut erat condimentum,  
+
          <figure>
         sit amet euismod nibh eleifend. Maecenas molestie efficitur urna
+
            <figcaption class="table-caption"><b>Table 2.</b> ODEs describing the temporal behavior of different species in the model. The parameter values are either randomly chosen or from literature.</figcaption>
         vel semper. Nullam in turpis eleifend, venenatis ex tincidunt,
+
            <table>
         tristique sapien. Suspendisse eget facilisis dolor. Integer congue
+
                <tr>
         nisi eu magna consectetur, a bibendum nibh accumsan. Vivamus
+
                  <th><b>ODEs added to Kofahl & Klipp's model </b></th> <th><b>Parameter values</b></th>
         fermentum metus id lectus porttitor congue. Pellentesque habitant morbi
+
                </tr>
         tristique senectus et netus et malesuada fames ac turpis egestas. Nulla
+
                <tr>
         metus quam, dapibus ac volutpat ut, dapibus sit amet felis.</p>
+
                    <td> Cre/Fus1 production: <img src="https://static.igem.org/mediawiki/2017/b/bd/T--Chalmers-Gothenburg--table_eq_1.png" style="height:50px; width:284px;"></td> <td>[2,8]</td>
 +
                </tr>
 +
                <tr>
 +
                    <td> Cas9/gRNA formation: <img src="https://static.igem.org/mediawiki/2017/4/44/T--Chalmers-Gothenburg--table_eq_2.png" style="height:45px; width:111px;"></td> <td>Arbitrary value</td>
 +
                </tr>
 +
                <tr>
 +
                    <td> Diploid formation: <img src="https://static.igem.org/mediawiki/2017/e/ee/T--Chalmers-Gothenburg--table_eq_3.png" style="height:40px; width:350px;"></td> <td>Arbitrary value</td>
 +
                </tr>
 +
                <tr>
 +
                    <td> Haploid mating: <img src="https://static.igem.org/mediawiki/2017/a/a5/T--Chalmers-Gothenburg--table_eq_4.png" style="height:42px; width:337px;"></td> <td>Arbitrary value</td>
 +
                </tr>
 +
                <tr>
 +
                    <td> Cas9:gRNA complex formation: <img src="https://static.igem.org/mediawiki/2017/e/e2/T--Chalmers-Gothenburg--table_eq_5.png" style="height:45px; width:485px;"></td> <td>Arbitrary value</td>
 +
                </tr>
 +
            </table>
 +
          </figure>
 +
        </div>
 +
 
 +
 
 +
        <div class="dashed_line_left"> 
 +
         <p class="text">
 +
The binding kinetics are assumed to be of <b>Hill type</b> with values found in the literature [2,8]. The initial concentrations of Fus1 and Cre recombinase are assumed to be zero. The time courses for Cre/Fus1 are shown in Figure 2b. Notice that we now have about double the Fus1/Cre recombinase amounts for the lung cancer patients compared to the controls. The Cre recombinase will flip a constitutive promoter P<sub><i>TEF1</i></sub> flanked between two LoxP sites. This will in turn activate transcription of the gRNA for <i>ADE2</i> disruption in one mating type and transcription of the protein Cas9 in the other. Since the production rate of P<sub><i>TEF1</sub></i> is unknown, we set it to an arbitrary value of 1mmol/min/L. Setting an arbitrary production rate does not allow us to make any quantitative predictions about the gRNA/Cas9 levels. However, due to the fact that the original yeast parameters are used for the receptors, quantitative information is lost anyway. Although we can still estimate relative concentrations of these species between our patient groups.
 +
         </p>
 +
 
 +
        <p class="text">
 +
The mating rate in this model is assumed to be proportional to the amount of haploid cells in the culture and the Fus1 concentration. Given an initial 1000 haploids, we produce the corresponding amount of diploids for each patient group, shown in Figure 2d.
 +
For the concentration of activated Cas9-gRNA complex per diploid cell we assumed it to be proportional to the amount of haploids, the gRNA concentration in each cell and the Cas9 concentration in each cell. The result from this simulation is shown in Figure 2e. After 24 hours there is about a <b>50% increase in Cas9:gRNA dimers</b> compared with the controls. This increase will in turn promote deletion of the <i>ADE2</i> gene, causing the cell to turn red. Although this can be modeled, since there were not any parameters at all for the <i>ADE2</i> pathway in the literature, we decided to only model up until the Cas9:gRNA dimer formation.
 +
         </p>
 +
         <p class="text">
 +
From this we can conclude that it might be possible to differentiate between lung cancer patients and controls since we get a 50% higher level of Cas9:dimers after 24 hours.
 +
        </p>
 +
        </div>
 +
        </div>
 +
     
 +
        <div class="target" id="code">
 +
          <div class="dashed_line_right">
 +
        <h4 class="subtitle">MATLAB code</h4>
 +
        <p class="text">
 +
The MATLAB code used in this project can be found here:
 +
         </p>
 +
<h2>pheromonepathway.m</h2>
 +
         <p class="text">
 +
This is the main .m-file that should be run. Available <a href="https://static.igem.org/mediawiki/2017/9/9d/T--Chalmers-Gothenburg--pheromonepathway.m.txt" target="blank">here.</a>
 +
         </p>
 +
<h2>f.m</h2>
 +
         <p class="text">
 +
This function is called by the ODE solver and contains all of the ODEs. Available <a href="https://static.igem.org/mediawiki/2017/8/8d/T--Chalmers-Gothenburg--f.txt" target="blank">here.</a>
 +
         </p>
 
         </div>
 
         </div>
 
         </div>
 
         </div>
     
 
 
          
 
          
 +
        <div class="target" id="references">
 +
        <div class="dashed_line_left_last">
 +
        <h4 class="sidetitle">References</h4>
 +
 +
            <div class="reference_list">
 +
              <ul>
 +
                <li>[1]&#160;&#160; Kofahl B,Klipp E Modelling the dynamics of the yeast pheromone pathway. Yeast 2004; 21: 831–850.</li>
 +
 +
                <li>[2]&#160;&#160; Dyjack N, Azeredo-Tseng C, Yildirim N Mathematical modeling reveals differential regulation of MAPK activity by phosphatase proteins in the yeast pheromone response pathway. Mol. BioSyst. Mol. BioSyst 2017; 13: 1323-1335.</li>
 +
 +
                <li>[3]&#160;&#160; Yeastgenome.org. (2017). FUS1 | SGD. [online] Available at: https://www.yeastgenome.org/locus/S000000532 [Accessed 17 Sep. 2017].</li>
 +
 +
                <li>[4]&#160;&#160; 2012.igem.org. (2017). Team:TU-Delft/Modeling/SingleCellModel - 2012.igem.org. [online] Available at: https://2012.igem.org/Team:TU-Delft/Modeling/SingleCellModel [Accessed 17 Sep. 2017].</li>
 +
 +
                <li>[5]&#160;&#160; 2015.igem.org. (2017). Team:CGU Taiwan/Modeling - 2015.igem.org. [online] Available at: https://2015.igem.org/Team:CGU_Taiwan/Modeling [Accessed 17 Sep. 2017].</li>
 +
 +
                <li>[6]&#160;&#160;2015.igem.org. (2017). Team:Chalmers-Gothenburg/Detection - 2015.igem.org. [online] Available at: https://2015.igem.org/Team:Chalmers-Gothenburg/Detection [Accessed 17 Sep. 2017]. </li>
 +
 +
                <li>[7]&#160;&#160; Fuchs P, Loeseken C, Schubert J. K. , Miekisch W Breath gas aldehydes as biomarkers of lung cancer. International Journal of Cancer 2010.</li>
 +
 +
                <li>[8]&#160;&#160; Groves B, Khakhar A, Nadel C. M. , Gardner R. G. ,Seelig G, Rewiring MAP kinases in Saccharomyces cerevisiae to regulate novel targets through ubiquitination. eLife 2016. </li>
 +
 +
              </ul>
 +
            </div>
 +
          </div>
 +
        </div>
 +
 
         </div>  <!--------------------------- Project_theory_170803.html STOP -------------------------------->
 
         </div>  <!--------------------------- Project_theory_170803.html STOP -------------------------------->
  
Line 1,672: Line 1,530:
 
        
 
        
 
       <div id="logorow">
 
       <div id="logorow">
 +
       
 
         <div class="footerlogo">
 
         <div class="footerlogo">
           <a href="http://www.snapgene.com/">
+
           <a href="https://www.agilent.com/home" target="_blank">
             <img src="pictures_17/logotypes/SnapGene-Logo-144_30percentgray.png" class="footerimg on">
+
             <img src="https://static.igem.org/mediawiki/2017/f/fb/T--Chalmers-Gothenburg--Agilent_gray.png" alt="Agilent Technologies" class="footerimg on">
             <img src="pictures_17/logotypes/SnapGene-Logo-144.png" class="footerimg off">
+
             <img src="https://static.igem.org/mediawiki/2017/1/1e/T--Chalmers-Gothenburg--Agilent.png" alt="Agilent Technologies" class="footerimg off">
 
           </a>
 
           </a>
 
         </div>
 
         </div>
 
          
 
          
 
         <div class="footerlogo">
 
         <div class="footerlogo">
           <a href="https://www.idtdna.com/">
+
           <a href="https://www.atum.bio/" target="_blank">
             <img src="pictures_17/logotypes/IDT_Logo_2014_(corp_blue)_30percentgray.png" class="footerimg on">
+
             <img src="https://static.igem.org/mediawiki/2017/a/ae/T--Chalmers-Gothenburg--ATUM_gray.png" alt="ATUM" class="footerimg on">
             <img src="pictures_17/logotypes/IDT_Logo_2014_(corp_blue).png" class="footerimg off">
+
             <img src="https://static.igem.org/mediawiki/2017/7/71/T--Chalmers-Gothenburg--ATUM.png" alt="ATUM" class="footerimg off">
 
           </a>
 
           </a>
 
         </div>
 
         </div>
 
          
 
          
 
         <div class="footerlogo">
 
         <div class="footerlogo">
           <a href="https://www.neb.com/">
+
           <a href="http://www.chalmers.se/en/Pages/default.aspx" target="_blank">
             <img src="pictures_17/logotypes/neb_logo2_30percentgray.png" class="footerimg on">
+
             <img src="https://static.igem.org/mediawiki/2017/9/9f/T--Chalmers-Gothenburg--Chalmers_logo_gray.png" alt="Chalmers" class="footerimg on">
             <img src="pictures_17/logotypes/neb_logo3.png" class="footerimg off">
+
             <img src="https://static.igem.org/mediawiki/2017/9/9f/T--Chalmers-Gothenburg--Chalmers_logo.png" alt="Chalmers" class="footerimg off">
 
           </a>
 
           </a>
 
         </div>
 
         </div>
 
          
 
          
 
         <div class="footerlogo">
 
         <div class="footerlogo">
           <a href="http://www.eurofins.com/">
+
           <a href="http://www.eurofins.com/" target="_blank">
             <img src="pictures_17/logotypes/eurofins_logo2_30percentgray.png" class="footerimg on">
+
             <img src="https://static.igem.org/mediawiki/2017/f/f8/T--Chalmers-Gothenburg--eurofins_gray.png" alt="Eurofins" class="footerimg on">
             <img src="pictures_17/logotypes/eurofins_logo2.png" class="footerimg off">
+
             <img src="https://static.igem.org/mediawiki/2017/e/e4/T--Chalmers-Gothenburg--eurofins.png" alt="Eurofins" class="footerimg off">
 
           </a>
 
           </a>
 
         </div>
 
         </div>
 
+
       
 
         <div class="footerlogo">
 
         <div class="footerlogo">
           <a href="http://www.chalmers.se/en/Pages/default.aspx">
+
           <a href="https://www.gatc-biotech.com/en/index.html" target=”_blank”>
             <img src="pictures_17/logotypes/chalmers_logo2_30percentgray.png" class="footerimg on">
+
             <img src="https://static.igem.org/mediawiki/2017/c/c2/T--Chalmers-Gothenburg--gatc_gray.png" alt="GATC Biotech" class="footerimg on">
             <img src="pictures_17/logotypes/chalmers_logo2.png" class="footerimg off">
+
             <img src="https://static.igem.org/mediawiki/2017/c/c0/T--Chalmers-Gothenburg--gatc.png" alt="GATC Biotech" class="footerimg off">
 
           </a>
 
           </a>
 
         </div>
 
         </div>
 
          
 
          
 
         <div class="footerlogo">
 
         <div class="footerlogo">
           <a href="http://www.sysbio.se/">
+
           <a href="http://www.genscript.com/" target="_blank">
             <img src="pictures_17/logotypes/sysbio_logo2_30percentgray.png" class="footerimg on">
+
             <img src="https://static.igem.org/mediawiki/2017/c/ce/T--Chalmers-Gothenburg--Genscript_gray.png" alt="Genscript" class="footerimg on">
             <img src="pictures_17/logotypes/sysbio_logo5.png" class="footerimg off">
+
             <img src="https://static.igem.org/mediawiki/2017/2/29/T--Chalmers-Gothenburg--Genscript.png" alt="Genscript" class="footerimg off">
 +
          </a>
 +
        </div>
 +
       
 +
        <div class="footerlogo">
 +
          <a href="https://www.idtdna.com/" target="_blank">
 +
            <img src="https://static.igem.org/mediawiki/2017/a/a3/T--Chalmers-Gothenburg--IDT_gray.png" alt="IDT" class="footerimg on">
 +
            <img src="https://static.igem.org/mediawiki/2017/f/fd/T--Chalmers-Gothenburg--IDT.png" alt="IDT" class="footerimg off">
 
           </a>
 
           </a>
 
         </div>
 
         </div>
  
 
         <div class="footerlogo">
 
         <div class="footerlogo">
           <a href="https://www.atum.bio/">
+
           <a href="http://www.chalmers.se/en/areas-of-advance/lifescience/Pages/default.aspx" target="_blank">
             <img src="pictures_17/logotypes/ATUM_110216_4c30percentgray.png" class="footerimg on">
+
             <img src="https://static.igem.org/mediawiki/2017/6/6e/T--Chalmers-Gothenburg--Life_science_gray.png" alt="ATUM" class="footerimg on">
             <img src="pictures_17/logotypes/ATUM_110216_4cBlack2.png" class="footerimg off">
+
             <img src="https://static.igem.org/mediawiki/2017/a/a3/T--Chalmers-Gothenburg--Life_science.png" alt="ATUM" class="footerimg off">
 
           </a>
 
           </a>
 
         </div>
 
         </div>
 
          
 
          
 +
        <div class="footerlogo">
 +
          <a href="https://www.neb.com/" target="_blank">
 +
            <img src="https://static.igem.org/mediawiki/2017/2/29/T--Chalmers-Gothenburg--neb_gray.png" alt="NEB" class="footerimg on">
 +
            <img src="https://static.igem.org/mediawiki/2017/e/e6/T--Chalmers-Gothenburg--neb.png" alt="NEB" class="footerimg off">
 +
          </a>
 +
        </div>
 
          
 
          
 
         <div class="footerlogo">
 
         <div class="footerlogo">
           <a href="http://www.genscript.com/">
+
           <a href="http://www.snapgene.com/" target="_blank">
             <img src="pictures_17/logotypes/Genscript.png" class="footerimg on">
+
             <img src="https://static.igem.org/mediawiki/2017/1/1a/T--Chalmers-Gothenburg--SnapGene_gray.png" alt="SnapGene" class="footerimg on">
             <img src="pictures_17/logotypes/Genscript.png" class="footerimg off">
+
             <img src="https://static.igem.org/mediawiki/2017/9/95/T--Chalmers-Gothenburg--SnapGene.png" alt="SnapGene" class="footerimg off">
 
           </a>
 
           </a>
 
         </div>
 
         </div>
 
+
       
 
+
         <div class="footerlogo">
         <!--<div class="footerlogo">
+
           <a href="http://www.sysbio.se/" target="_blank">
           <a href="http://www.chalmers.se/en/departments/bio/research/industrial-biotechnology/Pages/default.aspx">
+
             <img src="https://static.igem.org/mediawiki/2017/7/7d/T--Chalmers-Gothenburg--sysbio_gray.png" alt="Sysbio" class="footerimg on">
             <img src="media/footer_logo_photos/indbio-logo-gray.png" class="footerimg on">
+
             <img src="https://static.igem.org/mediawiki/2017/8/89/T--Chalmers-Gothenburg--sysbio.png" alt="Sysbio" class="footerimg off">
             <img src="media/footer_logo_photos/indbio-logo.png" class="footerimg off">
+
 
           </a>
 
           </a>
 
         </div>
 
         </div>
      </div>-->
+
       
 +
       
 
        
 
        
 
       <div id="footer-contact-row">
 
       <div id="footer-contact-row">
 
         <hr>
 
         <hr>
         <a href="https://www.facebook.com/chalmersigem/?fref=ts">facebook</a>  
+
         <a href="https://www.facebook.com/chalmersigem/?fref=ts" target="_blank">facebook</a>  
         <a href="https://twitter.com/igemchalmers">twitter</a>  
+
         <a href="https://twitter.com/igemchalmers" target="_blank">twitter</a>  
 
         <a href="mailto:igemgothenburg@gmail.com">e-mail</a>  
 
         <a href="mailto:igemgothenburg@gmail.com">e-mail</a>  
         <a href="https://www.instagram.com/chalmersigem/">instagram</a>
+
         <a href="https://www.instagram.com/chalmersigem/" target="_blank">instagram</a>
 
       </div>
 
       </div>
 
+
     </footer> <!--------------------------------- footer_170726.html STOP ----------------------------------> </body>            
     </footer> <!--------------------------------- footer_170726.html STOP ---------------------------------->
+
  </body>
+
 
    
 
    
  

Latest revision as of 08:18, 1 November 2017

Chalmers Gothenburg iGEM 2017

Introduction

The modeling part of our project was to simulate our biosensor in silico to gain insight in how the output might look, and what may be changed or modified in it to produce a better result.

One of the main parts of our biosensor uses the yeast pheromone pathway with custom GPCRs that will make the cells sense volatile organic compounds (VOCs) that are lung cancer biomarkers. These receptors, when activated by the VOCs in the breath of patients will trigger a proteolytic cascade, the MAPK cascade, in the pheromone pathway which ultimately leads to increased levels of a transcription factor called Ste12 [1]. Ste12 acts as a “first checkpoint” in our biosensor as its values will correlate with the downstream processes. This transcription factor will then promote expression of the protein Fus1, whose function involves coordinating cell polarization and fusion in order to make the yeast mate with the opposing mating type [3]. Therefore, the promoter region (PFUS1) was used as a way to signal when the pheromone pathway is activated.

In parallel to the normal pheromone pathway, a construct containing Cre recombinase with PFUS1 in front of it was added, which causes it to be co-expressed by pheromone pathway activation. Cre in turn flips the constitutive promoter PTEF by recombining two loxP-sites surrounding the promoter. This leads to expression of Cas9 in one mating type and a gRNA in the other. When the cells of opposing mating types then mate to form a diploid, the Cas9 and gRNA will bind to each other. This will in turn cause the Cas9-gRNA complex to cut the ADE2 gene in yeast and turn the cells red.

Modeling and results

To model this system, we decided to use a set of coupled ordinary differential equations (ODEs) that correspond to the different species involved in the pheromone pathway. The model relies upon the work of Kofahl and Klipp [1], whose model of this pathway has been used extensively by many iGEM teams throughout the years and has produced good results [4,5,6]. The model is very detailed and involves 36 different species with almost 50 reactions between them [1]. The modeling part of the project uses all of the ODEs and parameter from their original paper, along with other ODEs stated in Table 3.

Figure 1.The reaction network used in the model by Kofahl and Klipp [1].

As seen in the bottom right corner of Figure 1, the cascade ends with an activation of Ste12 which makes it possible for it to bind into DNA and begin transcriptional activation. This was therefore used as a first step into validating the function of the biosensor. The concentration of Ste12 should be higher in lung cancer patients compared to healthy people, due to the fact that they produce a higher amount of VOCs that can activate the pheromone pathway [7]. To check this, data on different VOC levels was used, both in in lung cancer patients and compared to a healthy control group and a group consisting of smokers [7]. The data of the median level of each group is presented in Table 1 and consists only of n-octanal levels. The choice of only studying the n-octanal levels is due to the fact that no data (kinetic rates v1 to v5 in Kofahl and Klipp’s model, see Figure 1) is available for the two receptors used in this project, thus the 2-butanone levels were omitted. The original yeast parameters of these reactions were used together with the n-octanal concentrations from the three patient groups.

Table 1. Median n-octanal level values for different patient groups [7].
Patient group (n=12) Controls Smokers Lung cancer patients
Median n-octanal values (nmol/L) 0,011 0,006 0,052

Given these assumptions, the simulation for the Ste12 concentration can be run on the three different patient groups, which gives the result presented in Figure 2a. Even though the n-octanal level is about five times higher in lung cancer patients compared to the controls, this only leads to a 50% increase in peak Ste12 concentration. To study whether this affected expression of Cre recombinase another ODE was added into the system, see Table 2, that models binding and gene expression of Ste12 onto PFUS1.

Figure 2. Time course plots for the different species in our model.
Table 2. ODEs describing the temporal behavior of different species in the model. The parameter values are either randomly chosen or from literature.
ODEs added to Kofahl & Klipp's model Parameter values
Cre/Fus1 production: [2,8]
Cas9/gRNA formation: Arbitrary value
Diploid formation: Arbitrary value
Haploid mating: Arbitrary value
Cas9:gRNA complex formation: Arbitrary value

The binding kinetics are assumed to be of Hill type with values found in the literature [2,8]. The initial concentrations of Fus1 and Cre recombinase are assumed to be zero. The time courses for Cre/Fus1 are shown in Figure 2b. Notice that we now have about double the Fus1/Cre recombinase amounts for the lung cancer patients compared to the controls. The Cre recombinase will flip a constitutive promoter PTEF1 flanked between two LoxP sites. This will in turn activate transcription of the gRNA for ADE2 disruption in one mating type and transcription of the protein Cas9 in the other. Since the production rate of PTEF1 is unknown, we set it to an arbitrary value of 1mmol/min/L. Setting an arbitrary production rate does not allow us to make any quantitative predictions about the gRNA/Cas9 levels. However, due to the fact that the original yeast parameters are used for the receptors, quantitative information is lost anyway. Although we can still estimate relative concentrations of these species between our patient groups.

The mating rate in this model is assumed to be proportional to the amount of haploid cells in the culture and the Fus1 concentration. Given an initial 1000 haploids, we produce the corresponding amount of diploids for each patient group, shown in Figure 2d. For the concentration of activated Cas9-gRNA complex per diploid cell we assumed it to be proportional to the amount of haploids, the gRNA concentration in each cell and the Cas9 concentration in each cell. The result from this simulation is shown in Figure 2e. After 24 hours there is about a 50% increase in Cas9:gRNA dimers compared with the controls. This increase will in turn promote deletion of the ADE2 gene, causing the cell to turn red. Although this can be modeled, since there were not any parameters at all for the ADE2 pathway in the literature, we decided to only model up until the Cas9:gRNA dimer formation.

From this we can conclude that it might be possible to differentiate between lung cancer patients and controls since we get a 50% higher level of Cas9:dimers after 24 hours.

MATLAB code

The MATLAB code used in this project can be found here:

pheromonepathway.m

This is the main .m-file that should be run. Available here.

f.m

This function is called by the ODE solver and contains all of the ODEs. Available here.

References

  • [1]   Kofahl B,Klipp E Modelling the dynamics of the yeast pheromone pathway. Yeast 2004; 21: 831–850.
  • [2]   Dyjack N, Azeredo-Tseng C, Yildirim N Mathematical modeling reveals differential regulation of MAPK activity by phosphatase proteins in the yeast pheromone response pathway. Mol. BioSyst. Mol. BioSyst 2017; 13: 1323-1335.
  • [3]   Yeastgenome.org. (2017). FUS1 | SGD. [online] Available at: https://www.yeastgenome.org/locus/S000000532 [Accessed 17 Sep. 2017].
  • [4]   2012.igem.org. (2017). Team:TU-Delft/Modeling/SingleCellModel - 2012.igem.org. [online] Available at: https://2012.igem.org/Team:TU-Delft/Modeling/SingleCellModel [Accessed 17 Sep. 2017].
  • [5]   2015.igem.org. (2017). Team:CGU Taiwan/Modeling - 2015.igem.org. [online] Available at: https://2015.igem.org/Team:CGU_Taiwan/Modeling [Accessed 17 Sep. 2017].
  • [6]  2015.igem.org. (2017). Team:Chalmers-Gothenburg/Detection - 2015.igem.org. [online] Available at: https://2015.igem.org/Team:Chalmers-Gothenburg/Detection [Accessed 17 Sep. 2017].
  • [7]   Fuchs P, Loeseken C, Schubert J. K. , Miekisch W Breath gas aldehydes as biomarkers of lung cancer. International Journal of Cancer 2010.
  • [8]   Groves B, Khakhar A, Nadel C. M. , Gardner R. G. ,Seelig G, Rewiring MAP kinases in Saccharomyces cerevisiae to regulate novel targets through ubiquitination. eLife 2016.