Difference between revisions of "Team:SJTU-BioX-Shanghai/HP/Gold Integrated"

(Prototype team page)
 
Line 1: Line 1:
−
{{SJTU-BioX-Shanghai}}
 
−
<html>
 
−
<div class="column full_size judges-will-not-evaluate">
 
−
<h3>★  ALERT! </h3>
 
−
<p>This page is used by the judges to evaluate your team for the <a href="https://2017.igem.org/Judging/Medals">medal criterion</a> or <a href="https://2017.igem.org/Judging/Awards"> award listed above</a>. </p>
 
−
<p> Delete this box in order to be evaluated for this medal criterion and/or award. See more information at <a href="https://2017.igem.org/Judging/Pages_for_Awards"> Instructions for Pages for awards</a>.</p>
 
−
</div>
 
−
<div class="clear"></div>
 
  
−
<div class="column full_size">
+
<html lang="en">
  
−
<h1>Gold Medal and Integrated Human Practices</h1>
+
<head>
 +
    <meta charset="utf-8">
 +
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
 +
    <meta http-equiv="x-ua-compatible" content="ie=edge">
 +
    <link href="https://2017.igem.org/Template:SJTU-BioX-Shanghai/CSS/bootstrap?action=raw&ctype=text/css" rel="stylesheet">
 +
    <link href="https://2017.igem.org/Template:SJTU-BioX-Shanghai/CSS/ripple?action=raw&ctype=text/css" rel="stylesheet">
 +
    <link href="https://2017.igem.org/Template:SJTU-BioX-Shanghai/CSS/font-awesome?action=raw&ctype=text/css" rel="stylesheet">
 +
    <link href="https://2017.igem.org/Template:SJTU-BioX-Shanghai/CSS/style?action=raw&ctype=text/css" rel="stylesheet">
 +
    <!--[if lt IE 10]>
 +
        <center>您使用的是过时的浏览器，浏览本网页可能会有异常。</center>
 +
        <center>You are using an outdated browser and this page may not display properly.</center>
 +
    <![endif]-->
 +
    <style>
 +
        .full-bg.full-bg-0 {
 +
            background-image: url("https://static.igem.org/mediawiki/2017/0/04/T--SJTU-BioX-Shanghai--17001.jpeg");
 +
        }
 +
       
 +
        @media only screen and (min-width: 768px) {
 +
            .full-bg.full-bg-0 {
 +
                background-image: url("https://static.igem.org/mediawiki/2017/2/25/T--SJTU-BioX-Shanghai--17001-hi.jpeg");
 +
            }
 +
        }
 +
       
 +
        .nav2-brand {
 +
            width: 14em;
 +
        }
 +
    </style>
 +
</head>
  
−
<p>This page will contain information for your Gold medal Human Practices work, which you can also use to nominate your team for the Best Integrated Human Practices page. To make things easier, we have combined the Gold medal page with the Best Integrated Human Practices page since we expect the work to overlap considerably. </p>
+
<body>
−
<p>iGEM teams are unique and leading the field because they "go beyond the lab" to imagine their projects in a social/environmental context, to better understand issues that might influence the design and use of their technologies.</p>
+
    <div class="fluid-bg full-bg-body">
−
<p>Teams work with students and advisors from the humanities and social sciences to explore topics concerning ethical, legal, social, economic, safety or security issues related to their work. Consideration of these Human Practices is crucial for building safe and sustainable projects that serve the public interest. </p>
+
        <div class="full-bg mainbox depth-1-half full-bg-0">
−
<p>For more information, please see the <a href="https://2017.igem.org/Competition/Human_Practices">Human Practices page</a>.</p>
+
            <nav class="navbar navbar1 navbar-expand-lg navbar-dark">
−
</div>
+
                <div class="container">
