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

 
(16 intermediate revisions by the same user not shown)
Line 24: Line 24:
 
body {  
 
body {  
 
   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;
 
}
 
}
 
 
  
 
/*----------------------------Side navigation bar-------------------------------*/
 
/*----------------------------Side navigation bar-------------------------------*/
Line 554: Line 545:
 
     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 668:
 
}
 
}
  
/*.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/3/30/T--Chalmers-Gothenburg--Project_Description.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: 750px;
+
height:auto;
+
  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 694:
 
}
 
}
  
.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: 750px;
 
height:auto;
 
  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_theory {
+
/* Banner: name of the page */
  font-size: 45pt;
+
#banner {
  color: black;
+
height: 100%;
  text-align: center;
+
        position: relative;
position:bottom;
+
        bottom: 50px;
  background-image: url("pictures_17/backgrounds/pen_paper.jpg"); /*, linear-gradient(to bottom, #ffffff, #e6e6e6); /*#0c749c, #145071*/
+
    float: left;
/*  min-height: 500px;*/
+
    width: 100%;
 
+
        font-size: 80pt; /*35pt*/
  background-attachment: fixed;
+
font-family:"Lato", cursive;
  background-position: center;
+
        color:#c91a03 ;
  background-repeat: no-repeat;
+
line-height: 65pt;
  background-size: cover;
+
        text-shadow: 5px 5px #000000;
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 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/DNA.jpg"); /*, linear-gradient(to bottom, #ffffff, #e6e6e6); /*#0c749c, #145071*/
+
        font-size: 80pt; /*35pt*/
  min-height: 750px;
+
font-family:"Lato", cursive;
height:auto;
+
        color:#c91a03 ;
  background-attachment: fixed;
+
line-height: 65pt;
  background-position: center;
+
        text-shadow: 5px 5px #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: 750px;
 
height:auto;
 
  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 {
+
#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/Chemistry_entrance_bw.jpg"); /*, linear-gradient(to bottom, #ffffff, #e6e6e6); /*#0c749c, #145071*/
+
        font-size: 40pt; /*35pt*/
  /*min-height: 750px;
+
font-family:"Lato", cursive;
height:auto;*/
+
        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_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: 750px;
+
height:auto;*/
+
  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: 750px;
+
height:auto;*/
+
  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: 750px;
+
height:auto;*/
+
  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: 750px;
+
height:auto;*/
+
  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: 750px;
+
height:auto;*/
+
  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 {
 
   background-color: transparent;
 
   background-color: transparent;
   font-size: 80pt;
+
   font-size: 80pt; /*35pt*/
font-family:"Lato", cursive;
+
font-family:"Lato", cursive; /*Dancing Script, Marck Script, Tangerine, Sacramento, Allura, Parisienne, Montez*/
   color:#c91a03 ;
+
   color:#c91a03 ;/*Alternatives: #c91a03, #ff0000, #fd4833, #fb2104*/
 
line-height: 65pt;
 
line-height: 65pt;
 
   padding-top: 30%;
 
   padding-top: 30%;
 
font-weight: bold;
 
font-weight: bold;
 
text-align:left;
 
text-align:left;
margin-left:200px;
+
margin-left:10%;
 
text-shadow: 5px 5px #000000;
 
text-shadow: 5px 5px #000000;
+
/*border-style:dashed;
+
border-color:red;*/
 
}
 
}
  
Line 1,027: Line 756:
 
   color:#c91a03;
 
   color:#c91a03;
 
   font-size: 40pt;
 
   font-size: 40pt;
line-height: 30pt;
+
line-height: 15pt;
 
   padding-top: 2%;
 
   padding-top: 2%;
 
   padding-bottom: 20px;
 
   padding-bottom: 20px;
font-family:"Lato", cursive;
+
font-family:"Lato", cursive; /*Dancing Script, Marck Script, Tangerine, Sacramento, Allura, Parisienne, Montez*/
 
text-align:left;
 
text-align:left;
margin-left:200px;
+
margin-left:10%;
 
text-shadow: 2px 2px #000000;
 
text-shadow: 2px 2px #000000;
 
}
 
}
Line 1,143: Line 872:
 
}
 
}
  
 +
.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,501: Line 1,273:
 
   <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,530: Line 1,302:
 
             <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,539: Line 1,311:
 
             <a href="https://2017.igem.org/Team:Chalmers-Gothenburg/HP/Silver">Human practices</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 practices</a>
+
               <a href="https://2017.igem.org/Team:Chalmers-Gothenburg/HP/Gold_Integrated">Integrated human practices</a>
 
             </div>
 
             </div>
 
           </li>
 
           </li>
Line 1,548: Line 1,320:
 
             <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,568: Line 1,340:
 
            
 
            
 
           <!--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,583: Line 1,356:
  
 
            
 
            
         <div class="header_Project_theory">
+
         <div class="header_test">
    <div class="header-text">PROJECT</div>
+
  <!-- Banner -->
    <div class="header-subtitle">Design and Idea</div>
+
    <div id="banner">
    </div>
+
            <h3>Description</h3>
 +
            </div>
 +
        </div>
 
      
 
      
 
     <!-- logo in right corner
 
     <!-- logo in right corner
Line 1,600: Line 1,375:
 
           <nav>
 
           <nav>
 
             <a href="#intro" class="active">Introduction</a>
 
             <a href="#intro" class="active">Introduction</a>
             <a href="#background">Background</a>
+
             <a href="#biomarkers">Lung cancer and biomarkers</a>
             <a href="#biosensor">The biosensor</a>
+
             <a href="#breathtaking">BREATHtaking</a>
             <a class="sub-level" href="#signal">Signal</a>
+
             <a class="sub-level" href="#detection">Detection</a>
             <a class="sub-level" href="#switch">The switch</a>
+
             <a class="sub-level" href="#switch">Switch</a>
             <a class="sub-level" href="#AND-gate">The AND-gate</a>
+
             <a class="sub-level" href="#output">Output</a>
 
             <a href="#references">References</a>
 
             <a href="#references">References</a>
 
           </nav>
 
           </nav>
Line 1,619: Line 1,394:
 
              
 
              
 
         <p class="text">
 
         <p class="text">
          <b>Lung cancer</b> is one of the most common cancer forms today and due to the lack of good  
+
<b>Lung cancer</b> is one of the most common cancer forms today and due to the lack of good detection methods, it is one of the deadliest. A suggested approach for detection of the disease have been to use specific <b>volatile organic compounds</b> (VOCs) found in elevated levels in the breath of lung cancer patients.
          detection methods, it is one of the deadliest. A suggested approach for detection of  
+
          the disease have been to use specific <b>volatile organic compounds</b> (VOCs) that
