|
|
| (41 intermediate revisions not shown) |
| Line 1: |
Line 1: |
| | + | {{:Team:Amsterdam/Header}} |
| | <html> | | <html> |
| | <style type="text/css"> | | <style type="text/css"> |
| | | | |
| - | <!--
| |
| - |
| |
| - | /**
| |
| - |
| |
| - | * Slideshow style rules.
| |
| - |
| |
| - | */
| |
| - |
| |
| - | #slideshow {
| |
| - |
| |
| - | margin:0 auto;
| |
| - |
| |
| - | width:640px;
| |
| - |
| |
| - | background:transparent url(img/bg_slideshow.jpg) no-repeat 0 0;
| |
| - |
| |
| - | position:relative;
| |
| - |
| |
| - | }
| |
| - |
| |
| - | #slideshow #slidesContainer {
| |
| - |
| |
| - | margin:0 auto;
| |
| - |
| |
| - | width:560px;
| |
| - |
| |
| - |
| |
| - | overflow:auto; /* allow scrollbar */
| |
| - |
| |
| - | position:relative;
| |
| - |
| |
| - | }
| |
| - |
| |
| - | #slideshow #slidesContainer .slide {
| |
| - |
| |
| - | margin:0 auto;
| |
| - |
| |
| - | width:540px; /* reduce by 20 pixels of #slidesContainer to avoid horizontal scroll */
| |
| - |
| |
| - |
| |
| - | }
| |
| - |
| |
| - |
| |
| - |
| |
| - | /**
| |
| - |
| |
| - | * Slideshow controls style rules.
| |
| - |
| |
| - | */
| |
| - |
| |
| - | .control {
| |
| - |
| |
| - | display:block;
| |
| - |
| |
| - | width:39px;
| |
| - |
| |
| - | height:263px;
| |
| - |
| |
| - | text-indent:-10000px;
| |
| - |
| |
| - | position:absolute;
| |
| - |
| |
| - | cursor: pointer;
| |
| - |
| |
| - | }
| |
| - |
| |
| - | #leftControl {
| |
| - |
| |
| - | top:0;
| |
| - |
| |
| - | left:0;
| |
| - |
| |
| - | background:transparent url(img/control_left.jpg) no-repeat 0 0;
| |
| - |
| |
| - | }
| |
| - |
| |
| - | #rightControl {
| |
| - |
| |
| - | top:0;
| |
| - |
| |
| - | right:0;
| |
| - |
| |
| - | background:transparent url(img/control_right.jpg) no-repeat 0 0;
| |
| - |
| |
| - | }
| |
| - |
| |
| - |
| |
| - |
| |
| - | /**
| |
| - |
| |
| - | * Style rules for Demo page
| |
| - |
| |
| - | */
| |
| - |
| |
| - | * {
| |
| - |
| |
| - | margin:0;
| |
| - |
| |
| - | padding:0;
| |
| - |
| |
| - | font:normal 11px Verdana, Geneva, sans-serif;
| |
| - |
| |
| - |
| |
| - |
| |
| - | }
| |
| - |
| |
| - | a {
| |
| - |
| |
| - | color: #fff;
| |
| - |
| |
| - | font-weight:bold;
| |
| - |
| |
| - | text-decoration:none;
| |
| - |
| |
| - | }
| |
| - |
| |
| - | a:hover {
| |
| - |
| |
| - | text-decoration:underline;
| |
| - |
| |
| - | }
| |
| - |
| |
| - | a img {border:2px solid #ccc;}
| |
| - |
| |
| - | body {
| |
| - |
| |
| - | background:#393737 url(img/bg_body.jpg) repeat-x top left;
| |
| - |
| |
| - | }
| |
| - |
| |
| - | #pageContainer {
| |
| - |
| |
| - | margin:0 auto;
| |
| - |
| |
| - | width:960px;
| |
| - |
| |
| - | }
| |
| - |
| |
| - | #pageContainer h1 {
| |
| - |
| |
| - | display:block;
| |
| - |
| |
| - | width:960px;
| |
| - |
| |
| - | height:114px;
| |
| - |
| |
| - | background:transparent url(img/bg_pagecontainer_h1.jpg) no-repeat top left;
| |
| - |
| |
| - | text-indent: -10000px;
| |
| - |
| |
| - | }
| |
| - |
| |
| - | .slide h2, .slide p {
| |
| - |
| |
| - | margin:15px;
| |
| - |
| |
| - | }
| |
| - |
| |
| - | .slide h2 {
| |
| - |
| |
| - | font:italic 24px Georgia, "Times New Roman", Times, serif;
| |
| - |
| |
| - | color:#ccc;
| |
| - |
| |
| - | letter-spacing:-1px;
| |
| - |
| |
| - | }
| |
| - |
| |
| - | .slide img {
| |
| - |
| |
| - |
| |
| - | }
| |
| - |
| |
| - | #footer {
| |
| - |
| |
| - | height:100px;
| |
| - |
| |
| - | }
| |
| - |
| |
| - | #footer p {
| |
| - |
| |
| - | margin:30px auto 0 auto;
| |
| - |
| |
| - | display:block;
| |
| - |
| |
| - | width:560px;
| |
| - |
| |
| - | height:40px;
| |
| - |
| |
| - | }
| |
| - |
| |
| - | -->
| |
| | | | |
| | </style> | | </style> |
| | + | <div id="requirements"> |
| | + | <table id="table"> |
| | + | <tr> |
| | + | <td>Bronze</td> |
| | + | <td>Silver</td> |
| | + | <td>Gold</td> |
| | + | </tr> |
| | + | <tr> |
| | + | <td><a href="https://igem.org/Team.cgi?id=538"><img src="https://static.igem.org/mediawiki/2011/b/b1/Igemcheck.jpg">Team registration</a></td> |
| | + | <td><a href="https://2011.igem.org/Team:Amsterdam/Labwork/Characterisation"><img src="https://static.igem.org/mediawiki/2011/b/b1/Igemcheck.jpg">Working BioBricks</a></td> |
| | + | <td><a href="https://2011.igem.org/Team:Amsterdam/Human_Outreach/Collaboration"><img src="https://static.igem.org/mediawiki/2011/b/b1/Igemcheck.jpg">Collaboration</a></td> |
| | + | </tr> |
| | + | <tr> |
| | + | <td><a href="https://igem.org/2011_Judging_Form?id=538"><img src="https://static.igem.org/mediawiki/2011/b/b1/Igemcheck.jpg">Complete judging form</a></td> |
| | + | <td><a href="https://2011.igem.org/Team:Amsterdam/Labwork/Characterisation"><img src="https://static.igem.org/mediawiki/2011/b/b1/Igemcheck.jpg">BioBrick characterisation</a></td> |
| | + | <td><a href="https://2011.igem.org/Team:Amsterdam/Human_Outreach/Overview"><img src="https://static.igem.org/mediawiki/2011/b/b1/Igemcheck.jpg">Human outreach</a></td> |
| | + | </tr> |
| | + | <tr> |
| | + | <td><img src="https://static.igem.org/mediawiki/2011/b/b1/Igemcheck.jpg">Team Wiki</td> |
| | + | <td></td> |
| | + | <td></td> |
| | + | </tr> |
| | + | <tr> |
| | + | <td><img src="https://static.igem.org/mediawiki/2011/b/b1/Igemcheck.jpg">Present at iGEM Jamboree</td> |
| | + | <td></td> |
| | + | <td></td> |
| | + | </tr> |
| | + | <tr> |
| | + | <td><a href="https://2011.igem.org/Team:Amsterdam/Biobricks/Overview#Registry_Submissions"><img src="https://static.igem.org/mediawiki/2011/b/b1/Igemcheck.jpg">New BioBricks submitted</td> |
| | + | <td></td> |
| | + | <td></td> |
| | + | </tr> |
| | + | </tr> |
| | + | </table> |
| | | | |
| - | <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
| |
| - |
| |
| - | <script type="text/javascript">
| |
| - |
| |
| - | $(document).ready(function(){
| |
| - |
| |
| - | var currentPosition = 0;
| |
| - |
| |
| - | var slideWidth = 560;
| |
| - |
| |
| - | var slides = $('.slide');
| |
| - |
| |
| - | var numberOfSlides = slides.length;
| |
| - |
| |
| - |
| |
| - |
| |
| - | // Remove scrollbar in JS
| |
| - |
| |
| - | $('#slidesContainer').css('overflow', 'hidden');
| |
| - |
| |
| - |
| |
| - |
| |
| - | // Wrap all .slides with #slideInner div
| |
| - |
| |
| - | slides
| |
| - |
| |
| - | .wrapAll('<div id="slideInner"></div>')
| |
| - |
| |
| - | // Float left to display horizontally, readjust .slides width
| |
| - |
| |
| - | .css({
| |
| - |
| |
| - | 'float' : 'left',
| |
| - |
| |
| - | 'width' : slideWidth
| |
| - |
| |
| - | });
| |
| - |
| |
| - |
| |
| - |
| |
| - | // Set #slideInner width equal to total width of all slides
| |
| - |
| |
| - | $('#slideInner').css('width', slideWidth * numberOfSlides);
| |
| - |
| |
| - |
| |
| - |
| |
| - | // Insert controls in the DOM
| |
| - |
| |
| - | $('#slideshow')
| |
| - |
| |
| - | .prepend('<span class="control" id="leftControl">Clicking moves left</span>')
| |
| - |
| |
| - | .append('<span class="control" id="rightControl">Clicking moves right</span>');
| |
| - |
| |
| - |
| |
| - |
| |
| - | // Hide left arrow control on first load
| |
| - |
| |
| - | manageControls(currentPosition);
| |
| - |
| |
| - |
| |
| - |
| |
| - | // Create event listeners for .controls clicks
| |
| - |
| |
| - | $('.control')
| |
| - |
| |
| - | .bind('click', function(){
| |
| - |
| |
| - | // Determine new position
| |
| - |
| |
| - | currentPosition = ($(this).attr('id')=='rightControl') ? currentPosition+1 : currentPosition-1;
| |
| - |
| |
| - |
| |
| - |
| |
| - | // Hide / show controls
| |
| - |
| |
| - | manageControls(currentPosition);
| |
| - |
| |
| - | // Move slideInner using margin-left
| |
| - |
| |
| - | $('#slideInner').animate({
| |
| - |
| |
| - | 'marginLeft' : slideWidth*(-currentPosition)
| |
| - |
| |
| - | });
| |
| - |
| |
| - | });
| |
| - |
| |
| - |
| |
| - |
| |
| - | // manageControls: Hides and Shows controls depending on currentPosition
| |
| - |
| |
| - | function manageControls(position){
| |
| - |
| |
| - | // Hide left arrow if position is first slide
| |
| - |
| |
| - | if(position==0){ $('#leftControl').hide() } else{ $('#leftControl').show() }
| |
| - |
| |
| - | // Hide right arrow if position is last slide
| |
| - |
| |
| - | if(position==numberOfSlides-1){ $('#rightControl').hide() } else{ $('#rightControl').show() }
| |
| - |
| |
| - | }
| |
| - |
| |
| - | });
| |
| - |
| |
| - | </script>
| |
| - |
| |
| - |
| |
| - | <body>
| |
| - |
| |
| - | <div id="pageContainer">
| |
| - |
| |
| - |
| |
| - | <!-- Slideshow HTML -->
| |
| - |
| |
| - | <div id="slideshow">
| |
| - |
| |
| - | <div id="slidesContainer">
| |
| - |
| |
| - | <div class="slide">
| |
| - | <img src = "https://static.igem.org/mediawiki/2011/d/dc/P1130190.jpg">
| |
| - | </div>
| |
| - |
| |
| - | <div class="slide">
| |
| - | <img src = "https://static.igem.org/mediawiki/2011/9/9a/P1130193.jpg">
| |
| - | </div>
| |
| - |
| |
| - | <div class="slide">
| |
| - | <img src = "https://static.igem.org/mediawiki/2011/4/45/P1130194.jpg">
| |
| - | </div>
| |
| - |
| |
| - | </div>
| |
| - |
| |
| - | </div>
| |
| - |
| |
| - | <!-- Slideshow HTML -->
| |
| - |
| |
| - |
| |
| | </div> | | </div> |
| - |
| |
| - | </body>
| |
| - |
| |
| | </html> | | </html> |
"
Team registration