−
<div class="clear"></div>
+
                    <a class="navbar-brand" href="#"><img src="https://static.igem.org/mediawiki/2017/b/be/T--SJTU-BioX-Shanghai--logo.png" height="55" /></a>
 +
                    <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNav1" aria-controls="navbarNav1" aria-expanded="false" aria-label="Toggle navigation">
 +
                        <div class="hamburger" id="ham1">
 +
                            <span class="line"></span>
 +
                            <span class="line"></span>
 +
                            <span class="line"></span>
 +
                        </div>
 +
                    </button>
 +
                    <div class="collapse navbar-collapse" id="navbarNav1">
 +
                        <ul class="navbar-nav mr-auto">
 +
                            <li class="nav-item"><a href="https://2017.igem.org/Team:SJTU-BioX-Shanghai/Description" class="nav-link">Project</a></li>
 +
                            <li class="nav-item"><a href="https://2017.igem.org/Team:SJTU-BioX-Shanghai/Notebook" class="nav-link">Wet Lab</a></li>
 +
                            <li class="nav-item"><a href="https://2017.igem.org/Team:SJTU-BioX-Shanghai/Loader" class="nav-link">Device</a></li>
 +
                            <li class="nav-item"><a href="https://2017.igem.org/Team:SJTU-BioX-Shanghai/Model" class="nav-link">Model</a></li>
 +
                            <li class="nav-item active"><a href="https://2017.igem.org/Team:SJTU-BioX-Shanghai/HP" class="nav-link">Human Practice</a></li>
 +
                           
 +
                            <li class="nav-item"><a href="https://2017.igem.org/Team:SJTU-BioX-Shanghai/Team" class="nav-link">Team</a></li>
 +
                        </ul>
 +
                        <ul class="navbar-nav ml-auto">
 +
                            <li class="nav-item"><a href="https://2017.igem.org/Team:SJTU-BioX-Shanghai/Gold_Integrated-cn" class="nav-link jtzw">简体中文</a></li>
 +
                        </ul>
 +
                    </div>
 +
                </div>
 +
            </nav>
 +
            <div class="navbox">
 +
                <nav class="navbar navbar3 navbar-dark">
 +
                    <div class="container">
 +
                        <a class="navbar-brand" href="#">Human Practice</a>
 +
                    </div>
 +
                </nav>
 +
                <nav class="navbar navbar2 navbar-expand-lg navbar-dark">
 +
                    <div class="container">
 +
                        <div class="nav2-brand hide-nav2-brand">
 +
                            <a class="navbar-brand" href="#">Human Practice</a>
 +
                        </div>
 +
                        <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNav2" aria-controls="navbarNav2" aria-expanded="false" aria-label="Toggle navigation">
 +
                            <div class="hamburger" id="ham2">
 +
                                    <span class="line"></span>
 +
                                    <span class="line"></span>
 +
                                    <span class="line"></span>
 +
                            </div>
 +
                        </button>
 +
                        <div class="collapse navbar-collapse " id="navbarNav2">
 +
                            <ul class="navbar-nav mr-auto">
 +
                                <li class="nav-item"><a href="https://2017.igem.org/Team:SJTU-BioX-Shanghai/HP" class="nav-link">Overview</a></li>
 +
                                <li class="nav-item active"><a href="https://2017.igem.org/Team:SJTU-BioX-Shanghai/HP/Gold_Integrated" class="nav-link">Integrated</a></li>
 +
                                <li class="nav-item"><a href="https://2017.igem.org/Team:SJTU-BioX-Shanghai/Engagement" class="nav-link">Engagement</a></li>
 +
                                <li class="nav-item"><a href="https://2017.igem.org/Team:SJTU-BioX-Shanghai/Collaboration" class="nav-link">Collaboration</a></li>                               
 +
                            </ul>
 +
                        </div>
 +
                    </div>
 +
                </nav>
  
 +
            </div>
  
−
<div class="column half_size">
+
        </div>
−
<h3>Gold Medal Criterion #1</h3>
+
        <div class="big-head h1-my-responsive"> <img src="https://static.igem.org/mediawiki/2017/5/52/T--SJTU-BioX-Shanghai--quan.png" class="img-fluid">Integrated</div>
