Difference between revisions of "Team:UM Macau"

 
(30 intermediate revisions by the same user not shown)
Line 25: Line 25:
  
  
−
* {box-sizing:border-box}
+
* {box-sizing: border-box}
 +
body {font-family: Verdana, sans-serif; margin:0}
 +
.mySlides {display: none}
 +
img {vertical-align: middle;}
  
 
/* Slideshow container */
 
/* Slideshow container */
 
.slideshow-container {
 
.slideshow-container {
−
   max-width: 1000px;
+
   max-width: 1100px;
 
   position: relative;
 
   position: relative;
 
   margin: auto;
 
   margin: auto;
−
}
 
−
 
−
/* Hide the images by default */
 
−
.mySlides {
 
−
  display: none;
 
 
}
 
}
  
Line 45: Line 43:
 
   top: 50%;
 
   top: 50%;
 
   width: auto;
 
   width: auto;
 +
  padding: 16px;
 
   margin-top: -22px;
 
   margin-top: -22px;
−
  padding: 16px;
 
 
   color: white;
 
   color: white;
 
   font-weight: bold;
 
   font-weight: bold;
Line 55: Line 53:
 
}
 
}
  
−
/* Position the "next button" to the right */
 
−
.next {
 
−
  right: 0;
 
−
  border-radius: 3px 0 0 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.8);
 
−
}
 
  
 
/* Caption text */
 
/* Caption text */
Line 105: Line 93:
 
.fade {
 
.fade {
 
   -webkit-animation-name: fade;
 
   -webkit-animation-name: fade;
−
   -webkit-animation-duration: 1.5s;
+
   -webkit-animation-duration: 2.0s;
 
   animation-name: fade;
 
   animation-name: fade;
−
   animation-duration: 1.5s;
+
   animation-duration: 2.0s;
 +
transition: 0.5s;
 
}
 
}
  
 
@-webkit-keyframes fade {
 
@-webkit-keyframes fade {
−
   from {opacity: .4}
+
   from {opacity: .4}  
 
   to {opacity: 1}
 
   to {opacity: 1}
 
}
 
}
  
 
@keyframes fade {
 
@keyframes fade {
−
   from {opacity: .4}
+
   from {opacity: .4}  
 
   to {opacity: 1}
 
   to {opacity: 1}
 
}
 
}
  
 +
/* On smaller screens, decrease text size */
 +
@media only screen and (max-width: 300px) {
 +
  .prev, .next,.text {font-size: 11px}
 +
}
  
  
Line 160: Line 153:
 
}
 
}
  
−
.bgcolor {
+
 
−
background-color: #131111;
+
 
−
color: #fff;
+
−
padding: 150px;
+
−
}
+
  
 
/*landing page styling*/
 
/*landing page styling*/
Line 305: Line 295:
 
margin-left: auto;
 
margin-left: auto;
 
margin-right: auto;
 
margin-right: auto;
 +
}
 +
 +
.bgcolor {
 +
background-color: #131111;
 +
color: #fff;
 +
padding: 150px;
 +
}
 +
 +
#medal {
 +
background:  url(https://static.igem.org/mediawiki/2019/c/ce/T--UM_Macau--coverphoto111.jpeg) no-repeat center center fixed;
 +
color: #fff;
 +
padding-top: 150px;
 +
padding-bottom: 150px;
 +
width: 100%;
 
}
 
}
  
Line 532: Line 536:
  
 
<div class="arrow">
 
<div class="arrow">
−
<a href="#abstract"><img class="img-fluid" src="https://static.igem.org/mediawiki/2019/3/36/T--UM_Macau--homepicdownarrow.png"></a>
+
<a href="#medal"><img class="img-fluid" src="https://static.igem.org/mediawiki/2019/3/36/T--UM_Macau--homepicdownarrow.png"></a>
 
</div>
 
</div>
  
Line 546: Line 550:
  
  
−
<div class="padding" id="medal">
 
−
<div class="container">
 
−
<div style="text-align: center;">
 
−
<h1 class="title">Our Results</h1>
 
−
<h1>Gold Medal</h1>
 
−
<h1>Nominated in the Best Part Collection</h1>
 
  
−
 
+
<div id="medal" class="padding">
−
</div>
+
−
</div>
+
−
</div>
+
−
 
