Team:NJAU China/Background

From 2014.igem.org

(Difference between revisions)
 
(33 intermediate revisions not shown)
Line 1: Line 1:
-
<!DOCTYPE html>
 
<html lang="en">
<html lang="en">
<head>
<head>
Line 9: Line 8:
     <link rel="icon" href="../../favicon.ico">
     <link rel="icon" href="../../favicon.ico">
     <title>Home</title>
     <title>Home</title>
-
 
-
 
-
    <script src="https://2014.igem.org/Team:NJAU_China/jquery.min.js?action=raw"></script>
 
-
    <script src="https://2014.igem.org/Team:NJAU_China/bootstrap.min.js?action=raw"></script>
 
-
 
-
    <link rel="stylesheet" type="text/css"
 
-
          href="https://2014.igem.org/Team:NJAU_China/bootstrap.min.css?action=raw&amp;ctype=text/css">
 
-
    <link rel="stylesheet" type="text/css"
 
-
          href="https://2014.igem.org/Team:NJAU_China/bootstrap-theme.min.css?action=raw&amp;ctype=text/css">
 
-
 
-
    <!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
 
-
 
-
 
-
 
-
    <!-- Custom styles for this template -->
 
-
    <link href="carousel.css" rel="stylesheet">
 
     <style type="text/css">
     <style type="text/css">
 +
*{
 +
padding:0;
 +
text-decoration:none;
 +
margin:0;}
         body {
         body {
             padding-bottom: 40px;
             padding-bottom: 40px;
-
             background: #333333;
+
             background:#a2dcf3;
             color: #5a5a5a;
             color: #5a5a5a;
-
             font-size: 12px;
+
             font-size: 16px;
 +
            font-family:Andalus;
 +
        }
 +
pre{
 +
font-size:14px;
 +
font-family:Andalus;}
 +
        #myheader{
 +
            width:1366px;
 +
    height:500px;
 +
    margin:0 auto;
 +
    position:relative;
 +
    font-family:Arial, Helvetica, sans-serif;
 +
            background:#a2dcf3 url("https://static.igem.org/mediawiki/2014/3/34/Header_bg.png");
         }
         }
-
 
         #contentSub, #footer-box, #catlinks, #search-controls, #p-logo, .printfooter, .visualClear {
         #contentSub, #footer-box, #catlinks, #search-controls, #p-logo, .printfooter, .visualClear {
             display: none;
             display: none;
Line 38: Line 36:
         /*-- hides default wiki settings --*/
         /*-- hides default wiki settings --*/
-
        .firstHeading {
+
     
-
            width: 975px;
+
-
            margin: 0px auto;
+
-
            padding-top: 100px;
+
-
            margin-bottom: 20px;
+
-
            font-family: Georgia, Times, "Times New Roman", serif;
+
-
        }
+
         h1, h2, h3, h4, h5 {
         h1, h2, h3, h4, h5 {
-
             font-family: Georgia, Times, "Times New Roman", serif;
+
             font-family: Georgia, Times, "Andalus", serif;
         }
         }
Line 62: Line 54:
             margin-left: -487px;
             margin-left: -487px;
         }
         }
-
 
+
.firstHeading {
 +
            width: 975px;
 +
            margin: 0px auto;
 +
            padding-top: 100px;
 +
            margin-bottom: 20px;display:none;
 +
            font-family: Georgia, Times, "Andalus", serif;
 +
        }
         #top-section-bar {
         #top-section-bar {
             /*-- styling full width bar which hides behind default menu bar (edit, page, history, etc.) --*/
             /*-- styling full width bar which hides behind default menu bar (edit, page, history, etc.) --*/
Line 75: Line 73:
         body {
         body {
-
             background-color: #fff;
+
             background-color: #f60;
         }
         }
Line 109: Line 107:
         .container {
         .container {
-
             font-size: 14px
+
             font-size: 14px;
 +
            width:700px;
 +
            float:right;
         }
         }
Line 115: Line 115:
             color: #FFF
             color: #FFF
         }
         }
-
    </style>
+
#my_h1{position:absolute;top:70px;left:170px;border:none;}
-
    <style>
+
#my_h1 a{display:block;width:190px;height:130px;text-indent:-9999px;}
-
        #contentSub, #footer-box, #catlinks, #search-controls, #p-logo, .printfooter, .firstHeading, .visualClear {
