Difference between revisions of "Team:Minnesota/HP/Silver"

(Prototype team page)
 
 
(One intermediate revision by the same user not shown)
Line 1: Line 1:
 
{{Minnesota}}
 
{{Minnesota}}
 
<html>
 
<html>
−
<div class="column full_size judges-will-not-evaluate">
+
 
−
<h3>★  ALERT! </h3>
+
<!------------------------------------ MAKING A NAVIGATION BAR------------------------------------------>
−
<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>
+
<div class="navbar">
−
<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>
+
        <a href="https://2017.igem.org/Team:Minnesota">Home</a>
 +
 
 +
          <div class="dropdown">
 +
            <button class="dropbtn">Team</button>
 +
            <div class="dropdown-content">
 +
              <a href="https://2017.igem.org/Team:Minnesota/Team" target="_blank"> Team </a>
 +
              <a href="https://2017.igem.org/Team:Minnesota/Collaborations" target="_blank"> Collaborations </a>
 +
            </div>
 +
          </div>
 +
       
 +
        <div class="dropdown">
 +
            <button class="dropbtn">Project</button>
 +
            <div class="dropdown-content">
 +
              <a href="https://2017.igem.org/Team:Minnesota/Description">Description</a>
 +
              <a href="https://2017.igem.org/Team:Minnesota/Design">Design</a>
 +
              <a href="https://2017.igem.org/Team:Minnesota/Experiments">Experiments</a>
 +
              <a href="https://2017.igem.org/Team:Minnesota/Notebook">Notebook</a>
 +
              <a href="https://2017.igem.org/Team:Minnesota/Contribution">Contribution</a>
 +
              <a href="https://2017.igem.org/Team:Minnesota/Model">Model</a>
 +
              <a href="https://2017.igem.org/Team:Minnesota/Results">Results</a>
 +
              <a href="https://2017.igem.org/Team:Minnesota/Demonstrate">Demonstrate</a>
 +
              <a href="https://2017.igem.org/Team:Minnesota/Improve">Improve</a>
 +
              <a href="https://2017.igem.org/Team:Minnesota/Attributions">Attributions</a>
 +
            </div>
 +
        </div>
 +
       
 +
        <div class="dropdown">
 +
            <button class="dropbtn">Parts</button>
 +
            <div class="dropdown-content">
 +
              <a href="https://2017.igem.org/Team:Minnesota/Parts">Parts</a>
 +
              <a href="https://2017.igem.org/Team:Minnesota/Basic_Part">Basic Parts</a>
 +
              <a href="https://2017.igem.org/Team:Minnesota/Composite_Part">Composite Parts</a>
 +
              <a href="https://2017.igem.org/Team:Minnesota/Part_Collection">Part Collection</a>
 +
            </div>
 +
          </div>
 +
       
 +
        <a href="https://2017.igem.org/Team:Minnesota/Safety">Safety</a>
 +
        <div class="dropdown">
 +
            <button class="dropbtn">Human Practices</button>
 +
            <div class="dropdown-content">
 +
              <a href="https://2017.igem.org/Team:Minnesota/HP/Silver">Silver HP</a>
 +
              <a href="https://2017.igem.org/Team:Minnesota/HP/Gold_Integrated">Integrated and Gold</a>
 +
              <a href="https://2017.igem.org/Team:Minnesota/Engagement">Public Engagement</a>
 +
            </div>
 +
        </div>
 +
       
 +
        <div class="dropdown">
 +
            <button class="dropbtn">Awards
 +
            </button>
 +
            <div class="dropdown-content">
 +
              <a href="https://2017.igem.org/Team:Minnesota/Applied_Design">Applied Design</a>
 +
              <a href="https://2017.igem.org/Team:Minnesota/Entrepreneurship">Entrepreneurship</a>
 +
              <a href="https://2017.igem.org/Team:Minnesota/Hardware">Hardware</a>
 +
              <a href="https://2017.igem.org/Team:Minnesota/Measurement">Measurement</a>
 +
              <a href="https://2017.igem.org/Team:Minnesota/Model">Model</a>
 +
              <a href="https://2017.igem.org/Team:Minnesota/Plant">Plant</a>
 +
              <a href="https://2017.igem.org/Team:Minnesota/Software">Software</a>
 +
            </div>
 +
        </div>
 +
       
 +
        <a href="#">Judging Form</a>
 +
        <p> MINNESOTA </p>
 
</div>
 
</div>
−
<div class="clear"></div>
 
  
 +
<style>
 +
/*************************** Page Formatting ****************************/
 +
        .igem_2017_menu_wrapper{display:none;}
  
−
<div class="column full_size">
+
        #content{
 +
        background-color: transparent;
 +
        background: transparent;}
  
−
<h1>Silver Medal Human Practices</h1>
+
        .igem_2017_content_wrapper{ background-color: transparent; }
