Difference between revisions of "Team:UCLouvain/HP/Silver"

 
(46 intermediate revisions by 3 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">Human practices</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>Safe project design</span>
 +
<p/p>
 +
 +
</div>
  
.igem_2017_content_wrapper h1 {
+
<p>The safety aspect of our project was always in our minds while working, since the primary goal of the sun badge is to be used outside of the lab. We decided to design it in a way that would prevent 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 no one of them can escape.</p>
display: none !important;
+
}
+
  
.igem_2017_content_wrapper h2, .igem_2017_content_wrapper h3 {
+
<p>Although it ensures that no bacteria will leave the badge alive when discarding it, another biosafety mechanism could be used in case of a capsule leak or even a break upon a hit. One way to prevent this kind of escape road is the introduction of a kill switch inside our bacteria. Several kill switches have been designed and registered as biobricks by multiple iGEM teams during the past years. The implementation of one of them would add another barrier and lower even more the risk of our bacteria escaping.</p>
font-weight: normal !important;
+
}
+
  
.igem_2017_content_wrapper h2 {
+
<BR>
font-size: 34px !important;
+
margin-bottom: 20px !important;
+
                    <div class="row" style="margin-bottom: 40px;">
color: #222222 !important;
+
<div class="col-md-6">
}
+
<div class="section-title" style="text-align:left;float:left;width:100%;margin-bottom:0">
 +
<span>Environment concern</span>
 +
<p/p>
 +
</div>
  
.igem_2017_content_wrapper h2.smallclear {
+
<p>We decided to make our badge in a way that limits its impact on the environment. The badge is mostly made out of Polylactic Acid, which is a biodegradable polymer. The badge is also fully reusable. The support can be kept by the user and the two other parts can be easily cleaned and replenished. The badge is also fully manufacturable using only 3D printers and polymers that are easily accessible.</p>
margin-bottom: 5px !important;
+
}
+
 +
</div>
  
.igem_2017_content_wrapper h3 {
+
<div class="col-md-6">
font-size: 28px !important;
+
<div class="section-title" style="text-align:left;float:left;width:100%;margin-bottom:0">
margin-bottom: 20px !important;
+
<span>Public Commitment</span>
color: #222222 !important;
+
<p/p>
}
+
                                                </div>
 +
                                           
 +
<p>We noticed that synthetic biology is not yet a common topic among students. In order to explain our project in front of a large audience and at the same time introduce what synthetic biology actually consists in, we decided to collaborate with <a style="color:#0066cc";href="https://www.facebook.com/cafenlln/?hc_ref=ARRFpYi45V3DnKuxqC3-vaF9VtFsOLby0pXACUsy4TekbiTOJf6z_GsOAyTlWwSSiNc&fref=nf">"Café Numérique"</a>. The concept is to attend a presentation and then participate in a debate with a good Belgian beer in your hands. We started the conference with the presentation of our IGEM project and then we had the pleasure to discuss with Gauthier Chapelle. He is a scientist who worked as scientist officer for the International Polar Foundation, he promoted Biomimicry in Europe and he is now a co-founder of a sustainability consultancy firm. Moreover, we were pleased to host Dr. Philippe Gabant, specialist in molecular biology and founder of a biotech company in synthetic biology called Syngulon. Events like this one also help to clarify the concept of synthetic biology among the people.</p>
  
.igem_2017_content_wrapper ul {
+
<img src="https://static.igem.org/mediawiki/2017/b/b7/UCLOUVAIN_cafe_conference.png" class="in_text_img" style="width: 1500px;"img>
margin: 0 !important;
+
padding: 0 !important;
+
}
+
  
.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;
+
      </div>
height: auto !important;
+
                                   
}
+
 +
</div>
  
.igem_2017_content_wrapper a {
+
</div>
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 {
+
<div class="row" style="margin-bottom: 40px;">
color: #0f6fc6 !important;
+
<div class="col-md-12">
}
+
</div>
 +
</div>
 +
</div>
 +
</div>
  
#header {
+
</div>
position: relative !important;
+
</div>
z-index: 999 !important;
+
</div>
padding: 0 20px 0 20px !important;
+
</section>
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:40, 1 November 2017

iGEM UCLouvain Team iGEM UCLouvain Team

Human practices
Safe project design

The safety aspect of our project was always in our minds while working, since the primary goal of the sun badge is to be used outside of the lab. We decided to design it in a way that would prevent 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 no one of them can escape.

Although it ensures that no bacteria will leave the badge alive when discarding it, another biosafety mechanism could be used in case of a capsule leak or even a break upon a hit. One way to prevent this kind of escape road is the introduction of a kill switch inside our bacteria. Several kill switches have been designed and registered as biobricks by multiple iGEM teams during the past years. The implementation of one of them would add another barrier and lower even more the risk of our bacteria escaping.


Environment concern

We decided to make our badge in a way that limits its impact on the environment. The badge is mostly made out of Polylactic Acid, which is a biodegradable polymer. The badge is also fully reusable. The support can be kept by the user and the two other parts can be easily cleaned and replenished. The badge is also fully manufacturable using only 3D printers and polymers that are easily accessible.

Public Commitment

We noticed that synthetic biology is not yet a common topic among students. In order to explain our project in front of a large audience and at the same time introduce what synthetic biology actually consists in, we decided to collaborate with "Café Numérique". The concept is to attend a presentation and then participate in a debate with a good Belgian beer in your hands. We started the conference with the presentation of our IGEM project and then we had the pleasure to discuss with Gauthier Chapelle. He is a scientist who worked as scientist officer for the International Polar Foundation, he promoted Biomimicry in Europe and he is now a co-founder of a sustainability consultancy firm. Moreover, we were pleased to host Dr. Philippe Gabant, specialist in molecular biology and founder of a biotech company in synthetic biology called Syngulon. Events like this one also help to clarify the concept of synthetic biology among the people.

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