+
#my_nav{position:absolute;top:402px;left:200px;width:990px;height:50px;}
-
            display: none;
+
#my_nav ul{width:100%;margin:0;padding:0;list-style:none;font-size:24px;}
-
         }
+
#my_nav ul li{display::inline-block;padding:9px 30px;float:left;list-style:none;position:relative;}
-
 
+
#my_nav ul li:hover{background:#e3f7ff;}#my_nav ul li a{color:#00586b;text-decoration:none;}#project{display:none;position:absolute;z-index:100;top:47px;left:0px;background:#CF6;width:100px;}#project dd{width:135px;font-size:16px;
 +
background:#c9efff;height:40px;margin:0;}#project dd a{width:100%;height:40px;display:block;text-decoration:none;text-align:center;line-height:40px;}#project dd a:hover{background:#a1dbf0;}#achievement{display:none;position:absolute;top:47px;z-index:100;left:0px;background:#CF6;width:100px;}#achievement dd{width:198px;font-size:16px;background:#c9efff;height:40px;margin:0;}#achievement dd a{width:100%;height:40px;display:block;text-decoration:none;text-align:center;line-height:40px;}#achievement dd a:hover{background:#a1dbf0;}#prctice{display:none;position:absolute;top:47px;z-index:100;left:0px;background:#CF6;width:100px;}#prctice dd{width:300px;font-size:16px;background:#c9efff;height:40px;margin:0;}#prctice dd a{width:100%;height:40px;display:block;text-decoration:none;text-align:center;line-height:40px;}#prctice dd a:hover{background:#a1dbf0;}#ackonwledgement{display:none;position:absolute;top:47px;z-index:100;left:0px;background:#CF6;width:100px;}#ackonwledgement dd{width:257px;font-size:16px;background:#c9efff;height:40px;margin:0;}#ackonwledgement dd a{width:100%;height:40px;display:block;text-decoration:none;text-align:center;line-height:40px;}#ackonwledgement dd a:hover{background:#a1dbf0;}
 +
#my_content{
 +
width:1030px;
 +
margin:0px auto;}
 +
#my_abstract{
 +
width:300px;
 +
margin:0 0 0 25px;
 +
         float:left;
 +
}
 +
#my_abstract h2{
 +
height:50px;
 +
line-height:50px;
 +
text-indent:50px;
 +
border:none;
 +
background:#999;
 +
margin:0 0 20px 0;
 +
padding:0;
 +
}
 +
#my_abstract p{
 +
text-indent:30px;
 +
height:240px;
 +
overflow-y:scroll;
 +
}
 +
#my_contents{
 +
width:1030px;
 +
position:relative;
 +
margin:0 auto;
 +
}
 +
#my_contents h1{
 +
width:90%;
 +
margin:10px auto;
 +
}
 +
#my_contents h4{
 +
width:90%;
 +
margin:10px auto;
 +
}
 +
#my_contents p{
 +
width:90%;
 +
margin:10px auto;
 +
font-size:16px;
 +
text-indent:30px;}
 +
pre{
 +
width:90%;
 +
margin:0 auto;}
         /*-- hides default wiki settings --*/
         /*-- hides default wiki settings --*/
     </style>
     </style>
 +
<script type="text/javascript">
 +
window.onload = function(){
 +
xialashow('project_li','project');
 +
xialahidden('project_li','project');
 +
xialashow('achievement_li','achievement');
 +
xialahidden('achievement_li','achievement');
 +
xialashow('prctice_li','prctice');
 +
xialahidden('prctice_li','prctice');
 +
xialashow('ackonwledgement_li','ackonwledgement');
 +
xialahidden('ackonwledgement_li','ackonwledgement');}
 +
function xialashow(li_id,dl_id){var li_id = document.getElementById(li_id);var dl_id = document.getElementById(dl_id);li_id.onmouseover = function(){dl_id.style.display = 'block';}}
 +
function xialahidden(li_id,dl_id){var li_id = document.getElementById(li_id);var dl_id = document.getElementById(dl_id);li_id.onmouseout = function(){dl_id.style.display = 'none';}}
 +
