Difference between revisions of "Team:WPI-Worcester/Practices"

(Prototype team page)
 
Line 1: Line 1:
−
{{WPI-Worcester}}
+
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en" dir="ltr">
−
<html>
+
<head>
  
−
<h2> Human Practices </h2>
+
<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>
+
<style>
−
<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://2015.igem.org/Practices_Hub">Practices Hub</a>.</p>
+
  
−
<div class="highlightBox">
+
a{
−
<h4>Note</h4>
+
color:#ffaac6;
−
<p>You must fill out this page in order to be considered for all <a href="https://2015.igem.org/Judging/Awards">awards</a> for Human Practices:</p>
+
}
−
<ul>
+
 
−
<li>Human Practices silver medal criterion</li>
+
a:hover {
−
<li>Human Practices gold medal criterion</li>
+
color:#ffaac6;
−
<li>Best Integrated Human Practices award</li>
+
}
−
<li>Best Education and Public Engagement award</li>
+
 
−
</ul>
+
a:visited
 +
color:#ffaac6
 +
}
 +
 
 +
 
 +
H10 {
 +
      font-family: Century Gothic;
 +
      text-transform: none;
 +
      text-decoration: none;
 +
      text-align: left;
 +
      color: #000000;
 +
      font-size: 10 pt;
 +
    }
 +
 
 +
H2 {
 +
      font-family: Cambria;
 +
      text-transform: uppercase;
 +
      text-decoration: none;
 +
      text-align: center;
 +
      color: #ffaac6;
 +
      font-size: 20pt;
 +
          font-weight: bold;
 +
    }
 +
 
 +
 
 +
H3 {
 +
      font-family: Cambria;
 +
      text-transform: none;
 +
      text-decoration: none;
 +
      text-align: left;
 +
      color: #ffaac6;
 +
      font-size: 18pt;
 +
}
 +
 
 +
H4 {
 +
      font-family: Cambria;
 +
      text-transform: none;
 +
      text-decoration: none;
 +
      text-align: left;
 +
      color: #A9b0b7;
 +
      font-size: 16pt;
 +
    }
 +
 
 +
H5 {
 +
          font-family: Century Gothic;
 +
      text-transform: none;
 +
      text-decoration: none;
 +
      text-align: left;
 +
      color: #000000;
 +
      font-size: 11pt;
 +
          margin: 0px
 +
          padding-left: 0px;
 +
          padding-right: 0px
 +
    }
 +
 
 +
 
 +
 
 +
 
 +
body { 
 +
        background-image: url("https://static.igem.org/mediawiki/2015/3/37/WPI_background.jpg");
 +
        background-color: #ffffff;
 +
font-family: Century Gothic;
 +
        font-size: 10pt;
 +
 
 +
}
 +
 
 +
.double-border {
 +
  background-color: #ccc;
 +
  border: 4px solid #fff;
 +
  padding: 2em;
 +
  width: 16em;
 +
  height: 16em;
 +
  position: relative;
 +
  margin: 0 auto;
 +
}
 +
.double-border:before {
 +
  background: none;
 +
  border: 4px solid #fff;
 +
  content: "";
 +
  display: block;
 +
  position: absolute;
 +
  top: 4px;
 +
  left: 4px;
 +
  right: 4px;
 +
  bottom: 4px;
 +
  pointer-events: none;
 +
}
 +
 
 +
#tracking_nav
 +
{
 +
margin: 0px 0px 0px 1000px;
 +
position: fixed;
 +
color:#bababa;
 +
border: /*1px solid #ffaac6;*/
 +
background:#ffaac6;
 +
font-size: 16pt;
 +
padding: 0px;
 +
line-height: 100%;
 +
}
 +
 
 +
#tracking_nav a { color:#555555; text-transform: lowercase;font-size: 16pt;}
 +
#tracking_nav a:hover {background:#ffffff;}
 +
 
 +
#nav li {
 +
color: #555555;
 +
background-color:#ffffff;
 +
margin: 50px 50px;
 +
float: left;
 +
position: relative;
 +
list-style: none;
 +
text-transform: none;
 +
font-size: 12pt;
 +
}
 +
 
 +
/* main level link */
 +
#nav a {
 +
