Template:Team:Calgary/BasicPage

From 2012.igem.org

(Difference between revisions)
 
(13 intermediate revisions not shown)
Line 1: Line 1:
<html>
<html>
-
<!--
+
 
-
Currently unable to implement the CSS switching due to the stupidity of the wiki. Will work on other things instead.
+
-
-->
+
<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" />
 
 +
</head>
-
<!--CSS styles: global-->
+
<body id="</html>{{{1}}}<html>">
-
<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-->
+
<div id="sidebar">
-
<!--
+
-
<link rel='stylesheet' type='text/css' id="pagestyle" href="https://2012.igem.org/Team:Calgary/static/basicpagemobile.css?action=raw&ctype=text/css" />
+
-
-->
+
-
 
+
-
<!--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' />
+
-
 
+
-
 
+
-
<!--mobile-->
+
-
 
+
-
<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">
+
-
/*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);
+
-
 
+
-
    var kvp = document.location.search.substr(1).split('&');
+
-
 
+
-
    var i=kvp.length; var x; while(i--)
+
-
    {
+
-
        x = kvp[i].split('=');
+
-
 
+
-
        if (x[0]==key)
+
-
        {
+
-
                x[1] = value;
+
-
                kvp[i] = x.join('=');
+
-
                break;
+
-
        }
+
-
    }
+
-
 
+
-
    if(i<0) {kvp[kvp.length] = [key,value].join('=');}
+
-
 
+
-
    //this will reload the page, it's likely better to store this until finished
+
-
    document.location.search = kvp.join('&');
+
-
}
+
-
*/
+
-
 
+
-
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>
-
//hide url bar
+
<li><a href="#">Link 3</a></li>
-
window.scrollTo(0, 1);
+
<li><a href="#">Link 4</a></li>
-
+
<li><a href="#">Link 5</a></li>
-
/*Set stylesheet properly*/
+
<li><a href="#">Link 6</a>
-
/*Current unusable
+
<ul>
-
if($(window).width() > 0){
+
<li><a href="#">Sublink 1</a></li>
-
$("#pagestyle").attr("href", 'https://2012.igem.org/Team:Calgary/static/basicpagedesktop.css?action=raw');
+
<li><a href="#">Sublink 2</a></li>
-
$("#pagestyle").href += (/\?/.test(this.href) ? '&' : '?') + 'ctype=text/css';
+
</ul></li>
-
}
+
<li><a href="#">Link 7</a></li>
-
+
-
$('#css-full').click(function(){
+
-
+
-
});
+
-
*/
+
-
 
+
-
});
+
-
 
+
-
</script>
+
-
 
+
-
<!--switching function: thanks to http://www.digital-web.com/articles/strategies_for_css_switching/-->
+
-
 
+
-
</head>
+
-
 
+
-
<body>
+
-
 
+
-
<header>
+
-
<!-- Can't use this for the time being...
+
-
<a id="css-full" href="#default">Full 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>
+
-
<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>
+
 +
</ul></html>
 +
}}}
 +
<html>
</div>
</div>
-
</header>
+
<!--
 +
<div id="sidebarimg">
 +
</div>
 +
-->
 +
</div>
<div id="bodycontainer">
<div id="bodycontainer">
Line 205: Line 40:
<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>
<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>
</div>
-
<h1 id="pagetitle"></html>{{{pagetitle|Page Title}}}<html></h1>
+
<h1 id="pagetitle"></html>{{{TITLE|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 213: 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"