Difference between revisions of "Team:Grenoble-Alpes/Safety"

(Prototype team page)
 
 
(24 intermediate revisions by 4 users not shown)
Line 1: Line 1:
 
{{Grenoble-Alpes}}
 
{{Grenoble-Alpes}}
<html>
 
  
 +
<html lang="en">
 +
<head>
 +
<meta name="viewport" content="width=device-width, initial-scale=1">
 +
<LINK rel="stylesheet" type="text/css" href="https://2018.igem.org/Template:Grenoble-Alpes/CSS"  />
 +
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.3.1/css/all.css" integrity="sha384-mzrmE5qonljUremFsqc01SB46JvROS7bZs3IO2EmfFsd15uHvIt+Y8vEf7N7fWAU" crossorigin="anonymous">
 +
<style>
 +
#schema {
 +
max-width:1000px;}
 +
#welcome{
 +
background-image: url("https://static.igem.org/mediawiki/2018/d/d0/T--Grenoble-Alpes--safetyWelcomePic1.jpeg");
 +
}
 +
#text-container {
 +
padding:3vh;
 +
box-sizing:border-box;
 +
margin-top:calc(50vh - 39px);}
 +
#overlay {
 +
opacity:0.3;
 +
z-index:0;
 +
height:calc(100vh - 21px);
 +
}
 +
#welcome {height:calc(50vh - 21px);top:0;
 +
}
 +
#titre-image {
 +
color:white;
 +
z-index:3;
 +
font-size:6em!important;
 +
font-weight:1000px;
 +
margin-left:20%;
 +
margin-top:20vh;
 +
padding-right: 20px;
 +
border-right: white solid 4px;}
  
<div class="column full_size">
+
p{    font-family: "calibri","Arial",Helvetica,sans-serif!important;
 +
    font-size: 1.5em!important;
 +
    margin: 1vh;}
 +
#text-container ul{font-size:1.4em}
  
<h1> Safety </h1>
+
#schema {position:absolute;
<p>Please visit the <a href="https://2018.igem.org/Safety">Safety Hub</a> to find this year's safety requirements & deadlines, and to learn about safe & responsible research in iGEM.</p>
+
width:950px;}
 +
.cellule {
 +
position:relative;
 +
    transition: 0.3s ease;
 +
    cursor: pointer;
 +
max-width:200px;}
 +
.cellule:hover {
 +
transform: scale(1.1, 1.1);
 +
}
 +
#cellule1 {
 +
    top: 50px;
 +
    left: 124px;}
 +
#cellule2 {
 +
    top: 43px;
 +
    left: 542px;}
 +
#cellule3 {
 +
    top: 20%;
 +
    left: 75%;
 +
}
 +
#cellule4 {
 +
top: 66%;
 +
max-width:300px;}
 +
#cellule5 {
 +
    top: 40%;
 +
    left: 78%;
 +
max-width:180px;}
 +
</style>
  
<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>
 
 
</div>
 
 
 
<div class="column two_thirds_size">
 
<h3>Safe Project Design</h3>
 
 
<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>
 
 
<ul>
 
<li>Choosing a non-pathogenic chassis</li>
 
<li>Choosing parts that will not harm humans / animals / plants</li>
 
<li>Substituting safer materials for dangerous materials in a proof-of-concept experiment</li>
 
<li>Including an "induced lethality" or "kill-switch" device</li>
 
</ul>
 
 
</div>
 
 
<div class="column third_size">
 
<h3>Safe Lab Work</h3>
 
 
<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>
 
  
 +
</head>
 +
<body>
 +
<div id="container">
 +
<div id="welcome">
 +
<div id="overlay"></div>
 +
<p id="titre-image">SAFETY AND SECURITY</p>
 +
</div>
 +
<div id="sous-menu">
 +
<ul>
 +
 +
<li>
 +
<a href="https://2018.igem.org/Team:Grenoble-Alpes/Human_Practices" id="current-nav">HUMAN PRACTICES</a>
 +
<ul>
 +
<li><a  href="https://2018.igem.org/Team:Grenoble-Alpes/actors_partnerships">ACTORS & PARTNERSHIPS</a></li>
 +
<li><a href="https://2018.igem.org/Team:Grenoble-Alpes/ethic">ETHICS</a></li>
 +
<li><a href="https://2018.igem.org/Team:Grenoble-Alpes/events">EVENTS</a></li>
 +
<li><a href="https://2018.igem.org/Team:Grenoble-Alpes/Safety" id="current-menu">SAFETY & SECURITY</a><ul><li><a href="https://2018.igem.org/Team:Grenoble-Alpes/safety_form">SAFETY FORM</a></li>
 +
<li><a href="https://2018.igem.org/Team:Grenoble-Alpes/femca">FMECA</a></li></ul></li>
 +
</ul>
 +
</a>
 +
</li>
 +
 +
</ul>
 +
</div>
 +
<div id="text-container">
  
<h3>Safe Shipment</h3>
+
<p>All along the project, we have to keep in mind security issues even when we work on the theoretical aspect. We made a double risk assessment: one for our detection device (FMECA method), and one for the risks of a contamination of our phages and modified e.coli on the lab, and on the environment if they escape the lab (Safety form).</p>
 +
<br>
 +
<center><h3><font size ="5"> For more information, click on the books !</font></h3></center>
 +
<br>
  
<p>Did you face any safety problems in sending your DNA parts to the Registry? How did you solve those problems?</p>
+
<div style="height:600px;"><img src="https://static.igem.org/mediawiki/2018/5/5a/T--Grenoble-Alpes--bureau1.png" id="schema">
 +
<a href="https://2018.igem.org/Team:Grenoble-Alpes/femca">
 +
<img src="https://static.igem.org/mediawiki/2018/5/5b/T--Grenoble-Alpes--fmeca.png" id="cellule1" class="cellule"></a>
 +
<a href="https://2018.igem.org/Team:Grenoble-Alpes/safety_form">
 +
<img src="https://static.igem.org/mediawiki/2018/3/33/T--Grenoble-Alpes--safety1.png" id="cellule2" class="cellule"></a>
 
</div>
 
</div>
  
 +
</div>
 +
</div>
 +
</body>
 +
<footer>
 +
<a href="mailto:Igem.grenoble.alpes@gmail.com">Igem.grenoble.alpes@gmail.com</a>
 +
<div id="icons">
 +
<a href="https://www.facebook.com/igemfrancegrenoble/?ref=br_rs"><i class="fab fa-facebook fa-2x"></i></a>
 +
<a href="https://twitter.com/igem_grenoble?lang=fr"><i class="fab fa-twitter fa-2x"></i></a>
 +
<a href="https://www.linkedin.com/in/igem-grenoble-367974116/?originalSubdomain=fr"><i class="fab fa-linkedin  fa-2x"></i></a>
 +
<a href=""></a>
 +
</div>
  
 +
</footer>
 
</html>
 
</html>

Latest revision as of 12:33, 17 October 2018

Template loop detected: Template:Grenoble-Alpes

SAFETY AND SECURITY

All along the project, we have to keep in mind security issues even when we work on the theoretical aspect. We made a double risk assessment: one for our detection device (FMECA method), and one for the risks of a contamination of our phages and modified e.coli on the lab, and on the environment if they escape the lab (Safety form).


For more information, click on the books !