Difference between revisions of "Team:Calgary"

 
(134 intermediate revisions by 6 users not shown)
Line 1: Line 1:
{{Calgary/general-code}}
+
<!-- GENERAL PAGE HTML -->
 
+
{{Calgary/Imposter-Navbar}}
 
<html>
 
<html>
<head>
+
  <head>
     <link rel="stylesheet" type="text/css" href="https://2020.igem.org/Template:Calgary/Model-Styling?action=raw&ctype=text/css">
+
    <!-- LINKS THE TEST CSS SHEET -->
<link href="https://fonts.googleapis.com/css2?family=Barlow:wght@100;400&display=swap" rel="stylesheet">
+
     <link
     <script src="https://2020.igem.org/Template:Calgary/DynamicSizeModelPage?action=raw&ctype=text/javascript"></script>
+
      rel="stylesheet"
    <style>
+
      type="text/css"
 
+
      href="https://2020.igem.org/Template:Calgary/Imposter-Landing-2-Style?action=raw&ctype=text/css"
      .navbar {
+
     />
      background-color: #61271c;
+
      }   
+
<!-- .navbar changes theNAVBAR COLOUR!!! -->
+
 
+
    </style>
+
 
   </head>
 
   </head>
 +
  <body style="background-color: #ffffff; overflow-x: hidden;">
 +
    <div style="height:100vh;"class="main">
 +
      <div class="container-fluid">
 +
        <div>
 +
          <!-- HEADER/BANNER -->
 +
          <div class="banner-image" style="width: 100%">
 +
            <video autoplay muted loop id="myVideo" style="width: 100%">
 +
              <source
 +
                src="https://static.igem.org/mediawiki/2020/e/eb/T--Calgary--Banner-Video-Final.mp4"
 +
                type="video/mp4"
 +
              />
 +
            </video>
 +
          </div>
 +
          <!-- SUB HEADER -->
 +
          <div
 +
            style="height: 20px; background-color: dimgrey; margin-top: -10px"
 +
          ></div>
 +
          <div class="sub-heading">
 +
            <div class="sub-heading-image">
 +
              <img
 +
                src="https://static.igem.org/mediawiki/2020/a/aa/T--Calgary--ruralschoolkids.png"
 +
              />
 +
            </div>
 +
            <div class="sub-heading-text">
 +
              <h1>A MAJOR PROBLEM</h1>
 +
              <br />
 +
              <h2>
 +
                VITAMIN A DEFICIENCY IS A LEADING CAUSE OF CHILDHOOD MORTALITY
 +
                AND BLINDNESS.
 +
                <div class="emphasis">WE'RE HERE TO CHANGE THAT.</div>
 +
              </h2>
 +
            </div>
 +
          </div>
 +
          <!-- INTRO BODY -->
 +
          <div class="intro-body" id="limitations">
 +
            <h1>OVIITA DESIGN</h1>
 +
            <br />
 +
            <p>
 +
              As a leading global cause of preventable blindness and mortality, vitamin A deficiency (VAD) is a serious health problem, particularly in developing regions. Oviita aims to equip these vulnerable regions with a sustainable and community-based solution to VAD. Our solution uses a food-safe strain of  <span style="font-style: italic;class="italic">Yarrowia lipolytica</span> modified to produce beta-carotene, a vitamin A precursor. By engineering this yeast to produce cellulase, VAD communities can grow it as their own vitamin A supplement using readily-available plant matter as feedstock. To facilitate community integration, we designed bioreactor schematics based on locally-available resources, and made the yeast auxotrophic to ensure safe growth with no environmental risk. We also created a vitamin A biosensor to improve VAD testing, and included an anthelmintic agent in the yeast to combat poor intestinal health, two contributing factors to VAD. Through these solutions, Oviita aims to be a sustainable and community-based adjunct to global efforts against VAD. Check out our <a href="https://2020.igem.org/Team:Calgary/Description">description page</a> and our <a href="https://video.igem.org/videos/watch/9891caea-e3db-4d84-b759-36c72e756721">project presentation video</a> to learn more about Oviita. </p>
  
  <body style = "background-color:#FFFDFF" >
 
 
    <div class="container-fluid">
 
 
 
      <div class="desktop-banner-back">
 
        <div class="text-area">
 
          <div class="page-banner">
 
            <h2 style="font-family:sans-serif;"class="page-subtitle"><mark>Oviita</mark></h2>
 
            <h1 style="font-family:Barlow;"class="page-title"><mark>Vitamin A Deficiency Solution</mark></h1>
 
 
           </div>
 
           </div>
        </div>
