Difference between revisions of "Team:NAIT Edmonton/Attributions"

 
(74 intermediate revisions by 3 users not shown)
Line 9: Line 9:
 
<link href='http://fonts.googleapis.com/css?family=Source+Sans+Pro' rel='stylesheet' type='text/css'>
 
<link href='http://fonts.googleapis.com/css?family=Source+Sans+Pro' rel='stylesheet' type='text/css'>
 
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>
 
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>
−
<script type="text/javascript" src="https://2015.igem.org/Team:NAIT_Edmonton/jquery.flexslider-min?action=raw&amp;ctype=text/javascript"></script>
+
 
  
  
Line 15: Line 15:
  
  
−
<script type="text/javascript">
 
−
$(document).ready(function() {
 
−
// grab the initial top offset of the navigation
 
−
  var stickyNavTop = $('.nav').offset().top;
 
−
 
 
−
  // our function that decides weather the navigation bar should have "fixed" css position or not.
 
−
  var stickyNav = function(){
 
−
    var scrollTop = $(window).scrollTop(); // our current vertical position from the top
 
−
       
 
−
    // if we've scrolled more than the navigation, change its position to fixed to stick to top,
 
−
    // otherwise change it back to relative
 
−
    if (scrollTop > stickyNavTop) {
 
−
        $('.nav').addClass('sticky');
 
−
    } else {
 
−
        $('.nav').removeClass('sticky');
 
−
    }
 
−
};
 
−
 
−
stickyNav();
 
−
// and run it again every time you scroll
 
−
$(window).scroll(function() {
 
−
stickyNav();
 
−
});
 
−
});
 
−
</script>
 
−
 
−
<script type="text/javascript" src="https://2015.igem.org/Team:NAIT_Edmonton/StickyMenu?action=raw&amp;ctype=text/javascript"></script>
 
−
 
−
<script type="text/javascript" charset="utf-8">
 
−
 
−
var $ = jQuery.noConflict();
 
−
  $(window).load(function() {
 
−
    $('.flexslider').flexslider({
 
−
          animation: "fade"
 
−
    });
 
−
  });
 
−
</script>
 
  
 
</head>
 
</head>
Line 65: Line 28:
  
 
<div class="nav">
 
<div class="nav">
 +
 +
 +
<div tabindex="0" class="onclick-menu">
 +
    <ul class="onclick-menu-content" style="list-style:none;">
 +
        <li><a href="https://2015.igem.org/Team:NAIT_Edmonton">home</a></li>
 +
        <li><a href="https://2015.igem.org/Team:NAIT_Edmonton/Team">team</a></li>
 +
        <li><a href="https://2015.igem.org/Team:NAIT_Edmonton/Project">project</a></li>
 +
        <li><a href="https://2015.igem.org/Team:NAIT_Edmonton/Human">human practices</a></li>
 +
        <li><a href="https://2015.igem.org/Team:NAIT_Edmonton/Notebook">notebook</a></li>
 +
    </ul>
 +
</div>
 +
  
 
<div class="navigation">
 
<div class="navigation">
Line 191: Line 166:
  
 
  <div class="main_content">
 
  <div class="main_content">
 +
 +
<center><h1> Our Friends</h1></center>
 +
 
<center>
 
<center>
 
<h2> Our team is truly lucky to have the support of all these individuals. Click their names to see how each of these individuals contributed to our project.</h2> <br>
 
<h2> Our team is truly lucky to have the support of all these individuals. Click their names to see how each of these individuals contributed to our project.</h2> <br>
 +
</center>
 +
 +
<style type="text/css">
 +
 
 +
  /* -------------------- ATTRIBUTIONS CSS -------------------- */
 +
 +
  #attr_top {  /* top table */
 +
    width: 950px;
 +
    height: 520px;
 +
    background-image: urL("https://static.igem.org/mediawiki/2015/3/31/NAIT_Attributions01.gif");
 +
  }
 +
 +
  #attr_mid {  /* middle table */
 +
    width: 950px;
 +
    height: 514px;
 +
    background-image: urL("https://static.igem.org/mediawiki/2015/c/c4/NAIT_AttributionGel02.gif");
 +
  }
 +
 +
  #attr_bot {  /* bottom table */
 +
    width: 950px;
 +
    height: 500px;
 +
    background-image: urL("https://static.igem.org/mediawiki/2015/3/3d/NAIT_AttributionsGel03.gif");
 +
  }
 +
 +
  #attributions div {
 +
    float: left;
 +
  }
 +
 +
  #attributions .clear {
 +
    clear: both;
 +
  }
 +
 +
  #attributions #attr_top .title {
 +
    width: 950px;
 +
    height: 160px;
 +
    /* background-color: blue;    /* enable for testing */
 +
  }
 +
 +
  #attributions #attr_mid .title {
 +
    width: 950px;
 +
    height: 154px;
 +
    /* background-color: blue;    /* enable for testing */
 +
  }
 +
 +
  #attributions #attr_bot .title {
 +
    width: 950px;
 +
    height: 140px;
 +
    /* background-color: blue;    /* enable for testing */
 +
  }
 +
 +
  #attributions .leftSpace {
 +
    width: 132px;
 +
    display: inline-block;
 +
    height: 360px;
 +
    /* background-color: red;    /* enable for testing */
 +
  }
 +
 +
  #attributions .nameList, #attributions .name {
 +
    width: 188px;
 +
  }
 +
 +
  #attributions .name {
 +
    height: 18px;
 +
    background-color:transparent;    /* enable for testing */
 +
    /* /\
 +
      /--\
 +
      ||
 +
      ||
 +
      ||
 +
      ||
 +
      ||    DISABLE THIS WHEN DONE */
 +
  /************************************************/
 +
  /************************************************/
 +
  }
 +
 +
  #attributions .space {
 +
    width: 62px;
 +
    /* background-color: red;    /* enable for testing */
 +
  }
 +
 +
  /************************************************/
 +
  /************************************************/
 +
  /* EDIT HERE
 +
      ||
 +
      ||
 +
      ||
 +
      ||
 +
      ||
 +
      ||
 +
      ||
 +
      ||
 +
      \--/
 +
      \/ */
 +
 +
 +
  #attributions #chemRes div { margin-top: 20px; }
 +
  #attributions #chemRes .Atrazheva { margin-top: 25px; }
 +
  #attributions #chemRes .Lucan { margin-top: 34px; }
 +
  #attributions #chemRes .Korney { margin-top: 48px;}
 +
  #attributions #chemRes .Tenaschuk { margin-top: 37px;}
 +
 +
  #attributions #sponFin .Spencer { margin-top: 10px; }
 +
  #attributions #sponFin .Dambrowitz { margin-top: 7px; }
 +
  #attributions #sponFin .Hurlburt { margin-top: 30px;}
 +
  #attributions #sponFin .McMullen { margin-top: 35px;}
 +
  #attributions #sponFin .Giordano { margin-top: 16px; }
 +
  #attributions #sponFin .Svensen-Lewis { margin-top: 18px;}
 +
  #attributions #sponFin .Coomansingh { margin-top: 27px;}
 +
  #attributions #sponFin .Vaughn { margin-top: 11px;}
 +
 +
  #attributions #wikiDes .Lue { margin-top: 70px;}
 +
  #attributions #wikiDes .Pocsidio { margin-top: 30px;}
 +
  #attributions #wikiDes .Wu { margin-top: 32px;}
 +
  #attributions #wikiDes .Aljamea { margin-top: 44px;}
 +
 +
  #attributions #modeAni .Dietz { margin-top: 80px;}
 +
  #attributions #modeAni .MacQueen { margin-top: 120px;}
 +
 +
  #attributions #entrBus .Mazumder { margin-top: 30px;}
 +
  #attributions #entrBus .Aakash { margin-top: 78px;}
 +
  #attributions #entrBus .Andrews { margin-top: 55px;}
 +
  #attributions #entrBus .Roth { margin-top: 73px;}
 +
 +
  #attributions #sociExp .Hoang{ margin-top: 80px;}
 +
  #attributions #sociExp .Blaise { margin-top: 110px;}
 +
  #attributions #sociExp .Feltham { margin-top: 35px;}
 +
 +
  #attributions #humaPra .Calvert { margin-top: 60px;}
 +
  #attributions #humaPra .Dress { margin-top: 163px;}
 +
 +
  #attributions #igemMen .Kaern { margin-top: 10px;}
 +
  #attributions #igemMen .Zeng { margin-top: 10px;}
 +
  #attributions #igemMen .Hill { margin-top: 20px;}
 +
  #attributions #igemMen .Lee { margin-top: 13px;}
 +
  #attributions #igemMen .Vinoo { margin-top: 30px;}
 +
  #attributions #igemMen .Lloyd { margin-top: 14px;}
 +
  #attributions #igemMen .Laroche { margin-top: 31px;}
 +
  #attributions #igemMen .Rodriguez { margin-top: 31px;}
 +
 +
  #attributions #geneLab .Lowther { margin-top: 92px;}
 +
  #attributions #geneLab .Lethbridge { margin-top: 90px;}
 +
 +
  /* ----- INDIVIDUAL NAME MARGIN TEMPLATE -----
 +
  Adds margin above of the name
 +
 +
    #attributions #COLUMN_ID  .NAME { margin-top: VALUEpx; }
 +
 +
    Example:
 +
      #attributions #chemRes .Meintzer { margin-top: 20px; }
 +
      #attributions #chemRes .Atrazheva { margin-top: 31px; }
 +
  ----- END OF TEMPLATE ----- */
 +
 +
  /* ----- COLUMN MARGIN TEMPLATE -----
 +
  Adds margin above EACH name (this is overwritten per name if individual template is used)
 +
 +
    #attributions #COLUMN_ID div { margin-top: VALUEpx; }
 +
 +
    Example:
 +
      #attributions #chemRes div { margin-top: 20px; }
 +
      #attributions #WikiDes div { margin-top: 50px; }
 +
  ----- END OF TEMPLATE ----- */
 +
 +
  /* ----- COLUMN IDs -----
 +
 +
  chemRes
 +
  sponFin
 +
  wikiDes
 +
 +
  modeAni
 +
  entrBus
 +
  sociExp
 +
 +
  humaPra
 +
  igemMen
 +
  geneLab
 +
 +
  */
 +
 +
  /* -------------------- END OF ATTRIBUTIONS CSS -------------------- */
 +
</style>
 +
 +
