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

Line 1: Line 1:
−
{{NAIT_Edmonton/CSS6}}
 
 
<html>
 
<html>
 +
<!-- ####################################################### -->
 +
<!-- #  This html was produced by the igemwiki generator  # -->
 +
<!-- #  https://github.com/igemuoftATG/generator-igemwiki  # -->
 +
<!-- ####################################################### -->
  
−
<head>
+
<!-- repo for this wiki: https://github.com/UrbanTundraEdmonton/iGEMWiki2016 -->
  
 +
</html>
 +
<html>
 +
<!-- bower:css -->
 +
<link rel="stylesheet" href="bower_components\bootstrap\dist\css\bootstrap.css" type="text/css" />
 +
<link rel="stylesheet" href="bower_components\flexboxgrid\dist\flexboxgrid.css" type="text/css" />
 +
<link rel="stylesheet" href="bower_components\font-awesome\css\font-awesome.min.css" type="text/css" />
 +
<link rel="stylesheet" href="bower_components\highlightjs\styles\github.css" type="text/css" />
 +
<!-- endbower -->
 +
<link rel="stylesheet" href="styles/styles.css" type="text/css" />
 +
  
−
<title>Team NAIT 2015</title>
+
<body></body>
  
−
<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>
 
  
 +
</html>
  
 +
<html>
  
−
<!-----------https://static.igem.org/mediawiki/2015/d/d8/El_Capitan_.ttf------------------->
+
<div id="navigation">
−
 
+
<ul>
−
 
+
<li><a href="index.html"><span>home</span></a></li>
−
 
+
</li>
−
</head>
+
<li><a href="#"><span>team</span></a>
−
 
+
<ul>
−
<body>
+
<li><a href="team.html"><span>team</span></a></li>
−
 
+
</li>
−
<div class="header">
+
<li><a href="collaborations.html"><span>collaborations</span></a></li>
−
<div class="header_c">
+
</li>
−
<a href="https://2015.igem.org/Team:NAIT_Edmonton"><img style="margin-top:15px;" src="https://static.igem.org/mediawiki/2015/2/2f/NAIT_Imagine.png" height="95px"></a>  
+
</ul>
 +
<li><a href="#"><span>project</span></a>
 +
<ul>
 +
<li><a href="description.html"><span>description</span></a></li>
 +
</li>
 +
<li><a href="design.html"><span>design</span></a></li>
 +
</li>
 +
<li><a href="experiments.html"><span>experiments</span></a></li>
 +
</li>
 +
<li><a href="proof.html"><span>proof</span></a></li>
 +
</li>
 +
<li><a href="demonstrate.html"><span>demonstrate</span></a></li>
 +
</li>
 +
<li><a href="results.html"><span>results</span></a></li>
 +
</li>
 +
<li><a href="notebook.html"><span>notebook</span></a></li>
 +
</li>
 +
</ul>
 +
<li><a href="#"><span>parts</span></a>
 +
<ul>
 +
<li><a href="parts.html"><span>parts</span></a></li>
 +
</li>
 +
<li><a href="basic_part.html"><span>basic_part</span></a></li>
 +
</li>
 +
<li><a href="composite_part.html"><span>composite_part</span></a></li>
 +
</li>
 +
<li><a href="part_collection.html"><span>part_collection</span></a></li>
 +
</li>
 +
</ul>
 +
<li><a href="safety.html"><span>safety</span></a></li>
 +
</li>
 +
<li class="active"><a href="attributions.html"><span>attributions</span></a></li>
 +
</li>
 +
<li><a href="#"><span>human_practices</span></a>
 +
<ul>
 +
<li><a href="human_practices.html"><span>human_practices</span></a></li>
 +
</li>
 +
<li><a href="silver.html"><span>silver</span></a></li>
 +
</li>
 +
<li><a href="gold.html"><span>gold</span></a></li>
 +
</li>
 +
<li><a href="integrated_practices.html"><span>integrated_practices</span></a></li>
 +
</li>
 +
<li><a href="engagement.html"><span>engagement</span></a></li>
 +
</li>
 +
</ul>
 +
<li><a href="#"><span>awards</span></a>
 +
<ul>
 +
<li><a href="entrepreneurship.html"><span>entrepreneurship</span></a></li>
 +