+
          <!-- NAVIGATION GRID -->
     
+
          <div class="content-panel project-icons dynamic-padding">
</div>
+
            <h1>Project Components</h1>
 +
            <div class="component-holder" style="margin-top: 0px">
 +
              <div class="component-row">
 +
                <a href="https://2020.igem.org/Team:Calgary/Human_Practices">
 +
                  <div
 +
                    class="project-component"
 +
                    data-link="https://2020.igem.org/Team:Calgary/Human_Practices"
 +
                  >
 +
                    <div class="icon">
 +
                      <img src="https://static.igem.org/mediawiki/2020/0/09/T--Calgary--hp-logo.png" style="width:50%;">
 +
                    </div>
 +
                    <h2 class="title">Human Practices</h2>
 +
                    <p class="description">
 +
                      We conducted in-depth interviews with nutrition experts and future users of our products
 +
                    </p>
 +
                  </div>
 +
                </a>
 +
                <a href="https://2020.igem.org/Team:Calgary/Engineering">
 +
                  <div
 +
                    class="project-component"
 +
                    data-link="https://2020.igem.org/Team:Calgary/Engineering"
 +
                  >
 +
                    <div class="icon">
 +
                      <img src="https://static.igem.org/mediawiki/2020/6/69/T--Calgary--engineering-logo.png" style="width:50%;">
 +
                    </div>
 +
                    <h2 class="title">Engineering</h2>
 +
                    <p class="description">
 +
                      We engineered the yeast strain <i>Yarrowia liplytica</i> to produce exactly what we needed for Oviita
 +
                    </p>
 +
                  </div>
 +
                </a>
 +
                <a href="https://2020.igem.org/Team:Calgary/Model">
 +
                  <div
 +
                    class="project-component"
 +
                    data-link="https://2020.igem.org/Team:Calgary/Model"
 +
                  >
 +
                    <div class="icon">
 +
                      <img src="https://static.igem.org/mediawiki/2020/0/01/T--Calgary--modelling-logo-2.png" style="width:60%; margin-bottom:15px; margin-top:0px;">
 +
                    </div>
 +
                    <h2 class="title">Modelling</h2>
 +
                    <p class="description">
 +
                      Computer modelling informed experimental design through every step
 +
                    </p>
 +
                  </div>
 +
                </a>
 +
              </div>
 +
              <div class="component-row">
 +
                <a href="https://2020.igem.org/Team:Calgary/Implementation">
 +
                  <div
 +
                    class="project-component"
 +
                    data-link="https://2020.igem.org/Team:Calgary/Implementation"
 +
                  >
 +
                    <div class="icon">
 +
                      <img src="https://static.igem.org/mediawiki/2020/2/25/T--Calgary--implementation-logo-2.png" style="width:80%; margin-bottom:5px; margin-top:0px;">
 +
                    </div>
 +
                    <h2 class="title">Proposed Implementation</h2>
 +
                    <p class="description">
 +
                      The implementation of Oviita was thought through from start to finish
 +
                    </p>
 +
                  </div>
 +
                </a>
 +
                <a href="https://2020.igem.org/Team:Calgary/Parts">
 +
                  <div
 +
                    class="project-component"
 +
                    data-link="https://2020.igem.org/Team:Calgary/Parts"
 +
                  >
 +
                    <div class="icon">
 +
                      <img src="https://static.igem.org/mediawiki/2020/d/de/T--Calgary--parts-logo-2.png" style="width:50%; margin-top:0px;">
 +
                    </div>
 +
                    <h2 class="title">Parts</h2>
 +
                    <p class="description">
 +
                      Several parts were added to the iGEM registry
 +
                    </p>
 +
                  </div>
 +
                </a>
 +
                <a href="https://2020.igem.org/Team:Calgary/Hardware">
 +
                  <div
 +
                    class="project-component"
 +
                    data-link="https://2020.igem.org/Team:Calgary/Hardware"
 +
                  >
 +
                    <div class="icon">
 +
                      <img src="https://static.igem.org/mediawiki/2020/4/40/T--Calgary--hardware-logo.png" style="width:60%; margin-bottom:-10px;">
 +
                    </div>
 +
                    <h2 class="title">Hardware</h2>
 +
                    <p class="description">
 +
                      Our Bioreactor and Diagnostic Tool are integral to the implementation of Oviita
 +
                    </p>
 +
                  </div>
 +
                </a>
 +
              </div>
 +
                <div class="component-row">
 +
                  <a href="https://2020.igem.org/Team:Calgary/Software">
 +
                    <div
 +
                      class="project-component"
 +
                      data-link="https://2020.igem.org/Team:Calgary/Software"
 +
                    >
 +
                      <div class="icon">
 +
                        <img src="https://static.igem.org/mediawiki/2020/a/a5/T--Calgary--software-logo.png" style="width:60%; margin-bottom:15px; margin-top:0px;">
 +
                      </div>
 +
                      <h2 class="title">Software</h2>
 +
                      <p class="description">
 +
                        We created an array of software models and tools to assist us in creating Oviita
 +
                      </p>
 +
                    </div>
 +
                  </a>
 +
              </div>
 +
          </div>
 +
          <!-- SPONSERS -->
 +
          <div class="gradient-divider"></div>
 +
          <div class="sponser-grid">
 +
            <div class="sponser-banner">
 +
              <div class="sponser1">
 +
                <a href="https://cumming.ucalgary.ca/"
 +
                  ><img
 +
                    src="https://static.igem.org/mediawiki/2019/e/eb/T--Calgary--Logo_Schulich_%282%29.svg"
 +
                /></a>
 +
              </div>
 +
              <div class="sponser2">
 +
                <a href="https://news.ucalgary.ca/news/shell-canadas-seel-program-fund-provides-learning-experiences-beyond-classroom"
 +
                  ><img
 +
                    src="https://static.igem.org/mediawiki/2019/c/cb/T--Calgary--Logo_Shell.svg"
 +
                /></a>
 +
              </div>
 +
              <div class="sponser3">
 +
                <a href="https://schulich.ucalgary.ca/"
 +
                  ><img
 +
                    src="https://static.igem.org/mediawiki/2019/3/3c/T--Calgary--Logo_Schulich_%281%29.svg"
 +
                /></a>
 +
              </div>
 +
              <div class="sponser4">
 +
                <a href="https://givingday.ucalgary.ca/"
 +
                  ><img
 +
                    src="https://static.igem.org/mediawiki/2019/9/94/T--Calgary--Logo_GivingDay.svg"
 +
                /></a>
 +
              </div>
 +
              <div class="sponser5">
 +
                <a href="https://mindfuel.ca/"
 +
                  ><img
 +
                    src="https://static.igem.org/mediawiki/2019/a/a1/T--Calgary--Logo_Mindfuel.svg"
 +
                /></a>
 +
              </div>
  
      <div class="interface-group">
