|
|
(6 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: 900px; |
| + | margin-top: 15px; |
| + | margin-left: 40px; |
| + | margin-right:40px; |
| + | margin-bottom: 20px; |
| + | |
| + | } |
| + | |
| + | #posts-list article { |
| + | position: relative; |
| + | margin-bottom: 40px; |
| + | padding-bottom: 40px; |
| + | border-bottom: 1px solid #6b3b25; |
| + | text-align:justify; |
| + | } |
| + | #posts-list article:last-child { |
| + | border: none; |
| + | } |
| + | #posts-list article .feature-image { |
| + | background:#fff; |
| + | 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"> |
− | <!-- HEADER -->
| |
− | <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="title">Attributions</div>
| |
− | <div id="subtitle">Metlab: a metabolic network alignment tool</div>
| |
− | </header>
| |
− |
| |
− | <!-- NAV -->
| |
− | <nav class="cf">
| |
− | <ul id="nav" class="sf-menu">
| |
− | <li class="current-menu-item"><a href="https://2018.igem.org/Team:SJTU-software">HOME</a></li>
| |
− | <li><a href="">TEAM</a>
| |
− | <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/Collaborations">COLLABRATIONS</a></li>>
| |
− | </ul>
| |
− | </li>
| |
− | <li><a href="">PROJECT</a>
| |
− | <ul>
| |
− | <li><a href="https://2018.igem.org/Team:SJTU-software/Description">DESCRIPTION</a></li>
| |
− | <li><a href="https://2018.igem.org/Team:SJTU-software/Design">DESIGN</a></li>
| |
− | <li><a href="https://2018.igem.org/Team:SJTU-software/Notebook">NOTEBOOK</a></li>
| |
− | <li><a href="https://2018.igem.org/Team:SJTU-software/Contribution">CONTRIBUTION</a></li>
| |
− | <li><a href="https://2018.igem.org/Team:SJTU-software/Demonstrate">DEMONSTRATE</a></li>
| |
− | <li><a href="https://2018.igem.org/Team:SJTU-software/Improve">IMPROVE</a></li>
| |
− | <li><a href="https://2018.igem.org/Team:SJTU-software/Attributions">ATTRIBUTIONS</a></li>
| |
− | </ul>
| |
− | </li>
| |
− | <li><a href="">HUMAN PRACTICE</a>
| |
− | <ul>
| |
− | <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>
| |
− | <li><a href="https://2018.igem.org/Team:SJTU-software/Engagement">PUBLIC ENGAGEMENT</a></li>
| |
− | </ul>
| |
− | </li>
| |
− | </ul>
| |
− | </nav>
| |
− | <!-- ENDS NAV-->
| |
| | | |
| <!-- MAIN--> | | <!-- MAIN--> |
| + | |
| + | <div id="main" class="cf"> |
| + | <div class="headline"> |
| + | Project —— Attributions |
| + | </div> |
| + | <!-- posts list --> |
| + | <div id="posts-list" class="cf"> |
| + | |
| + | <article class="cf"> |
| + | <div class="entry-title"> |
| + | <div class="post-heading" >Team Leader</div> |
| + | </div> |
| + | <div class="excerpt"> |
| + | <ul> |
| + | <li>Yangzhen Wei, organizer, algorithm designer </li> |
| + | </ul> |
| + | </div> |
| + | |
| + | <div class="entry-title"> |
| + | <div class="post-heading" >Coding group</div> |
| + | </div> |
| + | <div class="excerpt"> |
| + | <ul> |
| + | <li>Enming Yuan, coding group leader, building server, implementing all functions</li> |
| + | </ul> |
| + | <ul> |
| + | <li>Kai Kang, integrating database and networks, implementing visualization</li> |
| + | </ul> |
| + | <ul> |
| + | <li>Ruitian Gao, coding front end of Metlab and wiki </li> |
| + | </ul> |
| + | <ul> |
| + | <li>Hao Zhou, building server, coding PHP part</li> |
| + | </ul> |
| + | <ul> |
| + | <li>Sheng Xiang, coding front end of Metlab and wiki</li> |
| + | </ul> |
| + | <ul> |
| + | <li>Haoyu Meng, implementing algorithm, integrating database</li> |
| + | </ul> |
| + | <ul> |
| + | <li>Junchen Yang, building server</li> |
| + | </ul> |
| + | <ul> |
| + | <li>Zhe Wang, implementing algorithm</li> |
| + | </ul> |
| + | |
| + | </div> |
| | | |
− | <!-- ENDS MAIN -->
| + | <div class="entry-title"> |
− |
| + | <div class="post-heading" >Design group</div> |
− |
| + | </div> |
− | <!-- WIDGETS -->
| + | <div class="excerpt"> |
− | <ul class="widget-cols cf">
| + | <ul> |
− | <li class="first-col">
| + | <li>Xiaohan Chi, designer of team video, poster, PPT, website </li> |
− |
| + | </ul> |
− | <div class="widget-block">
| + | <ul> |
− | <h4>Address</h4>
| + | <li>Feifei Geng, VR game developer, designer of team T-shirt, video</li> |
− | <p>NO. 800 DONGCHUAN ROAD, MINHANG DISTRICT, SHANGHAI, CHINA
| + | </ul> |
− | <!-- <a href="#/blog/license/" >link</a> -->
| + | </div> |
− | </p>
| + | |
− | </div>
| + | <div class="entry-title"> |
− | </li>
| + | <div class="post-heading" >HP group</div> |
− |
| + | </div> |
− | <li class="second-col">
| + | <div class="excerpt"> |
− |
| + | <ul> |
− | <div class="widget-block">
| + | <li>Chenyi Xie, in charge of public engagement HP </li> |
− | <h4>Contact Us</h4>
| + | </ul> |
− |
| + | <ul> |
− | </div>
| + | <li>Naiqiao Hou, in charge of integrated HP</li> |
− |
| + | </ul> |
− | </li>
| + | <ul> |
− |
| + | <li>Yuntian Xia, HP participation</li> |
− | <li class="third-col">
| + | </ul> |
− |
| + | <ul> |
− | <div class="widget-block">
| + | <li>Shiyu Fan, HP participation</li> |
− | <h4>DUMMY TEXT</h4>
| + | </ul> |
− | <p></p>
| + | </div> |
− | </div>
| + | |
− |
| + | |
− | </li>
| + | |
− |
| + | |
− | <li 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>
| + | |
− |
| + | |
− | </li>
| + | |
− | <li class="scroll"></li>
| + | |
− | </ul>
| + | |
− | <!-- ENDS WIDGETS -->
| + | |
− | <!-- FOOTER -->
| + | |
− | <div class="footer-divider"></div>
| + | |
− | <footer class="cf">
| + | |
− | SJTU-software
| + | |
− | </footer>
| + | |
− | <!-- ENDS FOOTER -->
| + | |
| | | |
− | </div>
| + | </article> |
| | | |
− | <script src="https://raw.githubusercontent.com/sjtusoftware2018/2018iGEM_wiki/master/js/jquery.min.js"></script>
| + | <article> |
− | <script>
| + | <div class="entry-title"> |
− | /*-----------------------------------------------------------------------------------*/
| + | <div class="post-heading" >Instructors</div> |
− | /* Scroll to top
| + | </div> |
− | /*-----------------------------------------------------------------------------------*/
| + | <div class="excerpt"> |
− | $('.widget-cols .scroll').click(function(){
| + | <ul> |
− | $("html, body").animate({ scrollTop: 0 }, 600);
| + | <li>Prof. Chaochun Wei, offered us advice on our project and suggestions on our HP </li> |
− | return false;
| + | </ul> |
− | });
| + | <ul> |
− | /*-----------------------------------------------------------------------------------*/
| + | <li>Prof. Feng Chen, helped us with fundraising and offered us many suggestions on programming</li> |
− | </script>
| + | </ul> |
− |
| + | <ul> |
| + | <li>Prof. Hongyu Ou helped us find a meeting room and offered some technical support to our program</li> |
| + | </ul> |
| + | <ul> |
| + | <li>Dr. Yue Zhang, our instructor, helped us with some technical support</li> |
| + | </ul> |
| + | </div> |
| + | </article> |
| + | |
| + | <article> |
| + | <div class="entry-title"> |
| + | <div class="post-heading" >Shanghai Jiao Tong University</div> |
| + | </div> |
| + | <div class="excerpt"> |
| + | <ul> |
| + | <li>School of Life Science and Biotechnology in SJTU </li> |
| + | </ul> |
| + | <ul> |
| + | <li>School of Electronic Information and Electrical Engineering</li> |
| + | </ul> |
| + | </div> |
| + | |
| + | </article> |
| + | <article> |
| + | <div class="entry-title"> |
| + | <div class="post-heading" >National Chung Hsing University</div> |
| + | </div> |
| + | <div class="excerpt"> |
| + | Host of 6th Asia-Pacific iGEM Conference, invited us to the conference and gave us an opportunity to prent our project and communicate with each other |
| + | </div> |
| + | |
| + | <div class="entry-title"> |
| + | <div class="post-heading" >Sun Yat-Sen University</div> |
| + | </div> |
| + | <div class="excerpt"> |
| + | Host of 2018 Biology Undergraduates Development Symposium(BUDS), invited us to the conference and gave us an opportunity to communicate with each other |
| + | </div> |
| + | |
| + | <div class="entry-title"> |
| + | <div class="post-heading" >University of Ottawa</div> |
| + | </div> |
| + | <div class="excerpt"> |
| + | University of Ottawa offered some of our team members an opportunity to participate in summer research internship. During internship, professors there inspired us a lot to advance our software |
| + | </div> |
| + | |
| + | <div class="entry-title"> |
| + | <div class="post-heading" >University of Toronto</div> |
| + | </div> |
| + | <div class="excerpt"> |
| + | University of Toronto offered some of our team members an opportunity to participate in summer research internship. During internship, professors there gave us many advice about our project |
| + | </div> |
| + | |
| + | <div class="entry-title"> |
| + | <div class="post-heading" >Min Hang Youth Center</div> |
| + | </div> |
| + | <div class="excerpt"> |
| + | Gave us the opportunity to hold our Human Practice there. And the children there were really active |
| + | </div> |
| + | </article> |
| + | |
| + | <article> |
| + | <div class="entry-title"> |
| + | <div class="post-heading" >2015 SJTU-software</div> |
| + | </div> |
| + | <div class="excerpt"> |
| + | We construct our database based on their database, BASE |
| + | </div> |
| + | |
| + | <div class="entry-title"> |
| + | <div class="post-heading" >2016 SJTU-software & 2017 SJTU-software</div> |
| + | </div> |
| + | <div class="excerpt"> |
| + | Our former team members gave us many suggestions in many aspects |
| + | </div> |
| + | |
| + | <div class="excerpt"> |
| + | <strong>And we are very grateful to all the teams that helped us test the software, gave us feedback and did our survey.</strong> |
| + | </div> |
| + | |
| + | <div class="excerpt"> |
| + | <strong>We would like to thank all the people who helped us. It was because of your sincere support that we could achieve all these things.</strong> |
| + | </div> |
| + | </article> |
| + | |
| + | <article> |
| + | |
| + | <div class="feature-image"> |
| + | <img src="https://static.igem.org/mediawiki/2016/5/5e/SJTUsoftware-attribution1.jpg" width="30%" height="auto"> |
| + | <img src="https://static.igem.org/mediawiki/2016/1/1b/SJTUsoftware-attribution2.jpg" width="30%" height="auto"> |
| + | <img src="https://static.igem.org/mediawiki/2016/5/56/SJTUsoftware-attribution5.jpg" width="35%" height="auto"> |
| + | <img src="https://static.igem.org/mediawiki/2016/1/18/SJTUsoftware-attribution4.jpg" width="30%" height="auto"> |
| + | <img src="https://static.igem.org/mediawiki/2018/2/20/T--SJTU-software--Toronto.jpg" width="30%" height="auto"> |
| + | <img src="https://static.igem.org/mediawiki/2018/3/37/T--SJTU-software--Ottawa.jpg" width="30%" height="auto"> |
| + | <img src="https://static.igem.org/mediawiki/2018/1/1d/T--SJTU-software--SYSU.jpg" width="40%" height="auto"> |
| + | <img src="https://static.igem.org/mediawiki/2018/b/b3/T--SJTU-software--NCHU.jpg" width="40%" height="auto"> |
| + | |
| + | </div> |
| + | </article> |
| + | |
| + | </div> |
| + | <!-- ENDS post list --> |
| + | |
| + | |
| + | </div> |
| + | |
| + | <!-- ENDS MAIN --> |
| + | |
| </body> | | </body> |
| | | |
| </html> | | </html> |
| + | {{SJTU-software/Widget}} |