Difference between revisions of "Team:UM Macau/Team"

(Prototype team page)
 
 
(124 intermediate revisions by the same user not shown)
Line 1: Line 1:
−
{{UM_Macau}}
+
{{UM_Macau/WikiStripDown}}{{UM_Macau/Bootstrap}}{{UM_Macau/Navbar}}
 +
 
 +
 
 
<html>
 
<html>
 +
<head>
  
−
<div class="column two_thirds_size" >
+
  <meta name="viewport" content="width=device-width, initial-scale=1">
 +
  <link href="https://fonts.googleapis.com/css?family=Poppins:300,300i,400,700,800&display=swap" rel="stylesheet">
 +
  <link href="https://fonts.googleapis.com/css?family=Lato:300,300i,400,700,700i,900,900i&display=swap" rel="stylesheet">
  
−
<h1>Team</h1>
+
</head>  
−
<p>In this page you can introduce your team members, instructors, and advisors. </p>
+
  
 +
<style>
  
−
<h3>What should this page contain?</h3>
+
#globalWrapper{
−
<ul>
+
padding-bottom: 0px;
−
<li> Include pictures of your teammates, don’t forget instructors and advisors! </li>
+
}
−
<li>You can add a small biography or a few words from each team member, to tell us what you like, and what motivated you to participate in iGEM.</li>
+
 
−
<li>Take team pictures! Show us your school, your lab and little bit of your city.</li>
+
/*footer styling*/
−
<li>Remember that image galleries can help you showcase many pictures while saving space.</li>
+
 
−
</ul>
+
.footerall{
 +
padding-right:20px;
 +
padding-left: 20px;
 +
}
 +
 
 +
footer{
 +
width: 100%;
 +
background-color:#131111;
 +
padding-top: 50px;
 +
padding-bottom: 50px;
 +
padding-left: 5%;
 +
padding-right: 5%;
 +
color: #fff;
 +
bottom: 0;
 +
left: 0;
 +
}
 +
 
 +
footer h4{
 +
font-size: 1.3rem;
 +
font-family: "Lato";
 +
font-weight: 400;
 +
color: #fff;
 +
}
 +
 
 +
footer h5{
 +
font-size: 1.2rem;
 +
font-family:"Lato";
 +
font-weight: 300;
 +
color: #fff;
 +
}
 +
 
 +
footer h6{
 +
font-size: 1rem;
 +
font-family:"Lato";
 +
font-weight: 300;
 +
color: #fff;
 +
}
 +
 
 +
.logo{
 +
text-align: center;
 +
}
 +
 
 +
.contact{
 +
border-right: 0.8px solid #fff;
 +
border-left: 0.8px solid #fff;
 +
padding-left: 25px;
 +
height: 220px;
 +
}
 +
 
 +
.social{
 +
padding-right: 10px;
 +
width: 32px;
 +
cursor: pointer;
 +
transition: 0.4s;
 +
}
 +
 
 +
.social:hover{
 +
opacity: 0.4;
 +
}
 +
 
 +
.sponsor{
 +
padding-left: 50px;
 +
padding-right: 50px;
 +
}
 +
 
 +
.sponsor img{
 +
vertical-align: middle;
 +
margin-top: 8px;
 +
}
 +
 
 +
hr{
 +
    border: 0;
 +
    height: 0.8px;
 +
    background-image: linear-gradient(to right, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.75), rgba(255, 255, 255, 0));
 +
}
 +
 
 +
 
 +
/* Text Syling*/
 +
#HQ_page .landing-text h1{
 +
  font-size: 650%;
 +
  font-weight: 500;
 +
  color: white;
 +
  font-family:"Poppins";
 +
}
 +
 
 +
#HQ_page .teamcontainer h1{
 +
  padding-bottom: 2%;
 +
  font-size: 2.3rem;
 +
  font-family:"Poppins";
 +
  font-weight: 600;
 +
}
 +
 
 +