</li>
 +
<li><a href="hardware.html"><span>hardware</span></a></li>
 +
</li>
 +
<li><a href="software.html"><span>software</span></a></li>
 +
</li>
 +
<li><a href="measurement.html"><span>measurement</span></a></li>
 +
</li>
 +
<li><a href="model.html"><span>model</span></a></li>
 +
</li>
 +
</ul>
 +
</ul>
 
</div>
 
</div>
−
</div>
+
<div class="content">
−
 
+
<div class="content" id="content-main"><div class="row"><div class="col col-lg-8 col-md-12"><div class="content-main"><h3 id="-alert-">★ ALERT!</h3>
−
 
+
<p>This page is used by the judges to evaluate your team for the <a href="https://2016.igem.org/Judging/Medals">Attributions bronze criterion</a>.</p>
−
<div class="nav">
+
<p>Delete this box in order to be evaluated for this medal. See more information at <a href="https://2016.igem.org/Judging/Pages_for_Awards/Instructions">Instructions for Pages for awards</a>.</p>
−
 
+
<p>Each team must clearly attribute work done by the student team members on this page. The team must distinguish work done by the students from work done by others, including the host labs, advisors, instructors, and individuals not on the team roster.</p>
−
 
+
<h5 id="why-is-this-page-needed-">Why is this page needed?</h5>
−
<div tabindex="0" class="onclick-menu">
+
<p>The Attribution requirement helps the judges know what you did yourselves and what you had help with. We don&#39;t mind if you get help with difficult or complex techniques, but you must report what work your team did and what work was done by others.</p>
−
    <ul class="onclick-menu-content" style="list-style:none;">
+
<p>For example, you might choose to work with an animal model during your project. Working with animals requires getting a license and applying far in advance to conduct certain experiments in many countries. This is difficult to achieve during the course of a summer, but much easier if you can work with a postdoc or PI who has the right licenses.</p>
−
        <li><a href="https://2015.igem.org/Team:NAIT_Edmonton">home</a></li>
+
<h5 id="what-should-this-page-have-">What should this page have?</h5>
−
        <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">
+
 
<ul>
 
<ul>
−
 
+
<li>General Support</li>
−
                <li><a href="https://2015.igem.org/Team:NAIT_Edmonton"><img
+
<li>Project support and advice</li>
−
                src="https://static.igem.org/mediawiki/2015/a/a9/NAIT_home.png" width="25px"></a></li>
+
<li>Fundraising help and advice</li>
−
 
+
<li>Lab support</li>
−
                <li><a href="https://2015.igem.org/Team:NAIT_Edmonton/Team">team</a>
+
<li>Difficult technique support</li>
−
                    <ul>
+
<li>Project advisor support</li>
−
                      <li><a href="https://2015.igem.org/Team:NAIT_Edmonton/Bios">bios</a></li>
+
<li>Wiki support</li>
−
                      <li><a href="https://2015.igem.org/Team:NAIT_Edmonton/Attributions">attributions</a></li>
+
<li>Presentation coaching</li>
−
                      <li><a href="https://igem.org/Team.cgi?id=1787">official team profile</a>
+
<li>Human Practices support</li>
−
                    </ul>
+
<li>Thanks and acknowledgements for all other people involved in helping make a successful iGEM team</li>
−
                </li>
+
</ul>
−
 
+
<h5 id="can-we-base-our-project-on-a-previous-one-">Can we base our project on a previous one?</h5>
−
                <li><a href="https://2015.igem.org/Team:NAIT_Edmonton/Project">project</a>
+
<p>Yes! You can have a project based on a previous team, or based on someone else&#39;s idea, <strong>as long as you state this fact very clearly and give credit for the original project.</strong></p>
−
                    <ul>
+
<h5 id="inspiration">Inspiration</h5>
−
                    <li><a href="https://2015.igem.org/Team:NAIT_Edmonton/Desc">description</a></li>
+
<p>Take a look at what other teams have done:</p>
−
                      <li><a href="https://2015.igem.org/Team:NAIT_Edmonton/Protocols">experiment and protocols</a></li>
+
<ul>
−
                      <li><a href="https://2015.igem.org/Team:NAIT_Edmonton/Results">parts and results</a></li>
