|
|
(12 intermediate revisions by 2 users not shown) |
Line 2: |
Line 2: |
| <html> | | <html> |
| <style> | | <style> |
− | /*================================================================================*/ | + | /*================================================================================*/ |
| /*public engagement*/ | | /*public engagement*/ |
| #posts-list { | | #posts-list { |
Line 18: |
Line 18: |
| padding-bottom: 40px; | | padding-bottom: 40px; |
| border-bottom: 1px solid #6b3b25; | | border-bottom: 1px solid #6b3b25; |
| + | text-align:justify; |
| } | | } |
| #posts-list article:last-child { | | #posts-list article:last-child { |
Line 30: |
Line 31: |
| -o-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2); | | -o-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2); |
| box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2); | | box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2); |
− | margin-bottom: 20px; | + | margin: 0px 66px 6px 66px; |
| } | | } |
| #posts-list article .feature-image:after { | | #posts-list article .feature-image:after { |
Line 37: |
Line 38: |
| left: 0px; | | left: 0px; |
| content: ''; | | content: ''; |
− | background: url(https://raw.githubusercontent.com/sjtusoftware2018/2018iGEM_wiki/master/images/stacked-paper.png) no-repeat right bottom; | + | background: url(https://static.igem.org/mediawiki/2018/2/2e/T--SJTU-software--stacked-paper.png) no-repeat right bottom; |
| width: 100%; | | width: 100%; |
| height: 17px; | | height: 17px; |
Line 122: |
Line 123: |
| float: left; | | float: left; |
| margin-right: 20px; | | margin-right: 20px; |
− | background: url(https://raw.githubusercontent.com/sjtusoftware2018/2018iGEM_wiki/master/images/pagination.png) no-repeat 0px 0px; | + | background: url(https://static.igem.org/mediawiki/2018/2/2d/T--SJTU-software--pagination.png) no-repeat 0px 0px; |
| } | | } |
| #posts-list .page-navigation .nav-previous { | | #posts-list .page-navigation .nav-previous { |
| float: right; | | float: right; |
− | background: url(https://raw.githubusercontent.com/sjtusoftware2018/2018iGEM_wiki/master/images/pagination.png) no-repeat right -59px; | + | background: url(https://static.igem.org/mediawiki/2018/2/2d/T--SJTU-software--pagination.png) no-repeat right -59px; |
| } | | } |
| /*-----------------------------------------------------------------------------------*/ | | /*-----------------------------------------------------------------------------------*/ |
| + | /*-----------------------------------------------------------------------------------*/ |
| + | /* SIDEBAR |
| + | /*-----------------------------------------------------------------------------------*/ |
| + | #sidebar { |
| + | position: relative; |
| + | width: 220px; |
| + | margin-right: 30px; |
| + | margin-top: 30px; |
| + | margin-bottom: 30px; |
| + | float: right; |
| + | } |
| + | #sidebar .block { |
| + | font-size: 17px; |
| + | margin-bottom: 15px; |
| + | font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif; |
| + | text-shadow: 0px 1px 0 rgba(255, 255, 255, 0.5); |
| + | } |
| + | #sidebar .block a { |
| + | text-decoration: none; |
| + | color: #c78301; |
| + | } |
| + | #sidebar .block a:hover { |
| + | border-bottom: 1px dotted #c78301; |
| + | } |
| + | #sidebar .block .heading { |
| + | color: #6b3b25; |
| + | font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif; |
| + | font-weight: 700; |
| + | line-height: 20px; |
| + | font-size: 20px; |
| + | border-top: 4px solid #6b3b25; |
| + | border-bottom: 1px solid #6b3b25; |
| + | text-shadow: 0px 1px 0 rgba(255, 255, 255, 0.5); |
| + | margin-top: 0px; |
| + | } |
| + | #sidebar .ads img { |
| + | margin-bottom: 10px; |
| + | margin-right: 0px; |
| + | } |
| + | /*-----------------------------------------------------------------------------------*/ |
| | | |
− | /*-----------------------------------------------------------------------------------*/
| |
− | /* SIDEBAR
| |
− | /*-----------------------------------------------------------------------------------*/
| |
− | #sidebar {
| |
− | position: relative;
| |
− | width: 230px;
| |
− | margin-right: 20px;
| |
− | margin-top: 30px;
| |
− | margin-bottom: 30px;
| |
− | float: right;
| |
− | }
| |
− | #sidebar .block {
| |
− | font-size: 18px;
| |
− | margin-bottom: 30px;
| |
− | font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
| |
− | text-shadow: 0px 1px 0 rgba(255, 255, 255, 0.5);
| |
− | }
| |
− | #sidebar .block a {
| |
− | text-decoration: none;
| |
− | color: #c78301;
| |
− | }
| |
− | #sidebar .block a:hover {
| |
− | border-bottom: 1px dotted #c78301;
| |
− | }
| |
− | #sidebar .block .heading {
| |
− | font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
| |
− | color: #6b3b25;
| |
− | font-weight: 700;
| |
− | line-height: 48px;
| |
− | font-size: 20px;
| |
− | border-top: 4px solid #6b3b25;
| |
− | border-bottom: 1px solid #6b3b25;
| |
− | text-shadow: 0px 1px 0 rgba(255, 255, 255, 0.5);
| |
− | margin-top: 0px;
| |
− | }
| |
− | #sidebar .ads img {
| |
− | margin-bottom: 10px;
| |
− | margin-right: 0px;
| |
− | }
| |
− | /*-----------------------------------------------------------------------------------*/
| |
| .headline{ | | .headline{ |
| color: #6b3b25; | | color: #6b3b25; |
| text-decoration: none; | | text-decoration: none; |
| font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif; | | font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif; |
− | font-size: 35px; | + | font-size: 32px; |
| font-weight: 800; | | font-weight: 800; |
− | margin: 15px; | + | margin: 20px; |
| } | | } |
| ul{ | | ul{ |
− | list-style: none;; | + | list-style:none; |
| } | | } |
| + | |
| + | li{ |
| + | padding: 4px 0px 1px 0px; |
| + | margin: 2px 0px 1px 0px; |
| + | } |
| </style> | | </style> |
| + | |
| | | |
| <body> | | <body> |
Line 187: |
Line 194: |
| | | |
| <!-- MAIN--> | | <!-- MAIN--> |
− | | + | <div id="main" class="cf"> |
− | <div id="main" class="cf">
| + | <div class="headline"> |
− | <div class="headline">
| + | Project —— Design & Contribution |
− | Project —— Design | + | |
| </div> | | </div> |
| <!-- posts list --> | | <!-- posts list --> |
| <div id="posts-list" class="cf"> | | <div id="posts-list" class="cf"> |
| | | |
− | <article class="cf" id="Background"> | + | <article class="cf" id="Design" > |
− |
| + | |
| <div class="entry-title"> | | <div class="entry-title"> |
− | <div class="post-heading" >Background</div> | + | <div class="post-heading" >Design</div> |
| </div> | | </div> |
| <div class="excerpt"> | | <div class="excerpt"> |
− | Since the birth of synthetic biology in 2000, metabolic engineering has made increasingly huge progress on high value-added natural products. The synthesis and construction of metabolic pathways play a fundamental role in microbiology, biochemistry, and many other relevant fields. In 2003, Jay Keasling’s team reconstructed the biological synthesis pathway of arteannuinic acid in E. coli, providing functional confirmation for this metabolic process. In recent years, researchers have engineered yeast to produce a variety of plant-based natural products. These pathways are likely to involve the introduction of many heterologous genes and numerous genetic modifications to increase productivity. In the biosynthesis of opioids in yeast, 17 enzymes from different plants, animals, and yeasts were encoded through synthetic biological way. Although there are several tools for scientists to analyze and select the potential genes of the designed pathway, these tools all focus on the one or two specific gene instead of the whole metabolic system. Therefore, what our team’s trying to do is making comparisons between the designed pathway we want to synthesize and the natural-existing pathways to make sure that the researchers can get the whole picture. In this way, scientists can learn more about molecular functions and biological process from an innovating aspect. | + | Since the birth of synthetic biology in 2000, metabolic engineering has made increasingly huge progress on high value-added natural products. The synthesis and construction of metabolic pathways play a fundamental role in microbiology, biochemistry, and many other relevant fields. In 2003, Jay Keasling’s team reconstructed the biological synthesis pathway of arteannuinic acid in E. coli, providing functional confirmation for this metabolic process. In recent years, researchers have engineered yeast to produce a variety of plant-based natural products. These pathways are likely to involve the introduction of many heterologous genes and numerous genetic modifications to increase productivity. In the biosynthesis of opioids in yeast, 17 enzymes from different plants, animals, and yeasts were encoded through synthetic biological way. Although there are several tools for scientists to analyze and select the potential genes of the designed pathway, these tools all focus on the one or two specific gene instead of the whole metabolic system. Therefore, what our team’s trying to do is making comparisons between the designed pathway we want to synthesize and the natural-existing pathways to make sure that the researchers can get the whole picture. In this way, scientists can learn more about molecular functions and biological process from an innovating aspect. |
| </div> | | </div> |
| | | |
− | <!-- <div class="feature-image"> | + | <div class="excerpt"> |
− | <img src="images/HP/BUDS2.jpg" alt="Thumbnail" />
| + | During the project, we had the pleasure to interview a PhD student in the university of Toronto. Based on his experiences working on biological metabolism, changing from several different software to visualize the network, do simulations or other studies, is quite inconvenient. Therefore, he suggested us to make our tool more handful for researches by integrating a few frequently-used functions together. |
− | </div> --> | + | </div> |
− |
| + | |
| + | <div class="excerpt"> |
| + | Besides, according to our survey among students in the biology department in our school, an integrated synthetic biology tool box was in urgent need. So we selected some commonly-needed functions to combine into the toolkit, containing SBML Drawer, SBML Differ, SMILES Drawer and DNA Editor. We found these existing open-source projects, did some modification and improvement, and integrated them into our Metlab. |
| + | </div> |
| + | |
| + | <div class="excerpt"> |
| + | Now, we are still conducting more user surveys and looking for more practical needs. For these user demands, we will seek existing projects or develop more softwares, making our tool box more integrated. |
| + | </div> |
| + | |
| </article> | | </article> |
− |
| + | |
− | <article class="cf" id="Reference"> | + | <article class="cf" id="Contribution"> |
| <div class="entry-title"> | | <div class="entry-title"> |
− | <div class="post-heading" >Reference</div>
| + | <div class="post-heading" >Contribution</div> |
| </div> | | </div> |
| <div class="excerpt"> | | <div class="excerpt"> |
− | 1.Vincent J J Martin, Douglas J Pitera, Sydnor T Withers, Jack D Newman& Jay D Keasling. Engineering a mevalonate pathway in Escherichia coli for production of terpenoids. Nature Biotechnology 21, 796–802 (2003) . | + | The aim of our project has always been designing and developing useful programs for Synthetic Biology and iGEM community. Comparative analysis of biological network is very useful and indicative in synthetic biology and other related studies. Specially, it enables people to handle unknown organisms starting from known ones with alike networks. However, most current tools are only for a specific problem or application, and the existing algorithm is inefficient. In order to solve these problems, we launch METLAB, a general purpose alignment software. |
− | </div> | + | </div> |
| + | |
| + | <div class="excerpt"> |
| + | Metlab is a suite of synthetic biology aided tools and mainly functions as BLAST for networks. Besides network alignment, users may visualize networks, compare and draw metabolites and design their wet-lab experiments. |
| + | </div> |
| + | |
| + | <div class="excerpt"> |
| + | Combining various commonly-used functions into the toolkit, our project will definitely come in handy to people studying synthetic biology and related fields. |
| + | </div> |
| + | |
| + | </article> |
| + | </div> |
| | | |
− | <!-- <div class="excerpt">
| + | <!-- SIDEBAR --> |
− | pharetra.
| + | |
− | </div> -->
| + | |
− |
| + | |
− | </article>
| + | |
− |
| + | |
− | </div>
| + | |
− | <!-- ENDS post list -->
| + | |
− |
| + | |
− | <!-- SIDEBAR -->
| + | |
| <aside id="sidebar" > | | <aside id="sidebar" > |
| | | |
| <ul> | | <ul> |
| <li class="block"> | | <li class="block"> |
− | <h4 class="heading">Design</h4> | + | <h4 class="heading" align="center">Design & Contribution</h4> |
| <ul> | | <ul> |
− | <li class="cat-item"><a href="#Background" >Background</a></li> | + | <li class="cat-item"><a href="#Design" >Design</a></li> |
− | <li class="cat-item"><a href="#Reference" >Reference</a></li> | + | <li class="cat-item"><a href="#Contribution" >Contribution</a></li> |
| + | |
| </ul> | | </ul> |
| </li> | | </li> |
Line 243: |
Line 259: |
| | | |
| </div> | | </div> |
− |
| |
| | | |
| <!-- ENDS MAIN --> | | <!-- ENDS MAIN --> |
− |
| |
− | <!-- WIDGETS -->
| |
− | <div class="widget-cols cf">
| |
− | <ul class="first-col">
| |
− |
| |
− | <div class="widget-block">
| |
− | <h4>Address</h4>
| |
− | <p>NO. 800 DONGCHUAN ROAD, MINHANG DISTRICT, SHANGHAI, CHINA
| |
− | <!-- <a href="#/blog/license/" >link</a> -->
| |
− | </p>
| |
− | </div>
| |
− | </ul>
| |
− |
| |
− | <ul class="second-col">
| |
− |
| |
− | <div class="widget-block">
| |
− | <h4>Contact Us</h4>
| |
− |
| |
− | </div>
| |
− |
| |
− | </ul>
| |
− |
| |
− | <ul class="third-col">
| |
− |
| |
− | <div class="widget-block">
| |
− | <h4>DUMMY TEXT</h4>
| |
− | <p></p>
| |
− | </div>
| |
− |
| |
− | </ul>
| |
− |
| |
− | <ul class="fourth-col">
| |
− |
| |
− | <div class="widget-block">
| |
− | <h4>CATEGORIES</h4>
| |
− | <ul>
| |
− | <li class="cat-item"><a href="#" >Design</a></li>
| |
− | <li class="cat-item"><a href="#" >Photo</a></li>
| |
− | <li class="cat-item"><a href="#" >Art</a></li>
| |
− | <li class="cat-item"><a href="#" >Game</a></li>
| |
− | <li class="cat-item"><a href="#" >Film</a></li>
| |
− | <li class="cat-item"><a href="#" >TV</a></li>
| |
− | </ul>
| |
− | </div>
| |
− |
| |
− | </ul>
| |
− | <ul class="scroll"></ul>
| |
− | </div>
| |
− | <!-- ENDS WIDGETS -->
| |
− | <!-- FOOTER -->
| |
− | <div class="footer-divider"></div>
| |
− | <footer class="cf">
| |
− | SJTU-software
| |
− | </footer>
| |
− | <!-- ENDS FOOTER -->
| |
− |
| |
− | </div>
| |
− |
| |
− | <script src="https://raw.githubusercontent.com/sjtusoftware2018/2018iGEM_wiki/master/js/jquery.min.js"></script>
| |
− | <script>
| |
− | /*-----------------------------------------------------------------------------------*/
| |
− | /* Scroll to top
| |
− | /*-----------------------------------------------------------------------------------*/
| |
− | $('.widget-cols .scroll').click(function(){
| |
− | $("html, body").animate({ scrollTop: 0 }, 600);
| |
− | return false;
| |
− | });
| |
− | /*-----------------------------------------------------------------------------------*/
| |
− | </script>
| |
− |
| |
| </body> | | </body> |
| | | |
| </html> | | </html> |
− | {{SJTU-software-widget}} | + | {{SJTU-software/Widget}} |