|
|
Line 1: |
Line 1: |
| {{SJTU-software}} | | {{SJTU-software}} |
| <html> | | <html> |
| + | <style> |
| + | /*================================================================================*/ |
| + | /*gold-HP*/ |
| + | .headline{ |
| + | color: #6b3b25; |
| + | text-decoration: none; |
| + | font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif; |
| + | font-size: 30px; |
| + | font-weight: 900; |
| + | margin: 20px; |
| + | } |
| + | #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: 32px; |
| + | 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; |
| + | } |
| + | /*-----------------------------------------------------------------------------------*/ |
| | | |
| + | ul{ |
| + | list-style: none;; |
| + | } |
| | | |
− | <div class="clear"></div>
| + | /*---------------------------------------------------------------------------------*/ |
| + | /*expert interview*/ |
| + | #main .photo{ |
| + | 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); |
| + | line-height: 0em; |
| + | width: 300px; |
| + | float: left; |
| + | margin-top: 15px; |
| + | margin-left: 10px; |
| + | margin-bottom: 15px; |
| + | } |
| + | #main .photo img{ |
| + | width:100% |
| + | } |
| + | .member_info { |
| + | margin-top: 20px; |
| + | width: 335px; |
| + | float: right; |
| + | margin-right: 20px; |
| + | text-shadow: 0px 1px 0 rgba(255, 255, 255, 0.5); |
| + | } |
| + | .expert_name { |
| + | font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif; |
| + | font-size: 32px; |
| + | font-weight: 700; |
| + | border-top: 4px solid #6b3b25; |
| + | border-bottom: 1px solid #6b3b25; |
| + | line-height: 1.3em; |
| + | padding: 7px 0px; |
| + | margin-bottom: 20px; |
| + | } |
| + | .member_info blockquote { |
| + | margin: 0px 0px 0px 0px; |
| + | padding: 0px; |
| + | font-size: 18px; |
| + | line-height: 1.5em; |
| + | } |
| | | |
| + | #FeiTao{ |
| + | height:350px; |
| + | } |
| + | #FeiTao .member_info{ |
| + | margin-top: 50px; |
| + | } |
| | | |
| + | #DanielFigeys{ |
| + | height:370px; |
| + | } |
| + | </style> |
| + | <body> |
| + | <div class="wrapper"> |
| + | <!-- HEADER --> |
| + | <header class="cf"> |
| + | <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">SJTU-software</div> |
| + | <div id="subtitle">Metlab: a metabolic network alignment tool</div> |
| + | </header> |
| | | |
− | <div class="column full_size"> | + | <!-- 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--> |
| | | |
− | <h1>Human Practices</h1> | + | <!-- MAIN--> |
− | <p> | + | <div id="main" class="cf"> |
− | At iGEM we believe societal considerations should be upfront and integrated throughout the design and execution of synthetic biology projects. “Human Practices” refers to iGEM teams’ efforts to actively consider how the world affects their work and the work affects the world. Through your Human Practices activities, your team should demonstrate how you have thought carefully and creatively about whether your project is responsible and good for the world. We invite you to explore issues relating (but not limited) to the ethics, safety, security, and sustainability of your project, and to show how this exploration feeds back into your project purpose, design and execution.
| + | <div class="headline"> |
− | </p> | + | HUMAN PRACTICE —— INTERCRATED AND GOLD |
| + | </div> |
| + | <!-- posts list --> |
| + | <div id="posts-list" class="cf"> |
| + | |
| + | <article class="cf"> |
| + | <div class="entry-title"> |
| + | <!-- <div class="meta">April 7 2018</div> --> |
| + | <div class="post-heading" id="ExpertInterview">Expert Interview</div> |
| + | </div> |
| + | <div class="excerpt"> |
| + | We discussed with different disciplines and fields scholars, their views inspired us a lot. Interviewing experts greatly advanced our project. |
| + | </div> |
| + | <div class="expert_name" id="FT">Prof. Fei Tao</div> |
| + | <div class="subtitle">School of Life Sciences & Biotechnology</div> |
| + | <div class="subtitle">Shanghai Jiao Tong University</div> |
| | | |
| + | <div id="FeiTao"> |
| + | <div class="photo"> |
| + | <img src="https://raw.githubusercontent.com/sjtusoftware2018/2018iGEM_wiki/master/images/HP/FeiTao.jpg" style="display: inline;"> |
| + | </div> |
| + | <div class="member_info"> |
| + | <blockquote> |
| + | Dr. Tao is now an associate professor of SJTU. He has been engaged in the research of microbial synthetic biology since he got the doctoral degree. He mainly focuses on developing efficient cell factories and advanced biocatalytic technology based on the concept of synthetic biology. |
| + | </blockquote> |
| + | </div> |
| + | </div> |
| + | <div class="excerpt"> |
| + | Our interview concentrated on the topic “Application of metabolic network alignment tool in the laboratory”. Dr. Tao told us design of metabolic networks in synthetic biology focus on these aspects: 1.Yield; 2. Efficiency(in A -> B, concentration of B/A); 3. Period. Then we briefly introduced the idea of our software (a metabolic network alignment tool). Dr. Tao was greatly interest in the tool. He also analyzed a number of factors that lead to the difficulty of metabolic network alignment. How to evaluate similarity of two metabolic networks? How to grade the result of alignment? How to evaluate similarity of different compound…… His opinion made us have a deeper understanding of how make our software more practical and functional in the laboratory. |
| + | </div> |
| | | |
| + | <div class="expert_name" id="DF">Prof. Daniel Figeys</div> |
| + | <div class="subtitle">Department of Biochemistry, Microbiology and Immunology</div> |
| + | <div class="subtitle">University of Ottawa</div> |
| | | |
− | <p>For more information, please see the <a href="https://2018.igem.org/Human_Practices">Human Practices Hub</a>. There you will find:</p> | + | <div id="DanielFigeys"> |
− |
| + | <div class="photo"> |
− | <ul>
| + | <img src="https://raw.githubusercontent.com/sjtusoftware2018/2018iGEM_wiki/master/images/HP/DanielFigeys.jpg" style="display: inline;"> |
− | <li> an <a href="https://2018.igem.org/Human_Practices/Introduction">introduction</a> to Human Practices at iGEM </li>
| + | </div> |
− | <li>tips on <a href="https://2018.igem.org/Human_Practices/How_to_Succeed">how to succeed</a> including explanations of judging criteria and advice about how to conduct and document your Human Practices work</li>
| + | <div class="member_info"> |
− | <li>descriptions of <a href="https://2018.igem.org/Human_Practices/Examples">exemplary work</a> to inspire you</li>
| + | <blockquote> |
− | <li>links to helpful <a href="https://2018.igem.org/Human_Practices/Resources">resources</a></li>
| + | Daniel Figeys is a Professor and the Chair of the Department of Biochemistry, Microbiology and Immunology (BMI) and cross-appointed in the Department of Chemistry and Biomolecular Sciences at the University of Ottawa. He is also a Canada Research Chair in Proteomics and Systems Biology. His expertise is in the development of proteomics and systems biology and more recently in metaproteomics for microbial community analysis. |
− | <li>And more! </li>
| + | </blockquote> |
− | </ul>
| + | </div> |
− |
| + | </div> |
| + | <div class="excerpt"> |
| + | In Prof. Daniel Figeys’s Lab, they have developed a advanced bioinformatics software “iMetaLab”. Their project is originally designed for human/mouse gut metaproteomics protein identification and quantification, rooted from the MetaProIQ workflow. Upon the rising request, they wrap up the workflow into a desktop standalone version, with taxon analysis module built in. In the meantime, they have been working on some meta-function annotation and enrichment analysis, as well as some data visualization modules. Then they realize that it would be good to wrap up all related functions and share them to the community. They aim to make iMetaLab a free and one-stop toolset for gut metaproteomics, with increasing amount of tools under development. This interview inspired us how to make our software “Metlab: a metabolic network alignment tool” more user-friendly and complete. The process of their software development enlightened us to make “Metlab” a functional toolset with many tools related metabolic network. |
| + | </div> |
| + | |
| + | </article> |
| + | |
| + | <article class="cf"> |
| + | <div class="feature-image"> |
| + | <a href="single.html" ><img src="img/dummies/620x450-b.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-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="img/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"> |
| + | |
| + | <ul> |
| + | <li class="block"> |
| + | <h4 class="heading"><a href="#ExpertInterview" ></a>Expert Interview</h4> |
| + | <ul> |
| + | <li class="cat-item"><a href="#FT" >Prof. Fei Tao</a></li> |
| + | <li class="cat-item"><a href="#DF" >Prof. Daniel Figeys</a></li> |
| + | <li class="cat-item"><a href="#" >February 2012</a></li> |
| + | <li class="cat-item"><a href="#" >January 2012</a></li> |
| + | </ul> |
| + | </li> |
| + | |
| + | <li class="block"> |
| + | <h4 class="heading">POPULAR POSTS</h4> |
| + | |
| + | |
| + | <div class="small-posts-list "> |
| + | |
| + | <div class="post cf"> |
| + | <a href="#" class="thumb"><img src="img/dummies/54x54-a.jpg" alt="Post"></a> |
| + | <div class="post-head"> |
| + | <a href="#">Pellentesque habitant morbi senectus </a><span class="meta"> Mar 12 <a href="#" >By ansimuz</a></span> |
| + | </div> |
| + | </div> |
| + | |
| + | <div class="post cf"> |
| + | <a href="#" class="thumb"><img src="img/dummies/54x54-b.jpg" alt="Post"></a> |
| + | <div class="post-head"> |
| + | <a href="#">Pellentesque habitant morbi senectus </a><span class="meta"> Mar 12 <a href="#" >By ansimuz</a></span> |
| + | </div> |
| + | </div> |
| + | |
| + | <div class="post cf"> |
| + | <a href="#" class="thumb"><img src="img/dummies/54x54-c.jpg" alt="Post"></a> |
| + | <div class="post-head"> |
| + | <a href="#">Pellentesque habitant morbi senectus </a><span class="meta"> Mar 12 <a href="#" >By ansimuz</a></span> |
| + | </div> |
| + | </div> |
| + | |
| + | |
| + | |
| + | |
| + | </div> |
| + | |
| + | |
| + | |
| + | </li> |
| + | |
| + | |
| + | <li class="block"> |
| + | <h4 class="heading">SPONSORS</h4> |
| + | |
| + | <div class="ads cf"> |
| + | <a href="#"><img src="img/dummies/banner-tf.gif" alt="Thumbnail"></a> |
| + | <a href="#" class="last" ><img src="img/dummies/banner-mt.jpeg" alt="Thumbnail"></a> |
| + | <a href="#/list/"><img src="img/dummies/banner-tp.jpeg" alt="Thumbnail"></a> |
| + | <a href="#" class="last"><img src="img/dummies/banner-tf.gif" alt="Thumbnail"></a> |
| + | </div> |
| + | </li> |
| + | </ul> |
| + | </aside> |
| + | <!-- ENDS SIDEBAR --> |
| + | |
| + | </div> |
| | | |
| | | |
− | | + | <!-- ENDS MAIN --> |
− | | + | |
− | <p>On this page, your team should document all of your Human Practices work and activities. You should write about the Human Practices topics you considered in your project, document any activities you conducted to explore these topics (such as engaging with experts and stakeholders), describe why you took a particular approach (including referencing any work you built upon), and explain if and how you integrated takeaways from your Human Practices work back into your project purpose, design and/or execution. </p> | + | |
− |
| + | |
− | <p>If your team has gone above and beyond in work related to safety, then you should document this work on your Safety wiki page and provide a description and link on this page. If your team has developed education and public engagement efforts that go beyond a focus on your particular project, and for which would like to nominate your team for the Best Education and Public Engagement Special Prize, you should document this work on your Education and Education wiki page and provide a description and link here. </p>
| + | |
− | </div>
| + | |
− |
| + | |
− | <div class="clear"></div>
| + | |
− | | + | |
| | | |
− | <div class="column full_size"> | + | |
− | <div class="highlight decoration_background"> | + | <!-- WIDGETS --> |
− | <p>The iGEM judges will review this page to assess whether you have met the Silver and/or Gold medal requirements based on the Integrated Human Practices criteria listed below. If you nominate your team for the <a href="https://2018.igem.org/Judging/Awards">Best Integrated Human Practices Special Prize</a> by filling out the corresponding field in the <a href="https://2018.igem.org/Judging/Judging_Form">judging form</a>, the judges will also review this page to consider your team for that prize. | + | <div class="widget-cols cf"> |
− | </p> | + | <ul class="first-col"> |
− | </div> | + | |
− | </div> | + | <div class="widget-block"> |
− | | + | <h4>Address</h4> |
− | <div class="clear extra_space"></div> | + | <p>NO. 800 DONGCHUAN ROAD, MINHANG DISTRICT, SHANGHAI, CHINA |
− | | + | <!-- <a href="#/blog/license/" >link</a> --> |
− | | + | </p> |
− | | + | </div> |
− | <div class="column full_size"> | + | </ul> |
− |
| + | |
− | <h3>Silver Medal Criterion #3</h3>
| + | <ul class="second-col"> |
− | <p>Convince the judges you have thought carefully and creatively about whether your work is responsible and good for the world. Document how you have investigated these issues and engaged with your relevant communities, why you chose this approach, and what you have learned. Please note that surveys will not fulfill this criteria unless you follow scientifically valid methods. </p> | + | |
− | | + | <div class="widget-block"> |
− | | + | <h4>Contact Us</h4> |
− | <h3>Gold Medal Criterion #1</h3>
| + | |
− | <p>Expand on your silver medal activity by demonstrating how you have integrated the investigated issues into the purpose, design and/or execution of your project. Document how your project has changed based upon your human practices work. | + | </div> |
− | </p>
| + | |
− | </div> | + | </ul> |
− | | + | |
− | | + | <ul class="third-col"> |
− | | + | |
− | <div class="clear extra_space"></div> | + | <div class="widget-block"> |
− | | + | <h4>DUMMY TEXT</h4> |
− | | + | <p></p> |
− | | + | </div> |
− | <div class="column full_size"> | + | |
− | <h3>Best Integrated Human Practices Special Prize</h3> | + | </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 --> |
| | | |
− | <p>To compete for the Best Integrated Human Practices prize, please describe your work on this page and also fill out the description on the judging form. </p>
| + | </div> |
| | | |
− | <p>How does your project affect society and how does society influence the direction of your project? How might ethical considerations and stakeholder input guide your project purpose and design and the experiments you conduct in the lab? How does this feedback enter into the process of your work all through the iGEM competition? Document a thoughtful and creative approach to exploring these questions and how your project evolved in the process to compete for this award!</p> | + | <script src="https://raw.githubusercontent.com/sjtusoftware2018/2018iGEM_wiki/master/js/jquery.min.js"></script> |
− | <p>You must also delete the message box on the top of this page to be eligible for this prize.</p> | + | <script> |
| + | /*-----------------------------------------------------------------------------------*/ |
| + | /* Scroll to top |
| + | /*-----------------------------------------------------------------------------------*/ |
| + | $('.widget-cols .scroll').click(function(){ |
| + | $("html, body").animate({ scrollTop: 0 }, 600); |
| + | return false; |
| + | }); |
| + | /*-----------------------------------------------------------------------------------*/ |
| + | </script> |
| + | |
| + | </body> |
| | | |
− | </div> | + | </html> |