+
<li><a href="https://2011.igem.org/Team:Imperial_College_London/Team">2011 Imperial College London</a> (scroll to the bottom)</li>
−
                      <li><a href="https://2015.igem.org/Team:NAIT_Edmonton/Modeling">modeling</a></li>
+
<li><a href="https://2014.igem.org/Team:Exeter/Attributions">2014 Exeter</a></li>
−
                    </ul>
+
<li><a href="https://2014.igem.org/Team:Melbourne/Attributions">2014 Melbourne</a></li>
−
                </li>
+
<li><a href="https://2014.igem.org/Team:Valencia_Biocampus/Attributions">2014 Valencia Biocampus</a></li>
−
 
+
</ul>
−
                <li><a href="https://2015.igem.org/Team:NAIT_Edmonton/Human">human practices</a>
+
<h5 id="team-training-and-project-start">Team training and Project start</h5>
−
                <ul>
+
<p>Tell us if your institution teaches an iGEM or synthetic biology class and when you started your project:</p>
−
                    <li><a href="https://2015.igem.org/Team:NAIT_Edmonton/Outreach">community outreach</a></li>
+
<ul>
−
                      <li><a href="https://2015.igem.org/Team:NAIT_Edmonton/Practices">policy and practices</a></li>
+
<li>Does your institution teach an iGEM or synthetic biology course?</li>
−
                      <li><a href="https://2015.igem.org/Team:NAIT_Edmonton/Collaborations">collaborations</a></li>
+
<li>When did you start this course?</li>
−
                     
+
<li>Are the syllabus and course materials freely available online?</li>
−
                    </ul>
+
<li>When did you start your brainstorming?</li>
−
                </li>
+
<li>When did you start in the lab?</li>
−
 
+
<li>When did you start working on your project?</li>
−
                <li><a href="https://2015.igem.org/Team:NAIT_Edmonton/Notebook">notebook</a>
+
</ul>
−
                <ul>
+
</div></div><div id="tableofcontents" class="tableofcontents affix sidebar col-lg-4 hidden-xs hidden-sm hidden-md visible-lg-3"><ul class="nav">
−
                    <li><a href="https://2015.igem.org/Team:NAIT_Edmonton/Safety">lab safety</a></li>
+
<li><a href="#why-is-this-page-needed-">Why is this page needed?</a></li>
−
                      <li><a href="https://2015.igem.org/Team:NAIT_Edmonton/Achievements">achievements</a></li>
+
<li><a href="#what-should-this-page-have-">What should this page have?</a></li>
−
                      <li><a href="https://2015.igem.org/Team:NAIT_Edmonton/Logbook">log book</a></li>
+
<li><a href="#can-we-base-our-project-on-a-previous-one-">Can we base our project on a previous one?</a></li>
−
                </ul>
+
<li><a href="#inspiration">Inspiration</a></li>
−
                </li>
+
<li><a href="#team-training-and-project-start">Team training and Project start</a></li>
−
 
+
</ul>
−
            </ul>
+
</div></div></div>
−
 
+
 
</div>
 
</div>
  
−
</div>
+
</html>
−
 
+
<html>
−
<div id="wrap">
+
<script src="https://cdn.mathjax.org/mathjax/latest/MathJax.js?config=TeX-AMS_HTML-full"></script>
−
 
+
<!-- bower:js -->
−
<style type="text/css">
+
<script src="bower_components\jquery\dist\jquery.js"></script>
−
 
+
<script src="bower_components\bootstrap\dist\js\bootstrap.js"></script>
−
.header_mobile {
+
<script src="bower_components\highlightjs\highlight.pack.js"></script>
−
    display:none;
+
<!-- endbower -->
−
    position: absolute;
+
<script src="js/bundle.js"></script>
−
    background-color:transparent;
+
<script src="js/maps"></script>
−
    width:65px;
+
−
    top: 90px;
+
−
    left:50px;
+
−
    height:65px;
+
−
    z-index:999;
+
−
    position:fixed;}
+
−
 