+
              <div class="sponser6">
        <div class="content-area" id="textual-content">
+
                <a href="https://www.cmdrtfoundation.org/"
          <div class="page">
+
                  ><img
<div class="row"><div class="col-lg-2 col-md-2 col-sm-0 col-xs-0"></div><div class="col-lg-8 col-md-8 col-sm-12 col-xs-12">
+
                    src="https://static.igem.org/mediawiki/2019/a/a2/T--Calgary--CMDRT.png"
            <div class="emphasis">
+
                /></a>
As the leading cause of blindness and childhood mortality, Vitamin A Deficiency (VAD) is a significant global health concern, affecting those with undiversified and insubstantial diets. Current mitigative efforts have had limited success due to consumer reluctance and their failure to consider lipid deficiency, an equally concerning condition that impedes Vitamin A uptake.  
+
              </div>
<br><br>
+
              <div class="sponser7">
In order to provide a sustainable, community-based solution, we plan to genetically modify Rhodotorula glutinis, 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.
+
                <a href="https://research.ucalgary.ca/research/office-vice-president-research"
 +
                  ><img
 +
                    src="https://static.igem.org/mediawiki/2019/5/5f/T--Calgary--Logo_Vice.svg"
 +
                /></a>
 +
              </div>
 +
              <div class="sponser8">
 +
                <a href="https://science.ucalgary.ca/"
 +
                  ><img
 +
                    src="https://static.igem.org/mediawiki/2019/2/22/T--Calgary--Logo_Science.svg"
 +
                /></a>
 +
              </div>
 +
              <div class="sponser9">
 +
                <a href="https://www.ucalgary.ca/provost"
 +
                  ><img
 +
                    src="https://static.igem.org/mediawiki/2019/c/c6/T--Calgary--Logo_Provost_Office.svg"
 +
                /></a>
 +
              </div>
 +
              <div class="sponser10">
 +
                <a href="https://albertainnovates.ca/"
 +
                  ><img
 +
                    src="https://static.igem.org/mediawiki/2020/7/70/T--Calgary--AlbertaInnovates.jpg"
 +
                /></a>
 +
              </div>
 +
              <div class="sponser11">
 +
                <a href="https://www.idtdna.com/pages"
 +
                  ><img
 +
                    src="https://static.igem.org/mediawiki/2019/1/1f/T--Calgary--IDT.png"
 +
                /></a>
 +
              </div>
 +
              <div class="sponser12">
 +
                <a href="https://www.twistbioscience.com/"
 +
                  ><img
 +
                    src="https://static.igem.org/mediawiki/2019/8/8f/T--Calgary--Twist.png"
 +
                /></a>
 +
              </div>
 +
              <div class="sponser13">
 +
                <a href="https://www.benchling.com/"
 +
                  ><img
 +
                    src="https://static.igem.org/mediawiki/2020/3/36/T--Calgary--Benchling.png"
 +
                /></a>
 +
              </div>
 
             </div>
 
             </div>