#HQ_page .teamcontainer h5{
 +
font-size: 1.3rem;
 +
font-weight: 500;
 +
font-family: "Poppins";
 +
}
 +
 
 +
#HQ_page .teamcontainer h6{
 +
font-size: 1.2rem;
 +
font-family: "Lato";
 +
}
 +
 
 +
 
 +
/*Team Cover*/
 +
html,body{
 +
  height: 100%;
 +
  width: 100%;
 +
  scroll-behavior: smooth;
 +
  overflow-x:visible;
 +
}
 +
 
 +
#teamcover{
 +
background: url(https://static.igem.org/mediawiki/2019/5/5e/T--UM_Macau--coverphoto20.jpeg) no-repeat top fixed;
 +
display: table;
 +
height: 100vh;
 +
position: relative;
 +
width: 100%;
 +
background-size: cover;
 +
text-align: center;
 +
}
 +
 
 +
.landing-text{
 +
display: table-cell;
 +
text-align: center;
 +
vertical-align: middle;
 +
}
 +
 
 +
/*for scroll down arrow*/
 +
.arrow{
 +
  position: absolute;
 +
  bottom: 10%;
 +
  width: 100%;
 +
  cursor: pointer;
 +
  transition: 0.4s;
 +
  text-align: center;
 +
}
 +
 
 +
.arrow img{
 +
  width: 7%;
 +
}
 +
 
 +
.arrow:hover{
 +
  padding-bottom: 18px;
 +
}
 +
 
 +
/*Team Container Styling*/
 +
.teamcontainer{
 +
padding: 10%;
 +
padding-bottom: 5%;
 +
}
 +
 
 +
 
 +
 
 +
.sectionpadding{
 +
padding-left: 5%;
 +
padding-right: 5%;
 +
padding-bottom: 12%;
 +
}
 +
 
 +
.teamrow{
 +
padding-bottom: 3%;
 +
}
 +
 
 +
 
 +
/*Images Styling*/
 +
.members{
 +
cursor: pointer;
 +
transition: 0.3s;
 +
}
 +
 
 +
.members:hover{
 +
opacity: 0.75;
 +
}
 +
 
 +
 
 +
 
 +
 
 +
/*The Modal (background)*/
 +
  .modal{
 +
    display:none; /*hidden by default*/
 +
    position:fixed; /*stay in place*/
 +
    z-index:8888;
 +
    padding-top:10px ; /*location of the box*/
 +
    left:0;
 +
    top:0;
 +
    width:100%; /*full width*/
 +
    height: 100%; /*full height*/
 +
    overflow:visible;
 +
    background-color: rgb(0,0,0); /*fallback color*/
 +
    background-color: rgba(0,0,0,0.6); /*black with opacity*/
 +
  }
 +
 
 +
  /* Modal Content (image) */
 +
  .modal-content{
 +
    position:relative;
 +
    margin: 10vh auto;
 +
    padding-bottom:100px;
 +
    width: 90%;
 +
    max-width: 1200px;
 +
    background-color:transparent;
 +
    border: 1px solid transparent;
 +
    text-align: center;
 +
  }
 +
 
 +
 
 +
@media(min-width:1366px){
 +
  .modal-content{
 +
    background-color:transparent;
 +
    margin:10vh auto;
 +
    padding-bottom:100px
 +
    border: 1px solid transparent
 +
    width:30%;
 +
  }
 +
}
 +
 
 +
 
 +
 
 +
 
 +
  /*Close Button*/
 +
#MembersModal .close{
 +
    position: absolute;
 +
    top: 15px;
 +
    right: 35px;
 +
    color: #f1f1f1;
 +
    font-size: 60px;
 +
    font-weight: bold;
 +
    transition: 0.3s;
 +
    padding-left: 10px;
 +
    padding-right: 10px;
 +
    padding-bottom: 6px;
 +
    border-radius: 10px;
 +
    background-color: red;
 +
  }
 +
 
 +
