Difference between revisions of "Team:SJTU-software/HP/Silver"

Line 1: Line 1:
 
{{SJTU-software}}
 
{{SJTU-software}}
 
<html>
 
<html>
 +
<style>
 +
            /*================================================================================*/
 +
            /*public engagement*/
 +
            #posts-list {
 +
                position: relative;
 +
                width: 720px;
 +
                margin-top: 30px;
 +
                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;
 +
            }
 +
            #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: 220px;
 +
            margin-right: 30px;
 +
            margin-top: 30px;
 +
            margin-bottom: 30px;
 +
            float: right;
 +
            }
 +
            #sidebar .block {
 +
            font-size: 14px;
 +
            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;
 +
            font-weight: 700;
 +
            line-height: 48px;
 +
            font-size: 18px;
 +
            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: 30px;
 +
                font-weight: 900;
 +
                margin: 20px;
 +
            }
 +
            ul{
 +
                list-style: none;;
 +
            }
 +
</style>
 
<body>
 
<body>
 
     <div class="wrapper">
 
     <div class="wrapper">
 
         <!-- HEADER -->
 
         <!-- HEADER -->
 
       <header class="cf">
 
       <header class="cf">
−
           <div id="logo"><a href="https://2018.igem.org/Team:SJTU-software"> <img src="https://raw.githubusercontent.com/sjtusoftware2018/2018iGEM_wiki/master/images/teamlogo.png"  height="90"/></a></div>
+
           <div id="logo"><a href="https://2018.igem.org/Team:SJTU-software/Home"> <img src="https://raw.githubusercontent.com/sjtusoftware2018/2018iGEM_wiki/master/images/teamlogo.png"  height="90"/></a></div>
−
           <div id="title">Silver HP</div>
+
           <div id="title">SJTU-software</div>
 
           <div id="subtitle">Metlab: a metabolic network alignment tool</div>
 
           <div id="subtitle">Metlab: a metabolic network alignment tool</div>
 
         </header>
 
         </header>
Line 17: Line 193:
 
                     <ul>
 
                     <ul>
 
                         <li><a href="https://2018.igem.org/Team:SJTU-software/Team">TEAM</a></li>
 
                         <li><a href="https://2018.igem.org/Team:SJTU-software/Team">TEAM</a></li>
−
                         <li><a href="https://2018.igem.org/Team:SJTU-software/Collaborations">COLLABRATIONS</a></li>>
+
                         <li><a href="https://2018.igem.org/Team:SJTU-software/Collaborations">COLLABRATIONS</a></li>
 
                     </ul>
 
                     </ul>
 
                 </li>
 
                 </li>
Line 42: Line 218:
 
         <!-- ENDS NAV-->
 
         <!-- ENDS NAV-->
  
−
         <!-- MAIN-->
+
         <!-- MAIN -->
−
 
+
<div id="main" class="cf">
 +