</script>
</head>
</head>
Line 129: Line 186:
================================================== -->
================================================== -->
<body>
<body>
-
<!-- header start -->
+
<div id="myheader">
-
<div class="container-fluid">
+
<h1 id="my_h1"><a href="#">IGEM</a></h1>
-
    <!-- Brand and toggle get grouped for better mobile display -->
+
     <div id="my_nav">
-
    <div class="navbar-header">
+
         <ul>
-
        <button type="button" class="navbar-toggle collapsed" data-toggle="collapse"
+
          <li><a href="https://2014.igem.org/Team:NJAU_China">Home</a></li>
-
                data-target="#bs-example-navbar-collapse-1"><span class="sr-only">Toggle navigation</span> <span
+
          <li id="project_li"><a href="#">Project</a>
-
                class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span></button>
+
                <dl id="project">
-
        <a class="navbar-brand" href="#">Brand</a></div>
+
                    <dd><a href="https://2014.igem.org/Team:NJAU_China/Background">Background</a></dd>
-
     <div class="navbar-wrapper">
+
                    <dd><a href="https://2014.igem.org/Team:NJAU_China/System Design">System Design</a></dd>
-
         <div class="navbar navbar-fixed-top navbar-inverse" role="navigation">
+
                    <dd><a href="https://2014.igem.org/Team:NJAU_China/Safety">Safety</a></dd>
-
            <div class="container">
+
                </dl>
-
                <div class="navbar-header">
+
          </li>
-
                    <button type="button" class="navbar-toggle collapsed" data-toggle="collapse"
+
          <li id="achievement_li"><a href="#">Achievement</a>
-
                            data-target=".navbar-collapse"><span class="sr-only">Toggle navigation</span> <span
+
                <dl id="achievement">
-
                            class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span>
+
                    <dd><a href="https://2014.igem.org/Team:NJAU_China/Wet Labs">Wet Lab</a></dd>
-
                    </button>
+
                    <dd><a href="https://2014.igem.org/Team:NJAU_China/Modeling">Model</a></dd>
-
                    <a href="https://2014.igem.org/Main_Page" class="navbar-brand">
+
                    <dd><a href="https://2014.igem.org/Team:NJAU_China/Protocol/Notebooks">Protocol/Notebooks</a></dd>
-
                        <img src="https://static.igem.org/mediawiki/2014/2/22/Logo2014v2.png" height="30" width="80">
+
                    <dd><a href="https://2014.igem.org/Team:NJAU_China/Biobricks">Biobricks</a></dd>
-
                    </a>
+
                </dl>
-
                    <a class="navbar-brand" href="https://2014.igem.org/Team:NJAU_China/">NJAU_China</a></div>
+
          </li>
-
                <div class="collapse navbar-collapse">
+
          <li id="prctice_li"><a href="#">Practice</a>
-
                    <ul class="nav navbar-nav">
+
                <dl id="prctice">
-
 
+
                    <dd><a href="https://2014.igem.org/Team:NJAU_China/iGEM and Synthetic Biology Exhibition">Exhibitions and Workshops</a></dd>
-
                        <li class="active"><a href="https://2014.igem.org/Team:NJAU_China" class="unselect">Home</a></li>
+
                    <dd><a href="https://2014.igem.org/Team:NJAU_China/Questionnaire Survey">Questionnaire Survey</a></dd>
-
                        <li class="dropdown"><a href="#" class="dropdown-toggle" data-toggle="dropdown">Project<span
+
                    <dd><a href="https://2014.igem.org/Team:NJAU_China/Collaboration">Collaboration</a></dd>
-
                                class="caret"></span></a>
+
                </dl>
-
                            <ul class="dropdown-menu" role="menu">
+
          </li>
-
                                <li><a href="https://2014.igem.org/Team:NJAU_China/Background">Background</a></li>
+
          <li><a href="https://2014.igem.org/Team:NJAU_China/Team">Team</a></li>
-
                                <li><a href="https://2014.igem.org/Team:NJAU_China/System Design">System Design</a></li>
+
          <li id="ackonwledgement_li"><a href="#">Acknowledgement</a>
-
                                <li><a href="https://2014.igem.org/Team:NJAU_China/Safety">Safety</a></li>
+
                <dl id="ackonwledgement">
-
                            </ul>
+
                    <dd><a href="https://2014.igem.org/Team:NJAU_China/Inside Campus">Inside Campus&Arrtibutions</a></dd>
-
                        </li>
