Difference between revisions of "Team:Lethbridge HS/Team"

(Prototype team page)
 
Line 1: Line 1:
−
{{TeamTemplateA}}
 
−
<html>
 
  
−
<h2>Team</h2>
+
<html lang="en">
 +
<head>
 +
        <meta charset="utf-8">
 +
        <meta name="viewport" content="width=device-width, initial-scale=1">
 +
            <link rel="stylesheet" href="https://2015.igem.org/Team:Lethbridge_HS/Bootstrap_css?action=raw&ctype=text/css">
 +
        <link id="pageStyle" rel="stylesheet" href="https://2015.igem.org/Team:Lethbridge_HS/CSS?action=raw&ctype=text/css" type="text/css" media="screen" />
 +
        <script src="https://2015.igem.org/Team:Lethbridge_HS/jquery1.1?action=raw&ctype=text/javascript"></script>
 +
        <script src="https://2015.igem.org/Team:Lethbridge_HS/Boostrap_min?action=raw&ctype=text/javascript"></script>
 +
        <script src="https://2015.igem.org/Team:Lethbridge_HS/jquery?action=raw&ctype=text/javascript" type="text/javascript"></script>
 +
<script src="https://2015.igem.org/Team:Lethbridge_HS/pageControlScripts?action=raw&ctype=text/javascript" type="text/javascript"></script>
 +
            <script type="text/javascript">
 +
               
 +
               
 +
jQuery(document).ready(function() {
 +
                     
 +
                        jQuery("#projectTitle").addClass("appear");
 +
   
 +
                    var s = jQuery(".menu");
 +
    var pos = s.position(); 
 +
           
 +
    jQuery(window).scroll(function() {
 +
        var windowpos = jQuery(window).scrollTop(); 
 +
         
 +
        if (windowpos >= 100) {
 +
           
 +
            s.addClass("makeNavBarColor");
 +
           
 +
        } else {
 +
         
 +
            s.removeClass("makeNavBarColor");
 +
           
 +
        }
 +
     
 +
    }); 
  
−
<p>More details on the team members will be put here.</p>
 
  
 +
                        var cookieVal = getCookie("projectType");
 +
                     
 +
                        if (cookieVal=="2"){
 +
                            makeBiofilms();
 +
                        }
 +
                        if (cookieVal=="1"){
 +
                            makeBees();
 +
                        }
 +
                           
 +
});
  
−
<h4>Inspiration</h4>
+
      function setCookie(cname, cvalue, exdays) {
−
<p>You can look at what other teams did to get some inspiration! <br />
+
    var d = new Date();
−
Here are a few examples:</p>
+
    d.setTime(d.getTime() + (exdays*24*60*60*1000));
−
<ul>
+
    var expires = "expires="+d.toUTCString();
−
<li><a href="https://2014.igem.org/Team:METU_Turkey_team">METU Turkey </a></li>
+
    document.cookie = cname + "=" + cvalue + "; " + expires;
−
<li><a href="https://2014.igem.org/Team:Colombia/Members">Colombia</a></li>
+
}
−
<li><a href="https://2014.igem.org/Team:Stony_Brook/Team">Stony Brook</a></li>
+
             
−
<li><a href="https://2014.igem.org/Team:OUC-China/Team">OUC-China</a></li>
+
                   