−
<p>Expand on your silver medal activity by demonstrating how you have integrated the investigated issues into the design and/or execution of your project.</p>
+
        <div class="container maink">
 +
            <div class="container maintext">
 +
                <div class="row">
 +
                    <div class="scrcol col-lg-3">
 +
                        <div class="scroll-box grey lighten-5">
 +
                            <nav class="list-unstyled" id="navbar-left" role="navigation">
  
−
</div>
+
                                <li class="nav-item">
 +
                                    <a class="nav-link" href="#section1">Title One</a>
 +
                                </li>
 +
                                <li class="nav-item">
 +
                                    <a class="nav-link" href="#section2">Title Two</a>
 +
                                </li>
 +
                                <li class="nav-item">
 +
                                    <a class="nav-link" href="#section3">Title Three</a>
 +
                                </li>
 +
                                <li class="nav-item">
 +
                                    <a class="nav-link" href="#section4">Title Four</a>
 +
                                </li>
 +
                                <li class="nav-item">
 +
                                    <a class="nav-link" href="#section5">Title Five</a>
 +
                                </li>
 +
                            </nav>
 +
                        </div>
 +
                    </div>
 +
                    <div class="col-12 col-lg-9">
 +
                        <div class="my-title h5-my-responsive" id="section1">Title One</div>
 +
                        <p>Something something something something something something something something something</p>
 +
                        <p>Something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something</p>
 +
                        <div class="my-title h5-my-responsive" id="section2">Title Two</div>
 +
                        <p>Something something something something something something something something something</p>
 +
                        <p>Something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something</p>
 +
                        <div class="my-title h5-my-responsive" id="section3">Title Three</div>
 +
                        <p>Something something something something something something something something something</p>
 +
                        <p>Something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something</p>
 +
                        <div class="my-title h5-my-responsive" id="section4">Title Four</div>
 +
                        <p>Something something something something something something something something something</p>
 +
                        <p>Something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something</p>
 +
                        <div class="my-title h5-my-responsive" id="section5">Title Five</div>
 +
                        <p>Something something something something something something something something something</p>
 +
                        <p>Something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something</p>
 +
                    </div>
  
−
<div class="column half_size">
+
                </div>