<center>
 +
  <section id="attributions">
 +
    <section id="attr_top">
 +
      <div class="title"> <!-- This is the title spaces up to the blue bar --> </div>
 +
      <div class="leftSpace"> <!-- This is the blank space on the left --> </div>
 +
      <div id="chemRes" class="nameList">
 +
        <label class="btn" for="Meintzer"><div class="name Meintzer"> </div></label>
 +
        <label class="btn" for="Atrazheva"><div class="name Atrazheva"></div></label>
 +
        <label class="btn" for="Force"><div class="name Force"></div></label>
 +
        <label class="btn" for="Lucan"><div class="name Lucan"> </div></label>
 +
        <label class="btn" for="Korney"><div class="name Korney"></div></label>
 +
        <label class="btn" for="Tenaschuk"><div class="name Tenaschuk"></div></label>
 +
      </div>
 +
      <div class="space"> &nbsp; <!-- This is the space between columns --> </div>
 +
      <div id="sponFin" class="nameList">
 +
        <label class="btn" for="Spencer"><div class="name Spencer"> </div></label>
 +
        <label class="btn" for="Dambrowitz"><div class="name Dambrowitz"></div></label>
 +
        <label class="btn" for="Hurlburt"><div class="name Hurlburt"></div></label>
 +
        <label class="btn" for="McMullen"><div class="name McMullen"> </div></label>
 +
        <label class="btn" for="Giordano"><div class="name Giordano"></div></label>
 +
        <label class="btn" for="Svensen-Lewis"><div class="name Svensen-Lewis"></div></label>
 +
        <label class="btn" for="Coomansingh"><div class="name Coomansingh"></div></label>
 +
        <label class="btn" for="Vaughn"><div class="name Vaughn"></div></label>
 +
      </div>
 +
      <div class="space"> &nbsp; <!-- This is the space between columns --> </div>
 +
      <div id="wikiDes" class="nameList">
 +
        <label class="btn" for="Lue"><div class="name Lue"> </div></label>
 +
        <label class="btn" for="Pocsidio"><div class="name Pocsidio"> </div></label>
 +
        <label class="btn" for="Wu"><div class="name Wu"></div></label>
 +
        <label class="btn" for="Aljamea"><div class="name Aljamea"></div></label>
 +
      </div>
 +
      <div class="clear"> <!-- This is here so divs don't break. Empty space on the right (width unspecified) --> </div>
 +
    </section>
 +
 +
    <section id="attr_mid">
 +
      <div class="title"> <!-- This is the title spaces up to the blue bar --> </div>
 +
      <div class="leftSpace"> <!-- This is the blank space on the left --> </div>
 +
      <div id="modeAni" class="nameList">
 +
        <label class="btn" for="Dietz"><div class="name Dietz"> </div></label>
 +
        <label class="btn" for="MacQueen"><div class="name MacQueen"></div></label>
 +
      </div>
 +
      <div class="space"> &nbsp; <!-- This is the space between columns --> </div>
 +
      <div id="entrBus" class="nameList">
 +
        <label class="btn" for="Mazumder"><div class="name Mazumder"> </div></label>
 +
        <label class="btn" for="Aakash"><div class="name Aakash"> </div></label>
 +
        <label class="btn" for="Andrews"><div class="name Andrews"> </div></label>
 +
        <label class="btn" for="Roth"><div class="name Roth"> </div></label>
 +
      </div>
 +
      <div class="space"> &nbsp; <!-- This is the space between columns --> </div>
 +
      <div id="sociExp" class="nameList">
 +
        <label class="btn" for="Hoang"><div class="name Hoang"> </div></label>
 +
        <label class="btn" for="Blaise"><div class="name Blaise"> </div></label>
 +
        <label class="btn" for="Feltham"><div class="name Feltham"> </div></label>
 +
      </div>
 +
      <div class="clear"> <!-- This is here so divs don't break. Empty space on the right (width unspecified) --> </div>
 +
    </section>
  
−
<img src="https://static.igem.org/mediawiki/2015/6/61/NAIT_AttributionsGel.gif">
+
    <section id="attr_bot">
 +
      <div class="title"> <!-- This is the title spaces up to the blue bar --> </div>
 +
      <div class="leftSpace"> <!-- This is the blank space on the left --> </div>
 +
      <div id="humaPra" class="nameList">
 +
        <label class="btn" for="Calvert"><div class="name Calvert"> </div></label>
 +
        <label class="btn" for="Dress"><div class="name Dress"> </div></label>
 +
      </div>
 +
      <div class="space"> &nbsp; <!-- This is the space between columns --> </div>
 +
      <div id="igemMen" class="nameList">
 +
        <label class="btn" for="Kaern"><div class="name Kaern"> </div></label>
 +
        <label class="btn" for="Zeng"><div class="name Zeng"> </div></label>
 +
        <label class="btn" for="Hill"><div class="name Hill"> </div></label>
 +
        <label class="btn" for="Lee"><div class="name Lee"> </div></label>
 +
        <label class="btn" for="Vinoo"><div class="name Vinoo"> </div></label>
 +
        <label class="btn" for="Lloyd"><div class="name Lloyd"> </div></label>
 +
        <label class="btn" for="Laroche"><div class="name Laroche"> </div></label>
 +
        <label class="btn" for="Rodriguez"><div class="name Rodriguez"> </div></label>
 +
      </div>
 +
      <div class="space"> &nbsp; <!-- This is the space between columns --> </div>
 +
      <div id="geneLab" class="nameList">
 +
        <label class="btn" for="Lowther"><div class="name Lowther"> </div></label>
 +
        <label class="btn" for="Lethbridge"><div class="name Lethbridge"> </div></label>
 +
      </div>
 +
      <div class="clear"> <!-- This is here so divs don't break. Empty space on the right (width unspecified) --> </div>
 +
    </section>
 +
  </section>
 
</center>
 
</center>
  
 +
<!-------------------------------- Chemistry and Research Modals ----------------------------------->
  
−
<!----NAMES------>
+
<input class="modal-state" id="Meintzer" type="checkbox" />
 +
<div class="modal">
 +
  <label class="modal__bg" for="Meintzer"></label>
 +
  <div class="modal__inner">
  
 +
    <center><h1>Chris Meintzer</h1></center>
 +
    <p><b>Department of Chemistry, NAIT</b></p><br>
 +
    <p>Chris Meintzer helped in our research of the chemistry of silver staining. He provided excellent feedback on our hypothesis and gave suggestions on how to improve our theories. </p>
 +
  </div>
 +
</div>
  
−
<!------TEAM------------------>
+
<input class="modal-state" id="Atrazheva" type="checkbox" />
 +
<div class="modal">
 +
  <label class="modal__bg" for="Atrazheva"></label>
 +
  <div class="modal__inner">
  
−
<label class="btn2" for="Marcelo"><img data-sr="wait 3.5s, vFactor 0.0" src="https://static.igem.org/mediawiki/2015/5/5e/NAIT_Band_Marcelo.png" style="position:absolute;top:565px;margin-left:60px"></label>
+
    <center><h1>Elena Atrazheva</h1></center>
−
<label class="btn2" for="Mattea"><img data-sr="wait 3.5s, vFactor 0.0" src="https://static.igem.org/mediawiki/2015/b/bb/NAIT_Band_Mattea.png" style="position:absolute;top:592px;margin-left:60px"></label>
+
    <p><b>Department of Chemistry, NAIT</b></p><br>
−
<label class="btn2" for="Eduardo"><img data-sr="wait 3.5s, vFactor 0.0" src="https://static.igem.org/mediawiki/2015/2/2e/NAIT_Band_Eduardo.png" style="position:absolute;top:660px;margin-left:60px"></label>
+
    <p> Elena helped us create a hypothesis on the mechanism of silver staining.</p>
−
<label class="btn2" for="David"><img data-sr="wait 3.5s, vFactor 0.0" src="https://static.igem.org/mediawiki/2015/8/82/NAIT_Band_David.png" style="position:absolute;top:730px;margin-left:60px"></label>
+
  </div>
−
<label class="btn2" for="Johannes"><img data-sr="wait 3.5s, vFactor 0.0" src="https://static.igem.org/mediawiki/2015/8/84/NAIT_Band_Johannes.png" style="position:absolute;top:780px;margin-left:60px"></label>
+
</div>
−
<label class="btn2" for="Abbie"><img data-sr="wait 3.5s, vFactor 0.0" src="https://static.igem.org/mediawiki/2015/6/62/NAIT_Band_Abbie.png" style="position:absolute;top:840px;margin-left:60px"></label>
+
−
<label class="btn2" for="Joy"><img data-sr="wait 3.5s, vFactor 0.0" src="https://static.igem.org/mediawiki/2015/8/80/NAIT_Band_Joy.png" style="position:absolute;top:890px;margin-left:60px"></label>
+
−
<label class="btn2" for="Kevin"><img data-sr="wait 3.5s, vFactor 0.0" src="https://static.igem.org/mediawiki/2015/2/28/NAIT_Band_Kevin.png" style="position:absolute;top:935px;margin-left:60px"></label>
+
  
 +
<input class="modal-state" id="Force" type="checkbox" />
 +
<div class="modal">
 +
  <label class="modal__bg" for="Force"></label>
 +
  <div class="modal__inner">
  
−
<!--------------Chemistry and Research--------------->
+
    <center><h1>Len Force</h1></center>
 +
    <p><b>Department of Biochemical Sciences, NAIT</b></p><br>
 +
    <p>Len helped the team with the literature review and helped create a hypothesis on the mechanism of silver staining.</p>
 +
  </div>
 +
</div>
  
−
<label class="btn2" for="Meintzer"><img data-sr="wait 3.5s, vFactor 0.0" src="https://static.igem.org/mediawiki/2015/2/2e/NAIT_Band_CMeintzer.png" style="position:absolute;top:600px;margin-left:150px"></label>
+
<input class="modal-state" id="Lucan" type="checkbox" />
−
<label class="btn2" for="Atrazheva"><img data-sr="wait 3.5s, vFactor 0.0" src="https://static.igem.org/mediawiki/2015/c/ce/NAIT_Band_Elena.png" style="position:absolute;top:660px;margin-left:151px"></label>
+
<div class="modal">
−
<label class="btn2" for="Force"><img data-sr="wait 3.5s, vFactor 0.0" src="https://static.igem.org/mediawiki/2015/4/44/NAIT_Band_Len.png" style="position:absolute;top:720px;margin-left:150px"></label>
+
  <label class="modal__bg" for="Lucan"></label>
−
<label class="btn2" for="Lucan"><img data-sr="wait 3.5s, vFactor 0.0" src="https://static.igem.org/mediawiki/2015/6/6e/NAIT_Band_Laura.png" style="position:absolute;top:800px;margin-left:150px"></label>
+
  <div class="modal__inner">
−
<label class="btn2" for="Korney"><img data-sr="wait 3.5s, vFactor 0.0" src="https://static.igem.org/mediawiki/2015/0/09/NAIT_Band_Michael.png" style="position:absolute;top:868px;margin-left:150px"></label>
+
−
<label class="btn2" for="Tenaschuk"><img data-sr="wait 3.5s, vFactor 0.0" src="https://static.igem.org/mediawiki/2015/6/66/NAIT_Band_Taisha.png" style="position:absolute;top:920px;margin-left:150px"></label>
+
  
 +
    <center><h1>Laura Lucan</h1></center>
 +
    <p><b>Department of Chemistry, Associate Chair Nait</b></p><br>
 +
    <p>Laura helped the team with insight in describing the chemistry of silver staining.</p>
 +
  </div>
 +
</div>
  
−
<!------------Sponsorship and Financial Aid----------------->
+
<input class="modal-state" id="Korney" type="checkbox" />
 +
<div class="modal">
 +
  <label class="modal__bg" for="Korney"></label>
 +
  <div class="modal__inner">
  
−
<label class="btn2" for="Spencer"><img data-sr="wait 3.5s, vFactor 0.0" src="https://static.igem.org/mediawiki/2015/b/b3/NAIT_Band_Sandra.png" style="position:absolute;top:570px;margin-left:241px"></label>
+
    <center><h1>Michael Korney</h1></center>
−
<label class="btn2" for="Hurlburt"><img data-sr="wait 3.5s, vFactor 0.0" src="https://static.igem.org/mediawiki/2015/7/7b/NAIT_Band_Sean.png" style="position:absolute;top:630px;margin-left:241px"></label>
+
    <p><b>Department of Chemistry, Nait</b></P><br>
