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

(Replaced content with "{{ Hong_Kong_HKUST/head }} {{ Hong_Kong_HKUST/Team }} {{ Hong_Kong_HKUST/footer }}")
Line 1: Line 1:
 
{{ Hong_Kong_HKUST/head }}
 
{{ Hong_Kong_HKUST/head }}
 
+
{{ Hong_Kong_HKUST/Team }}
<html>
+
<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/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/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/d/d1/HKUST_David.png" alt=""/>
+
      <figcaption class="cards__description--front">
+
        <span>Max</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/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/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/1/12/HKUST_Katie.png" 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/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/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>The presenter
+
          <br>To polish her presntation skills, she is always the kindest person who take the initiative to present for groups during general meetings.
+
        </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">
+
        <span>Wun Kwan YAM,William</span>
+
      </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">
+
        <span>Yip Pan NGAN, Sheldon</span>
+
      </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">
+
        <span>Man Chun CHUI, Martin</span>
+
      </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>Our quiet Janitor, who set over 80% of pipettes back to the highest volume setting after everyday lab work, and the script writier for Cantonese version of Syn Bio videos.</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/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="spacing">
+
</div>
+
 
+
<h1 style="padding-left: 30px;"> Our Advisors </h1>
+
 
+
<div class="cards">
+
  <div class="cards__axis ">
+
    <figure class="cards__front">
+
      <img src="https://static.igem.org/mediawiki/2017/6/6d/Hkusteric.png" alt="" class="meow"/>
+
      <figcaption class="cards__description--frontad">
+
        <span>Ming Fung CHEUNG, Eric</span>
+
      </figcaption>
+
    </figure>
+
    <figure class="cards__back">
+
      <img src="https://static.igem.org/mediawiki/2017/6/6d/Hkusteric.png" alt="" class="meow"/>
+
      <figcaption class="cards__description--back">
+
        <span>Our synthetic biology dictionary. He may seem difficult to get along with at first due to his constant poker face. His advice is generally helpful and often helps add onto our knowledge. He would always question us on our interpretation of our lab results, regardless of if they are positive or not, but that’s just because he wants us to think critically. </span>
+
      </figcaption>
+
    </figure>
+
  </div>
+
  <div class="cards__axis">
+
    <figure class="cards__front">
+
      <img src="https://static.igem.org/mediawiki/2017/3/30/HKUST_sabrina.png" alt="" class="meow"/>
+
      <figcaption class="cards__description--frontad">
+
        <span>Ka Man TAM, Sabrina</span>
+
      </figcaption>
+
    </figure>
+
    <figure class="cards__back">
+
      <img src="https://static.igem.org/mediawiki/2017/3/30/HKUST_sabrina.png" alt="" class="meow"/>
+
      <figcaption class="cards__description--back">
+
        <span class="bb"> One of our best advisors. She has taught us so many things in the lab and also in theory. She taught and explained everything to us patiently when we first came to the lab. In the meetings, she always tries to give good advice so we have better results in our project. When we failed, she helped us solve the problem by giving suggestions about what should we do next. We are very pleased to have her as our mentor.</span>
+
      </figcaption>
+
    </figure>
+
  </div>
+
  <div class="cards__axis">
+
    <figure class="cards__front">
+
      <img src="https://static.igem.org/mediawiki/2017/c/c1/HKUST_Tiffany.png" alt="" class="meow"/>
+
      <figcaption class="cards__description--frontad">
+
        <span>Tze Wing MAK, Tiffany</span>
+
      </figcaption>
+
    </figure>
+
    <figure class="cards__back">
+
      <img src="https://static.igem.org/mediawiki/2017/c/c1/HKUST_Tiffany.png" alt="" class="meow"/>
+
      <figcaption class="cards__description--back">
+
        <span> Our IT backup. It is her first year being our advisor. She often gives good suggestions about the design the wiki page. To most people, she appears to be a very serious no-nonsense kind of person. However, once she warms up, she has a pretty silly side too. She likes to call iGEM girls "Dua eng" (which mean "Sweetheart" in Thai) </span>
