Difference between revisions of "Team:UCLouvain/Safety"

 
(13 intermediate revisions by 2 users not shown)
Line 1: Line 1:
 
{{UCLouvain}}
 
{{UCLouvain}}
 +
{{UCLouvainHeaderSecond}}
 
<html>
 
<html>
−
    <head>
 
−
<title>iGEM UCLouvain Team</title>
 
−
 
−
<style>
 
−
.igem_2017_content_wrapper html,
 
−
.igem_2017_content_wrapper body,
 
−
.igem_2017_content_wrapper div,
 
−
.igem_2017_content_wrapper span,
 
−
.igem_2017_content_wrapper p,
 
−
.igem_2017_content_wrapper a,
 
−
.igem_2017_content_wrapper img,
 
−
.igem_2017_content_wrapper ul,
 
−
.igem_2017_content_wrapper li,
 
−
.igem_2017_content_wrapper footer,
 
−
.igem_2017_content_wrapper header,
 
−
.igem_2017_content_wrapper nav,
 
−
.igem_2017_content_wrapper section {
 
−
box-sizing: border-box !important;
 
−
margin: 0 !important;
 
−
padding: 0 !important;
 
−
border: 0 !important;
 
−
font-size: 100% !important;
 
−
font: inherit !important;
 
−
font-family: 'Roboto', 'Arial' !important;
 
−
vertical-align: baseline !important;
 
−
}
 
−
.igem_2017_content_wrapper h2,
 
−
.igem_2017_content_wrapper h3 {
 
−
box-sizing: border-box !important;
 
−
margin: 0 !important;
 
−
padding: 10px 0 10px 0 !important;
 
−
border: 0 !important;
 
−
font-size: 100% !important;
 
−
font: inherit !important;
 
−
font-family: 'Roboto', 'Arial' !important;
 
−
vertical-align: baseline !important;
 
−
}
 
−
.igem_2017_content_wrapper footer,
 
−
.igem_2017_content_wrapper header,
 
−
.igem_2017_content_wrapper nav,
 
−
.igem_2017_content_wrapper section {
 
−
display: block !important;
 
−
}
 
−
.igem_2017_content_wrapper body {
 
−
line-height: 1 !important;
 
−
}
 
−
.igem_2017_content_wrapper ul {
 
−
list-style: none !important;
 
−
}
 
  
−
/*
+
<div class="site-hero_2">
−
Our styles
+
<div class="page-title">
−
*/
+
<div class="big-title montserrat-text uppercase">SAFETY</div>
 +
<div class="small-title montserrat-text uppercase"><br><Marine style="margin-left:32px;font-family:'Brush Script MT';font-size:32px;text-transform:none;font-weight:bold;">Safety First!</Marine></div>
 +
</div>
 +
</div>
  
−
/* Import Roboto */
+
<section>
−
@import url('https://fonts.googleapis.com/css?family=Roboto:300,400,700');
+
<div class="container">
 +
<div class="row" style="margin-bottom: 40px;">
 +
<div class="col-md-12">
 +
<div class="section-title" style="text-align:left;float:left;width:100%;margin-bottom:0">
 +
<span>LAB SAFETY</span>
 +
 +
</div>
 +
<BR></BR>
 +
<p/p>
 +
<p>Safety is a key word when working in a laboratory. Each team member who worked in the lab received a guided tour and an introduction to safety protocols, including waste management, sterilization, clean lab coat, hand washing and so on. Sometimes, your protection equipment can turn into an unique Star Wars costume!</p>
 +
<p>Most of the work made during our project was done in an L2 safety lab. The other part of the technical work concerns the printing of our bio badge 3D model. This work has been done in a chemistry lab that doesn’t require specific biological safety protocols.</p>
  
−
.igem_2017_content_wrapper h1 {
+
<div class="col-md-4">
−
display: none !important;
+
<img src="https://static.igem.org/mediawiki/2017/d/d0/UCLOUVAIN_-_SAFETY2.jpeg" class="in_text_img" style="width: 1500px;"img>
−
}
+
 +
</div>
 +
<div class="col-md-8">
 +
