Difference between revisions of "Team:Calgary/Awards"

(Created page with "{{Calgary/Imposter-Navbar-No-Logo}} <!-- Final Colours: menu bar (red-brown): #882916 progress bar (light orange-yellow): #FFA600 light blue: #0197AE dark...")
 
Line 1: Line 1:
−
{{Calgary/Imposter-Navbar-No-Logo}}
+
{{Calgary/Imposter-Navbar}}
 
<!--
 
<!--
 
     Final Colours:
 
     Final Colours:
Line 9: Line 9:
 
     light red: #FBF6F3
 
     light red: #FBF6F3
 
     light yellow: #F1C23F (jumbotron h1)
 
     light yellow: #F1C23F (jumbotron h1)
−
-->
 
−
<!-- INSTRUCTIONS for adding more sections
 
−
 
−
1. copy and paste the following code above the message at end of code (message says CONTENT):
 
−
 
−
<div class = "NAME" id="NAME">
 
−
        <h2>NAME</h2>
 
−
        <h4>HEADER</h4>
 
−
        <p>
 
−
          PASTE IN TEXT HERE
 
−
        </p>
 
−
</div>
 
−
<br>
 
−
<hr>
 
−
 
−
2. Where it says NAME, type in name of section. This has to be the SAME thing you type in for every place it says NAME. for the NAME after the id, you cannot include spaces between words, so use dashes instead, also don't use capitals. (Ex. NAME of section is "Future Directions", so i would paste that in where ever it says NAME. for the NAME after the id, I would type in "future-directions".) Also type in desired HEADER and text where it says PASTE IN TEXT HERE.
 
−
 
−
3. Now we have to add the section to the sidebar menu. For this, go through the code and find the part where it says SIDEBAR. where it says "replace-title" paste in the NAME you put in after the id (Ex. I would paste in "future-directions".) Where it says "Title" paste in the NAME of the section.
 
−
 
−
4. Now go to the part of the code where it says "References section of page slightly above the header". In the line of code after that, add in #NAME after a comma after the last one that is there before the curly brackets. (Ex. I would paste in #future-directions after the last item in that line of code after a comma.)
 
−
 
−
5. I've included the example in the code so you can follow along.That's all. You're all done!! :D If you need help just ask! 
 
−
-->
 
−
<!-- INSTRUCTIONS for adding more experiment sections to accordion:
 
−
 
−
1. copy and paste the following above the message showing where to paste (it says ACCORDION in the message):
 
−
 
−
<div class="card">
 
−
    <div class="card-header" id="headingREPLACE">
 
−
      <h2 class="mb-0">
 
−
        <button class="btn btn-link collapsed" type="button" data-toggle="collapse" data-target="#collapseREPLACE" aria-expanded="false" aria-controls="collapseREPLACE">
 
−
          EXPERIMENT
 
−
        </button>
 
−
      </h2>
 
−
    </div>
 
−
    <div id="collapseREPLACE" class="collapse" aria-labelledby="headingREPLACE" data-parent="#accordionExample">
 
−
      <div class="card-body">
 
−
        PASTE IN TEXT HERE.
 
−
      </div>
 
−
    </div>
 
−
  </div>
 
−
 
−
2. Every place where it says REPLACE in the code, type in the next highest numerical number. (Ex. if I am putting in a new experiment I would copy and paste the code above, and type in "Five" where REPLACE is because the last number used in the code was "Four".) The main thing is that whatever you type in for REPLACE has to only be present there and nowhere else in the code!!!!
 
−
 
−
3. You can now copy and paste in your text from your protocol where it says PASTE IN TEXT HERE. And paste in the name of your experiment where it says EXPERIMENT.
 
−
 
 
-->
 
-->
 
<html>
 
<html>
 
   <head>
 
   <head>
−
<!-- LINKS THE SIDEBAR CSS SHEET BECAUSE THIS PAGE USES A SIDEBAR -->
 
−
    <link
 
−
      rel="stylesheet"
 
−
      type="text/css"    href="https://2020.igem.org/Template:Calgary/Imposter-Sidebar-2-Style?action=raw&ctype=text/css"
 
−
    />
 
  
 
<link href="https://fonts.googleapis.com/css2?family=Public+Sans:wght@500;600;700&display=swap" rel="stylesheet">
 
<link href="https://fonts.googleapis.com/css2?family=Public+Sans:wght@500;600;700&display=swap" rel="stylesheet">
Line 69: Line 18:
 
       rel="stylesheet"
 
       rel="stylesheet"
 
       type="text/css"
 
       type="text/css"
