Difference between revisions of "Team:Lethbridge HS"

 
(28 intermediate revisions by the same user not shown)
Line 14: Line 14:
 
             <script type="text/javascript">
 
             <script type="text/javascript">
 
                                              
 
                                              
−
       jQuery(document).ready(function() {
+
 
−
      delete_cookie("projectType");
+
       function eraseCookie(name) {
−
                           
+
 
−
});
+
}
 +
 
 +
 
 
      
 
      
 
             function delete_cookie(name){
 
             function delete_cookie(name){
Line 24: Line 26:
 
                  
 
                  
 
                 function functionBees(){
 
                 function functionBees(){
 +
eraseCookie("projectType");
 
                   var cookieValue = null;
 
                   var cookieValue = null;
 
                   delete_cookie("projectType");
 
                   delete_cookie("projectType");
Line 32: Line 35:
 
                 }
 
                 }
 
                 function functionBiofilms(){
 
                 function functionBiofilms(){
 +
eraseCookie("projectType");
 
  var cookieValue = null;
 
  var cookieValue = null;
  
Line 146: Line 150:
 
                                 <div id="projectTitle" class="projectTitleMainScreen" style="margin-top:0%; margin-left:auto; margin-right:auto;">
 
                                 <div id="projectTitle" class="projectTitleMainScreen" style="margin-top:0%; margin-left:auto; margin-right:auto;">
  
−
  <p id="subTitleText2" class="subTitleTextMainScreen" style="text-align:center;"><span style="color:#31B2DE; ">Biofilms</span> and <span style="color:#FFE545; ">Beeyond</span> </p>
+
  <p id="subTitleText2" class="subTitleTextMainScreen" style="text-align:center; margin-top:0%; "><span style="color:#31B2DE; ">Biofilms</span> and <span style="color:#FFE545; ">Beeyond</span> </p>
 +
 
 
                      
 
                      
−
+
  <p id="subTitleText2" class="subTitleTextMainScreen" style="text-align:center; margin-top:0%; font-size:1em; ">You can click on one of the icons above to learn about that project.</span> <span style="color:#FFE545; "></span> </p>
 +
 
 +
                   
 +
  <p id="subTitleText2" class="subTitleTextMainScreen" style="text-align:center; margin-top:0%; font-size:1em; ">You can switch between the projects later by clicking the Biofilm/Bee icon in the navigation bar </span> <span style="color:#FFE545; "></span> </p>
 
                      
 
                      
 
                      
 
                      
Line 158: Line 166:
 
                     <div class="row" style="margin-left:0%; margin-top:0%;">
 
                     <div class="row" style="margin-left:0%; margin-top:0%;">
 
                          
 
                          
−
                        <div class="col-md-6 col-sm-6 col-xs-12">
+
                 
−
                         <a href="https://2015.igem.org/Team:Lethbridge_HS/Introduction"><div style="margin-top:5%;" onclick="functionBiofilms()" class="switchButton"><img id="choosePic" src="https://static.igem.org/mediawiki/2015/4/4b/LethHS2015_Plasmid.png" class="img-responsive"></div>   
+
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
    <div class="col-md-6 col-xs-6 col-sm-6 col-lg-6">
 +
                         <a href="https://2015.igem.org/Team:Lethbridge_HS/Introduction"><div onclick="functionBiofilms()" class="switchButton"><img id="choosePic" src="https://static.igem.org/mediawiki/2015/4/4b/LethHS2015_Plasmid.png" class="img-responsive"></div>   
 
                         </div>
 
                         </div>
 
                             </a>
 
                             </a>
−
                         <div class="col-md-6 col-sm-6 col-xs-12">
+
                         <div class="col-md-6 col-xs-6 col-sm-6 col-lg-6">
−
                         <a href="https://2015.igem.org/Team:Lethbridge_HS/Introduction"><div onclick="functionBees()" class="switchButton" style="background-color:#FFE545; margin-top:5%;"><img id="choosePic" src="https://static.igem.org/mediawiki/2015/8/88/LethHS2015_Varroa_icon.png" class="img-responsive"></div>   
+
                         <a href="https://2015.igem.org/Team:Lethbridge_HS/Introduction"><div onclick="functionBees()" class="switchButton" style="background-color:#FFE545;margin-left:auto; margin-right:auto;"><img id="choosePic" src="https://static.igem.org/mediawiki/2015/8/88/LethHS2015_Varroa_icon.png" class="img-responsive" ></div>   
 
                         </div></a>
 
                         </div></a>
 
                          
 
                          
 +
                    </div>
 
                     </div>
 
                     </div>
 
                  
 
                  
Line 172: Line 194:
 
              
 
              
 
                             <div id="goDown" style="">
 
                             <div id="goDown" style="">
−
                             <a href="#firstSlide"><img src="https://static.igem.org/mediawiki/2015/7/72/LethHS2015_Arrow_down.png" width="150" height="110" class="img-responsive downImg"></a>
+
                             <a href="#firstSlide"><div class="slideButton" style="border: 2px solid white; margin-top:6%;">
 +
                        <p style="color:white; text-align:center;">Click here to find out more about our two projects?</p>
 +
                    </div></a>
 
                             </div>
 
                             </div>
 
                          
 
                          
Line 183: Line 207:
 
                 <div class="container-fluid">
 
                 <div class="container-fluid">
 
                     <div class="row">
 
                     <div class="row">
−
                         <div class="col-md-12" style="padding:0;">           
+
                         <div class="col-md-12" style="padding:0; padding-left:15%; padding-right:15%; ">           
 
                 <h2 id="mytitle">This year we chose to tackle two projects: Biofilms and Bees </h2>
 
                 <h2 id="mytitle">This year we chose to tackle two projects: Biofilms and Bees </h2>
−
                <p> You can click on one of the icons above to learn about that project.<p>
+
<p style="text-align:left;">At the beginning of the year, our team had many great project ideas. Over the course of a few weeks, we managed to narrow our options down to two projects—saving the bees, and eliminating biofilms. However, we could not decide between them. Both had their merits- saving the bees had a veritable cornucopia of human practices, but difficult, risky lab prospects. Biofilms had almost no human practices opportunities, but an amazing line to follow in lab. This was when one member of our team suggested that we co-develop these projects so that the strengths of one would make up for the weaknesses of the other. At that point, we decided to develop our projects together, and see where they lead us.</p>
−
                 <p>You can switch between the projects later by clicking the Biofilm/Bee icon in the navigation bar </p>
+
               
 +
                 <p><b></b></p>
 
                 </div>  
 
                 </div>  
 +
 
                     </div>
 
                     </div>
 
                 </div>
 
                 </div>

Latest revision as of 22:49, 1 October 2015

Biofilms and Beeyond

You can click on one of the icons above to learn about that project.

You can switch between the projects later by clicking the Biofilm/Bee icon in the navigation bar

This year we chose to tackle two projects: Biofilms and Bees

At the beginning of the year, our team had many great project ideas. Over the course of a few weeks, we managed to narrow our options down to two projects—saving the bees, and eliminating biofilms. However, we could not decide between them. Both had their merits- saving the bees had a veritable cornucopia of human practices, but difficult, risky lab prospects. Biofilms had almost no human practices opportunities, but an amazing line to follow in lab. This was when one member of our team suggested that we co-develop these projects so that the strengths of one would make up for the weaknesses of the other. At that point, we decided to develop our projects together, and see where they lead us.