+
−
 
+
−
<div class="bgcolor padding">
+
 
<div class="container text-center">
 
<div class="container text-center">
 
<div class="row">
 
<div class="row">
 
<div class="col-sm-12">
 
<div class="col-sm-12">
−
<h1 class="title">Our Results</h1>
+
<h1 class="title"><u>Achievement</u></h1>
 +
<br>
 +
<br>
 +
<h1 class="title" style="font-size: 2.5rem">Gold Medal</h1>
 +
<h1 class="title" style="font-size: 2.5rem">Nomination in Best Part Collection</h1>
 
</div>
 
</div>
 
</div>
 
</div>
−
<br>
+
−
<br>
+
−
<div class="row">
+
−
<h1 class="title">Gold Medal</h1>
+
−
</div>
+
−
 
+
−
 
+
−
<div class="row">
+
−
<h1 class="title">Nomination in Best Part Collection</h1>
+
−
</div>
+
 
</div>
 
</div>
  
−
<!-- Slideshow container -->
 
 
<div class="slideshow-container">
 
<div class="slideshow-container">
  
−
  <!-- Full-width images with number and caption text -->
+
<div class="mySlides fade">
−
  <div class="mySlides fade">
+
  <img src="https://static.igem.org/mediawiki/2019/c/c5/T--UM_Macau--m2.png" style="width:100%">
−
    <div class="numbertext">1 / 6</div>
+
</div>
−
    <img src="https://static.igem.org/mediawiki/2019/d/d6/T--UM_Macau--medal_2.jpeg" style="width:100%">
+
−
  </div>
+
  
−
  <div class="mySlides fade">
+
<div class="mySlides fade">
−
    <div class="numbertext">2 / 6</div>
+
  <img src="https://static.igem.org/mediawiki/2019/b/bc/T--UM_Macau--m11.png" style="width:100%">
−
    <img src="https://static.igem.org/mediawiki/2019/1/1b/T--UM_Macau--medal_1.jpeg" style="width:100%">
+
</div>
−
  </div>
+
  
−
  <div class="mySlides fade">
+
<div class="mySlides fade">
−
    <div class="numbertext">3 / 6</div>
+
  <img src="https://static.igem.org/mediawiki/2019/7/72/T--UM_Macau--m3.png" style="width:100%">
−
    <img src="https://static.igem.org/mediawiki/2019/b/b0/T--UM_Macau--medal_3.jpeg" style="width:100%">
+
</div>
−
  </div>
+
  
−
  <div class="mySlides fade">
+
<div class="mySlides fade">
−
    <div class="numbertext">4 / 6</div>
+
  <img src="https://static.igem.org/mediawiki/2019/b/b6/T--UM_Macau--m5.png" style="width:100%">
−
    <img src="https://static.igem.org/mediawiki/2019/5/50/T--UM_Macau--medal_4.jpeg" style="width:100%">
+
</div>
−
  </div>
+
  
−
    <div class="mySlides fade">
+
<div class="mySlides fade">
−
    <div class="numbertext">5 / 6</div>
+
  <img src="https://static.igem.org/mediawiki/2019/e/ee/T--UM_Macau--m4.png" style="width:100%">
−
    <img src="https://static.igem.org/mediawiki/2019/5/51/T--UM_Macau--medal_5.jpeg" style="width:100%">
+
</div>
−
  </div>
+
 
 +
<div class="mySlides fade">
 +
  <img src="https://static.igem.org/mediawiki/2019/3/31/T--UM_Macau--m6.png" style="width:100%">
 +
</div>
  
−
    <div class="mySlides fade">
+
<a class="prev" onclick="plusSlides(-1)">&#10094;</a>
−
    <div class="numbertext">6 / 6</div>
+
<a class="next" onclick="plusSlides(1)">&#10095;</a>
−
    <img src="https://static.igem.org/mediawiki/2019/d/d7/T--UM_Macau--tmedal_6.jpeg" style="width:100%">
+
−
  </div>
+
  
−
  <!-- Next and previous buttons -->
 
−
  <a class="prev" onclick="plusSlides(-1)">&#10094;</a>
 
−
  <a class="next" onclick="plusSlides(1)">&#10095;</a>
 
 
</div>
 
</div>
 
<br>
 
<br>
  
