Difference between revisions of "Team:Minnesota/Safety"

(Prototype team page)
 
Line 2: Line 2:
 
<html>
 
<html>
  
 +
<!------------------------------------ MAKING A NAVIGATION BAR------------------------------------------>
 +
<div class="navbar">
 +
        <a href="https://2017.igem.org/Team:Minnesota">Home</a>
  
−
<div class="column full_size">
+
          <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>
  
−
<h1> Safety </h1>
+
<style>
−
<p>Please visit <a href="https://2017.igem.org/Safety">the main Safety page</a> to find this year's safety requirements & deadlines, and to learn about safe & responsible research in iGEM.</p>
+
/*************************** Page Formatting ****************************/
 +
        .igem_2017_menu_wrapper{display:none;}
  
−
<p>On this page of your wiki, you should write about how you are addressing any safety issues in your project. The wiki is a place where you can <strong>go beyond the questions on the safety forms</strong>, and write about whatever safety topics are most interesting in your project. (You do not need to copy your safety forms onto this wiki page.)</p>
+
        #content{
 +
        background-color: transparent;
 +
        background: transparent;}
  
−
</div>
+
        .igem_2017_content_wrapper{ background-color: transparent; }
  
 +
        #bodyContent h1, #bodyContent h2, #bodyContent h3, #bodyContent h4, #bodyContent h5 {
 +
            display: none;
 +
        }
 +
</style>
  
−
<div class="column full_size">
+
<style>
−
<h5>Safe Project Design</h5>
+
/* Navbar container */
 +
        .navbar {
 +
          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;
 +
           
 +
        }
  
−
<p>Does your project include any safety features? Have you made certain decisions about the design to reduce risks? Write about them here! For example:</p>
+
        /* Links inside the navbar */
 +
        .navbar a {
 +
          float: left;
 +
          font-size: 16px;
 +
          color: white;
 +
          text-align: center;
 +
          padding: 14px 16px;
 +
          margin-top: 30px;
 +
          text-decoration: none;
 +
        }
  
−
<ul>
+
        /* The dropdown container */
−
<li>Choosing a non-pathogenic chassis</li>
+
        .dropdown {
−
<li>Choosing parts that will not harm humans / animals / plants</li>
+
          margin-top:30px;
−
<li>Substituting safer materials for dangerous materials in a proof-of-concept experiment</li>
+
          float: left;
−
<li>Including an "induced lethality" or "kill-switch" device</li>
+
          overflow: hidden;
−
</ul>
+
        }
  
−
</div>
+
        /* Dropdown button */
 +
        .dropdown .dropbtn {
 +
          font-size: 16px;
 +
          border: none;
 +
          outline: none;
 +
          color: white;
 +
          padding: 14px 16px;
 +
          background-color: inherit;
 +
        }
  
−
<div class="column half_size">
+
        /* Add a red background color to navbar links on hover */
−
<h5>Safe Lab Work</h5>
+
        .navbar a:hover, .dropdown:hover .dropbtn {
 +
          background-color: red;
 +
        }
  
−
<p>What safety procedures do you use every day in the lab? Did you perform any unusual experiments, or face any unusual safety issues? Write about them here!</p>
+
        /* Dropdown content (hidden by default) */
 +
        .dropdown-content {
 +
          display: none;
 +
          position: absolute;
 +
          background-color: #f9f9f9;
 +
          width: 160px;
 +
          box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
 +
          z-index: 1;
 +
        }
  
−
</div>
+
        /* Links inside the dropdown */
 +
        .dropdown-content a {
 +
          float: none;
 +
          color: black;
 +
          padding: 10px 12px;
 +
          text-decoration: none;
 +
          display: block;
 +
          text-align: left;
 +
        }
  
−
<div class="column half_size">
+
        /* Add a grey background color to dropdown links on hover */
−
<h5>Safe Shipment</h5>
+
        .dropdown-content a:hover {
−
 
+
          background-color: #ddd;
−
<p>Did you face any safety problems in sending your DNA parts to the Registry? How did you solve those problems?</p>
+
        }
−
</div>
+
  
 +
        /* Show the dropdown menu on hover */
 +
        .dropdown:hover .dropdown-content {
 +
          display: block;
 +
        }
 +
</style>
  
 
</html>
 
</html>

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