−
       href="https://2020.igem.org/Template:Calgary/Imposter-Content-Style?action=raw&ctype=text/css"
+
       href="https://2020.igem.org/Template:Calgary/Imposter-Wet-Overview-Style?action=raw&ctype=text/css"
 
     />
 
     />
 
      
 
      
Line 75: Line 24:
 
     <script src="https://2020.igem.org/Template:Calgary/DynamicSizeModelPage?action=raw&ctype=text/javascript"></script>
 
     <script src="https://2020.igem.org/Template:Calgary/DynamicSizeModelPage?action=raw&ctype=text/javascript"></script>
 
     <style>
 
     <style>
−
 
 
/* The banner image */
 
/* The banner image */
 
.banner-image {
 
.banner-image {
 
   /* Use "linear-gradient" to add a darken background effect to the image (photographer.jpg). This will make the text easier to read */
 
   /* Use "linear-gradient" to add a darken background effect to the image (photographer.jpg). This will make the text easier to read */
−
   background-image: linear-gradient(to bottom, rgba(0,0,0,0.5) 0%,rgba(0,0,0,0.5) 100%), url("https://static.igem.org/mediawiki/2020/6/6c/T--Calgary--cellulase.jpg");
+
   background-image: linear-gradient(to bottom, rgba(0,0,0,0.5) 0%,rgba(0,0,0,0.5) 100%), url("https://static.igem.org/mediawiki/2020/d/d9/T--Calgary--wetlabteam.jpeg");
 +
 
 +
  /* Set a specific height */
 +
  height: 65vh;
 +
 
 +
  /* Position and center the image to scale nicely on all screens */
 +
  background-position: center;
 +
  background-repeat: no-repeat;
 +
  background-size: cover;
 +
  position: relative;
 +
  background-attachment: fixed;
 
}
 
}
 +
  
  
Line 96: Line 55:
  
  
 +
@media (max-width: 767px) {
  
 +
.banner-image {
 +
  background-position: center;
 +
}
 +
}
 +
 
 +
/*header4 font size for mobile*/
 +
@media (max-width:525px){
 +
  .resp2 h4{
 +
    font-size:15px!important;
 +
  }}
  
  
 +
/*header4 font size for tablet*/
 +
@media(max-width: 768px){
 +
  .resp2 h4{
 +
    font-size:15px!important;
 +
  }}
  
 +
/*no beige for mobile*/
 +
@media (max-width:525px){
 +
  .beige {
 +
    background-color:#FFFFFF!important;
 +
  }}
  
−
/* Fixing the top content under the navbar */
+
/*header2 font size for mobile*/
−
      .banner-image {
+
@media (max-width:525px){
−
        position: relative;
+
  .project-design h2{
−
      }
+
    font-size:20px!important;
 +
  }}
 +
 
 +
 
 +
/*padding for mobile*/
 +
@media (max-width:525px){
 +
.padding {
 +
      padding-left: 0px!important;
 +
      padding-right: 0px!important;
 +
      padding-bottom: 0px!important;
 +
}}
 +
 
 +
 
 +
 
 +
/* Style page content */
 +
.main {
 +
  padding: 0px 0px;
 +
  position: relative;
 +
  top: -100px; /* To override the odd <br> tag bug */
 +
}
  
  
 +
.break h4{word-break: break-all;}
  
  
Line 122: Line 122:
 
