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

 
(116 intermediate revisions by the same user not shown)
Line 1: Line 1:
−
{{UM Macau}}  
+
{{UM_Macau/WikiStripDown}}{{UM_Macau/Bootstrap}}{{UM_Macau/Navbar}}
−
{{UM Macau/bootstrap}}
+
 
 +
 
 
<html>
 
<html>
 
<head>
 
<head>
−
<meta name="viewport" content="width=device-width, initial-scale=1">
+
 
 +
  <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">
 +
 
 +
</head>
 +
 
 
<style>
 
<style>
−
body, html {
+
 
−
  height: 100%;
+
#globalWrapper{
−
  margin: 0;
+
padding-bottom: 0px;
 
}
 
}
  
−
.homeback {
+
/*footer styling*/
−
  /* The image used */
+
−
  background-image: url("https://static.igem.org/mediawiki/2019/c/cd/T--UM_Macau--homepicnew1.png");
+
  
−
  /* Full height */
+
.footerall{
−
  height: 800px;
+
padding-right:20px;
 +
padding-left: 20px;
 +
}
  
−
  /* Center and scale the image nicely */
+
footer{
−
  background-position: center;
+
width: 100%;
−
  background-repeat: no-repeat;
+
background-color:#131111;
−
  background-size: cover;
+
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;
 +
}
  
−
/* DEFAULT WIKI SETTINGS */
+
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;
 +
}
  
−
#home_logo, #sideMenu { display:none; }
+
.social:hover{
 +
opacity: 0.4;
 +
}
  
−
#sideMenu, #top_title, .patrollink
+
.sponsor{
−
{display:none;}
+
padding-left: 50px;
 +
padding-right: 50px;
 +
}
  
−
#content { margin-left:0px; margin-top:-7px; padding:0px; width:100%;}
+
.sponsor img{
 +
vertical-align: middle;
 +
margin-top: 8px;
 +
}
  
−
body {background-color:white; }
+
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));
 +
}
  
−
#bodyContent h1, #bodyContent h2, #bodyContent h3, #bodyContent h4, #bodyContent h5 { margin-bottom: 0px; }
 
  
−
#bodyContent a[href ^="https://"], .link-https { padding-right:0px;}
+
/* 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;
 +
}
  
−
.judges-will-not-evaluate { border: 4px solid #F42534; padding: 2% !important; width: 92%!important;}
+
#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;
 +
}
  
−
.dropdown:hover .dropdown-menu {
+
/*for scroll down arrow*/
−
display: block;
+
.arrow{
 +
  position: absolute;
 +
  bottom: 10%;
 +
  width: 100%;
 +
  cursor: pointer;
 +
  transition: 0.4s;
 +
  text-align: center;
 
}
 
}
  
−
.dropdown-backdrop {position: static;}
+
.arrow img{
 +
  width: 7%;
 +
}
  
−
#header h1 {margin: 0px;}
+
.arrow:hover{
 +
  padding-bottom: 18px;
 +
}
 +
 
 +
/*Team Container Styling*/
 +
.teamcontainer{
 +
padding: 10%;
 +
padding-bottom: 5%;
 +
}
  
−
body {margin: 0;}
 
  
−
nav.navbar {padding-bottom: 10px;}
 
  
−
.navbar {
+
.sectionpadding{
−
position: fixed;
+
padding-left: 5%;
−
      width: 100%;
+
padding-right: 5%;
−
      z-index: 9999;
+
padding-bottom: 12%;
−
      top: 0;
+
−
      left: 0;
+
−
      height: 100px;
+
−
      box-sizing: border-box;
+
−
      padding-right: 64px;
+
−
      padding-top:56px;
+
−
      background: white;
+
−
    font-weight: 800;
+
 
}
 
}
  
−
.nav-link {
+
.teamrow{
−
font-family: Arial;
+
padding-bottom: 3%;
−
position: relative;
+
−
float: center;
+
−
height: 32px;
+
−
font-size: 17px;
+
−
color: #FFFFFF;
+
−
padding-left: 15px;
+
 
}
 
}
  
  
−
#navbarDropdown{
+
/*Images Styling*/
−
    font-family: Arial;
+
.members{
−
position: relative;
+
cursor: pointer;
−
float: center;
+
transition: 0.3s;
−
height: 32px;
+
−
font-size: 17px;
+
−
color: #FFFFFF;
+
−
padding-left: 15px;
+
 
}
 
}
  
