Difference between revisions of "Team:UCSC"

 
(253 intermediate revisions by 4 users not shown)
Line 1: Line 1:
−
{{:Team:UCSC/NavBar}}
+
{{:Team:UCSC/NavBar-2}}
 
<html>
 
<html>
  
 
<head>
 
<head>
−
 
+
<title>UCSC iGEM 2018</title>
 
</head>
 
</head>
−
<body>
 
  
 +
<body style="overflow-x: hidden;">
  
 
<header class="name" style="max-width:100%;" id="home">
 
<header class="name" style="max-width:100%;" id="home">
  
−
   <div class="header-image">
+
   <div class="video-container" style="margin-bottom: 6px;">
−
  <img class="header-image" src="https://static.igem.org/mediawiki/2018/6/62/T--UCSC--cell.gif" alt="Picture Didn't Load" width="100%">
+
    <img id="myImg" src="https://static.igem.org/mediawiki/2018/3/3c/T--UCSC--websiteVideo.gif" alt="Website Video Not Loading" style="width:100%; margin-top: 0px;">
−
  <div class="main_paragraph" style="color:fffff0"><h1>iGEM Project 2018</h1></div>
+
    <video width="100%" autoplay muted id="video2" style="margin-top:-19vh;">
−
  </div>
+
      <source src="https://static.igem.org/mediawiki/2018/1/18/T--UCSC--websiteVideo.mp4" type="video/mp4">
 +
      document.querySelector('video').playbackRate = 10.0;
 +
    </video>
 +
 
 +
    <div id="video-class" class="video-centered-right-up">
 +
      <img id="logoImage" src="https://static.igem.org/mediawiki/2018/d/dd/T--UCSC--TEXT_Large_Flower.png" alt="PoPPY: Portable Progesterone Production in Yeast" style="width:130%">
 +
    </div>
 +
 
 +
<!--    <a href="#descriptionImage"><img class="scroll-image" id="scroll_image_homePage" src="https://static.igem.org/mediawiki/2018/c/cd/T--UCSC--Arrow.png"></a> -->
 +
 
 
</header>
 
</header>
−
<div class="main_paragraph">
 
−
<p><h3>The UCSC iGEM team project for 2018 will be to produce steroid hormones in yeast: specifically progesterone. Progesterone is a hormone that the female body naturally produces that can suppress ovulation. The right to control one’s own fertility is a basic human right. Regretfully though, in 2014 it was estimated that 225 million women worldwide aged 15-49 years had unmet need for contraception. These numbers are abysmal and we hope that we can help change that. </p></h3>
 
−
</div>
 
  
−
<p>
+
  <!-- Include arrow to jump to top -->
−
<div class="column full_size" >
+
  <a href="#top_row" class="scroll-to-top"><img src="https://static.igem.org/mediawiki/2018/5/58/T--UCSC--ArrowUp.png"></a>
−
<h2 align="center">Steroid Hormone</h2>
+
−
</div>
+
  
−
<div class="column two_thirds_size" >  
+
<div class="flex-row center">
−
<h2 align= "left">Production in Yeast</h2>
+
<div class="flex-col">
−
</div>
+
<img src="https://static.igem.org/mediawiki/2018/6/67/T--UCSC--Description-MImage4.png" style="width:80%">
−
</p>
+
</div></div>
 +
<br><br>
  
−
<p>
+
<div>
−
<div class="column third_size" >
+
−
<h2> This is large text3. </h2>
+
−
</div>
+
  
−
<div class="column third_size" >
+
  <img id="descriptionImage" class="main_image" src="https://static.igem.org/mediawiki/2018/5/58/T--UCSC--TeamProjectDescription.png" alt="Project Description" style="margin-top:-15px; border-top:3px solid black;">
−
<h2> This is large text4. </h2>
+
 
</div>
 
</div>
−
</p>
 
  
  
−
team projectInfo contactProjectDonation
+
<h6 align="center" style="font-size: 1.2em; font-family: 'roboto300';">Click one of the links below to learn more!</h6>
 +
<br>
  
 
<div align="center">
 
<div align="center">
 
   <div class="row_body">
 
   <div class="row_body">
−
     <div class="column_body">
+
   
−
       <a href="https://2018.igem.org/Team:UCSC/Team"><img src="https://static.igem.org/mediawiki/2018/e/e3/T--UCSC--teamImage2.png" alt="Team Image" style="width:50%"></a>
+
     <div id="firstLink" class="column_body">
 +
       <a href="https://2018.igem.org/Team:UCSC/Team">
 +
        <div class="image_container">
 +
          <img id="firstImage" src="https://static.igem.org/mediawiki/2018/e/e3/T--UCSC--teamImage2.0.png" alt="Team Image" style="width:120%"
 +
          class="image_box">
 +
          <div class="middle-details">
 +
          <div id="middle-text-class1" class="middle-text" style="font-size:1.8em;font-weight:bold">Meet the <br>Team</div>
 +
          </div>
 +
      </div>
 +
      </a>
 
     </div>
 
     </div>
−
     <div class="column_body">
+
 
−
       <a href="https://2018.igem.org/Team:UCSC"><img src="https://static.igem.org/mediawiki/2018/e/e4/T--UCSC--Info2.png" alt="Info Image" style="width:50%"></a>