−
</ul>
+
         
 +
          function getCookie(cname) {
 +
    var name = cname + "=";
 +
    var ca = document.cookie.split(';');
 +
    for(var i=0; i<ca.length; i++) {
 +
        var c = ca[i];
 +
        while (c.charAt(0)==' ') c = c.substring(1);
 +
        if (c.indexOf(name) == 0) return c.substring(name.length,c.length);
 +
    }
 +
    return "";
 +
}         
 +
           
 +
             
 +
                   
 +
   
 +
               
 +
                function myFunction() {
 +
                  jQuery("body").addClass("animateBody"); 
 +
               
 +
                   
 +
                   
 +
                   
 +
                    var cookieValue = null;
 +
                    cookieValue = getCookie("projectType");
 +
                     
 +
                        if (cookieValue=="2"){
 +
                           
 +
                            setCookie("projectType", "1", 365);
 +
                           
 +
                            makeBees();
 +
                           
 +
                        }
 +
                    if (cookieValue=="1"){
 +
                         
 +
                        setCookie("projectType", "2", 365);
 +
                       
 +
                            makeBiofilms();
 +
                         
 +
                        }
 +
if (cookieValue=="null"){
 +
                         
 +
                        setCookie("projectType", "2", 365);
 +
                       
 +
                            makeBiofilms();
 +
                         
 +
                        }
 +
                 
 +
                   
 +
                 
 +
                    /************introSLide********************/
 +
                 
 +
                   
 +
                 
 +
                 
 +
}
 +
   
 +
                    function makeBiofilms(){
 +
                  document.getElementById("titleSlide").style.backgroundImage = "url(https://static.igem.org/mediawiki/2015/7/7e/LethHS2015_biofilms_intro_back.jpg)";
 +
                        jQuery("#mainTitleText").text('Biofilms!!!');
 +
                    jQuery("#coloredTitle").text('Biofilms');
 +
                    jQuery("#slide1Title").text('Biofilm');
 +
                    jQuery("#slide1Paragraph").text('For years, bacterial biofilms have been a cause for concern in medicine. Biofilms are comprised of colonial microorganisms that can adhere to almost any surface with adequate moisture and nutrients. Biofilms often harbour pathogens, and can be extremely problematic in clinical settings. 65% of all hospital acquired infections can be attributed to pathogenic biofilms. Current methods to destroy biofilms include antimicrobial agents and hydraulic flushing. These are ineffective because biofilms are surrounded by a matrix of sugars and DNA. We intend to create an all-purpose biological counterattack capable of dispersing and eliminating a wide variety of biofilms by utilizing enzymes to destroy the structures within. This will be achieved through the secretion of dextranase, which degrades the exopolymeric matrix, and DNase, that targets the extracellular DNA responsible for maintaining biofilm structure. This double phased attack will be highly efficient compared to current removal methods.');
 +
                    document.getElementById("projectIcon").src ="https://static.igem.org/mediawiki/2015/4/4b/LethHS2015_Plasmid.png";
 +
                    document.getElementById("projectSwitchIcon").src = "https://static.igem.org/mediawiki/2015/8/88/LethHS2015_Varroa_icon.png";
 +
                    document.getElementById("slide1Image").src = "images/408.jpg";
 +
                    jQuery("#mainTitleText").style.color("#31B2DE");
 +
                }
 +
                function makeBees(){
 +
                  document.getElementById("titleSlide").style.backgroundImage = "url(https://static.igem.org/mediawiki/2015/6/6c/LethHS2015_bees_intro_back.jpg)";
 +
                        jQuery("#mainTitleText").text('Beees!!');
 +
                    jQuery("#coloredTitle").text('Beeee');
 +
                    jQuery("#slide1Title").text('Beeeeee');
 +
                    jQuery("#slide1Paragraph").text('The top 100 food crops produced provide 90% of the world’s nutrition. 70% of these crops are pollinated by bees. A phenomenon called Colony Collapse Disorder (CCD) has decimated honeybee colonies across the world, halving the number of productive colonies worldwide. One of the main factors hypothesized to contribute to CCD is the mite and viral vector Varroa destructor. While feeding on the bee’s hemolymph, Varroa destructor expels RNA viruses into the bee crippling colony’s strength. Current commercial methods to eradicate Varroa have seen a gradual development of resistance in treated populations. Using synthetic biology, we plan to target Varroa more effectively by directly delivering the miticide, oxalic acid into Varroa and utilizing RNA interference to eliminate Varroa populations within commercial hives.');
 +
                    document.getElementById("projectIcon").src ="https://static.igem.org/mediawiki/2015/8/88/LethHS2015_Varroa_icon.png";
 +
                    document.getElementById("projectSwitchIcon").src = "https://static.igem.org/mediawiki/2015/4/4b/LethHS2015_Plasmid.png";
 +
                    document.getElementById("slide1Image").src = "images/honeybeeinflight.jpg";
 +
                    jQuery("#mainTitleText").style.color("#FFE545");
 +
                }
 +
               
 +
                             
 +
     
 +
        </script>
 +
