Difference between revisions of "Team:SVCE Chennai/Safety"

(Prototype team page)
 
Line 1: Line 1:
−
{{SVCE_Chennai}}
+
<!DOCTYPE html>
 +
<!--
 +
To change this license header, choose License Headers in Project Properties.
 +
To change this template file, choose Tools | Templates
 +
and open the template in the editor.
 +
-->
 
<html>
 
<html>
−
<h2>Safety in iGEM</h2>
+
    <head>
−
 
+
        <title>Safety</title>
−
<p>Please visit <a href="https://2015.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>
+
        <meta charset="UTF-8">
−
 
+
        <meta name="viewport" content="width=device-width">
−
<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>
+
        <style>
−
 
+
body{
−
 
+
    margin: 0;
−
<h4>Safe Project Design</h4>
+
}
−
 
+
#header{
−
<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>
+
    margin-top: 0px;
−
 
+
  height: 150px;
−
<ul>
+
  background-color: rgba(0,0,0,1);
−
<li>Choosing a non-pathogenic chassis</li>
+
position: fixed;
−
<li>Choosing parts that will not harm humans / animals / plants</li>
+
  width: 100%;
−
<li>Substituting safer materials for dangerous materials in a proof-of-concept experiment</li>
+
}
−
<li>Including an "induced lethality" or "kill-switch" device</li>
+
#header2{
−
</ul>
+
    height: 120px;
−
 
+
    background-color: rgba(0,0,0,1);
−
<h4>Safe Lab Work</h4>
+
}
−
 
+
#head-name{
−
<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>
+
    color: white;
−
 
+
    padding-left: 40%;
−
<h4>Safe Shipment</h4>
+
    padding-top: 20px;
−
 
+
    font-size: 30px;
−
<p>Did you face any safety problems in sending your DNA parts to the Registry? How did you solve those problems?</p>
+
    width: 300px;
−
 
+
    //float: left;
−
 
+
   
−
</div>
+
}
 +
#head-list{
 +
    color: white;
 +
    padding-top: 30px;
 +
    font-size: 20px;
 +
    padding-left: 3%
 +
}
 +
@media screen and (max-width: 900px){
 +
    #head-name{
 +
        width: 100%;
 +
        padding-left: 40%;
 +
        //text-align: center;
 +
    }
 +
    #head-list{
 +
        padding-top: 30px;
 +
    }
 +
    ul{
 +
        margin-left: 0px;
 +
        padding-left: 2%;
 +
    }
 +
}
 +
@media screen and (max-width: 300px){
 +
    #head-list{
 +
        padding-left: 10px;
 +
    }
 +
    ul{
 +
        padding-left: 1%;
 +
    }
 +
}
 +
#content{
 +
 +
    height: 600px;
 +
}
 +
ul{
 +
    display: inline;
 +
  // padding-left: 15%;
 +
   
 +
}
 +
li{
 +
    display: inline;
 +
    padding: 2%;
 +
   
 +
}
 +
li:hover{
 +
    color: #00ff00;
 +
    cursor: pointer;
 +
}
 +
        </style>
 +
    </head>
 +
    <body>
 +
        <div id="header">
 +
            <div id="head-name">
 +
                IGEM-SVCE
 +
            </div>
 +
            <div id="head-list">
 +
                <ul>
 +
                    <a href="home.html" style="text-decoration: none; color: white;"> <li id="home">Home</li></a>
 +
                    <a href="team.html" style="text-decoration: none; color: white;"> <li id="about1">Team</li></a>
 +
                    <a href="project.html" style="text-decoration: none; color: white;"><li>Project</li></a>
 +
                    <a href="parts.html" style="text-decoration: none; color: white;"><li>Parts</li></a>
 +
                    <a href="notebook.html" style="text-decoration: none; color: white;"><li>Notebook</li></a>
 +
                    <a href="attribution.html" style="text-decoration: none; color: white;"><li>Attribution</li></a>
 +
                    <a href="collaboration.html" style="text-decoration: none; color: white;"><li>Collaboration</li></a>
 +
                    <a href="humanpractice.html" style="text-decoration: none; color: white;"><li>Human Practice</li></a>
 +
                    <li style="color: #00ff00;">Safety</li>
 +
                </ul>
 +
            </div>
 +
        </div>
 +
    </body>
 
</html>
 
</html>

Revision as of 06:30, 6 August 2015

<!DOCTYPE html> Safety