Difference between revisions of "Team:Tsinghua-A/HP/Silver"

Line 1: Line 1:
 
{{Tsinghua-A}}
 
{{Tsinghua-A}}
 
<html>
 
<html>
 +
      <head>
 +
<meta charset="utf-8">
 +
<meta http-equiv="X-UA-Compatible" content="IE=edge">
 +
<title>Discription</title>
 +
<meta name="viewport" content="width=device-width, initial-scale=1">
 +
<meta name="description" content="Free HTML5 Template by FREEHTML5.CO" />
 +
<meta name="keywords" content="free html5, free template, free bootstrap, html5, css3, mobile first, responsive" />
 +
<meta name="author" content="FREEHTML5.CO" />
  
<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>
 
  
 +
<!-- Place favicon.ico and apple-touch-icon.png in the root directory -->
 +
<link rel="shortcut icon" href="favicon.ico">
  
<div class="column full_size">
+
<link href='https://fonts.googleapis.com/css?family=Roboto:400,100,300,700,900' rel='stylesheet' type='text/css'>
 +
<link href="https://fonts.googleapis.com/css?family=Roboto+Slab:300,400,700" rel="stylesheet">
 +
 +
<!-- Animate.css -->
 +
<link rel="stylesheet" href="https://2017.igem.org/Template:Tsinghua-A/CSS/animate?action=raw&ctype=text/css">
 +
<!-- Icomoon Icon Fonts-->
 +
<link rel="stylesheet" href="https://2017.igem.org/Template:Tsinghua-A/CSS/icomoon?action=raw&ctype=text/css">
 +
<!-- Bootstrap  -->
 +
<link rel="stylesheet" href="https://2017.igem.org/Template:Tsinghua-A/CSS/bootstrap?action=raw&ctype=text/css">
 +
<!-- Superfish -->
 +
<link rel="stylesheet" href="https://2017.igem.org/Template:Tsinghua-A/CSS/superfish?action=raw&ctype=text/css">
 +
<!-- Flexslider  -->
 +
<link rel="stylesheet" href="https://2017.igem.org/Template:Tsinghua-A/CSS/flexslider?action=raw&ctype=text/css">
  
<h1>Silver Medal Human Practices</h1>
+
<link rel="stylesheet" href="https://2017.igem.org/Template:Tsinghua-A/CSS/style?action=raw&ctype=text/css">
<p>iGEM teams are leading in the area of Human Practices because they conduct their projects within a social/environmental context, to better understand issues that might influence the design and use of their technologies.</p>
+
      <script src="https://2017.igem.org/Template:Tsinghua-A/JS/fixed?action=raw&ctype=text/javascript">
<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>
+
<p>For more information, please see the <a href="https://2017.igem.org/Competition/Human_Practices">Human Practices page</a>.</p>
+
</div>
+
  
<div class="clear"></div>
+
<!-- Modernizr JS -->
 +
<script src="https://2017.igem.org/Template:Tsinghua-A/JS/modernizr-2.6.2.min?action=raw&ctype=text/javascript"></script>
 +
<!-- FOR IE9 below -->
 +
<!--[if lt IE 9]>
 +
<script src="https://2017.igem.org/Template:Tsinghua-A/JS/fixed?action=raw&ctype=text/javascript"></script>
 +
<![endif]-->
  
<div class="column half_size">
+
    <style type="text/css">
<h3>Silver Medal Criterion #3</h3>
+
.myTitle1 {
<p>Convince the judges you have thought carefully and creatively about whether your work is safe, responsible and good for the world. You could accomplish this through engaging with your local, national and/or international communities or other approaches. Please note that standard surveys will not fulfill this criteria.</p>
+
width:90%;
</div>
+
height:84px;
 +
margin-left: 5%;
 +
margin-bottom: 10px;
 +
font-size: 40px;
 +
}
 +
.myTitle2 {
 +
width:90%;
 +
height:84px;
 +
margin-left: 5%;
 +
margin-bottom: 10px;
 +
font-size: 36px;
 +
}
 +
    .myPara {
 +
width:90%;
 +
margin-left: 5%;
 +
margin-bottom: 20px;
 +
font-size: 20px;
 +
text-align: left;
 +
}
 +
