Team:Lethbridge Canada
From 2014hs.igem.org
(Difference between revisions)
(42 intermediate revisions not shown) | |||
Line 3: | Line 3: | ||
<title>Lethbridge High School iGEM Team</title> | <title>Lethbridge High School iGEM Team</title> | ||
<link rel="stylesheet" href="https://2014hs.igem.org/Team:Lethbridge_Canada/concept?action=raw&ctype=text/css" type="text/css" media="screen" /> | <link rel="stylesheet" href="https://2014hs.igem.org/Team:Lethbridge_Canada/concept?action=raw&ctype=text/css" type="text/css" media="screen" /> | ||
- | <link rel="stylesheet" href="https://2014hs.igem.org/Team:Lethbridge_Canada/nav_bar?action=raw&ctype=text/css" type="text/css" media="screen" / | + | <link rel="stylesheet" href="https://2014hs.igem.org/Team:Lethbridge_Canada/nav_bar?action=raw&ctype=text/css" type="text/css" media="screen" /> |
- | + | ||
<link rel="stylesheet" type="text/css" href="css/font-awesome.min.css"> | <link rel="stylesheet" type="text/css" href="css/font-awesome.min.css"> | ||
<script type="text/javascript" src="js/jquery-ui.js"></script> | <script type="text/javascript" src="js/jquery-ui.js"></script> | ||
<script type="text/javascript" src="js/jquery-1.9.1.js"></script> | <script type="text/javascript" src="js/jquery-1.9.1.js"></script> | ||
<script type="text/javascript" src="https://2014hs.igem.org/Team:Lethbridge_Canada/nav_bar_script?action=raw&ctype=text/javascript"></script> | <script type="text/javascript" src="https://2014hs.igem.org/Team:Lethbridge_Canada/nav_bar_script?action=raw&ctype=text/javascript"></script> | ||
+ | <script type="text/javascript" src="https://2014hs.igem.org/Team:Lethbridge_Canada/back_to_top_script?action=raw&ctype=text/javascript"></script> | ||
<meta charset="utf-8"> | <meta charset="utf-8"> | ||
Line 20: | Line 20: | ||
<script type="text/javascript" charset="utf-8"> | <script type="text/javascript" charset="utf-8"> | ||
- | + | $(function(){ | |
+ | var timer = setInterval(tileSwitch, 5000); | ||
+ | function tileSwitch(){ | ||
+ | $('.tile-container-right1a').toggleClass('active-tile'); | ||
+ | } | ||
+ | }); | ||
</script> | </script> | ||
</head> | </head> | ||
<body> | <body> | ||
- | + | <header class="banner"> | |
+ | <a href="https://2014hs.igem.org/Main_Page"><img src="https://static.igem.org/mediawiki/2014hs/a/a5/LethHS2014_Igemlogo_whiteletters.png" height="65px" width="85px" alt="Logo" class="bannerIMG" style="float:left;"></a> | ||
+ | <img src="https://static.igem.org/mediawiki/2014hs/d/d7/LethHS2014_Blank.png" height="65px" width="85px" alt="Logo" class="bannerIMG" style="float:right;"> | ||
+ | |||
<hgroup> | <hgroup> | ||
- | <h1> Lethbridge High School | + | <h1 style="color:white;"> Lethbridge High School</h1> |
- | + | ||
</hgroup> | </hgroup> | ||
- | |||
- | |||
- | + | <a href="https://2014hs.igem.org/Team:Lethbridge_Canada"><img src="https://static.igem.org/mediawiki/2014hs/c/ca/LethHS2014_TitleLogo.png" height="195px" width="255px" alt="Logo" class="bannerIMG"></a> | |
- | + | ||
+ | |||
+ | </header> | ||
+ | |||
+ | <!-- NAV_BAR --> | ||
<div id="nav_bar_wrapper" style="z-index:1000;"> | <div id="nav_bar_wrapper" style="z-index:1000;"> | ||
<ul id="nav_bar"> | <ul id="nav_bar"> | ||
- | <li class="nav_bar_main_entry" id="nav_bar_project"><a href=" | + | <li class="nav_bar_main_entry" id="nav_bar_project"><a href="https://2014hs.igem.org/Team:Lethbridge_Canada/project">Project</a> |
<ul id="nav_bar_project_drawer"> | <ul id="nav_bar_project_drawer"> | ||
- | <li><a href=" | + | <li><a href="https://2014hs.igem.org/Team:Lethbridge_Canada/project#problem">Problem</a></li> |
- | <li><a href=" | + | <li><a href="https://2014hs.igem.org/Team:Lethbridge_Canada/project#idea">Water Treatment Idea</a></li> |
- | <li><a href=" | + | <li><a href="https://2014hs.igem.org/Team:Lethbridge_Canada/parts">Parts</a></li> |
- | <li><a href=" | + | <li><a href="https://2014hs.igem.org/Team:Lethbridge_Canada/math">Math</a></li> |
+ | <li><a href="https://2014hs.igem.org/Team:Lethbridge_Canada/results">Results</a></li> | ||
</ul> | </ul> | ||
</li> | </li> | ||
- | <li class="nav_bar_main_entry" id="nav_bar_notebook"><a href=" | + | <li class="nav_bar_main_entry" id="nav_bar_notebook"><a href="https://2014hs.igem.org/Team:Lethbridge_Canada/notebook">Notebook</a> |
<ul id="nav_bar_notebook_drawer"> | <ul id="nav_bar_notebook_drawer"> | ||
- | <li><a href=" | + | <li><a href="https://2014hs.igem.org/Team:Lethbridge_Canada/safety">Safety</a></li> |
- | <li><a href=" | + | <li><a href="https://2014hs.igem.org/Team:Lethbridge_Canada/march">March</a></li> |
- | + | <li><a href="https://2014hs.igem.org/Team:Lethbridge_Canada/april">April</a></li> | |
- | <li><a href=" | + | <li><a href="https://2014hs.igem.org/Team:Lethbridge_Canada/may">May</a></li> |
- | <li><a href=" | + | <li><a href="https://2014hs.igem.org/Team:Lethbridge_Canada/june">June</a></li> |
- | <li><a href=" | + | |
</ul> | </ul> | ||
</li> | </li> | ||
- | <li class="nav_bar_main_entry" id="nav_bar_hp"><a href=" | + | <li class="nav_bar_main_entry" id="nav_bar_hp"><a href="https://2014hs.igem.org/Team:Lethbridge_Canada/humanpractices">Human Practices</a> |
<ul id="nav_bar_hp_drawer"> | <ul id="nav_bar_hp_drawer"> | ||
- | <li><a href=" | + | <li><a href="https://2014hs.igem.org/Team:Lethbridge_Canada/Education">Education</a></li> |
- | <li><a href=" | + | <li><a href="https://2014hs.igem.org/Team:Lethbridge_Canada/government">Government</a></li> |
- | <li><a href=" | + | <li><a href="https://2014hs.igem.org/Team:Lethbridge_Canada/watertreatment">Water Treatment</a></li> |
- | <li><a href=" | + | <li><a href="https://2014hs.igem.org/Team:Lethbridge_Canada/book">Children's Book</a></li> |
- | <li><a href=" | + | <li><a href="https://2014hs.igem.org/Team:Lethbridge_Canada/art">Art Outreach</a></li> |
- | <li><a href=" | + | <li><a href="https://2014hs.igem.org/Team:Lethbridge_Canada/app">Application</a></li> |
</ul> | </ul> | ||
</li> | </li> | ||
- | <li class="nav_bar_main_entry" id="nav_bar_team"><a href=" | + | <li class="nav_bar_main_entry" id="nav_bar_team"><a href="https://2014hs.igem.org/Team:Lethbridge_Canada/team">Team</a> |
<ul id="nav_bar_team_drawer"> | <ul id="nav_bar_team_drawer"> | ||
- | <li><a href=" | + | <li><a href="https://2014hs.igem.org/Team:Lethbridge_Canada/team#students">Students</a></li> |
- | <li><a href=" | + | <li><a href="https://2014hs.igem.org/Team:Lethbridge_Canada/team#advisors">Advisors</a></li> |
- | <li><a href=" | + | <li><a href="https://2014hs.igem.org/Team:Lethbridge_Canada/team#mentors">Mentors</a></li> |
- | <li><a href=" | + | <li><a href="https://2014hs.igem.org/Team:Lethbridge_Canada/sponsors">Sponsors</a></li> |
</ul> | </ul> | ||
</li> | </li> | ||
Line 75: | Line 85: | ||
</div> | </div> | ||
<!-- /NAV_BAR --> | <!-- /NAV_BAR --> | ||
+ | |||
+ | |||
<div id="slides"> | <div id="slides"> | ||
- | <img src=" | + | <img src="https://static.igem.org/mediawiki/2014hs/2/28/LethHS2014_SlideShow_Bridge.png"> |
- | <img src=" | + | <img src="https://static.igem.org/mediawiki/2014hs/3/3b/LethHS2014_Problem_slide.png"> |
+ | <img src="https://static.igem.org/mediawiki/2014hs/6/6c/LethHS2014_App_slide.png"> | ||
+ | <img src="https://static.igem.org/mediawiki/2014hs/e/e2/LethHS2014_hp_slide.png"> | ||
+ | <img src="https://static.igem.org/mediawiki/2014hs/9/9e/LethHS2014_SlideShow_Sponsors.png"> | ||
+ | <img src="https://static.igem.org/mediawiki/2014hs/6/60/LethHS2014_TeamPhoto2.png"> | ||
</div> | </div> | ||
Line 92: | Line 108: | ||
<!-- SlidesJS Required: Initialize SlidesJS with a jQuery doc ready --> | <!-- SlidesJS Required: Initialize SlidesJS with a jQuery doc ready --> | ||
+ | |||
<script> | <script> | ||
$(function() { | $(function() { | ||
Line 109: | Line 126: | ||
<main> | <main> | ||
+ | <div class="tilesInterface"> | ||
+ | <a href="https://2014hs.igem.org/Team:Lethbridge_Canada/project"> | ||
<div class="tile-container-left1" style=""> | <div class="tile-container-left1" style=""> | ||
<div class="tile"> | <div class="tile"> | ||
<p class="tileTitle"> Project</p> | <p class="tileTitle"> Project</p> | ||
- | <img src=" | + | <img src="https://static.igem.org/mediawiki/2014hs/2/27/LethHS2014_Water.png" alt="Smiley face" height="200" width="200" class="tileImg"/> |
</div> | </div> | ||
<div class="tile"> | <div class="tile"> | ||
<p class="tileTitle"> Fighting Antibiotic Resistance</p> | <p class="tileTitle"> Fighting Antibiotic Resistance</p> | ||
+ | <img src="https://static.igem.org/mediawiki/2014hs/7/72/LethHS_Project_Flip_BetaLac_2014.png" height="200" width="200" class="tileImg"/> | ||
</div> | </div> | ||
</div> | </div> | ||
+ | </a> | ||
+ | <a href="https://2014hs.igem.org/Team:Lethbridge_Canada/parts"> | ||
<div class="tile-container-right1a" style=""> | <div class="tile-container-right1a" style=""> | ||
<div class="minitile"> | <div class="minitile"> | ||
<p class="tileTitle"> Parts</p> | <p class="tileTitle"> Parts</p> | ||
- | <img src=" | + | <img src="https://static.igem.org/mediawiki/2014hs/a/a4/LethHS2014_Parts.png" alt="Smiley face" height="100" width="100" class="tileImg"/> |
</div> | </div> | ||
<div class="tile"> | <div class="tile"> | ||
<p class="tileTitle"> Our Tools</p> | <p class="tileTitle"> Our Tools</p> | ||
+ | <img src="https://static.igem.org/mediawiki/2014hs/6/66/LethHS2014_Parts2.png" alt="Smiley face" height="100" width="100" class="tileImg"/> | ||
</div> | </div> | ||
- | </div> | + | </div> |
+ | </a> | ||
+ | <a href="https://2014hs.igem.org/Team:Lethbridge_Canada/math"> | ||
<div class="tile-container-right1a" style=""> | <div class="tile-container-right1a" style=""> | ||
<div class="minitile"> | <div class="minitile"> | ||
<p class="tileTitle"> Math</p> | <p class="tileTitle"> Math</p> | ||
- | <img src=" | + | <img src="https://static.igem.org/mediawiki/2014hs/3/36/LethHS2014_Math.png" alt="Smiley face" height="100" width="100" class="tileImg"/> |
</div> | </div> | ||
Line 141: | Line 166: | ||
</div> | </div> | ||
</div> | </div> | ||
+ | </a> | ||
+ | <a href="https://2014hs.igem.org/Team:Lethbridge_Canada/safety"> | ||
<div class="tile-container-right1b" style=""> | <div class="tile-container-right1b" style=""> | ||
<div class="minitile"> | <div class="minitile"> | ||
<p class="tileTitle"> Safety</p> | <p class="tileTitle"> Safety</p> | ||
- | <img src=" | + | <img src="https://static.igem.org/mediawiki/2014hs/4/4c/LethHS2014_Safety.png" alt="Smiley face" height="100" width="100" class="tileImg"/> |
</div> | </div> | ||
Line 152: | Line 179: | ||
</div> | </div> | ||
</div> | </div> | ||
+ | </a> | ||
+ | <a href="https://2014hs.igem.org/Team:Lethbridge_Canada/notebook"> | ||
<div class="tile-container-right1b" style=""> | <div class="tile-container-right1b" style=""> | ||
<div class="minitile"> | <div class="minitile"> | ||
<p class="tileTitle"> Notebook</p> | <p class="tileTitle"> Notebook</p> | ||
- | <img src=" | + | <img src="https://static.igem.org/mediawiki/2014hs/f/fb/LethHS2014_Notebook.png" alt="Smiley face" height="100" width="100" class="tileImg"/> |
</div> | </div> | ||
Line 163: | Line 192: | ||
</div> | </div> | ||
</div> | </div> | ||
+ | </a> | ||
<!--<div style="height:500px; width=500px; float:left">--> | <!--<div style="height:500px; width=500px; float:left">--> | ||
+ | <a href="https://2014hs.igem.org/Team:Lethbridge_Canada/treatmentidea"> | ||
<div class="tile-container-left2" style=""> | <div class="tile-container-left2" style=""> | ||
- | <div class=" | + | <div class="tile2"> |
- | <p class="tileTitle"> Water Treatment</p> | + | <p class="tileTitle" style="padding-top:19%;"> Water Treatment</p> |
- | <img src=" | + | <img src="https://static.igem.org/mediawiki/2014hs/b/bd/LethHS_WWTPIcon_2014.png" alt="Smiley face" height="200" width="200" class="tileImg"/> |
</div> | </div> | ||
- | + | <div class="tile"> | |
- | + | <img src="https://static.igem.org/mediawiki/2014hs/e/ea/LethHS2014_Reactor.png" height="500" width="607.5" style=""> | |
- | + | </div> | |
</div> | </div> | ||
+ | </a> | ||
<!--</div>--> | <!--</div>--> | ||
- | + | <a href="https://2014hs.igem.org/Team:Lethbridge_Canada/humanpractices"> | |
<div class="tile-container-right2" style=""> | <div class="tile-container-right2" style=""> | ||
<div class="tile"> | <div class="tile"> | ||
<p class="tileTitle"> Human Practices</p> | <p class="tileTitle"> Human Practices</p> | ||
- | <img src=" | + | <img src="https://static.igem.org/mediawiki/2014hs/e/ec/LethHS2014_HumanPractises.png" alt="Smiley face" height="200" width="200" class="tileImg"/> |
</div> | </div> | ||
Line 187: | Line 219: | ||
</div> | </div> | ||
</div> | </div> | ||
- | + | </a> | |
+ | <a href="https://2014hs.igem.org/Team:Lethbridge_Canada/app"> | ||
<div class="tile-container-left3" style=""> | <div class="tile-container-left3" style=""> | ||
<div class="tile"> | <div class="tile"> | ||
<p class="tileTitle"> App</p> | <p class="tileTitle"> App</p> | ||
- | <img src=" | + | <img src="https://static.igem.org/mediawiki/2014hs/e/e2/LethHS2014_Iphone.png" alt="Smiley face" height="200" width="200" class="tileImg"/> |
</div> | </div> | ||
<div class="tile"> | <div class="tile"> | ||
- | <p class="tileTitle"> | + | <p class="tileTitle"> Part Searcher</p> |
+ | <img src="https://static.igem.org/mediawiki/2014hs/3/37/LethHS2014_Magnify.png"> | ||
</div> | </div> | ||
</div> | </div> | ||
+ | </a> | ||
+ | <a href="https://2014hs.igem.org/Team:Lethbridge_Canada/team"> | ||
<div class="tile-container-right3" style="height:242.5px;"> | <div class="tile-container-right3" style="height:242.5px;"> | ||
<div class="halftile"> | <div class="halftile"> | ||
<p class="tileTitle"> Team</p> | <p class="tileTitle"> Team</p> | ||
- | <img src=" | + | <img src="https://static.igem.org/mediawiki/2014hs/e/e4/LethHS2014_Team_Icon.png" alt="Our Team" height="200" width="200" class="tileImg"/> |
</div> | </div> | ||
<div class="tile"> | <div class="tile"> | ||
- | + | <img src="https://static.igem.org/mediawiki/2014hs/6/60/LethHS2014_TeamPhoto2.png" alt="Smiley face" height="252.5" width="607.5" class=""/> | |
</div> | </div> | ||
- | </div> | + | </div> |
+ | </a> | ||
+ | <a href="https://2014hs.igem.org/Team:Lethbridge_Canada/sponsors"> | ||
<div class="tile-container-right3" style="height:242.5px;"> | <div class="tile-container-right3" style="height:242.5px;"> | ||
<div class="halftile"> | <div class="halftile"> | ||
<p class="tileTitle"> Sponsors</p> | <p class="tileTitle"> Sponsors</p> | ||
- | <img src=" | + | <img src="https://static.igem.org/mediawiki/2014hs/6/6d/LethHS2014_Sponsors.png" alt="Smiley face" height="200" width="200" class="tileImg"/> |
</div> | </div> | ||
<div class="tile"> | <div class="tile"> | ||
<p class="tileTitle"> Thanks to Our Supporters</p> | <p class="tileTitle"> Thanks to Our Supporters</p> | ||
+ | <img src="https://static.igem.org/mediawiki/2014hs/a/a7/LethHS2014_SponsorSpread.png" alt="Smiley face" height="150" width="420" class=""/> | ||
</div> | </div> | ||
</div> | </div> | ||
- | + | </a> | |
+ | </div> | ||
</main> | </main> | ||
Line 226: | Line 266: | ||
</aside> | </aside> | ||
- | + | </section> | |
- | + | ||
- | + | ||
- | + | ||
</body> | </body> | ||
</html> | </html> |
Latest revision as of 03:39, 21 June 2014