Template:Team:Calgary/BasicPage

From 2012.igem.org

(Difference between revisions)
Line 1: Line 1:
<html>
<html>
<!--
<!--
-
This version attempts to switch CSS stylesheets. A jsnotice is also added for those with javascript disabled.
+
Currently unable to implement the CSS switching due to the stupidity of the wiki. Will work on other things instead.
-->
-->
<head>
<head>
Line 9: Line 9:
<meta name="HandheldFriendly" content="True" />
<meta name="HandheldFriendly" content="True" />
<meta name="viewport" content="target-densitydpi=device-dpi, width=device-width, initial-scale=1.0, maximum-scale=1.0" />
<meta name="viewport" content="target-densitydpi=device-dpi, width=device-width, initial-scale=1.0, maximum-scale=1.0" />
 +
<!--CSS styles: global-->
<!--CSS styles: global-->
<link rel='stylesheet' type='text/css' href="https://2012.igem.org/Team:Calgary/static/basicpageglobal.css?action=raw&ctype=text/css" />
<link rel='stylesheet' type='text/css' href="https://2012.igem.org/Team:Calgary/static/basicpageglobal.css?action=raw&ctype=text/css" />
 +
 +
<!--Start with mobile first; change to desktop with JS-->
 +
<!--
 +
<link rel='stylesheet' type='text/css' id="pagestyle" href="https://2012.igem.org/Team:Calgary/static/basicpagemobile.css?action=raw&ctype=text/css" />
 +
-->
<!--desktop-->
<!--desktop-->
 +
<link rel='stylesheet' type='text/css' media="only screen and (min-device-width:481px)" href='https://2012.igem.org/Team:Calgary/static/basicpagedesktop.css?action=raw&ctype=text/css' />
<link rel='stylesheet' type='text/css' media="only screen and (min-device-width:481px)" href='https://2012.igem.org/Team:Calgary/static/basicpagedesktop.css?action=raw&ctype=text/css' />
 +
<!--mobile-->
<!--mobile-->
 +
<link rel='stylesheet' title="mobile sheet" type='text/css'
<link rel='stylesheet' title="mobile sheet" type='text/css'
media="only screen and (-webkit-min-device-pixel-ratio: 1.5),
media="only screen and (-webkit-min-device-pixel-ratio: 1.5),
Line 50: Line 59:
<!--Mobile nav from http://webdesignerwall.com/tutorials/mobile-navigation-design-tutorial-->
<!--Mobile nav from http://webdesignerwall.com/tutorials/mobile-navigation-design-tutorial-->
<script type="text/javascript">
<script type="text/javascript">
-
jQuery(document).ready(function($){
+
/*from annakata on StackOverflow: http://stackoverflow.com/questions/486896/adding-a-parameter-to-the-url-with-javascript*/
 +
/*unusable
 +
function insertParam(key, value)
 +
{
 +
    key = escape(key); value = escape(value);
-
//eliminate jsnotice
+
    var kvp = document.location.search.substr(1).split('&');
-
$('#jsnotice').hide();
+
-
/* prepend menu icon */
+
    var i=kvp.length; var x; while(i--)  
-
$('#nav-wrap').prepend('<div id="menu-icon">Menu</div>');
+
    {
-
+
        x = kvp[i].split('=');
-
/* toggle nav */
+
-
$("#menu-icon").click(function(){
+
-
$("#nav").slideToggle('fast');
+
-
$(this).toggleClass("active");
+
-
});
+
        if (x[0]==key)
-
+
        {
-
$('#css-full').click(function(){
+
                x[1] = value;
-
+
                kvp[i] = x.join('=');
-
});
+
                break;
-
 
+
        }
-
});
+
-
</script>
+
-
<script type='text/javascript'>
+
-
// activeCSS: Set the active stylesheet
+
-
function activeCSS(title) {
+
-
  var i, oneLink;
+
-
  for (i = 0; (oneLink = document.getElementsByTagName("link")[i]); i++) {
+
-
    if (oneLink.getAttribute("title") && findWord("stylesheet", oneLink.getAttribute("rel"))) {
+
-
      oneLink.disabled = true;
+
-
      if (oneLink.getAttribute("title") == title) {
+
-
        oneLink.disabled = false;
+
-
      }
+
     }
     }
-
  }
 
-
}
 
