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

Line 63: Line 63:
  
 
       /* FOR THE FADE EFFECT ON THE HEADER TEXT */
 
       /* FOR THE FADE EFFECT ON THE HEADER TEXT */
       #fade h1 {
+
       #fade {
 
         -webkit-animation: fadein 2s; /* Safari, Chrome and Opera > 12.1 */
 
         -webkit-animation: fadein 2s; /* Safari, Chrome and Opera > 12.1 */
 
         -moz-animation: fadein 2s; /* Firefox < 16 */
 
         -moz-animation: fadein 2s; /* Firefox < 16 */
Line 74: Line 74:
 
       }
 
       }
  
       #fade-with-delay p {
+
       #fade-with-delay {
 
         -webkit-animation: fadein 2s; /* Safari, Chrome and Opera > 12.1 */
 
         -webkit-animation: fadein 2s; /* Safari, Chrome and Opera > 12.1 */
 
         -moz-animation: fadein 2s; /* Firefox < 16 */
 
         -moz-animation: fadein 2s; /* Firefox < 16 */
Line 150: Line 150:
  
 
         /* Set a specific height */
 
         /* Set a specific height */
         height: 50%;
+
         height: 50vh;
  
 
         /* Position and center the image to scale nicely on all screens */
 
         /* Position and center the image to scale nicely on all screens */
Line 163: Line 163:
 
         text-align: center;
 
         text-align: center;
 
         position: absolute;
 
         position: absolute;
        top: 50%;
 
 
         left: 50%;
 
         left: 50%;
 +
        top: 50%;
 
         transform: translate(-50%, -50%);
 
         transform: translate(-50%, -50%);
 
         color: #882916;
 
         color: #882916;
Line 173: Line 173:
  
 
       .banner-text h1 {
 
       .banner-text h1 {
         font-size: 13vh;
+
         font-size: 11vh;
 
       }
 
       }
  
       .banner-text p {
+
       .banner-text h2 {
         font-size: 9vh;
+
         font-size: 5vh;
 
       }
 
       }
 
     </style>
 
     </style>
Line 188: Line 188:
 
         <div class="banner-text">
 
         <div class="banner-text">
 
           <div id="fade"><h1>Oviita</h1></div>
 
           <div id="fade"><h1>Oviita</h1></div>
           <div id="fade-with-delay"><p>Vitamin A Deficiency Solution</p></div>       
+
           <div id="fade-with-delay"><h2>Vitamin A Deficiency Solution</h2></div>       
 
         </div>
 
         </div>
 
       </div>
 
       </div>

Revision as of 20:12, 7 July 2020


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.