+
                    <dd><a href="https://2014.igem.org/Team:NJAU_China/Outside Campus">Outside Campus</a></dd>
-
                        <li class="dropdown"><a href="#" class="dropdown-toggle" data-toggle="dropdown">Achievement<span
+
                </dl>
-
                                class="caret"></span></a>
+
          </li>
-
                            <ul class="dropdown-menu" role="menu">
+
      </ul>
-
<li><a href="https://2014.igem.org/Team:NJAU_China/Wet Lab">Wet Lab</a></li>
+
-
                                <li><a href="https://2014.igem.org/Team:NJAU_China/Modeling">Modeling</a></li>
+
-
<li><a href="https://2014.igem.org/Team:NJAU_China/Judging">Protocol/Notebooks</a></li>
+
-
                                <li><a href="https://2014.igem.org/Team:NJAU_China/Biobricks">Biobricks</a></li>
+
-
                               
+
-
                            </ul>
+
-
                        </li>
+
-
<li class="dropdown"><a href="#" class="dropdown-toggle" data-toggle="dropdown">Practice<span
+
-
                                class="caret"></span></a>
+
-
                            <ul class="dropdown-menu" role="menu">
+
-
                                <li><a href="https://2014.igem.org/Team:NJAU_China/Biobricks">iGEM and Synthetic Biology Exhibition</a></li>
+
-
<li><a href="https://2014.igem.org/Team:NJAU_China/Biobricks">Questionnaire Survey</a></li>
+
-
<li><a href="https://2014.igem.org/Team:NJAU_China/Biobricks">Collaboration</a></li>
+
-
                            </ul>
+
-
                        </li>
+
-
<li class="dropdown"><a href="#" class="dropdown-toggle" data-toggle="dropdown">Team<span
+
-
                                class="caret"></span></a>
+
-
<ul class="dropdown-menu" role="menu">
+
-
                                <li><a href="https://2014.igem.org/Team:NJAU_China/Biobricks">Instructors</a></li>
+
-
<li><a href="https://2014.igem.org/Team:NJAU_China/Biobricks">Advisors</a></li>
+
-
<li><a href="https://2014.igem.org/Team:NJAU_China/Biobricks">Students</a></li>
+
-
                            </ul>
+
-
</li>
+
-
<li class="dropdown"><a href="#" class="dropdown-toggle" data-toggle="dropdown">Acknowledgement<span
+
-
                                class="caret"></span></a>
+
-
<ul class="dropdown-menu" role="menu">
+
-
                                <li><a href="https://2014.igem.org/Team:NJAU_China/Biobricks">Inside Campus</a></li>
+
-
<li><a href="https://2014.igem.org/Team:NJAU_China/Biobricks">Outside Campus</a></li>
+
-
                            </ul>
+
-
</li>
+
-
                    </ul>
+
-
                </div>
+
-
                <!-- /.nav-collapse -->
+
-
            </div>
+
-
            <!-- /.container -->
+
-
        </div>
+
-
        <!-- /.navbar -->
+
-
 
+
     </div>
     </div>
</div>
</div>
-
<!-- header end -->
 
-
 
-
<header id="overview" class="jumbotron subhead" style="background:linear-gradient(45deg,#2a5caa 0px,#1d953f 100%)repeat scroll 0% 0% transparent">
 
-
 
-
    <div class="container">
 
-
        <h1 style="color: #FFFFFF">
 
-
 
-
          Background
 
-
 
-
        </h1>
 
-
        <p class="lead"></p>
 
-
    </div>
 
-
 
-
</header>
 
-
 
-
<div class="container bs-docs-container">
 
-
 
-
    <ul class="nav nav-tabs">
 
-
        <li class="active"><a href="#lA" data-toggle="tab">1</a></li>
 
-
        <li class=""><a href="#lB" data-toggle="tab">2</a></li>
 
-
 
-
    </ul>
 
-
    <div class="tab-content">
 
-
        <div class="tab-pane active" id="lA">
 
-
            <p>Fast quad-core processor up to 1.5 GHz—2x the speed and over 3x the graphics performance of previous generation Fire HD for quicker apps and smooth videos
 
-
                Beautiful 6" HD display—Crisp, vivid HD display (252 ppi / 1280x800) with over a million pixels—perfect for apps, movies, TV, games, photos, and more
 