+
          have been found in elevated levels in the breath of lung cancer patients.  
+
 
         </p>
 
         </p>
 
         <p class=text>
 
         <p class=text>
          <b>The aim</b> of this project is to detect two of these VOCs with a biosensor made of <i>Saccharomyces  
+
BREATHtaking is a biosensor for <b>detection of lung cancer</b> through the analysis of exhaled air from patients. The biosensor is designed as an AND-gate and consist of <b>olfactory receptors</b> from mouse and rat incorporated into two different strains of <i>Saccharomyces cerevisiae</i>. When these receptors detect specific VOCs, a CRISPR/Cas9-system is initiated  and mating is induced between the two strains. The CRISPR/Cas9-system is designed to partially delete the <i>ADE2</i> gene in the fused, diploid cells and cause a <b>colony colour change</b>. The colony colour change in the biosensor will indicate presence of VOCs in the patient’s exhaled breath.
          cerevisiae</i>. The VOCs will be detected by <b>G-protein coupled receptors</b> (GPCRs) which will
+
          activate the pheromone pathway and initiate mating between a- and α-cells. The output, a
+
          colony color change, will be achieved by partially deleting the ADE2 gene with a CRISPR/Cas9  
+
          system in the fused cell. The colony color change in the biosensor will indicate presence of
+
          VOCs in the patient’s exhaled breath.
+
 
         </p>
 
         </p>
 
           </div>
 
           </div>
Line 1,636: Line 1,403:
 
          
 
          
 
          
 
          
         <div class="target" id="background">
+
         <div class="target" id="biomarkers">
 
         <div class="dashed_line_right">   
 
         <div class="dashed_line_right">   
         <h4 class="sidetitle">Background</h4>
+
         <h4 class="sidetitle">Lung cancer & VOCs as biomarkers</h4>
 
         <p class="text">
 
         <p class="text">
          <b>Lung cancer</b> is the cancer form with the highest death toll, causing <b>1.69 million  
+
Lung cancer is the cancer form with the highest death toll, causing <b>1.69 million deaths</b> globally in 2015 [1]. One reason for the high death toll is the late detection of the cancer, due to symptoms appearing first in the later stage of the disease.
          deaths</b> globally in 2015 [1]. One reason for the high death toll is the late detection  
+
          of the cancer, due to symptoms starting to appear first in the later stages.  
+
 
         </p>
 
         </p>
 
         <p class="text">
 
         <p class="text">
          Three different stages are used to characterize lung cancer; I, II and III. The magnitude of  
+
Three different stages are used to characterize lung cancer; I, II and III. The magnitude of the disease is based on size of the tumor and the extent of spreading to lymph nodes and other organs in the body [2]. A majority of the lung cancer cases today are diagnosed in stage III with a <b>5-year survival rate of 5-14%</b>. An earlier detection at stage I or II would increase the figure to 45-49% which clearly show that early detection is a key to increase the chances of surviving lung cancer [3].
          the disease is based on size of the tumor and the extent of spreading to lymph nodes  
+
          and other organs in the body [2]. A majority of the lung cancer cases today are diagnosed  
+
          in stage III with a <b>5-year survival rate of 5-14%</b>. An earlier detection at stage I or II  
+
          would increase the figure to <b>45-49%</b> which clearly show that early detection is a key to
+
          increase the chances of surviving lung cancer [3].  
+
 
           </p>
 
           </p>
          </div>
 
      <div class="dashed_line_left"> 
 
 
           <p class="text">
 
           <p class="text">
          At the appearance of the first symptoms,  
+
At the appearance of the first symptoms, a <b>chest X-ray</b> is used today to scan for tumors. The scan can indicate the position and size of the tumors. Despite being a non-invasive procedure, it is accompanied by <b>limitations such as cost, time and expertise</b>. Due to these limitations X-ray is not suitable for mass screening of lung cancer [4]. Therefore, there is a demand for new diagnostic tools with mass screening potential.
          a <b>chest X-ray</b> is used today to scan for tumors. The scan can indicate the position and size  
+
          of the tumors. Despite being a non-invasive procedure, it is accompanied by <b>limitations</b> such  
+
          as cost, time, expertise and sensitivity required for X-ray examinations. Due to these  
+
          limitations X-ray is not suitable for mass screening of lung cancer [4]. Therefore, there is  
+
          a demand for new diagnostic tools with mass screening potential.  
+
 
         </p>
 
         </p>
        <p class="text">
 
          One of the most promising
 
          approaches for early diagnosis is the use of <b>volatile organic compounds</b> (VOCs) as biomarkers.
 
          Some specific VOCs can be detected in higher concentrations in the breath of lung cancer
 
          patients compared to healthy individuals. The cancer cells have an increased oxidative rate
 
          that results in oxidative stress products found in the breath of patients. <b>The low concentration</b>
 
          of VOCs, pmol/l, has provided a challenge in using this approach for detection and no efficient
 
          screening method is yet available [5].
 
 
         </div>
 
         </div>
       <div class="dashed_line_right">   
+
       <div class="dashed_line_left">   
 +
        <p class="text">
 +
One of the most promising approaches for early diagnosis is the use of volatile organic compounds (VOCs) as <b>biomarkers</b>. Some specific <b>VOCs</b> can be detected in higher concentrations in the breath of lung cancer patients compared to healthy individuals, since the cancer cells have an increased oxidative rate that results in oxidative stress products. The <b>low concentration</b> of VOCs, pmol/l,  however has provided a challenge in using this approach for detection and no efficient screening method is yet available [5].
 +
 
 
         </p>
 
         </p>
 
         <p class="text">
 
         <p class="text">
          Studies have shown that there is <b>not only one</b> compound  
+
Studies have shown that there is not only one compound that can be used as a biomarker in the breath of cancer patients [5]. An optimal diagnostic tool would therefore be able to <b>detect multiple VOCs</b> in order to decrease the number of false positive diagnoses. One example of a diagnostic tool is a biosensor, which is a biological-based system that can detect the presence of a target analyte and convert it into a signal. A biosensor can be developed with many different species, antibodies or enzymes. In this case, a <b>yeast-based biosensor</b> is a suitable approach where some of the advantages are the ease of genetic manipulation, as well as the <b>cheap and easy cultivation</b> [6].  
          that can be used as a biomarker in the breath of cancer patients [5]. An optimal diagnostic tool  
+
          would therefore be able to detect multiple VOCs in order to decrease the number of false positive  
+
          diagnoses. One example of a diagnostic tool is a <b>biosensor</b>, which is a biological-based system  
+
          that can detect the presence of a target analyte and convert it into a signal. A biosensor can be  
+
          developed with many different species, antibodies or enzymes. In this case, a yeast-based biosensor  
