Jingtong927 (Talk | contribs) |
|||
(280 intermediate revisions by 3 users not shown) | |||
Line 1: | Line 1: | ||
− | {{UM_Macau}} | + | {{UM_Macau/wikistripdown}}{{UM_Macau/Bootstrap}}{{UM_Macau/Navbar}} |
− | {{UM_Macau/ | + | |
+ | |||
+ | |||
<html> | <html> | ||
− | < | + | <head> |
− | < | + | |
− | < | + | <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"> | |
+ | |||
+ | <style> | ||
+ | #globalWrapper{ | ||
+ | padding-bottom: 0px; | ||
+ | } | ||
+ | |||
+ | html,body{ | ||
+ | height: 100%; | ||
+ | width: 100%; | ||
+ | scroll-behavior: smooth; | ||
+ | font-family:"Poppins"; | ||
+ | overflow-x: visible; | ||
+ | } | ||
+ | |||
+ | |||
+ | * {box-sizing: border-box} | ||
+ | body {font-family: Verdana, sans-serif; margin:0} | ||
+ | .mySlides {display: none} | ||
+ | img {vertical-align: middle;} | ||
+ | |||
+ | /* Slideshow container */ | ||
+ | .slideshow-container { | ||
+ | max-width: 1100px; | ||
+ | position: relative; | ||
+ | margin: auto; | ||
+ | } | ||
+ | |||
+ | /* Next & previous buttons */ | ||
+ | .prev, .next { | ||
+ | cursor: pointer; | ||
+ | position: absolute; | ||
+ | top: 50%; | ||
+ | width: auto; | ||
+ | padding: 16px; | ||
+ | margin-top: -22px; | ||
+ | color: white; | ||
+ | font-weight: bold; | ||
+ | font-size: 18px; | ||
+ | transition: 0.6s ease; | ||
+ | border-radius: 0 3px 3px 0; | ||
+ | user-select: none; | ||
+ | } | ||
+ | |||
+ | |||
+ | /* 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: 2.0s; | ||
+ | animation-name: fade; | ||
+ | animation-duration: 2.0s; | ||
+ | transition: 0.5s; | ||
+ | } | ||
+ | |||
+ | @-webkit-keyframes fade { | ||
+ | from {opacity: .4} | ||
+ | to {opacity: 1} | ||
+ | } | ||
+ | |||
+ | @keyframes fade { | ||
+ | from {opacity: .4} | ||
+ | to {opacity: 1} | ||
+ | } | ||
+ | |||
+ | /* On smaller screens, decrease text size */ | ||
+ | @media only screen and (max-width: 300px) { | ||
+ | .prev, .next,.text {font-size: 11px} | ||
+ | } | ||
+ | |||
+ | |||
+ | /*text styling*/ | ||
+ | #HQ_page p{ | ||
+ | font-size: 2rem; | ||
+ | color: #fff; | ||
+ | font-family: "Lato"; | ||
+ | text-align: justify; | ||
+ | } | ||
+ | |||
+ | #HQ_page h1{ | ||
+ | font-weight: normal; | ||
+ | border: 0; | ||
+ | font-size: 3rem; | ||
+ | color: #fff; | ||
+ | font-family: "Poppins"; | ||
+ | } | ||
+ | |||
+ | .zoom:hover { | ||
+ | transform: scale(1.4); | ||
+ | } | ||
+ | |||
+ | .title{ | ||
+ | margin-bottom: 2.5rem; | ||
+ | color: #fff; | ||
+ | } | ||
+ | |||
+ | /*link styling*/ | ||
+ | a:link, a:visited{ | ||
+ | color: white; | ||
+ | text-align: center; | ||
+ | text-decoration: none; | ||
+ | background-color: transparent; | ||
+ | } | ||
+ | |||
+ | /*all sections padding*/ | ||
+ | .padding{ | ||
+ | padding: 0 0 0 0; | ||
+ | } | ||
+ | |||
+ | |||
+ | |||
+ | |||
+ | /*landing page styling*/ | ||
+ | #home{ | ||
+ | background: url(https://static.igem.org/mediawiki/2019/c/cd/T--UM_Macau--homepicnew1.png) no-repeat center; | ||
+ | display: table; | ||
+ | height: 100vh; | ||
+ | position: relative; | ||
+ | width: 100%; | ||
+ | background-size: cover; | ||
+ | text-align: center; | ||
+ | background-color: #131111; | ||
+ | } | ||
+ | |||
+ | .landpage{ | ||
+ | padding-top: 4%; | ||
+ | } | ||
+ | |||
+ | /*typing effect*/ | ||
+ | .line{ | ||
+ | position: relative; | ||
+ | margin: 30px auto; | ||
+ | width: 20.5em; | ||
+ | border-right: 4px solid rgba(255, 255, 255, 0.75); | ||
+ | text-align: center; | ||
+ | white-space: nowrap; | ||
+ | font-size: 3rem; | ||
+ | overflow: hidden; transform: translateY(-50%); | ||
+ | color: #fff; | ||
+ | } | ||
+ | |||
+ | /*typing effect-animation*/ | ||
+ | .anim-typewriter{ | ||
+ | animation: typewriter 5.5s steps(40) 1s 1 normal both, | ||
+ | blinkTextCursor 600ms steps(40) infinite normal; | ||
+ | animation-iteration-count: infinite; | ||
+ | } | ||
+ | |||
+ | @keyframes typewriter { | ||
+ | from{ | ||
+ | width: 0; | ||
+ | } | ||
+ | to{ | ||
+ | width: 20.5em; | ||
+ | } | ||
+ | } | ||
+ | |||
+ | @keyframes blinkTextCursor { | ||
+ | from{ | ||
+ | border-right-color: rgba(255, 255, 255, 0.75); | ||
+ | } | ||
+ | to{ | ||
+ | border-right-color: transparent; | ||
+ | } | ||
+ | } | ||
+ | |||
+ | /*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; | ||
+ | } | ||
+ | |||
+ | |||
+ | /*for 'READ MORE' button*/ | ||
+ | .homebutton{ | ||
+ | display: inline-block; | ||
+ | border-radius: 4px; | ||
+ | background-color: #615e11; | ||
+ | border: none; | ||
+ | color: #fff; | ||
+ | text-align: center; | ||
+ | padding: 10px; | ||
+ | width: 160px; | ||
+ | transition: all 0.5s; | ||
+ | cursor: pointer; | ||
+ | margin: 5px; | ||
+ | font-size: 1.1rem; | ||
+ | } | ||
+ | |||
+ | .homebutton span{ | ||
+ | cursor: pointer; | ||
+ | display: inline-block; | ||
+ | position: relative; | ||
+ | transition: 0.5s; | ||
+ | } | ||
+ | |||
+ | .homebutton span:after{ | ||
+ | content: '\00bb'; | ||
+ | position: absolute; | ||
+ | opacity: 0; | ||
+ | top: 0; | ||
+ | right: -20px; | ||
+ | transition: 0.5s; | ||
+ | } | ||
+ | |||
+ | .homebutton:hover span{ | ||
+ | padding-right: 25px; | ||
+ | } | ||
+ | |||
+ | .homebutton:hover span:after{ | ||
+ | opacity: 1; | ||
+ | right: 0; | ||
+ | } | ||
+ | |||
+ | /*each sections styling*/ | ||
+ | .container{ | ||
+ | margin: auto; | ||
+ | } | ||
+ | |||
+ | |||
+ | |||
+ | #abstract{ | ||
+ | background: url(https://static.igem.org/mediawiki/2019/a/a9/T--UM_Macau--homepicnew2.png) no-repeat center center fixed; | ||
+ | display: table; | ||
+ | height: 100vh; | ||
+ | position: relative; | ||
+ | width: 100%; | ||
+ | background-size: cover; | ||
+ | border-top: 3px solid #fff; | ||
+ | box-shadow: 0 0 6px #fff; | ||
+ | color: #fff; | ||
+ | padding-top: 7%; | ||
+ | } | ||
+ | |||
+ | .video{ | ||
+ | width: 400px; | ||
+ | display: block; | ||
+ | margin-left: 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%; | ||
+ | } | ||
+ | |||
+ | #problem{ | ||
+ | background: url(https://static.igem.org/mediawiki/2019/2/20/T--UM_Macau--homepicnew3.png) no-repeat center center fixed; | ||
+ | display: flex; | ||
+ | height: 100vh; | ||
+ | position: relative; | ||
+ | width: 100%; | ||
+ | background-size: cover; | ||
+ | border-top: 3px solid #fff; | ||
+ | box-shadow: 0 0 6px #fff; | ||
+ | color: #fff; | ||
+ | } | ||
+ | |||
+ | #inspiration{ | ||
+ | background: url(https://static.igem.org/mediawiki/2019/9/94/T--UM_Macau--homepicnew4.jpg) no-repeat center center fixed; | ||
+ | display: flex; | ||
+ | height: 100vh; | ||
+ | position: relative; | ||
+ | width: 100%; | ||
+ | background-size: cover; | ||
+ | border-top: 3px solid #fff; | ||
+ | box-shadow: 0 0 6px #fff; | ||
+ | color: #fff; | ||
+ | } | ||
+ | |||
+ | #solution{ | ||
+ | background: url(https://static.igem.org/mediawiki/2019/e/e3/T--UM_Macau--homepicnew5.png) no-repeat center center fixed; | ||
+ | display: flex; | ||
+ | height: 100vh; | ||
+ | position: relative; | ||
+ | width: 100%; | ||
+ | background-size: cover; | ||
+ | border-top: 3px solid #fff; | ||
+ | box-shadow: 0 0 6px #fff; | ||
+ | color: #fff; | ||
+ | } | ||
+ | |||
+ | #results{ | ||
+ | background: url(https://static.igem.org/mediawiki/2019/4/4a/T--UM_Macau--homepicnew6.jpg) no-repeat center center fixed; | ||
+ | display: table; | ||
+ | height: 100vh; | ||
+ | position: relative; | ||
+ | width: 100%; | ||
+ | background-size: cover; | ||
+ | border-top: 4px solid #fff; | ||
+ | border-bottom: 3px solid #fff; | ||
+ | box-shadow: 0 0 6px #fff; | ||
+ | color: #fff; | ||
+ | } | ||
+ | |||
+ | /*'More About Us' styling*/ | ||
+ | #modeling{ | ||
+ | background: url(https://static.igem.org/mediawiki/2019/6/69/T--UM_Macau--homepicnew7.jpg) no-repeat center; | ||
+ | opacity: 0.3; | ||
+ | background-color: black; | ||
+ | display: table; | ||
+ | height: 100%; | ||
+ | position: relative; | ||
+ | width: 100%; | ||
+ | background-size: cover; | ||
+ | padding: 40px 0; | ||
+ | transition: 0.5s; | ||
+ | color: #fff; | ||
+ | } | ||
+ | |||
+ | #modeling:hover{ | ||
+ | opacity: 1; | ||
+ | } | ||
+ | |||
+ | |||
+ | #hp{ | ||
+ | background: url(https://static.igem.org/mediawiki/2019/a/a9/T--UM_Macau--home8.jpeg) no-repeat center center; | ||
+ | opacity: 0.3; | ||
+ | background-color: black; | ||
+ | display: table; | ||
+ | height: 100%; | ||
+ | position: relative; | ||
+ | width: 100%; | ||
+ | background-size: cover; | ||
+ | padding: 40px 0; | ||
+ | transition: 0.5s; | ||
+ | color: #fff; | ||
+ | } | ||
+ | |||
+ | #hp:hover{ | ||
+ | opacity: 1; | ||
+ | } | ||
+ | |||
+ | #members{ | ||
+ | background: url(https://static.igem.org/mediawiki/2019/0/02/T--UM_Macau--homepicnew9.jpg) no-repeat center top; | ||
+ | opacity: 0.3; | ||
+ | background-color: black; | ||
+ | display: table; | ||
+ | height: 100%; | ||
+ | position: relative; | ||
+ | width: 100%; | ||
+ | background-size: cover; | ||
+ | padding: 40px 0; | ||
+ | transition: 0.5s; | ||
+ | color: #fff; | ||
+ | } | ||
+ | |||
+ | #members:hover{ | ||
+ | opacity: 1; | ||
+ | } | ||
+ | |||
+ | #parts{ | ||
+ | background: url(https://static.igem.org/mediawiki/2019/4/47/T--UM_Macau--homepicnew10.jpg) no-repeat center center; | ||
+ | opacity: 0.3; | ||
+ | background-color: black; | ||
+ | display: table; | ||
+ | height: 100%; | ||
+ | position: relative; | ||
+ | width: 100%; | ||
+ | background-size: cover; | ||
+ | padding: 40px 0; | ||
+ | transition: 0.5s; | ||
+ | color: #fff; | ||
+ | } | ||
+ | |||
+ | #parts:hover{ | ||
+ | opacity: 1; | ||
+ | } | ||
+ | |||
+ | /*footer styling*/ | ||
+ | |||
+ | .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.5rem; | ||
+ | font-family: "Lato"; | ||
+ | font-weight: 400; | ||
+ | color: #fff; | ||
+ | } | ||
+ | |||
+ | footer h5{ | ||
+ | font-size: 1.3rem; | ||
+ | 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)); | ||
+ | } | ||
+ | |||
+ | |||
+ | @media (max-width: 768px) { | ||
+ | .line { | ||
+ | font-size: 130%; | ||
+ | } | ||
+ | |||
+ | </style> | ||
+ | </head> | ||
+ | |||
+ | <body> | ||
+ | <div id="home"> | ||
+ | <div class="landpage container-fluid"> | ||
+ | <div class="row"> | ||
+ | <div class="col-sm-12"> | ||
+ | <img class="img-fluid" src="https://static.igem.org/mediawiki/2019/d/d5/T--UM_Macau--homepicSANCE.png" style="width:70%"> | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | <div> | ||
+ | <h2 class="line anim-typewriter">Self-Activating Nanoparticle Collector E.coli</h2> | ||
+ | </div> | ||
+ | |||
+ | |||
+ | <div class="arrow"> | ||
+ | <a href="#medal"><img class="img-fluid" src="https://static.igem.org/mediawiki/2019/3/36/T--UM_Macau--homepicdownarrow.png"></a> | ||
+ | </div> | ||
+ | |||
+ | </div> | ||
+ | <div> | ||
+ | |||
</div> | </div> | ||
− | <div> | + | |
− | < | + | |
− | < | + | </div> |
− | < | + | </div> |
− | </div> | + | |
+ | |||
+ | |||
+ | <div id="medal" class="padding"> | ||
+ | <div class="container text-center"> | ||
+ | <div class="row"> | ||
+ | <div class="col-sm-12"> | ||
+ | <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> | + | |
− | </div> | + | <div class="slideshow-container"> |
+ | |||
+ | <div class="mySlides fade"> | ||
+ | <img src="https://static.igem.org/mediawiki/2019/c/c5/T--UM_Macau--m2.png" style="width:100%"> | ||
+ | </div> | ||
+ | |||
+ | <div class="mySlides fade"> | ||
+ | <img src="https://static.igem.org/mediawiki/2019/b/bc/T--UM_Macau--m11.png" style="width:100%"> | ||
+ | </div> | ||
+ | |||
+ | <div class="mySlides fade"> | ||
+ | <img src="https://static.igem.org/mediawiki/2019/7/72/T--UM_Macau--m3.png" style="width:100%"> | ||
+ | </div> | ||
+ | |||
+ | <div class="mySlides fade"> | ||
+ | <img src="https://static.igem.org/mediawiki/2019/b/b6/T--UM_Macau--m5.png" style="width:100%"> | ||
+ | </div> | ||
+ | |||
+ | <div class="mySlides fade"> | ||
+ | <img src="https://static.igem.org/mediawiki/2019/e/ee/T--UM_Macau--m4.png" style="width:100%"> | ||
+ | </div> | ||
+ | |||
+ | <div class="mySlides fade"> | ||
+ | <img src="https://static.igem.org/mediawiki/2019/3/31/T--UM_Macau--m6.png" style="width:100%"> | ||
+ | </div> | ||
+ | |||
+ | <a class="prev" onclick="plusSlides(-1)">❮</a> | ||
+ | <a class="next" onclick="plusSlides(1)">❯</a> | ||
+ | |||
+ | </div> | ||
+ | <br> | ||
+ | |||
+ | <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> | ||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | <div class="padding" id="abstract"> | ||
+ | <div class="container"> | ||
+ | <div> | ||
+ | <h1 class="title">Abstract</h1> | ||
+ | </div> | ||
+ | <div class="row"> | ||
+ | <div class="col-sm-6"> | ||
+ | <p style="font-size: 1.3rem; text-align: justify">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.</p> | ||
+ | </div> | ||
+ | <div class="col-sm-6"> | ||
+ | |||
+ | <div class = "container" style="position: center"> | ||
+ | <video width="560" height="360" controls poster = "https://static.igem.org/mediawiki/2019/6/6c/T--UM_Macau--videoposter.png" style=" | ||
+ | position: 5px 20% center; | ||
+ | border: 10px solid black !important; | ||
+ | opacity: 0.8; | ||
+ | transition: all 1s ease-in-out;"> | ||
+ | <source src="https://static.igem.org/mediawiki/2019/4/4d/T--UM_Macau--video.mp4" type="video/mp4"> | ||
+ | <source src="movie.ogg" type="video/ogg"> | ||
+ | Your browser does not support the video tag. | ||
+ | </video> | ||
+ | </div> | ||
+ | |||
+ | </div> | ||
+ | </div> | ||
+ | <button class="homebutton" style="vertical-align:middle" onclick="window.location.href='https://2019.igem.org/Team:UM_Macau/Description'"><span>READ MORE</span></button> | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | |||
+ | <div class="padding" id="problem"> | ||
+ | <div class="container"> | ||
+ | <div> | ||
+ | <h1 class="title">Current Problem: Nanoparticle Pollution</h1> | ||
+ | </div> | ||
+ | <div class="row" style="justify-content: space-between; display: flex; align-items: center;"> | ||
+ | <div class="col-sm-7"> | ||
+ | <p>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. </p> | ||
+ | </div> | ||
+ | <div class="col-sm-5"> | ||
+ | <img style="transition: 1s; opacity: 0.7;" class="img-fluid zoom" src="https://static.igem.org/mediawiki/2019/c/c7/T--UM_Macau--Homepage_Theproblem.png"> | ||
+ | </div> | ||
+ | |||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | <div class="padding" id="inspiration"> | ||
+ | <div class="container"> | ||
+ | <div> | ||
+ | <h1 class="title" style = "text-align: right;">Project Inspiration</h1> | ||
+ | </div> | ||
+ | <div class="row" style="display: flex; justify-content: space-between"> | ||
+ | <div class="col-sm-4"> | ||
+ | <img style="transition: 1s; opacity: 0.7;" class="img-fluid zoom" src="https://static.igem.org/mediawiki/2019/8/84/T--UM_Macau--homepage_inspiration_V2.png"> | ||
+ | </div> | ||
+ | <div class="col-sm-7"> | ||
+ | <p>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.</p> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | <div class="padding" id="solution"> | ||
+ | <div class="container"> | ||
+ | <div> | ||
+ | <h1 class="title">Our Solution</h1> | ||
+ | </div> | ||
+ | <div class="row" style="display: flex; justify-content: space-between;"> | ||
+ | <div class="col-sm-7"> | ||
+ | <p>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. | ||
+ | </div> | ||
+ | <div class="col-sm-4"> | ||
+ | <img style="transition: 1s; opacity: 0.9;" class="img-fluid zoom" src="https://static.igem.org/mediawiki/2019/5/5d/T--UM_Macau--feature.png"> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | <div class="bgcolor padding"> | ||
+ | <div class="container text-center"> | ||
+ | <div class="row"> | ||
+ | <div class="col-sm-12"> | ||
+ | <h1 class="title">More About Us</h1> | ||
+ | </div> | ||
+ | </div> | ||
+ | <br> | ||
+ | <br> | ||
+ | <div class="row"> | ||
+ | <div id="modeling" class="col-sm-6"> | ||
+ | <a href="https://2019.igem.org/Team:UM_Macau/Model"><span style="color:white; font-size: 2rem" class="align-items-center">Modeling</span></a> | ||
+ | </div> | ||
+ | <div id="members" class="col-sm-6"> | ||
+ | <a href="https://2019.igem.org/Team:UM_Macau/Team"><span style="color:white; font-size: 2rem" class="align-items-center">Team Members</span></a> | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | |||
+ | <div class="row"> | ||
+ | <div id="hp" class="col-sm-6"> | ||
+ | <a href="https://2019.igem.org/Team:UM_Macau/Human_Practices"><span style="color:white; font-size: 2rem" class="align-items-center">Human Practice</span></a> | ||
+ | </div> | ||
+ | <div id="parts" class="col-sm-6"> | ||
+ | <a href="https://2019.igem.org/Team:UM_Macau/Part_Collection"><span style="color:white; font-size: 2rem" class="align-items-center">Parts Collection</span></a> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | <!--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> | ||
+ | <script> | ||
+ | var slideIndex = 0; | ||
+ | showSlides(); | ||
+ | function showSlides() { | ||
+ | var i; | ||
+ | var slides = document.getElementsByClassName("mySlides"); | ||
+ | var dots = document.getElementsByClassName("dot"); | ||
+ | for (i = 0; i < slides.length; i++) { | ||
+ | slides[i].style.display = "none"; | ||
+ | } | ||
+ | slideIndex++; | ||
+ | if (slideIndex > slides.length) {slideIndex = 1} | ||
+ | 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"; | ||
+ | setTimeout(showSlides, 2000); // Change image every 2 seconds | ||
+ | } | ||
+ | </script> | ||
+ | </body> | ||
</html> | </html> |
Latest revision as of 07:16, 19 December 2019
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.