−
<h3>Best Integrated Human Practices Special Prize</h3>
+
                <div class="row">
 +
 
 +
                </div>
 +
            </div>
 +
        </div>
 +
        <div class="container sponsor">
 +
            <div class="row">
 +
                <div class="col-12 col-sm-6 col-lg-3 sponsor-1">
 +
                    <a target="_blank" href="http://www.sjtu.edu.cn/">
 +
                        <img src="https://static.igem.org/mediawiki/2017/8/85/T--SJTU-BioX-Shanghai--SJTU.png">
 +
                    </a>
 +
                </div>
 +
                <div class="col-12 col-sm-6 col-lg-3 sponsor-1">
 +
                    <a target="_blank" href="http://www.bio-x.cn/">
 +
                        <img src="https://static.igem.org/mediawiki/2017/e/e6/T--SJTU-BioX-Shanghai--BioX.png">
 +
                    </a>
 +
                </div>
 +
                <div class="col-12 col-sm-6 col-lg-3 sponsor-1">
 +
                    <a target="_blank" href="http://life.sjtu.edu.cn/">
 +
                        <img src="https://static.igem.org/mediawiki/2017/f/fa/T--SJTU-BioX-Shanghai--Life.png">
 +
                    </a>
 +
                </div>
 +
                <div class="col-12 col-sm-6 col-lg-3 sponsor-2">
 +
                    <a target="_blank" href="http://www.decodinglife.cn/">
 +
                        <img src="https://static.igem.org/mediawiki/2017/3/3e/T--SJTU-BioX-Shanghai--ATGC.png">
 +
                    </a>
 +
                </div>
 +
            </div>
 +
        </div>
 +
        <div class="footer">
 +
 
 +
            <div class="container">
 +
                <div class="row">
 +
                    <div class="footer-L">
 +
 
 +
                        <a class="footer-text" href="https://2017.igem.org/Team:SJTU-BioX-Shanghai/HP">
 +
                            <img src="https://static.igem.org/mediawiki/2017/f/f5/T--SJTU-BioX-Shanghai--right.png" class="img-fluid">
 +
 
 +
                            <span class="direction">Practice</span>
 +
                            <div class="title">
 +
                                Overview
 +
                            </div>
 +
                        </a>
 +
 
 +
                    </div>
 +
                    <div class="footer-M">
 +
                        <a class="footer-text" href="#">
 +
                            <img src="https://static.igem.org/mediawiki/2017/f/f5/T--SJTU-BioX-Shanghai--right.png" class="img-fluid">
 +
                        </a>
 +
                    </div>
 +
                    <div class="footer-R">
 +
 
 +
                        <a class="footer-text" href="https://2017.igem.org/Team:SJTU-BioX-Shanghai/Engagement">
 +
                            <img src="https://static.igem.org/mediawiki/2017/f/f5/T--SJTU-BioX-Shanghai--right.png" class="img-fluid">
 +
                            <span class="direction">Practice</span>
 +
                            <div>
 +
                                Engagement
 +
                            </div>
 +
                        </a>
 +
 
 +
                    </div>
 +
                </div>
 +
            </div>
 +
 
 +
 
 +
        </div>
 +
        <script src="https://2017.igem.org/Template:SJTU-BioX-Shanghai/Javascript/jquery?
 +
        action=raw&ctype=text/javascript"></script>
 +
        <script src="https://2017.igem.org/Template:SJTU-BioX-Shanghai/Javascript/popper?
 +
        action=raw&ctype=text/javascript"></script>
 +
        <script src="https://2017.igem.org/Template:SJTU-BioX-Shanghai/Javascript/ripple?
 +
        action=raw&ctype=text/javascript"></script>
 +
        <script src="https://2017.igem.org/Template:SJTU-BioX-Shanghai/Javascript/bootstrap?
 +
        action=raw&ctype=text/javascript"></script>
 +
        <script src="https://2017.igem.org/Template:SJTU-BioX-Shanghai/Javascript/script?
 +
        action=raw&ctype=text/javascript"></script>
 +
 
 +
    </div>
 +
</body>
  
−
<p>
 
−
To compete for the <a href="https://2017.igem.org/Judging/Awards">Best Integrated Human Practices prize</a>, please describe your work on this page and also fill out the description on the <a href="https://2017.igem.org/Judging/Judging_Form">judging form</a>.
 
−
<br><br>
 
−
You must also delete the message box on the top of this page to be eligible for this prize.
 
−
</p>
 
−
</div>
 
−
<div class="clear"></div>
 
−
<div class="column full_size">
 
−
<h5>Inspiration</h5>
 
−
<p>Here are a few examples of excellent Integrated Human Practices work:</p>
 
−
<ul>
 
−
<li><a href="https://2016.igem.org/Team:INSA-Lyon/Integrated_Practices">2016 INSA Lyon</a></li>
 
−
<li><a href="https://2016.igem.org/Team:UofC_Calgary/Integrated_Practices">2016 UofC Calgary</a></li>
 
−
<li><a href="https://2015.igem.org/Team:Bielefeld-CeBiTec/Practices">2015 Bielefeld</a></li>
 
−
<li><a href="https://2015.igem.org/Team:Edinburgh/Practices">2015 Edinburgh</a></li>
 
−
</ul>
 
 
</html>
 
</html>

Revision as of 13:57, 27 October 2017

Integrated
Title One

Something something something something something something something something something

Something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something

Title Two

Something something something something something something something something something

Something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something

Title Three

Something something something something something something something something something

Something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something

Title Four

Something something something something something something something something something

Something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something

Title Five

Something something something something something something something something something

Something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something

Practice
Overview
Practice
Engagement