Difference between revisions of "Team:UCSC"

Latest revision as of 22:30, 17 October 2018

UCSC iGEM 2018

Click one of the links below to learn more!

@@ Line 1: / Line 1: @@
-{{:Team:UCSC/NavBar}}
+{{:Team:UCSC/NavBar-2}}
 <html>
@@ Line 5: / Line 5: @@
 <title>UCSC iGEM 2018</title>
 </head>
-<body>
+<body style="overflow-x: hidden;">
 <header class="name" style="max-width:100%;" id="home">
-<div class="video-container">
+  <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:45px;margin-bottom:-10px" >
+    <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:13px;margin-bottom:22px">
+    <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> -->
 </header>
-<a href="https://2017.igem.org/Team:UCSC">
+  <!-- Include arrow to jump to top -->
-<img class="main_image" src="https://static.igem.org/mediawiki/2018/c/cd/T--UCSC--2017Team.jpg" alt="2017 Team Image" style="margin-top:-30px;margin-bottom:6px">
+  <a href="#top_row" class="scroll-to-top"><img src="https://static.igem.org/mediawiki/2018/5/58/T--UCSC--ArrowUp.png"></a>
-</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>
-<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">
+  <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>
-<br> <br>
-<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>
@@ Line 43: / Line 52: @@
            class="image_box">
            <div class="middle-details">
-            <div id="middle-text-class" class="middle-text" style="font-size:1.8em">Meet <br>the <br>Team</div>
+            <div id="middle-text-class1" class="middle-text" style="font-size:1.8em;font-weight:bold">Meet the <br>Team</div>
            </div>
         </div>
@@ Line 50: / Line 59: @@
      <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">
            <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-class" class="middle-text" style="font-size:1.8em">Our <br>Project</div>
+             <div id="middle-text-class2" class="middle-text" style="font-size:1.8em;font-weight:bold">Our <br>Project</div>
            </div>
          </div>
@@ Line 63: / Line 72: @@
        <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="" 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 id="middle-text-class" class="middle-text" style="font-size:1.8em">Human <br>Practices</div>
+             <div id="middle-text-class3" class="middle-text" style="font-size:1.8em;font-weight:bold">Human <br>Practices</div>
            </div>
          </div>
@@ Line 76: / Line 85: @@
            <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-class" class="middle-text" style="font-size:1.8em">ITESG<br>Collaboration</div>
+             <div id="middle-text-class4" class="middle-text" style="font-size:1.8em;font-weight:bold">ITESG<br>Collaboration</div>
            </div>
          </div>
@@ Line 99: / Line 108: @@
        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%"
+       document.getElementById("thirdLink").style="width:50%;margin-top:2%"
-       document.getElementById("fourthLink").style="width:50%"
+       document.getElementById("fourthLink").style="width:50%;margin-top:5px"
-       document.getElementById("firstImage").src="https://static.igem.org/mediawiki/2018/e/e3/T--UCSC--teamImage2.0.png"
+      document.getElementById("firstImage").style="width:150%;"
-       document.getElementById("secondImage").src="https://static.igem.org/mediawiki/2018/e/e4/T--UCSC--Info2.png"
+      document.getElementById("secondImage").style="width:150%;"
-       document.getElementById("thirdImage").src="https://static.igem.org/mediawiki/2018/6/63/T--UCSC--Partnership.png"
+      document.getElementById("thirdImage").style="width:150%;float:right"
-       document.getElementById("fourthImage").src="https://static.igem.org/mediawiki/2018/5/51/T--UCSC--ITESG.png"
+      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-class").style="font-size:0px"
+       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>
 {{:Team:UCSC/Footer}}