Difference between revisions of "Team:ASTWS-China"

(Replaced content with " <html lang="en" dir="ltr" class="client-nojs"> <head> </head> <body> <h1>This is ASTWS-China</h1> <p>Howdy.</p> </body> </html>")
 
(20 intermediate revisions by 2 users not shown)
Line 1: Line 1:
 +
{{ASTWS-China}}
 +
<html>
 +
    <head>
 +
        <meta charset="utf-8" name="viewport" content="width=device-width, initial-scale=1">
 +
        <style>
 +
            #top_title{
 +
                display: none;
 +
            }
 +
           
 +
            #HQ_page p{
 +
                font-size: 1.6em;
 +
                font-family: initial;
 +
                width:80%;
 +
                margin: 0 auto 0 auto;
 +
            }
 +
           
 +
            #HQ_page h1{
 +
                font-size: 4em;
 +
                line-height: 1.2em;
 +
                text-align: center;
 +
            }
 +
           
 +
            #HQ_page h2,h3,h4,h5{
 +
                font-size: 2em;
 +
            }
 +
           
 +
            html{
 +
                height:100%;
 +
                width:100%;
 +
            }
 +
           
 +
            body {
 +
                height:100%;
 +
                width:100%;
 +
                background-color: white;
 +
            }
 +
           
 +
            img{
 +
                display: block;
 +
                margin-left: auto;
 +
                margin-right: auto;
 +
                width: 80%;
 +
                height: 90%;
 +
            }
 +
           
 +
            #thx{
 +
                font-size: 2.04em !important;
 +
            }
 +
           
 +
            #content{
 +
                margin: 0 auto 0 auto;
 +
                position: relative;
 +
                margin-top: 65px;
 +
            }
 +
           
 +
            #main_logo {
 +
                width:80%;
 +
            }
 +
           
 +
            #logo {
 +
                height: 7em;
 +
                width: 15em;
 +
                float: right;
 +
            }
 +
           
 +
            #QR {
 +
                height: 7em;
 +
                width: 7em;
 +
                float: right;
 +
            }
 +
           
 +
            /* Slideshow */
 +
            body {margin:0}
 +
            .mySlides {display: none}
 +
            img {vertical-align: middle;}
  
−
<html lang="en" dir="ltr" class="client-nojs">
+
            /* Slideshow container */
−
<head>
+
            .slideshow-container {
 +
                max-width: 1000px;
 +
                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;
 +
            }
 +
 
 +
            /* 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);
 +
            }
 +
 
 +
 
 +
            /* 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}
 +
            }
 +
 
 +
            /* On smaller screens, decrease text size */
 +
            @media only screen and (max-width: 300px) {
 +
              .prev, .next,.text {font-size: 11px}
 +
            }
 +
        </style>
 +
       
 +
    </head>
 
      
 
      
−
</head>
+
    <body>
−
<body>
+
        <!--Slideshow-->
−
    <h1>This is ASTWS-China</h1>
+
        <div class="slideshow-container">
−
    <p>Howdy.</p>
+
 
 +
            <div class="mySlides fade">
 +
                <div class="numbertext">1 / 5</div>
 +
                <img src="https://static.igem.org/mediawiki/2018/5/50/T--ASTWS-China--InterLab_pic1.jpg" style="width:100%">
 +
            </div>
 +
 
 +
            <div class="mySlides fade">
 +
                <div class="numbertext">2 / 5</div>
 +
                <img src="https://static.igem.org/mediawiki/2018/e/ee/T--ASTWS-China--Interview.jpg" style="width:100%">
 +
            </div>
 +
 
 +
            <div class="mySlides fade">
 +
                <div class="numbertext">3 / 5</div>
 +
                <img src="https://static.igem.org/mediawiki/2018/b/b0/T--ASTWS-China--study.jpg" style="width:100%">
 +
            </div>
 +
 
 +
            <div class="mySlides fade">
 +
                <div class="numbertext">4 / 5</div>
 +
                <img src="https://static.igem.org/mediawiki/2018/2/2d/T--ASTWS-China--GroupPic.jpg" style="width:100%">
 +
            </div>
 +
           
 +
            <div class="mySlides fade">
 +
                <div class="numbertext">5 / 5</div>
 +
                <img src="https://static.igem.org/mediawiki/2018/f/fb/T--ASTWS-China--TeamInLab.jpg" style="width:100%">
 +
            </div>
 +
 
 +
                <a class="prev" onclick="plusSlides(-1)">&#10094;</a>
 +
                <a class="next" onclick="plusSlides(1)">&#10095;</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>
 +
        </div>
 +
       
 +
        <!--Logo-->
 +
        <div class="clear extra_space"></div>
 +
        <div class="clear extra_space"></div>
 +
        <img id="main_logo" src="https://static.igem.org/mediawiki/2018/d/df/T--ASTWS-China--Team_Logo.jpg">
 +
        <div class="clear extra_space"></div>
 +
        <div class="clear extra_space"></div>
 +
       
 +
        <!--Abstract-->
 +
        <h1>Environment-friendly Copper Ion Sense and Treatment System</h1>
 +
        <p>With the continuous development of industrialization, the negative environmental effects caused by heavy metal pollution are becoming more and more significant. Owing to easy migration and difficult biodegradation, it poses more challenges to the treatment of heavy metals in the environment, especially in soil and water. In this study, we developed an engineered E.coli-based system to sensitively detect the copper concentration in industrial waste using synthetic biological methods. Meanwhile, we are trying to introduce a new gene to effectively capture copper ions in environment. If successful, this constructed bio-system could not only detect copper ions, but also enrich heavy metal pollutants (copper), form copper deposits and then purify the environment, which is portable, low-cost and environment-friendly.</p>
 +
       
 +
       
 +
        <div class="clear extra_space"></div>
 +
        <div class="clear extra_space"></div>
 +
        <hr />
 +
        <div class="container">
 +
            <div class="padding-wrapper">
 +
                <div class="row">
 +
                    <p class="alignleft">Copyright &#169; 2018 Team:ASTWS-China All Rights Reserved.</p>
 +
                </div>
 +
                <div class="row">
 +
                    <img id="logo" src="https://static.igem.org/mediawiki/2018/d/df/T--ASTWS-China--Team_Logo.jpg">
 +
                    <img class="alignright" id="QR" src="https://static.igem.org/mediawiki/2018/0/00/T--ASTWS-China--QR_Code.jpg">
 +
                </div>
 +
            </div>
 +
        </div>
 +
       
 +
        <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>

Latest revision as of 06:07, 17 October 2018

1 / 5
2 / 5
3 / 5
4 / 5
5 / 5

Environment-friendly Copper Ion Sense and Treatment System

With the continuous development of industrialization, the negative environmental effects caused by heavy metal pollution are becoming more and more significant. Owing to easy migration and difficult biodegradation, it poses more challenges to the treatment of heavy metals in the environment, especially in soil and water. In this study, we developed an engineered E.coli-based system to sensitively detect the copper concentration in industrial waste using synthetic biological methods. Meanwhile, we are trying to introduce a new gene to effectively capture copper ions in environment. If successful, this constructed bio-system could not only detect copper ions, but also enrich heavy metal pollutants (copper), form copper deposits and then purify the environment, which is portable, low-cost and environment-friendly.

Copyright © 2018 Team:ASTWS-China All Rights Reserved.