|
|
(15 intermediate revisions by 2 users not shown) |
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"> |
− | <!-- HEADER --> | + | <!-- MAIN --> |
− | <header class="cf">
| + | <div id="main" 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 class="headline"> |
− | <div id="title">Silver HP</div>
| + | HUMAN PRACTICE —— SILVER HP |
− | <div id="subtitle">Metlab: a metabolic network alignment tool</div>
| + | </div> |
− | </header>
| + | <!-- posts list --> |
− | | + | <div id="posts-list" class="cf"> |
− | <!-- NAV -->
| + | |
− | <nav class="cf">
| + | <article class="cf" id="BUDS"> |
− | <ul id="nav" class="sf-menu">
| + | |
− | <li class="current-menu-item"><a href="https://2018.igem.org/Team:SJTU-software">HOME</a></li>
| + | <div class="entry-title"> |
− | <li><a href="">TEAM</a>
| + | <div class="meta"> May 18th to May 20th , 2018</div> |
− | <ul> | + | <div class="post-heading" >Biology Undergraduates Development Symposium(BUDS)</div> |
− | <li><a href="https://2018.igem.org/Team:SJTU-software/Team">TEAM</a></li>
| + | </div> |
− | <li><a href="https://2018.igem.org/Team:SJTU-software/Collaborations">COLLABRATIONS</a></li>> | + | <div class="excerpt"> |
− | </ul> | + | Participants: Sun Yet Sun University, Shanghai Jiao Tong University, Fudan University, Nanjing University, Central South University. |
− | </li> | + | </div> |
− | <li><a href="">PROJECT</a>
| + | |
− | <ul> | + | <div class="excerpt"> |
− | <li><a href="https://2018.igem.org/Team:SJTU-software/Description">DESCRIPTION</a></li> | + | 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. |
− | <li><a href="https://2018.igem.org/Team:SJTU-software/Design">DESIGN</a></li>
| + | </div> |
− | <li><a href="https://2018.igem.org/Team:SJTU-software/Notebook">NOTEBOOK</a></li>
| + | <div class="feature-image"> |
− | <li><a href="https://2018.igem.org/Team:SJTU-software/Contribution">CONTRIBUTION</a></li>
| + | <img src="https://raw.githubusercontent.com/sjtusoftware2018/2018iGEM_wiki/master/images/HP/BUDS1.jpg" alt="Thumbnail" /> |
− | <li><a href="https://2018.igem.org/Team:SJTU-software/Demonstrate">DEMONSTRATE</a></li>
| + | </div> |
− | <li><a href="https://2018.igem.org/Team:SJTU-software/Improve">IMPROVE</a></li>
| + | <div class="excerpt"> |
− | <li><a href="https://2018.igem.org/Team:SJTU-software/Attributions">ATTRIBUTIONS</a></li>
| + | 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. |
− | </ul> | + | </div> |
− | </li>
| + | <!-- <div class="feature-image"> |
− | <li><a href="">HUMAN PRACTICE</a>
| + | <img src="https://raw.githubusercontent.com/sjtusoftware2018/2018iGEM_wiki/master/images/HP/BUDS2.jpg" alt="Thumbnail" /> |
− | <ul> | + | </div> --> |
− | <li><a href="https://2018.igem.org/Team:SJTU-software/HP/Silver">SILVER HP</a></li>
| + | |
− | <li><a href="https://2018.igem.org/Team:SJTU-software/HP/Gold_Intergrated">INTERCRATED AND COLD</a></li>
| + | </article> |
− | <li><a href="https://2018.igem.org/Team:SJTU-software/Engagement">PUBLIC ENGAGEMENT</a></li>
| + | |
− | </ul> | + | <article class="cf" id="TECHNOMISE"> |
− | </li>
| + | <div class="entry-title"> |
− | </ul>
| + | <div class="meta"> July 7th to July 13th , 2018</div> |
− | </nav>
| + | <div class="post-heading" >TECHNOMISE Summer Boot Camp</div> |
− | <!-- ENDS NAV-->
| + | </div> |
− | | + | <div class="excerpt"> |
− | <!-- MAIN-->
| + | 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" id="APC"> |
| + | <div class="entry-title"> |
| + | <div class="meta"> July 30th to August 3rd , 2018</div> |
| + | <div class="post-heading" >6th Asia-Pacific iGEM Conference</div> |
| + | </div> |
| + | <div class="excerpt"> |
| + | 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://raw.githubusercontent.com/sjtusoftware2018/2018iGEM_wiki/master/images/HP/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> |
| + | <!-- ENDS post list --> |
| + | |
| + | <!-- SIDEBAR --> |
| + | <aside id="sidebar"> |
| + | |
| + | <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="#APC">Asia-Pacific iGEM Conference</a></li> |
| + | </ul> |
| + | </li> |
| + | </ul> |
| + | </aside> |
| + | <!-- ENDS SIDEBAR --> |
| + | |
| + | </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}} |