−
<label class="btn2" for="McMullen"><img data-sr="wait 3.5s, vFactor 0.0" src="https://static.igem.org/mediawiki/2015/b/b1/NAIT_Band_Bill.png" style="position:absolute;top:710px;margin-left:241px"></label>
+
    <p>Micheal helped the team with the literature review and describing the chemistry of silver staining.</p>
−
<label class="btn2" for="Giordano"><img data-sr="wait 3.5s, vFactor 0.0" src="https://static.igem.org/mediawiki/2015/7/7e/NAIT_Band_Sabrina.png" style="position:absolute;top:780px;margin-left:241px"></label>
+
  </div>
−
<label class="btn2" for="Svensen-Lewis"><img data-sr="wait 3.5s, vFactor 0.0" src="https://static.igem.org/mediawiki/2015/c/ca/NAIT_Band_Chantelle.png" style="position:absolute;top:820px;margin-left:241px"></label>
+
</div>
−
<label class="btn2" for="Coomansingh"><img data-sr="wait 3.5s, vFactor 0.0" src="https://static.igem.org/mediawiki/2015/9/90/NAIT_Band_Hugh.png" style="position:absolute;top:900px;margin-left:241px"></label>
+
−
<label class="btn2" for="Vaughn"><img data-sr="wait 3.5s, vFactor 0.0" src="https://static.igem.org/mediawiki/2015/4/4f/NAIT_Band_Vaughn.png" style="position:absolute;top:950px;margin-left:241px"></label>
+
  
 +
<input class="modal-state" id="Tenaschuk" type="checkbox" />
 +
<div class="modal">
 +
  <label class="modal__bg" for="Tenaschuk"></label>
 +
  <div class="modal__inner">
  
−
<!-------------------Wiki--------------->
+
    <center><h1>Taisha Tenaschuk</h1></center>
 +
    <p><b>Student, University of Toronto</b></p><br>
 +
    <p>Taisha helped the team by providing sources for the literature review.</p>
 +
  </div>
 +
</div>
  
−
<label class="btn2" for="Wu"><img data-sr="wait 3.5s, vFactor 0.0" src="https://static.igem.org/mediawiki/2015/2/23/NAIT_Band_Patrick.png" style="position:absolute;top:690px;margin-left:332px"></label>
+
<!---END Chemistry and Research Modals------------------>
−
<label class="btn2" for="Aljamea"><img data-sr="wait 3.5s, vFactor 0.0" src="https://static.igem.org/mediawiki/2015/e/e5/NAIT_Band_Sana.png" style="position:absolute;top:840px;margin-left:332px"></label>
+
  
  
−
<!-----------------------3D Animation and Design--------------->
+
<!--------------------Sponsorship and Financial Aid------------------------------------>
  
−
<label class="btn2" for="Dietz"><img data-sr="wait 3.5s, vFactor 0.0" src="https://static.igem.org/mediawiki/2015/c/ca/NAIT_Band_Leslie.png" style="position:absolute;top:610px;margin-left:423px"></label>
+
<input class="modal-state" id="Dambrowitz" type="checkbox" />
−
<label class="btn2" for="MacQueen"><img data-sr="wait 3.5s, vFactor 0.0" src="https://static.igem.org/mediawiki/2015/b/b0/NAIT_Band_Jason.png" style="position:absolute;top:780px;margin-left:423px"></label>
+
<div class="modal">
 +
  <label class="modal__bg" for="Dambrowitz"></label>
 +
  <div class="modal__inner">
  
 +
    <center><h1>Chris Dambrowitz</h1></center>
 +
    <p><b>Associate VP of Research and Innovation, NAIT</b></P><br>
 +
    <p>Dr. Dambrowitz was one of the main voices for us in NAIT's Office of Research and Innovation. Through him, we received most of our funding for our project.</p>
 +
  </div>
 +
</div>
  
−
<!---------------------Entrepreneurship and Business Mentorship------------------->
+
<input class="modal-state" id="Spencer" type="checkbox" />
 +
<div class="modal">
 +
  <label class="modal__bg" for="Spencer"></label>
 +
  <div class="modal__inner">
  
−
<label class="btn2" for="Mazumder"><img data-sr="wait 3.5s, vFactor 0.0" src="https://static.igem.org/mediawiki/2015/2/26/NAIT_Band_Robin.png" style="position:absolute;top:589px;margin-left:516px"></label>
+
    <center><h1>Sandra Spencer</h1></center>
−
<label class="btn2" for="Aakash"><img data-sr="wait 3.5s, vFactor 0.0" src="https://static.igem.org/mediawiki/2015/5/57/NAIT_Band_Aakash.png" style="position:absolute;top:670px;margin-left:515px"></label><label class="btn2" for="Andrews"><img data-sr="wait 3.5s, vFactor 0.0" src="https://static.igem.org/mediawiki/2015/d/d3/NAIT_Band_George.png" style="position:absolute;top:840px;margin-left:515px"></label>
+
    <p><b>Office of Research and Innovation, NAIT</b></p><br>
−
<label class="btn2" for="Roth"><img data-sr="wait 3.5s, vFactor 0.0" src="https://static.igem.org/mediawiki/2015/1/19/NAIT_Band_Stewart.png" style="position:absolute;top:920px;margin-left:515px"></label>
+
    <p>Sandra was our advocate and friend at NAIT's OR&I. She supported us from the start from managing our funds to putting in a good word for us with the entire NAIT community. We couldn't have done iGEM without Sandra.</p>
 +
  </div>
 +
</div>
  
 +
<input class="modal-state" id="Hurlburt" type="checkbox" />
 +
<div class="modal">
 +
  <label class="modal__bg" for="Hurlburt"></label>
 +
  <div class="modal__inner">
  
−
<!------------------------- Social Media and Exposure --------------------->
+
    <center><h1>Sean Hurlburt</h1></center>
 +
    <p><b>Integrated DNA Technologies (IDT)</b></p><br>
 +
    <p>Our main contact and friend at IDT. Sean was very helpful in the process of ordering and receiving our IDT custom sequences.</p>
 +
  </div>
 +
</div>
  
−
<label class="btn2" for="Hoang"><img data-sr="wait 3.5s, vFactor 0.0" src="https://static.igem.org/mediawiki/2015/a/a3/NAIT_Band_Linda.png" style="position:absolute;top:640px;margin-left:606px"></label>
+
<input class="modal-state" id="McMullen" type="checkbox" />
−
<label class="btn2" for="Blaise"><img data-sr="wait 3.5s, vFactor 0.0" src="https://static.igem.org/mediawiki/2015/a/a4/NAIT_Band_Blaise.png" style="position:absolute;top:780px;margin-left:607px"></label>
+
<div class="modal">
−
<label class="btn2" for="Feltham"><img data-sr="wait 3.5s, vFactor 0.0" src="https://static.igem.org/mediawiki/2015/8/88/NAIT_Band_Glenn.png" style="position:absolute;top:860px;margin-left:606px"></label>
+
  <label class="modal__bg" for="McMullen"></label>
 +
  <div class="modal__inner">
  
 +
    <center><h1>Bill McMullen</h1></center>
 +
    <p><b>Manager of Instructional Design and Online Learning at NAIT</b></p><br>
 +
    <p>Introduced us to personnel within NAIT to assist with drafting funding letters and connected us with NAIT's branding manager.</p>
 +
  </div>
 +
</div>
  
−
<!------------------------Human Practices------------------>
+
<input class="modal-state" id="Giordano" type="checkbox" />
 +
<div class="modal">
 +
  <label class="modal__bg" for="Giordano"></label>
 +
  <div class="modal__inner">
  
−
<label class="btn2" for="Dress"><img data-sr="wait 3.5s, vFactor 0.0" src="https://static.igem.org/mediawiki/2015/7/76/NAIT_Band_LauraD.png" style="position:absolute;top:600px;margin-left:697px"></label>
+
    <center><h1>Sabrina Giordano</h1></center>
−
<label class="btn2" for="Calvert"><img data-sr="wait 3.5s, vFactor 0.0" src="https://static.igem.org/mediawiki/2015/d/da/NAIT_Band_Jane.png" style="position:absolute;top:951px;margin-left:697px"></label>
+
    <p><b>Advancement Services, NAIT</b></p><br>
 +
    <p>Assisted us with drafting letters for sponsorship and financial aid.</p>
 +
  </div>
 +
</div>
  
 +
<input class="modal-state" id="Svensen-Lewis" type="checkbox" />
 +
<div class="modal">
 +
  <label class="modal__bg" for="Svensen-Lewis"></label>
 +
  <div class="modal__inner">
  
−
<!-------------------------iGEM Mentorship-------------------------->
+
    <center><h1>Chantelle Svensen-Lewis</h1></center>
 +
    <p><b>Alumni Relations, NAIT</b></p><br>
 +
    <p>Assisted us with drafting letters for sponsorship and financial aid.</p>
 +
  </div>
 +
</div>
  
−
<label class="btn2" for="Kaern"><img data-sr="wait 3.5s, vFactor 0.0" src="https://static.igem.org/mediawiki/2015/8/83/NAIT_Band_Mads.png" style="position:absolute;top:569px;margin-left:788px"></label>
+
<input class="modal-state" id="Coomansingh" type="checkbox" />
−
<label class="btn2" for="Zeng"><img data-sr="wait 3.5s, vFactor 0.0" src="https://static.igem.org/mediawiki/2015/5/54/NAIT_Band_Dawson.png" style="position:absolute;top:648px;margin-left:788px"></label>
+
<div class="modal">
−
<label class="btn2" for="Hill"><img data-sr="wait 3.5s, vFactor 0.0" src="https://static.igem.org/mediawiki/2015/5/5b/NAIT_Band_Jennifer.png" style="position:absolute;top:680px;margin-left:788px"></label>
+
  <label class="modal__bg" for="Coomansingh"></label>
−
<label class="btn2" for="Lee"><img data-sr="wait 3.5s, vFactor 0.0" src="https://static.igem.org/mediawiki/2015/3/3d/NAIT_Band_Sarah.png" style="position:absolute;top:750px;margin-left:788px"></label>
+
  <div class="modal__inner">
−
<label class="btn2" for="Vinoo"><img data-sr="wait 3.5s, vFactor 0.0" src="https://static.igem.org/mediawiki/2015/6/62/NAIT_Band_Vinoo.png" style="position:absolute;top:785px;margin-left:789px"></label>
+
−
<label class="btn2" for="Lloyd"><img data-sr="wait 3.5s, vFactor 0.0" src="https://static.igem.org/mediawiki/2015/0/02/NAIT_Band_DavidL.png" style="position:absolute;top:812px;margin-left:788px"></label>
+
−
<label class="btn2" for="Laroche"><img data-sr="wait 3.5s, vFactor 0.0" src="https://static.igem.org/mediawiki/2015/0/05/NAIT_Band_Andre.png" style="position:absolute;top:910px;margin-left:788px"></label>
+
−
<label class="btn2" for="Rodriguez"><img data-sr="wait 3.5s, vFactor 0.0" src="https://static.igem.org/mediawiki/2015/0/04/NAIT_Band_Cesar.png" style="position:absolute;top:960px;margin-left:788px"></label>
+
  
 +
    <center><h1>Hugh Coomansingh</h1></center>
 +
    <p><b>Joe's Dad</b></p><br>
 +
    <p>Assisted us with monetary gifts, helping to feed our team and bring us to Boston. He also drove Johannes and Joy home whenever (as in everyday) we stayed late at NAIT to work on our project.</p>
 +
  </div>
 +