<img src="https://static.igem.org/mediawiki/2017/b/bb/UCLOUVAIN_-_SAFETY_FUN.png" class="in_text_img" style="width: 500px;"img>
 +
</div>
 +
</div>
  
−
.igem_2017_content_wrapper h2, .igem_2017_content_wrapper h3 {
+
<div class="row" style="margin-bottom: 40px;">
−
font-weight: normal !important;
+
<div class="col-md-12">
−
}
+
  
−
.igem_2017_content_wrapper h2 {
+
</div>
−
font-size: 34px !important;
+
</div>
−
margin-bottom: 20px !important;
+
</div>
−
color: #222222 !important;
+
−
}
+
  
−
.igem_2017_content_wrapper h2.smallclear {
+
<div class="container">
−
margin-bottom: 5px !important;
+
<div class="row" style="margin-bottom: 40px;">
−
}
+
<div class="col-md-12">
 +
<div class="section-title" style="text-align:left;float:left;width:100%;margin-bottom:0">
 +
<span>SAFE PROJECT DESIGN</span>
 +
 +
</div>
 +
<BR></BR>
 +
<p/p>
 +
<p>The safety aspect of our project has always been in our minds while working on it, since the primary goal of the badge is to be used outside of the lab. We decided to design it in a way that prevents our modified bacteria from escaping into the environment. The badge includes a ring filled with bleach which is mixed with the bacteria contained into the capsule once it has been used. The bleach will rapidly kill the bacteria and ensure that none can escape. The risk of bacteria escaping into the environment is thus greatly reduced.</p>
  
−
.igem_2017_content_wrapper h3 {
+
<img src="https://static.igem.org/mediawiki/2017/6/64/UCLOUVAIN_-_SAFETY5.png" style="width: 500px;"img>
−
font-size: 28px !important;
+
−
margin-bottom: 20px !important;
+
−
color: #222222 !important;
+
−
}
+
  
−
.igem_2017_content_wrapper ul {
+
</div>
−
margin: 0 !important;
+
</div>
−
padding: 0 !important;
+
</div>
−
}
+
</section>
  
−
.igem_2017_content_wrapper p {
 
−
font-size: 18px !important;
 
−
line-height: 32px !important;
 
−
color: #222222 !important;
 
−
margin-bottom: 1em !important;
 
−
text-align: justify !important;
 
−
}
 
−
 
−
.igem_2017_content_wrapper img {
 
−
max-width: 100% !important;
 
−
height: auto !important;
 
−
}
 
−
 
−
.igem_2017_content_wrapper a {
 
−
text-decoration: none !important;
 
−
color: #000000 !important;
 
−
font-weight: normal !important;
 
−
font-size: 18px !important;
 
−
transition: all 0.2s ease-in !important;
 
−
}
 
−
 
−
.igem_2017_content_wrapper a:hover {
 
−
color: #0f6fc6 !important;
 
−
}
 
−
 
−
#header {
 
−
position: relative !important;
 
−
z-index: 999 !important;
 
−
padding: 0 20px 0 20px !important;
 
−
box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23) !important;
 
−
}
 
−
 
−
#logo, #logo a {
 
−
height: 150px !important;
 
−
line-height: 150px !important;
 
−
}
 
−
 
−
#logo, #logo a, #nav, #nav ul, #nav ul li {
 
−
display: inline-block !important;
 
−
position: relative !important;
 
−
}
 
−
 
−
#logo img {
 
−
height: 125px !important;
 
−
vertical-align: middle !important;
 
−
}
 
−
 
−
.igem_2017_content_wrapper {
 
−
width: 100% !important;
 
−
padding: 0 !important;
 
−
margin: 0 !important;
 
−
}
 
−
 
−
.igem_2017_menu_wrapper {
 
−
display: none !important; /* Hide this badass menu */
 
−
}
 
−
 
−
#nav {
 
−
font-size: 18px !important;
 
−
}
 
−
 
−
#nav > ul > li {
 
−
margin-left: 100px !important;
 
−
height: 30px !important;
 
−
line-height: 30px !important;
 
−
}
 
−
 
−
#nav ul li ul {
 
−
display: block !important;
 
