Template:Team:Calgary/Main

From 2013.igem.org

(Difference between revisions)
 
(63 intermediate revisions not shown)
Line 21: Line 21:
<!-- Fonts -->
<!-- Fonts -->
-
<link href='http://fonts.googleapis.com/css?family=Roboto:300,400,500' rel='stylesheet' type='text/css'>
+
<link href='http://fonts.googleapis.com/css?family=Raleway:400,500,600' rel='stylesheet' type='text/css'>
-
<link href='http://fonts.googleapis.com/css?family=Raleway:400,100,200,300,500,600,700,800,900' rel='stylesheet' type='text/css'>
+
<link href='http://fonts.googleapis.com/css?family=Antic+Slab' rel='stylesheet' type='text/css'>
-
<link href='http://fonts.googleapis.com/css?family=Josefin+Sans:700' rel='stylesheet' type='text/css'>
+
-
<link href='http://fonts.googleapis.com/css?family=Cabin:400,700,400italic,700italic' rel='stylesheet' type='text/css'>
+
<!-- CSS -->
<!-- CSS -->
<link href="https://2013.igem.org/Team:Calgary/StyleSheets/Reset?action=raw&ctype=text/css" rel="stylesheet">
<link href="https://2013.igem.org/Team:Calgary/StyleSheets/Reset?action=raw&ctype=text/css" rel="stylesheet">
<link href="https://2013.igem.org/Team:Calgary/StyleSheets/Navigation?action=raw&ctype=text/css" rel="stylesheet">
<link href="https://2013.igem.org/Team:Calgary/StyleSheets/Navigation?action=raw&ctype=text/css" rel="stylesheet">
-
<link href="https://2013.igem.org/Team:Calgary/StyleSheets/HomePage?action=raw&ctype=text/css" rel="stylesheet">
+
<link href="https://2013.igem.org/Team:Calgary/StyleSheets/Content?action=raw&ctype=text/css" rel="stylesheet">
-
<!-- JavaScript & JQuery -->
+
<!-- JavaScript and JQuery -->
-
<script src="http://code.jquery.com/jquery-2.0.3.min.js" type="text/javascript"></script>
+
<script>
<script>
-
$(document).ready(function() {
+
$(document).ready(function() {
-
if ($('body').width() > 868) {
+
$('a[href^="http://"]').not('[href*="Team:Calgary"]').attr('target', '_blank');
-
$('#TopBar').css('padding-left', Math.floor(($('body').width() - 868) / 2));
+
$('a[href^="https://"]').not('[href*="Team:Calgary"]').attr('target', '_blank');
-
$('#LogoItem').css('display', 'block');
+
-
}
+
-
else if ($('body').width() <= 868) {
+
-
if ($('body').width() > 744) {
+
-
$('#TopBar').css('padding-left', Math.floor(($('body').width() - 744) / 2));
+
-
$('#LogoItem').css('display', 'none');
+
-
}
+
-
}
+
-
var ScreenWidth = $('body').width();
+
-
if (ScreenWidth > 1007) {
+
-
var Margins = Math.floor(ScreenWidth * .086666);
+
-
var ElementWidth = Math.floor(ScreenWidth * .37);
+
-
$('#SectionLinks').css('padding-left', Margins);
 
-
$('#SectionLinks').css('padding-top', Margins);
 
-
$('#SectionLinks .DescriptionLink').css('margin-right', Margins);
 
-
$('#SectionLinks .DescriptionLink').css('margin-bottom', Margins);
 
-
$('#SectionLinks .DescriptionLink').css('width', ElementWidth);
 
-
}
 
-
 
-
$(window).resize(function() {
 
if ($('body').width() > 868) {
if ($('body').width() > 868) {
-
$('#TopBar').css('padding-left', Math.floor(($('body').width() - 868) / 2));
 
$('#LogoItem').css('display', 'block');
$('#LogoItem').css('display', 'block');
}
}
else if ($('body').width() <= 868) {
else if ($('body').width() <= 868) {
-
if ($('body').width() > 744) {
+
$('#LogoItem').css('display', 'none');
-
$('#TopBar').css('padding-left', Math.floor(($('body').width() - 744) / 2));
+
}
 +
 +
$(window).resize(function() {
 +
if ($('body').width() > 868) {
 +
$('#LogoItem').css('display', 'block');
 +
}
 +
else if ($('body').width() <= 868) {
$('#LogoItem').css('display', 'none');
$('#LogoItem').css('display', 'none');
}
}
-
}
+
});
-
 
+
-
var ScreenWidth = $('body').width();
+
-
if (ScreenWidth > 1007) {
+
-
var Margins = Math.floor(ScreenWidth * .086666);
+
-
var ElementWidth = Math.floor(ScreenWidth * .37);
+
-
+
-
$('#SectionLinks').css('padding-left', Margins);
+
-
$('#SectionLinks').css('padding-top', Margins);
+
-
$('#SectionLinks .DescriptionLink').css('margin-right', Margins);
+
-
$('#SectionLinks .DescriptionLink').css('margin-bottom', Margins);
+
-
$('#SectionLinks .DescriptionLink').css('width', ElementWidth);
+
-
}
+
-
 
+
-
});
+
-
});
+
-
</script>
+
-
<script>
+
-
$(document).ready(function() {
+
-
//Set height of slider (12/7 ratio)
+
-
$('#Slider').css('height', ($('body').width() / 2.4));
+
-
+
-
//Position right/left arrows
+
-
var BarHeight = $('#Slider').height() -  $('#BottomLinks').height();
+
-
$('#LeftBar, #RightBar').css('height', BarHeight);
+
-
$('#LeftArrow, #RightArrow').css('top', (BarHeight-60)/2);
+
-
 
+
-
//Repeats for window resize
+
-
$(window).resize(function() {
+
-
$('#Slider').css('height', ($('body').width() / 2.4));
+
-
var BarHeight = $('#Slider').height() $('#BottomLinks').height();
+
$('a[href^="#"]').click(function() {
-
$('#LeftBar, #RightBar').css('height', BarHeight);
+
var target = $(this.hash);
-
$('#LeftArrow, #RightArrow').css('top', (BarHeight-60)/2);
+
if (target.length == 0) target = $('a[name="' + this.hash.substr(1) + '"]');
 +
if (target.length == 0) target = $('html');
 +
$('html, body').animate({ scrollTop: target.offset().top-100 }, 1000);
 +
return false;
 +
});
});
});
-
 
-
// var preloadImages = ['TestSlide0.jpg','TestSlide1.jpg','TestSlide2.jpg','TestSlide3.jpg','TestSlide4.jpg'];
 
-
// var images = [];
 
-
// for (var count = 0; count < preloadImages.length; count++) {
 
-
// images[count] = new Image();
 
-
// images[count].src = preloadImages[count];
 
-
// }
 
-
 
-
var TotalSlides = $('.Slides').length
 
-
var CurrentSlide = 0;
 
-
 
-
$('#RightArrow').click(function() {
 
-
CurrentSlide = ++CurrentSlide % TotalSlides;
 
-
$('.Slides').css('display', 'none');
 
-
SlideID = '#Slide' + CurrentSlide;
 
-
$(SlideID).css('display', 'block');
 
-
 
-
});
 
-
 
-
$('#LeftArrow').click(function() {
 
-
CurrentSlide = (CurrentSlide + TotalSlides - 1) % TotalSlides;
 
-
$('.Slides').css('display', 'none');
 
-
SlideID = '#Slide' + CurrentSlide;
 
-
$(SlideID).css('display', 'block');
 
-
 
-
});
 
-
 
-
$('.SlideLink').click(function() {
 
-
var ClickedSlide = $(this).attr('id');
 
-
CurrentSlide = parseInt(ClickedSlide.replace('Link', ''));
 
-
$('.Slides').css('display', 'none');
 
-
SlideID = '#Slide' + CurrentSlide;
 
-
$(SlideID).css('display', 'block');
 
-
 
-
});
 
-
});
 