</div>
  
 +
<input class="modal-state" id="Vaughn" type="checkbox" />
 +
<div class="modal">
 +
  <label class="modal__bg" for="Vaughn"></label>
 +
  <div class="modal__inner">
 +
 +
    <center><h1>Vaughn Coomansingh</h1></center>
 +
    <p><b>Student at UBC</b></p><br>
 +
    <p>Assisted us with monetary gifts, helping to feed our team and bring us to Boston.</p>
 +
  </div>
 +
</div>
 +
 +
<!---------------------END--------Sponsorship----------------------------------------------->
 +
 +
<!----------------------------Wiki Design Modal--------------------------------------------->
 +
 +
<input class="modal-state" id="Wu" type="checkbox" />
 +
<div class="modal">
 +
  <label class="modal__bg" for="Wu"></label>
 +
  <div class="modal__inner">
 +
 +
    <center><h1>Patrick Wu</h1></center>
 +
    <p><b>Synbiota Inc.</b></p><br>
 +
    <p>Provided wiki advice and support during our meet up with Team Lethbridge. Additionally, helped a lot with presentation techniques and our BioBrick Design.</p>
 +
  </div>
 +
</div>
 +
 +
 +
<input class="modal-state" id="Pocsidio" type="checkbox" />
 +
<div class="modal">
 +
  <label class="modal__bg" for="Pocsidio"></label>
 +
  <div class="modal__inner">
 +
 +
    <center><h1>Dan Pocsidio</h1></center>
 +
    <p><b>Computer Systems Technology Student, NAIT</b></p><br>
 +
    <p>Helped build this Attributions page! Dan is a good friend of Joy's and always was willing to help out with coding and computer questions.</p>
 +
  </div>
 +
</div>
 +
 +
 +
 +
<input class="modal-state" id="Lue" type="checkbox" />
 +
<div class="modal">
 +
  <label class="modal__bg" for="Lue"></label>
 +
  <div class="modal__inner">
 +
 +
    <center><h1>Derek Lue</h1></center>
 +
    <p><b>Branding and Marketing Office, NAIT</b></p><br>
 +
    <p>Derek was essential to the design and overall transformation of our Wiki. He guided Joy in bringing the IM[Ag]INE logo to fruition by providing concrete design concepts from previously theoretical ideas. Whenever we needed a second opinion on the design and look of our wiki, poster or presentation, Derek was willing to answer. </p>
 +
  </div>
 +
</div>
 +
 +
 +
<input class="modal-state" id="Aljamea" type="checkbox" />
 +
<div class="modal">
 +
  <label class="modal__bg" for="Aljamea"></label>
 +
  <div class="modal__inner">
 +
 +
    <center><h1>Sana Al Jamea</h1></center>
 +
    <p><b>Branding Manager, NAIT</b></p><br>
 +
    <p>Gave advice on our Wiki logo design and how to represent the NAIT brand on our wiki. Sana along with NAIT's Branding and Marketing office also gifted us our IM[Ag]INE shirts.</p>
 +
  </div>
 +
</div>
 +
 +
<!------------------------END Wiki Design-------------------------------------------------------->
 +
 +
<!--------------------------3D------------------------------------------------------->
 +
 +
<input class="modal-state" id="Dietz" type="checkbox" />
 +
<div class="modal">
 +
  <label class="modal__bg" for="Dietz"></label>
 +
  <div class="modal__inner">
 +
 +
    <center><h1>Leslie Dietz</h1></center>
 +
    <p><b>Digital Media and Information Technology, NAIT</b></p><br>
 +
    <p>Provided digital media lab space at NAIT's DMIT department for batch rendering our 3D animations.</p>
 +
  </div>
 +
</div>
 +
 +
<input class="modal-state" id="MacQueen" type="checkbox" />
 +
<div class="modal">
 +
  <label class="modal__bg" for="MacQueen"></label>
 +
  <div class="modal__inner">
 +
 +
    <center><h1>Jason MacQueen</h1></center>
 +
    <p><b>Mechanical Engineering Technology, NAIT</b></p><br>
 +
    <p>Helped to create the 3D model of a polyacrylamide gel for animation.</p>
 +
  </div>
 +
</div>
 +
 +
 +
<!-------------------------------END3D---------------------------------------------------->
 +
 +
<!-------------------------------Entrepreneurship Modals---------------------------------->
 +
 +
<input class="modal-state" id="Mazumder" type="checkbox" />
 +
<div class="modal">
 +
  <label class="modal__bg" for="Mazumder"></label>
 +
  <div class="modal__inner">
 +
 +
    <center><h1>Robin Mazumder</h1></center>
 +
    <p><b>Office of Research and Innovation, NAIT</b></p><br>
 +
    <p>Instrumental in providing information and resources on intellectual property - also hosted workshops on IP, business management, new venture and entrepreneurship.</p>
 +
  </div>
 +
</div>
 +
 +
<input class="modal-state" id="Aakash" type="checkbox" />
 +
<div class="modal">
 +
  <label class="modal__bg" for="Aakash"></label>
 +
  <div class="modal__inner">
 +
 +
    <center><h1>Aakash Anantharaman</h1></center>
 +
    <p><b>Mechanical Engineering Technology Student, NAIT</b></p><br>
 +
    <p>Helped to draft business models and was always willing to hear our future plans for our project.</p>
 +
  </div>
 +
</div>
 +
 +
<input class="modal-state" id="Andrews" type="checkbox" />
 +
<div class="modal">
 +
  <label class="modal__bg" for="Andrews"></label>
 +
  <div class="modal__inner">
 +
 +
    <center><h1>George Andrews</h1></center>
 +
    <p><b>VP External Relations and CDO, NAIT</b></p><br>
 +
    <p>Brought in CEO of Guardian Chemicals, Stewart Roth, to mentor us on IP and patents.</p>
 +
  </div>
 +
</div>
 +
 +
<input class="modal-state" id="Roth" type="checkbox" />
 +
<div class="modal">
 +
  <label class="modal__bg" for="Roth"></label>
 +
  <div class="modal__inner">
 +
 +
    <center><h1>Stewart Roth</h1></center>
 +
    <p><b>CEO, Guardian Chemicals</b></p><br>
 +
    <p>Provided mentorship and a talk about intellectual property and patenting ideas.</p>
 +
  </div>
 +
</div>
 +
 +
 +
<!----------------------------------END Entrepreneurship Modals----------------------------->
 +
 +
<!----------------------------------Social Media and Exposure Modals------------------------>
 +
 +
<input class="modal-state" id="Hoang" type="checkbox" />
 +
<div class="modal">
 +
  <label class="modal__bg" for="Hoang"></label>
 +
  <div class="modal__inner">
 +
 +
    <center><h1>Linda Hoang</h1></center>
 +
    <p><b>Social Media Specialist, NAIT</b></p><br>
 +
    <p>Provided social media exposure for our team - including taking and posting photographs of our team and following us on Twitter!</p>
 +
  </div>
 +
</div>
 +
 +
<input class="modal-state" id="Blaise" type="checkbox" />
 +
<div class="modal">
 +
  <label class="modal__bg" for="Blaise"></label>
 +
  <div class="modal__inner">
 +
 +
    <center><h1>Blaise van Malsen</h1></center>
 +
    <p><b>techLife Photographer, NAIT</b></p><br>
 +
    <p>Photographed our team for featuring in NAIT's techLife magazine.</p>
 +
  </div>
 +
</div>
 +
 +
<input class="modal-state" id="Feltham" type="checkbox" />
 +
<div class="modal">
 +
  <label class="modal__bg" for="Feltham"></label>
 +
  <div class="modal__inner">
 +
 +
    <center><h1>Dr. Glenn Feltham</h1></center>
 +
    <p><b>President, NAIT</b></p><br>
 +
    <p>Provided exposure for our team in the NAIT community as well as advice on intellectual property.</p>
 +
  </div>
 +
</div>
 +
 +
 +
<!--------------------------------------END Social Media MODALS----------------------------------------->
 +
 +
<!------------------------------Human Practices MODALS-------------------------------------------------->
 +
 +
<input class="modal-state" id="Dress" type="checkbox" />
 +
<div class="modal">
 +
  <label class="modal__bg" for="Dress"></label>
 +
  <div class="modal__inner">
 +
 +
    <center><h1>Laura Dress</h1></center>
 +
    <p><b>Six Red Marbles</b></p><br>
 +
    <p>Gave information and guidance for policy and practices.</p>
 +
  </div>
 +
</div>
 +
 +
<input class="modal-state" id="Calvert" type="checkbox" />
 +
<div class="modal">
 +
  <label class="modal__bg" for="Calvert"></label>
 +
  <div class="modal__inner">
 +
 +
    <center><h1>Jane Calvert</h1></center>
 +
    <p><b>Science Technology and Innovation Studies, University of Edinburgh</b></p><br>
 +
    <p>Gave a Skype session on policy and practices that guided us in writing our own policies and practices.</p>
 +
  </div>
 +
</div>
 +
 +
 +
<!------------------------------------END Human Practices----------------------------------------------->
 +
 +
<!------------------------------------ iGEM Mentorship Modals--------------------------------------->
 +
 +
<input class="modal-state" id="Kaern" type="checkbox" />
 +
<div class="modal">
 +
  <label class="modal__bg" for="Kaern"></label>
 +
  <div class="modal__inner">
 +
 +
    <center><h1>Mads Kaern</h1></center>
 +
    <p><b>Institute of Systems Biology, University of Ottawa</b></p><br>
 +
    <p>Gave us insight on the mechanics of the iGEM competition</p>
 +
  </div>
 +
</div>
 +
 +
<input class="modal-state" id="Zeng" type="checkbox" />
 +
<div class="modal">
 +
  <label class="modal__bg" for="Zeng"></label>
 +
  <div class="modal__inner">
 +
 +
    <center><h1>Dawson Zeng</h1></center>
 +
    <p><b>Student, University of Alberta</b></p><br>
 +
    <p>Offered his previous iGEM experience to us and gave us insight and guidance for the steps needed to be taken for the competition.</p>
 +
  </div>
 +
</div>
 +
 +
<input class="modal-state" id="Hill" type="checkbox" />
 +
<div class="modal">
 +
  <label class="modal__bg" for="Hill"></label>
 +
  <div class="modal__inner">
 +
 +
    <center><h1>Jennifer Hill</h1></center>
 +
    <p><b>Alberta Innovates - Technology Futures</b></p><br>
 +
    <p>Coordinated meetups in Alberta for our team as we were the "new kids on the block" of iGEM.</p>
 +
  </div>
 +
</div>
 +
 +
<input class="modal-state" id="Lee" type="checkbox" />
 +
<div class="modal">
 +
  <label class="modal__bg" for="Lee"></label>
 +
  <div class="modal__inner">
 +
 +
    <center><h1>Sarah Lee</h1></center>
 +
    <p><b>Team Lead, Alberta Innovates - Technology Futures</b></p><br>
 +
    <p>Coordinated meetups in Alberta for our team. Meetups included a geekStarter workshop in Calgary and in Lethbridge.</p>
 +
  </div>
 +
</div>
 +
 +
<input class="modal-state" id="Vinoo" type="checkbox" />
 +
<div class="modal">
 +
  <label class="modal__bg" for="Vinoo"></label>
 +
  <div class="modal__inner">
 +
 +
    <center><h1>Vinoo Selvarajah</h1></center>
 +
    <p><b>iGEM Representative</b></p><br>
 +
    <p>Kept us up to date on medal requirements and was very keen on keeping us informed and on top of all deadlines and requirements for iGEM.</p>
 +
  </div>
 +