+
          is a suitable approach and some of the advantages are the ease of genetic manipulation, as well as  
+
          the <b>cheap and easy cultivation</b> [6].  
+
 
         </p>
 
         </p>
          <img src="pictures_17/text_figures/sniffing_yeast_2.png" alt="Design" style="height:75%; width:75%;">
 
 
         <p class="text">
 
         <p class="text">
          To create this novel, non-invasive diagnostic tool, the budding  
+
To create this novel, non-invasive diagnostic tool, the budding yeast <b><i>Saccharomyces cerevisiae</i></b> will be used as a biosensor. The yeast cells will have two xenogeneic olfactory receptors incorporated. These can bind the biomarkers that are present in the breath of lung cancer patients, opening up for the possibility to detect the cancer before any symptoms appear.
          yeast <b><i>Saccharomyces cerevisiae</i></b> will be used as a biosensor. The yeast cells will have two xenogeneic  
+
          olfactory receptors incorporated. These can bind the biomarkers that are present in the breath of  
+
          lung cancer patients, opening up for the possibility to <b>detect the cancer</b> before any symptoms appears.
+
 
         </p>
 
         </p>
 
         </div>
 
         </div>
 
         </div>
 
         </div>
 
          
 
          
         <div class="target" id="biosensor">
+
         <div class="target" id="breathtaking">
         <div class="dashed_line_left">
+
         <div class="dashed_line_right">
           <h4 class="sidetitle">The biosensor</h4>
+
           <h4 class="sidetitle">BREATHtaking</h4>
 
         <p class="text">
 
         <p class="text">
          The aim of this project is to detect two VOCs that have been found in elevated
+
The biosensor BREATHtaking is designed to detect lung cancer in the breath of patients and is built as an <b>AND-gate</b> in <i>S. cerevisiae</i>, dependent on mating between the two mating types α and a. The biosensor is divided into three parts; detection, switch and output, see Figure 1. Recombinant <b>G-protein coupled receptors</b> (GPCRs) detect <b>butanone and n-octanal</b>, two of the VOCs most commonly found in elevated levels in exhaled air from lung cancer patients [7,8]. Detection of n-octanal and butanone is the first part of the biosensor and leads to both expression of mating genes in the cells and initiation of the switch, which is the second part of the biosensor. The switch consists of a <b>CRISPR/Cas9 system</b> where a gRNA is expressed in mating type α and the Cas9 protein in mating type a. In the initiation of the switch, Cre recombinase is expressed which is needed to commence the transcription of the gRNAs and the Cas9 protein in the cells.
          levels in the breath of lung cancer patients, using a biosensor made of <i>Saccharomyces
+
          cerevisiae</i>. Two of the most commonly found VOCs; butanone and n-octanal, are chosen for
+
          detection [7, 8]. The VOCs will be detected by G-protein coupled receptors (GPCRs) with the  
+
          ability to activate the pheromone pathway in yeast and thereby initiate mating between a- and
+
          α-cells. The final output will be a color change due to deletion of the ADE2 gene using gRNA  
+
          and Cas9. The colony color change will indicate the presence of the target VOCs, and thereby
+
          also lung cancer.
+
 
         </p>
 
         </p>
           
+
        <p class="text">
            <img src="pictures_17/text_figures/yeast map design.png" alt="Design" style="height:75%; width:75%;">
+
The third, and final, part of the biosensor is the output of the AND-gate. Detection of the VOCs leads to <b>mating</b> between the two mating types resulting in both the gRNA and the Cas9 being in the same, fused cell. As the gRNA corresponds to a sequences in <i>ADE2</i>, the CRISPR/Cas9 system disrupts the gene. <b>Disruption of <i>ADE2</i></b> gives the colony a colour change that is the final output of the biosensor.
 +
        </p>   
 +
 
 +
        <figure>
 +
<img src="https://static.igem.org/mediawiki/2017/b/b2/T--Chalmers-Gothenburg--System_overview_blaack_text.png " alt="BREATHtaking" style="height:347px; width:696px;">
 +
<figcaption><b>Figure 1.</b> The biosensor BREATHtaking is an AND-gate. Recombinant receptors sense butanone and n-octanal in mating type α and a respectively, and initiates a CRISPR/Cas9 system. The system disrupts <i>ADE2</i> and gives a colony colour change as output from the AND-gate.</figcaption>
 +
</figure>
 
           </div>
 
           </div>
 
              
 
              
 
         </div>
 
         </div>
 
          
 
          
         <div class="target" id="signal">
+
         <div class="target" id="detection">
 +
        <div class="dashed_line_left">
 +
          <h2 class="h2style">Detection</h2>
 +
          <p class="text">
 +
Native mating in <i>S. cerevisiae</i> starts with the two mating types (a and α) producing <b>pheromones</b> called a- and α-factor [9]. These factors are recognized by GPCRs on the cell membrane of the opposite mating type. <b>Ste2</b> is found on the membrane of an a-cell and recognizes α-factor, while <b>Ste3</b> is found on α-cells and recognizes a-factor. When sensing the corresponding pheromone, Ste2 and Ste3 activates the Gαβγ G-protein, which then activates the <b>mitogen-activated protein kinase (MAPK) cascade</b>. The MAPK cascade promotes expression of mating-specific genes and cell cycle arrest. During this process, the cell starts to direct itself towards the partner cell and create a shmoo where the cells then can fuse together. During the fusion, the cells become diploid and will thereby have the genetic properties of both the original haploid cells [9].
 +
          </p>
 +
          </div>
 
         <div class="dashed_line_right">
 
         <div class="dashed_line_right">
          <h2 class="h2style">Signal</h2>
 
 
           <p class="text">
 
           <p class="text">
          Natively, yeast have GPCRs regulating the cell mating through activation of the pheromone
+
In BREATHtaking, the native GPCRs are replaced by the mammalian GPCRs <b>Ri7</b> and <b>Olfr1258</b>. Ri7 originates from <i>Rattus norvegicus</i> and <b>recognizes n-octanal</b> [7], while Olfr1258 originates from <i>Mus musculus</i> and <b>recognizes butanone</b> [8]. Previous studies have shown that Ri7 can successfully be incorporated into <i>S. cerevisiae</i> [7], while Olfr1258 has yet only been expressed in mammalian cells [8]. Olfr1258 is incorporated into mating type α and Ri7 into a, see Figure 2. Like the native GPCRs, Olfr1258 and Ri7 will <b>activate the MAPK cascade</b> and <b>initiate mating</b> between the cells. Because the cells now lack Ste3 and Ste2, solely the presence of butanone and n-octanal will lead to mating as the recombinant GPCRs will not recognize a- and α-factors.  
          pathway. These GPCRs, STE2 and STE3, are present respectively in the two different mating
