Difference between revisions of "Team:Waterloo/Team"

(Prototype team page)
 
Line 1: Line 1:
−
{{Waterloo}}
 
 
<html>
 
<html>
 +
<!-- ####################################################### -->
 +
<!-- #  This html was produced by the igemwiki generator  # -->
 +
<!-- #  https://github.com/igemuoftATG/generator-igemwiki  # -->
 +
<!-- ####################################################### -->
  
−
<div class="column two_thirds_size" >
+
<!-- repo for this wiki: https://github.com/igem-waterloo/wiki2018 -->
  
−
<h1>Team</h1>
+
</html>
−
<p>In this page you can introduce your team members, instructors, and advisors. </p>
+
{{Waterloo/head}}
 +
<html>
  
 +
<style>
 +
.teamMember {
 +
  height: 120px;
 +
  display: inline-table;
 +
  width: 120px;
 +
  cursor: pointer;
 +
  border-radius: 3px;
 +
  border: white;
 +
  border-style: solid;
 +
  margin: 12px;
 +
}
 +
</style>
  
−
<h3>What should this page contain?</h3>
+
<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">
−
<ul>
+
<span class="navbar-toggler-icon"></span>
−
<li> Include pictures of your teammates, don’t forget instructors and advisors! </li>
+
</button><div class="collapse navbar-collapse" id="navbarCollapse"><ul class="navbar-nav mr-auto">
−
<li>You can add a small biography or a few words from each team member, to tell us what you like, and what motivated you to participate in iGEM.</li>
+
<li class="nav-item"><a class="nav-link" href="https://2018.igem.org/Team:Waterloo"><span>Home</span></a></li>
−
<li>Take team pictures! Show us your school, your lab and little bit of your city.</li>
+
</li>
−
<li>Remember that image galleries can help you showcase many pictures while saving space.</li>
+
<li class="active dropdown nav-item"><a href="#" class="nav-link dropdown-toggle nav-link" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Team<span class="caret"></span></a>
 +
<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>
 +
<li class=""><a class="dropdown-item" href="https://2018.igem.org/Team:Waterloo/Collaborations"><span>Collaborations</span></a></li>
 +
</li>
 
</ul>
 
</ul>
−
</div>
+
<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">
−
 
+
<li class=""><a class="dropdown-item" href="https://2018.igem.org/Team:Waterloo/Contribution"><span>Contribution</span></a></li>
−
 
+
</li>
−
<div class="column third_size" >
+
<li class=""><a class="dropdown-item" href="https://2018.igem.org/Team:Waterloo/Description"><span>Description</span></a></li>
−
<div class="highlight decoration_A_full">
+
</li>
−
<h3>Inspiration</h3>
+
<li class=""><a class="dropdown-item" href="https://2018.igem.org/Team:Waterloo/Design"><span>Design</span></a></li>
−
<p>You can look at what other teams did to get some inspiration! <br />
+
</li>
−
Here are a few examples:</p>
+
<li class=""><a class="dropdown-item" href="https://2018.igem.org/Team:Waterloo/Experiments"><span>Experiments</span></a></li>
−
<ul>
+
</li>
−
<li><a href="https://2014.igem.org/Team:METU_Turkey_team">2014 METU Turkey </a></li>
+
<li class=""><a class="dropdown-item" href="https://2018.igem.org/Team:Waterloo/Proof"><span>Proof</span></a></li>
−
<li><a href="https://2014.igem.org/Team:Colombia/Members">2014 Colombia</a></li>
+
</li>
−
<li><a href="https://2014.igem.org/Team:Stony_Brook/Team">2014 Stony Brook</a></li>
+
<li class=""><a class="dropdown-item" href="https://2018.igem.org/Team:Waterloo/Demonstrate"><span>Demonstrate</span></a></li>
−
<li><a href="https://2014.igem.org/Team:OUC-China/Team">2014 OUC-China</a></li>
+
</li>
 +
<li class=""><a class="dropdown-item" href="https://2018.igem.org/Team:Waterloo/Results"><span>Results</span></a></li>
 +
</li>
 +
<li class=""><a class="dropdown-item" href="https://2018.igem.org/Team:Waterloo/Notebook"><span>Notebook</span></a></li>
 +
</li>
 
</ul>
 
</ul>
 +
<li class="nav-item"><a class="nav-link" href="https://2018.igem.org/Team:Waterloo/Parts"><span>Parts</span></a></li>
 +
</li>
 +
<li class="nav-item"><a class="nav-link" href="https://2018.igem.org/Team:Waterloo/Safety"><span>Safety</span></a></li>
 +
</li>
 +
<li class="nav-item"><a class="nav-link" href="https://2018.igem.org/Team:Waterloo/Attributions"><span>Attributions</span></a></li>
 +
</li>
 +
<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">Human Practices<span class="caret"></span></a>
 +
<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>
 +
<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 class=""><a class="dropdown-item" href="https://2018.igem.org/Team:Waterloo/Engagement"><span>Engagement</span></a></li>
 +
</li>
 +
</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>
 +
<ul class="dropdown-menu">
 +
<li class=""><a class="dropdown-item" href="https://2018.igem.org/Team:Waterloo/Software"><span>Software</span></a></li>
 +
</li>
 +
<li class=""><a class="dropdown-item" href="https://2018.igem.org/Team:Waterloo/Model"><span>Model</span></a></li>
 +
</li>
 +
</ul>
 +
</ul>
 +
</div></nav>
 +
<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="layer shade">
 +
      <div class="squiggle squiggleForward col-xs-4"></div>
 +
      <div class="titleCaption col-xs-4">
 +
        <h1>
 +
          Our Lit Team
 +
        </h1>
 +
      </div>
 +
      <div class="squiggle squiggleBackward col-xs-4"></div>
 +
    </div>
 +
  </div>
 +
  <div class="content-main">
 +
    <div class="row">
 +
      <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="memberList">
 +
          <div style="border-radius:3px; overflow:hidden">
 +
 
 +
          <div class="teamMember" v-on:click="member=me" v-for="me in ip.members">
 +
    ^^me.name + (me.nickname ? ' (' + me.nickname + ')' : '')$$
 +
          </div>
 +
          </div>
 +
        </div>
 +
      </div>
 +
    </center>
 +
  </div>
 
</div>
 
</div>
−
</div>
+
 
 +
<script src="https://unpkg.com/vue"></script>
 +
<script>
 +
var teamPage = new Vue({
 +
  el: ".team",
 +
  delimiters: ['^^', '$$'],
 +
  data:{
 +
    member: {
 +
name: 'Click a team member to view their information',
 +
  bio: '',
 +
photo: '',
 +
},
 +
    ip: {
 +
    parent: "IP",
 +
    members: [
 +
    ]
 +
    }}}
 +
)
 +
</script>
 
</html>
 
</html>
 +
{{Waterloo/footer}}

Revision as of 01:37, 13 October 2018

Our Lit Team

^^member.name + (member.nickname ? ' (' + member.nickname + ')' : '')$$

^^(member.year || '') + (member.year || '' && ', ') + (member.subteam || '')$$

^^member.bio$$

^^me.name + (me.nickname ? ' (' + me.nickname + ')' : '')$$

Waterloo iGEM 2018

© 2018 Waterloo iGEM