Difference between revisions of "Team:Tacoma RAINmakers/Team"

(Undo revision 492827 by Xuhei (talk))
 
(44 intermediate revisions by 5 users not shown)
Line 1: Line 1:
 
{{Tacoma_RAINmakers}}
 
{{Tacoma_RAINmakers}}
−
<html>
+
<html lang="en" class="no-js">
−
  <style>
+
<head>
−
     .main{
+
<meta charset="UTF-8">
−
      color: #76879B;
+
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
−
    }
+
 
 +
<link href='http://fonts.googleapis.com/css?family=Droid+Sans:400,700|Droid+Serif' rel='stylesheet' type='text/css'>
 +
 
 +
<link href="https://2018.igem.org/Team:Tacoma_RAINmakers/reset_css?action=raw&ctype=text/css" type="text/css" rel="stylesheet" /> <!-- CSS reset -->
 +
 
 +
<script src="https://2018.igem.org/Team:Tacoma_RAINmakers/modernizer_js?action=raw&ctype=text/javascript"></script> <!-- Modernizr -->
 
      
 
      
−
     .main_title{
+
     <style>
−
      font-family: Spinnaker;
+
    /* --------------------------------
−
      font-decoration: bold;
+
 
−
      font-size: 5.5em;
+
Primary style
−
      text-align: center;
+
 
−
    }
+
-------------------------------- */
 +
html * {
 +
  -webkit-font-smoothing: antialiased;
 +
  -moz-osx-font-smoothing: grayscale;
 +
}
 +
 
 +
*, *:after, *:before {
 +
  -webkit-box-sizing: border-box;
 +
  -moz-box-sizing: border-box;
 +
  box-sizing: border-box;
 +
}
 +
 
 +
body {
 +
  font-size: 100%;
 +
  font-family: "Droid Serif", serif;
 +
  color: #000000;
 +
  background-color: white;
 +
  /* prevent ie from showing the horizontal scrollbar */
 +
  overflow-x: hidden;
 +
}
 +
body.overflow-hidden {
 +
  /* when author bio is visible, the out-of-focus content won't scroll */
 +
  overflow: hidden;
 +
}
 +
 
 +
a {
 +
  color: #74b9eb;
 +
  text-decoration: none;
 +
}
 +
 
 +
img {
 +
  max-width: 100%;
 +
}
 
      
 
      
−
     .main_divider{
+
 
−
      size: .5em;
+
/* --------------------------------
−
      width: 33%;
+
 
−
      align: center;
+
Modules - reusable parts of our design
−
      border: none;
+
 
−
      border-top: .1em dotted;
+
-------------------------------- */
−
     }
+
.cd-container {
 +
  /* this class is used to give a max-width to the element it is applied to, and center it horizontally when it reaches that max-width */
 +
  width: 90%;
 +
  max-width: 1200px;
 +
  margin: 0 auto;
 +
}
 +
.cd-container::after {
 +
  /* clearfix */
 +
  content: '';
 +
  display: table;
 +
  clear: both;
 +
}
 +
 
 +
/* --------------------------------
 +
 
 +
Main components
 +
 
 +
-------------------------------- */
 +
main {
 +
  position: relative;
 +
  z-index: 2;
 +
  -webkit-transition-property: -webkit-transform;
 +
  -moz-transition-property: -moz-transform;
 +
  transition-property: transform;
 +
  -webkit-transition-duration: 0.3s;
 +
  -moz-transition-duration: 0.3s;
 +
  transition-duration: 0.3s;
 +
}
 +
main.slide-out {
 +
  /* the main element slides to the left when the author bio is visible */
 +
  -webkit-transform: translateX(-270px);
 +
  -moz-transform: translateX(-270px);
 +
  -ms-transform: translateX(-270px);
 +
  -o-transform: translateX(-270px);
 +
  transform: translateX(-270px);
 +
}
 +
main.slide-out .cd-overlay {
 +
  /* the overlay layer gets visible when the author bio slides in */
 +
  display: block;
 +
  -webkit-animation: cd-fade-in 0.3s;
 +
  -moz-animation: cd-fade-in 0.3s;
 +
  animation: cd-fade-in 0.3s;
 +
}
 +
@media only screen and (min-width: 768px) {
 +
  main.slide-out {
 +
     /* change in size of the author bio section */
 +
    -webkit-transform: translateX(-600px);
 +
    -moz-transform: translateX(-600px);
 +
    -ms-transform: translateX(-600px);
 +
    -o-transform: translateX(-600px);
 +
    transform: translateX(-600px);
 +
  }
 +
}
 +
@media only screen and (min-width: 1200px) {
 +
  main.slide-out {
 +
    -webkit-transform: translateX(-800px);
 +
    -moz-transform: translateX(-800px);
 +
    -ms-transform: translateX(-800px);
 +
    -o-transform: translateX(-800px);
 +
    transform: translateX(-800px);
 +
  }
 +
}
 +
 
 +
.cd-section {
 +
  padding: 2em 0;
 +
  text-align: center;
 +
}
 +
.cd-section .cd-container {
 +
  /* this modifies the .cd-container default max-width */
 +
  max-width: 768px;
 +
}
 +
.cd-section h2 {
 +
  font-family: "Droid Sans", sans-serif;
 +
  font-weight: bold;
 +
  text-transform: uppercase;
 +
  margin-bottom: 1em;
 +
  font-size: 20px;
 +
  font-size: 1.25rem;
 +
}
 +
.cd-section p {
 +
  line-height: 1.4;
 +
}
 +
@media only screen and (min-width: 768px) {
 +
  .cd-section {
 +
    padding: 4em;
 +
  }
 +
  .cd-section p {
 +
    line-height: 1.6;
 +
  }
 +
}
 +
@media only screen and (min-width: 1200px) {
 +
  .cd-section {
 +
    padding: 6em;
 +
  }
 +
  .cd-section h2 {
 +
    margin-bottom: 2em;
 +
  }
 +
  .cd-section p {
 +
    line-height: 1.8;
 +
    font-size: 18px;
 +
    font-size: 1.125rem;
 +
  }
 +
}
 +
 
 +
header {
 +
  background: #fdedfc;
 +
}
 +
header h1 {
 +
  font-size: 30px;
 +
  font-size: 1.875rem;
 +
  font-family: 'Spinnaker';
 +
  font-weight: bold;
 +
  text-transform: uppercase;
 +
  margin-bottom: .4em;
 +
  color: #000000;
 +
}
 +
header p {
 +
  font-size: 13px;
 +
  font-size: 0.8125rem;
 +
  color: #93861d;
 +
}
 +
 
 +
.cd-placeholder-1 {
 +
  background: #adb2f0;
 +
  background: linear-gradient(#fdedfc , #bcecf7);
 +
}
 +
 
 +
.cd-placeholder-2 {
 +
  background: white;
 +
}
 +
 
 +
#cd-team {
 +
background: linear-gradient(#bcecf7 , #183f89);>
 +
}
 +
#cd-team .cd-container {
 +
  max-width: 1200px;
 +
}
 +
#cd-team h2 {
 +
  color: white;
 +
}
 +
#cd-team li {
 +
  margin-bottom: 2em;
 +
  border-radius: 0.25em;
 +
  box-shadow: 0 0 10px rgba(92, 75, 81, 0);
 +
  -webkit-transition: all 0.3s;
 +
  -moz-transition: all 0.3s;
 +
  transition: all 0.3s;
 +
}
 +
.no-touch #cd-team li:hover {
 +
  box-shadow: 0 0 10px rgba(92, 75, 81, 0.3);
 +
}
 +
.no-touch #cd-team li:hover .cd-img-overlay {
 +
  opacity: 1;
 +
}
 +
#cd-team figure {
 +
  position: relative;
 +
}
 +
#cd-team img {
 +
  display: block;
 +
  width: 100%;
 +
  border-radius: .25em .25em 0 0;
 +
}
 +
#cd-team .cd-img-overlay {
 +
  position: absolute;
 +
  top: 0;
 +
  left: 0;
 +
  width: 100%;
 +
  height: 100%;
 +
  background: rgba(92, 75, 81, 0.9);
 +
  opacity: 0;
 +
  border-radius: .25em .25em 0 0;
 +
  -webkit-transition: opacity 0.3s;
 +
  -moz-transition: opacity 0.3s;
 +
  transition: opacity 0.3s;
 +
}
 +