−
a:visited {font-family: Raleway, Montserrat, Ariel, sans-serif !important;color: #001438;}
+
.members:hover{
 +
opacity: 0.75;
 +
}
  
−
.dropdown-toggle::after {
+
 
−
padding-left: 0px;
+
 
−
padding-right: 0px;
+
 
 +
/*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%;
 +
  }
 
}
 
}
  
−
.navbar-toggler:not(:disabled):not(.disabled) {position: relative;}
 
  
  
  
−
.navbar-toggler {font-family: Raleway, Montserrat, Ariel, sans-serif !important;color: #FFFFFF;}
+
  /*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>
 
</style>
 +
  
 
</head>
 
</head>
 
<body>
 
<body>
−
<div class="homeback"  >
 
−
<nav class="navbar navbar-expand-lg navbar-light text-center " style=" background-color: rgba(21,21,21,0.85)">
 
  
−
  <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
 
−
    <span class="navbar-toggler-icon"></span>
 
−
  </button>
 
  
−
  <div class="collapse navbar-collapse" id="navbarSupportedContent">
+
<!--Team Cover-->
−
    <ul class="navbar-nav mr-auto">
+
<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>
 +
<!--End of Team Cover-->
  
−
      <li class="nav-item dropdown">
+
<div  id="teamstart" class="teamcontainer">
−
        <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
+
−
          TEAM
+
−
        </a>
+
−
        <div class="dropdown-menu" aria-labelledby="navbarDropdown">
+
−
          <a class="dropdown-item" href="https://2019.igem.org/Team:UM_Macau/Team">Team</a>
+
−
          <a class="dropdown-item" href="https://2019.igem.org/Team:UM_Macau/Collaborations">Collaborations</a>
+
−
        </div>
+
−
      </li>
+
  
−
    <li class="nav-item dropdown">
 
−
        <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
 
−
          PROJECT
 
−
        </a>
 
−
        <div class="dropdown-menu" aria-labelledby="navbarDropdown">
 
−
          <a class="dropdown-item" href="https://2019.igem.org/Team:UM_Macau/Description">Description</a>
 
−
          <a class="dropdown-item" href="https://2019.igem.org/Team:UM_Macau/Design">Design</a>
 
−
          <a class="dropdown-item" href="https://2019.igem.org/Team:UM_Macau/Experiments">Experiments</a>
 
−
          <a class="dropdown-item" href="https://2019.igem.org/Team:UM_Macau/Notebook">Notebook</a>
 
−
          <a class="dropdown-item" href="https://2019.igem.org/Team:UM_Macau/Contribution">Contribution</a>
 
−
          <a class="dropdown-item" href="https://2019.igem.org/Team:UM_Macau/Results">Results</a>
 
−
          <a class="dropdown-item" href="https://2019.igem.org/Team:UM_Macau/Demonstrate">Demonstrate</a>
 
−
          <a class="dropdown-item" href="https://2019.igem.org/Team:UM_Macau/Improve">Improve</a>
 
−
          <a class="dropdown-item" href="https://2019.igem.org/Team:UM_Macau/Attributions">Attributions</a>
 
−
        </div>
 
−
      </li>
 
  
−
      <li class="nav-item dropdown">
+
<!--Title-->
−
        <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
+
<h1>Students</h1>
−
          PARTS
+
−
        </a>
+
−
        <div class="dropdown-menu" aria-labelledby="navbarDropdown">
+
−
          <a class="dropdown-item" href="https://2019.igem.org/Team:UM_Macau/Parts">Parts Overview</a>
+
−
          <a class="dropdown-item" href="https://2019.igem.org/Team:UM_Macau/Basic_Part">Basic Parts</a>
+
−
          <a class="dropdown-item" href="https://2019.igem.org/Team:UM_Macau/Composite_Part">Composite Parts</a>
+
−
          <a class="dropdown-item" href="https://2019.igem.org/Team:UM_Macau/Part_Collection">Part Collection</a>
+
−
        </div>
+
−
      </li>
+
  
−
      <li class="nav-item">
 
−
        <a class="nav-link" href="https://2019.igem.org/Team:UM_Macau/Safety"  style="color: #FFFFFF">SAFETY</a>
 
−
    </li>
 
−
      <li class="nav-item dropdown">
 
−
        <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
 
−
          HUMAN PRACTICE
 
−
        </a>
 
−
        <div class="dropdown-menu" aria-labelledby="navbarDropdown">
 
−
          <a class="dropdown-item" href="https://2019.igem.org/Team:UM_Macau/Human_Practices">Human Practices</a>
 
−
          <a class="dropdown-item" href="https://2019.igem.org/Team:UM_Macau/Public_Engagement">Education & Engagement</a>
 
−
        </div>
 
−
      </li>
 
  
−
      <li class="nav-item dropdown">
+
<!--Students Section & Lightbox Images-->
−
        <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"  style="color: #FFFFFF">
+
  <section class="sectionpadding">
−
          AWARDS
+
−
        </a>
+
−
        <div class="dropdown-menu" aria-labelledby="navbarDropdown">
+
−
          <a class="dropdown-item" href="https://2019.igem.org/Team:UM_Macau/Entrepreneurship">Entrepreneurship</a>
+
−
          <a class="dropdown-item" href="https://2019.igem.org/Team:UM_Macau/Hardware">Hardware</a>
+
−
          <a class="dropdown-item" href="https://2019.igem.org/Team:UM_Macau/Measurement">Measurement</a>
+
−
          <a class="dropdown-item" href="https://2019.igem.org/Team:UM_Macau/Model">Model</a>
+
−
          <a class="dropdown-item" href="https://2019.igem.org/Team:UM_Macau/Plant">Plant</a>
+
−
          <a class="dropdown-item" href="https://2019.igem.org/Team:UM_Macau/Software">Software</a>
+
−
        </div>
+
−
      </li>
+
  
−
       <li class="nav-item">
+
  <!--Students Row 1-->
−
<a class="nav-link" href="https://igem.org/2019_Judging_Form?team=UM_Macau" style="color: #FFFFFF">JUDGING FORM</a>
+
  <div class="teamrow row text-center">
−
       </li>
+
    <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>
−
   
 
 
   </div>
 
   </div>
−
</nav>
+
 
 +
 
 +
  <!--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>
 
</div>
 +
<!--End of Team Container-->
  
−
<div class="container">
+
<!-- The Modal/Lightbox-->
−
<div>
+
<div id="MembersModal" class="modal">
−
<h1> Welcome to iGEM UM_Macau </h1>
+
  <span class="close cursor" onclick="closeModal()">&times;</span>
−
<div >
+
  <div class="modal-content">
−
<h3> Abstract </h3>
+
 
−
<p>The project SANCE is a 14-months project starting from August 2018 and ending in October 2019. The project demonstrates and proves the concept of a controllable nanoparticle/microparticle collector microorganism, through which, we would able to solve the current issue of suspended solids exceeding standards in Macau sewage treatment process and eventually lead to cheaper and more effective wastewater treatment technique. The project also plan to largely engage in public society by holding diverse outreach activities including local wastewater treatment plant visiting,  social survey and interview, university workshop and summer camp engagement. Through this project, we aim to achieve a more efficient sewage technique and hereby enhance the awareness of Macau residents in water source protection. </p>
+
    <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>
  
−
<div>
+
<!-- End of The Modal/Lightbox-->
−
<h3> Introduction </h3>
+
 
−
<p>With the entrance into 21st century, enormous new techniques and innovations are expanding rapidly, people’s demands of high-quality life are rising along with. Industrial water consumption increased, so as domestic water consumption. In the decade between 2008 to 2018, the total water consumption in Macau increased more than 20 million cubic meters. However, according to the official statistics from DSEC Macau, the daily average of total suspended solids in the waste water treated at the WWTP in Coloane exceeded the limit value by 276.7% in 2017. A new advanced solid-particle collection technique is in an urgent need. </p>
+
<!--Footer-->
−
<p>Our team, as a participant in the 2019 International Genetically Modified Machinery (iGEM) competition, aim to apply the synthetic biology into society by engineering a controllable nanoparticle/microparticle collector microorganism via bacteria aggregation in the process of wastewater treatment. Additionally, via a magnetic field, we would achieve a goal of microorganism immobilization to eventually collect the nano- or micro- particles in wastewater. Its capabilities in collecting nanoparticles will be applied to remove possible pollutants, particularly those undegradable pollutants, such as heavy metal mercury, phosphate, total nitrogen, ammonia nitrogen, and organic compounds. The success of our project would provide a cheap and renewable organism that we can use to clean up particles at the nano- or micro- levels. We are targeting at particle-free water release, and treated water can be educed into natural water or used for domestic supply after post-treatment.</p>
+
<footer class="footerall container-fluid">
−
</div>  
+
<div class="row align-items-center">
−
+
<div class="logo col-sm-6 col-lg-3">
−
<div>
+
<img class="img-fluid" src="https://static.igem.org/mediawiki/2019/9/96/T--UM_Macau--homepicigem.png" style="width:200px">
−
<p><b>Our project is inspired</b> by a literature, “Preparation of Sticky Escherichia coli through Surface Display of an Adhesive Catecholamine Moiety” published by a Korean research team in 2014. Based on the idea of engineering a bacteria with sticky feature on its cell surface, we would like to focus on the structure and characteristics of the sticky domain of the engineered E. coli and enhance its effectiveness and efficiency in capturing nanoparticles by transforming the E.coli with a variety of plasmid constructs. With the improved version of E. coli, it is expected to be capable in capturing those pollutants mentioned above which are currently a noteworthy issue in wastewater treatment. Our project is noticeable because the advanced sticky feature on E. coli is expected to be capable in binding on almost all surface materials. </p>
+
</div>
−
</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>
  
−
</div>
 
  
  

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