#MembersModal .close:hover, .close:focus{
 +
    color: #ffffff;
 +
    text-decoration: none;
 +
    cursor: pointer;
 +
  }
 +
 
 +
/* Hide the slides by default*/
 +
.MembersSlides{
 +
  display:none;
 +
}
 +
 
 +
/* Next and previous button*/
 +
.prev,
 +
.next{
 +
  cursor: pointer;
 +
  position: absolute;
 +
  top: 50%;
 +
  width: auto;
 +
  padding: 16px;
 +
  margin-top: -83px;
 +
  color: white;
 +
  font-weight: bold;
 +
  font-size: 40px;
 +
  transition: 0.6s ease;
 +
  border-radius: 3px 3px 3px 3px;
 +
  user-select: none;
 +
  -webkit-user-select: none;
 +
}
 +
 
 +
/* Position the "next button" to the right */
 +
.next {
 +
  right: 0;
 +
  border-radius: 3px 3px 3px 3px;
 +
}
 +
 
 +
/* On hover, add a black background color with a little bit see-through */
 +
.prev:hover,
 +
.next:hover {
 +
  background-color: rgba(0, 0, 0, 0.5)
 +
  ;
 +
 
 +
}
 +
 
 +
/* Number text (1/3 etc) */
 +
.numbertext {
 +
  color: #959393;
 +
  font-size: 1rem;
 +
  padding: 8px 12px;
 +
  position: absolute;
 +
  top: 0
 +
  font-weight:100;
 +
}
 +
 
 +
@media (max-width: 768px) {
 +
#HQ_page .landing-text h1{
 +
  font-size: 200%;
 +
  font-weight: 500;
 +
  color: white;
 +
  font-family:"Poppins";
 +
}
 +
.arrow img{
 +
width: 15%;
 +
}
 +
}
 +
 
 +
 
 +
 
 +
</style>
 +
 
 +
 
 +
</head>
 +
<body>
 +
 
 +
 
 +
<!--Team Cover-->
 +
<div id="teamcover">
 +
<div class="landing-text">
 +
<h1>Team Members</h1>
 +
    <div class="arrow">
 +
      <a href="#teamstart"><img class="img-fluid" src="https://static.igem.org/mediawiki/2019/3/36/T--UM_Macau--homepicdownarrow.png"></a>
 +
    </div>
 +
</div>
 
</div>
 
</div>
 +
<!--End of Team Cover-->
  
 +
<div  id="teamstart" class="teamcontainer">
 +
 +
 +
<!--Title-->
 +
<h1>Students</h1>
 +
 +
 +
