Team:Uppsala/Templates/top template

From 2014.igem.org

(Difference between revisions)
 
(66 intermediate revisions not shown)
Line 3: Line 3:
<head>
<head>
-
<link href="https://2014.igem.org/Team:Uppsala/sponsors.css?action=raw&ctype=text/css" type="text/css" rel="stylesheet"/> <!-- STYLESHEET THAT CONTAINS THE CSS RESET, MUST BE INCLUDED!!! -->
+
<script type="text/javascript">
 +
function preloadimages(arr){
 +
    var newimages=[]
 +
    var arr=(typeof arr!="object")? [arr] : arr //force arr parameter to always be an array
 +
    for (var i=0; i<arr.length; i++){
 +
        newimages[i]=new Image()
 +
        newimages[i].src=arr[i]
 +
    }
 +
}
-
<link href="https://2014.igem.org/Team:Uppsala/css_reset.css?action=raw&ctype=text/css" type="text/css" rel="stylesheet"/> <!-- STYLESHEET THAT CONTAINS THE CSS RESET, MUST BE INCLUDED!!! -->
+
</script>
-
<link href="https://2014.igem.org/Team:Uppsala/mediawiki_remove.css?action=raw&ctype=text/css" type="text/css" rel="stylesheet"/> <!-- STYLESHEET THAT CONTAINS THE MEDIAWIKI REMOVAL, MUST BE INCLUDED!!! -->
+
<script src="https://2014.igem.org/Team:Uppsala/jquery?action=raw&ctype=text/javascript" type="text/javascript"></script>
-
<link href="https://2014.igem.org/Team:Uppsala/navbar.css?action=raw&ctype=text/css" type="text/css"
+
<script src="https://2014.igem.org/Team:Uppsala/jscript/collapse.js?action=raw&ctype=text/javascript" type="text/javascript"></script> <!-- Script for collapse -->
-
rel="stylesheet"/> <!-- STYLESHEET THAT CONTAINS THE NAVBAR CSS, MUST BE INCLUDED!!! -->
+
-
<link href="https://2014.igem.org/Team:Uppsala/stylesheet.css?action=raw&ctype=text/css" type="text/css" rel="stylesheet"/> <!-- STYLESHEET THAT CONTAINS MAIN_CONTENT AND GENERAL STUFF, MUST BE INCLUDED!!! -->
+
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.3/jquery.min.js"></script> <!-- Required for Back-to-top -->
-
<link href="https://2014.igem.org/Team:Uppsala/style/collapse.css?action=raw&ctype=text/css" type="text/css" rel="stylesheet"/> <!-- STYLESHEET FOR COLLAPSE EFFECTS ONLY!!! -->
+
<script src="https://2014.igem.org/Team:Uppsala/JavaScript?action=raw&ctype=text/javascript" type="text/javascript"></script>
 +
<link href='http://fonts.googleapis.com/css?family=Play:400,700' rel='stylesheet' type='text/css'>
 +
<link href='http://fonts.googleapis.com/css?family=Black+Ops+One' rel='stylesheet' type='text/css'>
-
<script src="https://2014.igem.org/Team:Uppsala/jquery?action=raw&ctype=text/javascript" type="text/javascript"></script> <!-- JQUERY  What is this shit!-->
+
<link href="https://2014.igem.org/Team:Uppsala/mediawiki_remove.css?action=raw&ctype=text/css" type="text/css" rel="stylesheet"/> <!-- Stylesheet that contains mediawiki removal and adds background -->
-
<script src="https://2014.igem.org/Team:Uppsala/jscript/collapse.js?action=raw&ctype=text/javascript" type="text/javascript"></script> <!-- SCRIPT FOR COLLAPSE EFFECTS ONLY!!! -->
+
<link href="https://2014.igem.org/Team:Uppsala/css_reset.css?action=raw&ctype=text/css" type="text/css" rel="stylesheet"/> <!-- Stylesheet that contains css reset -->
-
<script src="https://2014.igem.org/Team:Uppsala/script.js?action=raw&ctype=text/javascript" type="text/javascript"></script>
+
<link href="https://2014.igem.org/Team:Uppsala/style/collapse.css?action=raw&ctype=text/css" type="text/css" rel="stylesheet"/> <!-- Stylesheet for collapse-->
-
</head>
+
<link href="https://2014.igem.org/Team:Uppsala/navbar.css?action=raw&ctype=text/css" type="text/css" rel="stylesheet"/> <!-- Stylesheet for navbar -->
 +
<link href="https://2014.igem.org/Team:Uppsala/stylesheet.css?action=raw&ctype=text/css" type="text/css" rel="stylesheet"/> <!-- Main style sheet -->
 +
<link href="https://2014.igem.org/Team:Uppsala/tabSelector.css?action=raw&ctype=text/css" type="text/css" rel="stylesheet"/> <!-- Temporary stylesheet for tabSelector -->
 +
 +
<link href="https://2014.igem.org/Team:Uppsala/stylesheet2.css?action=raw&ctype=text/css" type="text/css" rel="stylesheet"/>
 +
<!-- stylesheet 2 file -->
 +
 +
<link href="https://2014.igem.org/Team:Uppsala/marcus.css?action=raw&ctype=text/css" type="text/css" rel="stylesheet"/>
 +
<!-- Marcus worksheet -->
 +
 +
<!-- Two links for Java-button-->
 +
<link href="http://s3.amazonaws.com/codecademy-content/courses/ltp/css/shift.css" rel="stylesheet">
 +
<link href="main.css" rel="stylesheet">
 +