.myPS {
 +
width:90%;
 +
margin-left: 5%;
 +
margin-bottom: 8px;
 +
font-size: 16px;
 +
text-align: left;
 +
}
 +
    .myPic1 {
 +
font-size: 100px;
 +
text-align: center;
 +
margin-bottom: 15px;
 +
}
 +
    .myPicDis {
 +
margin-left: 5%;
 +
left: 45%;
 +
top: 370px;
 +
font-size: 18px;
 +
text-align:center;
 +
}
 +
    #apDiv_background {
 +
position:absolute;
 +
width:100%;
 +
height:5000px;
 +
z-index:10000;
 +
top: 293px;
 +
left: 0px;
 +
}
 +
    /*#apDiv_title1 {
 +
position:absolute;
 +
width:90%;
 +
height:84px;
 +
z-index:1;
 +
left: 5%;
 +
top: -60px;
 +
font-size: 40px;
 +
}
 +
    #apDiv_test1 {
 +
position:absolute;
 +
width:90%;
 +
height:115px;
 +
z-index:2;
 +
left: 5%;
 +
top: 80px;
 +
font-size: 20px;
 +
text-align: left;
 +
}
 +
    #apDiv_figure1 {
 +
position:absolute;
 +
width:50%;
 +
height:375px;
 +
z-index:3;
 +
left: 25%;
 +
top: 340px;
 +
font-size: 100px;
 +
text-align: center;
 +
}
 +
    #apDiv_title2 {
 +
position:absolute;
 +
width:90%;
 +
height:84px;
 +
z-index:1;
 +
left: 5%;
 +
top: 14px;
 +
font-size: 30px;
 +
}
 +
    #apDiv_description1 {
 +
position:absolute;
 +
width:40%;
 +
height:60px;
 +
z-index:4;
 +
left: 30%;
 +
top: 575px;
 +
font-size: 18px;
 +
text-align: center;
 +
}
 +
    #apDiv_test2 {
 +
position:absolute;
 +
width:90%;
 +
height:50px;
 +
z-index:2;
 +
left: 5%;
 +
top: 635px;
 +
font-size: 20px;
 +
text-align: left;
 +
}
 +
    #apDiv_figure2 {
 +
position:absolute;
 +
width:400px;
 +
height:300px;
 +
z-index:3;
 +
left: 55%;
 +
top: 675px;
 +
font-size: 100px;
 +
text-align: center;
 +
}
 +
    #apDiv_description2 {
 +
position:absolute;
 +
width:40%;
 +
height:115px;
 +
z-index:4;
 +
left: 5%;
 +
top: 675px;
 +
font-size: 18px;
 +
}
 +
    #apDiv_test3 {
 +
position:absolute;
 +
width:90%;
 +
height:50px;
 +
z-index:2;
 +
left: 5%;
 +
top: 1000px;
 +
font-size: 20px;
 +
text-align: left;
 +
}
 +
    #apDiv_figure3 {
 +
position:absolute;
 +
width:50%;
 +
height:300px;
 +
z-index:3;
 +
left: 25%;
 +
top: 1280px;
 +
font-size: 100px;
 +
text-align: center;
 +
}
 +
    #apDiv_description3 {
 +
position:absolute;
 +
width:40%;
 +
height:100px;
 +
z-index:4;
 +
left: 30%;
 +
top: 1590px;
 +
font-size: 18px;
 +
}
 +
    #apDiv_test4 {
 +
position:absolute;
 +
width:90%;
 +
height:101px;
 +
z-index:2;
 +
left: 5%;
 +
top: 1694px;
 +
font-size: 20px;
 +
text-align: left;
 +
}
 +
    #apDiv_title3 {
 +
position:absolute;
 +
width:90%;
 +
height:84px;
 +
z-index:1;
 +
left: 5%;
 +
top: 240px;
 +
font-size: 30px;
 +
}
 +
    #apDiv_test5 {
 +
position:absolute;
 +
width:90%;
 +
height:101px;
 +
z-index:2;
 +
left: 5%;
 +
top: 1910px;
 +
font-size: 20px;
 +
text-align: left;
 +
}
 +
    #apDiv_title4 {
 +
position:absolute;
 +
width:90%;
 +
height:84px;
 +
z-index:1;
 +
left: 5%;
 +
top: 1125px;
 +
font-size: 40px;
 +
}
 +
    #apDiv_test6 {
 +
position:absolute;
 +
width:90%;
 +
height:51px;
 +
z-index:2;
 +
left: 5%;
 +
top: 2270px;
 +
font-size: 20px;
 +
text-align: left;
 +
}
 +
    #apDiv_title5 {
 +
position:absolute;
 +
width:90%;
 +
height:84px;
 +
z-index:1;
 +
left: 5%;
 +
top: 2206px;
 +
font-size: 40px;
 +
}
 +
    #apDiv_title6 {
 +
position:absolute;
 +
width:90%;
 +
height:84px;
 +
z-index:1;
 +
left: 5%;
 +
top: 2336px;
 +
font-size: 40px;
 +
}
 +
    #apDiv_title7 {
 +
position:absolute;
 +
width:90%;
 +
height:84px;
 +
z-index:1;
 +
left: 5%;
 +
top: 2101px;
 +
font-size: 40px;
 +
}
 +
    #apDiv_title8 {
 +
position:absolute;
 +
width:90%;
 +
height:84px;
 +
z-index:1;
 +
left: 5%;
 +
top: 4125px;
 +
font-size: 40px;
 +
}
 +
    #apDiv_test7 {
 +
position:absolute;
 +
width:90%;
 +
height:46px;
 +
z-index:2;
 +
left: 141px;
 +
top: 2420px;
 +
font-size: 20px;
 +
text-align: left;
 +
}
 +
    #apDiv_test8 {
 +
position:absolute;
 +
width:90%;
 +
height:175px;
 +
z-index:2;
 +
left: 5%;
 +
top: 2803px;
 +
font-size: 20px;
 +
text-align: left;
 +
}
 +
    #apDiv_description4 {
 +
position:absolute;
 +
width:35%;
 +
height:43px;
 +
z-index:4;
 +
left: 45%;
 +
top: 2487px;
 +
font-size: 18px;
 +
}
 +
    #apDiv_figure4 {
 +
position:absolute;
 +
width:400px;
 +
height:300px;
 +
z-index:3;
 +
left: 5%;
 +
top: 2487px;
 +
font-size: 100px;
 +
text-align: center;
 +
}
 +
    #apDiv_test9 {
 +
position:absolute;
 +
width:90%;
 +
height:46px;
 +
z-index:2;
 +
left: 141px;
 +
top: 3084px;
 +
font-size: 20px;
 +
text-align: left;
 +
}
 +
    #apDiv_test10 {
 +
position:absolute;
 +
width:90%;
 +
height:46px;
 +
z-index:2;
 +
left: 141px;
 +
top: 3136px;
 +
font-size: 20px;
 +
text-align: left;
 +
}
 +
    #apDiv_figure5 {
 +
position:absolute;
 +
width:400px;
 +
height:300px;
 +
z-index:3;
 +
left: 141px;
 +
top: 3197px;
 +
font-size: 100px;
 +
text-align: center;
 +
}
 +
    #apDiv_description5 {
 +
position:absolute;
 +
width:35%;
 +
height:43px;
 +
z-index:4;
 +
left: 1208px;
 +
top: 3105px;
 +
font-size: 18px;
 +
}
 +
    #apDiv_test11 {
 +
position:absolute;
 +
width:90%;
 +
height:87px;
 +
z-index:2;
 +
left: 141px;
 +
top: 3513px;
 +
font-size: 20px;
 +
text-align: left;
 +
}
 +
    #apDiv_figure6 {
 +
position:absolute;
 +
width:400px;
 +
height:300px;
 +
z-index:3;
 +
left: 141px;
 +
top: 3613px;
 +
font-size: 100px;
 +
text-align: center;
 +
}
 +
    #apDiv_test12 {
 +
position:absolute;
 +
width:90%;
 +
height:45px;
 +
z-index:2;
 +
left: 5%;
 +
top: 3949px;
 +
font-size: 20px;
 +
text-align: left;
 +
}
 +
    #apDiv_title9 { position:absolute;
 +
width:90%;
 +
height:84px;
 +
z-index:1;
 +
left: 5%;
 +
top: 2336px;
 +
font-size: 40px;
 +
}
 +
    #apDiv_title10 { position:absolute;
 +
width:90%;
 +
height:84px;
 +
z-index:1;
 +
left: 5%;
 +
top: 2336px;
 +
font-size: 40px;
 +
}
 +
    #apDiv_test13 {
 +
position:absolute;
 +
width:90%;
 +
height:45px;
 +
z-index:2;
 +
left: 141px;
 +
top: 4221px;
 +
font-size: 20px;
 +
text-align: left;
 +
}
 +
    #apDiv_backg {
 +
position:absolute;
 +
width:100%;
 +
height:4500px;
 +
z-index:1;
 +
left: 0px;
 +
top: 200px;
 +
}
 +
    #apDiv1 {
 +
position:absolute;
 +
width:200px;
 +
height:115px;
 +
z-index:1;
 +
}
 +
    #apDiv2 {
 +
position:absolute;
 +
width:200px;
 +
height:115px;
 +
z-index:1;
 +
left: 76px;
 +
top: 78px;
 +
}
 +
    #apDiv3 {
 +
position:absolute;
 +
width:200px;
 +
height:115px;
 +
z-index:2;
 +
}
 +
    #apDiv4 {
 +
position:absolute;
 +
width:200px;
 +
height:115px;
 +
z-index:2;
 +
}
 +
    #apDiv5 {
 +
position:absolute;
 +
width:200px;
 +
height:115px;
 +
z-index:3;
 +
}
 +
    #apDiv_test14 { position:absolute;
 +
width:90%;
 +
height:115px;
 +
z-index:2;
 +
left: 5%;
 +
top: 446px;
 +
font-size: 20px;
 +
text-align: left;
 +
}
 +
    #apDiv6 {
 +
position:absolute;
 +
width:200px;
 +
height:115px;
 +
z-index:3;
 +
}
 +
    #apDiv7 {
 +
position:absolute;
 +
width:200px;
 +
height:115px;
 +
z-index:4;
 +
}
 +
    #apDiv8 {
 +
position:absolute;
 +
width:200px;
 +
height:115px;
 +
z-index:1;
 +
}
 +
    #apDiv9 {
 +
position:absolute;
 +
width:200px;
 +
height:115px;
 +
z-index:5;
 +
}
 +
    #apDiv10 {
 +
position:absolute;
 +
width:200px;
 +
height:115px;
 +
z-index:10000;
 +
left: 370px;
 +
top: 1130px;
 +
}*/
 +
    </style>
 +
    </head>
 +
