Difference between revisions of "Team:Hong Kong HKUST/Team"

 
(97 intermediate revisions by 2 users not shown)
Line 1: Line 1:
{{Hong_Kong_HKUST/Navbar}}
+
{{ Hong_Kong_HKUST/head }}
 
+
{{ Hong_Kong_HKUST/teamtest }}
<html>
+
{{ Hong_Kong_HKUST/footer }}
<body>
+
<div style="width:100%; height:auto"><img style="width:100%" src="https://static.igem.org/mediawiki/2017/7/72/HKUST_OutTeam.png"></div>
+
<div class="spacing">
+
</div>
+
<div class="cards">
+
  <div class="cards__axis ">
+
    <figure class="cards__front">
+
      <img src="https://static.igem.org/mediawiki/2017/5/56/HKUST_Alvin.png" alt=""/>
+
      <figcaption class="cards__description--front">
+
        <span>Alvin Riva, KUSUMA</span>
+
      </figcaption>
+
    </figure>
+
    <figure class="cards__back">
+
      <img src="https://static.igem.org/mediawiki/2017/5/56/HKUST_Alvin.png" alt=""/>
+
      <figcaption class="cards__description--back">
+
        <span>The adventurer 
+
          <br>Despite his love for messsaging, he sometimes shares food with his e.coli pets when he wants to know how it double distilled water taste like.
+
</span>
+
      </figcaption>
+
    </figure>
+
  </div>
+
  <div class="cards__axis">
+
    <figure class="cards__front">
+
      <img src="https://static.igem.org/mediawiki/2017/3/39/HKUST_Devi.png" alt=""/>
+
      <figcaption class="cards__description--front">
+
        <span>Devi Natalie, NADJAJA</span>
+
      </figcaption>
+
    </figure>
+
    <figure class="cards__back">
+
      <img src="https://static.igem.org/mediawiki/2017/3/39/HKUST_Devi.png" alt=""/>
+
      <figcaption class="cards__description--back">
+
        <span>The calligrapher.
+
          <br> She is able to write very neatly and beautifully, as if it is a font printed by the computer. Reading log book hand-written by her can surely put you in a good mood before you start your experiment of the day.</span>
+
      </figcaption>
+
    </figure>
+
  </div>
+
  <div class="cards__axis ">
+
    <figure class="cards__front">
+
      <img src="https://static.igem.org/mediawiki/2017/d/d1/HKUST_David.png" alt=""/>
+
      <figcaption class="cards__description--front">
+
        <span>Tsz Man CHEUNG, David</span>
+
      </figcaption>
+
    </figure>
+
    <figure class="cards__back">
+
      <img src="https://static.igem.org/mediawiki/2017/d/d1/HKUST_David.png" alt=""/>
+
      <figcaption class="cards__description--back">
+
        <span>The main contact person for human practice in the team.
+
          <br>He is a very sociable person who is not shy to contact people from other teams or the professionals.</span>
+
      </figcaption>
+
    </figure>
+
  </div>
+
</div>
+
 
+
<div class="spacing">
+
</div>
+
 
+
<div class="cards">
+
  <div class="cards__axis ">
+
    <figure class="cards__front">
+
      <img src="https://static.igem.org/mediawiki/2017/7/74/HKUST_Handi.png" alt=""/>
+
      <figcaption class="cards__description--front">
+
        <span>Handi, YANG</span>
+
      </figcaption>
+
    </figure>
+
    <figure class="cards__back">
+
      <img src="https://static.igem.org/mediawiki/2017/7/74/HKUST_Handi.png" alt=""/>
+
      <figcaption class="cards__description--back">
+
        <span>The Mandarin translator in Human Practice
+
        <br> Using her plentiful knowledge in both Chinese and Biology, she made the production for the chinese version of Synthetic Biology 101 videos a lot smoother. SHe is also the only girl in Recombination module!</span>
+
      </figcaption>
+
    </figure>
+
  </div>
+
  <div class="cards__axis">
+
    <figure class="cards__front">
+
      <img src="https://static.igem.org/mediawiki/2017/2/21/HKUST_Harold.png" alt=""/>
+
      <figcaption class="cards__description--front">
+
        <span>Chen PENG,Harold</span>
+
      </figcaption>
+
    </figure>
+
    <figure class="cards__back">
+
      <img src="https://static.igem.org/mediawiki/2017/2/21/HKUST_Harold.png" alt=""/>
