Difference between revisions of "Team:UCSC"

 
(36 intermediate revisions by 4 users not shown)
Line 1: Line 1:
{{:Team:UCSC/NavBar}}
+
{{:Team:UCSC/NavBar-2}}
 
<html>
 
<html>
  
Line 6: Line 6:
 
</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="video-container" style="margin-bottom: 6px;">
+
  <div class="video-container" style="margin-bottom: 6px;">
<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;" >
+
    <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;">
<video width="100%" autoplay muted id="video2" style="margin-top:-19vh;">
+
    <video width="100%" autoplay muted id="video2" style="margin-top:-19vh;">
          <source src="https://static.igem.org/mediawiki/2018/1/18/T--UCSC--websiteVideo.mp4" type="video/mp4">
+
      <source src="https://static.igem.org/mediawiki/2018/1/18/T--UCSC--websiteVideo.mp4" type="video/mp4">
          document.querySelector('video').playbackRate = 10.0;
+
      document.querySelector('video').playbackRate = 10.0;
        </video>
+
    </video>
  
<div  id="video-class" class="video-centered-right-up">
+
    <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%">
+
      <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>
+
    </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>
+
<!--    <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>
  
 +
  <!-- Include arrow to jump to top -->
 +
  <a href="#top_row" class="scroll-to-top"><img src="https://static.igem.org/mediawiki/2018/5/58/T--UCSC--ArrowUp.png"></a>
  
 +
<div class="flex-row center">
 +
<div class="flex-col">
 +
<img src="https://static.igem.org/mediawiki/2018/6/67/T--UCSC--Description-MImage4.png" style="width:80%">
 +
</div></div>
 +
<br><br>
  
 
<div>
 
<div>
  
   <img id="descriptionImage" usemap="#description-map" 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;">
+
   <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;">
<map name="description-map">
+
    <area target="" alt="this" title="across the globe" href="https://2018.igem.org/Team:UCSC/Human_Practices" coords="433,439,674,478" shape="rect">
+
    <area target="" alt="choose" title="choose" href="https://2018.igem.org/Team:UCSC/Human_Practices" coords="1851,474,1960,504" shape="rect">
+
    <area target="" alt="Progesterone" title="Progesterone" href="https://2018.igem.org/Team:UCSC/Description" coords="1261,826,1066,790" shape="rect">
+
    <area target="" alt="contraception" title="contraception" href="https://2018.igem.org/Team:UCSC/Description" coords="1378,975,1171,945" shape="rect">
+
    <area target="" alt="progesterone" title="progesterone" href="https://2018.igem.org/Team:UCSC/Description" coords="567,1239,762,1274" shape="rect">
+
    <area target="" alt="GRAS organism" title="GRAS organism" href="https://www.fda.gov/food/ingredientspackaginglabeling/gras/microorganismsmicrobialderivedingredients/default.htm" coords="1427,1590,1203,1549" shape="rect">
+
    <area target="" alt="Our hope" title="Our hope" href="https://2018.igem.org/Team:UCSC/Human_Practices" coords="2111,1538,1984,1504" shape="rect">
+
    <area target="" alt="increase" title="increase" href="https://2018.igem.org/Team:UCSC/Human_Practices" coords="1978,1575,2102,1612" shape="rect">ect">
+
</map>
+
 
+
 
</div>
 
</div>
  
  
<h6 align="center" style="font-size: 1.5em; font-family: var(--main-txt-font);">Click Below To Learn More!</h6>
+
<h6 align="center" style="font-size: 1.2em; font-family: 'roboto300';">Click one of the links below to learn more!</h6>
 
<br>
 
<br>
  
Line 76: Line 72:
 
       <a href="https://2018.igem.org/Team:UCSC/Human_Practices">
 
       <a href="https://2018.igem.org/Team:UCSC/Human_Practices">
 
         <div class="image_container">
 
         <div class="image_container">
           <img id="thirdImage" src="https://static.igem.org/mediawiki/2018/6/63/T--UCSC--Partnership.png" alt="" style="width:120%" class="image_box">
+
           <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 class="middle-details">
 
             <div id="middle-text-class3" class="middle-text" style="font-size:1.8em;font-weight:bold">Human <br>Practices</div>
 
             <div id="middle-text-class3" class="middle-text" style="font-size:1.8em;font-weight:bold">Human <br>Practices</div>
Line 121: Line 117:
 
       document.getElementById("thirdImage").style="width:150%;float:right"
 
       document.getElementById("thirdImage").style="width:150%;float:right"
 
       document.getElementById("fourthImage").style="width:170%;float:right"
 
       document.getElementById("fourthImage").style="width:170%;float:right"
       document.getElementById("firstImage").src="https://static.igem.org/mediawiki/2018/b/b6/T--UCSC--InfoMobile.png"
+
       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/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("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("fourthImage").src="https://static.igem.org/mediawiki/2018/a/aa/T--UCSC--ITESG_Mobile.png"
Line 134: Line 130:
 
}
 
}
 
</script>
 
</script>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
 
<script type="text/javascript" src="http://davidjbradshaw.com/imagemap-resizer/js/imageMapResizer.min.js"></script>
 
<script type="text/javascript">
 
 
$('map').imageMapResize();
 
 
</script>
 
 
 
 
</html>
 
</html>
 
{{:Team:UCSC/Footer}}
 
{{: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!