|
|
(50 intermediate revisions by 4 users not shown) |
Line 1: |
Line 1: |
| {{UCLouvain}} | | {{UCLouvain}} |
| + | {{UCLouvainHeader}} |
| <html> | | <html> |
− | <head> | + | <section class="services"> |
− | <style> | + | <div class="container"> |
− | @font-face {
| + | <div class="col-md-7 col-sm-12 services-left wow fadeInUp"> |
− | font-family: 'aloha';
| + | <div class="row" style="margin-bottom:50px"> |
− | font-style: normal;
| + | <div class="col-md-6 col-sm-12"> |
− | font-weight: normal;
| + | <div class="row"> |
− | src: local('aloha'), url('https://static.igem.org/mediawiki/2017/3/32/Aloha.otf') format('truetype');
| + | <a href="https://2017.igem.org/Team:UCLouvain/OurProject/Overview" style="color:#60606e;"><i class="icon ion-arrow-graph-up-right"></i> |
− | }
| + | <span class="montserrat-text uppercase service-title">Global issue</span> |
− | body {
| + | <p style="padding-right: 30px;">Over the last years, our exposition to UV rays has <b>increased</b> and scientists noticed an <b>upward trend</b> in the risks of developing skin cancers.</p></a> |
− | font-family: 'aloha', serif;
| + | </div> |
− | font-size: 12px;
| + | </div> |
− | }
| + | <div class="col-md-6 col-sm-12"> |
− | .igem_2017_menu_wrapper {
| + | <div class="row"> |
− | display: none;
| + | <a href="" style="color:#60606e;"><i class="icon ion-ios-glasses"></i> |
− | }
| + | <span class="montserrat-text uppercase service-title">Protection exists</span> |
− | .container { | + | <p style="padding-right: 30px;"> Although we can protect ourselves against this health hazard, <b> we cannot feel the UV rays </b> and when sunburns appear, it is already too late. </p></a> |
− | overflow: hidden;
| + | </div> |
− | background-color: #3B73B1;
| + | </div> |
− | font-family: aloha;
| + | </div> |
− | }
| + | <div class="row"> |
| + | <div class="col-md-6 col-sm-12"> |
| + | <div class="row"> |
| + | <a href="https://2017.igem.org/Team:UCLouvain/Badge" style="color:#60606e;"><i class="icon ion-android-watch"></i> |
| + | <span class="montserrat-text uppercase service-title">Badge design</span> |
| + | <p style="padding-right: 30px;"> Hence, <b>we have designed a wearable UV-sensitive badge</b> to help warning people on their level of exposure anytime and anywhere. The badge turns red when exposed to a certain level of sunlight. </p></a> |
| + | </div> |
| + | </div> |
| + | <div class="col-md-6 col-sm-12"> |
| + | <div class="row"> |
| + | <a href="https://2017.igem.org/Team:UCLouvain/OurProject/Overview" style="color:#60606e;"><i class="icon ion-erlenmeyer-flask"></i> |
| + | <span class="montserrat-text uppercase service-title">Culture design</span> |
| + | <p style="padding-right: 30px;">This badge contains a <b>liquid cell culture</b>. The bacterial cells are engineered o produce a red fluorescent protein, which is only developed when. They only produce it when the badge is exposed to UV rays, thanks to a <b>photocaged amino acid</b>.</p></a> |
| + | </div> |
| + | </div> |
| + | </div> |
| + | </div> |
| | | |
− | .container a {
| + | <div class="col-md-5 col-sm-12 services-right wow fadeInUp" data-wow-delay=".1s"> |
− | float: left;
| + | <div class="row"> |
− | font-size: 18px;
| + | <br> |
− | color: white;
| + | <br> |
− | text-align: center;
| + | |
− | padding: 14px 16px;
| + | |
− | text-decoration: none;
| + | |
− | }
| + | |
− | | + | |
− | .dropdown {
| + | |
− | float: left;
| + | |
− | overflow: hidden;
| + | |
− | | + | |
− | }
| + | |
− | | + | |
− | .dropdown .dropbtn {
| + | |
− | font-size: 18px;
| + | |
− | border: none;
| + | |
− | outline: none;
| + | |
− | color: white;
| + | |
− | padding: 12px 16px;
| + | |
− | background-color: inherit;
| + | |
− | font-family: aloha;
| + | |
− | }
| + | |
− | | + | |
− | .container a:hover, .dropdown:hover .dropbtn {
| + | |
− | background-color: #8fc4ff;
| + | |
− | color: black;
| + | |
− | font-weight: bold;
| + | |
− | | + | |
− | }
| + | |
− | | + | |
− | .dropdown-content {
| + | |
− | display: none;
| + | |
− | position: absolute;
| + | |
− | background-color: #8fc4ff;
| + | |
− | min-width: 160px;
| + | |
− | box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
| + | |
− | z-index: 1;
| + | |
− | }
| + | |
− | | + | |
− | .dropdown-content a {
| + | |
− | float: none;
| + | |
− | color: black;
| + | |
− | padding: 12px 16px;
| + | |
− | text-decoration: none;
| + | |
− | display: block;
| + | |
− | text-align: left;
| + | |
− | }
| + | |
− | | + | |
− | .dropdown-content a:hover {
| + | |
− | background-color: #ddd;
| + | |
− | }
| + | |
− | | + | |
− | .dropdown:hover .dropdown-content {
| + | |
− | display: block;
| + | |
− | }
| + | |
− | </style>
| + | |
− | </head>
| + | |
− | <body>
| + | |
− | <a href="https://2017.igem.org/Team:UCLouvain"><img
| + | |
− | src="https://static.igem.org/mediawiki/2017/0/0d/Logo_2017.png"
| + | |
− | style="height: 150px; margin-top: 12.5px; float: left;"></a> <br>
| + | |
| <br> | | <br> |
| <br> | | <br> |
− | <div class="container"> <a href="https://2017.igem.org/Team:UCLouvain">Home</a>
| |
− | <div class="dropdown"> <button class="dropbtn">Our Project</button>
| |
− | <div class="dropdown-content"> <a
| |
− | href="https://2017.igem.org/Team:UCLouvain/OurProject/Overview">Overview</a>
| |
− | <a href="https://2017.igem.org/Team:UCLouvain/OurProject/ApproachI">Approach
| |
− | 1</a> <a
| |
− | href="https://2017.igem.org/Team:UCLouvain/OurProject/ApproachII">Approach
| |
− | 2</a> </div>
| |
− | </div>
| |
− | <div class="dropdown"> <button class="dropbtn">In The Lab</button>
| |
− | <div class="dropdown-content"> <a
| |
− | href="https://2017.igem.org/Team:UCLouvain/InTheLab/Overview">Overview</a>
| |
− | <a href="https://2017.igem.org/Team:UCLouvain/InTheLab/Protocols">Prototcols</a>
| |
− | <a href="https://2017.igem.org/Team:UCLouvain/InTheLab/Parts">Parts</a> </div>
| |
− | </div>
| |
− | <a href="https://2017.igem.org/Team:UCLouvain/HumanPractices">Human
| |
− | Practices</a>
| |
− | <div class="dropdown"> <button class="dropbtn">About Us</button>
| |
− | <div class="dropdown-content"> <a
| |
− | href="https://2017.igem.org/Team:UCLouvain/AboutUs/Team">Team</a> <a
| |
− | href="https://2017.igem.org/Team:UCLouvain/AboutUs/Aknowledgement">Aknowledgement</a>
| |
− | <a href="https://2017.igem.org/Team:UCLouvain/AboutUs/OurUniversity">Our
| |
− | University</a> </div>
| |
− | </div>
| |
− | </div>
| |
− | <div
| |
− | style="margin: 0pt auto; width: 75%; min-width: 500px; display: block;"
| |
− | center;="">
| |
| <br> | | <br> |
| <br> | | <br> |
− | <h1>UCLouvain team @ iGEM 2017</h1>
| + | <img src="https://static.igem.org/mediawiki/2017/a/a7/UCLOUVAIN_badge_exterieur.jpeg" alt="Our Badge"> |
− | <h2>BactaSun: on the road for summer!</h2>
| + | <figcaption> <right> <font size = "2"><i><b> NB : bacteria free prototype</b></i></font></figcaption> |
− | <img | + | </figure> |
− | src="https://static.igem.org/mediawiki/2017/d/d9/UCLouvain_iGEM_Team_2017.jpeg" | + | </div> |
− | style="max-width: 100%;">
| + | </div> |
− | <span style="text-align: justify;"> | + | |
− | <p style="font-size: 14px; line-height: 24px; margin-bottom: 15px;">Nowadays, | + | |
− | exposition to harmful UV rays has led to an ever growing number of skin
| + | |
− | cancer cases, among other sun-related diseases. While efficient
| + | |
− | sunscreens do exist, we do not always think it necessary or forget to
| + | |
− | reapply it as often as we should. With our project called BactaSun, we
| + | |
− | propose to design a biobadge which would detect excessive UV exposure
| + | |
− | and therefore warn us to seek sun protection should it become necessary.</p>
| + | |
− | <p style="font-size: 14px; line-height: 24px; margin-bottom: 15px;">This | + | |
− | badge would work as a capsule holding an E. Coli strain, changing
| + | |
− | colors as the UV dose and intensity increases. The capsule would also
| + | |
− | work as a safe and reliable containment, destroying the engineered
| + | |
− | microorganisms once the biobadge is discarded.</p>
| + | |
− | <p style="font-size: 14px; line-height: 24px; margin-bottom: 15px;">Starting | + | |
− | with a tyrosine auxotroph E. coli, a gene coding for a colored protein
| + | |
− | which contains tyrosine will be constitutively expressed. Only
| + | |
− | photocaged tyrosine will be available in the media, and linked to a
| + | |
− | specific tRNA. The reporter protein will be synthetise but in the wrong
| + | |
− | conformation due to the cage presence. Once the bacterium is exposed to
| + | |
− | direct sunlight, the cage will be cleaved, inducing the good
| + | |
− | conformation of the protein and its coloration.</p>
| + | |
− | <p style="font-size: 14px; line-height: 24px; margin-bottom: 15px;">Besides | + | |
− | the biotechnological side of this project, the design of the badge
| + | |
− | capsule itself is going to represent a great challenge. We will need to
| + | |
− | find a specific plastic which lets the UV pass trough and design a way
| + | |
− | to kill the microorganisms once the badge has been used.</p>
| + | |
− | <p style="font-size: 14px; line-height: 24px; margin-bottom: 15px;">Our
| + | |
− | team has also started an effort to educate the public on
| + | |
− | biotechnologies and synthetic biology. We are motivated to raise
| + | |
− | interest among scientist and others around iGEM and project like ours.
| + | |
− | The academic year 2016-2017 at UCL will unfold under the theme
| + | |
− | "Scientific Adventures". Under these circumstances, we already have
| + | |
− | been asked to lead panels and participate in debates and discussions.
| + | |
− | We hope to associate the UCLouvain iGEM project with many more
| + | |
− | initiative of this kind in the future.</p>
| + | |
| | | |
− | </span></div>
| + | </div> |
− | <img
| + | </section> |
− | src="https://static.igem.org/mediawiki/2017/a/a0/Footertest.png"
| + | |
− | style="max-width: 100%;">
| + | |
− | </body> | + | |
| </html> | | </html> |
| + | {{UCLouvainFooter}} |