|
|
(9 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.
| |
| | | |
- | New header structure
| |
- | -->
| |
| <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> |
| + | <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> |
- |
| + | }}} |
- | //hide url bar
| + | <html> |
- | window.scrollTo(0, 1);
| + | </div> |
- |
| + | <!-- |
- | /*Set stylesheet properly*/
| + | <div id="sidebarimg"> |
- | /*Current unusable
| + | </div> |
- | if($(window).width() > 0){
| + | --> |
- | $("#pagestyle").attr("href", 'https://2012.igem.org/Team:Calgary/static/basicpagedesktop.css?action=raw');
| + | </div> |
- | $("#pagestyle").href += (/\?/.test(this.href) ? '&' : '?') + 'ctype=text/css';
| + | |
- | } | + | |
- |
| + | |
- | $('#css-full').click(function(){
| + | |
- |
| + | |
- | });
| + | |
- | */
| + | |
- | | + | |
- | //figure box positioning
| + | |
- | if($('.figurebox div.params p.position:contains("left")').length > 0){
| + | |
- | $(this).closest('.figurebox').css("float", "left");
| + | |
- | }
| + | |
- | | + | |
- | | + | |
- | });
| + | |
- | | + | |
- | </script> | + | |
- | | + | |
- | <!--switching function: thanks to http://www.digital-web.com/articles/strategies_for_css_switching/--> | + | |
- | | + | |
- | </head>
| + | |
- | | + | |
- | <body>
| + | |
- | | + | |
- | <header>
| + | |
- | <!-- | + | |
- | <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/7/7c/UCalgary2012_HeaderImage_V7.2.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</a>
| + | |
- | <ul>
| + | |
- | <li>
| + | |
- | <a class="drop" href="#">Members</a>
| + | |
- | <ul>
| + | |
- | <li><a href="#">Undergraduates</a></li>
| + | |
- | <li><a href="#">Advisors</a></li>
| + | |
- | <li><a href="#">Supervisors</a></li>
| + | |
- | </ul>
| + | |
- | </li>
| + | |
- | <li><a class="dropheader" href="http://ung.igem.org/Team.cgi?id=902">Official Profile</a></li>
| + | |
- | <li><a class="dropheader" href="#">The University</a></li>
| + | |
- | </ul>
| + | |
- | </li>
| + | |
- | <li><a class="drop" href="https://2012.igem.org/Team:Calgary#">Project</a>
| + | |
- | <ul>
| + | |
- | <li>
| + | |
- | <a class="drop" href="https://2012.igem.org/Team:Calgary#">Overview</a>
| + | |
- | <ul>
| + | |
- | <li><a href="#">Data Page</a></li>
| + | |
- | </ul>
| + | |
- | </li>
| + | |
- | <li>
| + | |
- | <a class="drop" href="https://2012.igem.org/Team:Calgary#">Human Practices</a>
| + | |
- | <ul>
| + | |
- | <li><a href="#">Killswitch</a></li>
| + | |
- | <li><a href="#">Design</a></li>
| + | |
- | <li><a href="#">Safety</a></li>
| + | |
- | </ul>
| + | |
- | </li>
| + | |
- | <li>
| + | |
- | <a class="drop" href="https://2012.igem.org/Team:Calgary#">FRED</a>
| + | |
- | <ul>
| + | |
- | <li><a href="#">Sensing NAs</a></li>
| + | |
- | <li><a href="#">Electroreporting</a></li>
| + | |
- | <li><a href="#">Modelling</a></li>
| + | |
- | <li><a href="#">Device Prototype</a></li>
| + | |
- | </ul>
| + | |
- | </li>
| + | |
- | <li>
| + | |
- | <a class="drop" href="https://2012.igem.org/Team:Calgary#">OSCAR</a>
| + | |
- | <ul>
| + | |
- | <li><a href="#">Decarboxylation</a></li>
| + | |
- | <li><a href="#">Desulfurization</a></li>
| + | |
- | <li><a href="#">Denitrification</a></li>
| + | |
- | <li><a href="#">Decatecholization</a></li>
| + | |
- | <li><a href="#">Bioreactor Design</a></li>
| + | |
- | <li><a href="#">Flux Analysis</a></li>
| + | |
- | </ul>
| + | |
- | </li>
| + | |
- | <li><a href="https://2012.igem.org/Team:Calgary/Project/FutureDirections">Future Directions</a></li>
| + | |
- | </ul>
| + | |
- | </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</a>
| + | |
- | <ul>
| + | |
- | <li><a href="#">Journal</a></li>
| + | |
- | <li><a href="#">Protocols</a></li>
| + | |
- | </ul>
| + | |
- | </li>
| + | |
- | <li><a class="drop" href="https://2012.igem.org/Team:Calgary#">Outreach</a>
| + | |
- | <ul>
| + | |
- | <li><a href="#">Video Game</a></li>
| + | |
- | <li><a href="#">Spark Science</a></li>
| + | |
- | <li><a href="#">Minds in Motion</a></li>
| + | |
- | <li><a href="#">Blog Posts</a></li>
| + | |
- | <li><a href="#">TEDxCalgary</a></li>
| + | |
- | <li><a href="#">Follow Us!</a></li>
| + | |
- | </ul>
| + | |
- | </li>
| + | |
- | <li><a href="https://2012.igem.org/Team:Calgary/Sponsors">Sponsors</a></li>
| + | |
- | <li><a href="https://2012.igem.org" target="_blank">iGEM</a></li>
| + | |
- | </ul>
| + | |
- | | + | |
- | </div>
| + | |
- | </header>
| + | |
| | | |
| <div id="bodycontainer"> | | <div id="bodycontainer"> |
Line 233: |
Line 48: |
| <html> | | <html> |
| </div> | | </div> |
| + | |
| </body> | | </body> |
| </html> | | </html> |
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.