+
      </figcaption>
+
    </figure>
+
  </div>
+
</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/2/2b/HKUST_Mike.png" alt="" class="meow"/>
+
      <figcaption class="cards__description--frontad">
+
        <span>Mike Dorothea</span>
+
      </figcaption>
+
    </figure>
+
    <figure class="cards__back">
+
      <img src="https://static.igem.org/mediawiki/2017/2/2b/HKUST_Mike.png" alt="" class="meow"/>
+
      <figcaption class="cards__description--back">
+
        <span>...</span>
+
      </figcaption>
+
    </figure>
+
  </div>
+
  <div class="cards__axis">
+
    <figure class="cards__front">
+
      <img src="https://static.igem.org/mediawiki/2017/a/ae/HKUST_Karen.png" alt="" class="meow"/>
+
      <figcaption class="cards__description--frontad">
+
        <span>Kar On CHENG, Karen</span>
+
      </figcaption>
+
    </figure>
+
    <figure class="cards__back">
+
      <img src="https://static.igem.org/mediawiki/2017/a/ae/HKUST_Karen.png" alt="" class="meow"/>
+
      <figcaption class="cards__description--back">
+
        <span class="bb"> ...</span>
+
      </figcaption>
+
    </figure>
+
  </div>
+
  <div class="cards__axis">
+
    <figure class="cards__front">
+
      <img src="https://static.igem.org/mediawiki/2017/9/9a/HKUST_Danson.png" alt="" class="meow"/>
+
      <figcaption class="cards__description--frontad">
+
        <span>Shek Chun LOI< Danson</span>
+
      </figcaption>
+
    </figure>
+
    <figure class="cards__back">
+
      <img src="https://static.igem.org/mediawiki/2017/9/9a/HKUST_Danson.png" alt="" class="meow"/>
+
      <figcaption class="cards__description--back">
+
        <span>...</span>
+
      </figcaption>
+
    </figure>
+
  </div>
+
</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/d/d5/HKUST_Luna.png" alt="" class="meow"/>
+
      <figcaption class="cards__description--frontad">
+
        <span>Luna Eresta Jaya</span>
+
      </figcaption>
+
    </figure>
+
    <figure class="cards__back">
+
      <img src="https://static.igem.org/mediawiki/2017/d/d5/HKUST_Luna.png" alt="" class="meow"/>
+
      <figcaption class="cards__description--back">
+
        <span>Our synthetic biology dictionary. He may seem difficult to get along with at first due to his constant poker face. His advice is generally helpful and often helps add onto our knowledge. He would always question us on our interpretation of our lab results, regardless of if they are positive or not, but that’s just because he wants us to think critically. </span>
+
      </figcaption>
+
    </figure>
+
  </div>
+
  <div class="cards__axis">
+
    <figure class="cards__front">
+
      <img src="https://static.igem.org/mediawiki/2017/8/87/HKUST_Cynthia.png" alt="" class="meow"/>
+
      <figcaption class="cards__description--frontad">
+
        <span>Ka Man TAM, Sabrina</span>
+
      </figcaption>
+
    </figure>
+
    <figure class="cards__back">
+
      <img src="https://static.igem.org/mediawiki/2017/8/87/HKUST_Cynthia.png" alt="" class="meow"/>
+
      <figcaption class="cards__description--back">
+
        <span class="bb"> One of our best advisors. She has taught us so many things in the lab and also in theory. She taught and explained everything to us patiently when we first came to the lab. In the meetings, she always tries to give good advice so we have better results in our project. When we failed, she helped us solve the problem by giving suggestions about what should we do next. We are very pleased to have her as our mentor.</span>
+
      </figcaption>
+
    </figure>
+
  </div>
+
</div>
+
<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;
+
}
+
 
