Difference between revisions of "Team:Calgary/Imposter-Home"

(Created page with "{{Calgary/imposter-general-code}} <html> <head> <link rel="stylesheet" type="text/css" href="https://2020.igem.org/Template:Calgary/Model-Styling?action=raw&ctype...")
 
Line 1: Line 1:
 
{{Calgary/imposter-general-code}}
 
{{Calgary/imposter-general-code}}
 +
 +
<!--
 +
    Final Colours:
 +
    menu bar (red-brown): #882916
 +
    progress bar (light orange-yellow): #FFA600
 +
    light blue: #0197AE
 +
    dark blue: #1E6273
 +
    dark orange: #FF7700
 +
    light red: #FBF6F3
 +
-->
  
 
<html>
 
<html>
−
    <head>
+
  <head>
−
        <link rel="stylesheet" type="text/css" href="https://2020.igem.org/Template:Calgary/Model-Styling?action=raw&ctype=text/css">
+
    <link
−
        <link href="https://fonts.googleapis.com/css2?family=Barlow:wght@100&display=swap" rel="stylesheet">
+
      rel="stylesheet"
−
        <script src="https://2020.igem.org/Template:Calgary/DynamicSizeModelPage?action=raw&ctype=text/javascript"></script>
+
      type="text/css"
−
        <style>
+
      href="https://2020.igem.org/Template:Calgary/Model-Styling?action=raw&ctype=text/css"
−
            h1{font-family:barlow;}
+
    />
−
            h2{font-family:barlow;}
+
    <link
−
        </style>
+
      href="https://fonts.googleapis.com/css2?family=Barlow:wght@100&display=swap"
−
  </head>
+
      rel="stylesheet"
 +
    />
 +
    <script src="https://2020.igem.org/Template:Calgary/DynamicSizeModelPage?action=raw&ctype=text/javascript"></script>
 +
    <style>
 +
      h1,
 +
      h2,
 +
      p {
 +
        font-family: barlow;
 +
      }
  
−
  <body style = "background-color:#FFFDFF"; >
+
      .sub-heading {
−
    <div class="container-fluid">
+
        background: #1e6273;
 +
        padding: 7vw 15vw;
 +
      }
  
−
        <div class="desktop-banner-back">
+
      .sub-heading h1 {
−
            <div class="text-area">
+
        color: #ff7700;
−
                <div class="page-banner">
+
        font-weight: 250;
−
                    <h1 class="page-title"><mark>Oviita</mark></h1>
+
      }
−
                    <h2 class="page-title"><mark>Vitamin A Deficiency Solution</mark></h2>
+
−
                </div>
+
−
            </div>
+
−
        </div>
+
  
−
         <div class="interface-group">
+
      .sub-heading h2 {
−
            <div class="content-area" id="textual-content">
+
         color: #fbf6f3;
−
                <div class="page">
+
      }
−
                    <div class="row">
+
 
−
                        <div class="col-lg-2 col-md-2 col-sm-0 col-xs-0"></div>
+
      .intro-body {
−
                        <div class="col-lg-8 col-md-8 col-sm-12 col-xs-12">
+
        background: #fbf6f3;
−
                            <div class="header-area">
+
        padding: 4vw 15vw;
−
                                <div class="emphasis">
+
      }
−
                                    <h1>Problem</h1>
+
 
−
                                    <h2>Vitamin A Deficiency</h2>
+
      .intro-body p {
−
                                </div>
+
        color: #1e6273;
−
                                An estimated 250,000–500,000 vitamin A–deficient children become blind every year. 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.
+
        font-size: 18;
−
                                <br><br>
+
        font-weight: 400;
−
                                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.
+
      }
−
                            </div>
+
 
−
                        </div>
+
      .intro-body h1 {
−
                        <div class="col-lg-2 col-md-2 col-sm-0 col-xs-0"></div>
+
        color: #ff7700;
−
                    </div>
+
        font-weight: 600;
−
                </div>
+
      }
−
            </div>
+
 
 +
      /* FOR THE FADE EFFECT ON THE HEADER TEXT */
 +
      #fade mark {
 +
        -webkit-animation: fadein 2s; /* Safari, Chrome and Opera > 12.1 */
 +
        -moz-animation: fadein 2s; /* Firefox < 16 */
 +
        -ms-animation: fadein 2s; /* Internet Explorer */
 +
        -o-animation: fadein 2s; /* Opera < 12.1 */
 +
        animation: fadein 2s;
 +
        animation-delay: 1s;
 +
      }
 +
 
 +
      @keyframes fadein {
 +
        from {
 +
          opacity: 0;
 +
        }
 +
        to {
 +
          opacity: 1;
 +
        }
 +
      }
 +
 
 +
      /* Firefox < 16 */
 +
      @-moz-keyframes fadein {
 +
        from {
 +
          opacity: 0;
 +
        }
 +
        to {
 +
          opacity: 1;
 +
        }
 +
      }
 +
 
 +
      /* Safari, Chrome and Opera > 12.1 */
 +
      @-webkit-keyframes fadein {
 +
        from {
 +
          opacity: 0;
 +
        }
 +
        to {
 +
          opacity: 1;
 +
        }
 +
      }
 +
 
 +
      /* Internet Explorer */
 +
      @-ms-keyframes fadein {
 +
        from {
 +
          opacity: 0;
 +
        }
 +
        to {
 +
          opacity: 1;
 +
        }
 +
      }
 +
 
 +
      /* Opera < 12.1 */
 +
      @-o-keyframes fadein {
 +
        from {
 +
          opacity: 0;
 +
        }
 +
        to {
 +
          opacity: 1;
 +
        }
 +
      }
 +
    </style>
 +
  </head>
 +
 
 +
  <body style="background-color: #fffdff;" ;>
 +
    <div class="container-fluid">
 +
      <!-- HEADER -->
 +
      <div class="desktop-banner-back">
 +
        <div class="text-area">
 +
          <div class="page-banner" id="fade">
 +
            <h1 class="page-title"><mark>Oviita</mark></h1>
 +
            <h2 class="page-title">
 +
              <mark>Vitamin A Deficiency Solution</mark>
 +
            </h2>
 +
          </div>
 
         </div>
 
         </div>
 +
      </div>
 +
      <!-- SUB HEADER -->
 +
      <div class="sub-heading">
 +
        <h1>Vitamin A Deficiency: A major problem</h1>
 +
        <h2>
 +
          An estimated 250,000–500,000 vitamin A–deficient children become blind
 +
          every year. 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.
 +
          <span class="emphasis">We're here to change that.</span>
 +
        </h2>
 +
      </div>
 +
      <!-- BODY -->
 +
      <div class="intro-body">
 +
        <h1>Our Solution</h1>
 +
        <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>
 +
    </div>
 
   </body>
 
   </body>
 
</html>
 
</html>
 
{{Calgary/Footer}}
 
{{Calgary/Footer}}

Revision as of 01:27, 4 July 2020


Oviita

Vitamin A Deficiency Solution

Vitamin A Deficiency: A major problem

An estimated 250,000–500,000 vitamin A–deficient children become blind every year. 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. We're here to change that.

Our Solution

In order to provide a sustainable, community-based solution, we plan to genetically modify Rhodosporidium toruloides, 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.

Project
Human Centered Design
Modelling
Parts
Journal
Team