Difference between revisions of "Team:LN-Shiyan-China/Human Practices"

(Prototype team page)
 
 
(2 intermediate revisions by the same user not shown)
Line 1: Line 1:
−
{{LN-Shiyan-China}}
+
 
 
<html>
 
<html>
 +
<head>
 +
<title>LN-shiyan-China</title>
 +
<style type="text/css">
  
−
<div class="column full_size">
+
 +
/* CSS Document */
 +
*{
 +
margin:0px;
 +
padding:0px;
 +
}
 +
#content{
 +
    width:100%;
 +
    height:100%;
 +
font-family: Arial, Helvetica, Verdana;
 +
color:#000;
 +
font-size:12px;
 +
}
 +
.ih-item.circle.effect5 .info h3 {
 +
    color: #fff;
 +
    position: relative;
 +
    letter-spacing: 0px;
 +
    font-size: 1.3em;
 +
    margin: 0 30px;
 +
    padding: 99px 0 0 0;
 +
   
 +
    font-family: 'Archivo Narrow', sans-serif;
 +
}
  
−
<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>
+
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>
+
    width:100%;
−
<p>For more information, please see the <a href="https://2016.igem.org/Human_Practices">Human Practices Hub</a>.</p>
+
    height:100%;
−
</div>
+
font-family: Arial, Helvetica, Verdana;
 +
color:#000;
 +
font-size:12px;
 +
      background-color:#FFF;
 +
}
  
  
−
<div class="column half_size">
 
−
<div class="highlight">
 
−
<h5>Note</h5>
 
−
<p>You must fill out this page in order to be considered for all <a href="https://2016.igem.org/Judging/Awards">awards</a> for Human Practices:</p>
 
−
<ul>
 
−
<li>Human Practices silver medal criterion</li>
 
−
<li>Human Practices gold medal criterion</li>
 
−
<li>Best Integrated Human Practices award</li>
 
−
<li>Best Education and Public Engagement award</li>
 
−
</ul>
 
−
</div>
 
−
</div>
 
  
−
<div class="column half_size">
+
html ,body{
−
<h5>Some Human Practices topic areas </h5>
+
height:100%;
−
<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>
+
  
 +
.content h1{
 +
font-size:24px;
 +
}
 +
.content img{
 +
float:left;
 +
margin:10px;
 +
}
 +
.t1{
 +
font-size:18px;
 +
word-break:break-all;
 +
}
  
−
<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).</p>
 
−
</div>
 
  
  
−
<div class="column half_size">
+
</style>
−
<h5>Inspiration</h5>
+
<link href="http://www.dftvip.com/templa/css/bootstrap.css" rel="stylesheet" type="text/css" media="all">
−
<p>Read what other teams have done:</p>
+
<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
−
<ul>
+
<script src="http://www.dftvip.com/templa/js/jquery-1.11.0.min.js"></script>
−
<li><a href="https://2014.igem.org/Team:Dundee/policypractice/experts">2014 Dundee </a></li>
+
<!-- Custom Theme files -->
−
<li><a href="https://2014.igem.org/Team:UC_Davis/Policy_Practices_Overview">2014 UC Davis </a></li>
+
<link href="http://www.dftvip.com/templa/css/style.css" rel="stylesheet" type="text/css" media="all"/>
−
<li><a href="https://2013.igem.org/Team:Manchester/HumanPractices">2013 Manchester </a></li>
+
<!-- Custom Theme files -->
−
<li><a href="https://2013.igem.org/Team:Cornell/outreach">2013 Cornell </a></li>
+
<meta name="viewport" content="width=device-width, initial-scale=1">
−
</ul>
+
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
 +
<meta name="keywords" content="Donate Responsive web template, Bootstrap Web Templates, Flat Web Templates, Android Compatible web template,
 +
Smartphone Compatible web template, free webdesigns for Nokia, Samsung, LG, SonyEricsson, Motorola web design" />
 +
<script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script>
 +
<!--Google Fonts-->
 +
<link href='//fonts.googleapis.com/css?family=Karla:400,700' rel='stylesheet' type='text/css'>
 +
<link href='//fonts.googleapis.com/css?family=Archivo+Narrow:400,700' rel='stylesheet' type='text/css'>
 +
<!--google fonts-->
 +
</head>
 +
<body>
 +
<!--banner start here-->
 +
<div class="banner1">
 +
<div class="header">
 +
  <div class="container">
 +
    <div class="header-main">
 +
  <div class="logo">
 +
    <h1><a href="index.html">LN-shiyan-China</a></h1>
 +
  </div>
 +
 
 +
    <div class="clearfix"> </div>
 +
      </div>
 +
    </div>
 +
  </div>
 +
<div class="top-nav">
 +
    <span class="menu"> <img src="http://www.dftvip.com/templa/images/icon.png" alt=""></span>
 +
<ul class="res">
 +
<li><a class="active" href="https://2016.igem.org/Team:LN-Shiyan-China"><i class="glyphicon glyphicon-home"> </i>Home</a></li>
 +
<li><a href="https://2016.igem.org/Team:LN-Shiyan-China/Team"><i class="glyphicon glyphicon-user"> </i>Team</a></li>
 +
<li><a href="https://2016.igem.org/Team:LN-Shiyan-China/Description"><i class="glyphicon glyphicon-list-alt"> </i>Project</a></li>
 +
<li><a href="https://2016.igem.org/Team:LN-Shiyan-China/Parts"><i class="glyphicon glyphicon-picture"> </i>Parts</a></li>
 +