−
opacity: 0 !important;
 
−
max-height: 0 !important;
 
−
overflow: hidden !important;
 
−
position: absolute !important;
 
−
top: 30px !important;
 
−
left: 0px !important;
 
−
width: 180px !important;
 
−
background-color: #FFFFFF !important;
 
−
border-left: 3px solid #0f6fc6 !important;
 
−
box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23) !important;
 
−
transition: all 0.2s ease-in !important;
 
−
}
 
−
 
−
#nav ul li:hover ul {
 
−
opacity: 1 !important;
 
−
max-height: 1000px !important;
 
−
}
 
−
 
−
#nav ul li ul li {
 
−
display: block !important;
 
−
transition: all 0.2s ease-in !important;
 
−
}
 
−
 
−
#nav ul li ul li:hover {
 
−
background-color: #eee !important;
 
−
}
 
−
 
−
#nav ul li ul li a {
 
−
padding-left: 15px !important;
 
−
line-height: 50px !important;
 
−
height: 50px !important;
 
−
width: 175px !important;
 
−
display: inline-block !important;
 
−
}
 
−
 
−
#presentation img {
 
−
width: 100% !important;
 
−
}
 
−
 
−
#page {
 
−
padding: 60px 90px 0 90px !important;
 
−
}
 
−
 
−
#page:after {
 
−
content: "" !important;
 
−
display: table !important;
 
−
clear: both !important;
 
−
}
 
−
 
−
#page .text, #page .illustration {
 
−
width: 50% !important;
 
−
float: left !important;
 
−
vertical-align: top !important;
 
−
}
 
−
 
−
#page .text {
 
−
padding-right: 30px !important;
 
−
}
 
−
 
−
#page .illustration {
 
−
padding-left: 30px !important;
 
−
}
 
−
 
−
#page .illustration img {
 
−
border: 15px solid #FFFFFF !important;
 
−
box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23) !important;
 
−
filter: opacity(90%) grayscale(30%) !important;
 
−
}
 
−
 
−
#footer {
 
−
padding: 60px 90px 60px 90px !important;
 
−
}
 
−
 
−
#footer ul {
 
−
text-align: center !important;
 
−
}
 
−
 
−
#footer ul li {
 
−
display: inline-block !important;
 
−
width: auto !important;
 
−
max-width: 12.5% !important;
 
−
height: 200px !important;
 
−
line-height: 200px !important;
 
−
padding: 20px !important;
 
−
vertical-align: middle !important;
 
−
}
 
−
 
−
#footer ul li img {
 
−
max-width: 100% !important;
 
−
width: auto !important;
 
−
height: auto !important;
 
−
max-height: 400px !important;
 
−
vertical-align: middle !important;
 
−
}
 
−
 
−
@media (max-width: 1000px) {
 
−
#page .text, #page .illustration {
 
−
width: 100% !important;
 
−
float: left !important;
 
−
padding: 0 !important;
 
−
}
 
−
}
 
−
</style>
 
−
    </head>
 
−
    <body>
 
−
        <header id="header">
 
−
            <div id="logo">
 
−
                <a href="/"><img src="https://static.igem.org/mediawiki/2017/3/3d/UCLouvain_igem_logo.png" alt="IGem UCLouvain Team"></a>
 
−
            </div>
 
−
            <nav id="nav">
 
−
                <ul>
 
−
                    <li>
 
−
<a href="#">Our Project</a>
 
−
<ul>
 
−
<li><a href="#">Overview</a></li>
 
−
<li><a href="#">Approach 1</a></li>
 
−
<li><a href="#">Approach 2</a></li>
 
−
<li><a href="./Team:UCLouvain/Attributions">Attributions</a></li>
 
−
<li><a href="./Team:UCLouvain/InterLab">InterLab</a></li>
 
−
</ul>
 
−
</li>
 
−
                    <li>
 
−
<a href="#">In The Lab</a>
 
−
<ul>
 
−
<li><a href="#">Overview</a></li>
 
−
<li><a href="#">Protocols</a></li>
 
−
<li><a href="#">Parts</a></li>
 
−
</ul>
 
−
</li>
 
