Difference between revisions of "Team:Calgary/Description"

Line 1: Line 1:
−
{{Calgary/general-code}}
+
<!-- GENERAL PAGE HTML -->
  
 +
{{Calgary/Imposter-Navbar-No-Logo}}
 
<html>
 
<html>
−
  <head>
+
<head>
−
    <link rel="stylesheet" type="text/css" href="https://2020.igem.org/Template:Calgary/Model-Styling?action=raw&ctype=text/css">
+
−
    <script src="https://2020.igem.org/Template:Calgary/DynamicSizeModelPage?action=raw&ctype=text/javascript">
+
  
−
</script>
+
<!-- LINKS THE TEST CSS SHEET -->
−
     <style>
+
     <link
−
mark {
+
      rel="stylesheet"
−
  color: #FF7700 ! important;
+
      type="text/css"
−
}
+
      href="https://2020.igem.org/Template:Calgary/Imposter-Description-Style?action=raw&ctype=text/css"
 +
    />
  
−
      h1{font-family:barlow ! important; color: #0197AE ! important }
 
−
      h2{font-family:barlow ! important; color: #0197AE ! important; opacity: 0.75 ! important }
 
−
      span{color: #F1C232}
 
−
      <span style="color: #F1C232">
 
  
  
−
       .em {
+
<!-- LINKS THE SIDEBAR CSS SHEET BECAUSE THIS PAGE USES A SIDEBAR -->
−
        color: #F1C232;
+
    <link
−
      }
+
       rel="stylesheet"
 +
      type="text/css"    href="https://2020.igem.org/Template:Calgary/Imposter-Sidebar-2-Style?action=raw&ctype=text/css"
 +
    />
  
−
      .expand-on-hover:hover {
+
  <script src="https://2020.igem.org/Template:Calgary/DynamicSizeModelPage?action=raw&ctype=text/javascript"></script>
−
        transform: scale(1.1);
+
−
        -webkit-transition: transform 500ms linear;
+
−
        -ms-transition: transform 500ms linear;
+
−
        transition: transform 500ms linear;
+
−
        cursor: pointer;
+
−
      }
+
  
−
      .expand-on-hover:hover .icon svg > * {
+
  <style>
−
        stroke: #F8B200;
+
−
        -webkit-transition: stroke 500ms linear;
+
−
        -ms-transition: stroke 500ms linear;
+
−
        transition: stroke 500ms linear;
+
−
      }
+
  
−
      .expand-on-hover:hover p {
 
−
        color: #444444;
 
−
        -webkit-transition: color 500ms linear;
 
−
        -ms-transition: color 500ms linear;
 
−
        transition: color 500ms linear;
 
−
      }
 
  
−
      .container{
 
−
        padding-left: 20%;
 
−
        padding-right: 20%;
 
−
        margin: 0 auto;
 
−
      }
 
  
−
      .statement{
+
    /* Style page content */
−
        color: #FF7700;
+
 
−
        font-size: 23px;
+
−
        font-weight: 500;
+
−
        margin-left: 10%;
+
−
        margin-right: 10%;
+
−
        text-align: center;
+
−
      }
+
  
−
      .emphasis{
 
−
        color: #F1C232;
 
−
        font-size:20px;
 
−
        font-weight: 450;
 
−
        margin-left: 15%;
 
−
        margin-right: 15%;
 
−
        text-align: center;
 
−
      }
 
  
−
      .helper {
+
    * References section of page slightly above the header */
−
        display: inline-block;
+
#The-Oviita-Philosophy {
−
        height: 100%;
+
 
−
        vertical-align: middle;
+
  margin-top: -100px;
−
      }
+
}
−
      .left{
+
−
        margin-right: 15%;
+
−
      }
+
−
      .right{
+
−
        margin-right: 15%;
+
−
      }
+
  
−
      .title{
+
#Vitamin-A-Deficiency {
−
        color: #4aaac2;
+
 
−
        font-size:65px;
+
}
−
        font-weight: 500;
+
−
        text-align: center;
+
−
        font-family: 'Barlow';
+
−
        font-weight: bold;
+
−
        margin-bottom: 15px;
+
−
      }
+
  
−
      .subtitle{
+
  </style>
−
        margin-left:20%;
+
−
        margin-right:20%;
+
−
      }
+
  
−
      .center {
 
−
        display: block;
 
−
        margin-left: auto;
 
−
        margin-right: auto;
 
−
        width: 50%;
 
−
      }
 
  
−
      .titleArea{
 
  
  
−
      }
+
</head>
  
−
     </style>
+
<body style="background-color: #fbf6f3; overflow-x: hidden;">
−
  </head>
+
  <div>
−
  <body>
+
     <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/6/63/T--Calgary--August-Logo.png"
 +
              style="height: 40px; width: auto"
 +
          /></a>
 +
          <br>
 +
          <a href="#The-Oviita-Philosophy"> The Oviita Philosophy </a>
 +
          <br>
 +
          <a href="#Vitamin-A-Deficiency"> Vitamin A Deficiency </a>
 +
          <br>
 +
          <a href="#Our-Approach"> Our Approach </a>
 +
        </div>
  
−
    <div class="container-fluid">
 
  
−
 
+
       <div class = "main">
−
       <div class="desktop-banner-back">
+
      <!-- HEADER/BANNER -->
−
        <div class="text-area">
+
      <div class = "banner-image">
−
          <div class="page-banner">
+
        <div class="banner-text">
−
            <h2 class="page-subtitle">Description</h2>
+
          <h1 style = "font-weight: 400"; id = fade>PROJECT</h1>
−
            <h1 class="page-title">Reducing Poverty one Micro Nutrient at a Time</h1>
+
          <div id="fade-with-delay" style="color: #F1C23F;
−
          </div>
+
        font-size: 5em; font-weight: 500; font-family: 'Public Sans', sans-serif; ">DESCRIPTION</div>
 
         </div>
 
         </div>
−
      </div>
+
      </div>
  
−
      <div class="interface-group">
+
      <!-- Main text and content MAKE THIS ON THE STYLE SHEET -->
−
        <div class="content-area" id="textual-content">
+
      <div class = "description-body">
−
          <div class="page">
+
−
<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">
+
−
            <div class="statement">
+
−
             
+
−
              Duis vulputate pellentesque <span class="em"> porttitor</span>. In sit amet nulla et.
+
−
              <br><br>
+
−
              We are a land of <span class ="em"> ranchers </span>, roughnecks, foresters, and farmers.
+
−
              <br><br>
+
−
              We have tilled the earth through unforgiving prairie winters and we have thrived while doing it.
+
−
              <br><br>
+
−
              Our beautiful prairie landscape is painted yellow with budding canola.
+
−
            </div>
+
−
            <br><br>
+
−
            <div class="emphasis">
+
−
              We were inspired by the true grit of Albertan farmers who stand up to any challenge.
+
−
              This is iGEM Calgary's contribution.
+
−
              This is Oviita.
+
−
            </div></div><div class="col-lg-2 col-md-2 col-sm-0 col-xs-0"></div></div>
+
−
          </div>
+
  
 +
        <div class = "The-Oviita-Philosophy" id = "The-Oviita-Philosophy" >
 +
        <h2 >THE OVIITA PHILOSOPHY</h2>
 +
        <h3> Current solutions exist such as Vitamin A supplementation through annual shots and fortification of food. </h3>
  
−
          <br><br>
+
        <p style = "padding-top: 120px;"> Our overall goals for Oviita and it's implementation are that it is: </p>
−
          <img class ="center" src ="https://static.igem.org/mediawiki/2020/d/d2/T--Calgary--circle_logo.png" style ="width:100%">
+
        <ul>
−
<br></br>
+
          <li>practical and simple to maintain within communities</li>
−
          <div class="center">
+
          <li>promote self-sufficiency and autonomy </li>
−
            <h1>The Problem</h1>
+
          <li>address the concerns voiced by the end users </li>
−
          </div>
+
        </ul>
−
          <br><br>
+
        </div>
−
          <img class ="center" src ="https://static.igem.org/mediawiki/2020/3/32/T--Calgary--clay_pots.jpg" style ="max-height:200px; width: auto;">
+
−
          <div class="subtitle">
+
−
            Canola oil is one of <b>Canada's leading exports</b>. In 2017, the Canadian grown canola contributed <b>$26.7 billion</b> to
+
−
            the Canadian economy each year, including more than <b>$250,000 jobs</b> and <b>$11.2 billion in wages</b>
+
−
.
+
−
          </div>
+
  
  
−
          <br><br>
+
        <div class = "Vitamin-A-Deficiency" id = "Vitamin-A-Deficiency" >
−
          <div class="statement">
+
        <h2> VITAMIN A DEFICIENCY</h2>
−
            However, there is a threat.
+
        <h3> Vitamin A is a lipid-soluble whatever make some nice words and line</h3>
−
          </div>
+
        <br>
−
          <br><br>
+
        <p> To create a solution that can actually help people, it needs to be designed thoughtfully, with a human-centred approach. Our discussions with anthropologists, Nutrition International, and individuals from affected communities have introduced us to the challenges that must be overcome for our project to be effective. </p>
 +
        </div>
  
−
          <div class="title">The Green Seed Problem</div>
 
−
          <img class ="center" src ="https://static.igem.org/mediawiki/2019/d/d6/T--Calgary--greenseed.png" style ="max-height:150px; width: auto;">
 
−
          <br><br>
 
−
          <div class="subtitle">
 
−
            As canola seeds mature, enzymes break down the green chlorophyll pigment resulting
 
−
            in a mature brown seed. The "green seed problem" arises when canola plants are exposed
 
−
            to frost, drought or other inclement weather before maturation is complete. The chlorophyll
 
−
            degradation pathway is suspended and the seed remains green.
 
−
          </div>
 
−
          <br><br>
 
−
          <div class = "statement">
 
−
            "Green is the difference between profit and loss."<br>
 
−
            <i>Craig Shand</i>
 
−
          </div>
 
  
−
          <br><br>
 
−
          <div class="statement">
 
−
            What is so bad about that?
 
−
          </div>
 
  
−
          <br><br>
+
      </div>
−
          <div class="container">
+
 
−
            <div class="row">
+
        <div class = "second-banner">
−
              <div class="col-sm">
+
        <div style = "padding: 5vw;">
−
                Farmers lament the fact that their green canola seeds have to be sold
+
      <p style = "text-align: center";> Vitamin A is typically taken up in the diet from specific plant and animal sources. Without these sources, deficiency compromises the immune system, stunts growth, and blinds the eyes, leaving patients vulnerable. </p>
−
                at a discount price. Thus, a farmer like <a class="abody" href="https://2019.igem.org/Team:Calgary/Attributions">Craig Shand</a> is
+
−
                forced to go from <b>$10 per bushel to $7 per bushel</b> on a hard earned harvest.
+
−
              </div>
+
−
              <div class="col-sm">
+
−
                Excess chlorophyll in canola oil causes the oil to spoil faster, have a bitter taste, and a low smoke point. Downstream, oil crushers need to spend more money to remove chlorophyll from
+
−
                the canola oil in order to have a viable consumer product. This <b>process is costly, and oil is lost in the process</b>.
+
−
              </div>
+
−
            </div>
+
 
           </div>
 
           </div>
−
          <br><br>
+
        </div>
 +
       
 +
        <div class = "description-body">
 +
       
 +
        <h3>One of the biggest causes of preventable childhood mortality, Vitamin A Deficiency, currently afflicts an estimated 250 million women and children worldwide. </h3>
 +
        <br>
 +
          <div class = "description-body-map">
 +
          </div>
 +
        <br>
 +
        <p> VAD disproportionately harms some of the world’s most vulnerable populations. It is widespread in regions of Africa and South Asia, where diets contain low amounts of Vitamin A, and is further exacerbated by a lack of dietary fat.  </p>
  
 +
          <div class = "Our-Approach" id = "Our-Approach">
 +
            <h2> OUR APPROACH </h2>
 +
              INSERT INFOGRAPHIC FOR OUR APPROACH
 +
            <p>
 +
              <span style = "color: #0197AE; font-weight: bold; ">Engineering Cellulases</span> involves something something, it's cool and we love to do it. A main part of our project.
 +
              <br>
 +
              <br>
 +
              <span style = "color: #0197AE; font-weight: bold; ">Biocontainment</span> is an aspect of our project that is also very important to what we're doing.
 +
              <br>
 +
              <br>
 +
              <span style = "color: #0197AE; font-weight: bold;  ">Implementation</span> involves many aspects such as  building a bioreactor, doing some other stuff, and one last one. One of the last most important aspects of our project.  </p>
 +
          </div>
 +
        </div>
  
−
          <div class="statement">
+
      </div>
−
            The green seed problem is a leech on the canola industry, stealing money out of the hands of farmers and oil producers.
+
    </div>
−
            With the same grit and dedication of our hard working Albertan farmers, we developed yOIL.
+
    <!-- Wrapping Container -->
−
          </div>
+
  </div>
−
          <br><br>
+
−
          <div class="title">The Solution</div>
+
−
          <div class="row">
+
−
            <div class="col-lg-3 col-md-3 col-sm-0 col-xs-0"></div>
+
−
            <div class="col-lg-6 col-md-6 col-sm-12 col-xs-12">
+
−
              <br><br>
+
−
              <img class ="center" src ="https://static.igem.org/mediawiki/2019/2/21/T--Calgary--pipelineFull.png" style ="width:100%">
+
−
              <br><br>
+
−
              <p>
+
−
                yOIL is a multi-faceted attack on the green seed problem.
+
−
              </p>
+
−
              <p>          The system
+
−
                utilizes
+
−
                <a class ="abody" href ="https://2019.igem.org/Team:Calgary/ChlorophyllExtraction">
+
−
                  water-soluble-chlorophyll</a> binding proteins <a class = "abody" href = "https://2019.igem.org/Team:Calgary/EmulsifiedBindingProteinProcess">
+
−
                emulsified</a> in water droplets
+
−
                to remove chlorophyll molecules from oil.
+
−
                The captured chlorophyll will then be <a class = "abody" href = "https://2019.igem.org/Team:Calgary/RepurposingChlorophyll">
+
−
                repurposed</a> into pheophorbide, an experimental photosensitizer with potential as an
+
−
                <a class="abody" href="https://2019.igem.org/Team:Calgary/Anti-Fungal">anti-fungal</a> agent.
+
−
              </p>
+
−
              <p>          To address ambiguities that arise when farmers take their seeds to be graded, our team developed
+
−
                a standardized seed grading platform, lovingly called <a class ="abody" href = "https://2019.igem.org/Team:Calgary/Modelling/StandardizedSeedGrading">"Mean Green Machine"
+
−
                </a> which automates the grading process. We took the Mean Green Machine (MGM) to <a class="abody" href="https://2019.igem.org/Team:Calgary/Human_Practices">The
+
−
                Canadian Grain Commission</a> where they gave us vital feedback to help move MGM closer to a fully-implemented product.
+
−
              </p>
+
−
              <p>          Inclement weather is what causes green seed, and knowing the weather lets farmers
+
−
                make crucial decisions regarding their crop.
+
−
                We cannot control the weather, but we can create tools to predict it. After all, everyone could use more <a class ="abody" href="https://2019.igem.org/Team:Calgary/SunnyDays">Sunny Days</a>.  
+
−
                Based on <dfn>Recurrent Neural Networks</dfn> and <dfn>Principal Component Analysis</dfn>, Sunny Days is a weather predictive algorithm capable of predicting the weather 180 days into the future
+
−
                with a mean absolute error of 2.0 degrees.
+
−
              </p>
+
−
             
+
−
             
+
−
             
+
−
             
+
−
            </div><div class="col-lg-3 col-md-3 col-sm-0 col-xs-0"></div>
+
−
          </div>
+
−
          <div class = "header-area">
+
−
            <img class ="center" src ="https://static.igem.org/mediawiki/2019/0/08/T--Calgary--yOIL-Background.png" style ="width:75%">
+
−
          </div>
+
  
  
 +
</body>
 +
</html>
  
−
          <div class ="title">
 
−
            <h1>An All-Encompassing Solution to the Green Seed Problem</h1>
 
−
          </div>
 
  
−
          <div class="subtitle">
 
−
            We have worked tirelessly to bring yOIL to fruition.
 
−
            <br>We have submitted <b>28 new parts</b> to
 
−
            the Biobrick registry, created <b>7 models</b> which informed our project design and held
 
−
            <b>over 35 meetings with stakeholders</b>, not to mention the innumerable number of hours in the
 
−
            lab (plus an extra 8 to travel to Boston).
 
−
            <br><br>
 
−
            After all is said and done, it is our privilege to present
 
−
            <br><br>
 
−
          </div>
 
−
          <img class ="center" src ="https://static.igem.org/mediawiki/2020/d/d2/T--Calgary--circle_logo.png" style ="width:20%">
 
−
          <div class="header-area">
 
−
           
 
  
−
        </div>
+
{{Calgary/Imposter-Footer}}
−
      </div>
+
−
    </div>
+
−
  </body>
+
−
</html>
+
−
{{Calgary/Footer}}
+

Revision as of 03:00, 19 September 2020




THE OVIITA PHILOSOPHY

Current solutions exist such as Vitamin A supplementation through annual shots and fortification of food.

Our overall goals for Oviita and it's implementation are that it is:

  • practical and simple to maintain within communities
  • promote self-sufficiency and autonomy
  • address the concerns voiced by the end users

VITAMIN A DEFICIENCY

Vitamin A is a lipid-soluble whatever make some nice words and line


To create a solution that can actually help people, it needs to be designed thoughtfully, with a human-centred approach. Our discussions with anthropologists, Nutrition International, and individuals from affected communities have introduced us to the challenges that must be overcome for our project to be effective.

Vitamin A is typically taken up in the diet from specific plant and animal sources. Without these sources, deficiency compromises the immune system, stunts growth, and blinds the eyes, leaving patients vulnerable.

One of the biggest causes of preventable childhood mortality, Vitamin A Deficiency, currently afflicts an estimated 250 million women and children worldwide.



VAD disproportionately harms some of the world’s most vulnerable populations. It is widespread in regions of Africa and South Asia, where diets contain low amounts of Vitamin A, and is further exacerbated by a lack of dietary fat.

OUR APPROACH

INSERT INFOGRAPHIC FOR OUR APPROACH

Engineering Cellulases involves something something, it's cool and we love to do it. A main part of our project.

Biocontainment is an aspect of our project that is also very important to what we're doing.

Implementation involves many aspects such as building a bioreactor, doing some other stuff, and one last one. One of the last most important aspects of our project.