#cd-team .cd-img-overlay span {
 +
  position: absolute;
 +
  left: 50%;
 +
  top: 50%;
 +
  bottom: auto;
 +
  right: auto;
 +
  -webkit-transform: translateX(-50%) translateY(-50%);
 +
  -moz-transform: translateX(-50%) translateY(-50%);
 +
  -ms-transform: translateX(-50%) translateY(-50%);
 +
  -o-transform: translateX(-50%) translateY(-50%);
 +
  transform: translateX(-50%) translateY(-50%);
 +
  color: #FFF;
 +
}
 +
        /* find */
 +
#cd-team .cd-member-info {
 +
  height: 80px;
 +
  background: #FFF;
 +
  text-align: center;
 +
  font-family: "Droid Sans", sans-serif;
 +
  font-weight: bold;
 +
  padding-top: 20px;
 +
  border-radius: 0 0 .25em .25em;
 +
}
 +
#cd-team .cd-member-info span {
 +
  display: block;
 +
  font-family: "Droid Serif", serif;
 +
  font-weight: normal;
 +
  color: #999999;
 +
  font-size: 14px;
 +
  font-size: 0.875rem;
 +
  margin-top: .5em;
 +
}
 +
@media only screen and (min-width: 768px) {
 +
  #cd-team li {
 +
    width: 31%;
 +
    float: left;
 +
    margin-right: 3.5%;
 +
  }
 +
  #cd-team li:nth-child(3n) {
 +
    margin-right: 0;
 +
  }
 +
}
 +
 
 +
.cd-member-bio {
 +
  position: fixed;
 +
  top: 0;
 +
  right: 0;
 +
  width: 270px;
 +
  height: 100%;
 +
  overflow-y: auto;
 +
  /* smooth scrolling on mobile phones and tablets */
 +
  -webkit-overflow-scrolling: touch;
 +
  background: #5c4b51;
 +
  z-index: 1;
 +
  /* this how we move the author bio section off the canvas */
 +
  -webkit-transform: translateX(270px);
 +
  -moz-transform: translateX(270px);
 +
  -ms-transform: translateX(270px);
 +
  -o-transform: translateX(270px);
 +
  transform: translateX(270px);
 +
  -webkit-transition-property: -webkit-transform;
 +
  -moz-transition-property: -moz-transform;
 +
  transition-property: transform;
 +
  -webkit-transition-duration: 0.3s;
 +
  -moz-transition-duration: 0.3s;
 +
  transition-duration: 0.3s;
 +
}
 +
.cd-member-bio.slide-in {
 +
  /* the author bio section slides in when the user clicks on the team member picture */
 +
  -webkit-transform: translateX(0);
 +
  -moz-transform: translateX(0);
 +
  -ms-transform: translateX(0);
 +
  -o-transform: translateX(0);
 +
  transform: translateX(0);
 +
}
 +
.cd-member-bio .cd-member-bio-pict {
 +
  position: relative;
 +
}
 +
