Template:Team:Calgary/BasicPage

From 2012.igem.org

(Difference between revisions)
 
(25 intermediate revisions not shown)
Line 1: Line 1:
<html>
<html>
-
<!--
+
 
-
This version attempts to switch CSS stylesheets. A jsnotice is also added for those with javascript disabled.
+
-
-->
+
<head>
<head>
-
<!--
 
-
<meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;" />
 
-
-->
 
-
<meta name="HandheldFriendly" content="True" />
 
-
<meta name="viewport" content="target-densitydpi=device-dpi, width=device-width, initial-scale=1.0, maximum-scale=1.0" />
 
-
<!--CSS styles: global-->
+
</head>
-
<link rel='stylesheet' type='text/css' href="https://2012.igem.org/Team:Calgary/static/basicpageglobal.css?action=raw&ctype=text/css" />
+
-
<!--desktop-->
+
<body id="</html>{{{1}}}<html>">
-
<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-->
+
<div id="sidebar">
-
<link rel='stylesheet' title="mobile sheet" type='text/css'
+
-
media="only screen and (-webkit-min-device-pixel-ratio: 1.5),
+
-
only screen and (-o-min-device-pixel-ratio: 3/2),
+
-
only screen and (min--moz-device-pixel-ratio: 1.5),
+
-
only screen and (min-device-pixel-ratio: 1.5),
+
-
only screen and (max-device-width: 480px)"
+
-
href='https://2012.igem.org/Team:Calgary/static/basicpagemobile.css?action=raw&ctype=text/css' />
+
-
 
+
-
 
+
-
<style>
+
-
 
+
-
@media only screen and (max-device-width: 481px){
+
-
/*specific iPhone/iPod touch text*/
+
-
h1{
+
-
position: relative;
+
-
margin-top: 20px;
+
-
font-size: 2.1em;
+
-
}
+
-
h2{
+
-
position: relative;
+
-
font-size: 1.8em;
+
-
}
+
-
p{
+
-
position: relative;
+
-
font-size: 1.2em;
+
-
}
+
-
}
+
-
 
+
-
 
+
-
</style>
+
-
 
+
-
<!--Mobile nav from http://webdesignerwall.com/tutorials/mobile-navigation-design-tutorial-->
+
-
<script type="text/javascript">
+
-
jQuery(document).ready(function($){
+
-
 
+
-
//eliminate jsnotice
+
-
$('#jsnotice').hide();
+
-
 
+
-
/* prepend menu icon */
+
-
$('#nav-wrap').prepend('<div id="menu-icon">Menu</div>');
+
-
/* toggle nav */
+
<div id="list">
-
$("#menu-icon").click(function(){
+
<h2></html>{{{SECTION|Wiki Section}}}<html></h2>
-
$("#nav").slideToggle('fast');
+
</html>
-
$(this).toggleClass("active");
+
{{{SIDELIST|<html>
 +
<ul>
 +
<li><a href="#">Link 1</a></li>
 +
<li><a href="#">Link 2</a></li>
 +
<li><a href="#">Link 3</a></li>
 +
<li><a href="#">Link 4</a></li>
 +
<li><a href="#">Link 5</a></li>
 +
<li><a href="#">Link 6</a>
 +
<ul>
 +
<li><a href="#">Sublink 1</a></li>
 +
<li><a href="#">Sublink 2</a></li>
 +
</ul></li>
 +
<li><a href="#">Link 7</a></li>
-
});
+
</ul></html>
-
+
}}}
-
$('#css-full').click(function(){
+
<html>
-
+
</div>
-
});
+
<!--
-
 
+
<div id="sidebarimg">
-
});
+
</div>
-
</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)
+
-
function findWord(needle, haystack) {
+
-
  return haystack.match(needle + "\\b");
+
-
}
+
-
 
+
-
jQuery(document).ready(function($){
+
-
 
+
-
$('#jsnotice').hide();
+
-
/* prepend menu icon */
+
-
$('#nav-wrap').prepend('<div id="menu-icon">Menu</div>');
+
-
+
-
/* toggle nav */
+
-
$("#menu-icon").click(function(){
+
-
$("#nav").slideToggle('fast');
+
-
$(this).toggleClass("active");
+
-
 
+
-
});
+
-
+
-
$('#css-full').click(function(){
+
-
+
-
});
+
-
 
+
-
});
+
-
</script>
+
-
 
+
-
<!--switching function: thanks to http://www.digital-web.com/articles/strategies_for_css_switching/-->
+
-
 
+
-
</head>
+
-
 
