(83 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"> | + | <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:- | + | <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"> | |
− | + | document.querySelector('video').playbackRate = 10.0; | |
− | + | </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%"> | |
− | </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> | </header> | ||
− | <a href="https:// | + | <!-- 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"> | + | |
+ | <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. | + | <h6 align="center" style="font-size: 1.2em; font-family: 'roboto300';">Click one of the links below to learn more!</h6> |
<br> | <br> | ||
Line 44: | Line 52: | ||
class="image_box"> | class="image_box"> | ||
<div class="middle-details"> | <div class="middle-details"> | ||
− | <div id="middle-text-class1" class="middle-text" style="font-size:1.8em">Meet | + | <div id="middle-text-class1" class="middle-text" style="font-size:1.8em;font-weight:bold">Meet the <br>Team</div> |
</div> | </div> | ||
</div> | </div> | ||
Line 51: | Line 59: | ||
<div id="secondLink" class="column_body"> | <div id="secondLink" class="column_body"> | ||
− | <a href="https://2018.igem.org/Team:UCSC/ | + | <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"> | ||
<div class="middle-details"> | <div class="middle-details"> | ||
− | <div id="middle-text-class2" 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> | ||
</div> | </div> | ||
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">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> | ||
</div> | </div> | ||
Line 77: | 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"> | <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 class="middle-details"> | ||
− | <div id="middle-text-class4" 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> | ||
</div> | </div> | ||
Line 100: | Line 108: | ||
document.getElementById("video2").style="width:0%" | 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").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("firstLink").style="width:50%" | ||
document.getElementById("secondLink").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/ | + | document.getElementById("firstImage").style="width:150%;" |
− | document.getElementById("secondImage").src="https://static.igem.org/mediawiki/2018/ | + | document.getElementById("secondImage").style="width:150%;" |
− | document.getElementById("thirdImage").src="https://static.igem.org/mediawiki/2018/ | + | document.getElementById("thirdImage").style="width:150%;float:right" |
− | document.getElementById("fourthImage").src="https://static.igem.org/mediawiki/2018/ | + | 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("video-class").style="top:60%;left:66%" | ||
document.getElementById("logoImage").style="width:150%" | document.getElementById("logoImage").style="width:150%" | ||
Line 114: | Line 127: | ||
document.getElementById("middle-text-class3").style="font-size:0px;" | document.getElementById("middle-text-class3").style="font-size:0px;" | ||
document.getElementById("middle-text-class4").style="font-size:0px;" | document.getElementById("middle-text-class4").style="font-size:0px;" | ||
− | |||
− | |||
} | } | ||
} | } | ||
</script> | </script> | ||
− | |||
</html> | </html> | ||
{{:Team:UCSC/Footer}} | {{:Team:UCSC/Footer}} |
Latest revision as of 22:30, 17 October 2018