</script>
</script>
</head>
</head>
<body>
<body>
-
<header id="TopBar">
+
<section id="Page">
-
<ul id="TopLvlNav">
+
<header id="TopBar">
-
<li><a href="https://2013.igem.org/Team:Calgary">Home</a></li>
+
<ul id="TopLvlNav">
-
<li>
+
<li><a href="https://2013.igem.org/Team:Calgary">Home</a></li>
-
<a href="https://2013.igem.org/Team:Calgary/Project">Project</a>
+
<li>
-
<ul>
+
<a href="https://2013.igem.org/Team:Calgary/Project">Project</a>
-
<li><a href="https://2013.igem.org/Team:Calgary/Project/Tales">Tales</a>
+
<ul>
-
<ul>
+
-
<li><a href="#">Sub-Page</a></li>
+
<li><a href="https://2013.igem.org/Team:Calgary/Project/OurSensor">Our Sensor</a>
-
<li><a href="#">Sub-Page</a></li>
+
<ul>
-
<li><a href="#">Sub-Page</a></li>
+
<li><a href="https://2013.igem.org/Team:Calgary/Project/OurSensor/Detector">Detector</a></li>
-
</ul>
+
<li><a href="https://2013.igem.org/Team:Calgary/Project/OurSensor/Reporter">Reporter</a>
-
</li>
+
<ul>
-
<li><a href="https://2013.igem.org/Team:Calgary/Project/Ferritin">Ferritin</a>
+
<li><a href="https://2013.igem.org/Team:Calgary/Project/OurSensor/Reporter/PrussianBlueFerritin">Prussian<br>Blue Ferritin</a></li>
-
<ul>
+
<li><a href="https://2013.igem.org/Team:Calgary/Project/OurSensor/Reporter/BetaLactamase">&#946;-Lactamase</a></li>
-
<li><a href="#">Sub-Page</a></li>
+
</ul>
-
<li><a href="#">Sub-Page</a></li>
+
</li>
-
<li><a href="#">Sub-Page</a></li>
+
<li><a href="https://2013.igem.org/Team:Calgary/Project/OurSensor/Linker">Linker</a></li>
-
</ul>
+
<li><a href="https://2013.igem.org/Team:Calgary/Project/OurSensor/Modelling">Modelling</a>
-
</li>
+
<ul>
-
<li><a href="https://2013.igem.org/Team:Calgary/Project/Linker">Linker</a>
+
<li><a href="https://2013.igem.org/Team:Calgary/Project/OurSensor/Modelling/SpatialModelling">Spatial<br>Modelling</a></li>
-
<ul>
+
<li><a href="https://2013.igem.org/Team:Calgary/Project/OurSensor/Modelling/QuantitativeModelling">Quantitative<br>Modelling</a></li>
-
<li><a href="#">Sub-Page</a></li>
+
</ul>
-
<li><a href="#">Sub-Page</a></li>
+
</li>
-
<li><a href="#">Sub-Page</a></li>
+
<li><a href="https://2013.igem.org/Team:Calgary/Project/OurSensor/Prototype">Prototype</a></li>
-
</ul>
+
<li><a href="https://2013.igem.org/Team:Calgary/Project/HumanPractices/Platform">Our Platform</a></li>
-
</li>
+
</ul>
-
<li><a href="https://2013.igem.org/Team:Calgary/Project/Engineering">Engineering</a>
+
</li>
-
<ul>
+
 
