|
|
| Line 1: |
Line 1: |
| - | <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
| |
| | <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en" dir="ltr"> | | <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en" dir="ltr"> |
| | <head> | | <head> |
| Line 95: |
Line 94: |
| | | | |
| | | | |
| - | <div id="menubar" class='left-menu noprint'>
| |
| - | <ul>
| |
| - | <li
| |
| - | class='selected' ><a href="/Team:Johns_Hopkins-Software">Page </a></li>
| |
| - | <li
| |
| - | class='new' ><a href="/wiki/index.php?title=Talk:Team:Johns_Hopkins-Software&action=edit&redlink=1">Discussion </a></li>
| |
| - | <li
| |
| - | ><a href="/wiki/index.php?title=Team:Johns_Hopkins-Software&action=edit">Edit </a></li>
| |
| - | <li
| |
| - | ><a href="/wiki/index.php?title=Team:Johns_Hopkins-Software&action=history">History </a></li>
| |
| - | <li
| |
| - | ><a href="/Special:MovePage/Team:Johns_Hopkins-Software">Move </a></li>
| |
| - | <li
| |
| - | ><a href="/wiki/index.php?title=Team:Johns_Hopkins-Software&action=watch">Watch </a></li>
| |
| - | <li style='color:#808080;cursor:default'>teams</li>
| |
| - | </ul>
| |
| - | </div> <!-- end menubar (left) -->
| |
| - |
| |
| - | <div class="right-menu noprint" id="menubar">
| |
| - | <ul>
| |
| - | <li id="pt-userpage"><a href="/User:Kfkearns" title="Your user page [.]" accesskey="." class="new">Kfkearns</a></li> <li id='pt-preferences'><a href='https://igem.org/User_Information' title='My account'>My account</a></li>
| |
| - | <li id="pt-logout"><a href="/wiki/index.php?title=Special:UserLogout&returnto=Team:Johns_Hopkins-Software" title="Log out">Log out</a></li> </ul>
| |
| - | </div><!-- end right menubar -->
| |
| - |
| |
| - | <div id="search-controls" class="noprint">
| |
| - | <form action="/Special:Search" id="searchform">
| |
| - | <input id="searchInput" name="search" type="text" title="Search 2012.igem.org [f]" accesskey="f" value="" />
| |
| - | <input type='submit' name="go" class="searchButton" id="searchGoButton" value="Go" title="Go to a page with this exact name if exists" />
| |
| - | <input type='submit' name="fulltext" class="searchButton" id="mw-searchButton" value="Search" title="Search the pages for this text" />
| |
| - | </form>
| |
| - | </div> <!-- close search controls -->
| |
| - | </div> <!-- close top-section-->
| |
| | <div id="content"> | | <div id="content"> |
| | <a name="top" id="top"></a> | | <a name="top" id="top"></a> |
| Line 170: |
Line 137: |
| | | | |
| | | | |
| - |
| |
| - |
| |
| - |
| |
| - | <body>
| |
| - |
| |
| - |
| |
| - | </body>
| |
| - |
| |
| - |
| |
| - |
| |
| - |
| |
| - | <script type="text/javascript">
| |
| - | /*
| |
| - | * Author: Marco Kuiper (http://www.marcofolio.net/)
| |
| - | */
| |
| - |
| |
| - | // Speed of the automatic slideshow
| |
| - | var slideshowSpeed = 6000;
| |
| - |
| |
| - | // Variable to store the images we need to set as background
| |
| - | // which also includes some text and url's.
| |
| - | var photos = [ {
| |
| - | "title" : "Gilman Hall",
| |
| - | "image" : "../../wiki/images/7/73/Hopkins.gif",
| |
| - | "url" : "http://www.sxc.hu/photo/1271909",
| |
| - | "firstline" : "",
| |
| - | "secondline" : ""
| |
| - | }, {
| |
| - | "title" : "Johns Hopkins Hospital",
| |
| - | "image" : "../../wiki/images/6/64/Hospital.gif",
| |
| - | "url" : "",
| |
| - | "firstline" : "",
| |
| - | "secondline" : ""
| |
| - | }, {
| |
| - | "title" : "Peabody Library",
| |
| - | "image" : "../../wiki/images/f/f7/Library.gif",
| |
| - | "url" : "",
| |
| - | "firstline" : "",
| |
| - | "secondline" : ""
| |
| - | }, {
| |
| - | "title" : "Design",
| |
| - | "image" : "../../wiki/images/0/0a/Design.png",
| |
| - | "url" : "",
| |
| - | "firstline" : "",
| |
| - | "secondline" : ""
| |
| - | }
| |
| - | ];
| |
| - |
| |
| - |
| |
| - |
| |
| - | $(document).ready(function() {
| |
| - |
| |
| - | // Backwards navigation
| |
| - | $("#back").click(function() {
| |
| - | stopAnimation();
| |
| - | navigate("back");
| |
| - | });
| |
| - |
| |
| - | // Forward navigation
| |
| - | $("#next").click(function() {
| |
| - | stopAnimation();
| |
| - | navigate("next");
| |
| - | });
| |
| - |
| |
| - | var interval;
| |
| - | $("#control").toggle(function(){
| |
| - | stopAnimation();
| |
| - | }, function() {
| |
| - | // Change the background image to "pause"
| |
| - | $(this).css({ "background-image" : "url(images/btn_pause.png)" });
| |
| - |
| |
| - | // Show the next image
| |
| - | navigate("next");
| |
| - |
| |
| - | // Start playing the animation
| |
| - | interval = setInterval(function() {
| |
| - | navigate("next");
| |
| - | }, slideshowSpeed);
| |
| - | });
| |
| - |
| |
| - |
| |
| - | var activeContainer = 1;
| |
| - | var currentImg = 0;
| |
| - | var animating = false;
| |
| - | var navigate = function(direction) {
| |
| - | // Check if no animation is running. If it is, prevent the action
| |
| - | if(animating) {
| |
| - | return;
| |
| - | }
| |
| - |
| |
| - | // Check which current image we need to show
| |
| - | if(direction == "next") {
| |
| - | currentImg++;
| |
| - | if(currentImg == photos.length + 1) {
| |
| - | currentImg = 1;
| |
| - | }
| |
| - | } else {
| |
| - | currentImg--;
| |
| - | if(currentImg == 0) {
| |
| - | currentImg = photos.length;
| |
| - | }
| |
| - | }
| |
| - |
| |
| - | // Check which container we need to use
| |
| - | var currentContainer = activeContainer;
| |
| - | if(activeContainer == 1) {
| |
| - | activeContainer = 2;
| |
| - | } else {
| |
| - | activeContainer = 1;
| |
| - | }
| |
| - |
| |
| - | showImage(photos[currentImg - 1], currentContainer, activeContainer);
| |
| - |
| |
| - | };
| |
| - |
| |
| - | var currentZindex = -1;
| |
| - | var showImage = function(photoObject, currentContainer, activeContainer) {
| |
| - | animating = true;
| |
| - |
| |
| - | // Make sure the new container is always on the background
| |
| - | currentZindex--;
| |
| - |
| |
| - | // Set the background image of the new active container
| |
| - | $("#headerimg" + activeContainer).css({
| |
| - | "background-image" : "url(images/" + photoObject.image + ")",
| |
| - | "display" : "block",
| |
| - | "z-index" : currentZindex
| |
| - | });
| |
| - |
| |
| - | // Hide the header text
| |
| - | $("#headertxt").css({"display" : "none"});
| |
| - |
| |
| - | // Set the new header text
| |
| - | $("#firstline").html(photoObject.firstline);
| |
| - | $("#secondline")
| |
| - | .attr("href", photoObject.url)
| |
| - | .html(photoObject.secondline);
| |
| - | $("#pictureduri")
| |
| - | .attr("href", photoObject.url)
| |
| - | .html(photoObject.title);
| |
| - |
| |
| - |
| |
| - | // Fade out the current container
| |
| - | // and display the header text when animation is complete
| |
| - | $("#headerimg" + currentContainer).fadeOut(function() {
| |
| - | setTimeout(function() {
| |
| - | $("#headertxt").css({"display" : "block"});
| |
| - | animating = false;
| |
| - | }, 500);
| |
| - | });
| |
| - | };
| |
| - |
| |
| - | var stopAnimation = function() {
| |
| - | // Change the background image to "play"
| |
| - | $("#control").css({ "background-image" : "url(images/btn_play.png)" });
| |
| - |
| |
| - | // Clear the interval
| |
| - | clearInterval(interval);
| |
| - | };
| |
| - |
| |
| - | // We should statically set the first image
| |
| - | navigate("next");
| |
| - |
| |
| - | // Start playing the animation
| |
| - | interval = setInterval(function() {
| |
| - | navigate("next");
| |
| - | }, slideshowSpeed);
| |
| - |
| |
| - | });
| |
| - |
| |
| - |
| |
| - | </script>
| |
| | | | |
| | | | |
| Line 395: |
Line 190: |
| | <div id="header_new"> | | <div id="header_new"> |
| | <div id="header_title"> | | <div id="header_title"> |
| - | <a href="https://2013.igem.org/Team:UCSF"><img src="https://dl.dropbox.com/u/24404809/iGEM%202012/igem%202012%20website%20photos/group%20photo%20on%20steps.jpg" width="65%" alt="Autogene" style="border:none; -moz-box-shadow: 0px 0px 0px #fff; | + | <a href="https://2013.igem.org/Team:UCSF"><img src="https://dl.dropbox.com/u/24404809/iGEM%202012/igem%202012%20website%20photos/group%20photo%20on%20steps.jpg" width="35%" alt="Autogene" style="border:none; -moz-box-shadow: 0px 0px 0px #fff; |
| | -webkit-box-shadow: 0px 0px 0px #Fff; | | -webkit-box-shadow: 0px 0px 0px #Fff; |
| | box-shadow: 0px 0px 0px #fff; | | box-shadow: 0px 0px 0px #fff; |
| Line 407: |
Line 202: |
| | -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=0, Direction=135, Color='#ffffff')"; | | -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=0, Direction=135, Color='#ffffff')"; |
| | /* For IE 5.5 - 7 */ | | /* For IE 5.5 - 7 */ |
| - | filter: progid:DXImageTransform.Microsoft.Shadow(Strength=0, Direction=135, Color='#ffffff');"></a> | + | filter: progid:DXImageTransform.Microsoft.Shadow(Strength=0, Direction=135, Color='#FF9B40');"></a> |
| | </div> | | </div> |
| | </div> | | </div> |
"
"
