Template:Team:Calgary/Test

From 2013.igem.org

(Difference between revisions)
Line 1: Line 1:
 +
{{Team:Calgary/Main}}
<html>
<html>
-
<head>
 
-
<title>Home</title>
 
-
 
-
<!-- Reset for BodyContent -->
 
-
<style>
 
-
#content{
 
-
width: 100%;
 
-
margin: 0;
 
-
padding: 0;
 
-
background-color:transparent;
 
-
border: none;
 
-
}
 
-
 
-
#bodyContent{
 
-
width: 100%;
 
-
margin: 0;
 
-
padding: 0;
 
-
background-color:transparent;
 
-
border: none;
 
-
}
 
-
</style>
 
-
 
-
<!-- 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,100,200,300,500,600,700,800,900' 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 Stylesheets -->
 
-
<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/TestPageNavCSS?action=raw&ctype=text/css" rel="stylesheet">
 
-
<link href="https://2013.igem.org/Team:Calgary/TestPageSliderCSS?action=raw&ctype=text/css" rel="stylesheet">
 
-
<link href="https://2013.igem.org/Team:Calgary/TestPageCSS?action=raw&ctype=text/css" rel="stylesheet">
 
-
<script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
 
<script>
<script>
$(document).ready(function() {
$(document).ready(function() {
-
if ($('body').width() > 868) {
+
$('#Banner').css('display', 'block');
-
$('#TopBar').css('padding-left', Math.floor(($('body').width() - 868) / 2));
+
$('#Page').css({'position' : 'relative', top : '100px'});
-
$('#LogoItem').css('display', 'block');
+
$('#TopBar').css('position', 'static');
-
}
+
-
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(window.pageYOffset < 100)
-
if ($('body').width() > 868) {
+
$('#TopBar').css('position', 'static');
-
$('#TopBar').css('padding-left', Math.floor(($('body').width() - 868) / 2));
+
else
-
$('#LogoItem').css('display', 'block');
+
$('#TopBar').css('position', 'fixed');
-
}
+
-
else if ($('body').width() <= 868) {
+
$(window).scroll(function() {
-
if ($('body').width() > 744) {
+
if(window.pageYOffset < 100)
-
$('#TopBar').css('padding-left', Math.floor(($('body').width() - 744) / 2));
+
$('#TopBar').css('position', 'static');
-
$('#LogoItem').css('display', 'none');
+
else
-
}
+
$('#TopBar').css('position', 'fixed');
-
}
+
-
 
+
-
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>
<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();
 
-
$('#LeftBar, #RightBar').css('height', BarHeight);
 
-
$('#LeftArrow, #RightArrow').css('top', (BarHeight-60)/2);
 
-
});
 
-
 
-
// 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>
 
-
 
-
</head>
 
-
 
-
<body>
 
-
<header id="TopBar">
 
-
<ul id="TopLvlNav">
 
-
<li><a href="https://2013.igem.org/Team:Calgary">Home</a></li>
 
-
<li>
 
-
<a href="https://2013.igem.org/Team:Calgary/Project">Project</a>
 
-
<ul>
 
-
<li><a href="https://2013.igem.org/Team:Calgary/Project/Tales">Tales</a>
 
-
<ul>
 
-
<li><a href="#">Sub-Page</a></li>
 
-
<li><a href="#">Sub-Page</a></li>
 
-
<li><a href="#">Sub-Page</a></li>
 
-
</ul>
 
-
</li>
 
-
<li><a href="https://2013.igem.org/Team:Calgary/Project/Ferritin">Ferritin</a>
 
-
<ul>
 
-
<li><a href="#">Sub-Page</a></li>
 
-
<li><a href="#">Sub-Page</a></li>
 
-
<li><a href="#">Sub-Page</a></li>
 
-
</ul>
 
-
</li>
 
-
<li><a href="https://2013.igem.org/Team:Calgary/Project/Linker">Linker</a>
 
-
<ul>
 
-
<li><a href="#">Sub-Page</a></li>
 
-
<li><a href="#">Sub-Page</a></li>
 
-
<li><a href="#">Sub-Page</a></li>
 
-
</ul>
 
-
</li>
 
-
<li><a href="https://2013.igem.org/Team:Calgary/Project/Engineering">Engineering</a>
 
-
<ul>
 
-
<li><a href="#">Sub-Page</a></li>
 
-
<li><a href="#">Sub-Page</a></li>
 
-
<li><a href="#">Sub-Page</a></li>
 
-
</ul>
 
-
</li>
 
-
<li><a href="https://2013.igem.org/Team:Calgary/Project/HumanPractices">Human Practices</a>
 
-
<ul>
 
-
<li><a href="#">Sub-Page</a></li>
 
-
<li><a href="#">Sub-Page</a></li>
 
-
<li><a href="#">Sub-Page</a></li>
 
-
</ul>
 
-
</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/Attributions">Attributions</a></li>
 
-
<li><a href="https://2013.igem.org/Team:Calgary/Project/Sponsors">Sponsors</a></li>
 
-
</ul>
 
-
</li>
 
-
<li>
 
-
<a href="https://2013.igem.org/Team:Calgary/OurTeam">Our Team</a>
 
-
<ul>
 
-
<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" 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/ContactUs">Contact Us</a></li>
 
-
</ul>
 
-
</li>
 
-
<li id="LogoItem"><img id="NavLogo" src="HexLogo.png"></li>
 
-
<li>
 
-
<a href="https://2013.igem.org/Team:Calgary/Notebook">Notebook</a>
 
-
<ul>
 
-
<li><a href="https://2013.igem.org/Team:Calgary/Notebook/Journal">Journal</a>
 
-
<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/FerritinJournal">Ferritin</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/EngineeringJournal">Engineering</a></li>
 
-
<li><a href="https://2013.igem.org/Team:Calgary/Notebook/Journal/HumanPracticesJournal">Human Practices</a></li>
 
-
</ul>
 
-
</li>
 
-
<li><a href="https://2013.igem.org/Team:Calgary/Notebook/Protocols">Protocols</a>
 
-
<ul>
 
-
<li><a href="#">Sub-Page</a></li>
 
-
<li><a href="#">Sub-Page</a></li>
 
-
<li><a href="#">Sub-Page</a></li>
 
-
</ul>
 
-
</li>
 
-
<li><a href="https://2013.igem.org/Team:Calgary/Notebook/Parts">Parts</a></li>
 
-
</ul>
 
-
</li>
 
-
<li>
 
-
<a href="https://2013.igem.org/Team:Calgary/Outreach">Outreach</a>
 
-
<ul>
 
-
<li><a href="#">Sub-Page</a></li>
 
-
<li><a href="#">Sub-Page</a></li>
 
-
<li><a href="#">Sub-Page</a></li>
 
-
</ul>
 
-
</li>
 
-
<li>
 
-
<a href="https://2013.igem.org" target="_blank">iGEM</a>
 
-
</li>
 
-
</ul>
 
-
</header>
 
-
</body>
 
</html>
</html>

Revision as of 03:35, 23 September 2013