Difference between revisions of "Team:Waterloo/Team"

 
(13 intermediate revisions by 2 users not shown)
Line 10: Line 10:
 
{{Waterloo/head}}
 
{{Waterloo/head}}
 
<html>
 
<html>
−
 
−
<style>
 
−
.teamMember {
 
−
  height: 120px;
 
−
  display: inline-table;
 
−
  width: 120px;
 
−
  cursor: pointer;
 
−
  border-radius: 3px;
 
−
  border: white;
 
−
  border-style: solid;
 
−
  margin: 12px;
 
−
}
 
−
</style>
 
  
 
<nav class="navbar navbar-toggleable-md navbar-inverse bg-primary fixed-top"><a class="navbar-brand" href="https://2018.igem.org/Team:Waterloo">Waterloo</a><button class="navbar-toggler navbar-toggler-right" type="button" data-toggle="collapse" data-target="#navbarCollapse" aria-controls="navbarCollapse" aria-expanded="false" aria-label="Toggle navigation">
 
<nav class="navbar navbar-toggleable-md navbar-inverse bg-primary fixed-top"><a class="navbar-brand" href="https://2018.igem.org/Team:Waterloo">Waterloo</a><button class="navbar-toggler navbar-toggler-right" type="button" data-toggle="collapse" data-target="#navbarCollapse" aria-controls="navbarCollapse" aria-expanded="false" aria-label="Toggle navigation">
Line 32: Line 19:
 
<ul class="dropdown-menu">
 
<ul class="dropdown-menu">
 
<li class="active"><a class="dropdown-item" href="https://2018.igem.org/Team:Waterloo/Team"><span>Team</span></a></li>
 
<li class="active"><a class="dropdown-item" href="https://2018.igem.org/Team:Waterloo/Team"><span>Team</span></a></li>
 +
</li>
 +
<li class=""><a class="dropdown-item" href="https://2018.igem.org/Team:Waterloo/Meet_the_Microbes"><span>Meet The Microbes</span></a></li>
 
</li>
 
</li>
 
<li class=""><a class="dropdown-item" href="https://2018.igem.org/Team:Waterloo/Collaborations"><span>Collaborations</span></a></li>
 
<li class=""><a class="dropdown-item" href="https://2018.igem.org/Team:Waterloo/Collaborations"><span>Collaborations</span></a></li>
Line 38: Line 27:
 
<li class="dropdown nav-item"><a href="#" class="nav-link dropdown-toggle nav-link" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Project<span class="caret"></span></a>
 
<li class="dropdown nav-item"><a href="#" class="nav-link dropdown-toggle nav-link" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Project<span class="caret"></span></a>
 
<ul class="dropdown-menu">
 
<ul class="dropdown-menu">
−
<li class=""><a class="dropdown-item" href="https://2018.igem.org/Team:Waterloo/Contribution"><span>Contribution</span></a></li>
 
−
</li>
 
 
<li class=""><a class="dropdown-item" href="https://2018.igem.org/Team:Waterloo/Description"><span>Description</span></a></li>
 
<li class=""><a class="dropdown-item" href="https://2018.igem.org/Team:Waterloo/Description"><span>Description</span></a></li>
 
</li>
 
</li>
Line 46: Line 33:
 
<li class=""><a class="dropdown-item" href="https://2018.igem.org/Team:Waterloo/Experiments"><span>Experiments</span></a></li>
 
<li class=""><a class="dropdown-item" href="https://2018.igem.org/Team:Waterloo/Experiments"><span>Experiments</span></a></li>
 
</li>
 
</li>
−
<li class=""><a class="dropdown-item" href="https://2018.igem.org/Team:Waterloo/Proof"><span>Proof</span></a></li>
+
<li class=""><a class="dropdown-item" href="https://2018.igem.org/Team:Waterloo/Interlab"><span>Interlab</span></a></li>
 
</li>
 
</li>
 
<li class=""><a class="dropdown-item" href="https://2018.igem.org/Team:Waterloo/Demonstrate"><span>Demonstrate</span></a></li>
 
<li class=""><a class="dropdown-item" href="https://2018.igem.org/Team:Waterloo/Demonstrate"><span>Demonstrate</span></a></li>
Line 65: Line 52:
 