-
                Front and rear cameras—Take photos or capture videos in 1080p HD with a rear-facing camera or Skype with a front-facing camera
 
-
                No more worrying about storage space—Get free, unlimited cloud storage for all Amazon content and photos taken with your Fire devices
 
-
                Best selection of digital content—Enjoy over 33 million movies, TV shows, songs, books, Android apps and games—including Facebook, Netflix, Minecraft, and more</p>
 
-
 
-
            <p>he Fire HD 6 goes anywhere with its pocketable design–featuring a beautiful 6" HD display, 2x faster quad-core processor, and unsurpassed reliability in its class.
 
-
                Powerful quad-core processor up to 1.5 GHz
 
-
 
-
                The new quad-core processor consists of two high-performance 1.5 GHz cores and two lower-power 1.2 GHz cores running simultaneously for optimal load balancing and power efficiency. With over 2x the speed and over 3x the graphics performance of the previous generation Fire HD, the new quad-core processor ensures faster app launch times, smooth games and videos, and better overall performance.
 
-
                Designed for portability
 
-
 
-
                Fire HD 6 is the ultimate pocket-sized tablet with a smaller profile, thinner bezel, and lighter weight design than the previous generation Fire HD.
 
-
 
-
                Beautiful 6" HD display
 
-
 
-
                Fire HD 6 features a 1280x800 high definition LCD display with over a million pixels (252 ppi) and a brighter display for vibrant colors and whiter whites. Enjoy a great viewing experience at all angles through an innovative combination of IPS (in-plane switching) technology and advanced polarizing filter. Compare to 7-inch Fire HD
 
-
                Incredible reliability
 
-
 
-
                Fire HD features a Gorilla Glass display, reliable design, and unsurpassed reliability in its class.</p>
 
-
        </div>
 
-
        <div class="tab-pane" id="lB">
 
-
            <p>Great for the whole family—Create unique profiles and set screen time limits for kids with Amazon FreeTime. Coming soon, link two Amazon accounts and share books, games, apps, and Prime Instant Video content across all devices in the household
 
-
                Stay connected and productive—Fast web browsing, email and calendar support including Gmail and Outlook. Plus, edit and view Office documents
 
-
                Try Kindle Unlimited for free—Choose from over 700,000 titles and thousands of audiobooks for $9.99/month. Try 30 days for free. Learn more
 
-
                In addition to Free Two-Day Shipping, Prime members can stream tens of thousands of Prime Instant Video titles and over a million songs with Prime Music at no additional cost. Learn more</p>
 
-
      <h3>Display  6" high definition touchscreen; 1280x800 resolution at 252 ppi, video playback up to 720p, with IPS (in-plane switching) technology and advanced polarizing filter
 
-
          Size 6.7" x 4.1" x 0.4" (169 mm x 103 mm x 10.7 mm)
 
-
          Weight  10.1 ounces (290 grams)
 
-
          Actual size and weight may vary by configuration and manufacturing process
 
-
          CPU & RAM    Quad-Core: 2 @ 1.5 Ghz + 2 @ 1.2 GHz , with 1 GB of RAM
 
-
          Storage  8 GB (4.5 GB available to user) or 16 GB (11.6 GB available to user) of internal storage
 
-
          Battery Life Up to 8 hours of reading, surfing the web on Wi-Fi, watching video, and listening to music. Battery life will vary based on device settings, usage, and other factors such as web browsing and downloading content. Actual results may vary
 
-
          Charge Time  Fully charges in under 6 hours using the micro-USB power adapter included in the box, or slightly longer with other micro-USB power adapters that you may already have
 
-
          Wi-Fi Connectivity  Single-antenna Wi-Fi. Supports public and private Wi-Fi networks or hotspots that use the 802.11b, 802.11g, or 802.11n standard with support for WEP, WPA, and WPA2 security using password authentication; does not support connecting to ad-hoc (or peer-to-peer) Wi-Fi networks
 
-
          4G Connectivity  N/A
 
-
          Ports    SlimPort enabled USB 2.0 (micro-B connector) port to connect to an HDTV or VGA monitor with an adapter or to a PC/Macintosh computer, or to charge your device with the included power adapter
 
-
          Audio    3.5 mm stereo jack and integrated speaker with Dolby Digital Plus
 