+
      <figcaption class="cards__description--back">
+
        <span>The perfectionist
+
        <br> You can spot this out once you step into the lab. He is the only person who wears lab coat and uses camera to keep track of what he has done. Though it will be more professional if he wears an extra pair of safety goggles.</span>
+
      </figcaption>
+
    </figure>
+
  </div>
+
  <div class="cards__axis ">
+
    <figure class="cards__front">
+
      <img src="https://static.igem.org/mediawiki/2017/3/34/HKUST_Jenny.png" alt=""/>
+
      <figcaption class="cards__description--front">
+
        <span>Lok Man CHAN,Jenny</span>
+
      </figcaption>
+
    </figure>
+
    <figure class="cards__back">
+
      <img src="https://static.igem.org/mediawiki/2017/3/34/HKUST_Jenny.png" alt=""/>
+
      <figcaption class="cards__description--back">
+
        <span>Our main artist
+
          <br> Also the core iGEM memes developer. She is very enthusiastic in the lab and project development, but can also fall asleep anytime during her free time.</span>
+
      </figcaption>
+
    </figure>
+
  </div>
+
</div>
+
 
+
<div class="spacing">
+
</div>
+
 
+
<div class="cards">
+
  <div class="cards__axis ">
+
    <figure class="cards__front">
+
      <img src="https://static.igem.org/mediawiki/2017/6/6f/HKUST_Kapher.png" alt=""/>
+
      <figcaption class="cards__description--front">
+
        <span>Wai Yan LO,Kapher</span>
+
      </figcaption>
+
    </figure>
+
    <figure class="cards__back">
+
      <img src="https://static.igem.org/mediawiki/2017/6/6f/HKUST_Kapher.png" alt=""/>
+
      <figcaption class="cards__description--back">
+
        <span>The automatic "laugh-generator".
+
          <br>Whenever she's here, the lab will be full of laughters and her loud voice. Being an energetic person, she will yell "Yo! Let's goooo!!!" when our lab day begins.</span>
+
      </figcaption>
+
    </figure>
+
  </div>
+
  <div class="cards__axis">
+
    <figure class="cards__front">
+
      <img src="https://static.igem.org/mediawiki/2017/8/8f/HKUST_Ken.png" alt=""/>
+
      <figcaption class="cards__description--front">
+
        <span>Kin Yung CHAU,Ken</span>
+
      </figcaption>
+
    </figure>
+
    <figure class="cards__back">
+
      <img src="https://static.igem.org/mediawiki/2017/8/8f/HKUST_Ken.png" alt=""/>
+
      <figcaption class="cards__description--back">
+
        <span >The original project designer in charge of our Sensing module
+
        <br>He is known for being the "Cha-siu" (barbeque pork in chinese) of our lab as this is the way he says "I trust you". With all his trust for the team, we also calls him a god who never gets angry.</span>
+
      </figcaption>
+
    </figure>
+
  </div>
+
  <div class="cards__axis ">
+
    <figure class="cards__front">
+
      <img src="https://static.igem.org/mediawiki/2017/1/12/HKUST_Katie.png" alt=""/>
+
      <figcaption class="cards__description--front">
+
        <span>Sirinant KHUNAKORNBODINTR,Katie</span>
+
      </figcaption>
+
    </figure>
+
    <figure class="cards__back">
+
      <img src="https://static.igem.org/mediawiki/2017/b/ba/HKUST_Katie2.jpeg" alt=""/>
+
      <figcaption class="cards__description--back">
+
        <span>The promoter of our team
+
        <br>She is a very strong promoter who does not only strive for the best of herself, but she will also make sure that everyone completes their work to the best of their ability.</span>
+
      </figcaption>
+
    </figure>
+
  </div>
+
</div>
+
 
+
<div class="spacing">
+
</div>
+
 
+
<div class="cards">
+
  <div class="cards__axis ">
+
    <figure class="cards__front">
+
      <img src="https://static.igem.org/mediawiki/2017/0/0d/HKUST_Kelly.png" alt=""/>
+
      <figcaption class="cards__description--front">
+
        <span>Ora-in CHU,Kelly</span>
+
      </figcaption>
+
    </figure>
+
    <figure class="cards__back">
+
      <img src="https://static.igem.org/mediawiki/2017/0/0d/HKUST_Kelly.png" alt=""/>
+
      <figcaption class="cards__description--back">
