|
|
(39 intermediate revisions by 2 users not shown) |
Line 24: |
Line 24: |
| position: relative; | | position: relative; |
| margin-bottom: 40px; | | margin-bottom: 40px; |
− | padding-bottom: 40px; | + | padding-bottom: 20px; |
| border-bottom: 1px solid #6b3b25; | | border-bottom: 1px solid #6b3b25; |
| + | text-align:justify; |
| } | | } |
| #posts-list article:last-child { | | #posts-list article:last-child { |
Line 38: |
Line 39: |
| -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 44: |
Line 45: |
| bottom: -22px; | | bottom: -22px; |
| left: 0px; | | left: 0px; |
− | content: '';
| + | background: url(https://static.igem.org/mediawiki/2018/2/2e/T--SJTU-software--stacked-paper.png) no-repeat right bottom; |
− | background: url(https://raw.githubusercontent.com/sjtusoftware2018/2018iGEM_wiki/master/images/stacked-paper.png) no-repeat right bottom; | + | |
| width: 100%; | | width: 100%; |
| height: 17px; | | height: 17px; |
Line 130: |
Line 130: |
| 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; |
| } | | } |
| /*-----------------------------------------------------------------------------------*/ | | /*-----------------------------------------------------------------------------------*/ |
Line 150: |
Line 150: |
| } | | } |
| #sidebar .block { | | #sidebar .block { |
− | font-size: 14px; | + | font-size: 17px; |
− | margin-bottom: 30px; | + | margin-bottom: 15px; |
| font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif; | | font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif; |
| text-shadow: 0px 1px 0 rgba(255, 255, 255, 0.5); | | text-shadow: 0px 1px 0 rgba(255, 255, 255, 0.5); |
Line 166: |
Line 166: |
| font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif; | | font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif; |
| font-weight: 700; | | font-weight: 700; |
− | line-height: 48px; | + | line-height: 20px; |
− | font-size: 18px; | + | font-size: 20px; |
| border-top: 4px solid #6b3b25; | | border-top: 4px solid #6b3b25; |
| border-bottom: 1px solid #6b3b25; | | border-bottom: 1px solid #6b3b25; |
Line 180: |
Line 180: |
| | | |
| ul{ | | ul{ |
− | list-style: none; | + | list-style:none; |
− | list-style-type: none;
| + | |
| } | | } |
| | | |
Line 235: |
Line 235: |
| } | | } |
| | | |
| + | #ZhuoWang{ |
| + | height: 320px; |
| + | } |
| #DanielFigeys{ | | #DanielFigeys{ |
| height:370px; | | height:370px; |
| + | } |
| + | |
| + | li{ |
| + | padding: 2px 0px 3px 0px; |
| } | | } |
| </style> | | </style> |
Line 249: |
Line 256: |
| <!-- posts list --> | | <!-- posts list --> |
| <div id="posts-list" class="cf"> | | <div id="posts-list" class="cf"> |
| + | |
| | | |
| <article class="cf"> | | <article class="cf"> |
− | <div class="entry-title">
| + | |
− | <!-- <div class="meta">April 7 2018</div> -->
| + | <div class="excerpt"> |
| + | Throughout the whole preparation process of Metlab, we paid attention to every suggestion from the professions and the peers. |
| + | </div> |
| + | <div class="excerpt"> |
| + | <strong>April</strong>, we came up to build a metabolic-network-related tool, and soon consulted Prof. Tao to make sure that our idea is worth developing. At the same time, he raised the challenges. |
| + | <br/> |
| + | <strong>May</strong>, when we were digging the background, the communication with Prof. Wang pushed us to enlarge our database for network alignment. |
| + | <br/> |
| + | <strong>Summertime</strong>, we sought suggestions aboard. It is highly effective that we made our tool far more comprehensive and user-friendly by adding other related functions and achieving visualization. |
| + | <br/> |
| + | <strong>In the meantime</strong>, we kept active communication with organizations and teams all over the world. Every presentation we made to others helped our Metlab become better. |
| + | |
| + | </div> |
| + | |
| + | <div class="excerpt"> |
| + | Each step, we keep improving our project based on researchers'needs and doubts. |
| + | <br/>That’s what we truly care. |
| + | <br/> The details are as follows. |
| + | </div> |
| + | |
| + | <div class="entry-title"> |
| <div class="post-heading" id="ExpertInterview">Expert Interview</div> | | <div class="post-heading" id="ExpertInterview">Expert Interview</div> |
| </div> | | </div> |
− | <div class="excerpt">
| |
− | We discussed with different disciplines and fields scholars, their views inspired us a lot. Interviewing experts greatly advanced our project.
| |
− | </div>
| |
| <div class="expert_name" id="FT">Prof. Fei Tao</div> | | <div class="expert_name" id="FT">Prof. Fei Tao</div> |
| <div class="subtitle">School of Life Sciences & Biotechnology</div> | | <div class="subtitle">School of Life Sciences & Biotechnology</div> |
Line 264: |
Line 289: |
| <div id="FeiTao"> | | <div id="FeiTao"> |
| <div class="photo"> | | <div class="photo"> |
− | <img src="https://raw.githubusercontent.com/sjtusoftware2018/2018iGEM_wiki/master/images/HP/FeiTao.jpg" style="display: inline;"> | + | <img src="https://static.igem.org/mediawiki/2018/9/94/T--SJTU-software--FeiTao.jpg" style="display: inline;"> |
| </div> | | </div> |
| <div class="member_info"> | | <div class="member_info"> |
Line 275: |
Line 300: |
| Our interview concentrated on the topic “Application of metabolic network alignment tool in the laboratory”. Dr. Tao told us design of metabolic networks in synthetic biology focus on these aspects: 1.Yield; 2. Efficiency(in A -> B, concentration of B/A); 3. Period. Then we briefly introduced the idea of our software (a metabolic network alignment tool). Dr. Tao was greatly interest in the tool. He also analyzed a number of factors that lead to the difficulty of metabolic network alignment. How to evaluate similarity of two metabolic networks? How to grade the result of alignment? How to evaluate similarity of different compound…… His opinion made us have a deeper understanding of how make our software more practical and functional in the laboratory. | | Our interview concentrated on the topic “Application of metabolic network alignment tool in the laboratory”. Dr. Tao told us design of metabolic networks in synthetic biology focus on these aspects: 1.Yield; 2. Efficiency(in A -> B, concentration of B/A); 3. Period. Then we briefly introduced the idea of our software (a metabolic network alignment tool). Dr. Tao was greatly interest in the tool. He also analyzed a number of factors that lead to the difficulty of metabolic network alignment. How to evaluate similarity of two metabolic networks? How to grade the result of alignment? How to evaluate similarity of different compound…… His opinion made us have a deeper understanding of how make our software more practical and functional in the laboratory. |
| </div> | | </div> |
| + | |
| + | <div class="expert_name" id="ZW">Prof. Zhuo Wang</div> |
| + | <div class="subtitle">Department of Bioinformatics and Biostatistics</div> |
| + | <div class="subtitle">Shanghai Jiao Tong University</div> |
| + | <div id="ZhuoWang"> |
| + | <div class="photo"> |
| + | <img src="https://static.igem.org/mediawiki/2018/3/3f/T--SJTU-software--ZhuoWang.jpg" style="display: inline;"> |
| + | </div> |
| + | <div class="member_info"> |
| + | <blockquote> |
| + | Prof. Zhuo Wang is an expert in computational system biology. Her store of knowledge in the field of system biology helped us a lot in the project. At the first time of our interview, she expressed her praise towards our idea of building a network alignment tool. Meanwhile, she listed a few methods already existed for the network alignment for us to study and improve. |
| + | </blockquote> |
| + | </div> |
| + | </div> |
| + | <div class="excerpt"> |
| + | Later, Prof.Wang reminded us that we should not only focus on the alignment within E.coli, but also need to expand it to other bacteria. This is because in reality, there are far more engineering strains that could benefit from our software. Moreover, a larger number of bacteria involved makes our database richer and larger. |
| + | </div> |
| + | |
| + | |
| + | |
| | | |
| <div class="expert_name" id="DF">Prof. Daniel Figeys</div> | | <div class="expert_name" id="DF">Prof. Daniel Figeys</div> |
Line 282: |
Line 327: |
| <div id="DanielFigeys"> | | <div id="DanielFigeys"> |
| <div class="photo"> | | <div class="photo"> |
− | <img src="https://raw.githubusercontent.com/sjtusoftware2018/2018iGEM_wiki/master/images/HP/DanielFigeys.jpg" style="display: inline;"> | + | <img src="https://static.igem.org/mediawiki/2018/5/55/T--SJTU-software--DanielFigeys.jpg" style="display: inline;"> |
| </div> | | </div> |
| <div class="member_info"> | | <div class="member_info"> |
Line 294: |
Line 339: |
| </div> | | </div> |
| | | |
| + | |
| + | <div class="expert_name" id="JM">Dr. Juntao Mai</div> |
| + | <div class="subtitle">PhD in Molecular biology</div> |
| + | <div class="subtitle">University of Toronto</div> |
| + | <div class="excerpt"> |
| + | Juntao Mai works at the department of molecular genetics, University of Toronto. During one of our team members’ exchange there, he gave many valuable advice on the improvement of the project. For the most important part, he recommended that we should add a function of metabolites comparison. Based on his research experiences, he was always troubled by changing from one software to another to finding interested molecules from network. And there are always problems of format conversion between different tools. We took his advice, and took a step further. At the end, we completed a toolkit including network visualization, network alignment, SMILES comparison and DNA editing. |
| + | </div> |
| </article> | | </article> |
− |
| + | |
− | <article class="cf"> | + | |
− | <div class="feature-image">
| + | <article class="cf" id="BUDS"> |
− | <a href="single.html" ><img src="img/dummies/620x450-b.jpg" alt="Thumbnail" /></a>
| + | |
− | </div> | + | |
| <div class="entry-title"> | | <div class="entry-title"> |
− | <div class="meta">Jan 23 by <a href="#" class="author">Ansimuz</a></div> | + | <div class="meta"> May 18th to May 20th , 2018</div> |
− | <a href="single.html" class="post-heading" >LOREM IPSUM DOLOR</a> | + | <div class="post-heading" >Biology Undergraduates Development Symposium(BUDS)</div> |
| </div> | | </div> |
| <div class="excerpt"> | | <div class="excerpt"> |
− | Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo. Quisque sit amet est et sapien ullamcorper pharetra. | + | Participants: Sun Yat-Sen University, Shanghai Jiao Tong University, Fudan University, Nanjing University, Central South University. |
| </div> | | </div> |
− |
| |
− | </article>
| |
| | | |
− | <article class="cf">
| + | <div class="excerpt"> |
| + | From May 18th 2018 to May 20th 2018, our team members attended Biology Undergraduates Development Symposium(BUDS),which was held by School of Life Science, Sun Yat-Sen University. |
| + | </div> |
| <div class="feature-image"> | | <div class="feature-image"> |
− | <a href="single.html" ><img src="https://raw.githubusercontent.com/sjtusoftware2018/2018iGEM_wiki/master/images/dummies/620x450-c.jpg" alt="Thumbnail" /></a> | + | <img src="https://static.igem.org/mediawiki/2018/a/ab/T--SJTU-software--BUDS1.jpg" alt="Thumbnail" /> |
| </div> | | </div> |
− | <div class="entry-title"> | + | <div class="excerpt"> |
− | <div class="meta">Jan 23 by <a href="#" class="author">Ansimuz</a></div> | + | During poster presentation, we present a poster on our work to foster communication and possible future collaboration between different iGEM teams. In the communication conference, we introduced the idea of our projects, gave our suggestions and shared fresh ideas. Through the communication we learned from each other, which was a great help to our 2018 iGEM projects. |
− | <a href="single.html" class="post-heading" >LOREM IPSUM DOLOR</a>
| + | |
| </div> | | </div> |
− | <div class="excerpt">
| |
− | Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo. Quisque sit amet est et sapien ullamcorper pharetra.
| |
− | </div>
| |
| | | |
− | </article>
| + | |
− |
| + | |
− | <article class="cf">
| + | <div class="entry-title" id="TECHNOMISE"> |
− | <div class="feature-image">
| + | <div class="meta"> July 7th to July 13th , 2018</div> |
− | <a href="single.html" ><img src="img/dummies/620x450-d.jpg" alt="Thumbnail" /></a>
| + | <div class="post-heading" >TECHNOMISE Summer Boot Camp</div> |
| </div> | | </div> |
− | <div class="entry-title"> | + | <div class="excerpt"> |
− | <div class="meta">Jan 23 by <a href="#" class="author">Ansimuz</a></div>
| + | From July 7th 2018 to July 13th 2018, our team member took part in Science Summer Boot Camp on “Microbes and Biotechnology” at the University of Ottawa. The charming of the summer boot camp lies in its interdisciplinary integration, we learned many bioinformatics analysis methods which promoted our projects “Metlab: a metabolic network alignment tool” implementation. |
− | <a href="single.html" class="post-heading" >LOREM IPSUM DOLOR</a>
| + | |
| </div> | | </div> |
| + | <div class="feature-image"> |
| + | <img src="https://static.igem.org/mediawiki/2018/6/65/T--SJTU-software--TECHNOMISE1.jpg" alt="Thumbnail" /> |
| + | </div> |
| <div class="excerpt"> | | <div class="excerpt"> |
− | Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo. Quisque sit amet est et sapien ullamcorper pharetra.
| + | The one-week summer boot camp closes with a scientific symposium with invited speakers, student presentations and posters. We presented our project and got a lot of advice from professors and students. The interesting and pleasant summer boot camp served as valuable inspiration to advance our project of 2018 iGEM with fresh motivation. |
| + | </div> |
| + | <div class="feature-image"> |
| + | <img src="https://static.igem.org/mediawiki/2018/d/dc/T--SJTU-software--TECHNOMISE2.jpg" alt="Thumbnail" /> |
| </div> | | </div> |
− |
| + | |
− | </article>
| + | |
− |
| + | |
− | <!-- page-navigation -->
| + | <div class="entry-title" id="APC"> |
− | <div class="page-navigation cf">
| + | <div class="meta"> July 30th to August 3rd , 2018</div> |
− | <div class="nav-next"><a href="#">OLDER</a></div>
| + | <div class="post-heading" >6th Asia-Pacific iGEM Conference</div> |
− | <div class="nav-previous"><a href="#">NEWER</a></div>
| + | </div> |
− | </div>
| + | <div class="excerpt"> |
− | <!--ENDS page-navigation -->
| + | This year, we continued to be an active participant in the iGEM Asia Pacific Conference, since we consider this conference as a great platform for us to report our interim achievements. In the poster session, our project intrigued many teams, especially those that also focus their projects on synthetic metabolic pathways. They believed that our comparison between the designed metabolic pathway and the natural biochemical network would help them accomplish their project better. |
| + | </div> |
| + | <div class="feature-image"> |
| + | <img src="https://static.igem.org/mediawiki/2018/f/f0/T--SJTU-software--APC.jpg" alt="Thumbnail" /> |
| + | </div> |
| + | <div class="excerpt"> |
| + | During the presentation, we demonstrated the background and design thought to the conventioneers and the professors, and they gave us some sincerer and professional suggestions. We also discovered our own shortcomings through this conference. We couldn’t present our algorism lucidly to our audience, so that we will pay special attention to this problem for the Grant Jamboree presentation. |
| + | </div> |
| + | |
| + | </article> |
| + | |
| | | |
| </div> | | </div> |
Line 353: |
Line 415: |
| <ul> | | <ul> |
| <li class="block"> | | <li class="block"> |
− | <h4 class="heading"><a href="#ExpertInterview" ></a>Expert Interview</h4> | + | <h4 class="heading" align="center"><a href="#ExpertInterview" ></a>Expert Interview</h4> |
| <ul> | | <ul> |
| <li class="cat-item"><a href="#FT" >Prof. Fei Tao</a></li> | | <li class="cat-item"><a href="#FT" >Prof. Fei Tao</a></li> |
| + | <li class="cat-item"><a href="#ZW" >Prof. Zhuo Wang</a></li> |
| + | |
| <li class="cat-item"><a href="#DF" >Prof. Daniel Figeys</a></li> | | <li class="cat-item"><a href="#DF" >Prof. Daniel Figeys</a></li> |
− | <li class="cat-item"><a href="#" >February 2012</a></li> | + | <li class="cat-item"><a href="#JM" >Dr. Juntao Mai</a></li> |
− | <li class="cat-item"><a href="#" >January 2012</a></li>
| + | |
| </ul> | | </ul> |
| </li> | | </li> |
| | | |
− | <li class="block">
| + | |
− | <h4 class="heading">POPULAR POSTS</h4>
| + | <li class="block"> |
− |
| + | <h4 class="heading" align="center">Communication</h4> |
− |
| + | <ul > |
− | <div class="small-posts-list ">
| + | <li class="cat-item"><a href="#BUDS" >BUDS</a></li> |
| + | <li class="cat-item"><a href="#TECHNOMISE" >TECHNOMISE</a></li> |
| + | <li class="cat-item"><a href="#APC">Asia-Pacific iGEM Conference</a></li> |
| | | |
− | <div class="post cf">
| + | </ul> |
− | <a href="#" class="thumb"><img src="img/dummies/54x54-a.jpg" alt="Post"></a>
| + | </li> |
− | <div class="post-head">
| + | |
− | <a href="#">Pellentesque habitant morbi senectus </a><span class="meta"> Mar 12 <a href="#" >By ansimuz</a></span>
| + | |
− | </div>
| + | |
− | </div>
| + | |
− |
| + | |
− | <div class="post cf">
| + | |
− | <a href="#" class="thumb"><img src="img/dummies/54x54-b.jpg" alt="Post"></a>
| + | |
− | <div class="post-head">
| + | |
− | <a href="#">Pellentesque habitant morbi senectus </a><span class="meta"> Mar 12 <a href="#" >By ansimuz</a></span>
| + | |
− | </div>
| + | |
− | </div>
| + | |
− |
| + | |
− | <div class="post cf">
| + | |
− | <a href="#" class="thumb"><img src="img/dummies/54x54-c.jpg" alt="Post"></a>
| + | |
− | <div class="post-head">
| + | |
− | <a href="#">Pellentesque habitant morbi senectus </a><span class="meta"> Mar 12 <a href="#" >By ansimuz</a></span>
| + | |
− | </div>
| + | |
− | </div>
| + | |
− |
| + | |
− |
| + | |
− |
| + | |
− |
| + | |
− | </div> | + | |
− |
| + | |
− |
| + | |
− |
| + | |
− | </li>
| + | |
− |
| + | |
− |
| + | |
− | <li class="block">
| + | |
− | <h4 class="heading">SPONSORS</h4>
| + | |
− |
| + | |
− | <div class="ads cf">
| + | |
− | <a href="#"><img src="img/dummies/banner-tf.gif" alt="Thumbnail"></a>
| + | |
− | <a href="#" class="last" ><img src="img/dummies/banner-mt.jpeg" alt="Thumbnail"></a>
| + | |
− | <a href="#/list/"><img src="img/dummies/banner-tp.jpeg" alt="Thumbnail"></a>
| + | |
− | <a href="#" class="last"><img src="img/dummies/banner-tf.gif" alt="Thumbnail"></a>
| + | |
− | </div>
| + | |
− | </li>
| + | |
| </ul> | | </ul> |
| </aside> | | </aside> |