-
          Content Formats Supported    Kindle (AZW), KF8, TXT, PDF, unprotected MOBI, PRC natively, Audible Enhanced format (AAX), DOC, DOCX, JPEG, GIF, PNG, BMP, Dolby Digital (AC-3), Dolby Digital Plus (E-AC-3), non-DRM AAC, MP3, MIDI, PCM/WAVE, OGG, WAV, M4V, MP4, AAC LC/LTP, HE-AACv1, HE-AACv2, MKV, AMR-NB, AMR-WB, HTML5, CSS3, 3GP, VP8 (WEBM)
 
-
          Sensors  Accelerometer, gyroscope
 
-
          Camera Specs VGA Front-facing Camera. 2.0 MP rear-facing HD camera
 
-
          Location Services    Location-based services via Wi-Fi
 
-
          Available Colors Black, White, Cobalt, Magenta, Citron
 
-
          Additional Features  External volume controls, built-in Bluetooth with support for A2DP compatible s</h3>
 
-
            <h3>Display 6" high definition touchscreen; 1280x800 resolution at 252 ppi, video playback up to 720p, with IPS (in-plane switching) technology and advanced polarizing filter
 
-
                Size    6.7" x 4.1" x 0.4" (169 mm x 103 mm x 10.7 mm)
 
-
                Weight  10.1 ounces (290 grams)
 
-
                Actual size and weight may vary by configuration and manufacturing process
 
-
                CPU & RAM  Quad-Core: 2 @ 1.5 Ghz + 2 @ 1.2 GHz , with 1 GB of RAM
 
-
                Storage 8 GB (4.5 GB available to user) or 16 GB (11.6 GB available to user) of internal storage
 
-
                Battery Life    Up to 8 hours of reading, surfing the web on Wi-Fi, watching video, and listening to music. Battery life will vary based on device settings, usage, and other factors such as web browsing and downloading content. Actual results may vary
 
-
                Charge Time Fully charges in under 6 hours using the micro-USB power adapter included in the box, or slightly longer with other micro-USB power adapters that you may already have
 
-
                Wi-Fi Connectivity  Single-antenna Wi-Fi. Supports public and private Wi-Fi networks or hotspots that use the 802.11b, 802.11g, or 802.11n standard with support for WEP, WPA, and WPA2 security using password authentication; does not support connecting to ad-hoc (or peer-to-peer) Wi-Fi networks
 
-
                4G Connectivity N/A
 
-
                Ports  SlimPort enabled USB 2.0 (micro-B connector) port to connect to an HDTV or VGA monitor with an adapter or to a PC/Macintosh computer, or to charge your device with the included power adapter
 
-
                Audio  3.5 mm stereo jack and integrated speaker with Dolby Digital Plus
 
-
                Content Formats Supported  Kindle (AZW), KF8, TXT, PDF, unprotected MOBI, PRC natively, Audible Enhanced format (AAX), DOC, DOCX, JPEG, GIF, PNG, BMP, Dolby Digital (AC-3), Dolby Digital Plus (E-AC-3), non-DRM AAC, MP3, MIDI, PCM/WAVE, OGG, WAV, M4V, MP4, AAC LC/LTP, HE-AACv1, HE-AACv2, MKV, AMR-NB, AMR-WB, HTML5, CSS3, 3GP, VP8 (WEBM)
 
-
                Sensors Accelerometer, gyroscope
 
-
                Camera Specs    VGA Front-facing Camera. 2.0 MP rear-facing HD camera
 
-
                Location Services  Location-based services via Wi-Fi
 
-
                Available Colors    Black, White, Cobalt, Magenta, Citron
 
-
                Additional Features External volume controls, built-in Bluetooth with support for A2DP compatible s</h3>
 
-
        </div>
 
-
    </div>
 
-
 
 +
<!------------------------------------------->
 +
<div id="my_contents">
 +