+
        <span>A secretary who needs faster typing skills
+
        <br>She is a very committed member in our team. You can tell because you will always see her present in the lab already early in the morning! She also needs to help our time-delay module to keep track of petri dishes (as there are too many!!!)</span>
+
      </figcaption>
+
    </figure>
+
  </div>
+
  <div class="cards__axis">
+
    <figure class="cards__front">
+
      <img src="https://static.igem.org/mediawiki/2017/3/36/HKUST_Marco.png" alt=""/>
+
      <figcaption class="cards__description--front">
+
        <span>Tsz Chun KWOK,Marco</span>
+
      </figcaption>
+
    </figure>
+
    <figure class="cards__back">
+
      <img src="https://static.igem.org/mediawiki/2017/3/36/HKUST_Marco.png" alt=""/>
+
      <figcaption class="cards__description--back">
+
        <span>The pokered-faced comedian
+
        <br>Being an introvert, he seldom speaks. However when he does, he always hits the nail on the head. He will never laugh to whatever jokes he was making. That is what make us think he is so funny all the time! </span>
+
      </figcaption>
+
    </figure>
+
  </div>
+
  <div class="cards__axis ">
+
    <figure class="cards__front">
+
      <img src="https://static.igem.org/mediawiki/2017/8/8d/HKUST_Nicole.png" alt=""/>
+
      <figcaption class="cards__description--front">
+
        <span>On Yiu CHEUNG,Nicole</span>
+
      </figcaption>
+
    </figure>
+
    <figure class="cards__back">
+
      <img src="https://static.igem.org/mediawiki/2017/8/8d/HKUST_Nicole.png" alt=""/>
+
      <figcaption class="cards__description--back">
+
        <span>The efficient helper
+
        <br>She is very willing to offer help to every members in the team and she will try to finish the work people assigned to her as soon as possible. Apart from the lab work, what she enjoys the most is socializing with kids in the HKSTP science fair. </span>
+
      </figcaption>
+
    </figure>
+
  </div>
+
</div>
+
 
+
<div class="spacing">
+
</div>
+
 
+
<div class="cards">
+
  <div class="cards__axis ">
+
    <figure class="cards__front">
+
      <img src="https://static.igem.org/mediawiki/2017/8/83/HKUST_Curry.png" alt=""/>
+
      <figcaption class="cards__description--front">
+
        <span>Ka Wing YUEN,Gary</span>
+
      </figcaption>
+
    </figure>
+
    <figure class="cards__back">
+
      <img src="https://static.igem.org/mediawiki/2017/8/83/HKUST_Curry.png" alt=""/>
+
      <figcaption class="cards__description--back">
+
        <span>The original project designer in charge of our Recombinase module
+
        <br>He's a slave driver that always emphasizes the importance of having a negative control, even when we hold experiment workshops to primary school children in the HKSTP science fair.</span>
+
      </figcaption>
+
    </figure>
+
  </div>
+
  <div class="cards__axis">
+
    <figure class="cards__front">
+
      <img src="https://static.igem.org/mediawiki/2017/0/06/HKUST_Yolanda.png" alt=""/>
+
      <figcaption class="cards__description--front">
+
        <span>Yuen Tung LI,Yolanda</span>
+
      </figcaption>
+
    </figure>
+
    <figure class="cards__back">
+
      <img src="https://static.igem.org/mediawiki/2017/0/06/HKUST_Yolanda.png" alt=""/>
+
      <figcaption class="cards__description--back">
+
        <span>The Snacks Secretary
+
        <br>She is an extraordinary secretary who takes her job one step further by always making sure we have enough snacks to survive our daily work. She likes eating but always complains about eating too much.</span>
+
      </figcaption>
+
    </figure>
+
  </div>
+
  <div class="cards__axis ">
+
    <figure class="cards__front">
+
      <img src="https://static.igem.org/mediawiki/2017/2/21/HKUST_Phoom.png" alt=""/>
+
      <figcaption class="cards__description--front">
+
        <span>Phoomraphee, LUENAM</span>
+
      </figcaption>
+
    </figure>
+
    <figure class="cards__back">
+
      <img src="https://static.igem.org/mediawiki/2017/2/21/HKUST_Phoom.png" alt=""/>
+
      <figcaption class="cards__description--back">
+
        <span>The math and IT support center of the team
+
        <br>He is a genius guy who can explain those complicated modelling stuffs to us very clearly. He is a very nice person to talk to and from what we all gathered, he is a cat person and likes eating salmon very much.</span>