</head>
  
−
<h5>What should this page contain?</h5>
+
<body class="body_team">
−
<ul>
+
          <nav class="navbar navbar-inverse navbar-fixed-top menu" id="">
−
<li> Include pictures of your teammates, don’t forget instructors and advisors! </li>
+
            <div class="container-fluid">
−
<li>You can add a small biography or a few words from each team member, to tell us what you like, and what motivated you to participate in iGEM.</li>
+
             
−
<li>Take team pictures! Show us your school, your lab and little bit of your city.</li>
+
                <!--Lethbridge HS iGEM Logo -->
−
<li>Remember that image galleries can help you showcase many pictures while saving space.</li>
+
                <div class="navbar-header">
−
</ul>
+
                    <a href="#" id="nav-head" class="navbar-brand" style="margin-top:4px;"><h1 style="font-weight:100;">Lethbridge iGEM      </h1></a>
 +
               
  
 +
                <button class= "navbar-toggle" data-toggle = "collapse" data-target = "#myNavbar">
 +
                    <span class="icon-bar"></span>
 +
                    <span class="icon-bar"></span>
 +
                    <span class="icon-bar"></span>
 +
                </button>
 +
                </div>
 +
                <!-- Nav Bar Menu Items -->
 +
                <div class="collapse navbar-collapse" id="myNavbar">
 +
                    <ul class="nav navbar-nav navbar-right scroll" id="navItems" style="font-weight:105;">
 +
                        <li class="active"><a href="index.html">Home</a></li>
 +
                       
 +
                        <li><a href="humanpractices.html">Human Practices</a></li>
 +
                        <li class= "dropdown">
 +
                            <a href="#" class="dropdown-toggle" data-toggle = "dropdown">Project<b class="caret"></b></a>
 +
                            <ul class="dropdown-menu">
 +
                                <li>
 +
                                    <a href="project.html">Overview</a>
 +
                                    <a href="#">Math Model</a>
 +
                                </li>
 +
                            </ul>   
 +
                        </li>
 +
                        <li><a href="software.html">Software</a></li>
 +
                        <li ><a href="team.html">Team</a></li>
 +
                        <li><a href="team.html"><img src="https://static.igem.org/mediawiki/2015/2/21/LethHS2015_igemlogo.png" width="50px" height="45px" style="    margin-top: -14%;
 +
    margin-bottom: -20%;"></a></li>
 +
                        <li><div  onclick="myFunction()" class="navBarSwitchButton"><img id="projectSwitchIcon" src="images/plainicon.com-48232-512px-7b5.png" class="img-responsive"></div> </li>
 +
                    </ul>
 +
                </div>
 +
            </div>
 +
        </nav>
 +
        </nav>
 +
       
 +
            <div class="jumbotron" id="titleslide_team">
 +
                    <img src="images/Team%20Icon.png" width="150" height="100" class="img-responsive" id="titleImg">
 +
                    <p id="pageTitleText">Team <br></p><p id="pageSubtitleText"><span>An overview of our project</span></p>
 +
               
 +
                <div class="jumbotron" id="subPagesSlide">
 +
                <div class="container-fluid" style="">
 +
        <div class="row" style="margin-left:auto; margin-right:auto;">
 +
            <div class="col-md-3 col-xs-6">
 +
                <div class="sub_Page_Button">
 +
                    <img id="govIcon" src="images/government-building-icon-hi_yellow.png" class="img-responsive" width=30px height=30px>
 +
                    <p>School</p>
 +
                </div>
 +
            </div> 
 +
            <div class="col-md-3 col-xs-6">
 +
                <div class="sub_Page_Button">
 +
                  <img id="schoolIcon" src="images/government-building-icon-hi_yellow.png" class="img-responsive" width=30px height=30px>
 +
                    <p>Government</p>
 +
                </div>
 +
            </div> 
 +
            <div class="col-md-3 col-xs-6">
 +
                <div class="sub_Page_Button">
 +
                  <img id="ComIcon" src="images/government-building-icon-hi_yellow.png" class="img-responsive" width=30px height=30px>
 +
                    <p>Community</p>
 +
                </div>
 +
            </div> 
 +
            <div class="col-md-3 col-xs-6">
 +
                <div class="sub_Page_Button">
 +
                    <img id="OtherIcon" src="images/government-building-icon-hi_yellow.png" class="img-responsive" width=30px height=30px>
 +
                    <p>SOmething</p>
 +
                </div>
 +
            </div>
 +
        </div>
 +
        </div>
 +
            </div>
 +
            </div> 
 +
       
 +
                <div class="container-fluid" id="regularPageBody">
 +
                            <section id="section1">
 +
                            <h1>Team</h1><br>
 +