</div>
 +
 +
<input class="modal-state" id="Lloyd" type="checkbox" />
 +
<div class="modal">
 +
  <label class="modal__bg" for="Lloyd"></label>
 +
  <div class="modal__inner">
 +
 +
    <center><h1>David Lloyd</h1></center>
 +
    <p><b>FREDsense Technologies</b></p><br>
 +
    <p>Gave constructive criticism on our presentation style and content during our meet up with Lethbridge.</p>
 +
  </div>
 +
</div>
 +
 +
<input class="modal-state" id="Branchy" type="checkbox" />
 +
<div class="modal">
 +
  <label class="modal__bg" for="Branchy"></label>
 +
  <div class="modal__inner">
 +
    <center><h1>Branchy McBranchy</h1></center>
 +
    <p>Sup?</p>
 +
  </div>
 +
</div>
 +
 +
<input class="modal-state" id="Laroche" type="checkbox" />
 +
<div class="modal">
 +
  <label class="modal__bg" for="Laroche"></label>
 +
  <div class="modal__inner">
 +
 +
    <center><h1>André Laroche</h1></center>
 +
    <p><b>Agriculture and Agri-Food Canada</b></p><br>
 +
    <p>Provided valuable feedback for our presentation and project during our meet up with Lethbridge.</p>
 +
  </div>
 +
</div>
 +
 +
<input class="modal-state" id="Rodriguez" type="checkbox" />
 +
<div class="modal">
 +
  <label class="modal__bg" for="Rodriguez"></label>
 +
  <div class="modal__inner">
 +
 +
    <center><h1>César Rodriguez</h1></center>
 +
    <p><b>Florida State University</b></p><br>
 +
    <p>Gave us a talk on the Imagine, Design and Create workflow. César also helped our team a lot with getting familiar with the iGEM standards for BioBricks. He was also very supportive of our 3D animations. </p>
 +
  </div>
 +
</div>
 +
 +
<!--------------------------------------------------------MODAL END------------------------------------------>
 +
 +
<!-------------------------------GENERAL MODAL------------------------------------------------>
 +
 +
 +
<input class="modal-state" id="Lowther" type="checkbox" />
 +
<div class="modal">
 +
  <label class="modal__bg" for="Lowther"></label>
 +
  <div class="modal__inner">
 +
 +
    <center><h1>Lisa Lowther</h1></center>
 +
    <p><b>Department of Biological Sciences, NAIT</b></p><br>
 +
    <p>Provided our team with lab support and supervision! Lisa never failed to make us laugh and relieve us of our iGEM stress.</p>
 +
  </div>
 +
</div>
 +
 +
 +
<input class="modal-state" id="Lethbridge" type="checkbox" />
 +
<div class="modal">
 +
  <label class="modal__bg" for="Lethbridge"></label>
 +
  <div class="modal__inner">
 +
 +
    <center><h1>Team Lethbridge</h1></center>
 +
    <p><b>University of Lethbridge</b></p><br>
 +
    <p>Collaborated with us at workshops in Calgary and Lethbridge and provided us with feedback on presenting our project to an academic audience.</p>
 +
  </div>
 +
</div>
 +
 +
<div class="clear"></div>
 +
 +
<br><br>
  
−
<!---------------------------General and Lab Help--------------------------->
+
<center><h1> Our Team </h1></center>
  
−
<label class="btn2" for="Lowther"><img data-sr="wait 3.5s, vFactor 0.0" src="https://static.igem.org/mediawiki/2015/c/cc/NAIT_Band_Lisa.png" style="position:absolute;top:650px;margin-left:880px"></label>
+
<label class="btn" for="Marcelo"><div data-sr="wait 0.5s, enter left" class="attribMarcelo"></div></label>
−
<label class="btn2" for="Lethbridge"><img data-sr="wait 3.5s, vFactor 0.0" src="https://static.igem.org/mediawiki/2015/7/70/NAIT_Band_UofL.png" style="position:absolute;top:860px;margin-left:879px"></label>
+
<label class="btn" for="Mattea"><div data-sr="wait 0.75s, enter left" class="attribMattea"></div></label>
 +
<label class="btn" for="Eduardo"><div data-sr="wait 1.0s, enter left" class="attribEduardo"></div></label>
 +
<label class="btn" for="Johannes"><div data-sr="wait 1.25s, enter left" class="attribJohannes"></div></label>
 +
<label class="btn" for="David"><div data-sr="wait 1.5s, enter left" class="attribDavid"></div></label>
 +
<label class="btn" for="Joy"><div data-sr="wait 1.75s, enter left" class="attribJoy"></div></label>
 +
<label class="btn" for="Abbie"><div data-sr="wait 2.0s, enter left"  class="attribAbbie"></div></label>
 +
<label class="btn" for="Kevin"><div data-sr="wait 2.25s, enter left" class="attribKevin"></div></label>
  
 +
<div class="clear"></div>
  
 
<br><br>
 
<br><br>
Line 294: Line 946:
 
<center>
 
<center>
  
−
<a href="http://www.nait.ca"><img src="https://upload.wikimedia.org/wikipedia/en/thumb/6/6d/NAIT_Logo.svg/768px-NAIT_Logo.svg.png" height="200px"></a><br><br><br><br>
+
<a href="http://www.nait.ca"><img src="https://static.igem.org/mediawiki/2015/9/94/NAIT_LogoOfficial.png" height="200px"></a><br><br><br><br>
 
<a href="https://www.idtdna.com/site"><img src="https://static.igem.org/mediawiki/2012/0/0a/IDT_logo_trans.png" height="105px"></a>
 
<a href="https://www.idtdna.com/site"><img src="https://static.igem.org/mediawiki/2012/0/0a/IDT_logo_trans.png" height="105px"></a>
 
<a href="http://www.albertatechfutures.ca/academicprogramsicore/geekstarter.aspx"><img src="https://static.igem.org/mediawiki/2015/1/11/NAIT_ABInnovates_Geekstarter.png" style="display:in-line"></a>
 
<a href="http://www.albertatechfutures.ca/academicprogramsicore/geekstarter.aspx"><img src="https://static.igem.org/mediawiki/2015/1/11/NAIT_ABInnovates_Geekstarter.png" style="display:in-line"></a>
Line 303: Line 955:
  
  
 +
<style type="text/css">
  
 +
.attribMarcelo {
 +
        background: url("https://static.igem.org/mediawiki/2015/b/b1/NAIT_MarAttr.jpg") center;
 +
width:100px;
 +
height:400px;
 +
float:left;
 +
display:inline-block;
 +
margin-left:20px;}
 +
.attribMattea {
 +
        background: url("https://static.igem.org/mediawiki/2015/6/6d/NAIT_MatAttr.jpg") center;
 +
width:100px;
 +
height:400px;
 +
float:left;
 +
display:inline-block;
 +
margin-left:20px;}
 +
.attribEduardo {
 +
        background: url("https://static.igem.org/mediawiki/2015/9/9a/NAIT_EdAttr.png") center;
 +
width:100px;
 +
height:400px;
 +
float:left;
 +
display:inline-block;
 +
margin-left:20px;}
 +
.attribJohannes {
 +
        background: url("https://static.igem.org/mediawiki/2015/1/17/NAIT_JoAttr.png") center;
 +
width:100px;
 +
height:400px;
 +
float:left;
 +
display:inline-block;
 +
margin-left:20px;}
 +
.attribDavid{
 +
        background: url("https://static.igem.org/mediawiki/2015/9/9f/NAIT_DavAttr.png") center;
 +
width:100px;
 +
height:400px;
 +
float:left;
 +
display:inline-block;
 +
margin-left:20px;}
 +
.attribJoy {
 +
        background: url("https://static.igem.org/mediawiki/2015/b/bb/NAIT_JoyAttr.png") center;
 +
width:100px;
 +
height:400px;
 +
float:left;
 +
display:inline-block;
 +
margin-left:20px; }
  
 +
.attribKevin {
 +
        background: url("https://static.igem.org/mediawiki/2015/1/16/NAIT_KevAttr.jpg") center;
 +
width:100px;
 +
height:400px;
 +
float:left;
 +
display:inline-block;
 +
margin-left:20px; }
  
 +
.attribAbbie {
 +
        background: url("https://static.igem.org/mediawiki/2015/d/dc/NAIT_AbbAttr.png") center;
 +
width:100px;
 +
height:400px;
 +
float:left;
 +
display:inline-block;
 +
margin-left:20px;}
  
  
−
  </div>
+
@media screen and (max-width:1000px) {
−
  </div>
+
−
 
+
−
 
+
−
 
+
−
 
+
  
 +
.attribMarcelo,.attribMattea,.attribEduardo, .attribJohannes, .attribDavid, .attribJoy, .attribKevin, .attribAbbie {margin-left:14px;}
  
  
 +
}
  
 +
</style>
  
  
Line 323: Line 1,030:
  
  
 +
  </div>
 +
  </div>
  
  
Line 334: Line 1,043:
 
     <center><h1>Marcelo Marcet</h1></center>
 
     <center><h1>Marcelo Marcet</h1></center>
 
  
 
  
−
     <p><img src="https://scontent.xx.fbcdn.net/hphotos-xft1/v/t1.0-9/10393725_922472104481276_3486815983435242507_n.jpg?oh=0569975f805560d35cdb4873dc488f90&oe=56168A06" width="400px"> What would we do without Marcelo? Throughout the summer, Marcelo was not only our advisor - he was our mentor, our lab father-figure and most importantly, our friend. <br><br> He has been involved in all of the aspects of our project. He taught us all the tips and tricks for working in the lab; he helped us get funding and sponsorship; he was our voice in our institution; and he was heavily involved in all of the animation and 3D modeling in our project.<br><br>
+
     <p><img src="https://static.igem.org/mediawiki/2015/c/ce/NAIT_MarceloCake.jpg" width="400px"> What would we do without Marcelo? Throughout the summer, Marcelo was not only our advisor - he was our mentor, our lab father-figure and most importantly, our friend. <br><br> He has been involved in all of the aspects of our project. He taught us all the tips and tricks for working in the lab; he helped us get funding and sponsorship; he was our voice in our institution; and he was heavily involved in all of the animation and 3D modeling in our project.<br><br>
  
 
Without Marcelo, our team would never have come together. Thank you so much, Marcelo. Words can never express our gratitude for you. </p>
 
Without Marcelo, our team would never have come together. Thank you so much, Marcelo. Words can never express our gratitude for you. </p>
Line 346: Line 1,055:
  
 
     <center><h1>Mattéa Bujold</h1></center>
 
     <center><h1>Mattéa Bujold</h1></center>
−
     <p><img src="https://scontent.xx.fbcdn.net/hphotos-prn2/v/t1.0-9/549237_10150710242648044_1932955453_n.jpg?oh=61f318c73797ac7c8a7b2439c890189a&oe=5645A954" width="400px"> Without Mattéa, there is no Team NAIT 2015. Alongside Marcelo, Mattéa was directly involved in bringing our team together. <br><br> She is our lab guardian - making sure we always had everything we needed to carry out and complete our experiments. From protocols to ordering reagents, we could always count on Mattéa. She was always willing to sacrifice her time and bestow us with her knowledge and extensive lab experience. <br><br>