<div class="headline">
 +
            HUMAN PRACTICE —— SILVER HP       
 +
        </div>
 +
            <!-- posts list -->
 +
            <div id="posts-list" class="cf">
 +
               
 +
                <article class="cf" id="BUDS">
 +
                   
 +
                    <div class="entry-title">
 +
                        <div class="meta"> May 18th  to  May 20th , 2018</div>
 +
                        <div class="post-heading" >Biology Undergraduates Development Symposium（BUDS）</div>
 +
                    </div>
 +
                    <div class="excerpt">
 +
                        Participants: Sun Yet Sun University, Shanghai Jiao Tong University, Fudan University, Nanjing University, Central South University.
 +
                    </div>
 +
               
 +
                    <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 Yet Sun University.
 +
                    </div>
 +
                    <div class="feature-image">
 +
                        <img src="https://raw.githubusercontent.com/sjtusoftware2018/2018iGEM_wiki/master/images/HP/BUDS1.jpg" alt="Thumbnail" />
 +
                    </div>
 +
                    <div class="excerpt">
 +
                        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.
 +
                    </div>
 +
                    <!-- <div class="feature-image">
 +
                      <img src="https://raw.githubusercontent.com/sjtusoftware2018/2018iGEM_wiki/master/images/HP/BUDS2.jpg" alt="Thumbnail" />
 +
                    </div> -->
 +
           
 +
                </article>
 +
               
 +
                <article class="cf" id="TECHNOMISE">
 +
                    <div class="entry-title">
 +
                            <div class="meta"> July 7th to July 13th , 2018</div>
 +
                            <div class="post-heading" >TECHNOMISE Summer Boot Camp</div>
 +
                    </div>
 +
                    <div class="excerpt">
 +
                            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.
 +
                    </div>
 +
                    <div class="feature-image">
 +
                            <img src="https://raw.githubusercontent.com/sjtusoftware2018/2018iGEM_wiki/master/images/HP/TECHNOMISE1.jpg" alt="Thumbnail" />
 +
                    </div>
 +
                    <div class="excerpt">
 +
                            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://raw.githubusercontent.com/sjtusoftware2018/2018iGEM_wiki/master/images/HP/TECHNOMISE2.jpg" alt="Thumbnail" />
 +
                    </div>
 +
                    <!-- <div class="excerpt">
 +
                        pharetra.
 +
                    </div> -->
 +
                 
 +
                </article>
 +
               
 +
                <article class="cf">
 +
                    <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>
 +
                    </div>
 +
                    <div class="entry-title">
 +
                        <div class="meta">Jan 23 by <a href="#" class="author">Ansimuz</a></div>
 +
                        <a href="single.html" class="post-heading" >LOREM IPSUM DOLOR</a>
 +
                    </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="feature-image">
 +
                        <a href="single.html" ><img src="https://raw.githubusercontent.com/sjtusoftware2018/2018iGEM_wiki/master/images/dummies/620x450-d.jpg" alt="Thumbnail" /></a>
 +
                    </div>
 +
                    <div class="entry-title">
 +
                        <div class="meta">Jan 23 by <a href="#" class="author">Ansimuz</a></div>
 +
                        <a href="single.html" class="post-heading" >LOREM IPSUM DOLOR</a>
 +
                    </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>
 +
               
 +
                <!-- page-navigation -->
 +
                <div class="page-navigation cf">
 +
                    <div class="nav-next"><a href="#">OLDER</a></div>
 +
                    <div class="nav-previous"><a href="#">NEWER</a></div>
 +
                </div>
 +
                <!--ENDS page-navigation -->
 +
           
 +
            </div>
 +
            <!-- ENDS post list -->
 +
           
 +
            <!-- SIDEBAR -->
 +
            <aside id="sidebar" style="position: fixed;top:230px; left: auto; right: 150px;  bottom: auto; ">
 +
           
 +
                <ul>
 +
                    <li class="block">
 +
                        <h4 class="heading">HUMAN PRACTICE</h4>
 +
                        <ul>
 +
                            <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="#" >February 2012</a></li>
 +
                            <li class="cat-item"><a href="#" >January 2012</a></li>
 +
                        </ul>
 +
                    </li>
 +
                </ul>
 +
            </aside>
 +
            <!-- ENDS SIDEBAR -->
 +
           
 +
        </div>
 
         <!-- ENDS MAIN -->
 
         <!-- ENDS MAIN -->
 
 

Revision as of 05:22, 12 October 2018

SJTU-software
Metlab: a metabolic network research tool box
SJTU-software
Metlab: a metabolic network alignment tool
HUMAN PRACTICE —— SILVER HP
May 18th to May 20th , 2018
Biology Undergraduates Development Symposium（BUDS）
Participants: Sun Yet Sun University, Shanghai Jiao Tong University, Fudan University, Nanjing University, Central South University.
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 Yet Sun University.
Thumbnail
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.
July 7th to July 13th , 2018
TECHNOMISE Summer Boot Camp
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.
Thumbnail
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.
Thumbnail
Thumbnail
Jan 23 by Ansimuz
LOREM IPSUM DOLOR
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.
Thumbnail
Jan 23 by Ansimuz
LOREM IPSUM DOLOR
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.
OLDER
NEWER

    Address

    NO. 800 DONGCHUAN ROAD, MINHANG DISTRICT, SHANGHAI, CHINA

    Contact Us

    DUMMY TEXT

    SJTU-software