<div class="row teamrow">
 +
          <div class="col-md-3 col-sm-4 col-xs-6 team-member">
 +
 +
<img data-type="member-dinula" src="images/LethHS2014_Dinula.png" class="img-responsive" width="230px" height="300px" onmouseover="this.src='images/team/sample1b.jpg'" onmouseout="this.src='images/LethHS2014_Dinula.png'" alt="Image of Sample 1 could not load.">
 +
            </div>
 +
             
 +
   
 +
         
 +
<div class="col-md-3 col-sm-4 col-xs-6 team-member">
 +
 +
<img data-type="member-sydnee" src="images/team/sample1a.jpg" class="img-responsive"  onmouseover="this.src='images/team/sample1b.jpg'" onmouseout="this.src='images/team/sample1a.jpg'" alt="Image of Sample 1 could not load.">
 +
            </div>
 +
       
 +
<div class="col-md-3 col-sm-4 col-xs-6 team-member">
 +
<a href ="#" title="Learn more">
 +
<img data-type="member-jonathan" src="images/team/sample1a.jpg" class="img-responsive"  onmouseover="this.src='images/team/sample1b.jpg'" onmouseout="this.src='images/team/sample1a.jpg'" alt="Image of Sample 1 could not load.">
 +
            </div>
 +
<div class="col-md-3 col-sm-4 col-xs-6 team-member">
 +
<a href ="#" title="Learn more">
 +
<img data-type="member-eyram" src="images/team/sample1a.jpg" class="img-responsive"  onmouseover="this.src='images/team/sample1b.jpg'" onmouseout="this.src='images/team/sample1a.jpg'" alt="Image of Sample 1 could not load.">
 +
            </div>
  
−
</div>
+
        </div>
 +
                    <div class="dark-cover">
 +
                    </div>
 +
    <!----------------------Slide out bar------------------------------------>
 +
                   
 +
                          <div class="bio-slide member-dinula">
 +
                             
 +
                                    <h1 data-type="member-dinula" class="exit_bio">X</h1>
 +
                             
 +
                  <img class="wideProfilePic" style="" src="images/P1030830.JPG" class="img-responsive" width="230px" height="300px" alt="Image of Sample 1 could not load.">
 +
                             
 +
                              <div class="bio-slide-content">
 +
<h1>Meet Dinula De Silva</h1>
 +
                                      <div class="row">
 +
                                <div class="col-md-12">
 +
                                  <div class="wide_line"></div>
 +
                                  </div>
 +
                              </div>
 +
                                  <p>I am a grade 10 student at Winston Churchill High School. I enjoy programming, playing the guitar, and watching movies. When I’m not stuck indoors, I like going running and biking. I joined iGEM because the feats of synthetic biology fascinated me and I wanted to learn more about the processes involved. I additionally wanted to develop my computer programming skills by working on the wiki and software aspect of the competition.
 +