<body>
 +
<div id="fh5co-wrapper" >
 +
<div id="fh5co-page">
 +
<div id="fh5co-header">
 +
<header id="fh5co-header-section">
 +
<div class="container">
 +
<div class="nav-header"><a href="https://2017.igem.org/Team:Tsinghua-A" class="js-fh5co-nav-toggle fh5co-nav-toggle"><i></i></a>
 +
<h1 id="fh5co-logo"><a href="https://2017.igem.org/Team:Tsinghua-A"><i class="icon-home2"></i>TSINGHUA-A IGEM</a></h1>
 +
<!-- START #fh5co-menu-wrap -->
 +
<nav id="fh5co-menu-wrap" role="navigation">
 +
<ul class="sf-menu" id="fh5co-primary-menu">
 +
<li>
 +
<a href="project.html"class="fh5co-sub-ddown">PROJECT</a>
 +
                                    <ul class="fh5co-sub-menu">
 +
                                    <li><a href="description.html">DESCRIPTION</a></li>
 +
                                    <li><a href="result.html">RESULT</a></li>
 +
                                    <li><a href="proof.html">PROOF</a></li>
 +
                                    <li><a href="basic_parts.html">BASIC PARTS</a></li>
 +
                                    </ul>
 +
</li>
 +
<li>
 +
                                    <a href="modeling.html"class="fh5co-sub-ddown">MODELING</a>
 +
                                    <ul class="fh5co-sub-menu">
 +
                                    <li><a href="overview.html">OVERVIEW</a></li>
 +
                                    <li><a href="fliuid_medium.html">FLUID MEDIUM</a></li>
 +
                                    <li><a href="solid_medium.html">SOLID MEDIUM</a></li>
 +
                                  </ul>
 +
                                </li>
 +