+
.cards__axis .meow{
+
  border: 15px solid #5d5f93;
+
  border-bottom-width: 60px;
+
}
+
 
+
/* CONTENT STYLES */
+
.cards__description--front {
+
  position: absolute;
+
  bottom: 0px;
+
  left: 20px;
+
  width: 100%;
+
  text-align: left;
+
}
+
.cards__description--front span {
+
  font-family: impact;
+
  font-size: 20px;
+
}
+
 
+
.cards__description--frontad {
+
  position: absolute;
+
  bottom: 0px;
+
  left: 20px;
+
  width: 100%;
+
  text-align: left;
+
}
+
 
+
.cards__description--frontad span{
+
  font-family: impact;
+
  font-size: 20px;
+
  color: #ffffff;
+
}
+
 
+
 
+
.cards__description--back {
+
  position: absolute;
+
  top: 0;
+
  left: 0;
+
  width: 100%;
+
  height: 110%;
+
  background: rgb(255,255,255);
+
  background: rgba(255,255,255,0.7);
+
}
+
 
+
.cards__description--back span {
+
  position: absolute;
+
  width: 80%;
+
  top: 10%;
+
  line-height: 130%;
+
  margin-top: -1em;
+
  margin-left: 2em;
+
  text-align: center;
+
  font-size: 4px;
+
  font-family: sans-serif;
+
  font-stretch: ultra-condensed;
+
  font-weight: 600;
+
  color: #000088;
+
  -webkit-transform: rotate(0deg);
+
  -moz-transform: rotate(0deg);
+
  -ms-transform: rotate(0deg);
+
  -o-transform: rotate(0deg);
+
  transform: rotate(0deg);
+
}
+
 
+
.cards__description--back span.bb{
+
    color: #000088;
+
}
+
 
+
@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:  sans-serif;
+
font-stretch: ultra-condensed;
+
font-weight: 600;
+
    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: 20%;
+
    line-height: 150%;
+
    margin-top: -1em;
+
    margin-left: 2em;
+
    text-align: center;
+
    font-size: 8px;
+
    font-family: sans-serif;
+
font-stretch: ultra-condensed;
+
font-weight: 600;
+
    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: 25%;
+
    line-height: 160%;
+
    margin-top: -1em;
+
    margin-left: 2em;
+
    text-align: center;
+
    font-size: 10px;
+
    font-family:  sans-serif;
+
font-stretch: ultra-condensed;
+
font-weight: 600;
+
    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: 30%;
+
    margin-top: -1em;
+
    margin-left: 2em;
+
    text-align: center;
+
    font-size: 12px;
+
    font-family: sans-serif;
+
font-stretch: ultra-condensed;
+
font-weight: 600;
+
    color: #000088;
+
  }
+
}
+
@media screen and (min-width:1025px) {
+
  .cards__description--back span {
+
    position: absolute;
+
    line-height: 200%;
+
    width: 80%;
+
    top: 30%;
+
    margin-top: -1em;
+
    margin-left: 2em;
+
    text-align: center;
+
    font-size: 14px;
+
    font-family:  sans-serif;
+
font-stretch: ultra-condensed;
+
font-weight: 600;
+
    color: #000088;
+
  }
+
}
+
 
+
div.spacing {
+
    padding: 30px;
+
}
+
//advisor
+
 
+
 
+
</style>
+
<script>
+
/* Demo purposes only */
+
$(".hover").mouseleave(
+
  function () {
+
    $(this).removeClass("hover");
+
  }
+
);
+
 
+
//advisor
+
 
+
</script>
+
</html>
+
 
+
 
{{ Hong_Kong_HKUST/footer }}
 
{{ Hong_Kong_HKUST/footer }}

Revision as of 09:41, 28 October 2017

HKUST iGEM Team 2017

Our Team