+
      </figcaption>
+
    </figure>
+
  </div>
+
</div>
+
 
+
<div class="spacing">
+
</div>
+
 
+
<div class="cards">
+
  <div class="cards__axis ">
+
    <figure class="cards__front">
+
      <img src="https://static.igem.org/mediawiki/2017/1/1e/HKUST_Mario.png" alt=""/>
+
      <figcaption class="cards__description--front">
+
        <span>Vincentius Mario, PURNAMA</span>
+
      </figcaption>
+
    </figure>
+
    <figure class="cards__back">
+
      <img src="https://static.igem.org/mediawiki/2017/1/1e/HKUST_Mario.png" alt=""/>
+
      <figcaption class="cards__description--back">
+
        <span>
+
        <br>"Kekanak-kanakan" (means Childish in Indonesian) is the only word he taught in Indonesian and we still cannot spell and pronounce it correctly.</span>
+
      </figcaption>
+
    </figure>
+
  </div>
+
  <div class="cards__axis">
+
    <figure class="cards__front">
+
      <img src="https://static.igem.org/mediawiki/2017/4/43/HKUST_Marcel.png" alt=""/>
+
      <figcaption class="cards__description--front">
+
        <span>Marcel, SANTOSO</span>
+
      </figcaption>
+
    </figure>
+
    <figure class="cards__back">
+
      <img src="https://static.igem.org/mediawiki/2017/4/43/HKUST_Marcel.png" alt=""/>
+
      <figcaption class="cards__description--back">
+
        <span>The calmest member of the team
+
        <br>He is the best representative for the word "Santuirrrrrrrrrrrr" (means Calm Down in Indonesian), and also one of the first person who you will see in the lab each day.
+
</span>
+
      </figcaption>
+
    </figure>
+
  </div>
+
  <div class="cards__axis ">
+
    <figure class="cards__front">
+
      <img src="https://static.igem.org/mediawiki/2017/7/79/HKUST_Belkiss.png" alt=""/>
+
      <figcaption class="cards__description--front">
+
        <span>Zhong CHAU,Belkis</span>
+
      </figcaption>
+
    </figure>
+
    <figure class="cards__back">
+
      <img src="https://static.igem.org/mediawiki/2017/7/79/HKUST_Belkiss.png" alt=""/>
+
      <figcaption class="cards__description--back">
+
        <span><br>
+
        </span>
+
      </figcaption>
+
    </figure>
+
  </div>
+
</div>
+
 
+
<div class="spacing">
+
</div>
+
 
+
 
+
<div class="cards">
+
  <div class="cards__axis ">
+
    <figure class="cards__front">
+
      <img src="https://static.igem.org/mediawiki/2017/e/ea/HKUST_William.png" alt=""/>
+
      <figcaption class="cards__description--front">
+
        <p>Wun Kwan YAM,William</p>
+
      </figcaption>
+
    </figure>
+
    <figure class="cards__back">
+
      <img src="https://static.igem.org/mediawiki/2017/e/ea/HKUST_William.png" alt=""/>
+
      <figcaption class="cards__description--back">
+
        <span>The "radio reporter" of the team.
+
        <br>With his perfect tone in both english and cantonese, he will always be chosen whenever we need a good voice (Especially for the weekly presentations and voice-over for our "Synthetic biology 1" videos).</span>
+
      </figcaption>
+
    </figure>
+
  </div>
+
  <div class="cards__axis">
+
    <figure class="cards__front">
+
      <img src="https://static.igem.org/mediawiki/2017/f/f3/HKUST_Sheldon.png" alt=""/>
+
      <figcaption class="cards__description--front">
+
        <p>Sheldon</p>
+
      </figcaption>
+
    </figure>
+
    <figure class="cards__back">
+
      <img src="https://static.igem.org/mediawiki/2017/f/f3/HKUST_Sheldon.png" alt=""/>
+
      <figcaption class="cards__description--back">
+
        <span>Our greatest teacher available for public education on synthetic biology and biosafety. He can also keep the lab in a relaxed atmosphere by joking around
+
</span>
+
      </figcaption>
+
    </figure>
+
  </div>
+
  <div class="cards__axis ">
+
    <figure class="cards__front">
+
      <img src="https://static.igem.org/mediawiki/2017/c/c2/HKUST_martin.jpeg" alt=""/>