<li><a href="game.html">GAME</a></li>
 +
                                <li>
 +
<a href="notebook.html" class="fh5co-sub-ddown">NOTEBOOK</a>
 +
<ul class="fh5co-sub-menu">
 +
<li><a href="lab_book.html">EXPERIMENT</a></li>
 +
<li><a href="brainstorm.html">BRAINSTORM</a></li>
 +
</ul>
 +
</li>
 +
<li><a href="human_practice.html">HUMAN PRACTICE</a></li>
 +
<li><a href="team.html">TEAM</a></li>
 +
</ul>
 +
</nav>
 +
  </div>
 +
</div>
 +
</header>
 +
 +
</div>
 +
<!-- end:fh5co-header -->
 +
<aside id="fh5co-hero" class="js-fullheight">
 +
<div id="apDiv_backg">
 +
  <div class="myTitle1" id="apDiv_title1">Human Practice</div>
 +
  <div class="myPara" id="apDiv_test1">Human practice is one of iGEM’s most important features that makes the competition very different from the other. This year, Team Tsinghua-A organized a series of activities based on their own understanding of what human practice is. All the activities share some common characteristics.</div>
 +
                <div class="myPara" id="apDiv_title3"><strong>Interaction oriented</strong>——Team members engages all stakeholders by idea exchange.<br>
 +
                <strong>The thought of “all”</strong>——We want to create science culture for the whole society to help community members to stay creative and productive. Therefore our activities include people from all generations.<br>
 +
                <strong>Balance between “rigorous” and “interesting”</strong>—— the nature of science is rigorous, while we can make it as interesting as possible to make science accessible for ordinary people. How to balance between those two aspects can be a meaningful question to explore.</div>
 +
  <div class="myPara" id="apDiv_test2">Tsinghua-A had been thinking about what their projects can bring to the world before they picked up first pipette in lab. As one of our initial goal stands, we would like to make science a resource beyond universities and institutes and create science culture for our community. To reach this goal, we put forward our interesting project to the public and curious to see what effect can be sparked out of the interaction. What can science bring to public, what science gets in return is an interesting topic that we would like to explore.</div>
 +
  <div class="myPara" id="apDiv_title3">First we make a trial within university. We let the project stepped out from our discipline. We held a cross-discipline seminar delivering lectures on cutting-edge scientific discovery related to synthetic biology and introduced our project, through which <strong>we harvest massive creative ideas and comments. Click to see in detail.</strong></div>
 +
              <div class="myPara" id="apDiv_test2">Then we make our way to the public. Before it, <strong>under the guidance of biotechnological company’s planning staff</strong>, we got fully prepared by making related resources including exhibition board, leaflet, souvenir sticker and postcard ready. What’s more, to make the activity more interactive and engaging, we take fully advantage of our visualization tool, the two games derived from project idea and modeling results. <storng>We optimized their function under the guidance of professional game designers from ‘Perfect World’. Click to see in detail.</storng></div>
 +
                <div class="myPara" id="apDiv_test2">Finally, we made a hit at China Science and Technology Museum by holding a workshop named “Deciphering Life” that targets both adults and children. We propagated what is synthetic biology to adults by displaying exhibition and delivering explanation. For children, we had playful workshop activities including engaging art design, DNA model building and web game section with the hope to inspire their affection towards science and research. We got precious feedback from different groups. <strong>Staffs from the museum reminded us about the rigorous nature of science and we should balance between rigorousness and joyfulness when we choose the methodology in our activity. We were also inspired by children for more possibility in considering the influence of spatial factors on population interactions that may be helpful for our furture work. Click to see in detail.</strong></div>
 +
                <div class="myPara" id="apDiv_title1">On campus, we also discussed our project with professors in the field of microbial biology. We finally confirmed three characters (farmer, warrior and beggar) for our project together. <strong>We especially want to express our appreciation for Professor Xie and Wang who provided us lot of advice in introducing and completing the character beggar whose prototype in nature is “cheater”.</strong></div>
 +
  </div>
 +