-
<li><a href="#">Sub-Page</a></li>
+
<li><a href="https://2013.igem.org/Team:Calgary/Project/HumanPractices">Human Practices</a>
-
<li><a href="#">Sub-Page</a></li>
+
<ul>
-
<li><a href="#">Sub-Page</a></li>
+
<li><a href="https://2013.igem.org/Team:Calgary/Project/HumanPractices/InformedDesign">Informed<br>Design</a></li>
-
</ul>
+
<li><a href="https://2013.igem.org/Team:Calgary/Project/HumanPractices/Safety">Safety</a></li>
-
</li>
+
</ul>
-
<li><a href="https://2013.igem.org/Team:Calgary/Project/HumanPractices">Human Practices</a>
+
</li>
-
<ul>
+
<li><a href="https://2013.igem.org/Team:Calgary/Project/Collaboration">Collaboration</a>
-
<li><a href="#">Sub-Page</a></li>
+
<ul>
-
<li><a href="#">Sub-Page</a></li>
+
<li><a href="https://2013.igem.org/Team:Calgary/Project/Collaboration/BiosensorDatabase">SensiGEM<br>Database</a></li>
-
<li><a href="#">Sub-Page</a></li>
+
</ul>
-
</ul>
+
</li>
-
</li>
+
<li><a href="https://2013.igem.org/Team:Calgary/Project/DataPage">Data Page</a></li>
-
<li><a href="https://2013.igem.org/Team:Calgary/Project/References">References</a></li>
+
<li><a href="https://2013.igem.org/Team:Calgary/Project/Achievements">Achievements</a></li>
-
<li><a href="https://2013.igem.org/Team:Calgary/Project/Attributions">Attributions</a></li>
+
<li><a href="https://2013.igem.org/Team:Calgary/Project/PostRegionals">Final<br>System</a></li>
-
<li><a href="https://2013.igem.org/Team:Calgary/Project/Sponsors">Sponsors</a></li>
+
</ul>
-
</ul>
+
</li>
-
</li>
+
<li>
-
<li>
+
<a href="https://2013.igem.org/Team:Calgary/OurTeam">Our Team</a>
-
<a href="https://2013.igem.org/Team:Calgary/OurTeam">Our Team</a>
+
<ul>
-
<ul>
+
<li><a href="https://2013.igem.org/Team:Calgary/OurTeam/TeamMembers">Team Members</a></li>
-
<li><a href="https://2013.igem.org/Team:Calgary/OurTeam/TeamMembers">Team Members</a></li>
+
<li><a href="https://igem.org/Team.cgi?id=1189">Our Profile</a></li>
-
<li><a href="https://igem.org/Team.cgi?id=1189" target="_blank">Our Profile</a></li>
+
<li><a href="https://2013.igem.org/Team:Calgary/OurTeam/TheUniversity">The<br>University</a></li>
-
<li><a href="https://2013.igem.org/Team:Calgary/OurTeam/TheUniversity">The<br>University</a></li>
+
<li><a href="https://2013.igem.org/Team:Calgary/OurTeam/Attributions">Attributions</a></li>
-
<li><a href="https://2013.igem.org/Team:Calgary/OurTeam/ContactUs">Contact Us</a></li>
+
<li><a href="https://2013.igem.org/Team:Calgary/OurTeam/Sponsors">Sponsors</a></li>
-
</ul>
+
</ul>
-
</li>
+
</li>
-
<li id="LogoItem"><img id="NavLogo" src="HexLogo.png"></li>
+
<li id="LogoItem"><img id="NavLogo" src="https://static.igem.org/mediawiki/2013/8/8a/2013UCalgaryLogo.png"></li>
-
<li>
+
<li>
-
<a href="https://2013.igem.org/Team:Calgary/Notebook">Notebook</a>
+
<a href="https://2013.igem.org/Team:Calgary/Notebook">Notebook</a>
-
<ul>
+
<ul>
-
<li><a href="https://2013.igem.org/Team:Calgary/Notebook/Journal">Journal</a>
+
<li><a href="https://2013.igem.org/Team:Calgary/Notebook/Journal">Journal</a>
-
<ul>
+
<ul>
-
<li><a href="https://2013.igem.org/Team:Calgary/Notebook/Journal/TalesJournal">Tales</a></li>
+
<li><a href="https://2013.igem.org/Team:Calgary/Notebook/Journal/Detector">Detector</a></li>
-
<li><a href="https://2013.igem.org/Team:Calgary/Notebook/Journal/FerritinJournal">Ferritin</a></li>
+
<li><a href="https://2013.igem.org/Team:Calgary/Notebook/Journal/Reporter">Reporter</a></li>
-
<li><a href="https://2013.igem.org/Team:Calgary/Notebook/Journal/LinkerJournal">Linker</a></li>
+
<li><a href="https://2013.igem.org/Team:Calgary/Notebook/Journal/Linker">Linker</a></li>
-
<li><a href="https://2013.igem.org/Team:Calgary/Notebook/Journal/EngineeringJournal">Engineering</a></li>
+
<li><a href="https://2013.igem.org/Team:Calgary/Notebook/Journal/Modelling">Modelling</a></li>
-
<li><a href="https://2013.igem.org/Team:Calgary/Notebook/Journal/HumanPracticesJournal">Human Practices</a></li>
+
</ul>
-
</ul>
+
</li>
-
</li>
+
<li><a href="https://2013.igem.org/Team:Calgary/Notebook/Protocols">Protocols</a></li>
-
<li><a href="https://2013.igem.org/Team:Calgary/Notebook/Protocols">Protocols</a>
+
<li><a href="https://2013.igem.org/Team:Calgary/Notebook/Parts">Parts</a></li>
-
<ul>
+
<li><a href="https://2013.igem.org/Team:Calgary/Notebook/References">References</a></li>
-
<li><a href="#">Sub-Page</a></li>
+
</ul>
-
<li><a href="#">Sub-Page</a></li>
+
</li>
-
<li><a href="#">Sub-Page</a></li>
+
<li>
-
</ul>
+
<a href="https://2013.igem.org/Team:Calgary/Outreach">Outreach</a>
-
</li>
+
<ul>
-
<li><a href="https://2013.igem.org/Team:Calgary/Notebook/Parts">Parts</a></li>
+
<li><a href="https://2013.igem.org/Team:Calgary/Outreach/TelusSpark">Telus<br>Spark</a></li>
-
</ul>
+
<li><a href="https://2013.igem.org/Team:Calgary/Outreach/ConsortAlberta">Consort<br>Alberta</a></li>
-
</li>
+
<li><a href="https://2013.igem.org/Team:Calgary/Outreach/Beakerhead">Beakerhead</a></li>
-
<li>
+
<li><a href="https://2013.igem.org/Team:Calgary/Outreach/GenomeAlberta">Genome<br>Alberta</a></li>
-
<a href="https://2013.igem.org/Team:Calgary/Outreach">Outreach</a>
+
<li><a href="https://2013.igem.org/Team:Calgary/Outreach/ScienceCafe">Science<br>Café</a></li>
-
<ul>
+
</ul>
-
<li><a href="#">Sub-Page</a></li>
+
</li>
-
<li><a href="#">Sub-Page</a></li>
+
<li>
-
<li><a href="#">Sub-Page</a></li>
+
<a href="https://2013.igem.org">iGEM</a>
-
</ul>
+
</li>
-
</li>
+
</ul>
-
<li>
+
</header>
-
<a href="https://2013.igem.org" target="_blank">iGEM</a>
+
-
</li>
+
-
</ul>
+
-
</header>
+
-
+
-
<div id="NavHeight"></div>
+
</body>
</body>
</html>
</html>

Latest revision as of 03:43, 29 October 2013