+
     <p><img src="https://static.igem.org/mediawiki/2015/a/af/NAIT_MatteaElephant.jpg" width="400px"> Without Mattéa, there is no Team NAIT 2015. Alongside Marcelo, Mattéa was directly involved in bringing our team together. <br><br> She is our lab guardian - making sure we always had everything we needed to carry out and complete our experiments. From protocols to ordering reagents, we could always count on Mattéa. She was always willing to sacrifice her time and bestow us with her knowledge and extensive lab experience. <br><br>
  
 
We are so thankful for her involvement in this project. We've learned so much from her and we are proud to say that she is our mentor and friend. Thank you so much, Mattéa. We could never repay you for your kindness (and your patience with us).  </p>
 
We are so thankful for her involvement in this project. We've learned so much from her and we are proud to say that she is our mentor and friend. Thank you so much, Mattéa. We could never repay you for your kindness (and your patience with us).  </p>
Line 358: Line 1,067:
  
 
     <center><h1>Eduardo A. R. Serratos</h1></center>
 
     <center><h1>Eduardo A. R. Serratos</h1></center>
−
     <p><img src="https://scontent.xx.fbcdn.net/hphotos-xpf1/v/t1.0-9/1557451_10155696010980368_3234059026557087470_n.jpg?oh=712f438e4e845d0e29bf75b598d9a7e9&oe=564B7D93" width="400px"> Humble, intelligent, passionate, kind, handsome, <i>guapo</i> - these are just some of the few words that we can use to describe our team leader and captain, Eduardo. <br><br>  
+
     <p><img src="https://static.igem.org/mediawiki/2015/7/7d/NAIT_EduardoCorn.jpg" width="400px"> Humble, intelligent, passionate, kind, handsome, <i>guapo</i> - these are just some of the few words that we can use to describe our team leader and captain, Eduardo. <br><br>  
  
 
He was instrumental in our entire project. He took responsibility for the majority of the lab work and conducting of experiments. In addition to that, Eduardo kept our entire group organized and focused on our end goal. Eduardo really had a hand in everything - he attended meetings on behalf of our team, he conducted research and assisted in literature review, filled out our lab log books with David (with extreme neatness), and somehow, he was always willing to do more. Eduardo never missed a day coming into lab, and even came in on the weekends. <br><br>
 
He was instrumental in our entire project. He took responsibility for the majority of the lab work and conducting of experiments. In addition to that, Eduardo kept our entire group organized and focused on our end goal. Eduardo really had a hand in everything - he attended meetings on behalf of our team, he conducted research and assisted in literature review, filled out our lab log books with David (with extreme neatness), and somehow, he was always willing to do more. Eduardo never missed a day coming into lab, and even came in on the weekends. <br><br>
Line 375: Line 1,084:
  
 
     <center><h1>David Barilla</h1></center>
 
     <center><h1>David Barilla</h1></center>
−
     <p><img src="https://scontent-ord1-1.xx.fbcdn.net/hphotos-xap1/v/t1.0-9/960120_10203049091254290_8528327640334754612_n.jpg?oh=3bd02eac843b5d5926f9f8acdd60959d&oe=565963EA" width="400px"> You will never meet a kinder, more loyal man than Mr. David Barilla. Although he was extremely busy balancing work, iGEM, and family - he always made time to come to NAIT everyday and work on our project - even if that meant losing precious sleep and workout time.<br><br>
+
     <p><img src="https://static.igem.org/mediawiki/2015/4/49/NAIT_DavidSilly.jpg" width="400px"> You will never meet a kinder, more loyal man than Mr. David Barilla. Although he was extremely busy balancing work, iGEM, and family - he always made time to come to NAIT everyday and work on our project - even if that meant losing precious sleep and workout time.<br><br>
  
 
In our team, David spearheaded the documentation of our experiments and protocols; kept us all grounded and sane; wrote SOPs and logbooks; developed our modified silver stain protocol; and helped in the lab to run experiments (plasmid precipitation, cloning, and mini-prep among many) with Eduardo. David even went as far as learning to code HTML to try and share the load with his more computer savvy team mates.<br><br>
 
In our team, David spearheaded the documentation of our experiments and protocols; kept us all grounded and sane; wrote SOPs and logbooks; developed our modified silver stain protocol; and helped in the lab to run experiments (plasmid precipitation, cloning, and mini-prep among many) with Eduardo. David even went as far as learning to code HTML to try and share the load with his more computer savvy team mates.<br><br>
Line 389: Line 1,098:
  
 
     <center><h1>Johannes Coomansingh</h1></center>
 
     <center><h1>Johannes Coomansingh</h1></center>
−
     <p><img src="https://scontent-ord1-1.xx.fbcdn.net/hphotos-xtf1/t31.0-8/11148839_922471754481311_6515839631768986710_o.jpg" width=400px"> Joe is the light of our team. His incredible sense of optimism has really helped our team stay positive throughout all the speed bumps of our project. Without Johannes to brighten our lab days with his ramblings and non sequiturs, our iGEM journey would have been much more stressful. Thankfully, he was present everyday to keep us lighthearted. <br><br>
+
     <p><img src="https://static.igem.org/mediawiki/2015/b/b3/11148839_922471754481311_6515839631768986710_o.jpg" width=400px"> Joe is the light of our team. His incredible sense of optimism has really helped our team stay positive throughout all the speed bumps of our project. Without Johannes to brighten our lab days with his ramblings and non sequiturs, our iGEM journey would have been much more stressful. Thankfully, he was present everyday to keep us lighthearted. <br><br>
  
−
Joe really is Mr. Congeniality. As our "HR Guy" he has really gone above and beyond all of our expectations. Throughout the project, Joe was our public voice and was in charge of all external relations such as collaborations, looking for sponsorship and even managing our Twitter account. In addition to public relations, Joe was also heavily involved in lab work. He assisted David in developing our silver stain protocol and helped develop our experimental design with Mattéa. <br><br>
+
Joe really is Mr. Congeniality. As our Public Relations expert he has really gone above and beyond all of our expectations. Throughout the project, Joe was our public voice and was in charge of all external relations such as collaborations, looking for sponsorship and even managing our Twitter account. In addition to public relations, Joe was also heavily involved in lab work. He assisted David in developing our silver stain protocol, helped develop our experimental design with Mattéa and also created our team's Human Practices project! <br><br>
  
 
A day without our friend Joe is very quiet, and almost lonely. His presence (and sneeze) fills the entire room with a kind of light and positivity that many people lack or take for granted. Joe has the ability to see the silver lining in the darkest storm cloud and for that, we are very thankful. Thank you, Joe! May your beard grow strong and great.</p>
 
A day without our friend Joe is very quiet, and almost lonely. His presence (and sneeze) fills the entire room with a kind of light and positivity that many people lack or take for granted. Joe has the ability to see the silver lining in the darkest storm cloud and for that, we are very thankful. Thank you, Joe! May your beard grow strong and great.</p>
Line 403: Line 1,112:
  
 
     <center><h1>Abbie Gottert</h1></center>
 
     <center><h1>Abbie Gottert</h1></center>
−
     <p><img src="https://scontent.xx.fbcdn.net/hphotos-xtp1/v/t1.0-9/11705104_1859480314277851_5340245838235339831_n.jpg?oh=bc1ec21c29ce5015e8216a008d27d045&oe=56483236" width="400px"> Abbie is one of the most caring, friendly and empathetic people you will ever meet. Between assisting with Logo and Banner design, reviewing the literature, helping Johannes out with the policy and practices, and assisting with lab work, she finds the time to have a full time job and maintain a balance between them. Always concerned with the well being of the group, she goes out of her way to make sure that everyone stays healthy, happy and mentally sound.<br><br>
+
     <p><img src="https://static.igem.org/mediawiki/2015/6/68/NAIT_AbbieAttribution.jpg" width="400px"> Abbie is one of the most caring, friendly and empathetic people you will ever meet. Between assisting with Logo and Banner design, reviewing the literature, helping Johannes out with the policy and practices, and assisting with lab work, she finds the time to have a full time job and maintain a balance between them. Always concerned with the well being of the group, she goes out of her way to make sure that everyone stays healthy, happy and mentally sound.<br><br>
  
 
Thank you so much, Abbie. Although you couldn't be with us all the time in lab, we always knew you were there in spirit - whether it be a GIF image sent in chat or popping in in the late afternoon after your other shift. "Good friends are like stars, you can't always see them but you know they're always there." Abbie is our good friend and has been a shining star in our team.</p>
 
Thank you so much, Abbie. Although you couldn't be with us all the time in lab, we always knew you were there in spirit - whether it be a GIF image sent in chat or popping in in the late afternoon after your other shift. "Good friends are like stars, you can't always see them but you know they're always there." Abbie is our good friend and has been a shining star in our team.</p>
Line 415: Line 1,124:
  
 
     <center><h1>Joy Ramielle L. Santos</h1></center>
 
     <center><h1>Joy Ramielle L. Santos</h1></center>
−
<!----Not Meh you are awesome Joy. Joy is da bomb diggity. She is cooler than a polar bears toenails and Freddie Jackson sipping a milkshake in a snowstorm. What we mean is that she is spottieottiedopaliscious and she does not think it be like it is but it do. ---->
+
<!----Not Meh you are awesome Joy. Joy is da bomb diggity. She is cooler than a polar bears toenails and Freddie Jackson sipping a milkshake in a snowstorm. What we mean is that she is spottieottiedopaliscious and she does not think it be like it is but it do. ---->  
−
    <p>Meh.</p>
+
−
<!-------------------------------------
+
  
−
          o88            88o
+
    <center>Joy is joy.</center><br>
