Team:Lethbridge Canada

From 2014hs.igem.org

(Difference between revisions)
 
(46 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" type="text/css" href="css/nav_bar.css">
+
         <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="js/nav_bar.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/back_to_top_script?action=raw&ctype=text/javascript"></script>
         <meta charset="utf-8">
         <meta charset="utf-8">
          
          
Line 19: 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">
+
<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 iGEM Team</h1>
+
                 <h1 style="color:white;"> Lethbridge High School</h1>
-
                 <h2> Canada</h2>
+
                  
             </hgroup>
             </hgroup>
-
                        <a href="index.html"><img src="images/HS%20iGEM%20Logo%20BLACK.png" height="130px" width="170px" alt="Logo" class="bannerIMG"></a>
 
-
          </header>
 
            
            
-
        <div class="topHeadContent">
+
                        <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>
-
    <!-- NAV_BAR -->
+
           
 +
           
 +
          </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="Project_page.html">Project</a>
+
                     <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="problem.html">Problem</a></li>
+
                             <li><a href="https://2014hs.igem.org/Team:Lethbridge_Canada/project#problem">Problem</a></li>
-
                             <li><a href="Treatment_idea.html">Water Treatment Idea</a></li>
+
                             <li><a href="https://2014hs.igem.org/Team:Lethbridge_Canada/project#idea">Water Treatment Idea</a></li>
-
                             <li><a href="Parts.html">Parts</a></li>
+
                             <li><a href="https://2014hs.igem.org/Team:Lethbridge_Canada/parts">Parts</a></li>
-
                             <li><a href="Math.html">Math</a></li>
+
                             <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="#">Notebook</a>
+
                     <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="Safety.html">Safety</a></li>
+
                             <li><a href="https://2014hs.igem.org/Team:Lethbridge_Canada/safety">Safety</a></li>
-
                             <li><a href="February.html">February</a></li>
+
                             <li><a href="https://2014hs.igem.org/Team:Lethbridge_Canada/march">March</a></li>
-
                            <li><a href="March.html">March</a></li>
+
                             <li><a href="https://2014hs.igem.org/Team:Lethbridge_Canada/april">April</a></li>
-
                             <li><a href="April.html">April</a></li>
+
                             <li><a href="https://2014hs.igem.org/Team:Lethbridge_Canada/may">May</a></li>
-
                             <li><a href="May.html">May</a></li>
+
                             <li><a href="https://2014hs.igem.org/Team:Lethbridge_Canada/june">June</a></li>
-
                             <li><a href="June.html">June</a></li>
+
                         </ul>
                         </ul>
                     </li>
                     </li>
-
                     <li class="nav_bar_main_entry" id="nav_bar_hp"><a href="Human_Practices.html">Human Practices</a>
+
                     <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="Education.html">Education</a></li>
+
                             <li><a href="https://2014hs.igem.org/Team:Lethbridge_Canada/Education">Education</a></li>
-
                             <li><a href="Government.html">Government</a></li>
+
                             <li><a href="https://2014hs.igem.org/Team:Lethbridge_Canada/government">Government</a></li>
-
                             <li><a href="Water_Treatment.html">Water Treatment</a></li>
+
                             <li><a href="https://2014hs.igem.org/Team:Lethbridge_Canada/watertreatment">Water Treatment</a></li>
-
                             <li><a href="Book.html">Children's Book</a></li>
+
                             <li><a href="https://2014hs.igem.org/Team:Lethbridge_Canada/book">Children's Book</a></li>
-
                             <li><a href="Art.html">Art Outreach</a></li>
+
                             <li><a href="https://2014hs.igem.org/Team:Lethbridge_Canada/art">Art Outreach</a></li>
-
                             <li><a href="App.html">Application</a></li>
+
                             <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="#">Team</a>
+
                     <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="Students.html">Students</a></li>
+
                             <li><a href="https://2014hs.igem.org/Team:Lethbridge_Canada/team#students">Students</a></li>
-
                             <li><a href="Advisors.html">Advisors</a></li>
+
                             <li><a href="https://2014hs.igem.org/Team:Lethbridge_Canada/team#advisors">Advisors</a></li>
-
                             <li><a href="In_The_Lab.html">In The Lab</a></li>
+
                             <li><a href="https://2014hs.igem.org/Team:Lethbridge_Canada/team#mentors">Mentors</a></li>
-
                             <li><a href="Sponsors.html">Sponsors</a></li>
+
                             <li><a href="https://2014hs.igem.org/Team:Lethbridge_Canada/sponsors">Sponsors</a></li>
                         </ul>
                         </ul>
                     </li>
                     </li>
Line 74: Line 85:
             </div>
             </div>
             <!-- /NAV_BAR -->
             <!-- /NAV_BAR -->
 +
 +
     <div id="slides">
     <div id="slides">
-
   <img src="images/TeamPhoto2.png">
+
      <img src="https://static.igem.org/mediawiki/2014hs/2/28/LethHS2014_SlideShow_Bridge.png">
-
   <img src="images/bridge.png">
+
   <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 91: 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 108: 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="images/Water.png" alt="Smiley face" height="200" width="200" class="tileImg"/>  
+
<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="images/Parts.png" alt="Smiley face" height="100" width="100" class="tileImg"/>  
+
<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="images/math.png" alt="Smiley face" height="100" width="100" class="tileImg"/>  
+
             <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 140: 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="images/Safety.png" alt="Smiley face" height="100" width="100" class="tileImg"/>  
+
             <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 151: 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="images/notebook.png" alt="Smiley face" height="100" width="100" class="tileImg"/>  
+
             <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 162: 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="tile">
+
           <div class="tile2">
-
                 <p class="tileTitle"> Water Treatment</p>
+
                 <p class="tileTitle" style="padding-top:19%;"> Water Treatment</p>
-
                 <img src="images/Team Icon.png" alt="Smiley face" height="200" width="200" class="tileImg"/>  
+
                 <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">
+
<div class="tile">
-
                <p class="tileTitle"> Solving the Problem</p>
+
<img src="https://static.igem.org/mediawiki/2014hs/e/ea/LethHS2014_Reactor.png" height="500" width="607.5" style="">
-
                </div>
+
            </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="images/HumanPractises.png" alt="Smiley face" height="200" width="200" class="tileImg"/>  
+
             <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 186: 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="images/Iphone.png" alt="Smiley face" height="200" width="200" class="tileImg"/>  
+
             <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"> Browse the registry quickly and easily with Part Searcher</p>
+
             <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="images/Team Icon.png" alt="Smiley face" height="200" width="200" class="tileImg"/>  
+
<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">
-
            <p class="tileTitle"> Meet our Members</p>
+
                <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="images/Team Icon.png" alt="Smiley face" height="200" width="200" class="tileImg"/>  
+
             <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>
-
<p style="color:white;">stuff</p>
+
                </a>
 +
            </div>
     </main>
     </main>
Line 225: Line 266:
                        
                        
         </aside>
         </aside>
-
          
+
         </section>
-
         
+
 
-
 
+
 
-
       
+
     </body>
     </body>
</html>
</html>

Latest revision as of 03:39, 21 June 2014

Lethbridge High School iGEM Team