<!--Students Section & Lightbox Images-->
 +
  <section class="sectionpadding">
 +
 +
  <!--Students Row 1-->
 +
  <div class="teamrow row text-center">
 +
    <div class="col-md-4 ">
 +
      <div class="row justify-content-center">
 +
        <div class="col-md-9">
 +
          <img class="members img-fluid" onclick="openModal();currentSlide(1)" src="https://static.igem.org/mediawiki/2019/5/50/T--UM_Macau--JYround.png">   
 +
          <h5>Jia Ying NG</h5>
 +
          <h6>Captain</h6>
 +
          </div>
 +
      </div>
 +
      </div>
 +
 +
    <div class="col-md-4">
 +
      <div class="row justify-content-center">
 +
        <div class="col-md-9">
 +
          <img class="members img-fluid" onclick="openModal();currentSlide(2)"src="https://static.igem.org/mediawiki/2019/2/28/T--UM_Macau--PHILIPround.png">
 +
        <h5>Philip Naderev P. LAGNITON</h5>
 +
        <h6>Vice-Captain (Internal)</h6>
 +
        </div>
 +
      </div>
 +
    </div>
 +
 +
    <div class="col-md-4">
 +
      <div class="row justify-content-center">
 +
        <div class="col-md-9">
 +
          <img class="members img-fluid" onclick="openModal();currentSlide(3)" src="https://static.igem.org/mediawiki/2019/7/71/T--UM_Macau--CARRIEround.png">
 +
      <h5>Carrie, Yuchen YANG</h5>
 +
      <h6>Vice-Captain (External)</h6>
 +
        </div>
 +
      </div>
 +
    </div>
 +
  </div>
 +
 +
 +
  <!--Students Row 2-->
 +
 +
  <div class="teamrow row text-center">
 +
    <div class="col-md-4 ">
 +
      <div class="row justify-content-center">
 +
        <div class="col-md-9">
 +
          <img class="members img-fluid" onclick="openModal();currentSlide(4)" src="https://static.igem.org/mediawiki/2019/f/fb/T--UM_Macau--JULIENround.png"> 
 +
          <h5>Julien, Rui Lian NYAM</h5>
 +
          <h6>Treasurer / Wet Lab / Media</h6>
 +
          </div>
 +
      </div>
 +
      </div>
 +
 
 +
    <div class="col-md-4">
 +
      <div class="row justify-content-center">
 +
        <div class="col-md-9">
 +
          <img class="members img-fluid" onclick="openModal();currentSlide(5)" src="https://static.igem.org/mediawiki/2019/4/47/T--UM_Macau--RENEEround.png">
 +
        <h5>Renee, Liyunzi LIANG</h5>
 +
        <h6>Wet Lab</h6>
 +
        </div>
 +
      </div>
 +
    </div>
 +
 +
    <div class="col-md-4">
 +
      <div class="row justify-content-center">
 +
        <div class="col-md-9">
 +
          <img class="members img-fluid" onclick="openModal();currentSlide(6)" src="https://static.igem.org/mediawiki/2019/5/5b/T--UM_Macau--CLEASround.png">
 +
      <h5>Cleas, Junjie HAO</h5>
 +
      <h6>Dry Lab</h6>
 +
        </div>
 +
      </div>
 +
    </div>
 +
  </div>
 +
 +
 +
  <!--Student Row 3-->
 +
 +
  <div class="teamrow row text-center">
 +
    <div class="col-md-4 ">
 +
      <div class="row justify-content-center">
 +
        <div class="col-md-9">
 +
          <img class="members img-fluid" onclick="openModal();currentSlide(7)" src="https://static.igem.org/mediawiki/2019/c/c7/T--UM_Macau--PINTOround.png"> 
 +
          <h5>Pinto, Zhijun HE</h5>
 +
          <h6>Outreach / Wet Lab</h6>
 +
          </div>
 +
      </div>
 +
      </div>
 +
 
 +
    <div class="col-md-4">
 +
      <div class="row justify-content-center">
 +
        <div class="col-md-9">
 +
          <img class="members img-fluid" onclick="openModal();currentSlide(8)" src="https://static.igem.org/mediawiki/2019/e/e9/T--UM_Macau--KATRINAround.png">
 +
        <h5>Katrina, Jiaqi XIAN</h5>
 +
        <h6>Outreach</h6>
 +
        </div>
 +
      </div>
 +
    </div>
 +
 +
    <div class="col-md-4">
 +
      <div class="row justify-content-center">
 +
        <div class="col-md-9">
 +
          <img class="members img-fluid" onclick="openModal();currentSlide(9)" src="https://static.igem.org/mediawiki/2019/c/cd/T--UM_Macau--JTround.png">
 +
      <h5>Jing Tong TAN</h5>
 +
      <h6>Media / Wiki</h6>
 +
        </div>
 +
      </div>
 +
    </div>
 +
  </div>
 +
 +
 +
  <!--Students Row 4-->
 +
 +
  <div class="row text-center">
 +
    <div class="col-md-4 ">
 +
      <div class="row justify-content-center">
 +
        <div class="col-md-9">
 +
          <img class="members img-fluid" onclick="openModal();currentSlide(10)" src="https://static.igem.org/mediawiki/2019/2/2b/T--UM_Macau--HUGHround.png"> 
 +
          <h5>Hugh, Zhongyu HUANG</h5>
 +
          <h6>Media / Wiki</h6>
 +
          </div>
 +
      </div>
 +
      </div>
 +
 
 +
    <div class="col-md-4">
 +
      <div class="row justify-content-center">
 +
        <div class="col-md-9">
 +
          <img class="members img-fluid" onclick="openModal();currentSlide(11)" src="https://static.igem.org/mediawiki/2019/9/9d/T--UM_Macau--CONNIEround.png">
 +
        <h5>Connie, Yixiao WANG</h5>
 +
        <h6>Wiki</h6>
 +
        </div>
 +
      </div>
 +
    </div>
 +
  </div>
 +
