Difference between revisions of "Team:HUST-China/Description"
| Line 6: | Line 6: | ||
<meta name="description" content="" /> | <meta name="description" content="" /> | ||
<meta name="author" content="http://webthemez.com" /> | <meta name="author" content="http://webthemez.com" /> | ||
| + | <link rel="stylesheet" href="http://cdn.staticfile.org/twitter-bootstrap/3.3.7/css/bootstrap.min.css"> | ||
| + | <script src="http://cdn.staticfile.org/jquery/2.1.1/jquery.min.js"></script> | ||
| + | <script src="http://cdn.staticfile.org/twitter-bootstrap/3.3.7/js/bootstrap.min.js"></script> | ||
<!-- css --> | <!-- css --> | ||
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet"> | <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet"> | ||
| Line 18: | Line 21: | ||
<link href="https://2018.igem.org/Team:HUST-China/css/animate?action=raw&ctype=text/css" rel="stylesheet" /> | <link href="https://2018.igem.org/Team:HUST-China/css/animate?action=raw&ctype=text/css" rel="stylesheet" /> | ||
| − | <!--<link href="https://2018.igem.org/Team:HUST-China/css/ | + | <link href="https://2018.igem.org/Team:HUST-China/css/style?action=raw&ctype=text/css" rel="stylesheet" /> |
| + | <link href="https://2018.igem.org/Team:HUST-China/css/main?action=raw&ctype=text/css" rel="stylesheet" /> | ||
| + | <!-- Vendor Styles --> | ||
| + | <link href="https://2018.igem.org/Team:HUST-China/css/magnific-popup?action=raw&ctype=text/css" rel="stylesheet"> | ||
| + | <!-- Block Styles --> | ||
| + | <link href="https://2018.igem.org/Team:HUST-China/css/gallery-1?action=raw&ctype=text/css" rel="stylesheet"> | ||
| + | <!--slider--> | ||
| + | <link rel="stylesheet" href="https://2018.igem.org/Team:HUST-China/css/menu-slider?action=raw&ctype=text/css" type="text/css" /> | ||
<style type="text/css"> | <style type="text/css"> | ||
| − | + | .red-content{ | |
| − | + | color:#ff0057; | |
| − | + | ||
| − | - | + | |
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | color: # | + | |
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
font-weight: bold; | font-weight: bold; | ||
} | } | ||
| − | + | .content{ | |
| − | + | padding-top:30px; | |
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | padding | + | |
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
font-weight: 600; | font-weight: 600; | ||
| − | |||
} | } | ||
| − | + | .content-text{ | |
| − | + | margin: 8px 0; | |
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | margin | + | |
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
} | } | ||
| − | + | th{ | |
| − | + | text-align:center; | |
| − | + | font-size:14px; | |
| − | + | font-weight: 800; | |
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
} | } | ||
| − | + | td | |
| − | + | { | |
| − | + | text-align:center; | |
| − | + | font-size:14px; | |
| − | + | font-weight: 500; | |
| − | + | ||
| − | + | ||
| − | + | ||
} | } | ||
| − | + | </style> | |
| − | + | <style type="text/css"> | |
| − | + | .jR3DCarouselGallery,.jR3DCarouselGalleryCustomeTemplate { | |
| − | . | + | margin: 0 auto; /* optional - if want to center align */ |
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
} | } | ||
| − | + | </style> | |
| − | + | <style> | |
| − | + | .jR3DCarouselGalleryCustomeTemplate .captions{ | |
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | / | + | |
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | . | + | |
position: relative; | position: relative; | ||
| − | + | padding: 4px 0; | |
| + | bottom: 27px; | ||
| + | background: #eeeeee; | ||
| + | display:block | ||
} | } | ||
| − | + | .jR3DCarouselGalleryCustomeTemplate a{ | |
| − | + | text-decoration: none; | |
| − | . | + | |
| − | + | ||
| − | + | ||
| − | + | ||
} | } | ||
| + | </style> | ||
| − | + | <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jquery/1.8.0/jquery-1.8.0.min.js"></script> | |
| − | + | <script src="https://2018.igem.org/Team:HUST-China/js/jquery?action=raw&ctype=text/javascript"></script> | |
| − | + | <script src="https://2018.igem.org/Team:HUST-China/js/jR3DCarousel-min?action=raw&ctype=text/javascript"></script> | |
| − | + | <!-- <script type="text/javascript" src="src/jR3DCarousel.js"></script> --> | |
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | . | + | |
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | / | + | |
| − | . | + | |
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | . | + | |
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | . | + | |
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | / | + | |
| − | . | + | |
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | . | + | |
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | / | + | |
| − | + | ||
| − | + | ||
| − | . | + | |
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | / | + | |
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| + | <script type="text/javascript"> | ||
| + | $(document).ready(function(){ | ||
| + | var slideImages = [ {src: '../jRCarousel/images/01.jpg'}, | ||
| + | {src: '../jRCarousel/images/02.jpg'}, | ||
| + | {src: '../jRCarousel/images/03.jpg'}, | ||
| + | {src: '../jRCarousel/images/04.jpg'}, | ||
| + | {src: '../jRCarousel/images/05.jpg'} ] | ||
| + | //var jR3DCarousel; | ||
| − | + | jR3DCarousel = $('.jR3DCarouselGallery').jR3DCarousel({ | |
| − | + | width: 550, /* largest allowed width */ | |
| − | + | height: 320, /* largest allowed height */ | |
| − | + | slides: slideImages /* array of images source */ | |
| − | + | }); | |
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | } | + | |
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | var carouselCustomeTemplateProps = { | |
| − | /* | + | width: 550, /* largest allowed width */ |
| − | + | height: 320, /* largest allowed height */ | |
| − | + | slideLayout : 'fill', /* "contain" (fit according to aspect ratio), "fill" (stretches object to fill) and "cover" (overflows box but maintains ratio) */ | |
| − | + | animation: 'slide3D', /* slide | scroll | fade | zoomInSlide | zoomInScroll */ | |
| − | + | animationCurve: 'ease', | |
| − | + | animationDuration: 1900, | |
| − | + | animationInterval: 2000, | |
| − | + | slideClass: 'jR3DCarouselCustomSlide', | |
| − | + | autoplay: false, | |
| − | + | controls: true, /* control buttons */ | |
| − | + | navigation: '' /* circles | squares | '' */, | |
| − | + | perspective: 2200, | |
| − | + | rotationDirection: 'ltr', | |
| − | + | onSlideShow: slideShownCallback | |
| − | + | ||
| − | + | } | |
| − | + | function slideShownCallback($slide){ | |
| − | + | console.log("Slide shown: ", $slide.find('img').attr('src')) | |
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | } | + | |
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | . | + | |
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
} | } | ||
| − | + | jR3DCarouselCustomeTemplate = $('.jR3DCarouselGalleryCustomeTemplate').jR3DCarousel(carouselCustomeTemplateProps); | |
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | }) | |
| − | + | </script> | |
| − | + | ||
| − | } | + | |
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
<!-- HTML5 shim, for IE6-8 support of HTML5 elements --> | <!-- HTML5 shim, for IE6-8 support of HTML5 elements --> | ||
| Line 2,238: | Line 122: | ||
<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script> | <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script> | ||
<![endif]--> | <![endif]--> | ||
| − | |||
| − | |||
| − | |||
</head> | </head> | ||
<body> | <body> | ||
| Line 2,255: | Line 136: | ||
</button> | </button> | ||
<a class="navbar-brand" href="https://2018.igem.org/Team:HUST-China"> | <a class="navbar-brand" href="https://2018.igem.org/Team:HUST-China"> | ||
| − | + | <img style="height: 50px; width:auto;margin-top:-10px; padding:0;" src="https://static.igem.org/mediawiki/2018/c/cb/T--HUST-China--2018-menu-logo-white.png"></a> | |
| − | <img style="height: | + | <a class="navbar-brand" href="https://2018.igem.org"> |
| − | <img style="height: | + | <img style="height: 60px; width:auto; padding:0;margin-top: -13px;" src=" https://static.igem.org/mediawiki/2018/f/f0/T--UC_Davis--igemLogo.jpg"></a> |
</div> | </div> | ||
<div class="navbar-collapse collapse "> | <div class="navbar-collapse collapse "> | ||
| Line 2,264: | Line 145: | ||
<li class="dropdown"> | <li class="dropdown"> | ||
<a href="#" data-toggle="dropdown" class="dropdown-toggle waves-effect waves-dark">PROJECT<b class="caret"></b></a> | <a href="#" data-toggle="dropdown" class="dropdown-toggle waves-effect waves-dark">PROJECT<b class="caret"></b></a> | ||
| − | + | <ul class="dropdown-menu"> | |
<li><a class="waves-effect waves-dark" href="https://2018.igem.org/Team:HUST-China/project/background">Background</a></li> | <li><a class="waves-effect waves-dark" href="https://2018.igem.org/Team:HUST-China/project/background">Background</a></li> | ||
<li><a class="waves-effect waves-dark" href="https://2018.igem.org/Team:HUST-China/Description">Description</a></li> | <li><a class="waves-effect waves-dark" href="https://2018.igem.org/Team:HUST-China/Description">Description</a></li> | ||
| Line 2,279: | Line 160: | ||
<li><a class="waves-effect waves-dark" href="https://2018.igem.org/Team:HUST-China/wetlab/protocols">Protocols</a></li> | <li><a class="waves-effect waves-dark" href="https://2018.igem.org/Team:HUST-China/wetlab/protocols">Protocols</a></li> | ||
<li><a class="waves-effect waves-dark" href="https://2018.igem.org/Team:HUST-China/InterLab">Interlab</a></li> | <li><a class="waves-effect waves-dark" href="https://2018.igem.org/Team:HUST-China/InterLab">Interlab</a></li> | ||
| − | |||
<li><a class="waves-effect waves-dark" href="https://2018.igem.org/Team:HUST-China/Notebook">Notebook</a></li> | <li><a class="waves-effect waves-dark" href="https://2018.igem.org/Team:HUST-China/Notebook">Notebook</a></li> | ||
</ul> | </ul> | ||
| Line 2,290: | Line 170: | ||
<li><a class="waves-effect waves-dark" href="https://2018.igem.org/Team:HUST-China/Comparison between PSB">Comparison between PSB</a></li> | <li><a class="waves-effect waves-dark" href="https://2018.igem.org/Team:HUST-China/Comparison between PSB">Comparison between PSB</a></li> | ||
<li><a class="waves-effect waves-dark" href="https://2018.igem.org/Team:HUST-China/Sort of three genes">Sort of three genes</a></li> | <li><a class="waves-effect waves-dark" href="https://2018.igem.org/Team:HUST-China/Sort of three genes">Sort of three genes</a></li> | ||
| − | <li><a class="waves-effect waves-dark" href="https://2018.igem.org/Team:HUST-China/ | + | <li><a class="waves-effect waves-dark" href="https://2018.igem.org/Team:HUST-China/Software">Intelligent device software</a></li> |
</ul> | </ul> | ||
</li> | </li> | ||
| Line 2,299: | Line 179: | ||
<ul class="dropdown-menu"> | <ul class="dropdown-menu"> | ||
<li><a class="waves-effect waves-dark" href="https://2018.igem.org/Team:HUST-China/Parts Overview">Parts Overview</a></li> | <li><a class="waves-effect waves-dark" href="https://2018.igem.org/Team:HUST-China/Parts Overview">Parts Overview</a></li> | ||
| − | |||
<li><a class="waves-effect waves-dark" href="https://2018.igem.org/Team:HUST-China/Composite part">Composite part</a></li> | <li><a class="waves-effect waves-dark" href="https://2018.igem.org/Team:HUST-China/Composite part">Composite part</a></li> | ||
<li><a class="waves-effect waves-dark" href="https://2018.igem.org/Team:HUST-China/Part collection">Part collection</a></li> | <li><a class="waves-effect waves-dark" href="https://2018.igem.org/Team:HUST-China/Part collection">Part collection</a></li> | ||
| Line 2,307: | Line 186: | ||
<a href="#" data-toggle="dropdown" class="dropdown-toggle waves-effect waves-dark">HP<b class="caret"></b></a> | <a href="#" data-toggle="dropdown" class="dropdown-toggle waves-effect waves-dark">HP<b class="caret"></b></a> | ||
<ul class="dropdown-menu"> | <ul class="dropdown-menu"> | ||
| − | <li><a class="waves-effect waves-dark" href="https://2018.igem.org/Team:HUST-China/ | + | <li><a class="waves-effect waves-dark" href="https://2018.igem.org/Team:HUST-China/Collaborations">Human Practices</a></li> |
<li><a class="waves-effect waves-dark" href="https://2018.igem.org/Team:HUST-China/Education Engagement">Education&Engagement</a></li> | <li><a class="waves-effect waves-dark" href="https://2018.igem.org/Team:HUST-China/Education Engagement">Education&Engagement</a></li> | ||
</ul> | </ul> | ||
| Line 2,330: | Line 209: | ||
</section> | </section> | ||
--> | --> | ||
| − | + | <section id="inner-headline"> | |
| − | + | <div class="container"> | |
| − | + | <div class="row"> | |
| − | + | <div class="col-lg-12"> | |
| − | + | <h2 class="pageTitle">Description</h2> | |
| − | + | ||
| + | </div> | ||
| + | </div> | ||
| + | </div> | ||
| + | </section> | ||
| + | |||
| + | <section class="content"> | ||
| + | <div class="container"> | ||
| + | <div class="row"> | ||
| + | <div class="col-md-12 content-text"> | ||
| + | <div class="about-logo"> | ||
| + | <p style="font-size:16px; line-height: 25px;letter-spacing:1px; text-indent:0px;"> | ||
| + | To convert optical energy into electric energy in a clean and sustainable way, Optopia is designed as a photovoltaic system consisting of photosynthetic microorganism (Rhodopseudomonas palustris) and electrogenic microorganism (Shewanella oneidensis). Synthetic biology strategies are applied to the system to trigger production and export of lactate in Rhodopseudomonas palustris, as well as to improve efficiency of lactate utilization and extracellular electron generation in Shewanella oneidensis. Compared to Cyanobacteria, also a kind of photosynthetic microorganism but generating oxygen in photosynthesis, Rhodopseudomonas palustris serves as a better carbon resource provider for Shewanella oneidensis, not only because of its anaerobic photosynthesis maintaining an anaerobic environment required for extracellular electron generation in Shewanella oneidensis, but also due to its capacity of reusing the waste from Shewanella oneidensis. Hence, functioning as a compatible and mutually beneficial optical MFC (Microbial Fuel Cell), Optopia creates a novel and optimized approach to utilize clean resources through optical-electric conversion. | ||
| + | </p> | ||
| + | <div class="row"> | ||
| + | </div> | ||
| + | |||
| + | |||
| + | <h3><strong>Part1: <span class="red-content">Photosynthetic microorganism system</span></strong></h3> | ||
</div> | </div> | ||
| − | |||
</div> | </div> | ||
| − | + | </div> | |
| − | + | <div class="row"> | |
| − | + | <div class="col-md-12 info-blocks"> | |
| − | + | <i class="icon-info-blocks material-icons"><img class="img-responsive" src="https://static.igem.org/mediawiki/2018/8/8d/T--HUST-China--2018-lanzao01.png"></i> | |
| − | + | <div class="info-blocks-in" style="background-color: #ffffff; border: 1px solid #eeeeee;border-radius:5px;"> | |
| − | + | <h3>1.Cyanobacteria (Synechocystis) </h3> | |
| − | + | <p>Cyanobacteria are often chosen as engineering microorganism to convert optical energy into chemical energy. In our project, we chose Synechocystis PCC6803 for optical energy conversion. Cyanobacteria produce lactate for the electricity production of Shewanella. However, cyanobacteria itself lacks a pathway for producing lactate, and as a photoautotrophic microorganism, cyanobacteria lacks a lactate transporter to transport lactate out of the cell[1]. Therefore, we have designed two strategies to modify cyanobacteria.</p> | |
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | <div class="row"> | |
| − | + | </div> | |
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| + | <div class="col-md-12"> | ||
| + | <p>Strategy 1:</p> | ||
| + | <p>The lactate dehydrogenase gene and the lactate transporter gene are combined in one circuit to achieve lactate production and transportation. For lactate dehydrogenase gene, we chose ldhD, and ldhDc is a codon-optimized version of ldhD, ldhDnARSdR is ldhD with D176A/I177R/F178S/N180R, and ldhDARSdR is the codon-optimized version of ldhDnARSdR. These codon optimizations are aim at increasing the production of lactate. The lldP protein gene is used to transport the lactate out of the cell. The lldP protein has 12 transmembrane alpha-helical segments and generally lack cleaved signal sequences and the lldP protein cotransports lactate with a proton[1]. At the same time, in order to detect the expression of these two genes, we add the Flag and 6 × His sequences respectively after the two.</p> | ||
| + | |||
| + | </div> | ||
| − | + | <div class="col-md-12"> | |
| − | + | <p>Strategy 2:</p> | |
| − | + | <p>In response to the preference for NADPH in the metabolism of cyanobacteria, transhydrogenase gene is used to achieve the goal of producing more NADPH, and the glycerol dehydrogenase gene is used to increase the lactate production. For transhydrogenase gene, we use TH gene, and gldA gene for glycerol dehydrogenase. The lldP protein gene is also used to transport the lactate out of the cell. And the same as strategy 1, the Flag and 6 × His sequences are used to detect the expression of the two genes.</p> | |
| − | + | ||
| + | </div> | ||
| + | <div class="col-md-7 col-md-offset-2" > <img class="img-responsive" src="https://static.igem.org/mediawiki/2018/9/94/T--HUST-China--2018-description-picture1.png.png"></div> | ||
| + | <div class="col-md-11"> | ||
| + | <p style="font-size: 5px;"align="center">Figure 1. Circuits of cyanobacteria</p> | ||
| + | </div> | ||
| + | <div class="col-md-12"> | ||
| + | |||
| + | <p>After successfully constructing these gene circuits, the shuttle plasmid PCK306 is used to transform the genes into cyanobacteria, and the yellow fluorescent protein gene on the PCK306 plasmid is used to detect the transformation.</p> | ||
| + | |||
| + | </div> | ||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | + | <div class="col-md-12"> | |
| − | + | <h3>2.Rhodopseudomonas palustris</h3> | |
| − | + | <p>Rhodopseudomonas palustris is a kind of Purple Non-sulfur Bacteria. Under anaerobic conditions, Rhodopseudomonas palustris can utilize hydrogen, sodium thiosulfate, hydrogen sulfide as electron donors for photoautotrophic growth. Furthermore, it can also have heterotrophic growth under microaerobic to aerobic conditions [2]. In addition, Rhodopseudomonas palustris is widely used in sewage treatment, environmentally friendly, easily accessible [3]. Since it is capable of maintaining an anaerobic environment and reusing the acetate generated by Shewanella, Rhodopseudomonas palustris may be a better carbon source provider for Shewanella compared with cyanobacteria. | |
| − | + | ||
| − | + | Therefore, we decided to modify Rhodopseudomonas palustris so that it could produce lactate under the anaerobic condition and export it out of the cell. According to KEGG database [4], metabolic pathways, which are related to lactate metabolism in Rhodopseudomonas palustris, are as follows: .</p></div> | |
| − | + | <div class="col-md-7 col-md-offset-2" > <img class="img-responsive" src="https://static.igem.org/mediawiki/2018/6/60/T--HUST-China--2018-description-picture2.png.png"></div> | |
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | <div class="col-md-12"> | |
| − | + | ||
| − | + | <p>To enhance the production of lactate in Rhodopseudomonas palustris, we plan to promote the conversion efficiency of pyruvate to D-lactate and malate to L-lactate. Therefore, we decide to transfer these two genes, mleS [5] and ldhA, [6] into Rhodopseudomonas palustris to generate more lactate intracelluarly. Considering the necessity of transporting lactate out of the cells, we also apply the gene lldP [7] encoding lactate permease. | |
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | Since the order of these three genes in a polycistronic lead to different expression levels [8], we build a model to optimize the gene order to maximize the gene expression. Also, we use codon optimized tool Jcat [9] to optimize the codons of these genes.</p> | |
| − | + | </div> | |
| − | + | <div class="col-md-7 col-md-offset-2" > <img class="img-responsive" src="https://static.igem.org/mediawiki/2018/0/00/T--HUST-China--2018-description-picture3.png.png"></div> | |
| − | + | ||
| − | </div> | + | |
| − | <div class="col-md- | + | <div class="col-md-12"> |
| − | + | ||
| − | + | <p>mleS：malate dehydrogenase, the conversion of malic acid to L-lactate. | |
| − | + | </p> | |
| − | + | <p>ldhA：fermentative D-lactate dehydrogenase, NAD-dependent, convert pyruvate to D-lactate.</p> | |
| − | + | <p>lldP：L-lactate permease, the lactate is transported out of the cell.</p> | |
| − | + | <p>To validate our modeling results, we continue to build three different gene circuits which can determine the highest lactate production efficiency of our total circuit:</p> | |
| + | </div> | ||
| + | <div class="col-md-7 col-md-offset-2" > <img class="img-responsive" src="https://static.igem.org/mediawiki/2018/0/0d/T--HUST-China--2018-description-picture4.png.png"></div> | ||
| + | |||
| + | <div class="col-md-7 col-md-offset-2" > <img class="img-responsive" src="https://static.igem.org/mediawiki/2018/6/63/T--HUST-China--2018-description-picture5.png.png"></div> | ||
| + | <div class="col-md-7 col-md-offset-2" > <img class="img-responsive" src="https://static.igem.org/mediawiki/2018/8/88/T--HUST-China--2018-description-picture6.png.png"></div> | ||
| + | </div> | ||
</div> | </div> | ||
| + | </div> | ||
| + | <div class="container"> | ||
| + | <div class="row"> | ||
| + | <div class="col-md-12 content-text"> | ||
| + | <div class="about-logo"> | ||
| + | |||
| + | |||
| + | |||
| + | <h3><strong>Part2: <span class="red-content">Electrogenic microorganism system</span></strong></h3> | ||
| + | </div> | ||
</div> | </div> | ||
| − | |||
| − | |||
</div> | </div> | ||
| − | + | <div class="row"> | |
| − | + | <div class="col-md-12 info-blocks"> | |
| − | + | <i class="icon-info-blocks material-icons"><img class="img-responsive" src="https://static.igem.org/mediawiki/2018/6/63/T--HUST-China--2018-zhaozehong01.png"></i> | |
| + | <div class="info-blocks-in" style="background-color: #ffffff; border: 1px solid #eeeeee;border-radius:5px;"> | ||
| + | <h3>1. Shewanella oneidensis</h3> | ||
| + | <p>Shewanella oneidensis is becoming more and more popular these years as it could transfer electron to the electrode and generate electricity. This fascinating power mainly attributes to a number of conductive c-type cytochromes (c-Cyts) including OmcA-MtrCAB and CymA. CymA could conduct electrons to the MtrCAB complex. Then, the bacteria would use its extension or vesicles of the outer membrane and periplasm to transfer outer membrane c-type cytochromes.</p> | ||
| + | <div class="col-md-6 col-md-offset-2" style="text-align: center;"> | ||
| + | <img class="img-responsive" src="https://static.igem.org/mediawiki/2018/f/f0/T--HUST-China--2018-description-picture7.png.png"> | ||
| + | </div> | ||
| + | |||
| + | <div class="col-md-12"> | ||
| + | |||
| + | <p>The amount of electricity produced by Shewanella is closely related to the bacteria’s metabolism. </p> | ||
| + | <p>①. Glycolysis: Glycolysis is the metabolic pathway that converts glucose C6H12O6 into pyruvate. As glyceraldehyde-3-phosphate turns into 1,3-Bisphosphoglycerate, NADH is generated, which would be used to transfer electron. </p> | ||
| + | <p>②. TCA cycle: TCA cycle is a series of chemical reactions happened in mitochondrion. The reactions of the cycle are carried out by eight enzymes and three of them including malate dehydrogenase could help to produce NADH. </p> | ||
| + | <p>③. Pyruvate fermentation: Pyruvate fermentation is a common metabolic pathway in bacteria. Several steps of pyruvate fermentation could also produce NADH and the related enzymes are pyruvate formate-lyase, lactate dehydrogenase and formate dehydrogenase.</p> | ||
| + | |||
| + | |||
| + | </div> | ||
| + | <div class="col-md-6 col-md-offset-2" style="text-align: center;"> | ||
| + | <img class="img-responsive" src="https://static.igem.org/mediawiki/2018/9/97/T--HUST-China--2018-description-picture8.png.png"> | ||
| + | </div> | ||
| + | <div class="col-md-12"> | ||
| + | |||
| + | <p>Shewanella oneidensis MR-1 prefers to use lactate as its carbon source since the amount of lactate-based biomass is more than acetate-based biomass or pyruvate-based biomass. Dld and lldEFG are D- and L-lactate dehydrogenase enzymes, which is the first step of utilizing lactate. To make the use of lactate more efficiently, we overexpress four genes: dld, lldE, lldF, lldG.[10]</p> | ||
| + | <p>①. dld: dld refers to FAD-dependent D-lactate dehydrogenase which could catalyze D-lactate’s transformation into pyruvate. </p> | ||
| + | <p>②. lldEFG: They could encode a L-lactate dehydrogenase complex which could catalyze D-lactate’s transformation into pyruvate. </p> | ||
| + | <p>To ensure that the genes would be expressed efficiently, we add a promoter before lldEFG:</p> | ||
| + | |||
| + | |||
| + | </div> | ||
| + | <div class="col-md-6 col-md-offset-2" style="text-align: center;"> | ||
| + | <img class="img-responsive" src="https://static.igem.org/mediawiki/2018/e/e5/T--HUST-China--2018-description-picture9.png.png"> | ||
| + | </div> | ||
| + | <div class="col-md-12"> | ||
| + | |||
| + | <p>NADH is a significant part of extracellular electron transfer(EET) as it could carry electron. Strenghthening the regeneration of NADH would make EET more efficiently.</p> | ||
| + | <p>To achieve this goal, we overexpress these four genes: gapA2, mdh, pflB, fdh. [11] </p> | ||
| + | <p>①. gapA: It encodes glyceraldehyde-3-phosphate dehydrogenase which could transform 3- phosphoglyceraldehyde into 1,3- diphosphoglycerate. </p> | ||
| + | <p>②. mdh: It encodes NAD dependent malate dehydrogenase which transforms malate into pyruvate</p> | ||
| + | <p>③. pflB: It encodes pyruvate formate-lyase to transform pyruvate into Acetyl-CoA.</p> | ||
| + | <p>④. fdh: It encodes formate dehydrogenase to transform formate into CO2..</p> | ||
| + | <p>Also, to ensure that the genes would be expressed efficiently, we add an promoter before pflB and fdh:</p> | ||
| + | </div> | ||
| + | <div class="col-md-6 col-md-offset-2" style="text-align: center;"> | ||
| + | <img class="img-responsive" src="https://static.igem.org/mediawiki/2018/a/a0/T--HUST-China--2018-description-picture10.png.png"> | ||
| + | </div> | ||
| + | |||
| + | |||
</div> | </div> | ||
</div> | </div> | ||
| − | + | </div> | |
| − | + | ||
| − | + | ||
| − | + | <div class="row"> | |
| − | + | <div class="col-md-12 content-text"> | |
| − | + | <div class="about-logo"> | |
| − | + | ||
| + | |||
| + | |||
| + | <h3><strong>Part3: <span class="red-content">Whole design</span></strong></h3> | ||
| + | </div> | ||
</div> | </div> | ||
| − | |||
| − | |||
</div> | </div> | ||
| − | + | <div class="row"> | |
| − | + | <div class="col-md-12 info-blocks"> | |
| − | + | <i class="icon-info-blocks material-icons"><img class="img-responsive" src="https://static.igem.org/mediawiki/2018/6/63/T--HUST-China--2018-zhaozehong01.png"></i> | |
| + | <div class="info-blocks-in" style="background-color: #ffffff; border: 1px solid #eeeeee;border-radius:5px;"> | ||
| + | <h3>Design of MFC</h3> | ||
| + | <p>We have designed a bipolar chamber MFC this year. Proton exchange membrane divided it into anode chamber and cathode chamber. Anode chamber containing S.oneidensis, nutrient substance(LB、lactate ) or other electrical producing microbes were sealed to prevent the entry of external oxygen. Considering safety and oxidation-reduction potential, we put ferric chloride solution in cathode chamber so that S.oneidensis can transfer electrons outside of their membranes by electron transport chain. Then electrons will reduce ferric ion into ferrous through carbon cloth and produce electricity. | ||
| + | We recorded open circuit voltage curve and load voltage curve of MFCs in each different systems. Also, we have measured the biomass of each system in order to ensure whether the improved electricity could be attributed to more attached Shewanella cells on the anodes or the higher electroactivity of single cell.[11] </p> | ||
| + | <div class="col-md-6 col-md-offset-2" style="text-align: center;"> | ||
| + | <img class="img-responsive" src="https://static.igem.org/mediawiki/2018/8/85/T--HUST-China--2018-description-picture12.png.png"> | ||
| + | </div> | ||
| + | |||
| + | <div class="col-md-12"> | ||
| + | <p><strong>Co-culture</strong></p> | ||
| + | <p>Obviously, the ecological relationship between microorganisms is very complex. There is not only the competition between them for the nutrient, but also the regulation of metabolites among them including induction, transgenosis and synergistic metabolism. Besides, it has been found that the co-culture of microorganisms can improve the electric efficiency of Microbial Fuel Cell under certain conditions. </p> | ||
| + | <p>Metabolites exchange is a common relationship in co-culturing. Therefore, we have designed a clear microbial metabolic pathway to achieve the conversion from light to electricity as well as used more potential symbiotic relationships between the flora to help improve the electricity production efficiency of MFC.</p> | ||
| + | <p>By consulting literature, we found two kinds of microorganisms——Cyanobacteria and Rhodopseudomonas palustris, both of which can utilize light energy and provide lactate to S.oneidensis after doing molecular construction. </p> | ||
| + | <p>In order to provide a basic growth environment, we mix the culture medium of different strains.（Please refer to our protocol section for the composition of the mediums.）</p> | ||
| + | |||
| + | |||
| + | </div> | ||
| + | |||
| + | <div class="col-md-12"> | ||
| + | |||
| + | <p>Synechocystis PCC6803 </p> | ||
| + | <p>Lactate produced by Synechocystis PCC6803 can be used as the optimal carbon source for Shewanella. At the same time, acetate produced by Shewanella can be used as the organic carbon source of Synechocystis PCC6803 to increase the lactate production. And the metabolite exchange of Synechocystis PCC6803 and Shewanella is the basis for our photoautotrophic MFC.[12]. </p> | ||
| + | <p>Rhodopseudomonas palustris </p> | ||
| + | <p>We attempted to engineer Rhodopseudomonas palustris by synthetic biology to achieve the same or a better function of Synechococcus elongatus.</p> | ||
| + | <p>In the preliminary experiment, we found that there may be more potential interactions in the co-culture of Rhodopseudomonas palustris and Shewanella, which can greatly improve the coulombic efficiency of our MFC (please refer our results section for more detials). This is an unexpected surprise for us, which improve to our confidence in the success of the project. | ||
| + | </p> | ||
| + | |||
| + | |||
| + | </div> | ||
| + | |||
</div> | </div> | ||
</div> | </div> | ||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
</div> | </div> | ||
| − | + | <div class="container"> | |
| − | + | <div class="row"> | |
| − | + | <h4><strong>Reference </strong></h4> | |
| − | + | <p style="font-size:16px; line-height: 25px;letter-spacing:1px; text-indent:0px;"> | |
| − | + | <p style="font-size:16px; line-height: 25px;letter-spacing:1px; text-indent:0px;"><span>[1]Henrike Niederholtmeyer, Bernd T. Wolfstädter, David F. Savage, Pamela A. Silver, Jeffrey C. Way. Engineering Cyanobacteria to Synthesize and Export Hydrophilic Products. Applied and Environmental Microbiology. 2010, 76(11): 3462-3466.</span></p> | |
| − | + | <p style="font-size:16px; line-height: 25px;letter-spacing:1px; text-indent:0px;"><span>[2] 《沼泽红假单胞菌的研究进展及其应用》王跃先、刘德海</span></p> | |
| − | + | <p style="font-size:16px; line-height: 25px;letter-spacing:1px; text-indent:0px;"><span>[3] 周茂洪 赵肖为 吴雪昌《光合细菌沼泽红假单胞菌同化磷能力的研究》 《科技通报》2002年 第2期 142-146页</span></p> | |
| − | + | <p style="font-size:16px; line-height: 25px;letter-spacing:1px; text-indent:0px;"><span>[4] KEGG, https://www.genome.jp/kegg/pathway.html</span></p> | |
| − | + | <p style="font-size:16px; line-height: 25px;letter-spacing:1px; text-indent:0px;"><span>[5] Cloning and sequence analysis of the gene encoding Lactococcus lactis malolactic enzyme: relationships with malic enzymes FEMS Microbiol Lett. 1994 Feb 1;116(1):79-86 </span></p> | |
| − | + | <p style="font-size:16px; line-height: 25px;letter-spacing:1px; text-indent:0px;"><span>[6] Fine tuning the transcription of ldhA for d-lactate production August 2012, Volume 39, Issue 8, pp 1209–1217 </span></p> | |
| − | + | <p style="font-size:16px; line-height: 25px;letter-spacing:1px; text-indent:0px;"><span>[7] Transport of L-Lactate, D-Lactate, and Glycolate by the LldP and GlcA Membrane Carriers of Escherichia coli Volume 290, Issue 2, 18 January 2002, Pages 824-829 </span></p> | |
| − | + | <p style="font-size:16px; line-height: 25px;letter-spacing:1px; text-indent:0px;"><span>[8] Enhancement of Hydrogen Production and Carbon Fixation in Purple Nonsulfur Bacterium Bacterium by Synthetic Biology Shou-Chen Lo</span></p> | |
| − | + | <p style="font-size:16px; line-height: 25px;letter-spacing:1px; text-indent:0px;"><span>[9] Jcat, http://www.jcat.de/#opennewwindow </span></p> | |
| − | + | <p style="font-size:16px; line-height: 25px;letter-spacing:1px; text-indent:0px;"><span>[10] Genomic reconstruction of | |
| − | + | Shewanella oneidensis MR-1 metabolism reveals a previously uncharacterized machinery for lactate utilization PNAS February 24, 2009 106 (8) 2874-2879 </span></p> | |
| − | + | <p style="font-size:16px; line-height: 25px;letter-spacing:1px; text-indent:0px;"><span>[11] Modular Engineering Intracellular NADH Regeneration Boosts Extracellular Electron Transfer of Shewanella oneidensis MR‑1 ACS Synth. Biol. 2018, 7, 885−895</span></p> | |
| − | + | <p style="font-size:16px; line-height: 25px;letter-spacing:1px; text-indent:0px;"><span>[12]Varman A. M., Yu Y., You L. & Tang Y. J. Photoautotrophic production of d-lactate in an engineered cyanobacterium. Microb. Cell Fact. 12, 117 (2013). </span></p> | |
| − | + | </div> | |
| − | + | </div> | |
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | </div> | |
| − | + | </section> | |
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
<footer> | <footer> | ||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
<div class="container" > | <div class="container" > | ||
<div class="row"> | <div class="row"> | ||
| − | <div class="copyright" style="text-align: center;color: gray; font-size: 14px;"> | + | <div class="copyright col-md-12" style="text-align: center;color: gray; font-size: 14px;"> |
<span> | <span> | ||
College of Life Science & Technology<br> | College of Life Science & Technology<br> | ||
| Line 2,583: | Line 451: | ||
</footer> | </footer> | ||
</div> | </div> | ||
| + | <a href="#" class="scrollup waves-effect waves-dark"><img class="img-responsive" src="https://static.igem.org/mediawiki/2018/7/79/T--HUST-China--2018-menu-return-top.png"></a> | ||
<!-- javascript | <!-- javascript | ||
================================================== --> | ================================================== --> | ||
<!-- Placed at the end of the document so the pages load faster --> | <!-- Placed at the end of the document so the pages load faster --> | ||
| − | <script src="https://2018.igem.org/Team:HUST-China/js/jquery?action=raw&ctype=text/javascript"></script> | + | <!-- |
| + | <script src="https://2018.igem.org/Team:HUST-China/js/jquery?action=raw&ctype=text/javascript"></script>--> | ||
<script src="https://2018.igem.org/Team:HUST-China/js/jquery-easing-1-3?action=raw&ctype=text/javascript"></script> | <script src="https://2018.igem.org/Team:HUST-China/js/jquery-easing-1-3?action=raw&ctype=text/javascript"></script> | ||
<script src="https://2018.igem.org/Team:HUST-China/materialize/js/materialize-min?action=raw&ctype=text/javascript"></script> | <script src="https://2018.igem.org/Team:HUST-China/materialize/js/materialize-min?action=raw&ctype=text/javascript"></script> | ||
<script src="https://2018.igem.org/Team:HUST-China/js/bootstrap-min?action=raw&ctype=text/javascript"></script> | <script src="https://2018.igem.org/Team:HUST-China/js/bootstrap-min?action=raw&ctype=text/javascript"></script> | ||
| + | <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/js/bootstrap.min.js"></script> | ||
<script src="https://2018.igem.org/Team:HUST-China/js/jquery-fancybox-pack?action=raw&ctype=text/javascript"></script> | <script src="https://2018.igem.org/Team:HUST-China/js/jquery-fancybox-pack?action=raw&ctype=text/javascript"></script> | ||
<script src="https://2018.igem.org/Team:HUST-China/js/jquery-fancybox-media?action=raw&ctype=text/javascript"></script> | <script src="https://2018.igem.org/Team:HUST-China/js/jquery-fancybox-media?action=raw&ctype=text/javascript"></script> | ||
| Line 2,596: | Line 467: | ||
<!-- Vendor Scripts --> | <!-- Vendor Scripts --> | ||
<script src="https://2018.igem.org/Team:HUST-China/js/modernizr-custom?action=raw&ctype=text/javascript"></script> | <script src="https://2018.igem.org/Team:HUST-China/js/modernizr-custom?action=raw&ctype=text/javascript"></script> | ||
| − | + | <script src="https://2018.igem.org/Team:HUST-China/js/Vendor-jquery-zoomslider?action=raw&ctype=text/javascript"></script> | |
| − | <script src=" | + | <script src="https://2018.igem.org/Team:HUST-China/js/Vendor-jquery-isotope?action=raw&ctype=text/javascript"></script> |
| − | - | + | <script src="https://2018.igem.org/Team:HUST-China/js/Vendor-jquery-magnific-popup?action=raw&ctype=text/javascript"></script> |
| − | + | <script src="https://2018.igem.org/Team:HUST-China/js/Vendor-animate?action=raw&ctype=text/javascript"></script> | |
| − | <script src=" | + | <script src="https://2018.igem.org/Team:HUST-China/js/Vendor-custom?action=raw&ctype=text/javascript"></script> |
| − | <script src="js/jquery | + | |
| − | <script src=" | + | |
| − | <script src=" | + | |
<script type="text/javascript"> | <script type="text/javascript"> | ||
Revision as of 18:19, 16 October 2018
Description
To convert optical energy into electric energy in a clean and sustainable way, Optopia is designed as a photovoltaic system consisting of photosynthetic microorganism (Rhodopseudomonas palustris) and electrogenic microorganism (Shewanella oneidensis). Synthetic biology strategies are applied to the system to trigger production and export of lactate in Rhodopseudomonas palustris, as well as to improve efficiency of lactate utilization and extracellular electron generation in Shewanella oneidensis. Compared to Cyanobacteria, also a kind of photosynthetic microorganism but generating oxygen in photosynthesis, Rhodopseudomonas palustris serves as a better carbon resource provider for Shewanella oneidensis, not only because of its anaerobic photosynthesis maintaining an anaerobic environment required for extracellular electron generation in Shewanella oneidensis, but also due to its capacity of reusing the waste from Shewanella oneidensis. Hence, functioning as a compatible and mutually beneficial optical MFC (Microbial Fuel Cell), Optopia creates a novel and optimized approach to utilize clean resources through optical-electric conversion.
Part1: Photosynthetic microorganism system
1.Cyanobacteria (Synechocystis)
Cyanobacteria are often chosen as engineering microorganism to convert optical energy into chemical energy. In our project, we chose Synechocystis PCC6803 for optical energy conversion. Cyanobacteria produce lactate for the electricity production of Shewanella. However, cyanobacteria itself lacks a pathway for producing lactate, and as a photoautotrophic microorganism, cyanobacteria lacks a lactate transporter to transport lactate out of the cell[1]. Therefore, we have designed two strategies to modify cyanobacteria.
Strategy 1:
The lactate dehydrogenase gene and the lactate transporter gene are combined in one circuit to achieve lactate production and transportation. For lactate dehydrogenase gene, we chose ldhD, and ldhDc is a codon-optimized version of ldhD, ldhDnARSdR is ldhD with D176A/I177R/F178S/N180R, and ldhDARSdR is the codon-optimized version of ldhDnARSdR. These codon optimizations are aim at increasing the production of lactate. The lldP protein gene is used to transport the lactate out of the cell. The lldP protein has 12 transmembrane alpha-helical segments and generally lack cleaved signal sequences and the lldP protein cotransports lactate with a proton[1]. At the same time, in order to detect the expression of these two genes, we add the Flag and 6 × His sequences respectively after the two.
Strategy 2:
In response to the preference for NADPH in the metabolism of cyanobacteria, transhydrogenase gene is used to achieve the goal of producing more NADPH, and the glycerol dehydrogenase gene is used to increase the lactate production. For transhydrogenase gene, we use TH gene, and gldA gene for glycerol dehydrogenase. The lldP protein gene is also used to transport the lactate out of the cell. And the same as strategy 1, the Flag and 6 × His sequences are used to detect the expression of the two genes.
Figure 1. Circuits of cyanobacteria
After successfully constructing these gene circuits, the shuttle plasmid PCK306 is used to transform the genes into cyanobacteria, and the yellow fluorescent protein gene on the PCK306 plasmid is used to detect the transformation.
2.Rhodopseudomonas palustris
Rhodopseudomonas palustris is a kind of Purple Non-sulfur Bacteria. Under anaerobic conditions, Rhodopseudomonas palustris can utilize hydrogen, sodium thiosulfate, hydrogen sulfide as electron donors for photoautotrophic growth. Furthermore, it can also have heterotrophic growth under microaerobic to aerobic conditions [2]. In addition, Rhodopseudomonas palustris is widely used in sewage treatment, environmentally friendly, easily accessible [3]. Since it is capable of maintaining an anaerobic environment and reusing the acetate generated by Shewanella, Rhodopseudomonas palustris may be a better carbon source provider for Shewanella compared with cyanobacteria. Therefore, we decided to modify Rhodopseudomonas palustris so that it could produce lactate under the anaerobic condition and export it out of the cell. According to KEGG database [4], metabolic pathways, which are related to lactate metabolism in Rhodopseudomonas palustris, are as follows: .
To enhance the production of lactate in Rhodopseudomonas palustris, we plan to promote the conversion efficiency of pyruvate to D-lactate and malate to L-lactate. Therefore, we decide to transfer these two genes, mleS [5] and ldhA, [6] into Rhodopseudomonas palustris to generate more lactate intracelluarly. Considering the necessity of transporting lactate out of the cells, we also apply the gene lldP [7] encoding lactate permease. Since the order of these three genes in a polycistronic lead to different expression levels [8], we build a model to optimize the gene order to maximize the gene expression. Also, we use codon optimized tool Jcat [9] to optimize the codons of these genes.
mleS：malate dehydrogenase, the conversion of malic acid to L-lactate.
ldhA：fermentative D-lactate dehydrogenase, NAD-dependent, convert pyruvate to D-lactate.
lldP：L-lactate permease, the lactate is transported out of the cell.
To validate our modeling results, we continue to build three different gene circuits which can determine the highest lactate production efficiency of our total circuit:
Part2: Electrogenic microorganism system
1. Shewanella oneidensis
Shewanella oneidensis is becoming more and more popular these years as it could transfer electron to the electrode and generate electricity. This fascinating power mainly attributes to a number of conductive c-type cytochromes (c-Cyts) including OmcA-MtrCAB and CymA. CymA could conduct electrons to the MtrCAB complex. Then, the bacteria would use its extension or vesicles of the outer membrane and periplasm to transfer outer membrane c-type cytochromes.
The amount of electricity produced by Shewanella is closely related to the bacteria’s metabolism.
①. Glycolysis: Glycolysis is the metabolic pathway that converts glucose C6H12O6 into pyruvate. As glyceraldehyde-3-phosphate turns into 1,3-Bisphosphoglycerate, NADH is generated, which would be used to transfer electron.
②. TCA cycle: TCA cycle is a series of chemical reactions happened in mitochondrion. The reactions of the cycle are carried out by eight enzymes and three of them including malate dehydrogenase could help to produce NADH.
③. Pyruvate fermentation: Pyruvate fermentation is a common metabolic pathway in bacteria. Several steps of pyruvate fermentation could also produce NADH and the related enzymes are pyruvate formate-lyase, lactate dehydrogenase and formate dehydrogenase.
Shewanella oneidensis MR-1 prefers to use lactate as its carbon source since the amount of lactate-based biomass is more than acetate-based biomass or pyruvate-based biomass. Dld and lldEFG are D- and L-lactate dehydrogenase enzymes, which is the first step of utilizing lactate. To make the use of lactate more efficiently, we overexpress four genes: dld, lldE, lldF, lldG.[10]
①. dld: dld refers to FAD-dependent D-lactate dehydrogenase which could catalyze D-lactate’s transformation into pyruvate.
②. lldEFG: They could encode a L-lactate dehydrogenase complex which could catalyze D-lactate’s transformation into pyruvate.
To ensure that the genes would be expressed efficiently, we add a promoter before lldEFG:
NADH is a significant part of extracellular electron transfer(EET) as it could carry electron. Strenghthening the regeneration of NADH would make EET more efficiently.
To achieve this goal, we overexpress these four genes: gapA2, mdh, pflB, fdh. [11]
①. gapA: It encodes glyceraldehyde-3-phosphate dehydrogenase which could transform 3- phosphoglyceraldehyde into 1,3- diphosphoglycerate.
②. mdh: It encodes NAD dependent malate dehydrogenase which transforms malate into pyruvate
③. pflB: It encodes pyruvate formate-lyase to transform pyruvate into Acetyl-CoA.
④. fdh: It encodes formate dehydrogenase to transform formate into CO2..
Also, to ensure that the genes would be expressed efficiently, we add an promoter before pflB and fdh:
Part3: Whole design
Design of MFC
We have designed a bipolar chamber MFC this year. Proton exchange membrane divided it into anode chamber and cathode chamber. Anode chamber containing S.oneidensis, nutrient substance(LB、lactate ) or other electrical producing microbes were sealed to prevent the entry of external oxygen. Considering safety and oxidation-reduction potential, we put ferric chloride solution in cathode chamber so that S.oneidensis can transfer electrons outside of their membranes by electron transport chain. Then electrons will reduce ferric ion into ferrous through carbon cloth and produce electricity. We recorded open circuit voltage curve and load voltage curve of MFCs in each different systems. Also, we have measured the biomass of each system in order to ensure whether the improved electricity could be attributed to more attached Shewanella cells on the anodes or the higher electroactivity of single cell.[11]
Co-culture
Obviously, the ecological relationship between microorganisms is very complex. There is not only the competition between them for the nutrient, but also the regulation of metabolites among them including induction, transgenosis and synergistic metabolism. Besides, it has been found that the co-culture of microorganisms can improve the electric efficiency of Microbial Fuel Cell under certain conditions.
Metabolites exchange is a common relationship in co-culturing. Therefore, we have designed a clear microbial metabolic pathway to achieve the conversion from light to electricity as well as used more potential symbiotic relationships between the flora to help improve the electricity production efficiency of MFC.
By consulting literature, we found two kinds of microorganisms——Cyanobacteria and Rhodopseudomonas palustris, both of which can utilize light energy and provide lactate to S.oneidensis after doing molecular construction.
In order to provide a basic growth environment, we mix the culture medium of different strains.（Please refer to our protocol section for the composition of the mediums.）
Synechocystis PCC6803
Lactate produced by Synechocystis PCC6803 can be used as the optimal carbon source for Shewanella. At the same time, acetate produced by Shewanella can be used as the organic carbon source of Synechocystis PCC6803 to increase the lactate production. And the metabolite exchange of Synechocystis PCC6803 and Shewanella is the basis for our photoautotrophic MFC.[12].
Rhodopseudomonas palustris
We attempted to engineer Rhodopseudomonas palustris by synthetic biology to achieve the same or a better function of Synechococcus elongatus.
In the preliminary experiment, we found that there may be more potential interactions in the co-culture of Rhodopseudomonas palustris and Shewanella, which can greatly improve the coulombic efficiency of our MFC (please refer our results section for more detials). This is an unexpected surprise for us, which improve to our confidence in the success of the project.
Reference
[1]Henrike Niederholtmeyer, Bernd T. Wolfstädter, David F. Savage, Pamela A. Silver, Jeffrey C. Way. Engineering Cyanobacteria to Synthesize and Export Hydrophilic Products. Applied and Environmental Microbiology. 2010, 76(11): 3462-3466.
[2] 《沼泽红假单胞菌的研究进展及其应用》王跃先、刘德海
[3] 周茂洪 赵肖为 吴雪昌《光合细菌沼泽红假单胞菌同化磷能力的研究》 《科技通报》2002年 第2期 142-146页
[4] KEGG, https://www.genome.jp/kegg/pathway.html
[5] Cloning and sequence analysis of the gene encoding Lactococcus lactis malolactic enzyme: relationships with malic enzymes FEMS Microbiol Lett. 1994 Feb 1;116(1):79-86
[6] Fine tuning the transcription of ldhA for d-lactate production August 2012, Volume 39, Issue 8, pp 1209–1217
[7] Transport of L-Lactate, D-Lactate, and Glycolate by the LldP and GlcA Membrane Carriers of Escherichia coli Volume 290, Issue 2, 18 January 2002, Pages 824-829
[8] Enhancement of Hydrogen Production and Carbon Fixation in Purple Nonsulfur Bacterium Bacterium by Synthetic Biology Shou-Chen Lo
[9] Jcat, http://www.jcat.de/#opennewwindow
[10] Genomic reconstruction of Shewanella oneidensis MR-1 metabolism reveals a previously uncharacterized machinery for lactate utilization PNAS February 24, 2009 106 (8) 2874-2879
[11] Modular Engineering Intracellular NADH Regeneration Boosts Extracellular Electron Transfer of Shewanella oneidensis MR‑1 ACS Synth. Biol. 2018, 7, 885−895
[12]Varman A. M., Yu Y., You L. & Tang Y. J. Photoautotrophic production of d-lactate in an engineered cyanobacterium. Microb. Cell Fact. 12, 117 (2013).