+
      <figcaption class="cards__description--front">
+
        <p>Martin</p>
+
      </figcaption>
+
    </figure>
+
    <figure class="cards__back">
+
      <img src="https://static.igem.org/mediawiki/2017/c/c2/HKUST_martin.jpeg" alt=""/>
+
      <figcaption class="cards__description--back">
+
        <span>The "radio reporter" of the team.
+
        <br>With his perfect tone in both english and cantonese, he will always be chosen whenever we need a good voice (Especially for the weekly presentations and voice-over for our "Synthetic biology 1" videos).</span>
+
      </figcaption>
+
    </figure>
+
  </div>
+
</div>
+
 
+
<div class="spacing">
+
</div>
+
<div class="spacing">
+
</div>
+
 
+
<h1 style="padding-left: 10px;"> Our Advisors </h1>
+
<div class="spacing"></div>
+
 
+
</body>
+
<style>
+
/* REUSABLE CSS3 "PLUGIN" CODE IF YOU WILL */
+
.cards * {
+
  width: 100%;
+
}
+
.cards__axis {
+
position: relative;
+
}
+
.cards__axis:before {
+
content: "";
+
display: block;
+
padding-top: 100%;
+
}
+
.cards__front,
+
.cards__back {
+
position: absolute;
+
top: 0;
+
  margin: 0;
+
-webkit-transition: 0.5s ease-in-out;
+
-moz-transition: 0.5s ease-in-out;
+
-ms-transition: 0.5s ease-in-out;
+
-o-transition: 0.5s ease-in-out;
+
transition: 0.5s ease-in-out;
+
}
+
.cards__front {
+
-webkit-backface-visibility: hidden;
+
-moz-backface-visibility: hidden;
+
-ms-backface-visibility: hidden;
+
-o-backface-visibility: hidden;
+
backface-visibility: hidden;
+
 
+
-webkit-transform: perspective(700px) rotateY(0deg);
+
-moz-transform: perspective(1000px) rotateY(0deg);
+
-ms-transform: perspective(1000px) rotateY(0deg);
+
-o-transform: perspective(1000px) rotateY(0deg);
+
transform: perspective(1000px) rotateY(0deg);
+
}
+
.cards__axis:hover .cards__front {
+
-webkit-transform: perspective(700px) rotateY(-180deg);
+
-moz-transform: perspective(1000px) rotateY(-180deg);
+
-ms-transform: perspective(1000px) rotateY(-180deg);
+
  -o-transform: perspective(1000px) rotateY(-180deg);
+
transform: perspective(1000px) rotateY(-180deg);
+
}
+
.cards__back {
+
-webkit-backface-visibility: hidden;
+
-moz-backface-visibility: hidden;
+
-ms-backface-visibility: hidden;
+
-o-backface-visibility: hidden;
+
backface-visibility: hidden;
+
 
+
-webkit-transform: perspective(700px) rotateY(180deg);
+
-moz-transform: perspective(1000px) rotateY(180deg);
+
-ms-transform: perspective(1000px) rotateY(180deg);
+
-o-transform: perspective(1000px) rotateY(180deg);
+
transform: perspective(1000px) rotateY(180deg);
+
}
+
.cards__axis:hover .cards__back {
+
-webkit-transform: perspective(700px) rotateY(0);
+
-moz-transform: perspective(1000px) rotateY(0);
+
-ms-transform: perspective(1000px) rotateY(0);
+
-o-transform: perspective(1000px) rotateY(0);
+
transform: perspective(1000px) rotateY(0);
+
}
+
 
+
/* CUSTOM STYLES FOR THIS UNORDERED LIST */
+
.cards {
+
  width: 140%;
+
  margin: 0 0;
+
}
+
.cards {
+
  list-style-type: none;
+
  padding-left: none;
+
}
+
.cards:after {
+
content: "";
+
display: table;
+
clear: both;
+
}
+
.cards__axis {
+
  float: left;
+
  margin-left: 2.5%;
+
width: 20%;
+
}
+
.cards__axis img {
+
  border: 15px solid #dbfffc;
+
  border-bottom-width: 60px;
+
}
+
 