</section>
 +
 +
<!--End of Students Section & Lightbox Images-->
 +
 +
<!--Title-->
 +
<h1>Principal Investigators</h1>
 +
 +
 +
<!--PI Sections-->
 +
<section class="sectionpadding">
 +
  <div class="row text-center">
 +
    <div class="col-md-4 ">
 +
      <div class="row justify-content-center">
 +
        <div class="col-md-9">
 +
          <img class="img-fluid" src="https://static.igem.org/mediawiki/2019/e/ee/T--UM_Macau--LEOround.png"> 
 +
          <h5>Leo Tsz On LEE</h5>
 +
          <h6>Assistant Professor</h6>
 +
          </div>
 +
      </div>
 +
      </div>
 +
 
 +
    <div class="col-md-4 ">
 +
      <div class="row justify-content-center">
 +
        <div class="col-md-9">
 +
          <img class="img-fluid" src="https://static.igem.org/mediawiki/2019/3/39/T--UM_Macau--RUIYUround.png"> 
 +
          <h5>RuiYu XIE</h5>
 +
          <h6>Assistant Professor</h6>
 +
          </div>
 +
      </div>
 +
      </div>
 +
 +
    <div class="col-md-4 ">
 +
      <div class="row justify-content-center">
 +
        <div class="col-md-9">
 +
          <img class="img-fluid" src="https://static.igem.org/mediawiki/2019/6/69/T--UM_Macau--VIVIANround.png"> 
 +
          <h5>Vivien Ya-Fan WANG</h5>
 +
          <h6>Assistant Professor</h6>
 +
          </div>
 +
      </div>
 +
      </div>
 +
  </div>
 +
</section>
 +
 
 +
 +
<!--Title-->
 +
<h1>Advisors</h1>
 +
 +
 +
<!--Advisors Section-->
 +
<section class="sectionpadding">
 +
  <div class="row text-center">
 +
    <div class="col-md-4 ">
 +
      <div class="row justify-content-center">
 +
        <div class="col-md-9">
 +
          <img class="img-fluid" src="https://static.igem.org/mediawiki/2019/1/14/T--UM_Macau--XUANJUNround.png"> 
 +
          <h5>XuanJun ZHANG</h5>
 +
          <h6>Assistant Professor</h6>
 +
          </div>
 +
      </div>
 +
      </div>
 +
 
 +
    <div class="col-md-4 ">
 +
      <div class="row justify-content-center">
 +
        <div class="col-md-9">
 +
          <img class="img-fluid" src="https://static.igem.org/mediawiki/2019/1/12/T--UM_Macau--ZHENGJUNround.png"> 
 +
          <h5>Jun ZHENG</h5>
 +
          <h6>Assistant Professor</h6>
 +
          </div>
 +
      </div>
 +
      </div>
 +
 +
    <div class="col-md-4 ">
 +
      <div class="row justify-content-center">
 +
        <div class="col-md-9">
 +
          </div>
 +
      </div>
 +
      </div>
 +
  </div>
 +