−
                    <li><a href="#">Human Practices</a></li>
 
−
                    <li>
 
−
<a href="#">About us</a>
 
−
<ul>
 
−
<li><a href="#">Team</a></li>
 
−
<li><a href="#">Aknowledgement</a></li>
 
−
<li><a href="#">Our University</a></li>
 
−
</ul>
 
−
</li>
 
−
                </ul>
 
−
            </nav>
 
−
        </header>
 
−
        <section id="content">
 
−
            <div id="page">
 
−
<h2 class="smallclear">TITRE</h2>
 
−
<h3>SOUS-TITRE</h3>
 
−
<p>TEXTE</p>
 
−
</div>
 
−
</section>
 
−
<footer id="footer">
 
−
<h2>Our sponsors</h2>
 
−
<ul><!--
 
−
--><li><a href="https://uclouvain.be/en/index.html" target="_blank"><img src="https://static.igem.org/mediawiki/2017/8/87/Logo-UCL.jpg" alt="UCL"></a></li><!--
 
−
--><li><a href="http://www.federation-wallonie-bruxelles.be/index.php?id=39" target="_blank"><img src="https://static.igem.org/mediawiki/2017/a/a1/Logo-FWB.png" alt="Fédération Wallonie Bruxelles"></a></li><!--
 
−
--><li><a href="https://uclouvain.be/fr/chercher/fondation-louvain" target="_blank"><img src="https://static.igem.org/mediawiki/2017/3/39/Logo-Fondation_Louvain.png" alt="Fondation Louvain"></a></li><!--
 
−
--><li><a href="https://www.neb.com/" target="_blank"><img src="https://static.igem.org/mediawiki/2017/c/cd/Logo-Imperial_College.png" alt="Imperial College"></a></li><!--
 
−
--><li><a href="http://www.agilent.com/home" target="_blank"><img src="https://static.igem.org/mediawiki/2017/8/88/Logo-Agilent_Technologies.png" alt="Agilent Technologies"></a></li><!--
 
−
--><li><a href="https://www.aglouvain.be/site2/" target="_blank"><img src="https://static.igem.org/mediawiki/2017/5/5d/Logo-AGL.png" alt="AGL"></a></li><!--
 
−
--><li><a href="https://uclouvain.be/en/research-institutes/isv" target="_blank"><img src="https://static.igem.org/mediawiki/2017/1/13/Logo-ISV.png" alt="ISV"></a></li><!--
 
−
--><li><a href="https://uclouvain.be/en/faculties/sc" target="_blank"><img src="https://static.igem.org/mediawiki/2017/0/01/Logo-UCL_Sciences.jpg" alt="UCL faculté des Sciences"></a></li><!--
 
−
--></ul>
 
−
</footer>
 
−
    </body>
 
 
</html>
 
</html>
 +
{{UCLouvainFooter}}

Latest revision as of 14:43, 1 November 2017

iGEM UCLouvain Team iGEM UCLouvain Team

SAFETY

Safety First!
LAB SAFETY


Safety is a key word when working in a laboratory. Each team member who worked in the lab received a guided tour and an introduction to safety protocols, including waste management, sterilization, clean lab coat, hand washing and so on. Sometimes, your protection equipment can turn into an unique Star Wars costume!

Most of the work made during our project was done in an L2 safety lab. The other part of the technical work concerns the printing of our bio badge 3D model. This work has been done in a chemistry lab that doesn’t require specific biological safety protocols.

SAFE PROJECT DESIGN


The safety aspect of our project has always been in our minds while working on it, since the primary goal of the badge is to be used outside of the lab. We decided to design it in a way that prevents our modified bacteria from escaping into the environment. The badge includes a ring filled with bleach which is mixed with the bacteria contained into the capsule once it has been used. The bleach will rapidly kill the bacteria and ensure that none can escape. The risk of bacteria escaping into the environment is thus greatly reduced.

you think we're cool? so are our sponsors!
  • UCL
  • Fédération Wallonie Bruxelles
  • Fondation Louvain
  • Imperial College
  • Agilent Technologies
  • AGL
  • ISV
  • UCL faculté des Sciences