</p>  </div>
 +
                           
 +
                             
 +
                              <div class="row">
 +
                                  <div class="col-md-6 col-xs-12 col-sm-6">
 +
                              <img src="images/LethHS2014_Dinula.png" class="img-thumbnail img-circle img-responsive profile-pic"> 
 +
                                      </div>
 +
                                  <div class="col-md-6 col-xs-12 col-sm-6">
 +
                                      <div class="quote_div">
 +
                              <p class="quote">- I wish I were adenine, because then I could get paired with you ;)</p></div>
 +
                                      </div>
 +
                                  </div>
 +
                             
 +
                             
 +
                              </div>
 +
                               
 +
                      <div class="bio-slide member-sydnee">
 +
                             
 +
                                    <h1 data-type="member-sydnee" class="exit_bio">X</h1>
 +
                             
 +
                  <img class="wideProfilePic" style="" src="images/P1030830.JPG" class="img-responsive" width="230px" height="300px" alt="Image of Sample 1 could not load.">
 +
                             
 +
                              <div class="bio-slide-content">
 +
<h1>Meet Sydnee Calhoun</h1>
 +
                                      <div class="row">
 +
                                <div class="col-md-12">
 +
                                  <div class="wide_line"></div>
 +
                                  </div>
 +
                              </div>
 +
                                  <p>Hi my name is Sydnee and I am in grade 12 at Winston Churchill High School. I joined iGEM because I love learning about science and I enjoy the sciences in school. In the fall, I am attending the University of Lethbridge, majoring in Psychology and Biological Sciences. Outside of school I enjoy playing in band, reading, and teaching skating.
 +
</p>  </div>
 +
                           
 +
                             
 +
                              <div class="row">
 +
                                  <div class="col-md-6">
 +
                              <img src="images/LethHS2014_Dinula.png" class="img-thumbnail img-circle img-responsive profile-pic"> 
 +
                                      </div>
 +
                                  <div class="col-md-6">
 +
                                      <div class="quote_div">
 +
                              <p class="quote">- I wish I were adenine, because then I could get paired with you ;)</p></div>
 +
                                      </div>
 +
                                  </div>
 +
                             
 +
                             
 +
                              </div>
 +
                   
 +
                        <div class="bio-slide member-jonathan">
 +
                             
 +
                                    <h1 data-type="member-jonathan" class="exit_bio">X</h1>
 +
                             
 +
                  <img class="wideProfilePic" style="" src="images/P1030830.JPG" class="img-responsive" width="230px" height="300px" alt="Image of Sample 1 could not load.">
 +
                             
 +
                              <div class="bio-slide-content">
 +
<h1>Meet Jonathan Kwan</h1>
 +
                                      <div class="row">
 +
                                <div class="col-md-12">
 +
                                  <div class="wide_line"></div>
 +
                                  </div>
 +
                              </div>
 +
                                  <p>Hi, I'm Jonathan, a grade 10 student at the Lethbridge Collegiate Institute. I enjoy playing the trombone in my school's concert and jazz bands, and I also play piano outside of school. I joined iGEM because I wanted to learn more about biology and working in a lab. After high school, I plan to study either biochemistry or neuroscience, while hopefully pursuing music in my spare time.
 +
</p>  </div>
 +
                           
 +
                             
 +
                              <div class="row">
 +
                                  <div class="col-md-6">
 +
                              <img src="images/LethHS2014_Dinula.png" class="img-thumbnail img-circle img-responsive profile-pic"> 
 +
                                      </div>
 +
                                  <div class="col-md-6">
 +
                                      <div class="quote_div">
 +
                              <p class="quote">- I wish I were adenine, because then I could get paired with you ;)</p></div>
 +
                                      </div>
 +
                                  </div>
 +
                             
 +
                             
 +
                              </div>
 +
                   
 +
                    <div class="bio-slide member-eyram">
 +
                             
 +
                                    <h1 data-type="member-eyram" class="exit_bio">X</h1>
 +
                             
 +
                  <img class="wideProfilePic" style="" src="images/P1030830.JPG" class="img-responsive" width="230px" height="300px" alt="Image of Sample 1 could not load.">
 +
                             
 +
                              <div class="bio-slide-content">
 +