.btn {color:#882916;}
 
.btn {color:#882916;}
  
 +
 +
 +
/* mouse over button */
 +
a.imglink{
 +
  background:        #000;
 +
  display:            inline-block;
 +
}
 +
a.imglink img{
 +
  vertical-align:    middle;
 +
  transition:        opacity 0.3s;
 +
  -webkit-transition: opacity 0.3s;
 +
}
 +
a.imglink:hover img{
 +
  opacity:            0.5;
 +
}
 
     </style>
 
     </style>
 
   </head>
 
   </head>
−
 
+
<body style="background-color: #FFFFFF;">
−
  <body style="background-color: #FFFFFF;" ;>
+
<div class="main">
 
     <div class="container-fluid">
 
     <div class="container-fluid">
  
  
−
  <!-- SIDEBAR -->
+
   
−
        <div class="sidenav" id="sidenav">
+
−
          <a href="https://2020.igem.org/Team:Calgary"
+
−
            ><img
+
−
              src="https://static.igem.org/mediawiki/2020/c/c1/T--Calgary--whitelogo.jpg"
+
−
              style="height: 150px; width: auto; padding-top:20px; position:relative; left:-20px;"
+
−
          /></a>
+
−
 
+
−
          <a href="#project-design">Project Designs</a>
+
−
<br>
+
−
          <a href="#part-design">Part Design</a>
+
−
<br>
+
−
          <a href="#experimental-design">Experimental Design</a>
+
−
<br>
+
−
          <a href="#future-directions">Future Directions</a>
+
−
<br>
+
−
          <a href="#replace-title">Title</a>
+
−
<br>
+
−
          <a href="#replace-title">Title</a>
+
−
<br>
+
−
          <a href="#replace-title">Title</a>
+
−
        </div>
+
−
 
+
−
 
+
−
 
+
−
 
+
−
<div class="main">
+
 
       <!-- HEADER/BANNER -->
 
       <!-- HEADER/BANNER -->
 
       <div class="banner-image">
 
       <div class="banner-image">
 
         <div class="banner-text resp">
 
         <div class="banner-text resp">
−
          <h1 style="font-family: 'Public Sans', sans-serif; font-weight: 600;">AWARDS</h1>
+
        <h1 style="font-weight: 600; font-family: 'Public Sans', sans-serif;">WET LAB</h1>
−
             
+
 
         </div>
 
         </div>
 
       </div>
 
       </div>
 
        
 
        
 
       <!-- BODY -->
 
       <!-- BODY -->
−
       <div class="intro-body">
+
       <div style="margin-bottom:-200px; background-color:#f0eadfff;"class="intro-body beige">
−
<div class = "project-design" id="project-design">
+
<div style="background-color:#FFFFFF; padding-left: 60px; padding-right: 50px; padding-bottom: 60px; border-radius: ;"class = "project-design padding" id="project-design">
−
         <h2>PROJECT DESIGN</h2>
+
         <center><h2><b>GENETIC ENGINEERING OF OVIITA</b></h2></center>
−
        <h4>What do the people need? </h4>
+
        <br>
 
         <p>
 
         <p>
−
           In order to provide a sustainable, community-based solution, we plan
+
           Oviita has three main wet lab components that maximize the nutritional value of <span style="font-style: italic;class="italic">Yarrowia lipolytica</span> and enable simple and safe cultivation in VAD communities. This year, the COVID-19 restrictions at the University of Calgary prohibited any lab work until September, and even so, lab times were very restricted with only 6 hours/week and a limited number of people allowed at any given time. But we didn't let that stop our wet lab progress! Instead, we designed extensive and thorough experimental plans, including trouble-shooting protocols, so that we could begin making strides as soon as we entered the lab in September! Check out our work below!
−
          to genetically modify <i>Rhodosporidium toruloides</i>, an oleaginous
+
−
          yeast that naturally produces beta-carotene and lipids, to be more
+
−
          robust and resource-efficient. By modifying the yeast to produce
+
−
          cellulase, it can then use common agricultural waste products as an
+
−
          energy source for synthesizing its oil. It can then be eaten as a
+
−
          vitamin A supplement. The yeast strain, while naturally safe and
+
−
          non-pathogenic, will also be genetically modified to include a kill
+
−
          switch for bio-containment, and optimized for oil production.
+
−
        </p>
+
−
<img src="https://static.igem.org/mediawiki/2019/4/48/T--Calgary--6GIXgel.jpeg">
+
−
<br>
+
−
<p>
+
−
          In order to provide a sustainable, community-based solution, we plan
+
−
          to genetically modify <i>Rhodosporidium toruloides</i>, an oleaginous
+
−
          yeast that naturally produces beta-carotene and lipids, to be more
+
−
          robust and resource-efficient. By modifying the yeast to produce
+
−
          cellulase, it can then use common agricultural waste products as an
+
−
          energy source for synthesizing its oil. It can then be eaten as a
+
−
          vitamin A supplement. The yeast strain, while naturally safe and
+
−
          non-pathogenic, will also be genetically modified to include a kill
+
−
          switch for bio-containment, and optimized for oil production.
+
 
         </p>
 
         </p>
  
  
−
</div>
 
−
<br>
 
−
<hr>
 
−
<div class = "part-design" id="part-design">
 
−
        <h2>PART DESIGN</h2>
 
−
        <h4>Thoughtful design of genetic constructs</h4>
 
−
        <p>
 
−
          In order to provide a sustainable, community-based solution, we plan
 
−
          to genetically modify <i>Rhodosporidium toruloides</i>, an oleaginous
 
−
          yeast that naturally produces beta-carotene and lipids, to be more
 
−
          robust and resource-efficient. By modifying the yeast to produce
 
−
          cellulase, it can then use common agricultural waste products as an
 
−
          energy source for synthesizing its oil. It can then be eaten as a
 
−
          vitamin A supplement. The yeast strain, while naturally safe and
 
−
          non-pathogenic, will also be genetically modified to include a kill
 
−
          switch for bio-containment, and optimized for oil production.
 
−
        </p>
 
−
</div>
 
−
<br>
 
−
<hr>
 
−
<div class = "experimental-design" id="experimental-design">
 
−
        <h2>EXPERIMENTAL DESIGN</h2> </div>
 
−
        <h4>Thoughtful design of experiments</h4>
 
−
        <p>
 
−
          In order to provide a sustainable, community-based solution, we plan
 
−
          to genetically modify <i>Rhodosporidium toruloides</i>, an oleaginous
 
−
          yeast that naturally produces beta-carotene and lipids, to be more
 
−
          robust and resource-efficient. By modifying the yeast to produce
 
−
          cellulase, it can then use common agricultural waste products as an
 
−
          energy source for synthesizing its oil. It can then be eaten as a
 
−
          vitamin A supplement. The yeast strain, while naturally safe and
 
−
          non-pathogenic, will also be genetically modified to include a kill
 
−
          switch for bio-containment, and optimized for oil production.
 
−
        </p>
 
−
<!--ACCORDION -->
 
  
−
<div class="accordion" id="accordionExample">
+
  <div style="background-color:#f5b984; border-radius: 25px; padding-bottom: 30px;"class="row resp2">
−
  <div class="card">
+
    <div style="padding-top:30px;"class="col-sm-4"><a href="https://2020.igem.org/Team:Calgary/Cellulase_Engineering" class="imglink">
−
    <div class="card-header" id="headingOne">
+
    <center><img style="padding-bottom:20px;"class="img-fluid"src="https://static.igem.org/mediawiki/2020/a/ab/T--Calgary--cellulasesneww.jpg">
−
      <h2 class="mb-0">
+
−
        <button class="btn btn-link" type="button" data-toggle="collapse" data-target="#collapseOne" aria-expanded="true" aria-controls="collapseOne">
+
−
          Experiment 1
+
−
        </button>
+
−
      </h2>
+
−
    </div>
+
  
−
    <div id="collapseOne" class="collapse show" aria-labelledby="headingOne" data-parent="#accordionExample">
+
 
−
      <div class="card-body">
+
 
−
        Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. Ad vegan excepteur butcher vice lomo. Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt you probably haven't heard of them accusamus labore sustainable VHS.
+
 
−
      </div>
+
<h4>CELLULASES</h4>
 +
      <p>Engineering three strains <span style="font-style: italic;class="italic">Y. lipolytica</span> that secrete each class of cellulase enzymes, thus allowing the yeast strains to use agricultural waste as a feedstock for growth and beta-carotene production. </p></center></a>
 
     </div>
 
     </div>
−
  </div>
+
  <div style="padding-top:30px;"class="col-sm-4"><a href="https://2020.igem.org/Team:Calgary/Thymol_Engineering" class="imglink">
−
  <div class="card">
+
−
    <div class="card-header" id="headingTwo">
+
−
      <h2 class="mb-0">
+
−
        <button class="btn btn-link collapsed" type="button" data-toggle="collapse" data-target="#collapseTwo" aria-expanded="false" aria-controls="collapseTwo">
+
−
          Experiment 2
+
−
        </button>
+
−
      </h2>
+
−
    </div>
+
−
    <div id="collapseTwo" class="collapse" aria-labelledby="headingTwo" data-parent="#accordionExample">
+
−
      <div class="card-body">
+
−
        Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. Ad vegan excepteur butcher vice lomo. Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt you probably haven't heard of them accusamus labore sustainable VHS.
+
−
      </div>
+
−
    </div>
+
−
  </div>
+
−
  <div class="card">
+
−
    <div class="card-header" id="headingThree">
+
−
      <h2 class="mb-0">
+
−
        <button class="btn btn-link collapsed" type="button" data-toggle="collapse" data-target="#collapseThree" aria-expanded="false" aria-controls="collapseThree">
+
−
          Experiment 3
+
−
        </button>
+
−
      </h2>
+
−
    </div>
+
−
    <div id="collapseThree" class="collapse" aria-labelledby="headingThree" data-parent="#accordionExample">
+
−
      <div class="card-body">
+
−
        Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. Ad vegan excepteur butcher vice lomo. Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt you probably haven't heard of them accusamus labore sustainable VHS.
+
−
      </div>
+
−
    </div>
+
−
  </div>
+
−
<div class="card">
+
−
    <div class="card-header" id="headingFour">
+
−
      <h2 class="mb-0">
+
−
        <button class="btn btn-link collapsed" type="button" data-toggle="collapse" data-target="#collapseFour" aria-expanded="false" aria-controls="collapseFour">
+
−
          Experiment 4
+
−
        </button>
+
−
      </h2>
+
−
    </div>
+
−
    <div id="collapseFour" class="collapse" aria-labelledby="headingFour" data-parent="#accordionExample">
+
−
      <div class="card-body">
+
−
        Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. Ad vegan excepteur butcher vice lomo. Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt you probably haven't heard of them accusamus labore sustainable VHS.
+
−
      </div>
+
−
    </div>
+
−
  </div>
+
  
 +
<center><img style="padding-bottom:20px;"class="img-fluid"src="https://static.igem.org/mediawiki/2020/a/a6/T--Calgary--Thmol_overview.png">
  
  
  
  
 +
      <h4>THYMOL PRODUCTION</h4>
 +
<p>Introducing the genes that will allow <span style="font-style: italic;class="italic">Y. lipolytica</span> to produce thymol as an anti-helminthic agent for better intestinal absorption of vitamin A </p></center></a>
 +
    </div>
 +
    <div style="padding-top:30px;"class="col-sm-4 break"><a href="https://2020.igem.org/Team:Calgary/Biocontainment_Engineering" class="imglink">
 +
    <center><img style="padding-bottom:20px;"class="img-fluid"src="https://static.igem.org/mediawiki/2020/f/f1/T--Calgary--biosafe.jpg">
  
−
</div> <!--Everything above this is in the ACCORDION. So copy and paste a new experiment above here. -->
+
<h4>BIOCONTAINMENT</h4>
−
<hr>
+
<p>Engineering mutual auxotrophy into the <span style="font-style: italic;class="italic">Y. lipolytica</span> strains so they become dependent on each other and only survive within the bioreactor and not in the environment.</p></center></a>
−
<div class = "Future Directions" id="future-directions">
+
    </div>
−
        <h2>FUTURE DIRECTIONS</h2>
+
    </div>
−
        <h4>Next Steps</h4>
+
−
        <p>
+
 
−
          In order to provide a sustainable, community-based solution, we plan
+
−
          to genetically modify <i>Rhodosporidium toruloides</i>, an oleaginous
+
−
          yeast that naturally produces beta-carotene and lipids, to be more
+
−
          robust and resource-efficient. By modifying the yeast to produce
+
−
          cellulase, it can then use common agricultural waste products as an
+
−
          energy source for synthesizing its oil. It can then be eaten as a
+
−
          vitamin A supplement. The yeast strain, while naturally safe and
+
−
          non-pathogenic, will also be genetically modified to include a kill
+
−
          switch for bio-containment, and optimized for oil production.
+
−
        </p>
+
−
</div>
+
−
<br>
+
−
<hr>
+
  
  
  
  
 +
   
  
  
  
  
 +
 +
 +
</div>
 
           </div> <!-- add in new section of CONTENT above this -->
 
           </div> <!-- add in new section of CONTENT above this -->
 
       </div>
 
       </div>
−
    </div>
+
    </div>
 
   </body>
 
   </body>
 
</html>
 
</html>
 
{{Calgary/Imposter-Footer}}
 
{{Calgary/Imposter-Footer}}

Revision as of 18:01, 2 December 2020



GENETIC ENGINEERING OF OVIITA


Oviita has three main wet lab components that maximize the nutritional value of Yarrowia lipolytica and enable simple and safe cultivation in VAD communities. This year, the COVID-19 restrictions at the University of Calgary prohibited any lab work until September, and even so, lab times were very restricted with only 6 hours/week and a limited number of people allowed at any given time. But we didn't let that stop our wet lab progress! Instead, we designed extensive and thorough experimental plans, including trouble-shooting protocols, so that we could begin making strides as soon as we entered the lab in September! Check out our work below!

CELLULASES

Engineering three strains Y. lipolytica that secrete each class of cellulase enzymes, thus allowing the yeast strains to use agricultural waste as a feedstock for growth and beta-carotene production.

THYMOL PRODUCTION

Introducing the genes that will allow Y. lipolytica to produce thymol as an anti-helminthic agent for better intestinal absorption of vitamin A

BIOCONTAINMENT

Engineering mutual auxotrophy into the Y. lipolytica strains so they become dependent on each other and only survive within the bioreactor and not in the environment.