font-weight: bold;
 +
color: #555555;
 +
text-decoration: none;
 +
      /* border-radius: 10px;
 +
        border-left-style: solid;
 +
        border-right-style: solid;
 +
        border-color: #000000;
 +
        border-width: 1px;*/
 +
 
 +
display: block;
 +
padding:  4px 16px;
 +
margin: 0;
 +
}
 +
#nav a:hover {
 +
background-color: #ffffff;
 +
color: #555555;
 +
}
 +
 
 +
/* main level link hover */
 +
#nav .current a, #nav li:hover > a {
 +
color: #555555;
 +
background-color: #ffaac6;
 +
}
 +
 
 +
/* sub levels link hover */
 +
#nav ul li:hover a, #nav li:hover li a {
 +
/*border: solid;
 +
        border-color: #000000;
 +
        border-width: 1px;*/
 +
background-color: #ffaac6;
 +
color: #ffffff;
 +
}
 +
 
 +
#nav ul a:hover {
 +
background: #aac6ff url(img/gradient.png) repeat-x 0 -100px !important;
 +
color: #ffaac6 !important;
 +
text-shadow: 0 1px 1px rgba(0,0,0, .1);
 +
        font-size: 12pt;
 +
}
 +
 
 +
/* dropdown */
 +
#nav li:hover > ul {
 +
display: block;
 +
background-color: #aac6ff;
 +
}
 +
 
 +
/* level 2 list */
 +
#nav ul {
 +
display: none;
 +
margin: 0;
 +
padding: 0;
 +
width: 205px;
 +
position: absolute;
 +
top: 100px;
 +
left: 0;
 +
}
 +
 
 +
#nav ul li {
 +
float: none;
 +
margin: 0px;
 +
padding: 0;
 +
}
 +
 
 +
#nav ul a {
 +
font-weight: normal;
 +
text-shadow: 0 1px 0 #555555;
 +
}
 +
 
 +
 
 +
 
 +
#nav {
 +
display: inline-block;
 +
}
 +
 +
 
 +
 
 +
 
 +
 
 +
</style>
 +
 
 +
<head>
 +
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
 +
<style type="text/css">
 +
 
 +
/*hide default igem banner and reformat style into blank slate*/
 +
#globalWrapper {width: 100%;}
 +
#top-section {width: 100%; height:5px; border:none;}
 +
#p-logo {display:none;}
 +
#search-controls {display:none;}
 +
#menubar a {color:#ffffff;}
 +
#menubar a:hover{text-decoration:none; color:#52749C;}
 +
