(Prototype team page) |
|||
(24 intermediate revisions by 4 users not shown) | |||
Line 1: | Line 1: | ||
{{Grenoble-Alpes}} | {{Grenoble-Alpes}} | ||
− | |||
+ | <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;} | ||
− | + | p{ font-family: "calibri","Arial",Helvetica,sans-serif!important; | |
+ | font-size: 1.5em!important; | ||
+ | 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> | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
+ | </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> | + | <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> | ||
+ | </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).