|
|
(39 intermediate revisions by the same user not shown) |
Line 1: |
Line 1: |
− | {{Team:William_and_Mary/CSS_RESET}}
| |
− | {{Team:William_and_Mary/CSS_FIX}}
| |
− | {{Team:William_and_Mary/SOURCE}}
| |
− | {{Team:William_and_Mary/HEADER2}}
| |
| | | |
− | <html lang="en">
| |
− |
| |
− | <script>
| |
− | window.smoothScroll = function(target) {
| |
− | var scrollContainer = target;
| |
− | do { //find scroll container
| |
− | scrollContainer = scrollContainer.parentNode;
| |
− | if (!scrollContainer) return;
| |
− | scrollContainer.scrollTop += 1;
| |
− | } while (scrollContainer.scrollTop == 0);
| |
− |
| |
− | var targetY = 0;
| |
− | do { //find the top of target relatively to the container
| |
− | if (target == scrollContainer) break;
| |
− | targetY += target.offsetTop;
| |
− | } while (target = target.offsetParent);
| |
− |
| |
− | scroll = function(c, a, b, i) {
| |
− | i++; if (i > 30) return;
| |
− | c.scrollTop = a + (b - a) / 30 * i;
| |
− | setTimeout(function(){ scroll(c, a, b, i); }, 20);
| |
− | }
| |
− | // start scrolling
| |
− |
| |
− |
| |
− | </script>
| |
− |
| |
− |
| |
− | <cfheader name="X-XSS-Protection" value="1">
| |
− |
| |
− | <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
| |
− |
| |
− | <body class="landing-page">
| |
− | <div class="wrapper">
| |
− |
| |
− | <!--PRESENTATION PAGE INFORMATION BEGINS HERE-->
| |
− | <!--all source files, header, footer, and CSS resets are now in templates
| |
− | above and below the html source code on this page. This serves to make
| |
− | easier the construction of new pages that can be linked to from this
| |
− | general overview presentation page.
| |
− | -J-Mitch
| |
− | -->
| |
− |
| |
− | <div class="section section-header" id="overview">
| |
− | <div style='padding-top: 60px;'>
| |
− | <center>
| |
− | <img src='https://static.igem.org/mediawiki/2017/a/ac/T--William_and_Mary--speedlogogreen2.jpeg' height = "12%" width = "40%"/>
| |
− | </center>
| |
− | <div class="container">
| |
− | <div class="content">
| |
− | <p class="section-header h1WM" style="font-family:Slim-Joe; margin: 0px 0 px;"></p>
| |
− |
| |
− | <h5></h5>
| |
− | </div>
| |
− | </div>
| |
− | </div>
| |
− |
| |
− | </div>
| |
− |
| |
− |
| |
− |
| |
− | <div class="first"><button type="button" onclick="smoothScroll(document.getElementById('second'))"><img src="https://static.igem.org/mediawiki/2017/8/8c/T--William_and_Mary--arrowright.jpeg" height = "80"/></button></div>
| |
− | <div class="second" id="second">Hi</div>
| |
− |
| |
− |
| |
− |
| |
− | <div style='position:fixed; top:40%; right:3%;'>
| |
− | <img src="https://static.igem.org/mediawiki/2017/8/8c/T--William_and_Mary--arrowright.jpeg" height = "80"/>
| |
− | </div>
| |
− |
| |
− |
| |
− | <div style='position:fixed; top:40%; left:3%;'>
| |
− | <img src="https://static.igem.org/mediawiki/2017/e/eb/T--William_and_Mary--arrowleft.jpeg" height = "80"/>
| |
− | </div>
| |
− |
| |
− | <br>
| |
− | <br/>
| |
− |
| |
− |
| |
− |
| |
− | <div id="middle">
| |
− | <center>
| |
− | <img src="https://static.igem.org/mediawiki/2017/d/de/T--William_and_Mary--greenyellowinfographic.jpeg" height = "2200"/>
| |
− | </center>
| |
− | </div>
| |
− |
| |
− |
| |
− | <div>
| |
− | <center>
| |
− | <img src="https://static.igem.org/mediawiki/2017/5/55/T--William_and_Mary--blank.jpeg" height = "60" width "100"/>
| |
− | </center>
| |
− | </div>
| |
− |
| |
− | <center> For more information, <a href ="https://2017.igem.org/Team:William_and_Mary/Description"> click here </a>.</center>
| |
− |
| |
− |
| |
− |
| |
− |
| |
− |
| |
− |
| |
− |
| |
− |
| |
− |
| |
− |
| |
− |
| |
− | </body>
| |
− | </html>
| |
− |
| |
− |
| |
− | {{Team:William_and_Mary/JS_SOURCE}}
| |
− | {{Team:William_and_Mary/FOOTER_SMALL}}
| |