+
          types of yeast, a and α. STE2 and STE3 bind pheromones from the other mating type and activate
+
          the pheromone pathway which enables mating. In our system STE2 and STE3 will be replaced with
+
          the GPCRs RatI7 and Olfr1258 which detect the two VOCs butanone and n-octanal respectively [7,8].
+
          When the GPCRs sense the VOCs, the pheromone pathway will be activated which will result in
+
          expression of both the native mating genes and cloned Cre recombinase in both cell types. Binding
+
          of butanone and n-octanal will therefore lead to mating of cells, but solely if both VOCs are present.
+
 
           </p>
 
           </p>
         
+
         <figure>
          
+
<img src="https://static.igem.org/mediawiki/2017/7/71/T--Chalmers-Gothenburg--Detection.png" alt="Detection" style="height:424px; width:729px;">
          <img src="pictures_17/text_figures/Module_1.png" alt="Signal" style="height:75%; width:75%;">
+
<figcaption><b>Figure 2.</b> The receptor Olfr1258 in α cells recognizes butanone and activates the MAPK cascade. Ri7 has a similar task in a cells, but recognizes n-octanal instead of butanone.</figcaption>
       
+
</figure>
 
           </div>
 
           </div>
 
         </div>  
 
         </div>  
Line 1,735: Line 1,469:
 
           <div class="dashed_line_left">
 
           <div class="dashed_line_left">
 
           <h2 class="h2style">Switch</h2>
 
           <h2 class="h2style">Switch</h2>
         
 
 
           <p class="text">
 
           <p class="text">
          In each mating type, a system will be integrated consisting of a promoter in the wrong direction,  
+
When the cells detect n-octanal and butanone, the MAPK cascade is activated and mating promoted. The second part of the biosensor, the switch, is simultaneously turned on. The basic design of the switch is the same in both α and a cells; <b>Cre recombinase</b> is expressed by <b>P<sub><i>FUS1</i></sub></b> and two <b>mutated loxP-sites</b> in opposite directions surrounds a backward directed promoter for expression of part of the CRISPR/Cas9 system.  <i>FUS1</i> is a mating specific gene and the promoter P<sub><i>FUS1</i></sub> is <b>activated by the MAPK cascade</b>. Thereby, detection of the VOCs leads to expression of Cre recombinase. The mutations in the loxP-sites prevent the sites from further recombining (and returning to their original location) after the first recombination has occurred [10]. Once this irreversible system is turned on, it <b>amplifies the internal signal</b> of the biosensor by continuing to express the CRISPR/Cas9 system and help creating a more significant output of the AND-gate.
          surrounded by mutated LoxP sites, followed by genes expressing either gRNAs or Cas9, see Figure 2.
+
        </p>
          Presence of the two VOCs will lead to, besides mating, activation of the respective genes since Cre
+
          </div>
          recombinase will turn the promoters in to the right direction. The loxP sites are mutated, preventing
+
          <div class="dashed_line_right">
          the sites from inverting back to their original direction. This ensures that the promoter is inverted
+
          <p class="text">
          into the correct direction upon GPCR activation and remains in that position [9].
+
The CRISPR/Cas9-system consist of <b>two parts</b>; the <b>Cas9 protein</b> and a <b>gRNA</b>. Both parts are needed for the system to function and this is exploited in the AND-gate. Two different constructs are designed on plasmids and cloned into either mating type α and a, making α cells express the gRNA and a cells Cas9. In mating type a, the strong constitutive promoter <b>P<sub><i>TEF1</i></sub></b> expresses the Cas9 protein after recombination of the loxP-sites, see Figure 3. Transcription and translation solely occurs after recombination of the loxP-sites, as the original direction of the promoter is backwards.  
 
         </p>
 
         </p>
  
          <img src="pictures_17/text_figures/Module3.png" alt="Switch" style="height:100%; width:100%;">
+
        <figure>
 +
<img src="https://static.igem.org/mediawiki/2017/6/6e/T--Chalmers-Gothenburg--Cre-Cas9_in_cell.png" alt="Detection" style="height:424px; width:729px;">
 +
<figcaption><b>Figure 3.</b> Switch in mating type a. Cre recombinase changes the direction of P<sub><i>TEF1</i></sub> by recombining the surrounding loxP-sites, which leads to transcription of Cas9.</figcaption>
 +
</figure>
 
           </div>
 
           </div>
        </div>
 
 
            
 
            
         <div class="target" id="AND-gate">
+
          <div class="dashed_line_left">
 +
          <p class="text">
 +
In mating type α, the loxP site, the <b>ribozyme Hammerhead (HH)</b> and the gRNA will be expressed by <b>P<sub><i>SNR52</i></sub></b> after recombination, see Figure 4. The SNR52 promoter recruits <b>polymerase III</b> and prevents the gRNAs from translating into proteins [11]. After transcription, the ribozyme HH starts a <b>self-cleavage reaction</b> and leave the gRNA separated from the loxP site [12].
 +
        </p>
 +
 
 +
        <figure>
 +
<img src="https://static.igem.org/mediawiki/2017/b/b9/T--Chalmers-Gothenburg--Cre-gRNA_in_cell.png" alt="Detection" style="height:424px; width:729px;">
 +
<figcaption><b>Figure 4.</b> Switch in mating type α. Cre recombinase changes the direction of P<sub><i>SNR52</i></sub> by recombining the surrounding loxP-sites, which leads to transcription of the loxP site, the ribozyme HH and the gRNA. A self-cleavage reaction of HH after transcription separates the gRNA from the loxP site.</figcaption>
 +
</figure>
 +
          </div>
 +
 
 +
 
 +
         <div class="target" id="output">
 
         <div class="dashed_line_right">
 
         <div class="dashed_line_right">
           <h2 class="h2style">AND-gate</h2>
+
           <h2 class="h2style">Output</h2>
 
          
 
          
 
         <p class="text">
 
         <p class="text">
          For expression of the gRNAs, the promoter pSNR52 will be used. Together with polymerase III,
+
In the diploid cells created during the mating, <b>the whole CRISPR/Cas9 system</b> is present, as α cells contribute with the gRNA and a cells with Cas9. The gRNA corresponds to a site in <i>ADE2</i>, which is a native gene expressed during adenine synthesis. Guided by the gRNA, Cas9 makes <b>doublestranded breaks</b> in the gene and <b>disrupts <i>ADE2</i></b>. Mutations in <i>ADE2</i> cause accumulation of a <b>red pigment</b> during biosynthesis of adenine [13]. The red pigment creates a colour shift from white to red in the diploid cells and gives the final output of the biosensor, see Figure 5. The colony colour change only occurs when both butanone and n-octanal are present, which lowers the risk for false positives when testing for lung cancer. The colony colour change does not depend on fluorescence and will be visible in regular light. No fluorescence microscope is needed leading to <b>simple detection</b>.  
          the pSNR52 promoter will not translate the  gRNAs into proteins [10]. Two different gRNAs will