<li class=""><a class="dropdown-item" href="https://2018.igem.org/Team:Waterloo/Human_Practices"><span>Human Practices</span></a></li>
 
<li class=""><a class="dropdown-item" href="https://2018.igem.org/Team:Waterloo/Human_Practices"><span>Human Practices</span></a></li>
 
</li>
 
</li>
−
<li class=""><a class="dropdown-item" href="https://2018.igem.org/Team:Waterloo/HP_Silver"><span>Silver</span></a></li>
+
<li class=""><a class="dropdown-item" href="https://2018.igem.org/Team:Waterloo/Engagement"><span>Engagement</span></a></li>
 
</li>
 
</li>
−
<li class=""><a class="dropdown-item" href="https://2018.igem.org/Team:Waterloo/HP_Gold"><span>Gold</span></a></li>
+
<li class=""><a class="dropdown-item" href="https://2018.igem.org/Team:Waterloo/IAT"><span>Iat</span></a></li>
 
</li>
 
</li>
−
<li class=""><a class="dropdown-item" href="https://2018.igem.org/Team:Waterloo/Integrated_Practices"><span>Integrated Practices</span></a></li>
+
<li class=""><a class="dropdown-item" href="https://2018.igem.org/Team:Waterloo/Societal_Considerations"><span>Societal Considerations</span></a></li>
−
</li>
+
−
<li class=""><a class="dropdown-item" href="https://2018.igem.org/Team:Waterloo/Engagement"><span>Engagement</span></a></li>
+
 
</li>
 
</li>
 
</ul>
 
</ul>
−
<li class="dropdown nav-item"><a href="#" class="nav-link dropdown-toggle nav-link" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Awards<span class="caret"></span></a>
+
<li class="dropdown nav-item"><a href="#" class="nav-link dropdown-toggle nav-link" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Dry Lab<span class="caret"></span></a>
 
<ul class="dropdown-menu">
 
<ul class="dropdown-menu">
 +
<li class=""><a class="dropdown-item" href="https://2018.igem.org/Team:Waterloo/Model"><span>Model</span></a></li>
 +
</li>
 
<li class=""><a class="dropdown-item" href="https://2018.igem.org/Team:Waterloo/Software"><span>Software</span></a></li>
 
<li class=""><a class="dropdown-item" href="https://2018.igem.org/Team:Waterloo/Software"><span>Software</span></a></li>
 
</li>
 
</li>
−
<li class=""><a class="dropdown-item" href="https://2018.igem.org/Team:Waterloo/Model"><span>Model</span></a></li>
+
<li class=""><a class="dropdown-item" href="https://2018.igem.org/Team:Waterloo/Automation"><span>Automation</span></a></li>
 +
</li>
 +
<li class=""><a class="dropdown-item" href="https://2018.igem.org/Team:Waterloo/Turbidostat"><span>Turbidostat</span></a></li>
 
</li>
 
</li>
 
</ul>
 
</ul>
Line 84: Line 73:
 
</div></nav>
 
</div></nav>
 
<div class="content team">
 
<div class="content team">
−
   <div class="titleBox row" style="background: url(https://static.igem.org/mediawiki/2017/4/4c/T--Waterloo--2017_teamphoto.jpg)">
+
   <div class="titleBox row">
−
     <div class="layer shade">
+
     <div class="layer">
 
       <div class="squiggle squiggleForward col-xs-4"></div>
 
       <div class="squiggle squiggleForward col-xs-4"></div>
 
       <div class="titleCaption col-xs-4">
 
       <div class="titleCaption col-xs-4">
 
         <h1>
 
         <h1>
−
           Our Lit Team
+
           Our Team
 
         </h1>
 
         </h1>
 
       </div>
 
       </div>
Line 96: Line 85:
 
   </div>
 
   </div>
 
   <div class="content-main">
 
   <div class="content-main">
−
     <div class="row">
+
     <div>
−
      <div class="col-sm-2"></div>
+
−
      <div class="col-sm-4">
+
−
        <div class="lightbulb" v-bind:style="{ backgroundImage: 'url(' + member.picture + ')' }"></div>
+
−
      </div>
+
−
      <div class="col-sm-4">
+
−
        <div class="teamMemberInfo">