</section>
 +
 +
 +
<!--Title-->
 +
<h1>Instructors</h1>
 +
 +
<!--Instructors Section-->
 +
<section class="sectionpadding">
 +
  <div class="row text-center">
 +
    <div class="col-md-4 ">
 +
      <div class="row justify-content-center">
 +
        <div class="col-md-9">
 +
          <img class="img-fluid" src="https://static.igem.org/mediawiki/2019/f/f7/T--UM_Macau--INS1round.png"> 
 +
          <h5>Hao Weng WU</h5>
 +
          <h6>PhD in Biomedical Sciences</h6>
 +
          </div>
 +
      </div>
 +
      </div>
 +
 
 +
    <div class="col-md-4 ">
 +
      <div class="row justify-content-center">
 +
        <div class="col-md-9">
 +
          <img class="img-fluid" src="https://static.igem.org/mediawiki/2019/5/59/T--UM_Macau--INS2round.png"> 
 +
          <h5>YunFang XIONG</h5>
 +
          <h6>PhD in Biomedical Sciences</h6>
 +
          </div>
 +
      </div>
 +
      </div>
 +
 +
    <div class="col-md-4 ">
 +
      <div class="row justify-content-center">
 +
        <div class="col-md-9">
 +
          <img class="img-fluid" src="https://static.igem.org/mediawiki/2019/6/62/T--UM_Macau--INS3round.png"> 
 +
          <h5>ZiQiang CHI</h5>
 +
          <h6>PhD in Biomedical Sciences</h6>
 +
          </div>
 +
      </div>
 +
      </div>
 +
  </div>
 +
</section>
  
  
−
<div class="column third_size" >
 
−
<div class="highlight decoration_A_full">
 
−
<h3>Inspiration</h3>
 
−
<p>You can look at what other teams did to get some inspiration! <br />
 
−
Here are a few examples:</p>
 
−
<ul>
 
−
<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>
 
−
<li><a href="https://2014.igem.org/Team:Stony_Brook/Team">2014 Stony Brook</a></li>
 
−
<li><a href="https://2014.igem.org/Team:OUC-China/Team">2014 OUC-China</a></li>
 
−
</ul>
 
 
</div>
 
</div>
 +
<!--End of Team Container-->
 +
 +
<!-- The Modal/Lightbox-->
 +