+
/* CONTENT STYLES */
+
.cards__description--front {
+
  position: absolute;
+
  bottom: 10px;
+
  left: 20px;
+
  width: 100%;
+
  text-align: left;
+
}
+
.cards__description--front span {
+
  font-family: 'Jazz LET',fantasy;
+
  font-size: 30px;
+
}
+
.cards__description--back {
+
  position: absolute;
+
  top: 0;
+
  left: 0;
+
  width: 100%;
+
  height: 92%;
+
  background: rgb(255,255,255);
+
  background: rgba(255,255,255,0.7);
+
}
+
 
+
.cards__description--back span {
+
  position: absolute;
+
  width: 80%;
+
  top: 40%;
+
  line-height: 130%;
+
  margin-top: -1em;
+
  margin-left: 2em;
+
  text-align: center;
+
  font-size: 4px;
+
  font-family: 'Impact', sans-serif;
+
  color: #000088;
+
  -webkit-transform: rotate(0deg);
+
  -moz-transform: rotate(0deg);
+
  -ms-transform: rotate(0deg);
+
  -o-transform: rotate(0deg);
+
  transform: rotate(0deg);
+
}
+
 
+
@media screen and (min-width:320px) {
+
  .cards__description--back span {
+
    position: absolute;
+
    width: 80%;
+
    top: 40%;
+
    line-height: 140%;
+
    margin-top: -1em;
+
    margin-left: 2em;
+
    text-align: center;
+
    font-size: 6px;
+
    font-family: 'Impact', sans-serif;
+
    color: #000088;
+
  }
+
}
+
@media screen and (min-width:481px) {
+
/* portrait e-readers (Nook/Kindle), smaller tablets @ 600 or @ 640 wide. */
+
.cards__description--back span {
+
    position: absolute;
+
    width: 80%;
+
    top: 40%;
+
    line-height: 150%;
+
    margin-top: -1em;
+
    margin-left: 2em;
+
    text-align: center;
+
    font-size: 8px;
+
    font-family: 'Impact', sans-serif;
+
    color: #000088;
+
  }
+
}
+
@media screen and (min-width:641px) {
+
/* portrait tablets, portrait iPad, landscape e-readers, landscape 800x480 or 854x480 phones */
+
.cards__description--back span {
+
    position: absolute;
+
    width: 80%;
+
    top: 50%;
+
    line-height: 160%;
+
    margin-top: -1em;
+
    margin-left: 2em;
+
    text-align: center;
+
    font-size: 10px;
+
    font-family: 'Impact', sans-serif;
+
    color: #000088;
+
  }
+
}
+
@media screen and (min-width:961px) {
+
/* tablet, landscape iPad, lo-res laptops ands desktops */
+
.cards__description--back span {
+
    position: absolute;
+
    line-height: 190%;
+
    width: 80%;
+
    top: 50%;
+
    margin-top: -1em;
+
    margin-left: 2em;
+
    text-align: center;
+
    font-size: 12px;
+
    font-family: 'Impact', sans-serif;
+
    color: #000088;
+
  }
+
}
+
@media screen and (min-width:1025px) {
+
  .cards__description--back span {
+
    position: absolute;
+
    line-height: 200%;
+
    width: 80%;
+
    top: 50%;
+
    margin-top: -1em;
+
    margin-left: 2em;
+
    text-align: center;
+
    font-size: 14px;
+
    font-family: 'Impact', sans-serif;
+
    color: #000088;
+
  }
+
}
+
 
+
div.spacing {
+
    padding: 30px;
+
}
+
//advisor
+
</style>
+
<script>
+
/* Demo purposes only */
+
$(".hover").mouseleave(
+
  function () {
+
    $(this).removeClass("hover");
+
  }
+
);
+
 
+
//advisor
+
    popup = {
+
  init: function(){
+
    $('.gallery figure').click(function(){
+
      popup.open($(this));
+
    });
+
   
+
    $(document).on('click', '.popup img', function(){
+
      return false;
+
    }).on('click', '.popup', function(){
+
      popup.close();
+
    })
+
  },
+
  open: function($figure) {
+
    $('.gallery').addClass('pop');
+
    $popup = $('<div class="popup" />').appendTo($('body'));
+
    $fig = $figure.clone().appendTo($('.popup'));
+
    $bg = $('<div class="bg" />').appendTo($('.popup'));
+
    $close = $('<div class="close"><svg><use xlink:href="#close"></use></svg></div>').appendTo($fig);
+
    $shadow = $('<div class="shadow" />').appendTo($fig);
+
    src = $('img', $fig).attr('src');
+
    $shadow.css({backgroundImage: 'url(' + src + ')'});
+
    $bg.css({backgroundImage: 'url(' + src + ')'});
+
    setTimeout(function(){
+
      $('.popup').addClass('pop');
+
    }, 10);
+
  },
+
  close: function(){
+
    $('.gallery, .popup').removeClass('pop');
+
    setTimeout(function(){
+
      $('.popup').remove()
+
    }, 100);
+
  }
+
}
+
 