<div class="flexslider js-fullheight"></div>
 +
</aside>
 +
<div id="fh5co-services-section"></div>
 +
</div>
 +
<!-- END fh5co-page -->
  
<div class="column half_size">
+
</div>
<h5>Some Human Practices topic areas </h5>
+
<!-- END fh5co-wrapper -->
<ul>
+
<li>Philosophy</li>
+
<li>Public Engagement / Dialogue</li>
+
<li>Education</li>
+
<li>Product Design</li>
+
<li>Scale-Up and Deployment Issues</li>
+
<li>Environmental Impact</li>
+
<li>Ethics</li>
+
<li>Safety</li>
+
<li>Security</li>
+
<li>Public Policy</li>
+
<li>Law and Regulation</li>
+
<li>Risk Assessment</li>
+
</ul>
+
</div>
+
  
 
+
<!-- jQuery -->
<div class="column half_size">
+
<h5>What should we write about on this page?</h5>
+
<p>On this page, you should write about the Human Practices topics you considered in your project, and document any special activities you did (such as visiting experts, talking to lawmakers, or doing public engagement). This should include all of the work done for the Silver Medal Criterion #3. Details for your Gold medal work and/or work for the two Human Practices special prizes should be put on those specified pages.</p>
+
</div>
+
 
+
 