<p>Copper has existed on earth since the birth of this planet, which is an essential element for creatures because of its special chemical property and function. Besides, as a critical material, it has been utilized by human for a long time as large amount of copper is mined, processed and applied to our life. However, many a "copper-made" is abandoned nowadays, which leads to the accumulation of copper ion in fresh water and other places, resulting in jeopardizing the copper cycle on earth. Once the concentration reaches a high level then it will become destructive and cannot be cleared by ecosystem itself, causing the phenomenon what we called “copper contamination”.</p>
 +
    <h1>Copper is indispensable for life.</h1>
 +
    <p>Generally, the chemical property of copper was embodied by transformation between its redox states, Cu(II)and Cu(I).The redox potential Cu(II)/Cu(I)determined copper can easily oxidized some substrates such as superoxide, phenols<sup> [1] </sup>.And that’s why several enzymes involving in some vital processes such as photosynthesis, respiration adopt copper to transfer electrons. Moreover some arthropods and molluscs even utilizes a kind of copper protein, hemocyanin, to deliver deoxygen instead of known hemoglobin.</p>
 +
    <h1>The copper contamination.</h1>
 +
    <p>Today, from a spoon to a skyscraper, the uses of copper is extending everywhere. For meeting the increasing demand of copper in the world, the massive copper ores are mined every year [Figure 2.1.1].</p>
 +
    <div style="text-align:center"><img src="https://static.igem.org/mediawiki/2014/2/25/FH1.png" /></div>
 +
    <p>And most copper is mined as copper sulfides such as chalcopyrite.Those type of mines are more likely to produce acid mine drainage (AMD) which refers to the outflow of acidic water from metal mines or coal mines [Figure 2.1.2].</p>
 +
<div style="text-align:center"><img src="https://static.igem.org/mediawiki/2014/3/34/F2.png" /></div>
 +
    <p>The specific process of generating AMD includes three chemical reactions:</p>
 +
    <p>The oxidization of pyrite which is iron-sulfide is primary contributor to AMD, the major process is:</p>
 +
    <p>2FeS<sub>2</sub>(s) + 7O<sub>2</sub>(g) + 2H<sub>2</sub>O(l) = 2Fe<sup>2+</sup>(aq) + 4SO<sub>4</sub><sup>2−</sup>(aq) + 4H<sup>+</sup>(aq)</p>
 +
    <p>The ferrous iron (II) generated from oxidization of pyrite is oxidized to ferric iron(III).<p>
 +
    <p>4Fe<sup>2+</sup> (aq) + O<sub>2</sub> (g) + 4H<sup>+</sup> (aq) = 4Fe<sup>3+</sup>(aq) + 2H<sub>2</sub>O(l)</p>
 +
    <p>And another process happens simultaneously with oxidization of pyrite and need to be catalyzed by microbes.</p>
 +
    <p>FeS<sub>2</sub> (s) + 14Fe<sup>3+</sup> (aq) + 8H<sub>2</sub>O(l) = 15Fe<sup>2+</sup> (aq) + 2 SO<sub>4</sub><sup>2−</sup> (aq) + 16H<sup>+</sup> (aq)</p>
 +
    <p>Those reactions jointly lower the PH of water and produce soluble ferric iron(III),and finally the acid mine drainage emerges [Figure 2.1.3].</p>
 +
    <div style="text-align:center"><img src="https://static.igem.org/mediawiki/2014/9/96/F3.png" /></div>
 +
    <p>Associating with water and air, the metal mines where the ore is sulfide mineral or comprises pyrite can easily produce the highly acidic effusion. Usually the predominant metal ion isn’t iron but copper, zinc. The most common ore mined is chalcopyrite which is a copper-iron-sulfide and occurs with a range of other sulfides. Thus, copper mines are primary crime of AMD.</p>
 +
    <h1>Copper tolerance of <i>E.coli</i>.</h1>
 +
    <p>Massive mining and extensive using of copper results in serious contamination to environment, and then copper contamination threaten the balance of the whole ecosystem. Even the low concentration of copper is toxic to the organism  <a href="https://2014.igem.org/Team:NJAU_China/Wet_Labs"><b>(Look at our algae experiment.)</b></a></td></p>
 +
    <p>But there is an exception, <i>Escherichia coli</i> ,which has several sophisticated and powerful systems to maintain the copper homeostasis so it can survive in skyhigh concentration <a href="https://2014.igem.org/Team:NJAU_China/Wet_Labs"><b>(Look at our MIC(minimum inhibitory concentration, MIC)experiment)</b></a></td>. Basing on this characteristic of <i>E.coli</i>, we start to design an bio-machine to solve the problem of copper contamination effectively.</p>
 +
    <h3>Refrences:</h3>
 +
    <p>[1] Rensing, C., & Grass, G. (2003). Escherichia coli mechanisms of copper homeostasis in a changing environment. FEMS microbiology reviews,27(2‐3), 197-213.</p>
 +
    <p>All Pictures come from Wikipedia.</p>