<h1>Meet Eyram Asem</h1>
 +
                                      <div class="row">
 +
                                <div class="col-md-12">
 +
                                  <div class="wide_line"></div>
 +
                                  </div>
 +
                              </div>
 +
                                  <p>Howdy! My name is Eyram and I am in grade 11 at Winston Churchill High School. I joined iGem because I thought that it would be a great opportunity to gain lab experience, learn about synthetic biology, and meet some groovy people; all of which happened! I love reading novels, hanging out with my friends, eating food, and having spontaneous dance parties (with only myself present of course). I hate the sound of Styrofoam, wearing my glasses, and waking up late.
 +
</p>  </div>
 +
                           
 +
                             
 +
                              <div class="row">
 +
                                  <div class="col-md-6">
 +
                              <img src="images/LethHS2014_Dinula.png" class="img-thumbnail img-circle img-responsive profile-pic"> 
 +
                                      </div>
 +
                                  <div class="col-md-6">
 +
                                      <div class="quote_div">
 +
                              <p class="quote">My spirit animal is the Exotic Shorthaired Cat.</p></div>
 +
                                      </div>
 +
                                  </div>
 +
                             
 +
                             
 +
                              </div>
 +
                           
 +
                 
 +
       
 +
   
 +
    </body>
 
</html>
 
</html>

Revision as of 04:29, 6 September 2015

Team

An overview of our project

School

Government

Community

SOmething

Team


Image of Sample 1 could not load.
Image of Sample 1 could not load.
Image of Sample 1 could not load.
Image of Sample 1 could not load.

X

Image of Sample 1 could not load.

Meet Dinula De Silva

I am a grade 10 student at Winston Churchill High School. I enjoy programming, playing the guitar, and watching movies. When I’m not stuck indoors, I like going running and biking. I joined iGEM because the feats of synthetic biology fascinated me and I wanted to learn more about the processes involved. I additionally wanted to develop my computer programming skills by working on the wiki and software aspect of the competition.

- I wish I were adenine, because then I could get paired with you ;)

X

Image of Sample 1 could not load.

Meet Sydnee Calhoun

Hi my name is Sydnee and I am in grade 12 at Winston Churchill High School. I joined iGEM because I love learning about science and I enjoy the sciences in school. In the fall, I am attending the University of Lethbridge, majoring in Psychology and Biological Sciences. Outside of school I enjoy playing in band, reading, and teaching skating.

- I wish I were adenine, because then I could get paired with you ;)

X

Image of Sample 1 could not load.

Meet Jonathan Kwan

Hi, I'm Jonathan, a grade 10 student at the Lethbridge Collegiate Institute. I enjoy playing the trombone in my school's concert and jazz bands, and I also play piano outside of school. I joined iGEM because I wanted to learn more about biology and working in a lab. After high school, I plan to study either biochemistry or neuroscience, while hopefully pursuing music in my spare time.

- I wish I were adenine, because then I could get paired with you ;)

X

Image of Sample 1 could not load.

Meet Eyram Asem

Howdy! My name is Eyram and I am in grade 11 at Winston Churchill High School. I joined iGem because I thought that it would be a great opportunity to gain lab experience, learn about synthetic biology, and meet some groovy people; all of which happened! I love reading novels, hanging out with my friends, eating food, and having spontaneous dance parties (with only myself present of course). I hate the sound of Styrofoam, wearing my glasses, and waking up late.

My spirit animal is the Exotic Shorthaired Cat.