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

 
(23 intermediate revisions by 4 users not shown)
Line 5: Line 5:
 
<meta name="viewport" content="width=device-width, initial-scale=1">
 
<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" 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>
 
<style>
 +
#schema {
 +
max-width:1000px;}
 
#welcome{
 
#welcome{
−
background-image: url("https://static.igem.org/mediawiki/2018/c/c6/T--Grenoble-Alpes--hp_bg.jpg");
+
background-image: url("https://static.igem.org/mediawiki/2018/d/d0/T--Grenoble-Alpes--safetyWelcomePic1.jpeg");
 
}
 
}
 
#text-container {
 
#text-container {
 
padding:3vh;
 
padding:3vh;
 
box-sizing:border-box;
 
box-sizing:border-box;
−
margin-top:calc(100vh - 39px);}
+
margin-top:calc(50vh - 39px);}
 
#overlay {
 
#overlay {
 +
opacity:0.3;
 
z-index:0;
 
z-index:0;
 
height:calc(100vh - 21px);
 
height:calc(100vh - 21px);
 
}
 
}
−
#welcome {height:calc(100vh - 21px);top:0;
+
#welcome {height:calc(50vh - 21px);top:0;
 
}
 
}
 
#titre-image {
 
#titre-image {
Line 24: Line 28:
 
font-size:6em!important;
 
font-size:6em!important;
 
font-weight:1000px;
 
font-weight:1000px;
−
margin-left:30%;
+
margin-left:20%;
−
margin-top:300px;
+
margin-top:20vh;
 
padding-right: 20px;
 
padding-right: 20px;
 
border-right: white solid 4px;}
 
border-right: white solid 4px;}
Line 32: Line 36:
 
     font-size: 1.5em!important;
 
     font-size: 1.5em!important;
 
     margin: 1vh;}
 
     margin: 1vh;}
 +
#text-container ul{font-size:1.4em}
 +
 +
#schema {position:absolute;
 +
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>
 
</style>
 +
  
 
</head>
 
</head>
Line 45: Line 79:
 
 
 
<li>
 
<li>
−
<a href="https://2018.igem.org/Team:Grenoble-Alpes/Human_Practices">HUMAN PRACTICES</a>
+
<a href="https://2018.igem.org/Team:Grenoble-Alpes/Human_Practices" id="current-nav">HUMAN PRACTICES</a>
 
<ul>
 
<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/actors_partnerships">ACTORS & PARTNERSHIPS</a></li>
−
<li><a href="https://2018.igem.org/Team:Grenoble-Alpes/ethic">ETHIC</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/events">EVENTS</a></li>
−
<li><a href="https://2018.igem.org/Team:Grenoble-Alpes/Safety" id="current-menu">SAFETY & SECURITY</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>
 
</ul>
 
</a>
 
</a>
Line 57: Line 92:
 
</ul>
 
</ul>
 
</div>
 
</div>
−
<div id="text-container"><p>Empty page</p>
+
<div id="text-container">
 +
 
 +
<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>
  
 +
<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>

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 !