Difference between revisions of "Team:Lethbridge HS"

 
(19 intermediate revisions by the same user not shown)
Line 16: Line 16:
  
 
       function eraseCookie(name) {
 
       function eraseCookie(name) {
  createCookie(name,"",-1);
+
 
 
}
 
}
  
eraseCookie("projectType");
+
 
 
      
 
      
 
             function delete_cookie(name){
 
             function delete_cookie(name){
Line 26: Line 26:
 
                  
 
                  
 
                 function functionBees(){
 
                 function functionBees(){
 +
eraseCookie("projectType");
 
                   var cookieValue = null;
 
                   var cookieValue = null;
 
                   delete_cookie("projectType");
 
                   delete_cookie("projectType");
Line 34: Line 35:
 
                 }
 
                 }
 
                 function functionBiofilms(){
 
                 function functionBiofilms(){
 +
eraseCookie("projectType");
 
  var cookieValue = null;
 
  var cookieValue = null;
  
Line 148: 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 160: 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="#"><div style="margin-top:5%; background-color:rgb(49, 178, 222);" onclick="functionBiofilms()" class="switchButton"><img id="choosePic" src="https://static.igem.org/mediawiki/2015/4/4b/LethHS2015_Plasmid.png" class="img-responsive"></div>   
+
 
<p>Biofilms</p>
+
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
    <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="#"><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>   
<p>Biofilms</p>   
+
 
                         </div></a>
 
                         </div></a>
 
                          
 
                          
 +
                    </div>
 
                     </div>
 
                     </div>
 
                  
 
                  
Line 176: Line 194:
 
              
 
              
 
                             <div id="goDown" style="">
 
                             <div id="goDown" style="">
                             <a href="#firstSlide"><p>Why are we doing two projects?</p></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 190: Line 210:
 
                 <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 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 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><b> You can click on one of the icons above to learn about that project.</b><p>
+
                  
                 <p><b>You can switch between the projects later by clicking the Biofilm/Bee icon in the navigation bar </b></p>
+
                 <p><b></b></p>
 
                 </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.