</div><div class="col-lg-2 col-md-2 col-sm-0 col-xs-0"></div></div>
 
 
           </div>
 
           </div>
</div>
+
        </div>
</div>
+
      </div>
 +
    </div>
 
   </body>
 
   </body>
 +
  <script>
 +
    var slideIndex = 1;
 +
    showSlides(slideIndex);
  
 +
    // Next/previous controls
 +
    function plusSlides(n) {
 +
      showSlides((slideIndex += n));
 +
    }
  
 +
    // Thumbnail image controls
 +
    function currentSlide(n) {
 +
      showSlides((slideIndex = n));
 +
    }
  
 +
    function showSlides(n) {
 +
      var i;
 +
      var slides = document.getElementsByClassName("mySlides");
 +
      var dots = document.getElementsByClassName("dot");
 +
      if (n > slides.length) {
 +
        slideIndex = 1;
 +
      }
 +
      if (n < 1) {
 +
        slideIndex = slides.length;
 +
      }
 +
      for (i = 0; i < slides.length; i++) {
 +
        slides[i].style.display = "none";
 +
      }
 +
      for (i = 0; i < dots.length; i++) {
 +
        dots[i].className = dots[i].className.replace(" active", "");
 +
      }
 +
      slides[slideIndex - 1].style.display = "block";
 +
      dots[slideIndex - 1].className += " active";
 +
    }
 +
  </script>
 
</html>
 
</html>
{{Calgary/Footer}}
+
{{Calgary/Imposter-Footer}}

Latest revision as of 05:36, 21 December 2020



A MAJOR PROBLEM


VITAMIN A DEFICIENCY IS A LEADING CAUSE OF CHILDHOOD MORTALITY AND BLINDNESS.
WE'RE HERE TO CHANGE THAT.

OVIITA DESIGN


As a leading global cause of preventable blindness and mortality, vitamin A deficiency (VAD) is a serious health problem, particularly in developing regions. Oviita aims to equip these vulnerable regions with a sustainable and community-based solution to VAD. Our solution uses a food-safe strain of Yarrowia lipolytica modified to produce beta-carotene, a vitamin A precursor. By engineering this yeast to produce cellulase, VAD communities can grow it as their own vitamin A supplement using readily-available plant matter as feedstock. To facilitate community integration, we designed bioreactor schematics based on locally-available resources, and made the yeast auxotrophic to ensure safe growth with no environmental risk. We also created a vitamin A biosensor to improve VAD testing, and included an anthelmintic agent in the yeast to combat poor intestinal health, two contributing factors to VAD. Through these solutions, Oviita aims to be a sustainable and community-based adjunct to global efforts against VAD. Check out our description page and our project presentation video to learn more about Oviita.