|
|
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 { |
| + | 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: 15px; |
| + | } |
| + | ul{ |
| + | list-style: none;; |
| + | } |
| + | </style> |
| + | |
| + | |
| <body> | | <body> |
| <div class="wrapper"> | | <div class="wrapper"> |
| | | |
| <!-- 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> |
| + | |
| + | <div class="entry-title"> |
| + | <div class="post-heading" >Design group</div> |
| + | </div> |
| + | <div class="excerpt"> |
| + | <ul> |
| + | <li>Xiaohan Chi, designer of team video, poster, PPT, website </li> |
| + | </ul> |
| + | <ul> |
| + | <li>Feifei Geng, VR game developer, designer of team T-shirt, video</li> |
| + | </ul> |
| + | </div> |
| + | |
| + | <div class="entry-title"> |
| + | <div class="post-heading" >HP group</div> |
| + | </div> |
| + | <div class="excerpt"> |
| + | <ul> |
| + | <li>Chenyi Xie, in charge of public engagement HP </li> |
| + | </ul> |
| + | <ul> |
| + | <li>Naiqiao Hou, in charge of integrated HP</li> |
| + | </ul> |
| + | <ul> |
| + | <li>Yuntian Xia, HP participation</li> |
| + | </ul> |
| + | <ul> |
| + | <li>Shiyu Fan, HP participation</li> |
| + | </ul> |
| + | </div> |
| + | |
| + | </article> |
| + | |
| + | <article> |
| + | <div class="entry-title"> |
| + | <div class="post-heading" >Instructors</div> |
| + | </div> |
| + | <div class="excerpt"> |
| + | <ul> |
| + | <li>Prof. Chaochun Wei, offered us advice on our project and suggestions on our HP </li> |
| + | </ul> |
| + | <ul> |
| + | <li>Prof. Feng Chen, helped us with fundraising and offered us many suggestions on programming</li> |
| + | </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 Yet Sun 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 --> | | <!-- ENDS MAIN --> |
| | | |