+
−
.header_mobile ul {list-style:none; position:absolute;float:right;margin:0;padding-right:125px}
+
−
.header_mobile ul * {margin:0; padding:0;}
+
−
.header_mobile a {display:block;color:#159CD8;text-decoration:none;padding:15px 50px}
+
−
.header_mobile li {position:relative;float:left; padding:5px 5px 5px 5px}
+
−
.header_mobile li a {font-family:'Source Sans Pro', sans-serif;color:#ffffff;font-size:20px;}
+
−
.header_mobile li.current-menu-item {background:#5AB3E3}
+
−
.header_mobile ul ul{display:none; position:absolute; top:77%; left:30%; background:#0D4D8C; padding:0 0px 0 0}
+
−
.header_mobile ul ul li:hover{background:#159CD8}
+
−
.header_mobile ul ul li{float:none; width:120px}
+
−
.header_mobile ul ul a {line-height:100%; padding:0 20px 0 0; font-size:15px }
+
−
.header_mobile ul ul ul {top:0; left:200%}
+
−
.header_mobile ul li.selected a{color:#8BC5EB}
+
−
.header_mobile ul li:hover > ul{display:block;}
+
−
 
+
−
 
+
−
@media screen and (max-width:1000px){
+
−
 
+
−
.header_left{display:none;}
+
−
.header_right{display:none;}
+
−
.header_mobile{display:block;}
+
−
 
+
−
}
+
−
 
+
−
</style>
+
−
 
+
−
<style type="text/css">
+
−
 
+
−
.top_slogan {text-align:center; font-family: 'Source Sans Pro', sans-serif; color:#0D4D8C; font-size:30px; padding: 40px 0px 40px 0px; font-style:strong; line-height:40px;}
+
−
 
+
−
.btn2 {cursor: pointer;background: none;padding: none;color:none; border-radius: none;}
+
−
 
+
−
/* Modal */
+
−
.modal {opacity: 0;visibility: hidden;position: fixed;top: 0;right: 0;bottom: 0;left: 0;text-align: left;background: rgba(0,0,0, .9);transition: opacity .25s ease;z-index:999;}
+
−
.modal__bg {position: absolute;top: 0;right: 0;bottom: 0;left: 0;cursor: pointer;}
+
−
.modal-state { display: none;}
+
−
.modal-state:checked + .modal {opacity: 1;visibility: visible;}
+
−
.modal-state:checked + .modal .modal__inner {top: 0;}
+
−
.modal__inner {transition: top .25s ease;position: absolute;top: -20%; right: 0;bottom: 0;left: 0;width: 750px;margin: auto;overflow: auto;background:#FFFFFF;border-radius: 0px;padding: 1em 2em;height: 200px;}
+
−
.modal__close {position: absolute;right: 1em;top: 1em;width: 1.1em;height: 1.1em;cursor: pointer;}
+
−
.modal__close:after,
+
−
.modal__close:before {content: '';position: absolute;width: 2px;height: 1.5em;background: #ccc;display: block;transform: rotate(45deg);left: 50%;margin: -3px 0 0 -1px;top: 0;}
+
−
.modal__close:hover:after,
+
−
.modal__close:hover:before {background: #aaa;}
+
−
.modal__close:before {transform: rotate(-45deg);}
+
−
 
+
−
.modal2 {opacity: 0;visibility: hidden;position: fixed;top: 0;right: 0;bottom: 0;left: 0;text-align: left;background: rgba(0,0,0, .9);transition: opacity .25s ease;z-index:999;}
+
−
.modal2__bg {position: absolute;top: 0;right: 0;bottom: 0;left: 0;cursor: pointer;}
+
−
.modal2-state { display: none;}
+
−
.modal2-state:checked + .modal2 {opacity: 1;visibility: visible;}
+
−
.modal2-state:checked + .modal2 .modal2__inner {top: 0;}
+
−
.modal2__inner {transition: top .25s ease;position: absolute;top: -20%; right: 0;bottom: 0;left: 0;width: 750px;margin: auto;overflow: auto;background:#FFFFFF;border-radius: 0px;padding: 1em 2em;height: 458px;}
+
−
.modal2__close {position: absolute;right: 1em;top: 1em;width: 1.1em;height: 1.1em;cursor: pointer;}
+
−
.modal2__close:after,
+
−
.modal2__close:before {content: '';position: absolute;width: 2px;height: 1.5em;background: #ccc;display: block;transform: rotate(45deg);left: 50%;margin: -3px 0 0 -1px;top: 0;}
+
−
.modal2__close:hover:after,
+
−
.modal2__close:hover:before {background: #aaa;}
+
−
.modal2__close:before {transform: rotate(-45deg);}
+
−
 
+
−
 
+
−
</style>
+
−
 
+
−
<center><div class="top_slogan">Attributions</div></center>
+
−
 
+
−
<div class="main_content">
+
−
 
+
−
<center><h1> Our Friends</h1></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>
+
−
</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>
+
−
 
+
−
    <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>
+
−
 
+
−
<!-------------------------------- Chemistry and Research Modals ----------------------------------->
+
−
 
+
−
<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>
+
−
 
+
−
<input class="modal-state" id="Atrazheva" type="checkbox" />
+
−
<div class="modal">
+
−
  <label class="modal__bg" for="Atrazheva"></label>
+
−
  <div class="modal__inner">
+
−
 
+
−
    <center><h1>Elena Atrazheva</h1></center>
+
−
    <p><b>Department of Chemistry, NAIT</b></p><br>
+
−
    <p> Elena helped us create a hypothesis on the mechanism of silver staining.</p>
+
−
  </div>
+
−
</div>
+
−
 
+
−
<input class="modal-state" id="Force" type="checkbox" />
+
−
<div class="modal">
+
−
  <label class="modal__bg" for="Force"></label>
+
−
  <div class="modal__inner">
+
−
 
+
−
    <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>
+
−
 
+
−
<input class="modal-state" id="Lucan" type="checkbox" />
+
−
<div class="modal">
+
−
  <label class="modal__bg" for="Lucan"></label>
+
−
  <div class="modal__inner">
+
−
 
+
−
    <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>
+
−
 
+
−
<input class="modal-state" id="Korney" type="checkbox" />
+
−
<div class="modal">
+
−
  <label class="modal__bg" for="Korney"></label>
+
−
  <div class="modal__inner">
+
−
 
+
−
    <center><h1>Michael Korney</h1></center>
+
−
    <p><b>Department of Chemistry, Nait</b></P><br>
+
−
    <p>Micheal helped the team with the literature review and describing the chemistry of silver staining.</p>
+
−
  </div>
+
−
</div>
+
−
 
+
−
<input class="modal-state" id="Tenaschuk" type="checkbox" />
+
−
<div class="modal">
+
−
  <label class="modal__bg" for="Tenaschuk"></label>
+
−
  <div class="modal__inner">
+
−
 
+
−
    <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>
+
−
 
+
−
<!---END Chemistry and Research Modals------------------>
+
−
 
+
−
 
+
−
<!--------------------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" />
+
−
<div class="modal">
+
−
  <label class="modal__bg" for="Spencer"></label>
+
−
  <div class="modal__inner">
+
−
 
+
−
    <center><h1>Sandra Spencer</h1></center>
+
−
    <p><b>Office of Research and Innovation, NAIT</b></p><br>
+
−
    <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">
+
−
 
+
−
    <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>
+
−
 
+
−
<input class="modal-state" id="McMullen" type="checkbox" />
+
−
<div class="modal">
+
−
  <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>
+
−
 
+
−
<input class="modal-state" id="Giordano" type="checkbox" />
+
−
<div class="modal">
+
−
  <label class="modal__bg" for="Giordano"></label>
+
−
  <div class="modal__inner">
+
−
 
+
−
    <center><h1>Sabrina Giordano</h1></center>
+
−
    <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">
+
−
 
+
−
    <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>
+
−
 
+
−
<input class="modal-state" id="Coomansingh" type="checkbox" />
+
−
<div class="modal">
+
−
  <label class="modal__bg" for="Coomansingh"></label>
+
−
  <div class="modal__inner">
+
−
 
+
−
    <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>
+
−
 
+
−
<center><h1> Our Team </h1></center>
+
−
 
+
−
<label class="btn" for="Marcelo"><div data-sr="wait 0.5s, enter left" class="attribMarcelo"></div></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>
+
−
 
+
−
<center><h1> Our Sponsors</h1></center>
+
−
 
+
−
<center><h2>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! </h2></center>
+
−
 
+
−
<br><br><br>
+
−
<center>
+
−
 
+
−
<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="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>
+
−
 
+
−
</center>
+
−
 
+
−
 
+
−
 
+
−
 
+
−
<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;}
+
−
 
+
−
 
+
−
@media screen and (max-width:1000px) {
+
−
 
+
−
.attribMarcelo,.attribMattea,.attribEduardo, .attribJohannes, .attribDavid, .attribJoy, .attribKevin, .attribAbbie {margin-left:14px;}
+
−
 
+
−
 
+
−
}
+
−
 
+
−
</style>
+
−
 
+
−
 
+
−
 
+
−
 
+
−
 
+
−
  </div>
+
−
  </div>
+
−
 
+
−
 
+
−
<!----------------------------------Team Modals--------------------------->
+
−
 
+
−
<input class="modal2-state" id="Marcelo" type="checkbox" />
+
−
<div class="modal2">
+
−
  <label class="modal2__bg" for="Marcelo"></label>
+
−
  <div class="modal2__inner">
+
−
 
+
−
    <center><h1>Marcelo Marcet</h1></center>
+
−
 
+
−
    <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>
+
−
  </div>
+
−
</div>
+
−
 
+
−
<input class="modal2-state" id="Mattea" type="checkbox" />
+
−
<div class="modal2">
+
−
  <label class="modal2__bg" for="Mattea"></label>
+
−
  <div class="modal2__inner">
+
−
 
+
−
    <center><h1>Mattéa Bujold</h1></center>
+
−
    <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>
+
−
  </div>
+
−
</div>
+
−
 
+
−
<input class="modal2-state" id="Eduardo" type="checkbox" />
+
−
<div class="modal2">
+
−
  <label class="modal2__bg" for="Eduardo"></label>
+
−
  <div class="modal2__inner">
+
−
 
+
−
    <center><h1>Eduardo A. R. Serratos</h1></center>
+
−
    <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>
+
−
 
+
−
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.
+
−
 
+
−
 
+
−
</p>
+
−
  </div>
+
−
</div>
+
−
 
+
−
<input class="modal2-state" id="David" type="checkbox" />
+
−
<div class="modal2">
+
−
  <label class="modal2__bg" for="David"></label>
+
−
  <div class="modal2__inner">
+
−
 
+
−
    <center><h1>David Barilla</h1></center>
+
−
    <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>
+
−
 
+
−
"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.  </p>
+
−
  </div>
+
−
</div>
+
−
 
+
−
<input class="modal2-state" id="Johannes" type="checkbox" />
+
−
<div class="modal2">
+
−
  <label class="modal2__bg" for="Johannes"></label>
+
−
  <div class="modal2__inner">
+
−
 
+
−
    <center><h1>Johannes Coomansingh</h1></center>
+
−
    <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 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>
+
−
  </div>
+
−
</div>
+
−
 
+
−
<input class="modal2-state" id="Abbie" type="checkbox" />
+
−
<div class="modal2">
+
−
  <label class="modal2__bg" for="Abbie"></label>
+
−
  <div class="modal2__inner">
+
−
 
+
−
    <center><h1>Abbie Gottert</h1></center>
+
−
    <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>
+
−
  </div>
+
−
</div>
+
−
 
+
−
<input class="modal2-state" id="Joy" type="checkbox" />
+
−
<div class="modal2">
+
−
  <label class="modal2__bg" for="Joy"></label>
+
−
  <div class="modal2__inner">
+
−
 
+
−
    <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. ---->
+
−
 
+
−
    <center>Joy is joy.</center><br>
+
−
 
+
−
<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>
+
−
 
+
−
 
+
−
  </div>
+
−
</div>
+
−
 
+
−
<input class="modal2-state" id="Kevin" type="checkbox" />
+
−
<div class="modal2">
+
−
  <label class="modal2__bg" for="Kevin"></label>
+
−
  <div class="modal2__inner">
+
−
 
+
−
    <center><h1>Kevin Setzer</h1></center>
+
−
    <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 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!
+
−
 
+
−
 
+
−
</p>
+
−
  </div>
+
−
</div>
+
−
 
+
−
<!-------END--------------------------Team Modals------------------------------------------------->
+
−
 
+
−
 
+
−
<!--------------------------------Chemistry and Research Modals----------------------------------->
+
−
 
+
−
<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>
+
−
 
+
−
<input class="modal-state" id="Atrazheva" type="checkbox" />
+
−
<div class="modal">
+
−
  <label class="modal__bg" for="Atrazheva"></label>
+
−
  <div class="modal__inner">
+
−
 
+
−
    <center><h1>Elena Atrazheva</h1></center>
+
−
    <p><b>Department of Chemistry, NAIT</b></p><br>
+
−
    <p> Elena helped us create a hypothesis on the mechanism of silver staining.</p>
+
−
  </div>
+
−
</div>
+
−
 
+
−
<input class="modal-state" id="Force" type="checkbox" />
+
−
<div class="modal">
+
−
  <label class="modal__bg" for="Force"></label>
+
−
  <div class="modal__inner">
+
−
 
+
−
    <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>
+
−
 
+
−
<input class="modal-state" id="Lucan" type="checkbox" />
+
−
<div class="modal">
+
−
  <label class="modal__bg" for="Lucan"></label>
+
−
  <div class="modal__inner">
+
−
 
+
−
    <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>
+
−
 
+
−
<input class="modal-state" id="Korney" type="checkbox" />
+
−
<div class="modal">
+
−
  <label class="modal__bg" for="Korney"></label>
+
−
  <div class="modal__inner">
+
−
 
+
−
    <center><h1>Michael Korney</h1></center>
+
−
    <p><b>Department of Chemistry, Nait</b></P><br>
+
−
    <p>Micheal helped the team with the literature review and describing the chemistry of silver staining.</p>
+
−
  </div>
+
−
</div>
+
−
 
+
−
<input class="modal-state" id="Tenaschuk" type="checkbox" />
+
−
<div class="modal">
+
−
  <label class="modal__bg" for="Tenaschuk"></label>
+
−
  <div class="modal__inner">
+
−
 
+
−
    <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>
+
−
 
+
−
<!---END Chemistry and Research Modals------------------>
+
−
 
+
−
 
+
−
<!--------------------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" />
+
−
<div class="modal">
+
−
  <label class="modal__bg" for="Spencer"></label>
+
−
  <div class="modal__inner">
+
−
 
+
−
    <center><h1>Sandra Spencer</h1></center>
+
−
    <p><b>Office of Research and Innovation, NAIT</b></p><br>
+
−
    <p>Sandra helped the team by monitoring the funding of the entire project.</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">
+
−
 
+
−
    <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>
+
−
 
+
−
<input class="modal-state" id="McMullen" type="checkbox" />
+
−
<div class="modal">
+
−
  <label class="modal__bg" for="McMullen"></label>
+
−
  <div class="modal__inner">
+
−
 
+
−
    <center><h1>Bill McMullen</h1></center>
+
−
    <p><b>Leadership Mentor, 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>
+
−
 
+
−
<input class="modal-state" id="Giordano" type="checkbox" />
+
−
<div class="modal">
+
−
  <label class="modal__bg" for="Giordano"></label>
+
−
  <div class="modal__inner">
+
−
 
+
−
    <center><h1>Sabrina Giordano</h1></center>
+
−
    <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">
+
−
 
+
−
    <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>
+
−
 
+
−
<input class="modal-state" id="Coomansingh" type="checkbox" />
+
−
<div class="modal">
+
−
  <label class="modal__bg" for="Coomansingh"></label>
+
−
  <div class="modal__inner">
+
−
 
+
−
    <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.</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="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>
+
−
 
+
−
 
+
−
<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.</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 socvial 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>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 oif 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="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.</p>
+
−
  </div>
+
−
</div>
+
−
 
+
−
<!----------------------------------------END MODALS----------------------------------------->
+
−
  <div class="clear"></div>
+
−
+
−
 
+
−
 
+
−
</div>
+
−
 
+
−
        <div class="footer">
+
−
        <div class="footer_content">
+
−
            <div class="footer_left">
+
−
                        <ul class="footer_menu">
+
−
                    <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="footer_right">
+
−
                <ul class="social_icons">
+
−
                <li><a href="http://www.facebook.com/pages/IGEM-2015-NAIT-Edmonton/884025281659292"><img src="https://static.igem.org/mediawiki/2015/a/a3/NAIT_Icon_facebook.png" alt="" title="" /></a></li>
+
−
                <li><a href="http://www.twitter.com/TeamNAIT2015"><img src="https://static.igem.org/mediawiki/2015/6/64/NAIT_Icon_twitter.png" alt="" title="" /></a></li>
+
−
                <li><a href="https://2015.igem.org/Team:NAIT_Edmonton/ContactUs"><img src="https://static.igem.org/mediawiki/2015/2/29/NAIT_Icon_contact.png" width="20px" alt="" title="" /></a></li>
+
−
                </ul>
+
−
            </div>
+
−
          <div class="clear"></div>
+
−
          </div>
+
−
        </div>
+
−
</div>
+
−
 
+
−
<style type="text/css">
+
−
 
+
−
#footer {z-index:15;}
+
−
.footer {position: relative; padding:20px 0 40px 0; margin: -25px 0 0 0; clear:both; width:100%; background-color:#0D4D8C; height:25px;}
+
−
.footer_content {margin:auto;width:100%;}
+
−
.footer_left { float:left; padding:0 0 0 10%;}
+
−
.footer_right{ float:right; padding:0 10% 0 0;}
+
−
ul.social_icons { margin:0px; padding:0px; list-style:none;}
+
−
ul.social_icons li{ float:left;}
+
−
ul.social_icons li a{width:30px;height:30px;display:block;border-radius:15px;-moz-border-radius:15px;-webkit-border-radius:15px;-khtml-border-radius:15px;float:left;margin:0px 0 0px 5px;background-color:#ADD3F0;text-align:center;}
+
−
ul.social_icons li a#top{width:30px;height:30px;display:block;border-radius:15px;-moz-border-radius:15px;-webkit-border-radius:15px;-khtml-border-radius:15px;float:left;margin:0px 0 0px 5px;background-color:#ADD3F0;text-align:center;}
+
−
ul.social_icons li a:hover{ background-color:#5AB3E3;}
+
−
ul.social_icons li a img{ width:60%; display:block; margin:5px auto;}
+
−
 
+
−
ul.footer_menu{ padding:10px 0 0 0; margin:0px; list-style:none;}
+
−
ul.footer_menu li{ float:left; padding:0 15px 0 0;}
+
−
ul.footer_menu li a{ background:url(https://static.igem.org/mediawiki/2015/1/17/NAIT_Bullet.png) no-repeat left; padding:0 0 0 12px;}
+
−
 
+
−
 
+
−
</style>
+
−
 
+
−
 
+
−
 
+
−
<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">
+
−
 
+
−
      window.sr = new scrollReveal();
+
−
 
+
−
</script>
+
−
 
+
−
 
+
−
 
+
−
 
+
−
 
+
−
</body>
+
−
 
+
−
 
+
 
</html>
 
</html>

Revision as of 02:05, 15 September 2016

★ ALERT!

This page is used by the judges to evaluate your team for the Attributions bronze criterion.

Delete this box in order to be evaluated for this medal. See more information at Instructions for Pages for awards.

Each team must clearly attribute work done by the student team members on this page. The team must distinguish work done by the students from work done by others, including the host labs, advisors, instructors, and individuals not on the team roster.

Why is this page needed?

The Attribution requirement helps the judges know what you did yourselves and what you had help with. We don't mind if you get help with difficult or complex techniques, but you must report what work your team did and what work was done by others.

For example, you might choose to work with an animal model during your project. Working with animals requires getting a license and applying far in advance to conduct certain experiments in many countries. This is difficult to achieve during the course of a summer, but much easier if you can work with a postdoc or PI who has the right licenses.

What should this page have?
  • General Support
  • Project support and advice
  • Fundraising help and advice
  • Lab support
  • Difficult technique support
  • Project advisor support
  • Wiki support
  • Presentation coaching
  • Human Practices support
  • Thanks and acknowledgements for all other people involved in helping make a successful iGEM team
Can we base our project on a previous one?

Yes! You can have a project based on a previous team, or based on someone else's idea, as long as you state this fact very clearly and give credit for the original project.

Inspiration

Take a look at what other teams have done:

Team training and Project start

Tell us if your institution teaches an iGEM or synthetic biology class and when you started your project:

  • Does your institution teach an iGEM or synthetic biology course?
  • When did you start this course?
  • Are the syllabus and course materials freely available online?
  • When did you start your brainstorming?
  • When did you start in the lab?
  • When did you start working on your project?