|
|
| Line 6: |
Line 6: |
| | --> | | --> |
| | <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--> | | <!--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' 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"> | | <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($){ | | jQuery(document).ready(function($){ |
| Line 106: |
Line 34: |
| | window.scrollTo(0, 1); | | window.scrollTo(0, 1); |
| | | | |
| - | /*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(){
| |
| - |
| |
| - | });
| |
| - | */
| |
| | | | |
| - | //figure box positioning
| |
| - | if($('.figurebox div.params p.position:contains("left")').length > 0){
| |
| - | $(this).closest('.figurebox').css("float", "left");
| |
| - | }
| |
| - |
| |
| | | | |
| | }); | | }); |
"
