Difference between revisions of "Team:SJTU-software/Demonstrate"

(Replaced content with "{{SJTU-software}} <html> <body> <div class="wrapper"> <!-- MAIN--> <!-- ENDS MAIN --> </body> </html> {{SJTU-software/Widget}}")
Line 1: Line 1:
 
{{SJTU-software}}
 
{{SJTU-software}}
 
<html>
 
<html>
 +
<style>
 +
/*================================================================================*/
 +
            /*public engagement*/
 +
            #posts-list {
 +
                position: relative;
 +
                width: 900px;
 +
                margin-top: 15px;
 +
                margin-left: 40px;
 +
                margin-right:40px
 +
                margin-bottom: 30px;
 +
 
 +
            }
 +
 +
            #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;
 +
            }
 +
            /*-----------------------------------------------------------------------------------*/
 +
            .headline{
 +
                color: #6b3b25;
 +
                text-decoration: none;
 +
                font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
 +
                font-size: 35px;
 +
                font-weight: 800;
 +
                margin: 27px;
 +
            }
 +
            ul{
 +
                list-style: none;;
 +
            }
 +
</style>
 +
 +
 
<body>
 
<body>
 
     <div class="wrapper">
 
     <div class="wrapper">
Line 6: Line 149:
 
         <!-- MAIN-->
 
         <!-- MAIN-->
  
 +
        <div id="main" class="cf">
 +
<div class="headline">
 +
                    Project —— Improve   
 +
                </div>
 +
                    <!-- posts list -->
 +
                    <div id="posts-list" class="cf">
 +
                       
 +
                        <article class="cf">
 +
                         
 +
                            <div class="excerpt">
 +
                                This year, when we started to build our metabolic network alignment search tool, a database including metabolite and reaction information was in urgent need. So we decided to use the database, BASE, created by our previous SJTU-software team in 2015. BASE included information of biobricks, metabolites and enzymes. We expanded BASE with more metabolites and enzymes, and added reaction information into BASE, making BASE a more integrated database. Then we use this updated BASE in our network alignment search.
 +
                            </div>
 +
                       
 +
                            <div class="feature-image">
 +
                              <img src="https://static.igem.org/mediawiki/2018/e/e2/T--SJTU-software--BASE.jpg" alt="Thumbnail" />
 +
                            </div>
 +
                   
 +
                        </article>                 
 +
            </div>
 
         <!-- ENDS MAIN -->
 
         <!-- ENDS MAIN -->
−
 
−
 
 
</body>
 
</body>
−
 
 
</html>
 
</html>
 
{{SJTU-software/Widget}}
 
{{SJTU-software/Widget}}

Revision as of 07:58, 16 October 2018

SJTU-software
Metlab: a metabolic network research tool box
Project —— Improve
This year, when we started to build our metabolic network alignment search tool, a database including metabolite and reaction information was in urgent need. So we decided to use the database, BASE, created by our previous SJTU-software team in 2015. BASE included information of biobricks, metabolites and enzymes. We expanded BASE with more metabolites and enzymes, and added reaction information into BASE, making BASE a more integrated database. Then we use this updated BASE in our network alignment search.
Thumbnail

    Address

    NO. 800 Dongchuan Road, Minhang District, Shanghai, China

    Contact Us

    rockywei@sjtu.edu.cn

    SJTU-software