|
|
Line 1: |
Line 1: |
| {{SJTU-software}} | | {{SJTU-software}} |
| <html> | | <html> |
| + | <style> |
| + | /*================================================================================*/ |
| + | /*public engagement*/ |
| + | #posts-list { |
| + | position: relative; |
| + | width: 720px; |
| + | margin-top: 15px; |
| + | margin-left: 30px; |
| + | margin-bottom: 40px; |
| + | float: left; |
| + | } |
| + | |
| + | #posts-list article { |
| + | position: relative; |
| + | margin-bottom: 40px; |
| + | padding-bottom: 40px; |
| + | border-bottom: 1px solid #6b3b25; |
| + | } |
| + | #posts-list article:last-child { |
| + | border: none; |
| + | } |
| + | #posts-list article .feature-image { |
| + | position: relative; |
| + | line-height: 0px; |
| + | border: 5px solid #fff; |
| + | -webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2); |
| + | -moz-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); |
| + | margin-bottom: 20px; |
| + | } |
| + | #posts-list article .feature-image:after { |
| + | position: absolute; |
| + | bottom: -22px; |
| + | left: 0px; |
| + | content: ''; |
| + | background: url(https://raw.githubusercontent.com/sjtusoftware2018/2018iGEM_wiki/master/images/stacked-paper.png) no-repeat right bottom; |
| + | width: 100%; |
| + | height: 17px; |
| + | } |
| + | #posts-list article .feature-image img { |
| + | max-width: 100%; |
| + | } |
| + | #posts-list article .meta { |
| + | color: #c78301; |
| + | text-shadow: 0px 1px 0 rgba(255, 255, 255, 0.5); |
| + | font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, serif; |
| + | font-size: 18px; |
| + | margin-bottom: 14px; |
| + | } |
| + | #posts-list article .meta a { |
| + | color: #c78301; |
| + | text-decoration: none; |
| + | } |
| + | #posts-list article .entry-title { |
| + | color: #6b3b25; |
| + | text-shadow: 0px 1px 0 rgba(255, 255, 255, 0.5); |
| + | margin-bottom: 14px; |
| + | } |
| + | #posts-list article .entry-title .post-heading { |
| + | color: #6b3b25; |
| + | text-decoration: none; |
| + | font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif; |
| + | font-size: 24px; |
| + | font-weight: 700; |
| + | } |
| + | #posts-list article .subtitle{ |
| + | color: #6b3b25; |
| + | text-decoration: none; |
| + | font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif; |
| + | font-size: 20px; |
| + | font-weight: 600; |
| + | } |
| + | #posts-list article .excerpt { |
| + | text-shadow: 0px 1px 0 rgba(255, 255, 255, 0.5); |
| + | margin-bottom: 21px; |
| + | font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, serif; |
| + | font-size: 18px; |
| + | line-height: 1.5em; |
| + | color: #6b3b25; |
| + | } |
| + | #posts-list.single-post article { |
| + | border: none; |
| + | } |
| + | /*-----------------------------------------------------------------------------------*/ |
| + | /* PAGE NAVIGATION |
| + | /*-----------------------------------------------------------------------------------*/ |
| + | #posts-list .page-navigation { |
| + | position: relative; |
| + | left: 50%; |
| + | display: block; |
| + | margin-bottom: 100px; |
| + | float: left; |
| + | } |
| + | #posts-list .page-navigation div { |
| + | position: relative; |
| + | right: 50%; |
| + | } |
| + | #posts-list .page-navigation div span { |
| + | margin-bottom: 15px; |
| + | display: inline-block; |
| + | } |
| + | #posts-list .page-navigation div:hover a { |
| + | color: #6b3b25; |
| + | } |
| + | #posts-list .page-navigation a { |
| + | -webkit-transition: all 0.3s ease; |
| + | -moz-transition: all 0.3s ease; |
| + | -o-transition: all 0.3s ease; |
| + | transition: all 0.3s ease; |
| + | color: #fff; |
| + | display: block; |
| + | font-size: 12px; |
| + | line-height: 41px; |
| + | width: 112px; |
| + | text-decoration: none; |
| + | text-align: center; |
| + | } |
| + | #posts-list .page-navigation .nav-next { |
| + | float: left; |
| + | margin-right: 20px; |
| + | background: url(https://raw.githubusercontent.com/sjtusoftware2018/2018iGEM_wiki/master/images/pagination.png) no-repeat 0px 0px; |
| + | } |
| + | #posts-list .page-navigation .nav-previous { |
| + | float: right; |
| + | background: url(https://raw.githubusercontent.com/sjtusoftware2018/2018iGEM_wiki/master/images/pagination.png) no-repeat right -59px; |
| + | } |
| + | /*-----------------------------------------------------------------------------------*/ |
| + | |
| + | /*-----------------------------------------------------------------------------------*/ |
| + | /* 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{ |
| + | color: #6b3b25; |
| + | text-decoration: none; |
| + | font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif; |
| + | font-size: 35px; |
| + | font-weight: 800; |
| + | margin: 15px; |
| + | } |
| + | ul{ |
| + | list-style: none;; |
| + | } |
| + | </style> |
| + | |
| <body> | | <body> |
| <div class="wrapper"> | | <div class="wrapper"> |
Line 6: |
Line 188: |
| | | |
| <!-- MAIN--> | | <!-- MAIN--> |
| + | <div id="main" class="cf"> |
| + | <div class="headline"> |
| + | Project —— Description |
| + | </div> |
| + | <!-- posts list --> |
| + | <div id="posts-list" class="cf"> |
| + | |
| + | <article class="cf" id="Background"> |
| + | |
| + | <div class="entry-title"> |
| + | <div class="post-heading" >BACKGROUND</div> |
| + | </div> |
| + | <div class="excerpt"> |
| + | With the development of experimental techniques such as yeast two-hybrid, mass spectrometry, chromosome immunoprecipitation, tandem affinity purifica-tion, protein chip, phage display and literature mining, a large number of mo-lecular interaction data, also known as biological network data, such as protein interaction network, metabolic network, Gene expression network, gene regula-tory network and signal transduction network have been generated. And these data showed an exponential growth trend. |
| + | </div> |
| + | <div class="excerpt"> |
| + | Nowadays, a great deal of research work on biological network data has been carried out.Among them, one of important researches is the comparative analy-sis of biological network data, the alignment of biological networks.Through the alignment, we can understand and study organisms, find the correlation between their structure and function, study the evolution and evolution of organisms based on the comparison results of biological network data, and transfer knowledge between different networks. With unknown organisms, we study un-known organisms. |
| + | </div> |
| + | <div class="excerpt"> |
| + | At present, most of the research work is only for a specific problem or applica-tion, the time complexity of the algorithm is high, and the algorithm is Ineffi-cient.The aim of the research on alignment models and algorithms of biological networks is to develop a general-purpose alignment software, which can effi-ciently align multiple biological networks with multiple application patterns, similar to the sequence alignment software BLAST. |
| + | </div> |
| + | <div class="excerpt"> |
| + | At the same time, the Systems Biology Markup Language(SBML), a representa-tion and standard format representing many different classes of biological phe-nomena, including metabolic networks, cell signaling pathways, is frequent-ly used and visualized. There are currently three Levels of SBML defined. SBML is defined in Levels. However, each Level can have multiple Versions within it, and new Versions of a Level dosupersede old Versions of that same Level. Therefore, it is neces-sary to be compared in different versions. |
| + | </div> |
| + | <!-- <div class="feature-image"> |
| + | <img src="images/HP/BUDS2.jpg" alt="Thumbnail" /> |
| + | </div> --> |
| + | |
| + | </article> |
| + | |
| + | <article class="cf" id="What"> |
| + | <div class="entry-title"> |
| + | <div class="post-heading" >WHAT IS METLAB ?</div> |
| + | </div> |
| + | <div class="excerpt"> |
| + | METLAB is an online integrated Toolbox, focusing on more efficient network alignment and more convenient model visualization. Due to requirement we found in actual study ,several bioinformatics tools are integrated into METLAB , to help users research more effectively. The interface is terse, friendly and can be used conveniently with steady and safe in motion. Simply choose one func-tion, upload the .met file and run, users can get what they need. |
| + | </div> |
| + | <div class="excerpt"> |
| + | One of the primary functions in Metlab is biological network alignment, present-ed in a friendly way.. It makes it accessible to make comparisons between local pathway and online pathways, in order to get the whole picture. Its metabolic networks model is constructed on the basis of BiGG. With just one click, users can obtain a analysis report for their pathway, which is defined by metabolite reaction. Metlab can also be used to visualize SBML model and com-pare different versions of SBML model. And another function is SMILES’s visualization. |
| + | </div> |
| + | <!-- <div class="excerpt"> |
| + | pharetra. |
| + | </div> --> |
| + | |
| + | </article> |
| | | |
| + | <article class="cf" id="How"> |
| + | <div class="entry-title"> |
| + | <div class="post-heading" >HOW TO USE IT?</div> |
| + | </div> |
| + | <div class="excerpt"> |
| + | Visit <a href="http://metlab-sjtu.com" target="_blank" >http://metlab-sjtu.com </a>. |
| + | </div> |
| + | <div class="feature-image"> |
| + | <img src="images/project/METLAB.jpg" alt="Thumbnail" /> |
| + | </div> |
| + | <div class="excerpt"> |
| + | Select the function in need on the page. |
| + | </div> |
| + | <div class="excerpt"> |
| + | Upload the .met file. |
| + | </div> |
| + | <div class="excerpt"> |
| + | Have a try! |
| + | </div> |
| + | |
| + | </article> |
| + | |
| + | </div> |
| + | <!-- ENDS post list --> |
| + | |
| + | <!-- SIDEBAR --> |
| + | <aside id="sidebar" > |
| + | |
| + | <ul> |
| + | <li class="block"> |
| + | <h4 class="heading">Description</h4> |
| + | <ul> |
| + | <li class="cat-item"><a href="#Background" >BACKGROUND</a></li> |
| + | <li class="cat-item"><a href="#What" >WHAT IS METLAB?</a></li> |
| + | <li class="cat-item"><a href="#How" >HOW TO USE IT?</a></li> |
| + | </ul> |
| + | </li> |
| + | </ul> |
| + | </aside> |
| + | <!-- ENDS SIDEBAR --> |
| + | |
| + | </div> |
| <!-- ENDS MAIN --> | | <!-- ENDS MAIN --> |
| | | |