Difference between revisions of "Team:Waterloo/Team"

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 38: Line 25:
 
<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 45: Line 30:
 
</li>
 
</li>
 
<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 class=""><a class="dropdown-item" href="https://2018.igem.org/Team:Waterloo/Proof"><span>Proof</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 64: Line 47:
 
<ul class="dropdown-menu">
 
<ul class="dropdown-menu">
 
<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 class=""><a class="dropdown-item" href="https://2018.igem.org/Team:Waterloo/HP_Silver"><span>Silver</span></a></li>
 
−
</li>
 
−
<li class=""><a class="dropdown-item" href="https://2018.igem.org/Team:Waterloo/HP_Gold"><span>Gold</span></a></li>
 
−
</li>
 
−
<li class=""><a class="dropdown-item" href="https://2018.igem.org/Team:Waterloo/Integrated_Practices"><span>Integrated Practices</span></a></li>
 
 
</li>
 
</li>
 
<li class=""><a class="dropdown-item" href="https://2018.igem.org/Team:Waterloo/Engagement"><span>Engagement</span></a></li>
 
<li class=""><a class="dropdown-item" href="https://2018.igem.org/Team:Waterloo/Engagement"><span>Engagement</span></a></li>
Line 89: Line 66:
 
       <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 73:
 
   </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="lightbulb" v-bind:style="{ backgroundImage: 'url(' + memberPair[0].picture + ')' }"></div>
−
          <div class="teamMember" v-on:click="member=me" v-for="me in ip.members">
+
          </div>
−
    ^^me.name + (me.nickname ? ' (' + me.nickname + ')' : '')$$
+
          <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>
 +
  <div class="col-sm-3" v-if="memberPair.length > 1">
 +
            <div class="lightbulb" 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 108:
 
   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', '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 & Economics', 'nickname': 'Seb', 'subteam': 'Lab', '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 & Biology', 'nickname': 'Clarafication', 'subteam': 'Lab', 'bio': 'My favourite experiment was the one where we tested if methionene 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', 'bio': 'Stay hungry. Stay foolish.'},
 +
      {'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', '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', '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': 'CHANGE', 'year': '4A Biology ;)', 'subteam': 'Lab', 'bio': 'Just another Nicole in iGEM'},
 +
      {'name': 'Marina Robin', 'picture': 'CHANGE', 'year': '2A Honours Science', 'subteam': 'Lab', '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', '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', 'bio': 'Didn\'t sleep much, but I learned a lot.'},
 +
      {'name': 'Poonam Furmah', 'picture': 'CHANGE', 'year': '4B Biology', 'subteam': 'Lab', 'bio': 'TEST'},
 +
      {'name': 'Cameron Martin', 'picture': 'CHANGE', 'year': '3A Nanotechnology Engineering', 'nickname': 'C-NA$TY', 'subteam': 'Lab', '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', 'bio': 'Spirit Animal: Actinidia deliciosa'},
 +
      {'name': 'Amanda Kuang', 'picture': 'CHANGE', 'year': '2B Biochemistry', 'subteam': 'Lab', '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', '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', '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', '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', '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', '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'},
 +
      {'name': 'Atmn Patel', 'picture': 'https://static.igem.org/mediawiki/2018/f/fc/T--Waterloo--team-Atmn.jpeg', 'year': '2A Computer Science', 'subteam': 'Math'},
 +
      {'name': 'Jyler Menard', 'picture': 'CHANGE', 'year': '3A Mathematical Physics', 'subteam': 'Math', '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 & Statistics', 'subteam': 'Math', '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', '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 & Optimization, Pure Math', 'subteam': 'Math', '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', 'bio': 'Enjoyed learning a lot about applying math to biology! :)'},
 +
      {'name': 'Kingsley Wong', 'picture': 'CHANGE', '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', 'nickname': '???', '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': 'CHANGE', 'year': '2A Health Studies', 'subteam': 'Policy and Practices', 'bio': ' Adios amoebas :))'},
 +
      {'name': 'Hasna Besher', 'picture': 'CHANGE', 'year': '3A Biomedical Sciences', 'subteam': 'Policy and Practices'},
 +
      {'name': 'Xuan Nguyen', 'picture': 'CHANGE', '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'},
 +
 +
 
     ]
 
     ]
−
     }}}
+
     }},
 +
  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}}

Revision as of 01:35, 15 October 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