+
−
          <h2>^^member.name + (member.nickname ? ' (' + member.nickname + ')' : '')$$</h2>
+
−
          <p>^^(member.year || '') + (member.year || '' && ', ') + (member.subteam || '')$$</p>
+
−
          <p>^^member.bio$$</p>
+
−
        </div>
+
−
      </div>
+
−
      <div class="col-sm-2"></div>
+
−
    </div>
+
−
  </div>
+
−
<div id="inserts">
+
−
    <center>
+
 
       <div class="ip-group-wrapper">
 
       <div class="ip-group-wrapper">
−
         <div class="memberList">
+
         <div class="memberList row" v-for="memberPair in memberPairs">
−
           <div style="border-radius:3px; overflow:hidden">
+
           <div class="col-sm-3">
−
 
+
    <div class="circle" v-bind:style="{ backgroundImage: 'url(' + memberPair[0].picture + ')' }"></div>
−
          <div class="teamMember" v-on:click="member=me" v-for="me in ip.members">
+
−
    ^^me.name + (me.nickname ? ' (' + me.nickname + ')' : '')$$
+
 
           </div>
 
           </div>
 +
          <div class="col-sm-3">
 +
            <div class="teamMemberInfo">
 +
              <h2>^^memberPair[0].name + (memberPair[0].nickname ? ' (' + memberPair[0].nickname + ')' : '')$$</h2>
 +
              <p>^^(memberPair[0].year || '') + (memberPair[0].year ? ', ' : '') + (memberPair[0].subteam || '')$$</p>
 +
              <p>^^memberPair[0].bio$$</p>
 +
            </div>
 +
          </div>
 +
  <div class="col-sm-3" v-if="memberPair.length > 1">
 +
    <div class="circle" v-bind:style="{ backgroundImage: 'url(' + memberPair[1].picture + ')' }"></div>
 +
          </div>
 +
  <div class="col-sm-3" v-if="memberPair.length > 1">
 +
            <div class="teamMemberInfo">
 +
              <h2>^^memberPair[1].name + (memberPair[1].nickname ? ' (' + memberPair[1].nickname + ')' : '')$$</h2>
 +
              <p>^^(memberPair[1].year || '') + (memberPair[1].year ? ', ' : '') + (memberPair[1].subteam || '')$$</p>
 +
              <p>^^memberPair[1].bio$$</p>
 +
            </div>
 
           </div>
 
           </div>
−
        </div>
 
 
       </div>
 
       </div>
−
     </center>
+
      </div>
 +
     </div>
 
   </div>
 
   </div>
 
</div>
 