+
          be expressed by the same promoter and the two gRNAs will be linked together with two ribozymes;
+
          HDV and Hammerhead. After expression, the ribozymes will cut themselves out and leave the two gRNAs
+
          as separate sequences [11]. For the other mating type, the strong constitutive promoter pTEF1 will
+
          be used to express the Cas9 protein. Since the gRNAs and the Cas9 protein are expressed in cells of
+
          different mating types, the lack of combination will will not disrupt the adenine synthesis in haploid cells.
+
        </p>
+
        <img src="pictures_17/text_figures/AND_gate.png" alt="AND-gate" style="height:15%; width:30%;">
+
        <p class="text">
+
          After mating, the gRNAs and Cas9 will both be present in the newly formed diploid cell and assemble into a  
+
          functional unit. The gRNAs will guide the Cas9 protein to two sites in the ADE2 gene, creating two different
+
          double strand breaks in the gene. The double stranded breaks will lead to a partial disruption of the ADE2 gene
+
          and an accumulation of a red intermediate during adenine synthesis [12]. The color shift of the cells from white
+
          to red will function as a diagnostic response.
+
 
         </p>
 
         </p>
 +
        <figure>
 +
<img src="https://static.igem.org/mediawiki/2017/3/34/T--Chalmers-Gothenburg--Output.png" alt="Detection" style="height:283px; width:486px;">
 +
<figcaption><b>Figure 5.</b> The gRNA from α cells and Cas9 from a cells are necessary to disrupt <i>ADE2</i> and create the colony colour change that is the final output of the biosensor.</figcaption>
 +
</figure>
 
           </div>
 
           </div>
 
         </div>
 
         </div>
 
          
 
          
 
         <div class="target" id="references">
 
         <div class="target" id="references">
 +
        <div class="dashed_line_left_last">
 
         <h4 class="sidetitle">References</h4>
 
         <h4 class="sidetitle">References</h4>
        <p class="text">
 
          [1] Cancer [Internet]. World Health Organization; 2017 [Cited 2017-06-13]. Available at: http://www.who.int/mediacentre/factsheets/fs297/en/ <br>
 
          [2] Non-Small Cell Lung Cancer Stages [Internet]. American Cancer Society; 2016 [Updated 2017-03-02; Cited 2017-06-26]. Available at:
 
          https://www.cancer.org/cancer/non-small-cell-lung-cancer/detection-diagnosis-staging/staging.html <br>
 
          [3] Non-Small Lung Cancer Survival Rates, by Stage [Internet]. American Cancer Society; 2016 [Updated 2016-05-16; Cited 2017-06-13]. Available at:
 
          https://www.cancer.org/cancer/non-small-cell-lung-cancer/detection-diagnosis-staging/survival-rates.htm <br>
 
          [4] Lungcancer [internet]. Cancerfonden; 2015 [Cited 2017-06-07] Availiable at: https://www.cancerfonden.se/om-cancer/lungcancer <br>
 
          [5] D’Amico A, Pennazza G, Santonico M, Martinelli E, Roscioni C, Galluccio G, Paolesse R, and Di Natale C. An investigation on electronic nose
 
          diagnosis of lung cancer. Lung Cancer, 68(2):170–176, 2010. <br>
 
          [6] French C, de Mora K, Joshi N, Elfick A, Haseloff J, and Ajioka J. Synthetic biology and the art of biosensor design. The Science and Applications
 
          of Synthetic and Systems Biology:Workshop Summary, 2011. <br>
 
          [7] Minic J, Persuy M-A, Godel E, Aioun J, Connerton I, Salesse R, and Pajot-Augy E.
 
          Functional expression of olfactory receptors in yeast and development of a bioassay for odorant screening. FEBS Journal, 272(2):524-537, 2005. <br>
 
          [8] Suzuki Y and Shimono K. Deciphering the receptor repertoire encoding specific odorants by time-lapse single-cell array cytometry. Scientic Reports, 6(19934):1-9, 2015. <br>
 
          [9] Carter Z and Delneri D. New generation of loxp-mutated deletion cassettes for the genetic manipulation of yeast natural isolates. Yeast, 27(9):765-775, 2010. <br>
 
          [10] DiCarlo JE, Norville JE, Mali P, Rios X, Aach J, and Church GM. Genome engineering in saccharomyces cerevisiae using crispr-cas systems.
 
          Nucleic Acids Research, 41(7):4336-4343, 2013. <br>
 
          [11] Fujita T and Fujii H. Applications of engineered dna-binding molecules such as tal proteins and the crispr/cas system in biology research.
 
          International Journal of Molecular Sciences, 16(10):23143-23164, 2015.<br>
 
          [12] Ugolini S and Bruschi CV. The red/white colony color assay in the yeast saccharomyces cerevisiae: epistatic growth advantage of white ade8-18,
 
          ade2 cells over red ade2 cells. Current Genetics, 30(6):485-492, 1996. <br>
 
          [13] Kofahl, B. and Klipp, E., Modelling the dynamics of the yeast pheromone pathway. Yeast, 21: 831–850, 2004 <br>
 
  
        </p>
+
            <div class="reference_list">
        </div>
