Difference between revisions of "Team:UCSC"

 
(44 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" 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;">
 
</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 51: Line 59:
  
 
     <div id="secondLink" class="column_body">
 
     <div id="secondLink" class="column_body">
       <a href="https://2018.igem.org/Team:UCSC/Project">
+
       <a href="https://2018.igem.org/Team:UCSC/Description">
 
         <div class="image_container">
 
         <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">
 
           <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">
Line 64: 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 109: 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 122: Line 130:
 
}
 
}
 
</script>
 
</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!