<li><a href="https://2016.igem.org/Team:LN-Shiyan-China/Safety"><i class="glyphicon glyphicon-envelope"> </i>Safety</a></li>
 +
<li><a href="https://2016.igem.org/Team:LN-Shiyan-China/Attributions"><i class="glyphicon glyphicon-a"> </i>Attributions</a></li>
 +
<li><a href="https://2016.igem.org/Team:LN-Shiyan-China/Human_Practices"><i class="glyphicon glyphicon-b"> </i>HumanPractices</a></li>
 +
<li><a href="https://2016.igem.org/Team:LN-Shiyan-China/Notebook"><i class="glyphicon glyphicon-c"> </i>Notebook</a></li>
 +
</ul>
 +
<!-- script-for-menu -->
 +
<script>
 +
  $( "span.menu" ).click(function() {
 +
$( "ul.res" ).slideToggle( 300, function() {
 +
// Animation complete.
 +
  });
 +
});
 +
</script>
 +
<!-- /script-for-menu -->
 +
</div>
 +
</div>
 +
<!--banner end here-->
 +
<!--blog start here-->
 +
<div class="blog">
 +
<div class="container">
 +
<div class="blog-main">
 +
<div class="blog-top">
 +
<h3>Human Practice</h3>
 +
</div>
 +
<div class="col-md-8 blog-left">
 +
    <img src="http://www.dftvip.com/templa/images/u1.jpg" alt="" class="img-responsive">
 +
  <div class="blog-grid">
 +
  <div class="grid-left">    
 +
      <h3>18</h3>
 +
      <p>Aug</p>
 +
  </div>
 +
  <div class="grid-right">
 +
  <h3>名称</h3>
 +
    <p>简介</p>   
 +
  </div>
 +
<div class="clearfix"> </div>
 +
</div>
 +
<div class="blog-section">
 +
  <img src="http://www.dftvip.com/templa/images/u2.jpg" alt=""  class="img-responsive">
 +
<div class="grid">
 +
<div class="grid-left">  
 +
      <h3>19</h3>
 +
      <p>Aug</p>
 +
  </div>
 +
<div class="grid-right">
 +
  <h3>名称</h3>
 +
    <p>简介</p>   
 +
  </div>
 +
  <div class="clearfix"> </div>
 +
  </div>
 +
</div>
 +
  <div class="blog-section">
 +
<img src="http://www.dftvip.com/templa/images/u3.jpg" alt=""  class="img-responsive">
 +
<div class="grid">
 +
<div class="grid-left">  
 +
      <h3>19</h3>
 +
      <p>Aug</p>
 +
  </div>
 +
<div class="grid-right">
 +
  <h3>名称</h3>
 +
    <p>简介</p>   
 +
  </div>
 +
  <div class="clearfix"> </div>
 +
  </div>
 +
</div>
 +
<div class="blog-section">
 +
  <img src="http://www.dftvip.com/templa/images/u4.jpg" alt=""  class="img-responsive">
 +
<div class="grid">
 +
<div class="grid-left">  
 +
      <h3>19</h3>
 +
      <p>Aug</p>
 +
  </div>
 +
<div class="grid-right">
 +
  <h3>名称</h3>
 +
    <p>简介</p>   
 +
  </div>
 +
  <div class="clearfix"> </div>
 +
  </div>
 +
</div>
 +
<div class="blog-section">
 +
  <img src="http://www.dftvip.com/templa/images/u5.jpg" alt=""  class="img-responsive">
 +
<div class="grid">
 +
<div class="grid-left">  
 +
      <h3>19</h3>
 +
      <p>Aug</p>
 +
  </div>
 +
<div class="grid-right">
 +
  <h3>名称</h3>
 +
    <p>简介</p>   
 +
  </div>
 +
  <div class="clearfix"> </div>
 +
  </div>
 +
</div>
 +
 
 +
</div>
 +
 +
  </div>
 +
</div>
 +
</div>
 
</div>
 
</div>
 +
</div>
 +
<!--blog end here-->
 +
<!--footer start here-->
 +
<div class="footer">
 +
<div class="container">
 +
<div class="footer-main">
 +
<div class="col-md-4 ftr-grid">
 +
<h3>Navigation</h3>
 +
<ul>
 +
<li><a href="https://2016.igem.org/Team:LN-Shiyan-China/Team">Team</a></li>
 +
<li><a href="https://2016.igem.org/Team:LN-Shiyan-China/Description">Project</a></li>
 +
<li><a href="https://2016.igem.org/Team:LN-Shiyan-China/Parts">Parts</a></li>
 +
<li><a href="https://2016.igem.org/Team:LN-Shiyan-China/Safety">Safety</a></li>
 +
<li><a href="https://2016.igem.org/Team:LN-Shiyan-China/Attributions">Attributions</a></li>
 +
<li><a href="https://2016.igem.org/Team:LN-Shiyan-China/Human_Practices">HumanPractices</a></li>
 +
<li><a href="https://2016.igem.org/Team:LN-Shiyan-China/Notebook">Notebook</a></li>
 +
</ul>
 +
</div>
 +
 +
<div class="clearfix"> </div>
 +
</div>
 +
</div>
 +
</div>
 +
<!--footer end here-->
 +
<!--copy rights start here-->
  
−
 
+
<!--copy right end here-->
−
 
+
</body>
 
</html>
 
</html>

Latest revision as of 12:31, 18 October 2016

LN-shiyan-China

Human Practice

18

Aug

名称

简介

19

Aug

名称

简介

19

Aug

名称

简介

19

Aug

名称

简介

19

Aug

名称

简介

Navigation