+
              <ul>
 +
                <li>[1]&#160;&#160; Cancer [Internet]. World Health Organization; 2017 [Cited 2017-06-13]. Available at: http://www.who.int/mediacentre/factsheets/fs297/en/</li>
  
 +
                <li>[2]&#160;&#160; Non-Small Cell Lung Cancer Stages [Internet]. American Cancer Society; 2016 [Updated 2017-03-02; Cited 2017-06-26]. Available at:
 +
          https://www.cancer.org/cancer/non-small-cell-lung-cancer/detection-diagnosis-staging/staging.html</li>
 +
 +
                <li>[3]&#160;&#160; Non-Small Lung Cancer Survival Rates, by Stage [Internet]. American Cancer Society; 2016 [Updated 2016-05-16; Cited 2017-06-13]. Available at:
 +
          https://www.cancer.org/cancer/non-small-cell-lung-cancer/detection-diagnosis-staging/survival-rates.htm </li>
 +
 +
                <li>[4]&#160;&#160; Lungcancer [internet]. Cancerfonden; 2015 [Cited 2017-06-07] Availiable at: https://www.cancerfonden.se/om-cancer/lungcancer</li>
 +
 +
                <li>[5]&#160;&#160; D’Amico A, Pennazza G, Santonico M, Martinelli E, Roscioni C, Galluccio G, Paolesse R, and Di Natale C. An investigation on electronic nose
 +
          diagnosis of lung cancer. Lung Cancer, 68(2):170–176, 2010</li>
 +
 +
                <li>[6]&#160;&#160; French C, de Mora K, Joshi N, Elfick A, Haseloff J, and Ajioka J. Synthetic biology and the art of biosensor design. The Science and Applications
 +
          of Synthetic and Systems Biology:Workshop Summary, 2011 </li>
 +
 +
                <li>[7]&#160;&#160; Minic J, Persuy M-A, Godel E, Aioun J, Connerton I, Salesse R, and Pajot-Augy E.
 +
          Functional expression of olfactory receptors in yeast and development of a bioassay for odorant screening. FEBS Journal, 272(2):524-537, 2005</li>
 +
 +
                <li>[8]&#160;&#160; Suzuki Y and Shimono K. Deciphering the receptor repertoire encoding specific odorants by time-lapse single-cell array cytometry. Scientic Reports, 6(19934):1-9, 2015</li>
 +
 +
                <li>[9]&#160;&#160; Merlini L, Dudin O and Martin S. G. Mate and fuse: how yeast cells. Open Biology, 3(3):1-13, 2013. </li>
 +
 +
                <li>[10]&#160;&#160; Carter Z and Delneri D. New generation of loxp-mutated deletion cassettes for the genetic manipulation of yeast natural isolates. Yeast, 27(9):765-775, 2010</li>
 +
 +
                <li>[11]&#160;&#160; DiCarlo JE, Norville JE, Mali P, Rios X, Aach J, and Church GM. Genome engineering in saccharomyces cerevisiae using crispr-cas systems.
 +
          Nucleic Acids Research, 41(7):4336-4343, 2013</li>
 +
 +
                <li>[12]&#160;&#160; Fujita T and Fujii H. Applications of engineered dna-binding molecules such as tal proteins and the crispr/cas system in biology research.
 +
          International Journal of Molecular Sciences, 16(10):23143-23164, 2015</li>
 +
 +
                <li>[13]&#160;&#160; Ugolini S and Bruschi CV. The red/white colony color assay in the yeast saccharomyces cerevisiae: epistatic growth advantage of white ade8-18,
 +
          ade2 cells over red ade2 cells. Current Genetics, 30(6):485-492, 1996</li>
 +
 +
              </ul>
 +
            </div>
 +
          </div>
 +
        </div>
 +
</div>
 
</div>  <!--------------------------- Project_theory_170803.html STOP -------------------------------->
 
</div>  <!--------------------------- Project_theory_170803.html STOP -------------------------------->
  
Line 1,815: Line 1,569:
 
          
 
          
 
         <div class="footerlogo">
 
         <div class="footerlogo">
           <a href="https://www.agilent.com/home">
+
           <a href="https://www.agilent.com/home" target="_blank">
             <img src="" alt="Agilent Technologies" 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="" alt="Agilent Technologies" 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.atum.bio/">
+
           <a href="https://www.atum.bio/" target="_blank">
             <img src="pictures_17/logotypes/ATUM_110216_4c30percentgray.png" alt="ATUM" 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/ATUM_110216_4cBlack2.png" alt="ATUM" 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="http://www.chalmers.se/en/Pages/default.aspx">
+
           <a href="http://www.chalmers.se/en/Pages/default.aspx" target="_blank">
             <img src="pictures_17/logotypes/chalmers_logo2_30percentgray.png" alt="Chalmers" 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/chalmers_logo2.png" alt="Chalmers" 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" alt="Eurofins" 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" alt="Eurofins" 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="https://www.gatc-biotech.com/en/index.html">
+
           <a href="https://www.gatc-biotech.com/en/index.html" target=”_blank”>
             <img src="" alt="GATC Biotech" 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="" alt="GATC Biotech" 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.genscript.com/">
+
           <a href="http://www.genscript.com/" target="_blank">
             <img src="pictures_17/logotypes/Genscript_30percentgray.png" alt="Genscript" 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/Genscript.png" alt="Genscript" class="footerimg off">
+
             <img src="https://static.igem.org/mediawiki/2017/2/29/T--Chalmers-Gothenburg--Genscript.png" alt="Genscript" class="footerimg off">
 
           </a>
 
           </a>
 
         </div>
 
         </div>
 
          
 
          
 
         <div class="footerlogo">
 
         <div class="footerlogo">
           <a href="https://www.idtdna.com/">
+
           <a href="https://www.idtdna.com/" target="_blank">
             <img src="pictures_17/logotypes/IDT_Logo_2014_(corp_blue)_30percentgray.png" alt="IDT" class="footerimg on">
+
             <img src="https://static.igem.org/mediawiki/2017/a/a3/T--Chalmers-Gothenburg--IDT_gray.png" alt="IDT" class="footerimg on">
             <img src="pictures_17/logotypes/IDT_Logo_2014_(corp_blue).png" alt="IDT" class="footerimg off">
+
             <img src="https://static.igem.org/mediawiki/2017/f/fd/T--Chalmers-Gothenburg--IDT.png" alt="IDT" class="footerimg off">
 +
          </a>
 +
        </div>
 +
 
 +
        <div class="footerlogo">
 +
          <a href="http://www.chalmers.se/en/areas-of-advance/lifescience/Pages/default.aspx" target="_blank">
 +
            <img src="https://static.igem.org/mediawiki/2017/6/6e/T--Chalmers-Gothenburg--Life_science_gray.png" alt="ATUM" class="footerimg on">
 +
            <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">
 
         <div class="footerlogo">
           <a href="https://www.neb.com/">
+
           <a href="https://www.neb.com/" target="_blank">
             <img src="pictures_17/logotypes/neb_logo2_30percentgray.png" alt="NEB" class="footerimg on">
+
             <img src="https://static.igem.org/mediawiki/2017/2/29/T--Chalmers-Gothenburg--neb_gray.png" alt="NEB" class="footerimg on">
             <img src="pictures_17/logotypes/neb_logo3.png" alt="NEB" class="footerimg off">
+
             <img src="https://static.igem.org/mediawiki/2017/e/e6/T--Chalmers-Gothenburg--neb.png" alt="NEB" class="footerimg off">
 
           </a>
 
           </a>
 
         </div>
 
         </div>
 
          
 
          
 
         <div class="footerlogo">
 
         <div class="footerlogo">
           <a href="http://www.snapgene.com/">
+
           <a href="http://www.snapgene.com/" target="_blank">
             <img src="pictures_17/logotypes/SnapGene-Logo-144_30percentgray.png" alt="SnapGene" 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/SnapGene-Logo-144.png" alt="SnapGene" 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/">