</div>
</div>
-
 
-
 
-
 
-
<!-- FOOTER -->
 
-
<div class="container">
 
-
<footer>
 
-
    <p class="pull-right"><a href="#">Back to top</a></p>
 
-
 
-
    <p>&copy; NJAU@2014 iGEM. &middot; </p>
 
-
</footer>
 
-
</div>
 
-
<!-- /.container -->
 
-
 
-
<!-- Bootstrap core JavaScript
 
-
    ================================================== -->
 
-
<!-- Placed at the end of the document so the pages load faster -->
 
</body>
</body>
</html>
</html>

Latest revision as of 23:07, 17 October 2014

Home

Copper has existed on earth since the birth of this planet, which is an essential element for creatures because of its special chemical property and function. Besides, as a critical material, it has been utilized by human for a long time as large amount of copper is mined, processed and applied to our life. However, many a "copper-made" is abandoned nowadays, which leads to the accumulation of copper ion in fresh water and other places, resulting in jeopardizing the copper cycle on earth. Once the concentration reaches a high level then it will become destructive and cannot be cleared by ecosystem itself, causing the phenomenon what we called “copper contamination”.

Copper is indispensable for life.

Generally, the chemical property of copper was embodied by transformation between its redox states, Cu(II)and Cu(I).The redox potential Cu(II)/Cu(I)determined copper can easily oxidized some substrates such as superoxide, phenols [1] .And that’s why several enzymes involving in some vital processes such as photosynthesis, respiration adopt copper to transfer electrons. Moreover some arthropods and molluscs even utilizes a kind of copper protein, hemocyanin, to deliver deoxygen instead of known hemoglobin.

The copper contamination.

Today, from a spoon to a skyscraper, the uses of copper is extending everywhere. For meeting the increasing demand of copper in the world, the massive copper ores are mined every year [Figure 2.1.1].

And most copper is mined as copper sulfides such as chalcopyrite.Those type of mines are more likely to produce acid mine drainage (AMD) which refers to the outflow of acidic water from metal mines or coal mines [Figure 2.1.2].

The specific process of generating AMD includes three chemical reactions:

The oxidization of pyrite which is iron-sulfide is primary contributor to AMD, the major process is:

2FeS2(s) + 7O2(g) + 2H2O(l) = 2Fe2+(aq) + 4SO42−(aq) + 4H+(aq)

The ferrous iron (II) generated from oxidization of pyrite is oxidized to ferric iron(III).

4Fe2+ (aq) + O2 (g) + 4H+ (aq) = 4Fe3+(aq) + 2H2O(l)

And another process happens simultaneously with oxidization of pyrite and need to be catalyzed by microbes.

FeS2 (s) + 14Fe3+ (aq) + 8H2O(l) = 15Fe2+ (aq) + 2 SO42− (aq) + 16H+ (aq)

Those reactions jointly lower the PH of water and produce soluble ferric iron(III),and finally the acid mine drainage emerges [Figure 2.1.3].

Associating with water and air, the metal mines where the ore is sulfide mineral or comprises pyrite can easily produce the highly acidic effusion. Usually the predominant metal ion isn’t iron but copper, zinc. The most common ore mined is chalcopyrite which is a copper-iron-sulfide and occurs with a range of other sulfides. Thus, copper mines are primary crime of AMD.

Copper tolerance of E.coli.

Massive mining and extensive using of copper results in serious contamination to environment, and then copper contamination threaten the balance of the whole ecosystem. Even the low concentration of copper is toxic to the organism (Look at our algae experiment.)

But there is an exception, Escherichia coli ,which has several sophisticated and powerful systems to maintain the copper homeostasis so it can survive in skyhigh concentration (Look at our MIC(minimum inhibitory concentration, MIC)experiment). Basing on this characteristic of E.coli, we start to design an bio-machine to solve the problem of copper contamination effectively.

Refrences:

[1] Rensing, C., & Grass, G. (2003). Escherichia coli mechanisms of copper homeostasis in a changing environment. FEMS microbiology reviews,27(2‐3), 197-213.

All Pictures come from Wikipedia.