Difference between revisions of "Team:Oxford/GavHomepage"
| (46 intermediate revisions by the same user not shown) | |||
| Line 4: | Line 4: | ||
<html> | <html> | ||
<head> | <head> | ||
| − | + | <script type="text/javascript" src="http://s-richards.github.io/slideshow/slideshow.min.js"></script> | |
<style> | <style> | ||
.anchor{ | .anchor{ | ||
| Line 12: | Line 12: | ||
visibility:hidden; | visibility:hidden; | ||
} | } | ||
| + | |||
| + | |||
</style> | </style> | ||
| + | <link rel="stylesheet" type="text/css" | ||
| + | href="https://2016.igem.org/Template:Oxford/slideshow?action=raw&ctype=text/css" /> | ||
| + | <script> | ||
| + | |||
| + | |||
| + | var slideshowEl = document.querySelector('.slideshow'); | ||
| + | |||
| + | Slideshow(slideshowEl, { | ||
| + | |||
| + | loopSlides: true, | ||
| + | |||
| + | showIndicators: true, | ||
| + | |||
| + | transitionEffect: "slide" | ||
| + | |||
| + | }); | ||
| + | |||
| + | |||
| + | </script> | ||
<script type='text/javascript'>//<![CDATA[ | <script type='text/javascript'>//<![CDATA[ | ||
| Line 20: | Line 41: | ||
} | } | ||
| − | function | + | function scrollDown() |
| − | + | { | |
| − | + | window.location = (""+window.location).replace(/#[A-Za-z0-9_]*$/,'')+"#video" | |
| − | + | ||
} | } | ||
| Line 30: | Line 50: | ||
<title>Oxford iGEM 2016 Homepage</title> | <title>Oxford iGEM 2016 Homepage</title> | ||
| − | <body class="mainBody" style="background-color:#FFF;" onscroll=" | + | <body class="mainBody" style="background-color:#FFF;" onscroll="scrollDown()"> |
| + | |||
| + | |||
| + | |||
| + | |||
| + | |||
| + | <div class="slideshow slideshow-one"> | ||
| + | <div class="slideshow-slide-list overlay"> | ||
| + | <figure class="slideshow-slide"> | ||
| + | <img src="https://static.igem.org/mediawiki/2016/3/3a/T--Oxford--Radcam2.jpg" alt="image 1"> | ||
| + | </figure> | ||
| + | <figure class="slideshow-slide"> | ||
| + | <img src="https://static.igem.org/mediawiki/2016/5/50/T--Oxford--parts.png" alt="image 2"> | ||
| + | </figure> | ||
| + | <figure class="slideshow-slide"> | ||
| + | <img src="https://static.igem.org/mediawiki/2016/c/c8/T--Oxford--drylab.png" alt="image 3"> | ||
| + | </figure> | ||
| + | <figure class="slideshow-slide"> | ||
| + | <img src="https://static.igem.org/mediawiki/2016/5/59/T--Oxford--wetlab100.jpg" alt="image 4"> | ||
| + | </figure> | ||
| + | <figure class="slideshow-slide"> | ||
| + | <img src="https://static.igem.org/mediawiki/2016/d/d5/Provis_people_page_photo_Oxford_2016.jpeg" alt="image 5"> | ||
| + | </figure> | ||
| + | </div> | ||
| + | <header class="page-header"> | ||
| + | |||
| − | |||
| − | |||
<div class="table_style"> | <div class="table_style"> | ||
| Line 72: | Line 115: | ||
<tr> <!-- 3rd ROW--> | <tr> <!-- 3rd ROW--> | ||
<td class="purple_vid"> | <td class="purple_vid"> | ||
| − | <h2 style="font-color:black;"><a href="# | + | <h2 style="font-color:black;"><a href="#video1">Video</a></h2> |
</td> | </td> | ||
<td class="purple"> | <td class="purple"> | ||
| Line 90: | Line 133: | ||
</table> | </table> | ||
</div> | </div> | ||
| − | |||
| − | <div style="width:100%; padding-top:0px; margin-top:0px | + | </header> |
| + | |||
| + | </div> | ||
| + | |||
| + | |||
| + | |||
| + | <div style="width:100%; padding-top:0px; margin-top:0px; padding-bottom:0px; margin-bottom:0px;"> | ||
<div align="center"><span id="video" class="anchor"></span> | <div align="center"><span id="video" class="anchor"></span> | ||
<video controls style="height:calc(100vh - 88px);" id="ideaVideo" onmouseover="playVideo()"> | <video controls style="height:calc(100vh - 88px);" id="ideaVideo" onmouseover="playVideo()"> | ||
| Line 105: | Line 153: | ||
</body> | </body> | ||
| + | <script type="text/javascript" src="http://s-richards.github.io/slideshow/slideshow.min.js"></script> | ||
</html> | </html> | ||
| − | |||
Latest revision as of 15:15, 29 September 2016
