Difference between revisions of "Team:UNIFI/HP/Gold Integrated"

Line 1: Line 1:
 
{{UNIFI}}
 
{{UNIFI}}
 +
 
<html>
 
<html>
 +
<head>
 +
<style>
  
−
<h1>Gold Medal and Integrated Human Practices</h1>
+
#nav {
 +
background-color: #087072;
 +
font-family: "Luckiest Guy";
 +
font-style: normal;
 +
font-variant: normal;
 +
font-size: 18px;
 +
}
  
−
<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>
+
#nav_wrapper {
−
<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>
+
width: 100%;
−
<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>
+
margin: 0 auto;
−
<p>For more information, please see the <a href="https://2017.igem.org/Competition/Human_Practices">Human Practices page</a>.</p>
+
text-align: center;
−
</div>
+
font-family: "Luckiest Guy";
−
<div class="clear"></div>
+
font-style: normal;
 +
font-variant: normal;
 +
font-size: 18px;
  
 +
}
  
−
<div class="column half_size">
+
#nav ul {
−
<h3>Gold Medal Criterion #1</h3>
+
list-style-type: none;
−
<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>
+
padding: 0;
 +
margin: 0;
 +
position: relative;
 +
font-family: "Luckiest Guy";
 +
font-style: normal;
 +
font-variant: normal;
 +
font-size: 18px;
  
−
</div>
+
}
  
−
<div class="column half_size">
+
#nav ul li {
−
<h3>Best Integrated Human Practices Special Prize</h3>
+
display: inline-block;
 +
font-family: "Luckiest Guy";
 +
font-style: normal;
 +
font-variant: normal;
 +
font-size: 18px;
 +
}
  
−
<p>
+
#nav ul li:hover {
−
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>.
+
background-color: #ff8533;
−
<br><br>
+
font-family: "Luckiest Guy";
−
You must also delete the message box on the top of this page to be eligible for this prize.
+
font-style: normal;
−
</p>
+
font-variant: normal;
 +
font-size: 18px;
 +
 
 +
}
 +
 
 +
#nav ul li a,visited {
 +
display: block;
 +
padding: 15px;
 +
text-decoration: none;
 +
color: #fff8dc;
 +
font-family: "Luckiest Guy";
 +
font-style: normal;
 +
font-variant: normal;
 +
font-size: 18px;
 +
 
 +
}
 +
 
 +
#nav ul li a:hover {
 +
color: #087072;
 +
text-decoration: none;
 +
font-family: "Luckiest Guy";
 +
font-style: normal;
 +
font-variant: normal;
 +
font-size: 18px;
 +
 
 +
}
 +
 
 +
#nav ul li:hover ul {
 +
display: block;
 +
font-family: "Luckiest Guy";
 +
font-style: normal;
 +
font-variant: normal;
 +
font-size: 18px;
 +
}
 +
 
 +
#nav ul ul {
 +
display: none;
 +
position: absolute;
 +
background-color: #ff8533;
 +
font-family: "Luckiest Guy";
 +
font-style: normal;
 +
font-variant: normal;
 +
font-size: 18px;
 +
}
 +
 
 +
#nav ul ul li{
 +
display: block;
 +
font-family: "Luckiest Guy";
 +
font-style: normal;
 +
font-variant: normal;
 +
font-size: 18px;
 +
}
 +
 
 +
#nav ul ul li a,visited {
 +
color: #fff8dc;
 +
font-family: "Luckiest Guy";
 +
font-style: normal;
 +
font-variant: normal;
 +
font-size: 16px;
 +
}
 +
 
 +
#nav ul ul li a:hover{
 +
color: #087072;
 +
font-family: "Luckiest Guy";
 +
font-style: normal;
 +
font-variant: normal;
 +
font-size: 16px;
 +
}
 +
.piedino {
 +
    display: -webkit-flex;
 +
    display: flex;
 +
    position: relative;
 +
    bottom: 0px;
 +
    width: 100%;
 +
    height: 210px;
 +
    background-color: #087072;
 +
    flex-direction: column;
 +
    align-items: center;
 +
    color: white;
 +
    margin: 0px;
 +
}
 +
 
 +
.dito {
 +
display: flex;
 +
align-items: center;
 +
color: white;
 +
 
 +
}
 +
 
 +
.unghia {
 +
    background-color: #087072;
 +
    width: auto;
 +
    margin: 5px;
 +
    color: white;
 +
}
 +
 
 +
</style>
 +
</head>
 +
<body>
 +
<link rel="stylesheet" type="text/css" href="//fonts.googleapis.com/css?family=Luckiest+Guy" />
 +