−
<!-- The dots/circles -->
 
 
<div style="text-align:center">
 
<div style="text-align:center">
−
   <span class="dot" onclick="currentSlide(1)"></span>
+
   <span class="dot" onclick="currentSlide(1)"></span>  
−
   <span class="dot" onclick="currentSlide(2)"></span>
+
   <span class="dot" onclick="currentSlide(2)"></span>  
−
   <span class="dot" onclick="currentSlide(3)"></span>
+
   <span class="dot" onclick="currentSlide(3)"></span>  
−
   <span class="dot" onclick="currentSlide(4)"></span>
+
   <span class="dot" onclick="currentSlide(4)"></span>  
−
   <span class="dot" onclick="currentSlide(5)"></span>
+
   <span class="dot" onclick="currentSlide(5)"></span>  
−
   <span class="dot" onclick="currentSlide(6)"></span>
+
   <span class="dot" onclick="currentSlide(6)"></span>  
 
</div>
 
</div>
  
Line 796: Line 774:
  
 
<script>
 
<script>
−
var slideIndex = 1;
+
var slideIndex = 0;
−
showSlides(slideIndex);
+
showSlides();
−
 
+
−
function plusSlides(n) {
+
−
  showSlides(slideIndex += n);
+
−
}
+
−
 
+
−
function currentSlide(n) {
+
−
  showSlides(slideIndex = n);
+
−
}
+
  
−
function showSlides(n) {
+
function showSlides() {
 
   var i;
 
   var i;
 
   var slides = document.getElementsByClassName("mySlides");
 
   var slides = document.getElementsByClassName("mySlides");
 
   var dots = document.getElementsByClassName("dot");
 
   var dots = document.getElementsByClassName("dot");
−
  if (n > slides.length) {slideIndex = 1}   
 
−
  if (n < 1) {slideIndex = slides.length}
 
 
   for (i = 0; i < slides.length; i++) {
 
   for (i = 0; i < slides.length; i++) {
−
      slides[i].style.display = "none";   
+
    slides[i].style.display = "none";   
 
   }
 
   }
 +
  slideIndex++;
 +
  if (slideIndex > slides.length) {slideIndex = 1}   
 
   for (i = 0; i < dots.length; i++) {
 
   for (i = 0; i < dots.length; i++) {
−
      dots[i].className = dots[i].className.replace(" active", "");
+
    dots[i].className = dots[i].className.replace(" active", "");
 
   }
 
   }
 
   slides[slideIndex-1].style.display = "block";   
 
   slides[slideIndex-1].style.display = "block";   
 
   dots[slideIndex-1].className += " active";
 
   dots[slideIndex-1].className += " active";
 +
  setTimeout(showSlides, 2000); // Change image every 2 seconds
 
}
 
}
 
</script>
 
</script>

Latest revision as of 07:16, 19 December 2019


Self-Activating Nanoparticle Collector E.coli

Achievement



Gold Medal

Nomination in Best Part Collection


Abstract

Our project SANCE will be targeting on the nanoparticle pollution, an unneglectable issue facing by coast-like cities including Macau. We aim to engineer a controllable nanoparticle collector microorganism. We hypothesize that our modified E.coli bacteria expressing the adhesive fusion protein on its cell surface that would be able to collect nanoparticle targets, through which, we will be able to help to solve the current issue of excessive suspended solids in Macau wastewater treatment process. Through this project, we aim to achieve a more efficient nanoparticles elimination technique and thereby enhance the awareness of Macau residents in water source protection.

Current Problem: Nanoparticle Pollution

With the emergence and rapid development of nanotechnology, nanoparticles have been widely used in many field that closely related to our daily life. However, nanoparticles could bring severe adverse effects to ecosystem and human health.

Project Inspiration

Our project is inspired by the capability of a sticky protein named Mefp-5 expressed on the foot of mussel which make it able to attach on almost all surface. We take the 'Special sticky characteristic' as the main feature in our project to solve the problem.

Our Solution

Our team was motivated to establish an effective nanoparticles removing model named SANCE. Its capability in collecting nanoparticles would potentially be applied in wastewater treatment plant to remove harmful nanopollutants.

More About Us



CONTACT US

umac.igem@gmail.com

FOLLOW US

iGEM 2019 UM_Macau