</div>
Line 133: Line 120:
 
   delimiters: ['^^', '$$'],
 
   delimiters: ['^^', '$$'],
 
   data:{
 
   data:{
−
    member: {
 
−
name: 'Click a team member to view their information',
 
−
  bio: '',
 
−
photo: '',
 
−
},
 
 
     ip: {
 
     ip: {
 
     parent: "IP",
 
     parent: "IP",
 
     members: [
 
     members: [
 +
      {'name': 'Maximilian Reed', 'picture': 'https://static.igem.org/mediawiki/2018/9/98/T--Waterloo--team-MaxR.jpeg', 'year': '4A Nanotechnology Engineering', 'nickname': 'MAAAAAAAXXXXX', 'subteam': 'Lab and Design', 'bio': 'having lost my soul during iGEM 2017, i am no longer afraid. nothing can stop or hurt me.'},
 +
      {'name': 'Sebastien Carman', 'picture': 'https://static.igem.org/mediawiki/2018/4/45/T--Waterloo--team-Seb.jpeg', 'year': '3A Biotechnology and Economics', 'nickname': 'Seb', 'subteam': 'Lab and Design', 'bio': 'Significantly more waste than last year.'},
 +
      {'name': 'Clara Fikry', 'picture': 'https://static.igem.org/mediawiki/2018/4/4c/T--Waterloo--team-Clara.png', 'year': '3A Health Studies and Biology', 'nickname': 'Clarafication', 'subteam': 'Lab and Design', 'bio': 'My favourite experiment was the one where we tested if methionine was shared between cells. It took a many design iterations and a few trials, but it worked and the results were just so beautiful. Read more on our design and results pages.'},
 +
      {'name': 'Chirayu Patel', 'picture': 'https://static.igem.org/mediawiki/2018/9/97/T--Waterloo--team-Ray.jpeg', 'year': '4B Biochemistry, Biotechnology Specialization', 'nickname': 'Ray', 'subteam': 'Lab and Design', 'bio': 'To this day, Miss Frizzle\’s words echo in my mind: “Take chances, make mistakes, get messy!” Oh Miss Frizzle, I took your words to heart. It\'s been fun getting to know everyone on the team, solving problems, and exploring the wonders of synbio.'},
 +
      {'name': 'Nicole Lassel', 'picture': 'https://static.igem.org/mediawiki/2018/9/95/T--Waterloo--team-NicoleL.jpeg', 'year': '4A Science and Business, Biology Specialization', 'subteam': 'Lab and Design', 'bio': 'This was my first time working with iGEM, and I was especially lucky to be fully exposed to synthetic biology by being Waterloo iGEM\'s co-op student during the Spring term.  From making some of the most competent cells ever to keeping the lab safe and sparkling clean, there was always something going on in the lab. I\'m happy I learned so many new technical skills, and grew as a scientist and individual!'},
 +
      {'name': 'Nicolette Shaw', 'picture': 'https://static.igem.org/mediawiki/parts/9/9c/T--Waterloo--team-Nicki.jpeg', 'year': '2A Biochemistry', 'nickname': 'Nicki', 'subteam': 'Lab and Design', 'bio': 'If I had a dollar for every gel I made, I still wouldn\’t be able to make up for the 45ul of gelred I wasted by accident.'},
 +
      {'name': 'Nicole Wang', 'picture': 'https://static.igem.org/mediawiki/2018/c/c5/T--Waterloo--team-NicoleW.jpeg', 'year': '4A Biology', 'subteam': 'Lab and Design', 'bio': 'Just another Nicole in iGEM'},
 +
      {'name': 'Marina Robin', 'picture': 'https://static.igem.org/mediawiki/parts/3/3c/T--Waterloo--team-Marina.jpeg', 'year': '2A Honours Science', 'subteam': 'Lab and Design', 'bio': 'Highly proficient in syringe filter sterilization'},
 +
      {'name': 'Dylan Perera', 'picture': 'https://static.igem.org/mediawiki/2018/0/06/T--Waterloo--team-Dylan.jpeg', 'year': '3A Biochemistry', 'subteam': 'Lab and Design', 'bio': 'I\'m proud to say our interlab samples survived the long and perilous cross-campus journey to the plate reader without getting too drenched.'},
 +
      {'name': 'Leah Fulton', 'picture': 'https://static.igem.org/mediawiki/2018/a/a2/T--Waterloo--team-Leah.jpeg', 'year': '3A Biology', 'subteam': 'Lab and Design', 'bio': 'Didn\'t sleep much, but I learned a lot.'},
 +
      {'name': 'Poonam Furmah', 'picture': 'https://static.igem.org/mediawiki/2018/4/4f/T--Waterloo--team-Poonam.jpeg', 'year': '4B Biology', 'subteam': 'Lab and Design', 'bio': 'Dropped more lab samples than beats dropped at an EDM festival.'},
 +
      {'name': 'Cameron Martin', 'picture': 'https://static.igem.org/mediawiki/parts/f/f4/T--Waterloo--team-Cameron.jpeg', 'year': '3A Nanotechnology Engineering', 'nickname': 'C-NA$TY', 'subteam': 'Lab and Design', 'bio': 'Was really hungry at training.'},
 +
      {'name': 'Dean Stipanic', 'picture': 'https://static.igem.org/mediawiki/2018/d/df/T--Waterloo--team-Dean.png', 'year': '3A Nanotechnology Engineering', 'subteam': 'Lab and Design', 'bio': 'Spirit Animal: Actinidia deliciosa'},
 +
      {'name': 'Amanda Kuang', 'picture': 'https://static.igem.org/mediawiki/2018/1/18/T--Waterloo--team-Amanda.jpeg', 'year': '2B Biochemistry', 'subteam': 'Lab and Design', 'bio': 'Waterloo iGEM is hot to go, spelled H-O-T-T-O-G-O'},
 +
      {'name': 'Vincent Halim', 'picture': 'https://static.igem.org/mediawiki/2018/b/b3/T--Waterloo--team-Vincent.jpeg', 'year': '4A Biochemistry, Biotechnology Specialization', 'subteam': 'Lab and Design', 'bio': 'Spend hours making YPD plates, then sneezed at it'},
 +
      {'name': 'Caleb Innes', 'picture': 'https://static.igem.org/mediawiki/2018/a/a2/T--Waterloo--team-Caleb.jpeg', 'year': '3A Honours Science', 'subteam': 'Lab and Design', 'bio': 'Don\’t put ladder into your sample wells ...'},
 +
      {'name': 'Cody Receno', 'picture': 'https://static.igem.org/mediawiki/2018/4/45/T--Waterloo--team-Cody.jpeg', 'year': '4A Computer Science and Bioformatics', 'subteam': 'Math and Modelling', 'bio': 'My third year on iGEM and it was truly a different experience. The people on Waterloo iGEM have inspired me greatly.'},
 +
      {'name': 'John Dewhurst', 'picture': 'https://static.igem.org/mediawiki/2018/4/4e/T--Waterloo--team-John.jpeg', 'year': '4B Applied Mathematics, Biology Minor', 'subteam': 'Math and Modelling', 'bio': 'Strange things happen at infinity'},
 +
      {'name': 'Michael Astwood', 'picture': 'https://static.igem.org/mediawiki/2018/7/71/T--Waterloo--team-Michael.jpeg', 'year': '2B Mathematical Physics, Astrophysics and Pure Math minors', 'nickname': ':^)', 'subteam': 'Math and Modelling', 'bio': 'Bacteria sure are nifty'},
 +
      {'name': 'Alina Arvisais', 'picture': 'https://static.igem.org/mediawiki/2018/c/ce/T--Waterloo--team-Alina.jpeg', 'year': '2A Biochemistry ', 'subteam': 'Math and Modelling'},
 +
      {'name': 'Atmn Patel', 'picture': 'https://static.igem.org/mediawiki/2018/f/fc/T--Waterloo--team-Atmn.jpeg', 'year': '2A Computer Science', 'subteam': 'Math and Modelling'},
 +
      {'name': 'Jyler Menard', 'picture': 'https://static.igem.org/mediawiki/parts/4/4e/T--Waterloo--team-Jyler.jpeg', 'year': '3A Mathematical Physics', 'subteam': 'Math and Modelling', 'bio': 'First time on iGEM and I found it rewarding.'},
 +
      {'name': 'Shreya Prasad', 'picture': 'https://static.igem.org/mediawiki/parts/2/2f/T--Waterloo--team-Shreya.jpeg', 'year': '2B Computational Mathematics and Statistics', 'subteam': 'Math and Modelling', 'bio': 'I loved this year\'s optogenetics project, learnt so much from all the amazingly talented people on the team.'},
 +
      {'name': 'Weize Yuan', 'picture': 'https://static.igem.org/mediawiki/2018/d/de/T--Waterloo--team-Weize.jpeg', 'year': 'Materials and Nanosciences', 'subteam': 'Math and Modelling', 'bio': 'Really learn a lot from iGEM team'},
 +
      {'name': 'Isaac Ellmen', 'picture': 'https://static.igem.org/mediawiki/2018/2/25/T--Waterloo--team-Isaac.jpeg', 'year': '4A Combinatorics and Optimization, Pure Math', 'subteam': 'Math and Modelling', 'bio': 'Brevity is the soul of wit'},
 +
      {'name': 'Sarah Chan', 'picture': 'https://static.igem.org/mediawiki/2018/7/76/T--Waterloo--team-Sarah.jpeg', 'year': '4A Nanotechnology Engineering', 'subteam': 'Math and Modelling', 'bio': 'Enjoyed learning a lot about applying math to biology! :)'},
 +
      {'name': 'Kingsley Wong', 'picture': 'https://static.igem.org/mediawiki/parts/6/6d/T--Waterloo--team-Kingsley.jpeg', 'year': '3A Year Nanotechnology Engineering', 'nickname': 'The Waste King', 'subteam': 'Policy and Practices', 'bio': 'One day...just maybe...I\'ll be more like Max'},
 +
      {'name': 'Simon Frew', 'picture': 'https://static.igem.org/mediawiki/2018/7/75/T--Waterloo--team-Simon.jpeg', 'year': '2A Year Nanotechnology Engineering', 'nickname': '^-^', 'subteam': 'Policy and Practices', 'bio': 'From 1B, through co-op, and in 2A, I have become less of a macro and more of a nano - thanks to iGEM!'},
 +
      {'name': 'Christine Johnston', 'picture': 'https://static.igem.org/mediawiki/2018/1/10/T--Waterloo--team-Christine.jpeg', 'year': '3A Biomedical Sciences', 'subteam': 'Policy and Practices', 'bio': 'Happy to be here, even though I miss my cat'},
 +
      {'name': 'Anya Forestell', 'picture': 'https://static.igem.org/mediawiki/2018/b/b3/T--Waterloo--team-Anya.jpeg', 'year': '3B Physics and Astronomy', 'subteam': 'Policy and Practices', 'bio': 'I\’m never good at these things. I love outer space (black holes are pretty cool), Harry Potter (third and fourth books are my faves), feminism (Emma Watson is my idol), and getting involved in a bunch of stuff and learning new things (hello, iGEM!). This is my second year on iGEM, first year as PnP lead, it\’s been a great time leading this group of crazy kids <3'},
 +
      {'name': 'Kristelle Canlas', 'picture': 'https://static.igem.org/mediawiki/2018/0/04/T--Waterloo--team-Kristelle.jpeg', 'year': '2A Nanotechnology Engineering', 'nickname': '¯\_(ツ)_/¯', 'subteam': 'Policy and Practices', 'bio': 'P and P? More like Pretty Amazing Psubteam'},
 +
      {'name': 'Tamara Kailas', 'picture': 'https://static.igem.org/mediawiki/2018/6/66/T--Waterloo--team-Tamara.jpeg', 'year': '4A Science and Business', 'subteam': 'Policy and Practices', 'bio': 'Contemplating policy, knowledge translation and what to eat next.'},
 +
      {'name': 'Rajan Grewal', 'picture': 'https://static.igem.org/mediawiki/2018/8/8b/T--Waterloo--team-Rajan.jpeg', 'year': '2A Health Studies', 'subteam': 'Policy and Practices', 'bio': ' Adios amoebas :))'},
 +
      {'name': 'Xuan Nguyen', 'picture': 'https://static.igem.org/mediawiki/2018/4/41/T--Waterloo--team-Xuan.jpeg', 'year': '3A Health Studies', 'nickname': 'Swan (but this is getting old)', 'subteam': 'Policy and Practices', 'bio': 'Wow, science profs are mentally stimulating. Honestly, wouldn\’t have gotten where I am today without being a part of such a multidisciplinary team. Thanks to iGEM, I can now rave about 3D printing'},
 +
      {'name': 'Hasna Besher', 'year': '3A Biomedical Sciences', 'subteam': 'Policy and Practices'},
 +
 +
 
     ]
 
     ]
−
     }}}
+
     }},
 +
  computed: {
 +
    memberPairs: function () {
 +
    return this.ip.members.reduce(function(result, value, index, array) {
 +
      if (index % 2 === 0)
 +
        result.push(array.slice(index, index + 2));
 +
      return result;
 +
    }, []);
 +
  }
 +
}
 +
}
 
)
 
)
 
</script>
 
</script>
 
</html>
 
</html>
 
{{Waterloo/footer}}
 
{{Waterloo/footer}}

Latest revision as of 05:10, 1 December 2018

Our Team

^^memberPair[0].name + (memberPair[0].nickname ? ' (' + memberPair[0].nickname + ')' : '')$$

^^(memberPair[0].year || '') + (memberPair[0].year ? ', ' : '') + (memberPair[0].subteam || '')$$

^^memberPair[0].bio$$

^^memberPair[1].name + (memberPair[1].nickname ? ' (' + memberPair[1].nickname + ')' : '')$$

^^(memberPair[1].year || '') + (memberPair[1].year ? ', ' : '') + (memberPair[1].subteam || '')$$

^^memberPair[1].bio$$

Waterloo iGEM 2018

© 2018 Waterloo iGEM