<div id="MembersModal" class="modal">
 +
  <span class="close cursor" onclick="closeModal()">&times;</span>
 +
  <div class="modal-content">
 +
 +
    <div class="MembersSlides">
 +
      <div class="numbertext"> Image 1 of 11</div>
 +
      <img src="https://static.igem.org/mediawiki/2019/0/0f/T--UM_Macau--JY.png" style="width:85%">
 +
    </div>
 +
 +
    <div class="MembersSlides">
 +
      <div class="numbertext"> Image 2 of 11</div>
 +
      <img src="https://static.igem.org/mediawiki/2019/c/c5/T--UM_Macau--PHILIP.png" style="width:85%">
 +
    </div>
 +
 +
    <div class="MembersSlides">
 +
      <div class="numbertext"> Image 3 of 11</div>
 +
      <img src="https://static.igem.org/mediawiki/2019/1/1b/T--UM_Macau--CARRIE.png" style="width:85%">
 +
    </div>
 +
 +
    <div class="MembersSlides">
 +
      <div class="numbertext"> Image 4 of 11</div>
 +
      <img src="https://static.igem.org/mediawiki/2019/7/7d/T--UM_Macau--JULIEN.png" style="width:85%">
 +
    </div>
 +
 +
    <div class="MembersSlides">
 +
      <div class="numbertext"> Image 5 of 11</div>
 +
      <img src="https://static.igem.org/mediawiki/2019/8/8e/T--UM_Macau--RENEE.png" style="width:85%">
 +
    </div>
 +
 +
    <div class="MembersSlides">
 +
      <div class="numbertext"> Image 6 of 11</div>
 +
      <img src="https://static.igem.org/mediawiki/2019/b/ba/T--UM_Macau--CLEAS.png" style="width:85%">
 +
    </div>
 +
 +
    <div class="MembersSlides">
 +
      <div class="numbertext"> Image 7 of 11</div>
 +
      <img src="https://static.igem.org/mediawiki/2019/1/15/T--UM_Macau--PINTO.png" style="width:85%">
 +
    </div>
 +
 +
    <div class="MembersSlides">
 +
      <div class="numbertext"> Image 8 of 11</div>
 +
      <img src="https://static.igem.org/mediawiki/2019/7/75/T--UM_Macau--KATRINA.png" style="width:85%">
 +
    </div>
 +
 +
    <div class="MembersSlides">
 +
      <div class="numbertext"> Image 9 of 11</div>
 +
      <img src="https://static.igem.org/mediawiki/2019/8/82/T--UM_Macau--JT.png" style="width:85%">
 +
    </div>
 +
 +
    <div class="MembersSlides">
 +
      <div class="numbertext"> Image 10 of 11</div>
 +
      <img src="https://static.igem.org/mediawiki/2019/4/4d/T--UM_Macau--HUGH.png" style="width:85%">
 +
    </div>
 +
 +
    <div class="MembersSlides">
 +
      <div class="numbertext"> Image 11 of 11</div>
 +
      <img src="https://static.igem.org/mediawiki/2019/7/73/T--UM_Macau--connienew.png" style="width:85%">
 +
    </div>
 +
 +
 +
    <!-- Next/previous controls-->
 +
    <a class="prev" onclick="plusSlides(-1)">&#10094;</a>
 +
    <a class="next" onclick="plusSlides(1)">&#10095;</a>
 +
 +
 +
<script>
 +
// Open the Modal
 +
function openModal() {
 +
  document.getElementById("MembersModal").style.display = "block";
 +
}
 +
 +
// Close the Modal
 +
function closeModal() {
 +
  document.getElementById("MembersModal").style.display = "none";
 +
}
 +
 +
var slideIndex = 1;
 +
showSlides(slideIndex);
 +
 +
// Next/previous controls
 +
function plusSlides(n) {
 +
  showSlides(slideIndex += n);
 +
}
 +
 +
// Thumbnail image controls
 +
function currentSlide(n) {
 +
  showSlides(slideIndex = n);
 +
}
 +
 +
function showSlides(n) {
 +
  var i;
 +
  var slides = document.getElementsByClassName("MembersSlides");
 +
  var dots = document.getElementsByClassName("demo");
 +
  if (n > slides.length) {slideIndex = 1}
 +
  if (n < 1) {slideIndex = slides.length}
 +
  for (i = 0; i < slides.length; i++) {
 +
    slides[i].style.display = "none";
 +
  }
 +
  for (i = 0; i < dots.length; i++) {
 +
    dots[i].className = dots[i].className.replace(" active", "");
 +
  }
 +
  slides[slideIndex-1].style.display = "block";
 +
  dots[slideIndex-1].className += " active";
 +
  captionText.innerHTML = dots[slideIndex-1].alt;
 +
}
 +
</script>
 +
 +
  </div>
 
</div>
 
</div>
 +
 +
<!-- End of The Modal/Lightbox-->
 +
 +
<!--Footer-->
 +
<footer class="footerall container-fluid">
 +
<div class="row align-items-center">
 +
<div class="logo col-sm-6 col-lg-3">
 +
<img class="img-fluid" src="https://static.igem.org/mediawiki/2019/9/96/T--UM_Macau--homepicigem.png" style="width:200px">
 +
</div>
 +
<div class="contact col-sm-6 col-lg-3">
 +
<h4>CONTACT US</h4>
 +