−
<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>
+
−
<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>
+
        #bodyContent h1, #bodyContent h2, #bodyContent h3, #bodyContent h4, #bodyContent h5 {
 +
            display: none;
 +
        }
 +
</style>
  
−
<div class="column half_size">
+
<style>
−
<h3>Silver Medal Criterion #3</h3>
+
/* Navbar container */
−
<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>
+
        .navbar {
−
</div>
+
          overflow: hidden;
 +
          height: 100px;
 +
          background-color: #333;
 +
          width: 1390px;
 +
          margin-top: -60px;
 +
          margin-left: -30px;
 +
          font-family: Arial;
 +
        }
 +
       
 +
        .navbar p {
 +
            margin-left: 1150px;
 +
            color: white;
 +
            margin-top: 50px;
 +
           
 +
        }
  
−
<div class="column half_size">
+
        /* Links inside the navbar */
−
<h5>Some Human Practices topic areas </h5>
+
        .navbar a {
−
<ul>
+
          float: left;
−
<li>Philosophy</li>
+
          font-size: 16px;
−
<li>Public Engagement / Dialogue</li>
+
          color: white;
−
<li>Education</li>
+
          text-align: center;
−
<li>Product Design</li>
+
          padding: 14px 16px;
−
<li>Scale-Up and Deployment Issues</li>
+
          margin-top: 30px;
−
<li>Environmental Impact</li>
+
          text-decoration: none;
−
<li>Ethics</li>
+
        }
−
<li>Safety</li>
+
−
<li>Security</li>
+
−
<li>Public Policy</li>
+
−
<li>Law and Regulation</li>
+
−
<li>Risk Assessment</li>
+
−
</ul>
+
−
</div>
+
  
 +
        /* The dropdown container */
 +
        .dropdown {
 +
          margin-top:30px;
 +
          float: left;
 +
          overflow: hidden;
 +
        }
  
−
<div class="column half_size">
+
        /* Dropdown button */
−
<h5>What should we write about on this page?</h5>
+
        .dropdown .dropbtn {
−
<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>
+
          font-size: 16px;
−
</div>
+
          border: none;
 +
          outline: none;
 +
          color: white;
 +
          padding: 14px 16px;
 +
          background-color: inherit;
 +
        }
  
 +
        /* Add a red background color to navbar links on hover */
 +
        .navbar a:hover, .dropdown:hover .dropbtn {
 +
          background-color: red;
 +
        }
  
−
<div class="column half_size">
+
        /* Dropdown content (hidden by default) */
−
<h5>Inspiration</h5>
+
        .dropdown-content {
−
<p>Read what other teams have done:</p>
+
          display: none;
−
<ul>
+
          position: absolute;
−
<li><a href="https://2014.igem.org/Team:Dundee/policypractice/experts">2014 Dundee </a></li>
+
          background-color: #f9f9f9;
−
<li><a href="https://2014.igem.org/Team:UC_Davis/Policy_Practices_Overview">2014 UC Davis </a></li>
+
          width: 160px;
−
<li><a href="https://2013.igem.org/Team:Manchester/HumanPractices">2013 Manchester </a></li>
+
          box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
−
<li><a href="https://2013.igem.org/Team:Cornell/outreach">2013 Cornell </a></li>
+
          z-index: 1;
−
</ul>
+
        }
−
</div>
+
 
 +
        /* Links inside the dropdown */
 +
        .dropdown-content a {
 +
          float: none;
 +
          color: black;
 +
          padding: 10px 12px;
 +
          text-decoration: none;
 +
          display: block;
 +
          text-align: left;
 +
        }
  
 +
        /* Add a grey background color to dropdown links on hover */
 +
        .dropdown-content a:hover {
 +
          background-color: #ddd;
 +
        }
  
 +
        /* Show the dropdown menu on hover */
 +
        .dropdown:hover .dropdown-content {
 +
          display: block;
 +
        }
 +
</style>
  
 
</html>
 
</html>

Latest revision as of 21:39, 26 October 2017

HOME
TEAM
PROJECT
Description
Design
Experiments
Notebook
InterLab
Contribution
Model
Results
Demonstrate
Improve
Attributions
PARTS
Parts
Basic Parts
Composite Parts
Part Collection
SAFETY
HUMAN PRACTICES
Silver HP
Integrated and Gold
Public Engagement
AWARDS
Applied Design
Entrepreneurship
Hardware
Measurement
Model
Plant
Software
JUDGING FORM

Minnesota

Home
Team Collaborations
Description Design Experiments Notebook Contribution Model Results Demonstrate Improve Attributions
Parts Basic Parts Composite Parts Part Collection
Safety
Silver HP Integrated and Gold Public Engagement
Applied Design Entrepreneurship Hardware Measurement Model Plant Software
Judging Form

MINNESOTA