+
popup.init()
+
</script>
+
</html>
+
 
+
{{Hong_Kong_HKUST/Footer}}
+

Latest revision as of 19:55, 31 October 2017

HKUST iGEM Team 2017

Our Team

Kin Yung CHAU, Ken

The original project designer in charge of our Sensing module.

Ken is a final year student who is very passionate about biology. He is known for being the "Cha-siu" (barbeque pork in chinese) of our lab as this is the way he says "I trust you". With all his trust for the team, we also call him a god who never gets angry.

Ka Wing YUEN, Gary

The original project designer in charge of our Recombination module.

As an experienced iGEM team player as this is Gary's second year joining iGEM, he always emphasizes on the importance of negative control, even when we held experiment workshops to primary school children in the HKSTP science fair.

Tak Sui LI, Max

The original project designer in charge of our Time Control module.

As a final year student and the oldest member in our team, Max is experienced with the laboratory procedure and precautions. He always reminds us of every precaution. Being one of the bosses, he cares for the precaution very much.

Handi YANG, Handi

The Mandarin translator in Human Practice.

Handi is a sweet girl working in the Recombination module. Using her skillful knowledge in Chinese and Biology, she made the production for the Chinese version of Synthetic Biology 1 videos a lot smoother.

Chen PENG, Harold

The perfectionist.

As one of the year one members in the team, Harold studies very hard for his knowledge in synthetic biology and on experimental design. As a perfectionist, he uses camera to keep track of what he has done and to modifying the experiments in the Recombination module.

Lok Man CHAN, Jenny

Our main artist.

Jenny not only draws the amazing pictures, but also creates numerous of iGEM memes to entertain us. She is very enthusiastic in the lab and project development, but sometimes you may find her falling asleep to recover her energy.

Wai Yan LO, Kapher

The automatic "laugh-generator".

Whenever Kapher is present, the lab will be full of laughter, she will yell "Yo! Let's goooo!!!" when our lab day begins. She is very responsible to keep track of lab works and is also engaged in the human practices activities. She loves to get in touch with children very much.

Alvin Riva KUSUMA, Alvin

The adventurer.

Alvin is one of the people you will see in the lab everyday. You can tell how committed he is to our project. Despite his love for messaging, he sometimes shares food with his E. coli pets when he wants to know how the double distilled water tastes like.

Sirinant KHUNAKORNBODINTR, Katie

The Promoter of our team.

Katie always reminds us to do work on time. She is very responsible not only for the Time Control Module and human practices, but also in other duties. She ensures that everyone completes their work to the best of their ability.

Ora-in CHU, Kelly

A secretary who needs faster typing skills.

Kelly is very committed that you can see her in the lab early in the morning working for our project. As a part of Time Control Module, she keeps track on the progress of the module as there were too many dishes.

Tsz Chun KWOK, Marco

The Poker-faced Comedian.

Being an introvert, Marco seldom speaks. However when he does, he always hits the nail on the head. He will never laugh to whatever jokes he makes, that is why he is so funny all the time! This personality made him got along with the kids and high school students very well.

On Yiu CHEUNG, Nicole

The Efficient Helper.

Nicole is very willing to offer help to every members in the team and would try to finish the work people assigned to her properly as soon as possible. She is very good at design, and apart from that, she also enjoys doing labwork and socializing with the kids in the Summer Science Party.

Devi Natalie NADJAJA, Devi

The calligrapher.

Devi writes beautifully, amking our Sensing module logbook the most beautiful logbook of the year. Her writings are like as if they are fonts printed out from the computer! Although sometimes she may not speak a lot, but you can feel her passion in iGEM.

Yuen Tung LI, Yolanda

The Snacks Secretary.

Yolanda is an extraordinary secretary who takes her job one step further by making sure we have enough snacks to survive in our daily work. She likes eating but always complains about eating too much.

Phoomraphee LUENAM, Phoom

The math and IT support center of the team.

The genius not only can model the whole construct but also can explain the complicated idea of the models clearly to every one of us. Perhaps he likes cat, he is nice to everyone in lab.

