|
|
| (55 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"> |
| − | .container { | + | <div class="row"> |
| − | overflow: hidden;
| + | <a href="" style="color:#60606e;"><i class="icon ion-ios-glasses"></i> |
| − | background-color: #3B73B1;
| + | <span class="montserrat-text uppercase service-title">Protection exists</span> |
| − | font-family: aloha;
| + | <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> |
| − | }
| + | </div> |
| | + | </div> |
| | + | </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}} |