+
     <div id="secondLink" class="column_body">
 +
       <a href="https://2018.igem.org/Team:UCSC/Description">
 +
        <div class="image_container">
 +
          <img id="secondImage" src="https://static.igem.org/mediawiki/2018/e/e4/T--UCSC--Info2.png" alt="Info Image" style="width:120%" class="image_box">
 +
          <div class="middle-details">
 +
            <div id="middle-text-class2" class="middle-text" style="font-size:1.8em;font-weight:bold">Our <br>Project</div>
 +
          </div>
 +
        </div>
 +
      </a>
 
     </div>
 
     </div>
−
     <div class="column_body">
+
 
−
       <a href="https://2018.igem.org/Team:UCSC/Partnership"><img src="https://static.igem.org/mediawiki/2018/6/63/T--UCSC--Partnership.png" alt="PartnerShip Image" style="width:50%"></a>
+
     <div id="thirdLink" class="column_body">
 +
       <a href="https://2018.igem.org/Team:UCSC/Human_Practices">
 +
        <div class="image_container">
 +
          <img id="thirdImage" src="https://static.igem.org/mediawiki/2018/6/63/T--UCSC--Partnership.png" alt="Human Practices Image" style="width:120%" class="image_box">
 +
          <div class="middle-details">
 +
            <div id="middle-text-class3" class="middle-text" style="font-size:1.8em;font-weight:bold">Human <br>Practices</div>
 +
          </div>
 +
        </div>
 +
      </a>
 
     </div>
 
     </div>
−
<div class="column_body">
+
 
−
       <a href="https://2018.igem.org/Team:UCSC/Human_practices"><img src="https://static.igem.org/mediawiki/2018/e/ed/T--UCSC--humanPractice.png" alt="Human_practices Image" style="width:50%"></a>
+
    <div id="fourthLink" class="column_body">
−
    </div>
+
       <a href="https://2018.igem.org/Team:UCSC/Partnership">
−
<div class="column_body">
+
        <div class="image_container">
−
      <a href="https://2018.igem.org/Team:UCSC/Contact"><img src="https://static.igem.org/mediawiki/2018/5/53/T--UCSC--contact.png" alt="Contact Image" style="width:50%"></a>
+
          <img id="fourthImage" src="https://static.igem.org/mediawiki/2018/5/51/T--UCSC--ITESG.png" alt="Partnership Image" style="width:120%" class="image_box">
 +
          <div class="middle-details">
 +
            <div id="middle-text-class4" class="middle-text" style="font-size:1.8em;font-weight:bold">ITESG<br>Collaboration</div>
 +
          </div>
 +
        </div>
 +
      </a>
 
     </div>
 
     </div>
 +
 
   </div>
 
   </div>
 +
</div>
  
  
 
</body>
 
</body>
  
 +
<br>
  
 +
<script language="JavaScript">
 +
document.onload = myFunction();
 +
function myFunction() {
 +
  if (window.matchMedia("(min-width:800px)").matches) {
 +
    document.getElementById("myImg").style="width:0%";
 +
    }
 +
    else{
 +
      document.getElementById("video2").style="width:0%"
 +
      document.getElementById("descriptionImage").src="https://static.igem.org/mediawiki/2018/4/4f/T--UCSC--DescriptionMobile.png"
 +
      document.getElementById("descriptionImage").style="margin-top: -36px;border-top:3px solid black;"
 +
      document.getElementById("firstLink").style="width:50%"
 +
      document.getElementById("secondLink").style="width:50%"
 +
      document.getElementById("thirdLink").style="width:50%;margin-top:2%"
 +
      document.getElementById("fourthLink").style="width:50%;margin-top:5px"
 +
      document.getElementById("firstImage").style="width:150%;"
 +
      document.getElementById("secondImage").style="width:150%;"
 +
      document.getElementById("thirdImage").style="width:150%;float:right"
 +
      document.getElementById("fourthImage").style="width:170%;float:right"
 +
      document.getElementById("firstImage").src="https://static.igem.org/mediawiki/2018/4/48/T--UCSC--TeamImage_Mobile.png"
 +
      document.getElementById("secondImage").src="https://static.igem.org/mediawiki/2018/b/b6/T--UCSC--InfoMobile.png"
 +
      document.getElementById("thirdImage").src="https://static.igem.org/mediawiki/2018/4/4d/T--UCSC--PartnershipMobile.png"
 +
      document.getElementById("fourthImage").src="https://static.igem.org/mediawiki/2018/a/aa/T--UCSC--ITESG_Mobile.png"
 +
      document.getElementById("video-class").style="top:60%;left:66%"
 +
      document.getElementById("logoImage").style="width:150%"
 +
      document.getElementById("middle-text-class1").style="font-size:0px;"
 +
      document.getElementById("middle-text-class2").style="font-size:0px;"
 +
      document.getElementById("middle-text-class3").style="font-size:0px;"
 +
      document.getElementById("middle-text-class4").style="font-size:0px;"
 +
    }
 +
}
 +
</script>
 
</html>
 
</html>
 +
{{:Team:UCSC/Footer}}

Latest revision as of 22:30, 17 October 2018

UCSC iGEM 2018
Website Video Not Loading
PoPPY: Portable Progesterone Production in Yeast


Project Description
Click one of the links below to learn more!