Kin Yung CHAU,Ken
The original project designer in charge of our Sensing module
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.
Ka Wing YUEN,Gary
The original project designer in charge of our Recombinase module
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.
Tak Sui LI,Max
The original project desiger in charge of our Time module.
He's a boss who cannot tell you specifically what he wants you to do. Therefore, he is also a good mind-reading trainer as you will need a lot of brainpower for the funny moments when we try communicating.
Handi YANG, Handi
The Mandarin translator in Human Practice
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!
Chen PENG,Harold
The perfectionist
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.
Lok Man CHAN,Jenny
Our main artist
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.
Wai Yan LO,Kapher
The automatic "laugh-generator".
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.
Alvin Riva KUSUMA, Alvin
The adventurer
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.
Sirinant KHUNAKORNBODINTR, Katie
The promoter of our team
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.
Ora-in CHU, Kelly
A secretary who needs faster typing skills
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!!!)
Tsz Chun KWOK, Marco
The pokered-faced comedian
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!
On Yiu CHEUNG, Nicole
The efficient helper
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.
Devi Natalie NADJAJA, Devi
The calligrapher.
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.
Yuen Tung LI, Yolanda
The Snacks Secretary
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.
Phoomraphee LUENAM, Poom
The math and IT support center of the team
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.
Vincentius Mario PURNAMA, Mario

"Kekanak-kanakan" (means Childish in Indonesian) is the only word he taught in Indonesian and we still cannot spell and pronounce it correctly.
Marcel SANTOSO, Marcel
The calmest member of the team
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.
Belkis CHAU ZHONG, Belkis
The presenter
To polish her presntation skills, she is always the kindest person who take the initiative to present for groups during general meetings.
Wun Kwan YAM, William
The "radio reporter" of the team.
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).
Yip Pan NGAN, Sheldon
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, who set over 80% of pipettes back to the highest volume setting after everyday lab work, and the script writier for Cantonese version of Syn Bio videos.
Tsz Man CHEUNG, David
The main contact person for human practice in the team.
He is a very sociable person who is not shy to contact people from other teams or the professionals.

Our Advisors

Luna Eresta JAYA, Luna
She has a name that has the meaning of a "pretty moon".
She is a good teacher on our recombinant DNA tutorial. During general meetings, she makes sure our team know in what direction we are focusing. Especially for human practice, she always gives amazing advices to modify our plans.
Ka Man TAM, Sabrina
One of our best advisors. She has taught us so many things in the lab and also in theory. In the meetings, she always tries to give good advice so we have better results in our project. When we failed, she helped us solve the problem by giving suggestions about what should we do next. We are very pleased to have her as our mentor.
Tze Wing MAK, Tiffany
Our IT backup. It is her first year being our advisor. She often gives good suggestions about the design the wiki page. To most people, she appears to be a very serious no-nonsense kind of person. However, once she warms up, she has a pretty silly side too. She likes to call iGEM girls "Dua eng" (which mean "Sweetheart" in Thai)
Mike DOROTHEA,Mike
The past secretary who secretly check and correct our minutes for good archives. She is also a perfectionist who will make sure we annotate gel photo correctly.
Kar On CHENG, Karen
An advisor who portraits the image of a mother.
No matter it is about the wet lab part or auxiliary groups, she gives pretty helpful suggestions. By asking some thought-provoking questions in general meetings, she always guides us to the solutions of the difficulties we encountered.
Shek Chun LOI, Danson
From what Katie have said, he "looks so old that was thought a postgraduate". However, he is nice in that he would sometimes help you before you even ask for it with simple things like getting a glass of water or carrying your luggage.
Chui Shan KWOK, Cynthia
She is a girl that loves to laugh. She would have been a very bad ninja as her tracks would be uncovered when you hear her laughing in a distance. 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 & Biomedical Engineering, HKUST
He is currently the Director of Interdisciplinary Programs Office. His research work spans a broad spectrum of biological sciences, including molecular genetics, neural developmental biology, evolution of behaviour and synthetic biology, with many different interdisciplinary collaboration. He engaged in iGEM activities for the past 9 years and sees it a very effective way of vertically integrated education.