"
Team:Calgary/TestPage
From 2013.igem.org
| Line 1: | Line 1: | ||
| - | + | {{Team:Calgary/Main}} | |
| - | + | ||
<head> | <head> | ||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
<link href="https://2013.igem.org/Team:Calgary/TestPageCSS?action=raw&ctype=text/css" rel="stylesheet"> | <link href="https://2013.igem.org/Team:Calgary/TestPageCSS?action=raw&ctype=text/css" rel="stylesheet"> | ||
Revision as of 20:03, 28 August 2013
<script>
$(document).ready(function() {
var TotalSlides = $('.Person').length
var CurrentSlide = 0;
$('#Carousel').css('display', 'block'); $('.Info').css('display', 'none'); $('#Bio' + ((CurrentSlide + TotalSlides + 2) % TotalSlides)).css('display', 'block');
if ($('body').width() < 990) { $('.Slide0, .Slide4').css('display', 'none'); $('.Slide1').css('left', '90px'); $('.Slide2').css('left', '255px'); $('.Slide3').css('left', '420px'); $('#Carousel, #WriteUp').css('width', '675px'); } if ($('body').width() < 675) { $('#Carousel').css('display', 'none'); $('.Info').css('display', 'block'); $('#WriteUp').css('width', '100%'); }
$(window).resize(function() { if ($('body').width() >= 990) { $('.Slide0, .Slide4').css('display', 'block'); $('.Person').css('left', ); $('#Carousel, #WriteUp').css('width', '990px'); $('#Carousel').css('display', 'block'); $('.Info').css('display', 'none'); $('#Bio' + ((CurrentSlide + TotalSlides + 2) % TotalSlides)).css('display', 'block'); } if ($('body').width() < 990) { $('.Slide0, .Slide4').css('display', 'none'); $('.Slide1').css('left', '90px'); $('.Slide2').css('left', '255px'); $('.Slide3').css('left', '420px'); $('#Carousel, #WriteUp').css('width', '675px'); $('#Carousel').css('display', 'block'); $('.Info').css('display', 'none'); $('#Bio' + ((CurrentSlide + TotalSlides + 2) % TotalSlides)).css('display', 'block'); } if ($('body').width() < 675) { $('#Carousel').css('display', 'none'); $('.Info').css('display', 'block'); $('#WriteUp').css('width', '100%'); } });
$('#RightArrow').click(function() { CurrentSlide = ++CurrentSlide % TotalSlides; $('.Person').css('display', 'none'); var i = CurrentSlide;
for (var count = 0; count < 5; count++) { if (i >= TotalSlides) i = 0;
$('.Person').removeClass('Slide' + count);
SlideID = '#Person' + i; $(SlideID).css('display', 'block').addClass('Slide' + count); i++; }
$('.Info').css('display', 'none'); $('#Bio' + ((CurrentSlide + TotalSlides + 2) % TotalSlides)).css('display', 'block');
if ($('body').width() < 990) { $('.Slide0, .Slide4').css('display', 'none'); $('.Slide1').css('left', '90px'); $('.Slide2').css('left', '255px'); $('.Slide3').css('left', '420px'); $('#Carousel, #WriteUp').css('width', '675px'); } });
$('#LeftArrow').click(function() { CurrentSlide = (CurrentSlide + TotalSlides - 1) % TotalSlides; $('.Person').css('display', 'none'); var i = CurrentSlide;
for (var count = 0; count < 5; count++) { if (i >= TotalSlides) i = 0;
$('.Person').removeClass('Slide' + count);
SlideID = '#Person' + i; $(SlideID).css('display', 'block').addClass('Slide' + count); i++; }
$('.Info').css('display', 'none'); $('#Bio' + ((CurrentSlide + TotalSlides + 2) % TotalSlides)).css('display', 'block');
if ($('body').width() < 990) { $('.Slide0, .Slide4').css('display', 'none'); $('.Slide1').css('left', '90px'); $('.Slide2').css('left', '255px'); $('.Slide3').css('left', '420px'); $('#Carousel, #WriteUp').css('width', '675px'); } });
$('.Person').click(function() { var ClickedPerson = $(this).attr('id'); CurrentSlide = ((parseInt(ClickedPerson.replace('Person', ))) + TotalSlides - 2) % TotalSlides;
$('.Person').css('display', 'none'); var i = CurrentSlide;
for (var count = 0; count < 5; count++) { if (i >= TotalSlides) i = 0;
$('.Person').removeClass('Slide' + count);
SlideID = '#Person' + i; $(SlideID).css('display', 'block').addClass('Slide' + count); i++; }
$('.Info').css('display', 'none'); $('#Bio' + ((CurrentSlide + TotalSlides + 2) % TotalSlides)).css('display', 'block');
if ($('body').width() < 990) { $('.Slide0, .Slide4').css('display', 'none'); $('.Slide1').css('left', '90px'); $('.Slide2').css('left', '255px'); $('.Slide3').css('left', '420px'); $('#Carousel, #WriteUp').css('width', '675px'); } }); }); </script> </head>
<body>
Contents |
Bio 0 Person
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam non dui rutrum, ultrices turpis ut, dignissim lectus. Aenean ac viverra urna. Praesent tempor rhoncus scelerisque. Pellentesque volutpat elementum tristique. Maecenas iaculis quam nunc, vel venenatis sapien pretium id. Nulla facilisi. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Maecenas adipiscing congue augue, at sagittis lorem pretium eu. Nullam sit amet lacinia neque, et luctus diam. Vestibulum porta adipiscing venenatis.
Bio 1 Person
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam non dui rutrum, ultrices turpis ut, dignissim lectus. Aenean ac viverra urna. Praesent tempor rhoncus scelerisque. Pellentesque volutpat elementum tristique. Maecenas iaculis quam nunc, vel venenatis sapien pretium id. Nulla facilisi. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Maecenas adipiscing congue augue, at sagittis lorem pretium eu. Nullam sit amet lacinia neque, et luctus diam. Vestibulum porta adipiscing venenatis.
Wm. Keith van der Meulen
Electrical & Computer Engineering (2nd Year)
This summer, I have been responsible for building the physical prototypes for our system and designing and coding this website. I am pursuing a career in aeronautical robotics R&D, so I have found my time working in a research setting with iGEM this year very valuable. Besides staying up until 2 a.m. coding, I also spend my time running <a href="http://www.fosterbikes.com" target="_blank">Foster Bikes</a>, a non-profit, Seattle-based company I co-founded. In my free time, I enjoy hiking, backpacking , skiing, and trying to have this weird thing non-engineers call a "social life".
<a href="http://www.linkedin.com/in/wkeithvan" target="_blank">Click Here To View My LinkedIn Profile</a>
Bio 3 Person
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam non dui rutrum, ultrices turpis ut, dignissim lectus. Aenean ac viverra urna. Praesent tempor rhoncus scelerisque. Pellentesque volutpat elementum tristique. Maecenas iaculis quam nunc, vel venenatis sapien pretium id. Nulla facilisi. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Maecenas adipiscing congue augue, at sagittis lorem pretium eu. Nullam sit amet lacinia neque, et luctus diam. Vestibulum porta adipiscing venenatis.
Bio 4 Person
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam non dui rutrum, ultrices turpis ut, dignissim lectus. Aenean ac viverra urna. Praesent tempor rhoncus scelerisque. Pellentesque volutpat elementum tristique. Maecenas iaculis quam nunc, vel venenatis sapien pretium id. Nulla facilisi. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Maecenas adipiscing congue augue, at sagittis lorem pretium eu. Nullam sit amet lacinia neque, et luctus diam. Vestibulum porta adipiscing venenatis.
Bio 5 Person
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam non dui rutrum, ultrices turpis ut, dignissim lectus. Aenean ac viverra urna. Praesent tempor rhoncus scelerisque. Pellentesque volutpat elementum tristique. Maecenas iaculis quam nunc, vel venenatis sapien pretium id. Nulla facilisi. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Maecenas adipiscing congue augue, at sagittis lorem pretium eu. Nullam sit amet lacinia neque, et luctus diam. Vestibulum porta adipiscing venenatis.
Bio 6 Person
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam non dui rutrum, ultrices turpis ut, dignissim lectus. Aenean ac viverra urna. Praesent tempor rhoncus scelerisque. Pellentesque volutpat elementum tristique. Maecenas iaculis quam nunc, vel venenatis sapien pretium id. Nulla facilisi. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Maecenas adipiscing congue augue, at sagittis lorem pretium eu. Nullam sit amet lacinia neque, et luctus diam. Vestibulum porta adipiscing venenatis.
Bio 7 Person
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam non dui rutrum, ultrices turpis ut, dignissim lectus. Aenean ac viverra urna. Praesent tempor rhoncus scelerisque. Pellentesque volutpat elementum tristique. Maecenas iaculis quam nunc, vel venenatis sapien pretium id. Nulla facilisi. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Maecenas adipiscing congue augue, at sagittis lorem pretium eu. Nullam sit amet lacinia neque, et luctus diam. Vestibulum porta adipiscing venenatis.
Bio 8 Person
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam non dui rutrum, ultrices turpis ut, dignissim lectus. Aenean ac viverra urna. Praesent tempor rhoncus scelerisque. Pellentesque volutpat elementum tristique. Maecenas iaculis quam nunc, vel venenatis sapien pretium id. Nulla facilisi. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Maecenas adipiscing congue augue, at sagittis lorem pretium eu. Nullam sit amet lacinia neque, et luctus diam. Vestibulum porta adipiscing venenatis.
Bio 9 Person
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam non dui rutrum, ultrices turpis ut, dignissim lectus. Aenean ac viverra urna. Praesent tempor rhoncus scelerisque. Pellentesque volutpat elementum tristique. Maecenas iaculis quam nunc, vel venenatis sapien pretium id. Nulla facilisi. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Maecenas adipiscing congue augue, at sagittis lorem pretium eu. Nullam sit amet lacinia neque, et luctus diam. Vestibulum porta adipiscing venenatis.
</body> </html>