+
<div class="column half_size">
+
<h5>Inspiration</h5>
+
<p>Read what other teams have done:</p>
+
<ul>
+
<li><a href="https://2014.igem.org/Team:Dundee/policypractice/experts">2014 Dundee </a></li>
+
<li><a href="https://2014.igem.org/Team:UC_Davis/Policy_Practices_Overview">2014 UC Davis </a></li>
+
<li><a href="https://2013.igem.org/Team:Manchester/HumanPractices">2013 Manchester </a></li>
+
<li><a href="https://2013.igem.org/Team:Cornell/outreach">2013 Cornell </a></li>
+
</ul>
+
</div>
+
  
  
 +
<script src="https://2017.igem.org/Template:Tsinghua-A/JS/jquery.min?action=raw&ctype=text/javascript"></script>
 +
<!-- jQuery Easing -->
 +
<script src="https://2017.igem.org/Template:Tsinghua-A/JS/jquery.easing.1.3?action=raw&ctype=text/javascript"></script>
 +
<!-- Bootstrap -->
 +
<script src="https://2017.igem.org/Template:Tsinghua-A/JS/bootstrap?action=raw&ctype=text/javascript"></script>
 +
<!-- Waypoints -->
 +
<script src="https://2017.igem.org/Template:Tsinghua-A/JS/jquery.waypoints.min?action=raw&ctype=text/javascript"></script>
 +
<!-- Superfish -->
 +
<script src="https://2017.igem.org/Template:Tsinghua-A/JS/hoverIntent?action=raw&ctype=text/javascript"></script>
 +
<script src="https://2017.igem.org/Template:Tsinghua-A/JS/superfish?action=raw&ctype=text/javascript"></script>
 +
<!-- Flexslider -->
 +
<script src="https://2017.igem.org/Template:Tsinghua-A/JS/jquery.flexslider-min?action=raw&ctype=text/javascript"></script>
  
 +
<!-- Main JS (Do not remove) -->
 +
<script src="https://2017.igem.org/Template:Tsinghua-A/JS/main?action=raw&ctype=text/javascript"></script>
 +
        <script src="fixed.js"></script>
 +
</body>
 
</html>
 
</html>

Revision as of 13:43, 27 October 2017

Discription