+
           <a href="http://www.sysbio.se/" target="_blank">
             <img src="pictures_17/logotypes/sysbio_logo_30percentgray.png" alt="Sysbio" class="footerimg on">
+
             <img src="https://static.igem.org/mediawiki/2017/7/7d/T--Chalmers-Gothenburg--sysbio_gray.png" alt="Sysbio" class="footerimg on">
             <img src="pictures_17/logotypes/sysbio_logo.png" alt="Sysbio" class="footerimg off">
+
             <img src="https://static.igem.org/mediawiki/2017/8/89/T--Chalmers-Gothenburg--sysbio.png" alt="Sysbio" class="footerimg off">
 
           </a>
 
           </a>
 
         </div>
 
         </div>
Line 1,888: Line 1,649:
 
       <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 ---------------------------------->
+
     </footer> <!--------------------------------- footer_170726.html STOP ----------------------------------> </body>            
  </body>
+
 
    
 
    
  

Latest revision as of 15:06, 30 October 2017

Chalmers Gothenburg iGEM 2017

Introduction

Lung cancer is one of the most common cancer forms today and due to the lack of good detection methods, it is one of the deadliest. A suggested approach for detection of the disease have been to use specific volatile organic compounds (VOCs) found in elevated levels in the breath of lung cancer patients.

BREATHtaking is a biosensor for detection of lung cancer through the analysis of exhaled air from patients. The biosensor is designed as an AND-gate and consist of olfactory receptors from mouse and rat incorporated into two different strains of Saccharomyces cerevisiae. When these receptors detect specific VOCs, a CRISPR/Cas9-system is initiated and mating is induced between the two strains. The CRISPR/Cas9-system is designed to partially delete the ADE2 gene in the fused, diploid cells and cause a colony colour change. The colony colour change in the biosensor will indicate presence of VOCs in the patient’s exhaled breath.

Lung cancer & VOCs as biomarkers

Lung cancer is the cancer form with the highest death toll, causing 1.69 million deaths globally in 2015 [1]. One reason for the high death toll is the late detection of the cancer, due to symptoms appearing first in the later stage of the disease.

Three different stages are used to characterize lung cancer; I, II and III. The magnitude of the disease is based on size of the tumor and the extent of spreading to lymph nodes and other organs in the body [2]. A majority of the lung cancer cases today are diagnosed in stage III with a 5-year survival rate of 5-14%. An earlier detection at stage I or II would increase the figure to 45-49% which clearly show that early detection is a key to increase the chances of surviving lung cancer [3].

At the appearance of the first symptoms, a chest X-ray is used today to scan for tumors. The scan can indicate the position and size of the tumors. Despite being a non-invasive procedure, it is accompanied by limitations such as cost, time and expertise. Due to these limitations X-ray is not suitable for mass screening of lung cancer [4]. Therefore, there is a demand for new diagnostic tools with mass screening potential.

One of the most promising approaches for early diagnosis is the use of volatile organic compounds (VOCs) as biomarkers. Some specific VOCs can be detected in higher concentrations in the breath of lung cancer patients compared to healthy individuals, since the cancer cells have an increased oxidative rate that results in oxidative stress products. The low concentration of VOCs, pmol/l, however has provided a challenge in using this approach for detection and no efficient screening method is yet available [5].

Studies have shown that there is not only one compound that can be used as a biomarker in the breath of cancer patients [5]. An optimal diagnostic tool would therefore be able to detect multiple VOCs in order to decrease the number of false positive diagnoses. One example of a diagnostic tool is a biosensor, which is a biological-based system that can detect the presence of a target analyte and convert it into a signal. A biosensor can be developed with many different species, antibodies or enzymes. In this case, a yeast-based biosensor is a suitable approach where some of the advantages are the ease of genetic manipulation, as well as the cheap and easy cultivation [6].

To create this novel, non-invasive diagnostic tool, the budding yeast Saccharomyces cerevisiae will be used as a biosensor. The yeast cells will have two xenogeneic olfactory receptors incorporated. These can bind the biomarkers that are present in the breath of lung cancer patients, opening up for the possibility to detect the cancer before any symptoms appear.

BREATHtaking

The biosensor BREATHtaking is designed to detect lung cancer in the breath of patients and is built as an AND-gate in S. cerevisiae, dependent on mating between the two mating types α and a. The biosensor is divided into three parts; detection, switch and output, see Figure 1. Recombinant G-protein coupled receptors (GPCRs) detect butanone and n-octanal, two of the VOCs most commonly found in elevated levels in exhaled air from lung cancer patients [7,8]. Detection of n-octanal and butanone is the first part of the biosensor and leads to both expression of mating genes in the cells and initiation of the switch, which is the second part of the biosensor. The switch consists of a CRISPR/Cas9 system where a gRNA is expressed in mating type α and the Cas9 protein in mating type a. In the initiation of the switch, Cre recombinase is expressed which is needed to commence the transcription of the gRNAs and the Cas9 protein in the cells.

The third, and final, part of the biosensor is the output of the AND-gate. Detection of the VOCs leads to mating between the two mating types resulting in both the gRNA and the Cas9 being in the same, fused cell. As the gRNA corresponds to a sequences in ADE2, the CRISPR/Cas9 system disrupts the gene. Disruption of ADE2 gives the colony a colour change that is the final output of the biosensor.

BREATHtaking
Figure 1. The biosensor BREATHtaking is an AND-gate. Recombinant receptors sense butanone and n-octanal in mating type α and a respectively, and initiates a CRISPR/Cas9 system. The system disrupts ADE2 and gives a colony colour change as output from the AND-gate.

Detection

Native mating in S. cerevisiae starts with the two mating types (a and α) producing pheromones called a- and α-factor [9]. These factors are recognized by GPCRs on the cell membrane of the opposite mating type. Ste2 is found on the membrane of an a-cell and recognizes α-factor, while Ste3 is found on α-cells and recognizes a-factor. When sensing the corresponding pheromone, Ste2 and Ste3 activates the Gαβγ G-protein, which then activates the mitogen-activated protein kinase (MAPK) cascade. The MAPK cascade promotes expression of mating-specific genes and cell cycle arrest. During this process, the cell starts to direct itself towards the partner cell and create a shmoo where the cells then can fuse together. During the fusion, the cells become diploid and will thereby have the genetic properties of both the original haploid cells [9].

