Team:UCLA/Template
From 2013.igem.org
(Difference between revisions)
Michaelc1618 (Talk | contribs) |
Michaelc1618 (Talk | contribs) |
||
(97 intermediate revisions not shown) | |||
Line 1: | Line 1: | ||
<html> | <html> | ||
- | + | <head> | |
<link rel="stylesheet" href="https://2013.igem.org/Team:UCLA/Template/css?action=raw&ctype=text/css" type="text/css" /> | <link rel="stylesheet" href="https://2013.igem.org/Team:UCLA/Template/css?action=raw&ctype=text/css" type="text/css" /> | ||
+ | <link href='http://fonts.googleapis.com/css?family=Raleway' rel='stylesheet' type='text/css'> | ||
+ | <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"></script> | ||
+ | <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script> | ||
+ | <script> | ||
+ | $(document).ready(function(){ | ||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | + | var $window = $(window); //You forgot this line in the above example | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | $('section[data-type="background"]').each(function(){ | |
- | + | var $bgobj = $(this); // assigning the object | |
+ | $(window).scroll(function() { | ||
+ | //var yPos = -($(window).scrollTop() / $bgobj.data('speed')); | ||
+ | var yPos = -( ($(window).scrollTop() - $bgobj.offset().top) / $bgobj.data('speed')); | ||
- | + | // Put together our final background position | |
- | + | var coords = '50% '+ yPos + 'px'; | |
- | + | // Move the background | |
- | + | $bgobj.css({ backgroundPosition: coords }); | |
- | + | }); | |
- | } | + | }); |
- | + | }); | |
+ | $(function() { | ||
+ | $('a[href*=#]:not([href=#])').click(function() { | ||
+ | if (location.pathname.replace(/^\//,'') == this.pathname.replace(/^\//,'') | ||
+ | || location.hostname == this.hostname) { | ||
- | + | var target = $(this.hash); | |
+ | target = target.length ? target : $('[name=' + this.hash.slice(1) +']'); | ||
+ | if (target.length) { | ||
+ | $('html,body').animate({ | ||
+ | scrollTop: target.offset().top | ||
+ | }, 1000); | ||
+ | return false; | ||
+ | } | ||
+ | } | ||
+ | }); | ||
+ | }); | ||
+ | </script> | ||
+ | </head> | ||
- | |||
- | |||
- | |||
- | <div id = " | + | |
- | < | + | |
+ | <body id="bg"> | ||
+ | <div id="container"> | ||
+ | <div id="top-panel"> | ||
+ | |||
+ | <a href = "https://igem.org/Main_Page"><img style ="float:right; margin:150px 0px 0px 0px" src = "https://static.igem.org/mediawiki/igem.org/1/17/IGEM_basic_Logo_white_stylized.png" height = "50" width = "60"/></a> | ||
+ | </div> | ||
</div> | </div> | ||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | < | + | <style> |
- | + | #nav { font-family: "Raleway", serif; font-size: 12px; color: white;} | |
+ | #nav { background-color: #0070B0; width: 1150px; list-style: none; } | ||
+ | #nav { float: left; margin: 0px 0px auto -100px; z-index: 5; } | ||
+ | #nav li { float: left; margin: 0px 25px 0px -5px; position:relative; } | ||
+ | #nav a { display: block; padding: 5px 15px; text-decoration: none; color: white; border-style: none; } | ||
+ | #nav a:hover { color: #D6D615; } | ||
+ | #nav {border-radius:8px; border: 2px solid white; } | ||
+ | </style> | ||
- | < | + | <ul id="nav"> |
- | < | + | <li style="margin-left: 30px;"><a href="https://2013.igem.org/Team:UCLA">HOME</a> |
+ | </li> | ||
+ | <li><a href="/Team:UCLA/Project">PROJECT</a></li> | ||
+ | <li><a href="/Team:UCLA/Team">TEAM</a></li> | ||
+ | <li><a href="/Team:UCLA/Parts">PARTS</a></li> | ||
+ | <li><a href="/Team:UCLA/Modeling">MODELING</a></li> | ||
+ | <li><a href="/Team:UCLA/HumanPractices">HUMAN PRACTICES</a></li> | ||
+ | <li><a href="/Team:UCLA/Notebook/Biobrick">NOTEBOOK</a></li> | ||
+ | <li><a href="/Team:UCLA/Safety">SAFETY</a></li> | ||
+ | <li><a href="/Team:UCLA/Attributions">ATTRIBUTIONS</a></li> | ||
+ | <li><a href="https://igem.org/2013_Judging_Form?id=1176">JUDGING</a></li> | ||
+ | </ul> | ||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
</body> | </body> | ||
- | |||
- | + | ||
- | + | </div> | |
- | + | </html> | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + |
Latest revision as of 23:26, 27 September 2013