+
-
<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>
</div>
-
<header>
+
<div id="bodycontainer">
-
<a id="css-full" href="#default">Full View</a>
+
<div id="jsnotice">
-
<a id="css-mobi" href="#mobile">Mobile View</a>
+
<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 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>
+
-
<div id="nav-wrap">
+
-
<ul id="nav">
+
-
<li><a href="https://2012.igem.org/Team:Calgary">Home</a></li>
+
-
<li><a class="drop" href="https://2012.igem.org/Team:Calgary/Team">Team</a>
+
-
<div class="col_1">
+
-
<a class="dropheader" href="#">MEMBERS</a>
+
-
<a href="#">Undergraduates</a>
+
-
<a href="#">Advisors</a>
+
-
<a href="#">Supervisors</a>
+
-
<a class="dropheader" href="http://ung.igem.org/Team.cgi?id=902">OFFICIAL PROFILE</a>
+
-
<a class="dropheader" href="#">THE UNIVERSITY</a>
+
-
</div>
+
-
</li>
+
-
<li><a class="drop" href="https://2012.igem.org/Team:Calgary/Project">Project</a>
+
-
<div class="col_2">
+
-
<div class="col_l">
+
-
<a class="dropheader" href="https://2012.igem.org/Team:Calgary/Project">OVERVIEW</a>
+
-
<a href="#">Data Page</a>
+
-
<a class="dropheader" href="https://2012.igem.org/Team:Calgary/Project/Biosensor">BIOSENSOR</a>
+
-
<a href="#">Sensing NAs</a>
+
-
<a href="#">Promoter Library</a>
+
-
<a href="#">Electrochemistry</a>
+
-
<a class="dropheader" href="https://2012.igem.org/Team:Calgary/Project/Hydrocarbon">FUEL CONVERSION</a>
+
-
<a href="#">Decarboxylation</a>
+
-
<a href="#">Desulfurization</a>
+
-
<a href="#">Denitrification</a>
+
-
<a href="#">Catechol Degradation</a>
+
-
<a href="#">Flux Analysis</a>
+
-
</div>
+
-
+
-
<div class="col_r">
+
-
<a class="dropheader" href="https://2012.igem.org/Team:Calgary/Project/Killswitch">KILLSWITCH</a>
+
-
<a href="#">Riboswitches</a>
+
-
<a href="#">Rhamnose Promoter</a>
+
-
<a class="dropheader" href="https://2012.igem.org/Team:Calgary/Project/Bioreactor">BIOREACTOR</a>
+
-
<a href="#">Design</a>
+
-
<a href="#">Modelling</a>
+
-
<a class="dropheader" href="https://2012.igem.org/Team:Calgary/Project/FutureDirections">FUTURE DIRECTIONS</a>
+
-
<a class="dropheader" href="https://2012.igem.org/Team:Calgary/Project/Attributions">ATTRIBUTIONS</a>
+
-
</div>
+
-
+
-
</div>
+
-
</li>
+
-
<li><a href="https://2012.igem.org/Team:Calgary/Parts">Parts</a></li>
+
-
<li><a class="drop" href="https://2012.igem.org/Team:Calgary/Notebook">Notebook</a>
+
-
<div class="col_1">
+
-
<a class="dropheader" href="#">JOURNAL</a>
+
-
<a class="dropheader" href="#">SAFETY</a>
+
-
<a class="dropheader" href="#">PROTOCOLS</a>
+
-
</div>
+
-
</li>
+
-
<li><a class="drop" href="https://2012.igem.org/Team:Calgary/Outreach">Outreach</a>
+
-
<div class="col_1">
+
-
<a class="dropheader" href="#">HUMAN PRACTICES</a>
+
-
<a href="#">Video Series</a>
+
-
<a href="#">Video Game</a>
+
-
<a class="dropheader" href="#">FOLLOW US</a>
+
-
<a href="#">Twitter</a>
+
-
<a href="#">Facebook</a>
+
-
</div>
+
-
</li>
+
-
<li><a href="https://2012.igem.org/Team:Calgary/Sponsors">Sponsors</a></li>
+
-
<li><a href="https://2012.igem.org" target="_blank">iGEM Home</a></li>
+
-
</ul>
+
-
 
+
</div>
</div>
-
</header>
+
<h1 id="pagetitle"></html>{{{TITLE|Page Title}}}<html></h1>
-
 
+
-
<div id="bodycontainer">
+
-
<h1 id="pagetitle"></html>{{{pagetitle|Page Title}}}<html></h1>
+
</html>
</html>
-
{{{content|<html><p>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.</p>
+
{{{CONTENT|<html><p>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.</p>
<h2>Under Construction!</h2>
<h2>Under Construction!</h2>
Line 203: Line 48:
<html>
<html>
</div>
</div>
 +
</body>
</body>
</html>
</html>

Latest revision as of 21:59, 29 September 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"