</head>
<div id="master"> <!-- Master div that contains all other divs except footer -->
<div id="master"> <!-- Master div that contains all other divs except footer -->
-
<!-- Media wiki template for the whole header section, templates needs to be placed outside <html> tags  -->
+
<!-- Mediawiki template for the whole header section, templates needs to be placed outside <html> tags  -->
</html>
</html>
Line 38: Line 60:
<html>
<html>
-
 
-
<div id="main_frame_lower"> <!-- Master div that contains all other main_frame divs (lower section), should store background image -->
 
<div id="main_content"> <!-- Contains all elements on the content sektion: 3 (check photos) and the tracking system (6,7,9) -->
<div id="main_content"> <!-- Contains all elements on the content sektion: 3 (check photos) and the tracking system (6,7,9) -->
Line 45: Line 65:
<div id="title">    <!-- Subheader -->
<div id="title">    <!-- Subheader -->
-
<h1>Project</h1>
+
<h1 id="currentH"> Home </h1>
              
              
</div> <!-- Ends subheader -->
</div> <!-- Ends subheader -->
-
            <div id="tracking_system"> <!-- Masterdiv for the tracking system, all other elements for tracking should be put here! -->
+
                        <div id="social_media">
-
                       
+
                            <ul>
-
            <p id="tra">Failed to load tracking. JS is probably not enabled</p>
+
                            <li><a href="http://www.facebook.com/UppsalaIgem?fref=ts"><img class="sm_logo" src="https://static.igem.org/mediawiki/2014/3/39/Uppsala-igem2014-Facebook.png" onmouseover="this.src='https://static.igem.org/mediawiki/2014/2/2c/Uppsala-igem2014-Facebook_hover.png'" onmouseout="this.src='https://static.igem.org/mediawiki/2014/3/39/Uppsala-igem2014-Facebook.png'" ></a></li> 
-
<script>
+
                           
-
text = "";
+
                            <li><a href="http://twitter.com/igemuppsala"><img class="sm_logo" src="https://static.igem.org/mediawiki/2014/5/5e/Uppsala-igem2014-Twitter.png" onmouseover="this.src='https://static.igem.org/mediawiki/2014/b/b9/Twitter_hover.png'" onmouseout="this.src='https://static.igem.org/mediawiki/2014/5/5e/Uppsala-igem2014-Twitter.png'"></a></li>
-
container = "";
+
                           
-
var data = window.location.href;
+
                            <li><a href="http://www.youtube.com/channel/UC7GPw3UhMro-eN__6NNOLUg"><img class="sm_logo" src="https://static.igem.org/mediawiki/2014/b/b2/Uppsala-igem2014Youtube.png" onmouseover="this.src='https://static.igem.org/mediawiki/2014/9/91/Uppsala-igem2014Youtube_hover.png'" onmouseout="this.src='https://static.igem.org/mediawiki/2014/b/b2/Uppsala-igem2014Youtube.png'"></a></li>
-
var data = data.replace("https://2014.igem.org/Team:Uppsala/", "");//change to the correct one for the wiki
+
-
var data = data.split("_")
+
-
for (i = 0; i < data.length; i++) {
+
-
container += data[i]
+
-
    text += '-><a href="' + container + '">' + data[i] + "</a>";
+
-
container +="_"
+
-
}
+
-
document.getElementById("tra").innerHTML = text
+
-
</script>
+
-
</div>   <!-- Ends tracking_system -->  
+
                            <li><a href="https://igem.org/Main_Page"><img class="sm_logo" src="https://static.igem.org/mediawiki/2014/1/18/Uppsala-igem2014Igem.jpg" onmouseover="this.src='https://static.igem.org/mediawiki/2014/0/02/Uppsala-igem2014Igem_hover.jpg'" onmouseout="this.src='https://static.igem.org/mediawiki/2014/1/18/Uppsala-igem2014Igem.jpg'"></a></li>
-
                 
+
                            </ul>
-
            <div id="tab_selector">
+
-
                  <ul id="tabs">
+
                        </div>
-
                    <li><a href="#" title="tab1">One</a></li>
+
                        <div class="clear">
-
                    <li><a href="#" title="tab2">Two</a></li>
+
                        </div>
-
                    <li><a href="#" title="tab3">Three</a></li>
+
-
                    <li><a href="#" title="tab4">Four</a></li>
+
-
                  </ul>
+
-
            </div> 
 
-
          <div id="section_selector">
 
-
 
-
          <div id="tab1">One - content</div>
 
-
    <div id="tab2">Two - content</div>
 
-
    <div id="tab3">Three - content</div>
 
-
    <div id="tab4">Four - content</div>
 
-
 
-
<script>
 
-
 
-
$(document).ready(function() {
 
-
    $("#section_selector div").hide(); // Initially hide all content
 
-
    $("#tabs li:first").attr("id","current"); // Activate first tab
 
-
    $("#section_selector div:first").fadeIn(); // Show first tab content
 
-
   
 
-
    $('#tabs a').click(function(e) {
 
-
        e.preventDefault();       
 
-
        $("#section_selector div").hide(); //Hide all content
 
-
        $("#tabs li").attr("id",""); //Reset id's
 
-
        $(this).parent().attr("id","current"); // Activate this
 
-
        $('#' + $(this).attr('title')).fadeIn(); // Show content for current tab
 
-
    });
 
-
})();
 
-
 
-
</script>
 
-
</div>
 
-
         
 
<!-- Content for the page should be put here, 3 on the picture (Mainpage) -->
<!-- Content for the page should be put here, 3 on the picture (Mainpage) -->
<div>
<div>
</html>
</html>

Latest revision as of 21:58, 17 October 2014

Home