In BREATHtaking, the native GPCRs are replaced by the mammalian GPCRs Ri7 and Olfr1258. Ri7 originates from Rattus norvegicus and recognizes n-octanal [7], while Olfr1258 originates from Mus musculus and recognizes butanone [8]. Previous studies have shown that Ri7 can successfully be incorporated into S. cerevisiae [7], while Olfr1258 has yet only been expressed in mammalian cells [8]. Olfr1258 is incorporated into mating type α and Ri7 into a, see Figure 2. Like the native GPCRs, Olfr1258 and Ri7 will activate the MAPK cascade and initiate mating between the cells. Because the cells now lack Ste3 and Ste2, solely the presence of butanone and n-octanal will lead to mating as the recombinant GPCRs will not recognize a- and α-factors.

Detection
Figure 2. The receptor Olfr1258 in α cells recognizes butanone and activates the MAPK cascade. Ri7 has a similar task in a cells, but recognizes n-octanal instead of butanone.

Switch

When the cells detect n-octanal and butanone, the MAPK cascade is activated and mating promoted. The second part of the biosensor, the switch, is simultaneously turned on. The basic design of the switch is the same in both α and a cells; Cre recombinase is expressed by PFUS1 and two mutated loxP-sites in opposite directions surrounds a backward directed promoter for expression of part of the CRISPR/Cas9 system. FUS1 is a mating specific gene and the promoter PFUS1 is activated by the MAPK cascade. Thereby, detection of the VOCs leads to expression of Cre recombinase. The mutations in the loxP-sites prevent the sites from further recombining (and returning to their original location) after the first recombination has occurred [10]. Once this irreversible system is turned on, it amplifies the internal signal of the biosensor by continuing to express the CRISPR/Cas9 system and help creating a more significant output of the AND-gate.

The CRISPR/Cas9-system consist of two parts; the Cas9 protein and a gRNA. Both parts are needed for the system to function and this is exploited in the AND-gate. Two different constructs are designed on plasmids and cloned into either mating type α and a, making α cells express the gRNA and a cells Cas9. In mating type a, the strong constitutive promoter PTEF1 expresses the Cas9 protein after recombination of the loxP-sites, see Figure 3. Transcription and translation solely occurs after recombination of the loxP-sites, as the original direction of the promoter is backwards.

Detection
Figure 3. Switch in mating type a. Cre recombinase changes the direction of PTEF1 by recombining the surrounding loxP-sites, which leads to transcription of Cas9.

In mating type α, the loxP site, the ribozyme Hammerhead (HH) and the gRNA will be expressed by PSNR52 after recombination, see Figure 4. The SNR52 promoter recruits polymerase III and prevents the gRNAs from translating into proteins [11]. After transcription, the ribozyme HH starts a self-cleavage reaction and leave the gRNA separated from the loxP site [12].

Detection
Figure 4. Switch in mating type α. Cre recombinase changes the direction of PSNR52 by recombining the surrounding loxP-sites, which leads to transcription of the loxP site, the ribozyme HH and the gRNA. A self-cleavage reaction of HH after transcription separates the gRNA from the loxP site.

Output

In the diploid cells created during the mating, the whole CRISPR/Cas9 system is present, as α cells contribute with the gRNA and a cells with Cas9. The gRNA corresponds to a site in ADE2, which is a native gene expressed during adenine synthesis. Guided by the gRNA, Cas9 makes doublestranded breaks in the gene and disrupts ADE2. Mutations in ADE2 cause accumulation of a red pigment during biosynthesis of adenine [13]. The red pigment creates a colour shift from white to red in the diploid cells and gives the final output of the biosensor, see Figure 5. The colony colour change only occurs when both butanone and n-octanal are present, which lowers the risk for false positives when testing for lung cancer. The colony colour change does not depend on fluorescence and will be visible in regular light. No fluorescence microscope is needed leading to simple detection.

Detection
Figure 5. The gRNA from α cells and Cas9 from a cells are necessary to disrupt ADE2 and create the colony colour change that is the final output of the biosensor.

References

  • [1]   Cancer [Internet]. World Health Organization; 2017 [Cited 2017-06-13]. Available at: http://www.who.int/mediacentre/factsheets/fs297/en/
  • [2]   Non-Small Cell Lung Cancer Stages [Internet]. American Cancer Society; 2016 [Updated 2017-03-02; Cited 2017-06-26]. Available at: https://www.cancer.org/cancer/non-small-cell-lung-cancer/detection-diagnosis-staging/staging.html
  • [3]   Non-Small Lung Cancer Survival Rates, by Stage [Internet]. American Cancer Society; 2016 [Updated 2016-05-16; Cited 2017-06-13]. Available at: https://www.cancer.org/cancer/non-small-cell-lung-cancer/detection-diagnosis-staging/survival-rates.htm
  • [4]   Lungcancer [internet]. Cancerfonden; 2015 [Cited 2017-06-07] Availiable at: https://www.cancerfonden.se/om-cancer/lungcancer
  • [5]   D’Amico A, Pennazza G, Santonico M, Martinelli E, Roscioni C, Galluccio G, Paolesse R, and Di Natale C. An investigation on electronic nose diagnosis of lung cancer. Lung Cancer, 68(2):170–176, 2010
  • [6]   French C, de Mora K, Joshi N, Elfick A, Haseloff J, and Ajioka J. Synthetic biology and the art of biosensor design. The Science and Applications of Synthetic and Systems Biology:Workshop Summary, 2011
  • [7]   Minic J, Persuy M-A, Godel E, Aioun J, Connerton I, Salesse R, and Pajot-Augy E. Functional expression of olfactory receptors in yeast and development of a bioassay for odorant screening. FEBS Journal, 272(2):524-537, 2005
  • [8]   Suzuki Y and Shimono K. Deciphering the receptor repertoire encoding specific odorants by time-lapse single-cell array cytometry. Scientic Reports, 6(19934):1-9, 2015
  • [9]   Merlini L, Dudin O and Martin S. G. Mate and fuse: how yeast cells. Open Biology, 3(3):1-13, 2013.
  • [10]   Carter Z and Delneri D. New generation of loxp-mutated deletion cassettes for the genetic manipulation of yeast natural isolates. Yeast, 27(9):765-775, 2010
  • [11]   DiCarlo JE, Norville JE, Mali P, Rios X, Aach J, and Church GM. Genome engineering in saccharomyces cerevisiae using crispr-cas systems. Nucleic Acids Research, 41(7):4336-4343, 2013
  • [12]   Fujita T and Fujii H. Applications of engineered dna-binding molecules such as tal proteins and the crispr/cas system in biology research. International Journal of Molecular Sciences, 16(10):23143-23164, 2015
  • [13]   Ugolini S and Bruschi CV. The red/white colony color assay in the yeast saccharomyces cerevisiae: epistatic growth advantage of white ade8-18, ade2 cells over red ade2 cells. Current Genetics, 30(6):485-492, 1996