Difference between revisions of "Team:UNC-Asheville/HP/Gold Integrated"

Line 1: Line 1:
{{UNC-Asheville}}
+
{{:Team:UNC-Asheville/Templates/NavBar}}
 +
 
 
<html>
 
<html>
<div class="clear"></div>
+
<head>
 +
  <title>
 +
  iGEM Integrated Human Practices
 +
  </title>
 +
  <meta name="viewport" content="width=device-width, initial-scale=1" />
 +
  <meta http-equiv="X-UA-Compatible" content="IE=edge" />
 +
  <meta charset="utf-8" />
 +
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
 +
<link href="https://fonts.googleapis.com/css?family=Raleway" rel="stylesheet">
  
<div class="column full_size">
+
 
 +
<style>
 +
.jumbotron {
 +
    background-image: url("https://static.igem.org/mediawiki/2017/6/6c/UNC-Asheville-Library.jpg");
 +
    margin-bottom: 0;
 +
    min-height: 600px;
 +
    background-repeat: no-repeat;
 +
    background-position: fixed;
 +
    -webkit-background-size: cover;
 +
    background-size: cover;
 +
    padding: 50em inherit;
 +
    background-color: hsla(0,0%,100%,0.50);
 +
    background-blend-mode: overlay;
 +
    background-repeat: no-repeat;
 +
    padding-left: 30px;
 +
    padding-right: 30px;
  
<h1>Gold Medal and Integrated Human Practices</h1>
+
}
  
<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>
+
div.jumbotron{
<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>
+
  padding-top:250px;
<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>
+
  
 +
.jumbotron h1{
 +
    color: black;
 +
    font-size: 80px;
 +
    font-family: 'Raleway', sans-serif;
 +
    text-shadow: 2px 2px white;
 +
    letter-spacing: 10px;
 +
}
  
<div class="column half_size">
+
.jumbotron p{
<h3>Gold Medal Criterion #1</h3>
+
    color: black;
<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>
+
    font-size: 30px;
 +
    font-family: 'Raleway', sans-serif;
 +
    text-shadow: 2px 2px white;
 +
    font-weight: Semi-Bold
 +
    letter-spacing: 10px;
 +
}
  
</div>
+
.row h1{
 +
    color: black;
 +
    font-size: 30px;
 +
    font-family: 'Raleway', sans-serif;
 +
    text-shadow: 2px 2px white;
 +
    letter-spacing: 4px;
 +
}
  
<div class="column half_size">
+
.row h2{
<h3>Best Integrated Human Practices Special Prize</h3>
+
    color: black;
 +
    font-size: 25px;
 +
    font-family: 'Raleway', sans-serif;
 +
    text-shadow: 2px 2px white;
 +
    letter-spacing: 2px;
 +
}
  
<p>
+
.row blockquote{
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>.
+
    color: black;
<br><br>
+
    font-size: 20px;
You must also delete the message box on the top of this page to be eligible for this prize.
+
    font-family: 'Raleway', sans-serif;
</p>
+
    border-left: 1px solid grey;
 +
    border-right: 1px solid grey;
 +
    border-bottom: 1px solid grey;
 +
    border-top: 1px solid grey;
 +
 
 +
}
 +
 
 +
.header h1{
 +
  color: black;
 +
  font-size: 60px;
 +
  font-family: 'Raleway', sans-serif;
 +
}
 +
 
 +
body {
 +
    background-color: #edece6;
 +
}
 +
.img-fluid {
 +
  width: 100%;
 +
}
 +
img {
 +
  display: block;
 +
  max-width: 90%;
 +
  height: auto;
 +
}
 +
 
 +
.footer {
 +
    height: 200px;
 +
    bottom: 0;
 +
    width: 100%;
 +
    background-color: #8b929b;
 +
}
 +
 
 +
 
 +
</style>
 +
 +
 
 +
</head>
 +
 +
 
 +
<body>
 +
<div class="jumbotron center">
 +
  <div class="container center">
 +
<h1>Who We Are</h1>
 +
  <p>The Students, Faculty and Staff that made this project possible.</p>
 +
  </div>
 
</div>
 
</div>
<div class="clear"></div>
+
<br>
<div class="column full_size">
+
 
<h5>Inspiration</h5>
+
<br>
<p>Here are a few examples of excellent Integrated Human Practices work:</p>
+
<hr>
<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>
+

Revision as of 12:41, 1 November 2017

About Us

iGEM Integrated Human Practices

Who We Are

The Students, Faculty and Staff that made this project possible.