<h5>umac.igem@gmail.com</h5>
 +
<br>
 +
<h4>FOLLOW US</h4>
 +
<a href="https://www.facebook.com/igemumac2019/"><img class="img-fluid social" src="https://static.igem.org/mediawiki/2019/8/80/T--UM_Macau--homepicfb.png"></a>
 +
<a href="https://www.instagram.com/igem_ummacau/"><img class="img-fluid social" src="https://static.igem.org/mediawiki/2019/d/da/T--UM_Macau--homepicinsta.png"></a>
 +
</div>
 +
 +
<div class="sponsor col-sm-12 col-lg-6">
 +
<div class="row align-items-center">
 +
<div class="col-sm-4 "><img class="img-fluid" src="https://static.igem.org/mediawiki/2019/3/3b/T--UM_Macau--homepicum.png" style="width:100%"></div>
 +
<div class="col-sm-4 "><img class="img-fluid" src="https://static.igem.org/mediawiki/2019/5/5e/T--UM_Macau--homepicfhs.png" style="width:100%  "></div>
 +
<div class="col-sm-4 "></div>
 +
</div>
 +
<div class="row align-items-center">
 +
<div class="col-sm-4 "><img class="img-fluid" src="https://static.igem.org/mediawiki/2019/c/c4/T--UM_Macau--homepicidt.png" style="width:100%"></div>
 +
<div class="col-sm-4 "><img class="img-fluid" src="https://static.igem.org/mediawiki/2019/a/aa/T--UM_Macau--homepictwist.png" style="width:100%"></div>
 +
<div class="col-sm-4 "><img class="img-fluid" src="https://static.igem.org/mediawiki/2019/8/8a/T--UM_Macau--homepiclumicks.png" style="width:100%"></div>
 +
</div>
 +
<div class="row align-items-center">
 +
<div class="col-sm-4 "><img class="img-fluid" src="https://static.igem.org/mediawiki/2019/9/9c/T--UM_Macau--homepicdiagon.png" style="width:100%"></div>
 +
<div class="col-sm-4 "><img class="img-fluid" src="https://static.igem.org/mediawiki/2019/4/43/T--UM_Macau--homepicgjb.png" style="width:100%"></div>
 +
<div class="col-sm-4"></div>
 +
</div>
 +
</div>
 +
</div>
 +
<hr>
 +
<div>
 +
<div class="row">
 +
<div class="col-sm-12 text-center">
 +
<h6>iGEM 2019 UM_Macau</h6>
 +
</div>
 +
</div>
 +
</div>
 +
</footer>
 +
 +
 +
 +
 +
 +
 +
</body>
 
</html>
 
</html>

Latest revision as of 01:24, 22 October 2019


Team Members

Students

Jia Ying NG
Captain
Philip Naderev P. LAGNITON
Vice-Captain (Internal)
Carrie, Yuchen YANG
Vice-Captain (External)
Julien, Rui Lian NYAM
Treasurer / Wet Lab / Media
Renee, Liyunzi LIANG
Wet Lab
Cleas, Junjie HAO
Dry Lab
Pinto, Zhijun HE
Outreach / Wet Lab
Katrina, Jiaqi XIAN
Outreach
Jing Tong TAN
Media / Wiki
Hugh, Zhongyu HUANG
Media / Wiki
Connie, Yixiao WANG
Wiki

Principal Investigators

Leo Tsz On LEE
Assistant Professor
RuiYu XIE
Assistant Professor
Vivien Ya-Fan WANG
Assistant Professor

Advisors

XuanJun ZHANG
Assistant Professor
Jun ZHENG
Assistant Professor

Instructors

Hao Weng WU
PhD in Biomedical Sciences
YunFang XIONG
PhD in Biomedical Sciences
ZiQiang CHI
PhD in Biomedical Sciences

CONTACT US

umac.igem@gmail.com

FOLLOW US

iGEM 2019 UM_Macau