Vincentius Mario PURNAMA, Mario

The "Kekanak-kanakan" Foodie.

"Kekanak-kanakan" (means "childish" in Indonesian) is the only word Mario taught in Indonesian and we still cannot spell and pronounce it correctly. We named him this because he is always acting silly, especially in front of delicious food. (e.g. Ice-creams and Kit-Kat chocolates)

Marcel SANTOSO, Marcel

The Calmest member of the team.

Marcel is the best representative for the word "Santuirrrrrrrrrrrr" (a slang word for "calm down" in Indonesian), and also one of the first person who you will see in the lab everyday.

Belkis CHAU ZHONG, Belkis

The Presenter.

To polish her presentation skills, Belkis is always the kindest person who takes the initiative to present for the groups during general meetings.

Wun Kwan YAM, William

The "Radio Reporter" of the team.

With William's perfect tone in both English and Cantonese, he will always be chosen whenever we need a good voice (especially for the weekly presentations and voice-over for our "Synthetic biology 1" videos).

Yip Pan NGAN, Sheldon

The Funny Lecturer.

Sheldon is our greatest teacher available for public education on synthetic biology and biosafety. He can also keep the lab in a relaxed atmosphere by joking around.

Man Chun CHUI, Martin

Our Quiet Janitor.

Martin sets over 80% of pipettes back to the highest volume setting after everyday's lab work, and he's also the script writer for Cantonese version of Syn Bio videos

Tsz Man CHEUNG, David

The Main Contact person for the human practice in our team.

David puts a lot of effort in the human practices group by organizing various events and activities for the public. He is a very sociable person who is not shy to contact people from other teams or the professionals. It is really a good thing to have him in the human practices group!

Our Advisors

Luna Eresta JAYA, Luna

The Good Teacher.

Luna taught us a lot of useful wet lab skills on our lab training tutorial. She often makes sure our team know where we are focusing and will guide us to the right direction. Especially for human practices, she always gives amazing advice to modify our plans.

Ka Man TAM, Sabrina

One of our best advisors that we are pleased to have.

She has taught us so many things in the lab and also in theory. She gives us advice from the very beginning of the project throughout the whole journey. Her advice on the project design and troubleshooting helps us to make our project better.

Tze Wing MAK, Tiffany

Our IT backup.

Tiffany knows well the importance of the wiki page. She gave us a lot of useful tips and helped us tackling technical problems. She appears to be very serious, but once she warms up, she has a pretty silly side too. She likes to call the iGEM girls "Dua eng" (which means "sweetheart" in Thai)

Mike DOROTHEA, Mike

The past secretary from last year's team.

Mike keeps us on a good manner for recording meeting minutes as well as all the public documents. She is a perfectionist who will make sure we follow the right nomenclature in all publications and annotate gel photo correctly.

Kar On CHENG, Karen

Our Lab Guider.

Karen ensures we do our lab work properly. She is very patient to our questions, always raises and gives useful suggestions to all the module groups and the auxiliary group. We are very pleased to have her!

Shek Chun LOI, Danson

The Elder Brother.

From what Katie have said, Danson "looks so old that was thought as a postgraduate". However, he is actually a nice advisor that he answer our questions and gave suggestions. He often gave advices that guide us into the right track.

Chui Shan KWOK, Cynthia

The Cutest Advisor.

Cynthia is a nice and helpful girl who always smiles. She gives us a helping hand even before we ask her. Her willingness smoothens our progress. She is also a very nice and reliable friend to have, both inside and outside the lab.

Our Instructors

Prof. King Lau Chow
Division of Life Science and Biomedical Engineering, HKUST

He is currently the Director of Interdisciplinary Programs Office. His research work spans a broad spectrum of biological sciences, with many different interdisciplinary collaboration. He has been engaged in iGEM activities for the past 9 years and sees it a very effective way of vertically integrating education while training our critical thinking skills. When we're facing problems, he encourages us to explore by ourselves rather than directly telling us the solution.

Dr. Jessica Ce Mun Tang

Division of Life Science, HKUST

Dr. Tang has been joining the iGEM team as an instructor for eight years. Prior to joining iGEM, most of the members, especially those from life science department, are already familiar with her since their first year as she is the course instructor for the General Biology course. She never puts on airs and has always treats us like more than a student of hers. Just like the lyrics, "Let this be our lesson in love. Let this be the way we remember us."