Team:Calgary/Sandbox

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.
+
Javascript can be safely used. This version will attempt to implement the switching and functionality of the two stylesheets.
-->
-->
<head>
<head>
Line 12: Line 12:
<!--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' 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 24: Line 30:
only screen and (max-device-width: 480px)"
only screen and (max-device-width: 480px)"
href='https://2012.igem.org/Team:Calgary/static/basicpagemobile.css?action=raw&ctype=text/css' />
href='https://2012.igem.org/Team:Calgary/static/basicpagemobile.css?action=raw&ctype=text/css' />
-
 
+
-->
<style>
<style>
Line 89: Line 95:
   return haystack.match(needle + "\\b");
   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>
</script>
Line 98: Line 123:
<div id="jsnotice">
<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>
+
<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>
-
<br></br>
+
</div>
</div>
Line 123: Line 147:
<div class="col_2">
<div class="col_2">
<div class="col_l">
<div class="col_l">
-
<a class="dropheader" href="#">OVERVIEW</a>
+
<a class="dropheader" href="https://2012.igem.org/Team:Calgary/Project">OVERVIEW</a>
<a href="#">Data Page</a>
<a href="#">Data Page</a>
-
<a class="dropheader" href="#">BIOSENSOR</a>
+
<a class="dropheader" href="https://2012.igem.org/Team:Calgary/Project/Biosensor">BIOSENSOR</a>
<a href="#">Sensing NAs</a>
<a href="#">Sensing NAs</a>
<a href="#">Promoter Library</a>
<a href="#">Promoter Library</a>
<a href="#">Electrochemistry</a>
<a href="#">Electrochemistry</a>
-
<a class="dropheader" href="#">FUEL CONVERSION</a>
+
<a class="dropheader" href="https://2012.igem.org/Team:Calgary/Project/Hydrocarbon">FUEL CONVERSION</a>
<a href="#">Decarboxylation</a>
<a href="#">Decarboxylation</a>
<a href="#">Desulfurization</a>
<a href="#">Desulfurization</a>
<a href="#">Denitrification</a>
<a href="#">Denitrification</a>
-
<a href="#">Ring Cleavage</a>
+
<a href="#">Catechol Degradation</a>
<a href="#">Flux Analysis</a>
<a href="#">Flux Analysis</a>
</div>
</div>
<div class="col_r">
<div class="col_r">
-
<a class="dropheader" href="#">KILLSWITCH</a>
+
<a class="dropheader" href="https://2012.igem.org/Team:Calgary/Project/Killswitch">KILLSWITCH</a>
<a href="#">Riboswitches</a>
<a href="#">Riboswitches</a>
<a href="#">Rhamnose Promoter</a>
<a href="#">Rhamnose Promoter</a>
-
<a class="dropheader" href="#">BIOREACTOR</a>
+
<a class="dropheader" href="https://2012.igem.org/Team:Calgary/Project/Bioreactor">BIOREACTOR</a>
<a href="#">Design</a>
<a href="#">Design</a>
<a href="#">Modelling</a>
<a href="#">Modelling</a>
-
<a class="dropheader" href="#">FUTURE DIRECTIONS</a>
+
<a class="dropheader" href="https://2012.igem.org/Team:Calgary/Project/FutureDirections">FUTURE DIRECTIONS</a>
-
<a class="dropheader" href="#">ATTRIBUTIONS</a>
+
<a class="dropheader" href="https://2012.igem.org/Team:Calgary/Project/Attributions">ATTRIBUTIONS</a>
</div>
</div>
Line 171: Line 195:
<li><a href="https://2012.igem.org" target="_blank">iGEM Home</a></li>
<li><a href="https://2012.igem.org" target="_blank">iGEM Home</a></li>
</ul>
</ul>
 +
</div>
</div>
</header>
</header>
<div id="bodycontainer">
<div id="bodycontainer">
-
<h1 id="pagetitle">Header Stuff!</h1>
+
<h1 id="pagetitle"></html>{{{pagetitle|Page Title}}}<html></h1>
-
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut convallis eleifend interdum. Pellentesque libero magna, dignissim vitae blandit et, tincidunt nec felis. Proin et risus eget lectus lacinia mollis. Quisque rhoncus posuere lectus, eget vestibulum dolor feugiat bibendum. Vestibulum scelerisque commodo eros, in vulputate arcu tempus varius. Donec ornare malesuada mi vitae rhoncus. Nulla facilisi.</p>
+
</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>
-
<h2>Subheader Stuff!</h2>
+
<h2>Under Construction!</h2>
-
<p>Viverra nisl a bibendum. Etiam cursus ultrices arcu, pretium sodales tellus euismod id. Pellentesque congue aliquam urna, commodo iaculis massa pellentesque eget. Vivamus et sem non massa tincidunt ultrices. Sed luctus justo nec dui venenatis sodales. Proin sit amet risus nibh. In hac habitasse platea dictumst. Sed pretium egestas augue, sed varius nibh consequat ac. In orci. </p>
+
<p>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.</p></html>}}}
 +
<html>
</div>
</div>
</body>
</body>
</html>
</html>

Revision as of 17:37, 9 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!

Full View Mobile View

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/Team:Calgary/Sandbox"