Difference between revisions of "Team:Calgary"

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&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"
−
      h1{font-family:barlow;}
+
      href="https://2020.igem.org/Template:Calgary/Imposter-Landing-2-Style?action=raw&ctype=text/css"
−
      h2{font-family:barlow;}
+
     />
−
 
+
−
    </style>
+
 
   </head>
 
   </head>
 +
  <body style="background-color: #fbf6f3; overflow-x: hidden;">
 +
    <div 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 class="sub-heading">
 +
            <div class="sub-heading-image">
 +
              <img
 +
                src="https://static.igem.org/mediawiki/2020/5/52/T--Calgary--Landing-child.jpg"
 +
              />
 +
            </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>
 +
              Sed ut perspiciatis unde omnis iste natus error sit voluptatem
 +
              accusantium doloremque laudantium, totam rem aperiam, eaque ipsa
 +
              quae ab illo inventore veritatis et quasi architecto beatae vitae
 +
              dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit
 +
              aspernatur aut odit aut fugit, sed quia consequuntur magni dolores
 +
              eos qui ratione voluptatem sequi nesciunt. Neque porro quisquam
 +
              est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci
 +
              velit, sed quia non numquam eius modi tempora incidunt ut labore
 +
              et dolore magnam aliquam quaerat voluptatem. Ut enim ad minima
 +
              veniam, quis nostrum exercitationem ullam corporis suscipit
 +
              laboriosam, nisi ut aliquid ex ea commodi consequatur? Quis autem
 +
              vel eum iure reprehenderit qui in ea voluptate velit esse quam
 +
              nihil molestiae consequatur, vel illum qui dolorem eum fugiat quo
 +
              voluptas nulla pariatur?
 +
            </p>
 +
          </div>
 +
          <!-- SLIDESHOW -->
 +
          <!-- Slideshow container -->
 +
          <div class="slideshow-container">
 +
            <!-- Images with number and caption text (note: make all pictures the same size)-->
 +
            <div class="mySlides">
 +
              <div class="numbertext">1 / 3</div>
 +
              <img
 +
                src="https://static.igem.org/mediawiki/2020/5/52/T--Calgary--Landing-child.jpg"
 +
                style="width: 100%;"
 +
              />
 +
              <div class="text">Caption Text</div>
 +
            </div>
  
−
  <body style = "background-color:#FFFDFF"; >
+
            <div class="mySlides">
 +
              <div class="numbertext">2 / 3</div>
 +
              <img
 +
                src="https://static.igem.org/mediawiki/2020/0/08/T--Calgary--Pipeline-Example.gif"
 +
                style="width: 100%;"
 +
              />
 +
              <div class="text">Caption Two</div>
 +
            </div>
  
−
    <div class="container-fluid">
+
            <div class="mySlides">
 +
              <div class="numbertext">3 / 3</div>
 +
              <img
 +
                src="https://static.igem.org/mediawiki/2020/5/52/T--Calgary--Landing-child.jpg"
 +
                style="width: 100%;"
 +
              />
 +
              <div class="text">Caption Three</div>
 +
            </div>
  
−
 
+
            <!-- Next and previous buttons -->
−
      <div class="desktop-banner-back">
+
            <a class="prev" onclick="plusSlides(-1)">&#10094;</a>
−
        <div class="text-area">
+
             <a class="next" onclick="plusSlides(1)">&#10095;</a>
−
          <div class="page-banner">
+
−
            <h1 class="page-title"><mark>Oviita</mark></h1>
+
−
             <h2 class="page-title"><mark>Vitamin A Deficiency Solution</mark></h2>
+
 
           </div>
 
           </div>
−
        </div>
+
           <br />
−
     
+
−
</div>
+
−
      <div class="interface-group">
+
−
        <div class="content-area" id="textual-content">
+
−
           <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="header-area">
+
          <!-- The dots/circles -->
−
<div class="emphasis">
+
          <div style="text-align: center;">
−
             <h1>Problem</h1>
+
            <span class="dot" onclick="currentSlide(1)"></span>
−
             <h2>Vitamin A Deficiency</h2>
+
             <span class="dot" onclick="currentSlide(2)"></span>
 +
             <span class="dot" onclick="currentSlide(3)"></span>
 
           </div>
 
           </div>
 +
          <!-- SPONSERS -->
 +
          <div class="gradient-divider"></div>
 +
          <div class="sponser-grid">
 +
            <div class="sponser-banner">
 +
              <div class="sponser1">
 +
                <a href="www.google.com"
 +
                  ><img
 +
                    src="https://static.igem.org/mediawiki/2020/5/5d/T--Calgary--Sponser-Test.png"
 +
                /></a>
 +
              </div>
 +
              <div class="sponser2">
 +
                <a href="www.google.com"
 +
                  ><img
 +
                    src="https://static.igem.org/mediawiki/2020/5/5d/T--Calgary--Sponser-Test.png"
 +
                /></a>
 +
              </div>
 +
              <div class="sponser3">
 +
                <a href="www.google.com"
 +
                  ><img
 +
                    src="https://static.igem.org/mediawiki/2020/5/5d/T--Calgary--Sponser-Test.png"
 +
                /></a>
 +
              </div>
 +
              <div class="sponser4">
 +
                <a href="www.google.com"
 +
                  ><img
 +
                    src="https://static.igem.org/mediawiki/2020/5/5d/T--Calgary--Sponser-Test.png"
 +
                /></a>
 +
              </div>
 +
              <div class="sponser5">
 +
                <a href="www.google.com"
 +
                  ><img
 +
                    src="https://static.igem.org/mediawiki/2020/5/5d/T--Calgary--Sponser-Test.png"
 +
                /></a>
 +
              </div>
  
−
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.  
+
              <div class="sponser6">
−
<br><br>
+
                <a href="www.google.com"
−
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.
+
                  ><img
 +
                    src="https://static.igem.org/mediawiki/2020/5/5d/T--Calgary--Sponser-Test.png"
 +
                /></a>
 +
              </div>
 +
              <div class="sponser7">
 +
                <a href="www.google.com"
 +
                  ><img
 +
                    src="https://static.igem.org/mediawiki/2020/5/5d/T--Calgary--Sponser-Test.png"
 +
                /></a>
 +
              </div>
 +
              <div class="sponser8">
 +
                <a href="www.google.com"
 +
                  ><img
 +
                    src="https://static.igem.org/mediawiki/2020/5/5d/T--Calgary--Sponser-Test.png"
 +
                /></a>
 +
              </div>
 +
              <div class="sponser9">
 +
                <a href="www.google.com"
 +
                  ><img
 +
                    src="https://static.igem.org/mediawiki/2020/5/5d/T--Calgary--Sponser-Test.png"
 +
                /></a>
 +
              </div>
 +
              <div class="sponser10">
 +
                <a href="www.google.com"
 +
                  ><img
 +
                    src="https://static.igem.org/mediawiki/2020/5/5d/T--Calgary--Sponser-Test.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}}

Revision as of 02:59, 19 September 2020




A MAJOR PROBLEM


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

OVIITA DESIGN


Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem. Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea commodi consequatur? Quis autem vel eum iure reprehenderit qui in ea voluptate velit esse quam nihil molestiae consequatur, vel illum qui dolorem eum fugiat quo voluptas nulla pariatur?

1 / 3
Caption Text
2 / 3
Caption Two
3 / 3
Caption Three