-
// findWord: Used to find a full word (needle) in a string (haystack)
+
    if(i<0) {kvp[kvp.length] = [key,value].join('=');}
-
function findWord(needle, haystack) {
+
 
-
  return haystack.match(needle + "\\b");
+
    //this will reload the page, it's likely better to store this until finished
 +
    document.location.search = kvp.join('&');  
}
}
 +
*/
jQuery(document).ready(function($){
jQuery(document).ready(function($){
 +
//eliminate jsnotice
$('#jsnotice').hide();
$('#jsnotice').hide();
 +
/* prepend menu icon */
/* prepend menu icon */
$('#nav-wrap').prepend('<div id="menu-icon">Menu</div>');
$('#nav-wrap').prepend('<div id="menu-icon">Menu</div>');
Line 102: Line 100:
});
});
 +
 +
/*Set stylesheet properly*/
 +
/*Current unusable
 +
if($(window).width() > 0){
 +
$("#pagestyle").attr("href", 'https://2012.igem.org/Team:Calgary/static/basicpagedesktop.css?action=raw');
 +
$("#pagestyle").href += (/\?/.test(this.href) ? '&' : '?') + 'ctype=text/css';
 +
}
$('#css-full').click(function(){
$('#css-full').click(function(){
});
});
 +
*/
});
});
 +
</script>
</script>
Line 115: Line 122:
<body>
<body>
-
 
-
<div id="jsnotice">
 
-
<p>iGEM Calgary's wiki functions best with Javascript enabled, especially for mobile devices. Please enable Javascript on your device for the best wiki-viewing experience you can get.</p>
 
-
<br></br>
 
-
</div>
 
<header>
<header>
 +
<!-- Can't use this for the time being...
<a id="css-full" href="#default">Full View</a>
<a id="css-full" href="#default">Full View</a>
<a id="css-mobi" href="#mobile">Mobile View</a>
<a id="css-mobi" href="#mobile">Mobile View</a>
 +
-->
<div id="headerimage"><img src="https://static.igem.org/mediawiki/2012/8/87/UCalgary2012_Header_Image_V3.0-Generic.png"></img></div>
<div id="headerimage"><img src="https://static.igem.org/mediawiki/2012/8/87/UCalgary2012_Header_Image_V3.0-Generic.png"></img></div>
<a id="logo" href="https://2012.igem.org/Team:Calgary"><img src="https://static.igem.org/mediawiki/2012/4/48/UCalgary2012_White_Low-Res_Official_Logo.png"></img></a>
<a id="logo" href="https://2012.igem.org/Team:Calgary"><img src="https://static.igem.org/mediawiki/2012/4/48/UCalgary2012_White_Low-Res_Official_Logo.png"></img></a>
Line 195: Line 199:
<div id="bodycontainer">
<div id="bodycontainer">
 +
<div id="jsnotice">
 +
<p>Hello! iGEM Calgary's wiki functions best with Javascript enabled, especially for mobile devices. We recommend that you enable Javascript on your device for the best wiki-viewing experience. Thanks!</p>
 +
</div>
<h1 id="pagetitle"></html>{{{pagetitle|Page Title}}}<html></h1>
<h1 id="pagetitle"></html>{{{pagetitle|Page Title}}}<html></h1>
</html>
</html>

Revision as of 18:56, 17 August 2012

Hello! iGEM Calgary's wiki functions best with Javascript enabled, especially for mobile devices. We recommend that you enable Javascript on your device for the best wiki-viewing experience. Thanks!

Page Title

Hello! We are sorry to say that this page has yet to be created. Please check back shortly to see any new updates that we may have.

Under Construction!

Currently this wiki is under construction. We hope to bring the entire site running up to full speed as soon as we can. For the time being, there will be broken links and navigation issues until we iron out the kinks. We apologize for any inconvenience.

Retrieved from "http://2012.igem.org/Template:Team:Calgary/BasicPage"