<div id="nav">
 +
    <div id="nav_wrapper">
 +
<ul>
 +
<li><a href="https://2017.igem.org/Team:UNIFI">HOME</a></li><li>
 +
<a href="#" style="margin-left:13px;">TEAM <img src="https://static.igem.org/mediawiki/2017/0/00/UNIFI_BEU.png"  style=" height:22px; width:22px; margin-right:13px"></a>
 +
<ul>
 +
<li><a href="Team">OUR TEAM</a></li>
 +
<li><a href="Florence">FLORENCE</a></li>
 +
<li><a href="Attributions">ATTRIBUTION</a></li>
 +
</ul>
 +
</li><li>
 +
 
 +
<a href="#" style="margin-left:7px;">RESEARCH <img src="https://static.igem.org/mediawiki/2017/9/9e/UNIFI_ATM.png"  style=" height:22px; width:22px; margin-right:23px"></a>
 +
<ul>
 +
<li><a href="Background">BACKGROUND</a></li>
 +
<li><a href="Theoretical_basis">THEORETICAL BASIS</a></li>
 +
<li><a href="Software">SOFTWARE</a></li>
 +
</ul>
 +
</li><li>
 +
<a href="Results">RESULTS</a></li><li>
 +
<a href="Journal">JOURNAL</a></li><li>
 +
<a href="Collaborations">COLLABORATIONS</a></li><li>
 +
<a href="#">HUMAN PRACTICES <img src="https://static.igem.org/mediawiki/2017/f/f7/UNIFI_micro.png"  style=" height:22px; width:22px;"></a>
 +
<ul>
 +
<li><a href="Delft" >DELFT</a></li>
 +
<li><a href="Engagement" style=" margin-left:10px; margin-right:14px">PUBLIC ENGAGEMENT</a></li>
 +
</ul>
 +
</li>
 +
</ul>
 +
    </div>
 +
</div>
 +
 
 +
 
 +
 
 +
<center> <h1 style="font-size: 4vw; margin: 1.5vw; padding: 2vw;"> Human Practices Gold<h1> </center>
 +
 
 +
<center> <img src="" style=" width:50vw; eight:60vw; alt="";></center>
 +
 
 +
<center> <img src="" style=" width:50vw; eight:60vw; alt="";></center>
 +
 
 +
 
 +
<p style=" font-size: 16px; margin-left: 15vw; margin-right: 15vw;"></p>
 +
 
 +
 
 +
 
 +
<div class="piedino">
 +
<div class="dito">
 +
  <div class="unghia"> <h2 style=" color:white;"> Team Unifi</h2> </div>
 
</div>
 
</div>
−
<div class="clear"></div>
+
 
−
<div class="column full_size">
+
<div class="dito">
−
<h5>Inspiration</h5>
+
  <div class="unghia"> <h3 style=" color:white;"> unifi.igem@gmail.com </a> </div>
−
<p>Here are a few examples of excellent Integrated Human Practices work:</p>
+
</div>
−
<ul>
+
 
−
<li><a href="https://2016.igem.org/Team:INSA-Lyon/Integrated_Practices">2016 INSA Lyon</a></li>
+
<div class="dito">
−
<li><a href="https://2016.igem.org/Team:UofC_Calgary/Integrated_Practices">2016 UofC Calgary</a></li>
+
  <div class="unghia">
−
<li><a href="https://2015.igem.org/Team:Bielefeld-CeBiTec/Practices">2015 Bielefeld</a></li>
+
<a href="https://www.facebook.com/igem.unifi2017/">
−
<li><a href="https://2015.igem.org/Team:Edinburgh/Practices">2015 Edinburgh</a></li>
+
        <img src="https://static.igem.org/mediawiki/2017/d/d2/UNIFI_FACEW.png" style="width:65px;height:65px;border:0; margin: 0px 10px 0px 0px;"> </a>
−
</ul>
+
 
 +
  <a href="https://2017.igem.org/Main_Page">
 +
        <img src="https://static.igem.org/mediawiki/2017/2/23/UNIFI_igem_logo_bianco.png" style="width:75px;height:75px;border:0; margin:5px;"> </a>  
 +
 
 +
<a href="https://twitter.com/Unifi_iGem2017">
 +
        <img src="https://static.igem.org/mediawiki/2017/d/de/UNIFI_TW.png" style="width:85px;height:85px;border:0; margin:10px 0px 0px 10px;"> </a>
 +
 
 +
 
 +
</div>
 +
</div> </div>
 +
 
 +
</body>
 
</html>
 
</html>

Revision as of 20:49, 30 October 2017

Human Practices Gold

Team Unifi

unifi.igem@gmail.com