Jingtong927 (Talk | contribs) |
Jingtong927 (Talk | contribs) |
||
Line 22: | Line 22: | ||
font-family:"Poppins"; | font-family:"Poppins"; | ||
overflow-x: visible; | overflow-x: visible; | ||
+ | } | ||
+ | |||
+ | |||
+ | * {box-sizing:border-box} | ||
+ | |||
+ | /* Slideshow container */ | ||
+ | .slideshow-container { | ||
+ | max-width: 1000px; | ||
+ | position: relative; | ||
+ | margin: auto; | ||
+ | } | ||
+ | |||
+ | /* Hide the images by default */ | ||
+ | .mySlides { | ||
+ | display: none; | ||
+ | } | ||
+ | |||
+ | /* Next & previous buttons */ | ||
+ | .prev, .next { | ||
+ | cursor: pointer; | ||
+ | position: absolute; | ||
+ | top: 50%; | ||
+ | width: auto; | ||
+ | margin-top: -22px; | ||
+ | padding: 16px; | ||
+ | color: white; | ||
+ | font-weight: bold; | ||
+ | font-size: 18px; | ||
+ | transition: 0.6s ease; | ||
+ | border-radius: 0 3px 3px 0; | ||
+ | user-select: none; | ||
+ | } | ||
+ | |||
+ | /* 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 */ | ||
+ | .text { | ||
+ | color: #f2f2f2; | ||
+ | font-size: 15px; | ||
+ | padding: 8px 12px; | ||
+ | position: absolute; | ||
+ | bottom: 8px; | ||
+ | width: 100%; | ||
+ | text-align: center; | ||
+ | } | ||
+ | |||
+ | /* Number text (1/3 etc) */ | ||
+ | .numbertext { | ||
+ | color: #f2f2f2; | ||
+ | font-size: 12px; | ||
+ | padding: 8px 12px; | ||
+ | position: absolute; | ||
+ | top: 0; | ||
+ | } | ||
+ | |||
+ | /* The dots/bullets/indicators */ | ||
+ | .dot { | ||
+ | cursor: pointer; | ||
+ | height: 15px; | ||
+ | width: 15px; | ||
+ | margin: 0 2px; | ||
+ | background-color: #bbb; | ||
+ | border-radius: 50%; | ||
+ | display: inline-block; | ||
+ | transition: background-color 0.6s ease; | ||
+ | } | ||
+ | |||
+ | .active, .dot:hover { | ||
+ | background-color: #717171; | ||
+ | } | ||
+ | |||
+ | /* Fading animation */ | ||
+ | .fade { | ||
+ | -webkit-animation-name: fade; | ||
+ | -webkit-animation-duration: 1.5s; | ||
+ | animation-name: fade; | ||
+ | animation-duration: 1.5s; | ||
+ | } | ||
+ | |||
+ | @-webkit-keyframes fade { | ||
+ | from {opacity: .4} | ||
+ | to {opacity: 1} | ||
+ | } | ||
+ | |||
+ | @keyframes fade { | ||
+ | from {opacity: .4} | ||
+ | to {opacity: 1} | ||
} | } | ||
Line 461: | Line 557: | ||
</div> | </div> | ||
</div> | </div> | ||
+ | |||
+ | |||
+ | <div class="bgcolor padding"> | ||
+ | <div class="container text-center"> | ||
+ | <div class="row"> | ||
+ | <div class="col-sm-12"> | ||
+ | <h1 class="title">Our Results</h1> | ||
+ | </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> | ||
+ | |||
+ | <!-- Slideshow container --> | ||
+ | <div class="slideshow-container"> | ||
+ | |||
+ | <!-- Full-width images with number and caption text --> | ||
+ | <div class="mySlides fade"> | ||
+ | <div class="numbertext">1 / 6</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="numbertext">2 / 6</div> | ||
+ | <img src="https://static.igem.org/mediawiki/2019/1/1b/T--UM_Macau--medal_1.jpeg" style="width:100%"> | ||
+ | </div> | ||
+ | |||
+ | <div class="mySlides fade"> | ||
+ | <div class="numbertext">3 / 6</div> | ||
+ | <img src="https://static.igem.org/mediawiki/2019/b/b0/T--UM_Macau--medal_3.jpeg" style="width:100%"> | ||
+ | </div> | ||
+ | |||
+ | <div class="mySlides fade"> | ||
+ | <div class="numbertext">4 / 6</div> | ||
+ | <img src="https://static.igem.org/mediawiki/2019/5/50/T--UM_Macau--medal_4.jpeg" style="width:100%"> | ||
+ | </div> | ||
+ | |||
+ | <div class="mySlides fade"> | ||
+ | <div class="numbertext">5 / 6</div> | ||
+ | <img src="https://static.igem.org/mediawiki/2019/5/51/T--UM_Macau--medal_5.jpeg" style="width:100%"> | ||
+ | </div> | ||
+ | |||
+ | <div class="mySlides fade"> | ||
+ | <div class="numbertext">6 / 6</div> | ||
+ | <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)">❮</a> | ||
+ | <a class="next" onclick="plusSlides(1)">❯</a> | ||
+ | </div> | ||
+ | <br> | ||
+ | |||
+ | <!-- The dots/circles --> | ||
+ | <div style="text-align:center"> | ||
+ | <span class="dot" onclick="currentSlide(1)"></span> | ||
+ | <span class="dot" onclick="currentSlide(2)"></span> | ||
+ | <span class="dot" onclick="currentSlide(3)"></span> | ||
+ | <span class="dot" onclick="currentSlide(4)"></span> | ||
+ | <span class="dot" onclick="currentSlide(5)"></span> | ||
+ | <span class="dot" onclick="currentSlide(6)"></span> | ||
+ | </div> | ||
+ | |||
+ | </div> | ||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
Line 622: | Line 795: | ||
</footer> | </footer> | ||
+ | <script> | ||
+ | var slideIndex = 1; | ||
+ | showSlides(slideIndex); | ||
+ | |||
+ | function plusSlides(n) { | ||
+ | showSlides(slideIndex += n); | ||
+ | } | ||
+ | |||
+ | function currentSlide(n) { | ||
+ | showSlides(slideIndex = n); | ||
+ | } | ||
+ | |||
+ | function showSlides(n) { | ||
+ | var i; | ||
+ | var slides = document.getElementsByClassName("mySlides"); | ||
+ | var dots = document.getElementsByClassName("dot"); | ||
+ | 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"; | ||
+ | } | ||
+ | </script> | ||
</body> | </body> | ||
</html> | </html> |
Revision as of 04:50, 14 December 2019
Our Results
Gold Medal
Nominated in the Best Part Collection
Our Results
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.