−
        68888.--''''--.88889 
+
 
−
          `88            88'
+
<p><img src="https://static.igem.org/mediawiki/2015/b/b6/Joy_attribute.jpeg" width="300px">The trails that each human being transits throughout a lifetime can lead to meeting incredible people. We are very happy that our paths came across one truly valuable and amazing girl; Joy.</p><br>
−
          .'              `.
+
 
−
        /                 \
+
<p>A real treasure chest, she was good at every aspect our project needed; lab work? You got it! Coding? Consider it done! Making molecular animations? Easy for her! Nonetheless, her biggest trait is her kindness and empathy towards others; assets that make her a true friend, one you wish to always hang around with. Though she might be quiet when working in the lab, one could occasionally glance at her face and get a nice smile as a response. Such priceless, unspoken moments could convert our days into memories. Memories that will accompany us throughout our lives, throughout those trails which we'll now transit with a great friend, with Joy.</p>
−
        |                  |
+
<br>
−
        |    88      88    |
+
−
        |  88o      o88  |
+
−
        o`. 8    ___    8  .'o
+
−
      8888`.     '^'    .'8888 
+
−
    o888888o`. `.-'-.' .'o888888o
+
−
  o888888888oo`-------'oo888BP888o
+
  
−
--------------------------------------->
 
  
 
   </div>
 
   </div>
Line 443: Line 1,143:
  
 
     <center><h1>Kevin Setzer</h1></center>
 
     <center><h1>Kevin Setzer</h1></center>
−
     <p><img src="https://scontent-ord1-1.xx.fbcdn.net/hphotos-xpt1/v/t1.0-9/11755101_922472034481283_5820710232004632160_n.jpg?oh=ff1f4644577564e115864246076d8e30&oe=565CBDE2" width="400px"> Throughout the summer, Kevin was extremely busy working full time while also helping out our iGEM team. Though most of his contribution was done outside of NAIT, we could not have grown into the team we are today without Kevin Setzer. <br><br>
+
     <p><img src="https://static.igem.org/mediawiki/2015/e/e6/NAIT_KevinCrown.jpg" width="400px"> Throughout the summer, Kevin was extremely busy working full time while also helping out our iGEM team. Though most of his contribution was done outside of NAIT, we could not have grown into the team we are today without Kevin Setzer. <br><br>
  
−
Kevin mostly worked with Joy in the coding and designing of Team NAIT's Wiki sites. He was the bug exterminator, the very necessary second pair of eyes involved in editing all the HTML, CSS and dreaded Java that coded our wiki. Additionally, Kevin also helped in the post-production processes of our 3D animation (i.e: After Effects and Photoshop editing). When he could, Kevin also came to the lab to help prepare reagents necessary for processes and experiments later in the day. <br><br>
+
Kevin mostly worked with Joy in the coding and designing of Team NAIT's Wiki sites. He was the very necessary second pair of eyes involved in editing all the HTML, CSS and dreaded Java that coded our wiki. When he could, Kevin also came to the lab to help prepare reagents necessary for processes and experiments later in the day. <br><br>
  
 
Although busy, Kevin tried his best to find time and help out our iGEM team. Thank you, Kevin! Together, we've gone to infinity... and beyond!  
 
Although busy, Kevin tried his best to find time and help out our iGEM team. Thank you, Kevin! Together, we've gone to infinity... and beyond!  
Line 520: Line 1,220:
  
 
     <center><h1>Taisha Tenaschuk</h1></center>
 
     <center><h1>Taisha Tenaschuk</h1></center>
−
     <p><b>Student, University of Toronto</b></p>
+
     <p><b>Student, University of Toronto</b></p><br>
 
     <p>Taisha helped the team by providing sources for the literature review.</p>
 
     <p>Taisha helped the team by providing sources for the literature review.</p>
 
   </div>
 
   </div>
Line 529: Line 1,229:
  
 
<!--------------------Sponsorship and Financial Aid------------------------------------>
 
<!--------------------Sponsorship and Financial Aid------------------------------------>
 +
 +
<input class="modal-state" id="Dambrowitz" type="checkbox" />
 +
<div class="modal">
 +
  <label class="modal__bg" for="Dambrowitz"></label>
 +
  <div class="modal__inner">
 +
 +
    <center><h1>Chris Dambrowitz</h1></center>
 +
    <p><b>Associate VP of Research and Innovation, NAIT</b></P><br>
 +
    <p>Dr. Dambrowitz was one of the main voices for us in NAIT's Office of Research and Innovation. Through him, we received most of our funding for our project.</p>
 +
  </div>
 +
</div>
  
 
<input class="modal-state" id="Spencer" type="checkbox" />
 
<input class="modal-state" id="Spencer" type="checkbox" />
Line 619: Line 1,330:
 
     <p><b>Synbiota Inc.</b></p><br>
 
     <p><b>Synbiota Inc.</b></p><br>
 
     <p>Provided wiki advice and support during our meet up with Team Lethbridge. Additionally, helped a lot with presentation techniques and our BioBrick Design.</p>
 
     <p>Provided wiki advice and support during our meet up with Team Lethbridge. Additionally, helped a lot with presentation techniques and our BioBrick Design.</p>
 +
  </div>
 +
</div>
 +
 +
 +
<input class="modal-state" id="Lue" type="checkbox" />
 +
<div class="modal">
 +
  <label class="modal__bg" for="Lue"></label>
 +
  <div class="modal__inner">
 +
 +
    <center><h1>Derek Lue</h1></center>
 +
    <p><b>Branding and Marketing Office, NAIT</b></p><br>
 +
    <p>Derek was essential to the design and overall transformation for our Wiki. Whenever we had questions about design, Derek was there to answer.</p>
 
   </div>
 
   </div>
 
</div>
 
</div>
Line 897: Line 1,620:
 
<!----------------------------------------END MODALS----------------------------------------->
 
<!----------------------------------------END MODALS----------------------------------------->
 
   <div class="clear"></div>  
 
   <div class="clear"></div>  
−
 
+
−
 
+
−
<div class="header_mobile">
+
−
  <ul>
+
−
        <li><a href="https://2015.igem.org/Team:NAIT_Edmonton/MobileMenu">menu</a>
+
−
          <ul>
+
−
              <li><a href="https://2015.igem.org/Team:NAIT_Edmonton/Team">team</a>
+
−
              <li><a href="https://2015.igem.org/Team:NAIT_Edmonton/Project">project</a>
+
−
              <li><a href="https://2015.igem.org/Team:NAIT_Edmonton/Human">human practices</a>
+
−
              <li><a href="https://2015.igem.org/Team:NAIT_Edmonton/Notebook">notebook</a>
+
−
          </ul>
+
−
        </li>   
+
−
           
+
−
  </ul>
+
−
</div>
+
  
  
Line 963: Line 1,672:
  
  
−
<script type="text/javascript" src="https://2015.igem.org/Team:NAIT_Edmonton/js/scrollReveal.min.js?action=raw&amp;ctype=text/javascript"></script>
+
<script type="text/javascript" src="https://2015.igem.org/Team:NAIT_Edmonton/js/scrollReveal?action=raw&amp;ctype=text/javascript"></script>
  
 
<script type="text/javascript">
 
<script type="text/javascript">

Latest revision as of 18:29, 2 November 2015

Team NAIT 2015

Attributions

Our Friends

Our team is truly lucky to have the support of all these individuals. Click their names to see how each of these individuals contributed to our project.


 
 
 
 
 
 

Chris Meintzer

Department of Chemistry, NAIT


Chris Meintzer helped in our research of the chemistry of silver staining. He provided excellent feedback on our hypothesis and gave suggestions on how to improve our theories.

Elena Atrazheva

Department of Chemistry, NAIT


Elena helped us create a hypothesis on the mechanism of silver staining.

Len Force

Department of Biochemical Sciences, NAIT


Len helped the team with the literature review and helped create a hypothesis on the mechanism of silver staining.

Laura Lucan

Department of Chemistry, Associate Chair Nait


Laura helped the team with insight in describing the chemistry of silver staining.

Michael Korney

Department of Chemistry, Nait


Micheal helped the team with the literature review and describing the chemistry of silver staining.

Taisha Tenaschuk

Student, University of Toronto


Taisha helped the team by providing sources for the literature review.

Chris Dambrowitz

Associate VP of Research and Innovation, NAIT


Dr. Dambrowitz was one of the main voices for us in NAIT's Office of Research and Innovation. Through him, we received most of our funding for our project.

Sandra Spencer

Office of Research and Innovation, NAIT


Sandra was our advocate and friend at NAIT's OR&I. She supported us from the start from managing our funds to putting in a good word for us with the entire NAIT community. We couldn't have done iGEM without Sandra.

Sean Hurlburt

Integrated DNA Technologies (IDT)


Our main contact and friend at IDT. Sean was very helpful in the process of ordering and receiving our IDT custom sequences.

Bill McMullen

Manager of Instructional Design and Online Learning at NAIT


Introduced us to personnel within NAIT to assist with drafting funding letters and connected us with NAIT's branding manager.

Sabrina Giordano

Advancement Services, NAIT


Assisted us with drafting letters for sponsorship and financial aid.

Chantelle Svensen-Lewis

Alumni Relations, NAIT


Assisted us with drafting letters for sponsorship and financial aid.

Hugh Coomansingh

Joe's Dad


Assisted us with monetary gifts, helping to feed our team and bring us to Boston. He also drove Johannes and Joy home whenever (as in everyday) we stayed late at NAIT to work on our project.

Vaughn Coomansingh

Student at UBC


Assisted us with monetary gifts, helping to feed our team and bring us to Boston.

Patrick Wu

Synbiota Inc.


Provided wiki advice and support during our meet up with Team Lethbridge. Additionally, helped a lot with presentation techniques and our BioBrick Design.

Dan Pocsidio

Computer Systems Technology Student, NAIT


Helped build this Attributions page! Dan is a good friend of Joy's and always was willing to help out with coding and computer questions.

Derek Lue

Branding and Marketing Office, NAIT


Derek was essential to the design and overall transformation of our Wiki. He guided Joy in bringing the IM[Ag]INE logo to fruition by providing concrete design concepts from previously theoretical ideas. Whenever we needed a second opinion on the design and look of our wiki, poster or presentation, Derek was willing to answer.

Sana Al Jamea

Branding Manager, NAIT


Gave advice on our Wiki logo design and how to represent the NAIT brand on our wiki. Sana along with NAIT's Branding and Marketing office also gifted us our IM[Ag]INE shirts.

Leslie Dietz

Digital Media and Information Technology, NAIT


Provided digital media lab space at NAIT's DMIT department for batch rendering our 3D animations.

Jason MacQueen

Mechanical Engineering Technology, NAIT


Helped to create the 3D model of a polyacrylamide gel for animation.

Robin Mazumder

Office of Research and Innovation, NAIT


Instrumental in providing information and resources on intellectual property - also hosted workshops on IP, business management, new venture and entrepreneurship.

Aakash Anantharaman

Mechanical Engineering Technology Student, NAIT


Helped to draft business models and was always willing to hear our future plans for our project.

George Andrews

VP External Relations and CDO, NAIT


Brought in CEO of Guardian Chemicals, Stewart Roth, to mentor us on IP and patents.

Stewart Roth

CEO, Guardian Chemicals


Provided mentorship and a talk about intellectual property and patenting ideas.

Linda Hoang

Social Media Specialist, NAIT


Provided social media exposure for our team - including taking and posting photographs of our team and following us on Twitter!

Blaise van Malsen

techLife Photographer, NAIT


Photographed our team for featuring in NAIT's techLife magazine.

Dr. Glenn Feltham

President, NAIT


Provided exposure for our team in the NAIT community as well as advice on intellectual property.

Laura Dress

Six Red Marbles


Gave information and guidance for policy and practices.

Jane Calvert

Science Technology and Innovation Studies, University of Edinburgh


Gave a Skype session on policy and practices that guided us in writing our own policies and practices.

Mads Kaern

Institute of Systems Biology, University of Ottawa


Gave us insight on the mechanics of the iGEM competition

Dawson Zeng

Student, University of Alberta


Offered his previous iGEM experience to us and gave us insight and guidance for the steps needed to be taken for the competition.

Jennifer Hill

Alberta Innovates - Technology Futures


Coordinated meetups in Alberta for our team as we were the "new kids on the block" of iGEM.

Sarah Lee

Team Lead, Alberta Innovates - Technology Futures


Coordinated meetups in Alberta for our team. Meetups included a geekStarter workshop in Calgary and in Lethbridge.

Vinoo Selvarajah

iGEM Representative


Kept us up to date on medal requirements and was very keen on keeping us informed and on top of all deadlines and requirements for iGEM.

David Lloyd

FREDsense Technologies


Gave constructive criticism on our presentation style and content during our meet up with Lethbridge.

Branchy McBranchy

Sup?

André Laroche

Agriculture and Agri-Food Canada


Provided valuable feedback for our presentation and project during our meet up with Lethbridge.

César Rodriguez

Florida State University


Gave us a talk on the Imagine, Design and Create workflow. César also helped our team a lot with getting familiar with the iGEM standards for BioBricks. He was also very supportive of our 3D animations.

Lisa Lowther

Department of Biological Sciences, NAIT


Provided our team with lab support and supervision! Lisa never failed to make us laugh and relieve us of our iGEM stress.

Team Lethbridge

University of Lethbridge


Collaborated with us at workshops in Calgary and Lethbridge and provided us with feedback on presenting our project to an academic audience.



Our Team



Our Sponsors

With the generosity of these institutions and companies, our team was able to conduct the research for our project and attend the Giant Jamboree in Boston. Thank you so much!








Marcelo Marcet

What would we do without Marcelo? Throughout the summer, Marcelo was not only our advisor - he was our mentor, our lab father-figure and most importantly, our friend.

He has been involved in all of the aspects of our project. He taught us all the tips and tricks for working in the lab; he helped us get funding and sponsorship; he was our voice in our institution; and he was heavily involved in all of the animation and 3D modeling in our project.

Without Marcelo, our team would never have come together. Thank you so much, Marcelo. Words can never express our gratitude for you.

Mattéa Bujold

Without Mattéa, there is no Team NAIT 2015. Alongside Marcelo, Mattéa was directly involved in bringing our team together.

She is our lab guardian - making sure we always had everything we needed to carry out and complete our experiments. From protocols to ordering reagents, we could always count on Mattéa. She was always willing to sacrifice her time and bestow us with her knowledge and extensive lab experience.

We are so thankful for her involvement in this project. We've learned so much from her and we are proud to say that she is our mentor and friend. Thank you so much, Mattéa. We could never repay you for your kindness (and your patience with us).

Eduardo A. R. Serratos

Humble, intelligent, passionate, kind, handsome, guapo - these are just some of the few words that we can use to describe our team leader and captain, Eduardo.

He was instrumental in our entire project. He took responsibility for the majority of the lab work and conducting of experiments. In addition to that, Eduardo kept our entire group organized and focused on our end goal. Eduardo really had a hand in everything - he attended meetings on behalf of our team, he conducted research and assisted in literature review, filled out our lab log books with David (with extreme neatness), and somehow, he was always willing to do more. Eduardo never missed a day coming into lab, and even came in on the weekends.

Eduardo has truly been an indispensable asset to the team and an even better friend. We could always count on him to listen, advise and provide the emotional support in this chapter of our lives. Friends are the siblings that we were not originally given. It is an honor for us to be your "siblings" - to be your iGEM family. Thank you, Eduardo, oh Captain, our captain.

David Barilla

You will never meet a kinder, more loyal man than Mr. David Barilla. Although he was extremely busy balancing work, iGEM, and family - he always made time to come to NAIT everyday and work on our project - even if that meant losing precious sleep and workout time.

In our team, David spearheaded the documentation of our experiments and protocols; kept us all grounded and sane; wrote SOPs and logbooks; developed our modified silver stain protocol; and helped in the lab to run experiments (plasmid precipitation, cloning, and mini-prep among many) with Eduardo. David even went as far as learning to code HTML to try and share the load with his more computer savvy team mates.

"Best friends are people who make your problems their problems, just so you don't have to go through it alone." There is no better way to describe David. He always knows the right thing to say to bring a smile to everyone's face. He has an amazing sense of humor but also knows when to get down to business. Thank you, David. The summer has been an absolutely amazing experience with you in the lab! We will always treasure your random bursts of classic rock and even your incredible (yet sometimes outrageous) ideas.

Johannes Coomansingh

Joe is the light of our team. His incredible sense of optimism has really helped our team stay positive throughout all the speed bumps of our project. Without Johannes to brighten our lab days with his ramblings and non sequiturs, our iGEM journey would have been much more stressful. Thankfully, he was present everyday to keep us lighthearted.

Joe really is Mr. Congeniality. As our Public Relations expert he has really gone above and beyond all of our expectations. Throughout the project, Joe was our public voice and was in charge of all external relations such as collaborations, looking for sponsorship and even managing our Twitter account. In addition to public relations, Joe was also heavily involved in lab work. He assisted David in developing our silver stain protocol, helped develop our experimental design with Mattéa and also created our team's Human Practices project!

A day without our friend Joe is very quiet, and almost lonely. His presence (and sneeze) fills the entire room with a kind of light and positivity that many people lack or take for granted. Joe has the ability to see the silver lining in the darkest storm cloud and for that, we are very thankful. Thank you, Joe! May your beard grow strong and great.

Abbie Gottert

Abbie is one of the most caring, friendly and empathetic people you will ever meet. Between assisting with Logo and Banner design, reviewing the literature, helping Johannes out with the policy and practices, and assisting with lab work, she finds the time to have a full time job and maintain a balance between them. Always concerned with the well being of the group, she goes out of her way to make sure that everyone stays healthy, happy and mentally sound.

Thank you so much, Abbie. Although you couldn't be with us all the time in lab, we always knew you were there in spirit - whether it be a GIF image sent in chat or popping in in the late afternoon after your other shift. "Good friends are like stars, you can't always see them but you know they're always there." Abbie is our good friend and has been a shining star in our team.

Joy Ramielle L. Santos

Joy is joy.

The trails that each human being transits throughout a lifetime can lead to meeting incredible people. We are very happy that our paths came across one truly valuable and amazing girl; Joy.


A real treasure chest, she was good at every aspect our project needed; lab work? You got it! Coding? Consider it done! Making molecular animations? Easy for her! Nonetheless, her biggest trait is her kindness and empathy towards others; assets that make her a true friend, one you wish to always hang around with. Though she might be quiet when working in the lab, one could occasionally glance at her face and get a nice smile as a response. Such priceless, unspoken moments could convert our days into memories. Memories that will accompany us throughout our lives, throughout those trails which we'll now transit with a great friend, with Joy.


Kevin Setzer

Throughout the summer, Kevin was extremely busy working full time while also helping out our iGEM team. Though most of his contribution was done outside of NAIT, we could not have grown into the team we are today without Kevin Setzer.

Kevin mostly worked with Joy in the coding and designing of Team NAIT's Wiki sites. He was the very necessary second pair of eyes involved in editing all the HTML, CSS and dreaded Java that coded our wiki. When he could, Kevin also came to the lab to help prepare reagents necessary for processes and experiments later in the day.

Although busy, Kevin tried his best to find time and help out our iGEM team. Thank you, Kevin! Together, we've gone to infinity... and beyond!

Chris Meintzer

Department of Chemistry, NAIT


Chris Meintzer helped in our research of the chemistry of silver staining. He provided excellent feedback on our hypothesis and gave suggestions on how to improve our theories.

Elena Atrazheva

Department of Chemistry, NAIT


Elena helped us create a hypothesis on the mechanism of silver staining.

Len Force

Department of Biochemical Sciences, NAIT


Len helped the team with the literature review and helped create a hypothesis on the mechanism of silver staining.

Laura Lucan

Department of Chemistry, Associate Chair Nait


Laura helped the team with insight in describing the chemistry of silver staining.

Michael Korney

Department of Chemistry, Nait


Micheal helped the team with the literature review and describing the chemistry of silver staining.

Taisha Tenaschuk

Student, University of Toronto


Taisha helped the team by providing sources for the literature review.

Chris Dambrowitz

Associate VP of Research and Innovation, NAIT


Dr. Dambrowitz was one of the main voices for us in NAIT's Office of Research and Innovation. Through him, we received most of our funding for our project.

Sandra Spencer

Office of Research and Innovation, NAIT


Sandra helped the team by monitoring the funding of the entire project.

Sean Hurlburt

Integrated DNA Technologies (IDT)


Our main contact and friend at IDT. Sean was very helpful in the process of ordering and receiving our IDT custom sequences.

Bill McMullen

Leadership Mentor, NAIT


Introduced us to personnel within NAIT to assist with drafting funding letters and connected us with NAIT's branding manager.

Sabrina Giordano

Advancement Services, NAIT


Assisted us with drafting letters for sponsorship and financial aid.

Chantelle Svensen-Lewis

Alumni Relations, NAIT


Assisted us with drafting letters for sponsorship and financial aid.

Hugh Coomansingh

Joe's Dad


Assisted us with monetary gifts, helping to feed our team and bring us to Boston.

Vaughn Coomansingh

Student at UBC


Assisted us with monetary gifts, helping to feed our team and bring us to Boston.

Patrick Wu

Synbiota Inc.


Provided wiki advice and support during our meet up with Team Lethbridge. Additionally, helped a lot with presentation techniques and our BioBrick Design.

Derek Lue

Branding and Marketing Office, NAIT


Derek was essential to the design and overall transformation for our Wiki. Whenever we had questions about design, Derek was there to answer.

Sana Al Jamea

Branding Manager, NAIT


Gave advice on our Wiki logo design and how to represent the NAIT brand on our wiki.

Leslie Dietz

Digital Media and Information Technology, NAIT


Provided digital media lab space at NAIT's DMIT department for batch rendering our 3D animations.

Jason MacQueen

Mechanical Engineering Technology, NAIT


Helped to create the 3D model of a polyacrylamide gel for animation.

Robin Mazumder

Office of Research and Innovation, NAIT


Instrumental in providing information and resources on intellectual property - also hosted workshops on IP, business management, new venture and entrepreneurship.

Aakash Anantharaman

Mechanical Engineering Technology Student, NAIT


Helped to draft business models and was always willing to hear our future plans for our project.

George Andrews

VP External Relations and CDO, NAIT


Brought in CEO of Guardian Chemicals, Stewart Roth, to mentor us on IP and patents.

Stewart Roth

CEO, Guardian Chemicals


Provided mentorship and a talk about intellectual property and patenting ideas.

Linda Hoang

Social Media Specialist, NAIT


Provided socvial media exposure for our team - including taking and posting photographs of our team and following us on Twitter!

Blaise van Malsen

techLife Photographer, NAIT


Photographed our team for featuring in NAIT's techLife magazine.

Glenn Feltham

President, NAIT


Provided exposure for our team in the NAIT community as well as advice on intellectual property.

Laura Dress

Six Red Marbles


Gave information and guidance for policy and practices.

Jane Calvert

Science Technology and Innovation Studies, University of Edinburgh


Gave a Skype session on policy and practices that guided us in writing our own policies and practices.

Mads Kaern

Institute of Systems Biology, University of Ottawa


Gave us insight on the mechanics of the iGEM competition

Dawson Zeng

Student, University of Alberta


Offered his previous iGEM experience to us and gave us insight and guidance for the steps needed to be taken for the competition.

Jennifer Hill

Alberta Innovates - Technology Futures


Coordinated meetups in Alberta for our team as we were the "new kids on the block" of iGEM.

Sarah Lee

Team Lead, Alberta Innovates - Technology Futures


Coordinated meetups in Alberta for our team. Meetups included a geekStarter workshop in Calgary and in Lethbridge.

Vinoo Selvarajah

iGEM Representative


Kept us up to date on medal requirements and was very keen on keeping us informed and on top oif all deadlines and requirements for iGEM.

David Lloyd

FREDsense Technologies


Gave constructive criticism on our presentation style and content during our meet up with Lethbridge.

André Laroche

Agriculture and Agri-Food Canada


Provided valuable feedback for our presentation and project during our meet up with Lethbridge.

César Rodriguez

Florida State University


Gave us a talk on the Imagine, Design and Create workflow. César also helped our team a lot with getting familiar with the iGEM standards for BioBricks. He was also very supportive of our 3D animations.

Lisa Lowther

Department of Biological Sciences, NAIT


Provided our team with lab support and supervision! Lisa never failed to make us laugh and relieve us of our iGEM stress.

Team Lethbridge

University of Lethbridge


Collaborated with us at workshops in Calgary and Lethbridge.