.cd-member-bio .cd-member-bio-pict::after {
 +
  /* gradient at the bottom of the image - same color of the background of the section */
 +
  content: '';
 +
  position: absolute;
 +
  bottom: 0;
 +
  left: 0;
 +
  width: 100%;
 +
  height: 80px;
 +
  background: -webkit-linear-gradient( bottom , #5c4b51, rgba(92, 75, 81, 0));
 +
  background: linear-gradient(to top, #5c4b51, rgba(92, 75, 81, 0));
 +
}
 +
.no-cssgradients .cd-member-bio .cd-member-bio-pict::after {
 +
  display: none;
 +
}
 +
.cd-member-bio img {
 +
  width: 100%;
 +
  display: block;
 +
}
 +
.cd-member-bio .cd-bio-content {
 +
  padding: 1em;
 +
  color: #FFF;
 +
}
 +
.cd-member-bio .cd-bio-content h1 {
 +
  font-family: "Droid Sans", sans-serif;
 +
  font-weight: bold;
 +
  text-transform: uppercase;
 +
  text-align: center;
 +
  font-size: 20px;
 +
  font-size: 1.25rem;
 +
}
 +
.cd-member-bio .cd-bio-content p {
 +
  font-size: 14px;
 +
  font-size: 0.875rem;
 +
  margin: 1em 0;
 +
  line-height: 1.4;
 +
  color: #d7cfd2;
 +
}
 +
@media only screen and (min-width: 768px) {
 +
  .cd-member-bio {
 +
     width: 600px;
 +
    -webkit-transform: translateX(600px);
 +
    -moz-transform: translateX(600px);
 +
    -ms-transform: translateX(600px);
 +
    -o-transform: translateX(600px);
 +
    transform: translateX(600px);
 +
  }
 +
  .cd-member-bio .cd-bio-content {
 +
    padding: 2em;
 +
  }
 +
  .cd-member-bio .cd-bio-content p {
 +
    line-height: 1.6;
 +
    margin: 2em 0;
 +
  }
 +
}
 +
@media only screen and (min-width: 1200px) {
 +
  .cd-member-bio {
 +
    width: 800px;
 +
    -webkit-transform: translateX(800px);
 +
    -moz-transform: translateX(800px);
 +
    -ms-transform: translateX(800px);
 +
    -o-transform: translateX(800px);
 +
    transform: translateX(800px);
 +
  }
 +
  .cd-member-bio .cd-member-bio-pict::after {
 +
    height: 150px;
 +
  }
 +
  .cd-member-bio .cd-bio-content {
 +
    padding: 4em;
 +
    /* we move the content up so the title is over the color gradient */
 +
    -webkit-transform: translateY(-80px);
 +
    -moz-transform: translateY(-80px);
 +
    -ms-transform: translateY(-80px);
 +
    -o-transform: translateY(-80px);
 +
    transform: translateY(-80px);
 +
  }
 +
  .cd-member-bio .cd-bio-content h1 {
 +
    font-size: 40px;
 +
    font-size: 2.5rem;
 +
  }
 +
  .cd-member-bio .cd-bio-content p {
 +
    font-size: 16px;
 +
    font-size: 1rem;
 +
  }
 +
  .no-cssgradients .cd-member-bio .cd-bio-content {
 +
    -webkit-transform: translateY(0);
 +
    -moz-transform: translateY(0);
 +
    -ms-transform: translateY(0);
 +
    -o-transform: translateY(0);
 +
    transform: translateY(0);
 +
  }
 +
}
 +
 
 +
.cd-member-bio-close {
 +
  width: 32px;
 +
  height: 32px;
 +
  overflow: hidden;
 +
  position: fixed;
 +
  top: 10px;
 +
  right: 10px;
 +
  background: url("../img/cd-icon-close.svg") no-repeat center center;
 +
  text-indent: 100%;
 +
  white-space: nowrap;
 +
  z-index: 3;
 +
  display: none;
 +
}
 +
.cd-member-bio-close.is-visible {
 +
  display: block;
 +
  -webkit-animation: cd-move-in 0.8s;
 +
  -moz-animation: cd-move-in 0.8s;
 +
  animation: cd-move-in 0.8s;
 +
}
 +
@media only screen and (min-width: 1200px) {
 +
  .cd-member-bio-close {
 +
    right: 20px;
 +
    top: 20px;
 +
  }
 +
}
 +
 
 +
.cd-overlay {
 +
  position: absolute;
 +
  top: 0;
 +
  left: 0;
 +
  width: 100%;
 +
  height: 100%;
 +
  background: rgba(138, 190, 178, 0.8);
 +
  cursor: pointer;
 +
  display: none;
 +
}
 +
 
 +
/* --------------------------------
 +
 
 +
xkeyframes
 +
 
 +
-------------------------------- */
 +
@-webkit-keyframes cd-fade-in {
 +
  0% {
 +
    opacity: 0;
 +
  }
 +
 
 +
  100% {
 +
    opacity: 1;
 +
  }
 +
}
 +
@-moz-keyframes cd-fade-in {
 +
  0% {
 +
    opacity: 0;
 +
  }
 +
 
 +
  100% {
 +
    opacity: 1;
 +
  }
 +
}
 +
@keyframes cd-fade-in {
 +
  0% {
 +
    opacity: 0;
 +
  }
 +
 
 +
  100% {
 +
    opacity: 1;
 +
  }
 +
}
 +
@-webkit-keyframes cd-move-in {
 +
  0% {
 +
    -webkit-transform: translateX(100px);
 +
  }
 +
 
 +
  100% {
 +
    -webkit-transform: translateX(0);
 +
  }
 +
}
 +
@-moz-keyframes cd-move-in {
 +
  0% {
 +
    -moz-transform: translateX(100px);
 +
  }
 +
 
 +
  100% {
 +
    -moz-transform: translateX(0);
 +
  }
 +
}
 +
@keyframes cd-move-in {
 +
  0% {
 +
    -webkit-transform: translateX(100px);
 +
    -moz-transform: translateX(100px);
 +
    -ms-transform: translateX(100px);
 +
    -o-transform: translateX(100px);
 +
    transform: translateX(100px);
 +
  }
 +
 
 +
  100% {
 +
    -webkit-transform: translateX(0);
 +
    -moz-transform: translateX(0);
 +
    -ms-transform: translateX(0);
 +
    -o-transform: translateX(0);
 +
    transform: translateX(0);
 +
  }
 +
}
 +
    </style>
 +
    <style>
 +
        .main_heading{
 +
            font-size: 4em;
 +
            font-family: 'Spinnaker';
 +
            font-weight: bold;
 +
            text-align: center;
 +
        }
 +
        .subtitle{
 +
            font-family: Helvetica;
 +
            font-size: 2em;
 +
            margin-left: 6em;
 +
            margin-right: 6em;
 +
            text-align: center;
 +
        }   
 +
    </style>
 
      
 
      
−
    .small_body{
+
<title>Meet the Team</title>
−
      color: black;
+
</head>
−
      font-family: Helvetica;
+
<body>
−
      font-size: 2em;
+
<main>
−
    }
+
<header class="cd-section">
−
  </style>
+
<div class="cd-container">
−
    <h1 class="main" style="font-size: 5em">Meet the Team</h1>
+
                <h1 class="main_heading">Meet the Team</h1>
−
    <hr class="main"></hr>
+
</div> <!-- cd-container -->
−
     <h1 class="small_body">With team members from 6 different high school and university institutions, the Tacoma RAINMakers have built an effective and diverse team.</p>
+
</header>
 +
<!--(∩ᄑ_ᄑ)⊃━☆ﾟ.*c*･o･｡d*･e -->
 +
<section class="cd-section cd-placeholder-1">
 +
<div class="cd-container">
 +
<h2>Tacoma RAINmakers</h2>
 +
<p>With high school members from all over the area, we have built a diverse and spirited team.</p>
 +
</div> <!-- cd-container -->
 +
</section>
 +
 
 +
 
 +
 
 +
<section id="cd-team" class="cd-section">
 +
<div class="cd-container">
 +
<h2>Our Team</h2>
 +
<ul>
 +
<li>
 +
<a href="#0" data-type="member-1">
 +
<figure>
 +
<img src="https://static.igem.org/mediawiki/2018/3/3b/T--Tacoma_RAINMakers--Sarah_Bortel.png" alt="Team member 1">
 +
<div class="cd-img-overlay"><span>View Bio</span></div>
 +
</figure>
 +
 
 +
<div class="cd-member-info">
 +
Sarah Bortel <span>. . . . . . . . . . . . . . . . . . . . . . . . . . . . . </span>
 +
</div> <!-- cd-member-info -->
 +
</a>
 +
</li>
 +
 +
<li>
 +
<a href="#0" data-type="member-2">
 +
<figure>
 +
<img src="https://static.igem.org/mediawiki/2018/4/4e/T--Tacoma_RAINMakers--Kira_Boyce.png" alt="Team member 1">
 +
<div class="cd-img-overlay"><span>View Bio</span></div>
 +
</figure>
 +
 
 +
<div class="cd-member-info">
 +
Kira Boyce<span>. . . . . . . . . . . . . . . . . . . . . . . . . . . . . </span>
 +
</div> <!-- cd-member-info -->
 +
</a>
 +
</li>
 +
                   
 +
                    <li>
 +
<a href="#0" data-type="member-3">
 +
<figure>
 +
<img src="https://static.igem.org/mediawiki/2018/1/17/T--Tacoma_RAINmakers--Kian_Croston.jpg" style="border-radius:50%"; alt="Team member 1">
 +
<div class="cd-img-overlay"><span>View Bio</span></div>
 +
</figure>
 +
 
 +
<div class="cd-member-info">
 +
Kian Croston<span>. . . . . . . . . . . . . . . . . . . . . . . . . . . . . </span>
 +
</div> <!-- cd-member-info -->
 +
</a>
 +
</li>
 +
 
 +
<li>
 +
<a href="#0" data-type="member-4">
 +
<figure>
 +
<img src="https://static.igem.org/mediawiki/2018/d/df/T--Tacoma_RAINMakers--Ian_Gutierrez.png" alt="Team member 1">
 +
<div class="cd-img-overlay"><span>View Bio</span></div>
 +
</figure>
 +
 
 +
<div class="cd-member-info">
 +
Ian Gutierrez <span>. . . . . . . . . . . . . . . . . . . . . . . . . . . . . </span>
 +
</div> <!-- cd-member-info -->
 +
</a>
 +
</li>
 +
                   
 +
                    <li>
 +
<a href="#0" data-type="member-5">
 +
<figure>
 +
<img src="https://static.igem.org/mediawiki/2018/8/82/T--Tacoma_RAINmakers--Keshava.JPG" style="border-radius: 50%"; alt="Team member 1">
 +
<div class="cd-img-overlay"><span>View Bio</span></div>
 +
</figure>
 +
 
 +
<div class="cd-member-info">
 +
Keshava Katti <span>. . . . . . . . . . . . . . . . . . . . . . . . . . . . . </span>
 +
</div> <!-- cd-member-info -->
 +
</a>
 +
</li>
 +
                   
 +
                    <li>
 +
<a href="#0" data-type="member-6">
 +
<figure>
 +
<img src="https://static.igem.org/mediawiki/2018/3/33/T--Tacoma_RAINMakers--James_Lee.png" alt="Team member 1">
 +
<div class="cd-img-overlay"><span>View Bio</span></div>
 +
</figure>
 +
 
 +
<div class="cd-member-info">
 +
James Lee <span>. . . . . . . . . . . . . . . . . . . . . . . . . . . . . </span>
 +
</div> <!-- cd-member-info -->
 +
</a>
 +
</li>
 +
                   
 +
                    <li>
 +
<a href="#0" data-type="member-7">
 +
<figure>
 +
<img src="https://static.igem.org/mediawiki/2018/f/f1/T--Tacoma_RAINMakers--Michael_Martin.png" alt="Team member 1">
 +
<div class="cd-img-overlay"><span>View Bio</span></div>
 +
</figure>
 +
 
 +
<div class="cd-member-info">
 +
Michael Martin <span>. . . . . . . . . . . . . . . . . . . . . . . . . . . . . </span>
 +
</div> <!-- cd-member-info -->
 +
</a>
 +
</li>
 +
                   
 +
                    <li>
 +
<a href="#0" data-type="member-8">
 +
<figure>
 +
<img src="https://static.igem.org/mediawiki/2018/e/e7/T--Tacoma_RAINmakers--Jaskiran.png" style="border-radius:50%"; alt="Team member 1">
 +
<div class="cd-img-overlay"><span>View Bio</span></div>
 +
</figure>
 +
 
 +
<div class="cd-member-info">
 +
Jaskiran Pental <span>. . . . . . . . . . . . . . . . . . . . . . . . . . . . . </span>
 +
</div> <!-- cd-member-info -->
 +
</a>
 +
</li>
 +
                   
 +
                    <li>
 +
<a href="#0" data-type="member-9">
 +
<figure>
 +
<img src="https://static.igem.org/mediawiki/2018/b/b4/T--Tacoma_RAINMakers--Leon_Wan.png" style="border-radius:50%"; alt="Team member 1">
 +
<div class="cd-img-overlay"><span>View Bio</span></div>
 +
</figure>
 +
 
 +
<div class="cd-member-info">
 +
Leon Wan <span>. . . . . . . . . . . . . . . . . . . . . . . . . . . . . </span>
 +
</div> <!-- cd-member-info -->
 +
</a>
 +
</li>
 +
                   
 +
                    <li>
 +
<a href="#0" data-type="member-10">
 +
<figure>
 +
<img src="https://static.igem.org/mediawiki/2018/7/70/T--Tacoma_RAINmakers--Heidi.png" alt="Team member 1">
 +
<div class="cd-img-overlay"><span>View Bio</span></div>
 +
</figure>
 +
 
 +
<div class="cd-member-info">
 +
Heidi Xu <span>. . . . . . . . . . . . . . . . . . . . . . . . . . . . . </span>
 +
 
 +
</div> <!-- cd-member-info -->
 +
</a>
 +
</li>
 +
                   
 +
                    <li>
 +
<a href="#0" data-type="member-11">
 +
<figure>
 +
<img src="https://static.igem.org/mediawiki/2018/e/ea/T--Tacoma_RAINMakers--Madelyn_Yeh.png" alt="Team member 1">
 +
<div class="cd-img-overlay"><span>View Bio</span></div>
 +
</figure>
 +
 
 +
<div class="cd-member-info">
 +
Madelyn Yeh <span>. . . . . . . . . . . . . . . . . . . . . . . . . . . . . </span>
 +
</div> <!-- cd-member-info -->
 +
</a>
 +
</li>
 +
                   
 +
                    <li>
 +
<a href="#0" data-type="member-12">
 +
<figure>
 +
<img src="https://static.igem.org/mediawiki/2018/4/45/T--Tacoma_RAINmakers--Jonathan_Zacarias.JPG" style="border-radius: 50%"; alt="Team member 1">
 +
<div class="cd-img-overlay"><span>View Bio</span></div>
 +
</figure>
 +
 
 +
<div class="cd-member-info">
 +
Jonathan Zacarias <span>. . . . . . . . . . . . . . . . . . . . . . . . . . . . </span>
 +
</div> <!-- cd-member-info -->
 +
</a>
 +
</li>
 +
 
 +
<li></li>
 +
                                       
 +
                   
 +
                <li><h2>Instructors</h2></li>      
 +
                   
 +
                    <li>
 +
<a href="#0" data-type="member-14">
 +
<figure>
 +
<img src="https://static.igem.org/mediawiki/2018/8/86/T--Tacoma_RAINmakers--Brendan.JPG" style="border-radius:50%"; alt="Team member 1">
 +
<div class="cd-img-overlay"><span>View Bio</span></div>
 +
</figure>
 +
 
 +
<div class="cd-member-info">
 +
Brendan Studebaker <span>. . . . . . . . . . . . . . . . . . . . . . . . . . . . .</span>
 +
</div> <!-- cd-member-info -->
 +
</a>
 +
</li>
 +
 
 +
<li>
 +
<a href="#0" data-type="member-15">
 +
<figure>
 +
<img src="https://static.igem.org/mediawiki/2018/b/b9/T--Tacoma_RAINmakers--Catherine.jpg" style="border-radius:50%"; alt="Team member 1">
 +
<div class="cd-img-overlay"><span>View Bio</span></div>
 +
</figure>
 +
 
 +
<div class="cd-member-info">
 +
Catherine Ryan <span>. . . . . . . . . . . . . . . . . . . . . . . . . . . . .</span>
 +
</div> <!-- cd-member-info -->
 +
</a>
 +
</li>
 +
                       
 +
                                                                                 
 +
              <li><h2>Advisors</h2></li><li><h2>of the</h2></li><li><h2>Team</h2></li>
 
    
 
    
 +
                    <li>
 +
<a href="#0" data-type="member-16">
 +
<figure>
 +
<img src="https://static.igem.org/mediawiki/2018/b/b2/T--Tacoma_RAINmakers--Amanda_Galuszka.jpg" style="border-radius:50%"; alt="Team member 1">
 +
<div class="cd-img-overlay"><span>View Bio</span></div>
 +
</figure>
 +
 +
<div class="cd-member-info">
 +
Amanda Galuszka <span>. . . . . . . . . . . . . . . . . . . . . . . . . . . . .</span>
 +
</div> <!-- cd-member-info -->
 +
</a>
 +
</li>
 +
 +
<li>
 +
<a href="#0" data-type="member-17">
 +
<figure>
 +
<img src="https://static.igem.org/mediawiki/2018/7/7b/T--Tacoma_RAINmakers--Kristine_Grace.jpg" style="border-radius:50%"; alt="Team member 1">
 +
<div class="cd-img-overlay"><span>View Bio</span></div>
 +
</figure>
 +
 +
<div class="cd-member-info">
 +
Kristine Grace <span>. . . . . . . . . . . . . . . . . . . . . . . . . . . . .</span>
 +
</div> <!-- cd-member-info -->
 +
</a>
 +
</li>
 +
                                                       
 +
                    <li>
 +
<a href="#0" data-type="member-18">
 +
<figure>
 +
<img src="https://static.igem.org/mediawiki/2018/7/71/T--Tacoma_RAINmakers--Susan.jpg" style="border-radius:50%"; alt="Team member 1">
 +
<div class="cd-img-overlay"><span>View Bio</span></div>
 +
</figure>
 +
 +
<div class="cd-member-info">
 +
Susan Xu <span>. . . . . . . . . . . . . . . . . . . . . . . . . . . . .</span>
 +
</div> <!-- cd-member-info -->
 +
</a>
 +
</li>
 
    
 
    
−
 
+
              <li><h2>Principal</h2></li>
−
 
+
                   
−
    <!--
+
                    <li>
−
    <div class="column two_thirds_size" >
+
<a href="#0" data-type="member-19">
−
      <h1>Team</h1>
+
<figure>
−
      <p>In this page you can introduce your team members, instructors, and advisors. </p>
+
<img src="https://static.igem.org/mediawiki/2018/d/d3/T--Tacoma_RAINmakers--David_Hirschberg2.JPG" style="border-radius:50%"; alt="Team member 1">
 +
<div class="cd-img-overlay"><span>View Bio</span></div>
 +
</figure>
  
−
      <h3>What should this page contain?</h3>
+
<div class="cd-member-info">
−
      <ul>
+
David Hirschberg <span>. . . . . . . . . . . . . . . . . . . . . . . . . . . . .</span>
−
        <li> Include pictures of your teammates, don’t forget instructors and advisors! </li>
+
</div> <!-- cd-member-info -->
−
         <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>
+
</a>
−
        <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>
+
 
−
      </ul>
+
                    <li><h2>Investigators</h2></li>                  
−
     </div>
+
 
−
     <div class="column third_size" >
+
                    <li>
−
      <div class="highlight decoration_A_full">
+
<a href="#0" data-type="member-20">
−
        <h3>Inspiration</h3>
+
<figure>
−
        <p>You can look at what other teams did to get some inspiration! <br />
+
<img src="https://static.igem.org/mediawiki/2018/4/4c/T--Tacoma_RAINmakers--Judy_Nguyen.jpg" style="border-radius:50%"; alt="Team member 1">
−
        Here are a few examples:</p>
+
<div class="cd-img-overlay"><span>View Bio</span></div>
−
        <ul>
+
</figure>
−
          <li><a href="https://2014.igem.org/Team:METU_Turkey_team">2014 METU Turkey </a></li>
+
 
−
          <li><a href="https://2014.igem.org/Team:Colombia/Members">2014 Colombia</a></li>
+
<div class="cd-member-info">
−
          <li><a href="https://2014.igem.org/Team:Stony_Brook/Team">2014 Stony Brook</a></li>
+
Judy Nguyen <span>. . . . . . . . . . . . . . . . . . . . . . . . . . . . .</span>
−
          <li><a href="https://2014.igem.org/Team:OUC-China/Team">2014 OUC-China</a></li>
+
</div> <!-- cd-member-info -->
−
         </ul>
+
</a>
−
      </div>
+
</li>          
−
     </div>
+
                <li></li><li></li> 
−
     This needs a susboi tooltip for Jonathan
+
              <li><h2>Emotional Support Staff</h2></li>
−
     -->
+
                   
 +
                    <li>
 +
<a href="#0" data-type="member-21">
 +
<figure>
 +
<img src="https://static.igem.org/mediawiki/2018/c/cc/T--Tacoma_RAINmakers--Mobi1.jpg" style="border-radius:50%" align="center"; alt="Team member 1">
 +
                                <div class="cd-img-overlay"><span>View Bio</span></div>
 +
</figure>
 +
 
 +
<div class="cd-member-info">
 +
Mobius <span>. . . . . . . . . . . . . . . . . . . . . . . . . . . . .</span>
 +
</div> <!-- cd-member-info -->
 +
</a>
 +
</li>
 +
                   
 +
</ul>
 +
</div> <!-- cd-container -->
 +
</section> <!-- cd-team -->
 +
 
 +
<div class="cd-overlay"></div>
 +
</main>
 +
 
 +
<div class="cd-member-bio member-1">
 +
<div class="cd-member-bio-pict">
 +
<img src="https://static.igem.org/mediawiki/2018/c/cc/T--Tacoma_RAINmakers--Sarah.JPG" alt="Member Bio image">
 +
</div> <!-- cd-member-bio-pict -->
 +
 
 +
<div class="cd-bio-content">
 +
<h1><font color="white">Meet Sarah Bortel</font></h1>
 +
<p>Sarah, a senior at Charles Wright Academy, strives to pursue her interests in physics and biology. She hopes to broaden her knowledge of the subjects and expand her interests. While Sarah is not in the lab, she is either reading, playing her guitar, or learning more about her other interests: French, history, and math. Sarah also does advanced ceramics in school and hopes to continue the subject in college next fall. Sarah is very passionate about her hobbies, and strives to learn as much as possible about as much as possible. Sarah’s passion for learning has found a home at RAIN, where she can learn and experiment as much as she pleases.</p>
 +
</div> <!-- cd-bio-content -->
 +
</div> <!-- cd-member-bio -->
 +
 
 +
<div class="cd-member-bio member-2">
 +
<div class="cd-member-bio-pict">
 +
<img src="https://static.igem.org/mediawiki/2018/9/95/T--Tacoma_RAINmakers--Kira.JPG" alt="Member Bio image">
 +
</div> <!-- cd-member-bio-pict -->
 +
 
 +
<div class="cd-bio-content">
 +
<h1><font color="white">Meet Kira Boyce</font></h1>
 +
<p>A senior at Charles Wright Academy, Kira hopes to utilize her lab experience taken from RAIN by applying it to her own research this coming school year. She aspires to become a biomedical engineer and is always looking for a way to bring the team closer together. She is very passionate about music, cooking, and running, all of which she constantly tries to incorporate into her work at RAIN.</p>
 +
</div> <!-- cd-bio-content -->
 +
</div> <!-- cd-member-bio -->
 +
   
 +
    <div class="cd-member-bio member-3">
 +
<div class="cd-member-bio-pict">
 +
<img src="https://static.igem.org/mediawiki/2018/1/17/T--Tacoma_RAINmakers--Kian_Croston.jpg" alt="Member Bio image">
 +
</div> <!-- cd-member-bio-pict -->
 +
 
 +
<div class="cd-bio-content">
 +
<h1><font color="white">Meet Kian Croston</font></h1>
 +
<p>Kian is a second-year member of the Tacoma RAINmakers iGEM team. A truly experienced scientist, Kian’s entire aura exhibits calmness and control. Since his early days of research, Kian has been the absolute manifestation of flexibility. Versed in a multitude of talents, Kian transitions seamlessly between coding, wet lab, and technology. In his free time, Kian enjoys watching Khan Academy videos and drinking tea at eccentric cafes. Kian’s strong individual motivation coupled with a driving desire to learn will take him far in the realm of bioengineering and beyond.</p>
 +
</div> <!-- cd-bio-content -->
 +
</div> <!-- cd-member-bio -->
 +
 
 +
<div class="cd-member-bio member-4">
 +
<div class="cd-member-bio-pict">
 +
<img src="https://static.igem.org/mediawiki/2018/e/e6/T--Tacoma_RAINmakers--Ian.JPG" alt="Member Bio image">
 +
</div> <!-- cd-member-bio-pict -->
 +
 
 +
<div class="cd-bio-content">
 +
<h1><font color="white">Meet Ian Gutierrez</font></h1>
 +
<p>Ian is a senior at Stadium High School and does Running Start at Tacoma Community College. He is passionate about computers and hopes to pursue a career in computer science. Ian is apart of the wet lab team and the technology team and spends almost every day of the week at RAIN working in the lab or doing other projects. Ian hopes to gain more skills in the lab and possibly utilize them in the future. When Ian is not in the lab, he is also very passionate about photography and takes portraits of individuals and families often.</p>
 +
</div> <!-- cd-bio-content -->
 +
</div> <!-- cd-member-bio -->
 +
   
 +
    <div class="cd-member-bio member-5">
 +
<div class="cd-member-bio-pict">
 +
<img src="https://static.igem.org/mediawiki/2018/8/82/T--Tacoma_RAINmakers--Keshava.JPG" alt="Member Bio image">
 +
</div> <!-- cd-member-bio-pict -->
 +
 
 +
<div class="cd-bio-content">
 +
<h1><font color="white">Meet Keshava Katti</font></h1>
 +
<p>Keshava is preparing for his second year of iGEM and has a enjoyed more than a year of wet lab work. As a high school junior, Keshava began with no pipetting skill, a nebulous concept of the central dogma, and an equally clueless understanding of PCR and gel electrophoresis. Today, he leads lab efforts that extend further than he could have ever dreamed, from fluorescent protein analysis to in vitro DNA extraction. Keshava will be attending the University of Pennsylvania in the fall and plans to double major in electrical engineering and mathematics. In the future, Keshava hopes to harness his understanding of synthetic biology for electrical engineering applications.</p>
 +
</div> <!-- cd-bio-content -->
 +
</div> <!-- cd-member-bio -->
 +
   
 +
    <div class="cd-member-bio member-6">
 +
<div class="cd-member-bio-pict">
 +
<img src="https://static.igem.org/mediawiki/2018/0/06/T--Tacoma_RAINmakers--James.JPG" alt="Member Bio image">
 +
</div> <!-- cd-member-bio-pict -->
 +
 
 +
<div class="cd-bio-content">
 +
<h1><font color="white">Meet James Lee</font></h1>
 +
<p>James, a rising senior in Charles Wright Academy, hopes to pursue his passion in science by being a part of RAIN’s iGEM team. With a strong interest in chemistry, James always finds a way to use his strengths by actively engaging in lab work and being on the tech team. He comes in almost everyday during the summer, not just to contribute to the team project, but also to meet people here who are the experts in science field and to hear about their experiences. James strives to pursue his passion in science in the future by majoring in biochemistry and joining the college research team.</p>
 +
</div> <!-- cd-bio-content -->
 +
</div> <!-- cd-member-bio -->
 +
      
 +
    <div class="cd-member-bio member-7">
 +
<div class="cd-member-bio-pict">
 +
<img src="https://static.igem.org/mediawiki/2018/4/4c/T--Tacoma_RAINmakers--Michael.JPG" alt="Member Bio image">
 +
</div> <!-- cd-member-bio-pict -->
 +
 
 +
<div class="cd-bio-content">
 +
<h1><font color="white">Meet Michael Martin</font></h1>
 +
<p>Curiosity and desire to make a difference inspires Michael as he enters his Senior Year at Bellarmine Preparatory High School. Michael is a student who never gives up his pursuit of excellence and gives 100 percent effort toward learning. Michael has proven academically successful in college level classes and is hoping to bring something new to the table at RAIN. He is currently working on finding a better-functioning promoter sequence for the production of ArsR in the project design.</p>
 +
</div> <!-- cd-bio-content -->
 +
</div> <!-- cd-member-bio -->
 +
   
 +
     <div class="cd-member-bio member-8">
 +
<div class="cd-member-bio-pict">
 +
<img src="https://static.igem.org/mediawiki/2018/e/e7/T--Tacoma_RAINmakers--Jaskiran.png" alt="Member Bio image">
 +
</div> <!-- cd-member-bio-pict -->
 +
 
 +
<div class="cd-bio-content">
 +
<h1><font color="white">Meet Jaskiran Pental</font></h1>
 +
<p> As a rising senior at Annie Wright Schools, Jaskiran will enter her 14th year at the same school. Professionally and academically, Jaskiran’s interests lie in the field of bioengineering as it pertains to her natural curiosity towards understanding how things work in an interdisciplinary manner. Jaskiran hopes to delve into the sciences throughout college - this includes finding and learning from experiences within and surrounding STEM. After joining iGEM in the beginning of 2018, Jaskiran learned about the lab processes involved in cloning and now applies them to her work in the lab. She has gained many skills from spending hours in the lab and hopes to use these skills in her future research-oriented endeavors. Jaskiran also works on the Human Practices team, in which she works with other team members to find ways to spread awareness about who the Tacoma RainMakers are and what they do. Besides participating on the iGEM team, Jaskiran also loves to dance, contribute to her school community and spend time with friends and family. </p>
 +
</div> <!-- cd-bio-content -->
 +
</div> <!-- cd-member-bio -->
 +
   
 +
    <div class="cd-member-bio member-9">
 +
<div class="cd-member-bio-pict">
 +
<img src="https://static.igem.org/mediawiki/2018/c/cd/T--Tacoma_RAINmakers--Leon.JPG" alt="Member Bio image">
 +
</div> <!-- cd-member-bio-pict -->
 +
 
 +
<div class="cd-bio-content">
 +
<h1><font color="white">Meet Leon Wan</font></h1>
 +
<p> Leon is a senior at Steilacoom High School who prefers to spend his time reading, being physically active, and eating. He also enjoys learning about STEM, which is a leading motivation in his involvement with the Tacoma RAINmakers team in 2018. This is his very first year participating in the iGEM competition, and although he struggles at times, he tries his best to help out in and outside the lab. </p>
 +
</div> <!-- cd-bio-content -->
 +
</div> <!-- cd-member-bio -->
 +
   
 +
    <div class="cd-member-bio member-10">
 +
<div class="cd-member-bio-pict">
 +
<img src="https://static.igem.org/mediawiki/2018/0/0d/T--Tacoma_RAINmakers--heidipic.png" alt="Member Bio image">
 +
</div> <!-- cd-member-bio-pict -->
 +
 
 +
<div class="cd-bio-content">
 +
<h1><font color="white">Meet Heidi Xu</font></h1>
 +
<p> Heidi is a CWA senior with a passion for learning and zesty tang for life. While she enjoys biology, she also loves art, history, and watching people make coffee art of shiba inus. She is excited that her involvement with RAIN means a greater level of proactivity in the community, and she hopes that her background in design can help enhance this year’s project. </p>
 +
</div> <!-- cd-bio-content -->
 +
</div> <!-- cd-member-bio -->
 +
   
 +
    <div class="cd-member-bio member-11">
 +
<div class="cd-member-bio-pict">
 +
<img src="https://static.igem.org/mediawiki/2018/b/b6/T--Tacoma_RAINmakers--Madelyn.JPG" alt="Member Bio image">
 +
</div> <!-- cd-member-bio-pict -->
 +
 
 +
<div class="cd-bio-content">
 +
<h1><font color="white">Meet Madelyn Yeh</font></h1>
 +
<p>Madelyn Yeh, a senior at Charles Wright Academy, is a notable part of the wet lab and human practices team for the Tacoma RAINMakers. Her passion lies within the sciences, specifically the biological field. She hopes to use iGEM as a stepping stone into bioengineering with a hope of making a real impact on the world. Besides working in the lab, she enjoys learning new instruments, trying new types of food, and trying out new photoshop techniques. Intelligent, kind, and full of puns, she brightens up the lab and works hard while smiling and making others smile. One of the first of the team members to attain full lab independence, her keen intellect and drive make her an invaluable asset. The 2018 RAINMakers would not be the same without her, and she’s a blessing wherever she goes. </p>
 +
</div> <!-- cd-bio-content -->
 +
</div> <!-- cd-member-bio -->
 +
   
 +
    <div class="cd-member-bio member-12">
 +
<div class="cd-member-bio-pict">
 +
<img src="https://static.igem.org/mediawiki/2018/4/45/T--Tacoma_RAINmakers--Jonathan_Zacarias.JPG" alt="Member Bio image">
 +
</div> <!-- cd-member-bio-pict -->
 +
 
 +
<div class="cd-bio-content">
 +
<h1><font color="white">Meet Jonathan Zacarias</font></h1>
 +
<p>Driven by a love of learning and the people around him, Jonathan studies general engineering at the University of Redlands and seeks to apply his wide skill set in mechanics, electronics and the lab, as well as his “can-do” and supportive attitude, to his studies. Jonathan, as one of the four returning student members from RAIN’s 2017 IGEM team, leads the 2018 RAINMakers team as the technology subteam leader. This means he not only oversees the hardware for the team, but also the social media, app and wiki development. Bringing his experience from the last years team he has sought to prepare this years team as much as possible for competition.</p>
 +
</div> <!-- cd-bio-content -->
 +
</div> <!-- cd-member-bio -->
 +
 
 +
<div class="cd-member-bio member-13">
 +
<div class="cd-member-bio-pict">
 +
<img src="https://static.igem.org/mediawiki/2018/d/d6/T--Tacoma_RAINmakers--Cheyenne.jpg" alt="Member Bio image">
 +
</div> <!-- cd-member-bio-pict -->
 +
 
 +
<div class="cd-bio-content">
 +
<h1><font color="white">Meet Qianwen Zhang (a.k.a. Cheyenne)</font></h1>
 +
<p></p>
 +
</div> <!-- cd-bio-content -->
 +
</div> <!-- cd-member-bio -->
 +
       
 +
    <div class="cd-member-bio member-14">
 +
<div class="cd-member-bio-pict">
 +
<img src="https://static.igem.org/mediawiki/2018/8/86/T--Tacoma_RAINmakers--Brendan.JPG" alt="Member Bio image">
 +
</div> <!-- cd-member-bio-pict -->
 +
 
 +
<div class="cd-bio-content">
 +
<h1><font color="white">Meet Brendan Studebaker</font></h1>
 +
<p>Brendan is currently a 4th year biomedical science student at the University of Washington in Tacoma and works at RAIN as a junior scientist and operations assistant. Brendan is involved with a neuroscience research group on campus studying the functionality of the GRIP1 protein and is involved with the iGEM team at RAIN. He was a team member on the 2017 iGEM team and is now an instructor for RAIN’s 2018 team. Brendan has a passion for synthetic biology and teaching. </p>
 +
</div> <!-- cd-bio-content -->
 +
</div> <!-- cd-member-bio -->
 +
 
 +
<div class="cd-member-bio member-15">
 +
<div class="cd-member-bio-pict">
 +
<img src="https://static.igem.org/mediawiki/2018/b/b9/T--Tacoma_RAINmakers--Catherine.jpg" alt="Member Bio image">
 +
</div> <!-- cd-member-bio-pict -->
 +
 
 +
<div class="cd-bio-content">
 +
<h1><font color="white">Meet Catherine Ryan</font></h1>
 +
<p>Catherine is a rising junior and instrumental in helping the team find their way around RAIN's laboratories. She is a research intern at RAIN working on a project to develop an isothermal DNA amplification technique for the detection of environmental DNA. Her skills have helped the RAINmakers learn how to clone their arsenic sensor and has supported the team with educational outreach events like classroom visits and science demos. Catherine is passionate about learning everything she can about every topic!</p>
 +
</div> <!-- cd-bio-content -->
 +
</div> <!-- cd-member-bio -->
 +
       
 +
    <div class="cd-member-bio member-16">
 +
<div class="cd-member-bio-pict">
 +
<img src="https://static.igem.org/mediawiki/2018/b/b2/T--Tacoma_RAINmakers--Amanda_Galuszka.jpg" alt="Member Bio image">
 +
</div> <!-- cd-member-bio-pict -->
 +
 
 +
<div class="cd-bio-content">
 +
<h1><font color="white">Meet Amanda Galuszka</font></h1>
 +
<p>An international educator whose passion for science has driven her to study and teach on two continents, Amanda Galuszka is a celebrated and award-winning biology teacher and STEM education enthusiast who brings first-hand experience of science education and knowledge to RAIN’s iGEM program. Hailed by her overseas peers for her work, Mandy has dedicated more than 13 years to the field of science education. Her belief that hands-on laboratory experiences are gateways to life-long experiments and curiosity of the world around us, Mandy has used her knowledge and experience to bring new approaches to diverse STEM learning to more than 1700 students over a formal teaching career that included instruction at high schools in Stuttgart and Ramstein, Germany, as well as our local Tacoma schools. When she's not at RAIN, Mandy can be found following her passion: traveling with her husband and creating in- and outside-home learning experiences for her twins, Ben and Ella. They spend as much time as possible in nature, camping in the mountains, swimming at local lakes and beaches, and collecting rocks and fauna.</p>
 +
</div> <!-- cd-bio-content -->
 +
</div> <!-- cd-member-bio -->
 +
 
 +
<div class="cd-member-bio member-17">
 +
<div class="cd-member-bio-pict">
 +
<img src="https://static.igem.org/mediawiki/2018/7/7b/T--Tacoma_RAINmakers--Kristine_Grace.jpg" alt="Member Bio image">
 +
</div> <!-- cd-member-bio-pict -->
 +
 
 +
<div class="cd-bio-content">
 +
<h1><font color="white">Meet Kristine Grace</font></h1>
 +
<p>Kristine has twenty years of clinical experience as a Board Certified Oral and
 +
            Maxillofacial Surgeon. After completing a BS in Biology from the University of Notre Dame, she went on to complete a DDS at the University of Washington and a Masters of Science in Oral Biology and Pathology.
 +
            <br><br>
 +
            She maintained a private practice in Oral and Facial Surgery Puyallup and
 +
            operated at Good Samaritan Hospital and Tacoma General during her 20 year
 +
            tenure. After completing her MBA at the University of Washington, she started a digital marketing company for healthcare providers. She has since sold this
 +
            company to focus on domestic and international medical missions. In this
 +
            capacity, she continues to consult in the healthcare industry, manages various
 +
            types of medical practices, and is an Affiliate faculty at the University of
 +
            Washington. She also mentors early start-up companies in business modeling
 +
            practices. She serves on multiple non-profit Boards in her community including Bellarmine Robotics. She acts the Director of Marketing and Strategic Network Partnerships at the Readiness Acceleration &amp; Innovation Network, a non-profit life-science incubator in Tacoma, Wa. </p>
 +
</div> <!-- cd-bio-content -->
 +
</div> <!-- cd-member-bio -->
 +
          
 +
    <div class="cd-member-bio member-18">
 +
<div class="cd-member-bio-pict">
 +
<img src="https://static.igem.org/mediawiki/2018/7/71/T--Tacoma_RAINmakers--Susan.jpg" alt="Member Bio image">
 +
</div> <!-- cd-member-bio-pict -->
 +
 
 +
<div class="cd-bio-content">
 +
<h1><font color="white">Meet Susan Xu</font></h1>
 +
<p>Mrs. Susan Xu is an enthusiastic technology advisor for the team. She has a MS in Computer Engineering from Syracuse University and worked as a software engineer for many different companies, including Intel Corp. She is an active parent volunteer at Charles Wright Academy and enjoys reading, traveling ,and listening to music. Susan has been a great help to the technology team and with the various events that the RAINmakers have been involved with hosting.</p>
 +
</div> <!-- cd-bio-content -->
 +
</div> <!-- cd-member-bio -->
 +
   
 +
     <div class="cd-member-bio member-19">
 +
<div class="cd-member-bio-pict">
 +
<img src="https://static.igem.org/mediawiki/2018/7/79/T--Tacoma_RAINmakers--David_Hirschberg.JPG" alt="Member Bio image">
 +
</div> <!-- cd-member-bio-pict -->
 +
 
 +
<div class="cd-bio-content">
 +
<h1><font color="white">Meet David Hirschberg</font></h1>
 +
<p>Dr. David Hirschberg is the Principal Investigator for the RAINmakers. He is the CEO and founder of RAIN, the nonprofit organization that sponsors the RAINmakers. He also has professional appointments at University of Washington Tacoma and US Army's Edgewood Chemical Biological Center. David is passionate about bringing biotechnology to Tacoma and getting students involved in the process. We are grateful for David's readiness to involve high school students in research and support of the team.</p>
 +
</div> <!-- cd-bio-content -->
 +
</div> <!-- cd-member-bio -->
 +
      
 +
    <div class="cd-member-bio member-20">
 +
<div class="cd-member-bio-pict">
 +
<img src="https://static.igem.org/mediawiki/2018/4/4c/T--Tacoma_RAINmakers--Judy_Nguyen.jpg" alt="Member Bio image">
 +
</div> <!-- cd-member-bio-pict -->
 +
 
 +
<div class="cd-bio-content">
 +
<h1><font color="white">Meet Judy Nguyen</font></h1>
 +
<p>Dr. Judy Nguyen is the co-PI for the RAINmakers and head scientist at RAIN. She is a molecular biologist who wants to develop new assays that will help in the detection of biological or chemical signatures in the environment. Her role at RAIN is to train students, build capabilities, and generate funding to support students and entrepreneurs in research. She is excited to involved in creating educational programs that will help young people prepare for careers in biotechnology.</p>
 +
</div> <!-- cd-bio-content -->
 +
</div> <!-- cd-member-bio -->
 +
      
 +
    <div class="cd-member-bio member-21">
 +
<div class="cd-member-bio-pict">
 +
<img src="https://static.igem.org/mediawiki/2018/4/47/T--Tacoma_RAINmakers--Mobius_Portrait.jpg" alt="Member Bio image">
 +
</div> <!-- cd-member-bio-pict -->
 +
 
 +
<div class="cd-bio-content">
 +
<h1><font color="white">Meet Mobius (a.k.a. "Mobi")</font></h1>
 +
<p>Mobius is Dr. David Hirschberg's service dog. He is a Catahoula Cur (officially called the Louisiana Catahoula Leopard Dog) who is vital to our team, helping us manage our stress levels. Mobius is a truly one-of-a-kind companion, fun to be around, and always eager to please (mostly because he wants someone to feed him). When there's food in the vicinity, he is very driven and develops a work ethic that many humans lack. Without Mobius, our team wouldn't be the same. </p>
 +
</div> <!-- cd-bio-content -->
 +
</div> <!-- cd-member-bio -->
 +
   
 +
<a href="#0" class="cd-member-bio-close">Close</a> <!-- close the author bio section -->
 +
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
 +
<script src="https://2018.igem.org/Team:Tacoma_RAINmakers/main_js?action=raw&ctype=text/javascript"></script> <!-- Gem jQuery -->
 +
</body>
 
</html>
 
</html>

Latest revision as of 20:01, 17 November 2018

Team:TacomaRAINmakers/Notebook - 2017.igem.org

Team:ECUST/Lab/Notebook

Meet the Team

Meet the Team

Tacoma RAINmakers

With high school members from all over the area, we have built a diverse and spirited team.

Our Team

Member Bio image

Meet Sarah Bortel

Sarah, a senior at Charles Wright Academy, strives to pursue her interests in physics and biology. She hopes to broaden her knowledge of the subjects and expand her interests. While Sarah is not in the lab, she is either reading, playing her guitar, or learning more about her other interests: French, history, and math. Sarah also does advanced ceramics in school and hopes to continue the subject in college next fall. Sarah is very passionate about her hobbies, and strives to learn as much as possible about as much as possible. Sarah’s passion for learning has found a home at RAIN, where she can learn and experiment as much as she pleases.

Member Bio image

Meet Kira Boyce

A senior at Charles Wright Academy, Kira hopes to utilize her lab experience taken from RAIN by applying it to her own research this coming school year. She aspires to become a biomedical engineer and is always looking for a way to bring the team closer together. She is very passionate about music, cooking, and running, all of which she constantly tries to incorporate into her work at RAIN.

Member Bio image

Meet Kian Croston

Kian is a second-year member of the Tacoma RAINmakers iGEM team. A truly experienced scientist, Kian’s entire aura exhibits calmness and control. Since his early days of research, Kian has been the absolute manifestation of flexibility. Versed in a multitude of talents, Kian transitions seamlessly between coding, wet lab, and technology. In his free time, Kian enjoys watching Khan Academy videos and drinking tea at eccentric cafes. Kian’s strong individual motivation coupled with a driving desire to learn will take him far in the realm of bioengineering and beyond.

Member Bio image

Meet Ian Gutierrez

Ian is a senior at Stadium High School and does Running Start at Tacoma Community College. He is passionate about computers and hopes to pursue a career in computer science. Ian is apart of the wet lab team and the technology team and spends almost every day of the week at RAIN working in the lab or doing other projects. Ian hopes to gain more skills in the lab and possibly utilize them in the future. When Ian is not in the lab, he is also very passionate about photography and takes portraits of individuals and families often.

Member Bio image

Meet Keshava Katti

Keshava is preparing for his second year of iGEM and has a enjoyed more than a year of wet lab work. As a high school junior, Keshava began with no pipetting skill, a nebulous concept of the central dogma, and an equally clueless understanding of PCR and gel electrophoresis. Today, he leads lab efforts that extend further than he could have ever dreamed, from fluorescent protein analysis to in vitro DNA extraction. Keshava will be attending the University of Pennsylvania in the fall and plans to double major in electrical engineering and mathematics. In the future, Keshava hopes to harness his understanding of synthetic biology for electrical engineering applications.

Member Bio image

Meet James Lee

James, a rising senior in Charles Wright Academy, hopes to pursue his passion in science by being a part of RAIN’s iGEM team. With a strong interest in chemistry, James always finds a way to use his strengths by actively engaging in lab work and being on the tech team. He comes in almost everyday during the summer, not just to contribute to the team project, but also to meet people here who are the experts in science field and to hear about their experiences. James strives to pursue his passion in science in the future by majoring in biochemistry and joining the college research team.

Member Bio image

Meet Michael Martin

Curiosity and desire to make a difference inspires Michael as he enters his Senior Year at Bellarmine Preparatory High School. Michael is a student who never gives up his pursuit of excellence and gives 100 percent effort toward learning. Michael has proven academically successful in college level classes and is hoping to bring something new to the table at RAIN. He is currently working on finding a better-functioning promoter sequence for the production of ArsR in the project design.

Member Bio image

Meet Jaskiran Pental

As a rising senior at Annie Wright Schools, Jaskiran will enter her 14th year at the same school. Professionally and academically, Jaskiran’s interests lie in the field of bioengineering as it pertains to her natural curiosity towards understanding how things work in an interdisciplinary manner. Jaskiran hopes to delve into the sciences throughout college - this includes finding and learning from experiences within and surrounding STEM. After joining iGEM in the beginning of 2018, Jaskiran learned about the lab processes involved in cloning and now applies them to her work in the lab. She has gained many skills from spending hours in the lab and hopes to use these skills in her future research-oriented endeavors. Jaskiran also works on the Human Practices team, in which she works with other team members to find ways to spread awareness about who the Tacoma RainMakers are and what they do. Besides participating on the iGEM team, Jaskiran also loves to dance, contribute to her school community and spend time with friends and family.

Member Bio image

Meet Leon Wan

Leon is a senior at Steilacoom High School who prefers to spend his time reading, being physically active, and eating. He also enjoys learning about STEM, which is a leading motivation in his involvement with the Tacoma RAINmakers team in 2018. This is his very first year participating in the iGEM competition, and although he struggles at times, he tries his best to help out in and outside the lab.

Member Bio image

Meet Heidi Xu

Heidi is a CWA senior with a passion for learning and zesty tang for life. While she enjoys biology, she also loves art, history, and watching people make coffee art of shiba inus. She is excited that her involvement with RAIN means a greater level of proactivity in the community, and she hopes that her background in design can help enhance this year’s project.

Member Bio image

Meet Madelyn Yeh

Madelyn Yeh, a senior at Charles Wright Academy, is a notable part of the wet lab and human practices team for the Tacoma RAINMakers. Her passion lies within the sciences, specifically the biological field. She hopes to use iGEM as a stepping stone into bioengineering with a hope of making a real impact on the world. Besides working in the lab, she enjoys learning new instruments, trying new types of food, and trying out new photoshop techniques. Intelligent, kind, and full of puns, she brightens up the lab and works hard while smiling and making others smile. One of the first of the team members to attain full lab independence, her keen intellect and drive make her an invaluable asset. The 2018 RAINMakers would not be the same without her, and she’s a blessing wherever she goes.

Member Bio image

Meet Jonathan Zacarias

Driven by a love of learning and the people around him, Jonathan studies general engineering at the University of Redlands and seeks to apply his wide skill set in mechanics, electronics and the lab, as well as his “can-do” and supportive attitude, to his studies. Jonathan, as one of the four returning student members from RAIN’s 2017 IGEM team, leads the 2018 RAINMakers team as the technology subteam leader. This means he not only oversees the hardware for the team, but also the social media, app and wiki development. Bringing his experience from the last years team he has sought to prepare this years team as much as possible for competition.

Member Bio image

Meet Qianwen Zhang (a.k.a. Cheyenne)

Member Bio image

Meet Brendan Studebaker

Brendan is currently a 4th year biomedical science student at the University of Washington in Tacoma and works at RAIN as a junior scientist and operations assistant. Brendan is involved with a neuroscience research group on campus studying the functionality of the GRIP1 protein and is involved with the iGEM team at RAIN. He was a team member on the 2017 iGEM team and is now an instructor for RAIN’s 2018 team. Brendan has a passion for synthetic biology and teaching.

Member Bio image

Meet Catherine Ryan

Catherine is a rising junior and instrumental in helping the team find their way around RAIN's laboratories. She is a research intern at RAIN working on a project to develop an isothermal DNA amplification technique for the detection of environmental DNA. Her skills have helped the RAINmakers learn how to clone their arsenic sensor and has supported the team with educational outreach events like classroom visits and science demos. Catherine is passionate about learning everything she can about every topic!

Member Bio image

Meet Amanda Galuszka

An international educator whose passion for science has driven her to study and teach on two continents, Amanda Galuszka is a celebrated and award-winning biology teacher and STEM education enthusiast who brings first-hand experience of science education and knowledge to RAIN’s iGEM program. Hailed by her overseas peers for her work, Mandy has dedicated more than 13 years to the field of science education. Her belief that hands-on laboratory experiences are gateways to life-long experiments and curiosity of the world around us, Mandy has used her knowledge and experience to bring new approaches to diverse STEM learning to more than 1700 students over a formal teaching career that included instruction at high schools in Stuttgart and Ramstein, Germany, as well as our local Tacoma schools. When she's not at RAIN, Mandy can be found following her passion: traveling with her husband and creating in- and outside-home learning experiences for her twins, Ben and Ella. They spend as much time as possible in nature, camping in the mountains, swimming at local lakes and beaches, and collecting rocks and fauna.

Member Bio image

Meet Kristine Grace

Kristine has twenty years of clinical experience as a Board Certified Oral and Maxillofacial Surgeon. After completing a BS in Biology from the University of Notre Dame, she went on to complete a DDS at the University of Washington and a Masters of Science in Oral Biology and Pathology.

She maintained a private practice in Oral and Facial Surgery Puyallup and operated at Good Samaritan Hospital and Tacoma General during her 20 year tenure. After completing her MBA at the University of Washington, she started a digital marketing company for healthcare providers. She has since sold this company to focus on domestic and international medical missions. In this capacity, she continues to consult in the healthcare industry, manages various types of medical practices, and is an Affiliate faculty at the University of Washington. She also mentors early start-up companies in business modeling practices. She serves on multiple non-profit Boards in her community including Bellarmine Robotics. She acts the Director of Marketing and Strategic Network Partnerships at the Readiness Acceleration & Innovation Network, a non-profit life-science incubator in Tacoma, Wa.

Member Bio image

Meet Susan Xu

Mrs. Susan Xu is an enthusiastic technology advisor for the team. She has a MS in Computer Engineering from Syracuse University and worked as a software engineer for many different companies, including Intel Corp. She is an active parent volunteer at Charles Wright Academy and enjoys reading, traveling ,and listening to music. Susan has been a great help to the technology team and with the various events that the RAINmakers have been involved with hosting.

Member Bio image

Meet David Hirschberg

Dr. David Hirschberg is the Principal Investigator for the RAINmakers. He is the CEO and founder of RAIN, the nonprofit organization that sponsors the RAINmakers. He also has professional appointments at University of Washington Tacoma and US Army's Edgewood Chemical Biological Center. David is passionate about bringing biotechnology to Tacoma and getting students involved in the process. We are grateful for David's readiness to involve high school students in research and support of the team.

Member Bio image

Meet Judy Nguyen

Dr. Judy Nguyen is the co-PI for the RAINmakers and head scientist at RAIN. She is a molecular biologist who wants to develop new assays that will help in the detection of biological or chemical signatures in the environment. Her role at RAIN is to train students, build capabilities, and generate funding to support students and entrepreneurs in research. She is excited to involved in creating educational programs that will help young people prepare for careers in biotechnology.

Member Bio image

Meet Mobius (a.k.a. "Mobi")

Mobius is Dr. David Hirschberg's service dog. He is a Catahoula Cur (officially called the Louisiana Catahoula Leopard Dog) who is vital to our team, helping us manage our stress levels. Mobius is a truly one-of-a-kind companion, fun to be around, and always eager to please (mostly because he wants someone to feed him). When there's food in the vicinity, he is very driven and develops a work ethic that many humans lack. Without Mobius, our team wouldn't be the same.

Close