.left-menu {background-color:#FFFFFF; margin:0px 0px 0px 0px; padding:0;}
 +
.left-menu ul {background-color:#FFFFFF; margin:0; padding:0;}
 +
.right-menu ul li a {background-color:#FFFFFF;}
 +
.printfooter {display:none;}
 +
#footer-box {border:none;}
 +
#catlinks {display:none;}
 +
.firstHeading {display:none;}
 +
#content {width: 100%; border:none; padding:0px 50px 0px 50px}
 +
#bodyContent {border:none;}
 +
 
 +
/*actual content styles*/
 +
body {width: 1000px; margin:auto;}
 +
<div id="centered">
 
</div>
 
</div>
  
  
−
<h5>Some Human Practices topic areas </h5>
+
.navbar li {color: #555555;}
−
<ul>
+
.navbar li a {color: #555555;}
−
<li>Philosophy</li>
+
.navbar li a:hover {background:#69d01d; color: #555555;}
−
<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>
+
  
−
<h5>What should we write about on this page?</h5>
+
/*only use for current page content header*/
−
<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>
+
  
  
−
<h5>Inspiration</h5>
+
</style>
−
<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>
+
  
−
<h3>Integrated Human Practices</h3>
 
  
−
<p>Do you want to be considered for the <a href="https://2015.igem.org/Judging/Awards#SpecialPrizes">Best Integrated Human Practices award</a>? Make it easy for the judges to find any wiki content that is relevant to this prize. Highlight this content with a header or separate section.</p>
+
<style type="text/css">
 +
/* MAIN STYLE DEFINITIONS */
 +
a{
 +
color:#ffaac6;
 +
}
  
−
<h3>Education and Public Engagement</h3>
+
a:hover {
 +
color:#ffaac6;
 +
}
  
−
<p>Do you want to be considered for the <a href="https://2015.igem.org/Judging/Awards#SpecialPrizes">Best Education and Public Outreach award</a>? Make it easy for the judges to find any wiki content that is relevant to this prize. Highlight this content with a header or separate section.</p>
+
a:visited{
 +
color:#ffaac6;
 +
}
  
 +
 +
 +
body {
 +
        background-image: url("https://static.igem.org/mediawiki/2015/3/37/WPI_background.jpg");
 +
background-color: #FFFFFF;
 +
font-family: Century Gothic;
 +
        font-size: 10pt;
 +
}
 +
 +
 +
#nav li {
 +
color: #555555;
 +
background-color:#ffffff;
 +
margin: 0 0px;
 +
position: relative;
 +
list-style: none;
 +
        float: left;
 +
text-transform:none;
 +
font-size: 14pt;
 +
        font-family: Century Gothic;
 +
}
 +
 +
/* main level link */
 +
#nav a {
 +
font-weight: bold;
 +
color: #555555;
 +
text-decoration: none;
 +
/*border-left-style: solid;
 +
border-right-style: solid;
 +
        border-color: #000000;
 +
        border-width: 1px;*/
 +
 +
display: block;
 +
padding:  4px 16px;
 +
margin: 0;
 +
}
 +
 +
#nav a:hover {
 +
background-color: #ffffff;
 +
color: #ffffff;
 +
}
 +
 +
/* main level link hover */
 +
#nav .current a, #nav li:hover > a {
 +
color: #ffffff;
 +
background-color: #ffaac6;
 +
}
 +
 +
/* sub levels link hover */
 +
#nav ul li:hover a, #nav li:hover li a {
 +
/*border: solid;
 +
        border-color: #000000;
 +
        border-width: 1px;
 +
background-color: #ffaac6;
 +
color: #ffffff;*/
 +
}
 +
 +
#nav ul a:hover {
 +
background: #fff url(img/gradient.png) repeat-x 0 -100px !important;
 +
color: #ffaac6 !important;
 +
text-shadow: 0 1px 1px rgba(0,0,0, .1);
 +
}
 +
 +
/* dropdown */
 +
#nav li:hover > ul {
 +
display: block;
 +
background-color: #fff;
 +
}
 +
 +
/* level 2 list */
 +
#nav ul {
 +
display: none;
 +
margin: 0;
 +
padding: 0;
 +
        border: 1px
 +
width: 205px;
 +
position: absolute;
 +
top: 46px;
 +
left: 0;
 +
}
 +
 +
#nav ul li {
 +
float: none;
 +
margin: 0;
 +
padding: 0;
 +
}
 +
 +
#nav ul a {
 +
font-weight: normal;
 +
text-shadow: 0 1px 0 #fff;
 +
        font-size: 12pt;
 +
}
 +
 +
/* clearfix */
 +
#nav:after {
 +
content: ".";
 +
display: block;
 +
clear: both;
 +
visibility: hidden;
 +
line-height: 0;
 +
height: 0;
 +
}
 +
 +
#nav {
 +
display: inline-block;
 +
}
 +
 +
 +
</style>
 +
</head>
 +
 +
 +
 +
<div id="igemlogo">
 +
<a href="https://2015.igem.org/Main_Page"><img src="https://static.igem.org/mediawiki/2015/2/2b/WPI_iGEMlogo.png" alt="iGEM 2015 main page" style="position: absolute; top: 50px; right: 20px;"width="125"></a>
 
</div>
 
</div>
 +
 +
<p  style="text-align:center;"><a href="https://2015.igem.org/Team:WPI-Worcester"><img src="https://static.igem.org/mediawiki/2015/1/14/2015_temp_header.png" width="900px" length="200px"></a></p>
 +
 +
 +
<div id="wpilogo">
 +
<a href="https://2015.igem.org/Main_Page"><img src="https://static.igem.org/mediawiki/2015/thumb/b/be/WPI_Teamlogo.png/380px-WPI_Teamlogo.png" alt="iGEM 2015 main page" style="position: absolute; top: 20px; left: 20px;"width="100"></a>
 +
</div>
 +
 +
<ul id="nav">
 +
<li> <a href="https://2015.igem.org/Team:WPI-Worcester/Team"><center></center><p>Team</p></a>
 +
<ul>
 +
<li><a href="https://2015.igem.org/Team:WPI-Worcester/Gallery">Gallery</a></li>
 +
<li><a href="https://igem.org/Team.cgi?id=1423">Official Page</a></li>
 +
</ul>
 +
</li>
 +
<li><a href="https://2015.igem.org/Team:WPI-Worcester/Medal-Fulfillment"><center></center><p>Medal Fulfillment</p></a>
 +
 +
 +
<li><a href="https://2015.igem.org/Team:WPI-Worcester/Project"><center></center><p>Project</p></a>
 +
<ul>
 +
            <li><a href="https://2015.igem.org/Team:WPI-Worcester/Motivation">Motivation</a></li>
 +
            <li><a href="https://2015.igem.org/Team:WPI-Worcester/Background">Background</a></li>
 +
    <li><a href="https://2015.igem.org/Team:WPI-Worcester/Future-Applications">Future Applications</a></li>
 +
 +
</ul>
 +
</li>
 +
 +
<li><a href="https://2015.igem.org/Team:WPI-Worcester/Parts"><center></center><p>Parts</p></a>
 +
<ul>
 +
<li><a href="https://2015.igem.org/Team:WPI-Worcester/Our-Construct">Our Construct</a></li>
 +
<li><a href="https://2015.igem.org/Team:WPI-Worcester/Proof-of-Principle">Proof of Principle</a></li>
 +
<li><a href="https://2015.igem.org/Team:WPI-Worcester/Filler">Characterization</a></li>
 +
</li>
 +
 +
</ul>
 +
</li>
 +
 +
<li><a href="https://2015.igem.org/Team:WPI-Worcester/Notebook"></center><p>Notebook</p></a>
 +
<ul>
 +
 +
<li><a href="https://2015.igem.org/Team:WPI-Worcester/Protocols">Protocols</a></li>
 +
 +
</ul>
 +
</li>
 +
 +
 +
<li><a href="https://2015.igem.org/Team:WPI-Worcester/Practices"></center><p>Practices</p></a>
 +
<ul>
 +
                <li><a href="https://2015.igem.org/Team:WPI-Worcester/Outreach">Outreach</a></li>
 +
            <li><a href="https://2015.igem.org/Team:WPI-Worcester/Survey">Survey</a></li>
 +
<li><a href="https://2015.igem.org/Team:WPI-Worcester/Interlab">Interlab Study</a></li>
 +
  <li><a href="https://2015.igem.org/Team:WPI-Worcester/Safety">Safety</a></li>
 +
            <li><a href="https://2015.igem.org/Team:WPI-Worcester/Beyond-the-Bench">Beyond the Bench</a></li>
 +
 +
        </ul>
 +
 +
<li> <a href="https://2015.igem.org/Team:WPI-Worcester/Collaborations"><center></center><p>Collaborations</p></a>
 +
<ul>
 +
<li><a href="https://2015.igem.org/Team:WPI-Worcester/Filler">Filler</a></li>
 +
<li><a href="https://2015.igem.org/Team:WPI-Worcester/Filler">Filler</a></li>
 +
</ul>
 +
 +
<li><a href="https://2015.igem.org/Team:WPI-Worcester/Attributions"><center></center><p>Attributions</p></a>
 +
<ul>
 +
<li><a href="https://2015.igem.org/Team:WPI-Worcester/Sponsors">Sponsors</a></li>
 +
 +
</ul>
 +
</li>
 +
</li>
 +
</ul>
 +
</div>
 +
</body>
 +
 +
</br>
 +
<div class=”myStyleClass” style=”padding-left:40px;”>
 +
 +
<blockquote>
 +
 +
<h2>Practices</h2>
 +
<p style="text-indent: 2em;"><h10>WIP</h10>
 +
 +
</p>
 +
</blockquote>
 +
</br>
 +
</br>
 +
</br>
 +
 
</html>
 
</html>

Revision as of 16:58, 29 July 2015


Practices

WIP