Difference between revisions of "Team:UCL"

 
(96 intermediate revisions by 4 users not shown)
Line 1: Line 1:
−
<html>
+
{{Team:UCL/Bootstrap}}
 +
{{Team:UCL/CSS}}
 +
{{Team:UCL/Jquery}}
  
 +
<html>
 
<head>
 
<head>
−
    <script src="http://www.google.com/jsapi" type="text/javascript"></script>
 
  
−
     <script type="text/javascript">google.load("jquery", "1.3.2");</script>
+
     <title>UCL LIT</title>
 +
 
 +
    <script>
 +
 
 +
        $(document).ready(function(){
  
−
    <meta charset="UTF-8" name=viewport content="width=device-width, initial-scale=1, user-scalable=yes">
+
          $("#Mammalian_Icon").hover(function(){
−
    <title>Title</title>
+
                $("#mam").fadeIn("2500");
−
    <link rel="stylesheet" type="text/css" href="homepage.css">
+
            }, function(){
−
    <link rel="stylesheet"
+
                $("#mam").css("display", "none");
−
          href="https://fonts.googleapis.com/css?family=Josefin Sans">
+
            });
  
−
    <script src="https://ajax.aspnetcdn.com/ajax/jQuery/jquery-3.2.1.min.js"></script>
+
            $("#Barchitecture_Icon").hover(function(){
−
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css"
+
                $("#barc").fadeIn("2500");
−
          integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
+
            }, function(){
−
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
+
                $("#barc").css("display", "none");
 +
            });
  
−
    <!-- navbar stuff-->
+
            $("#Lightbulb_Icon").hover(function(){
 +
                $("#bulb").fadeIn("2500");
 +
            }, function(){
 +
                $("#bulb").css("display", "none");
 +
            });
  
−
    <script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
+
        });
−
    <script src="//netdna.bootstrapcdn.com/bootstrap/3.1.1/js/bootstrap.min.js"></script>
+
−
    <link rel="stylesheet" type="text/css" href="//netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css">
+
−
    <script>
+
−
        $(document).ready(function(){
+
−
            $("#show1").click(function(){
+
−
                $("#hide1").slideToggle("slow");
+
−
            });
+
−
            $("#show2").click(function(){
+
−
                $("#hide2").slideToggle("slow");
+
−
            });
+
−
            $("#show3").click(function(){
+
−
                $("#hide3").slideToggle("slow");
+
−
            });
+
−
        });
+
 
     </script>
 
     </script>
−
 
 
</head>
 
</head>
  
−
 
+
<!-- Included an in-line CSS, as it's easier to put on the iGEM website -->
 
<style>
 
<style>
−
#sideMenu,
 
−
#top_title {
 
−
    display: none;
 
−
}
 
  
−
#content {
+
    .image-content-here {
−
    width: 100vw;
+
        height:200px;
−
    padding: 0px;
+
        width:200px;
−
    border: none;
+
        border-radius: 50%;
−
    color: black;
+
        margin: 0 25% 5% 0;
−
    margin-left: auto;
+
        box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
−
    margin-right: auto;
+
     }
−
    background-color: #fff;
+
−
     position: relative;
+
−
}
+
  
−
#globalWrapper {
+
    .intro-homepage {
−
    font-size: inherit;
+
        font-family: Lato !important;
−
    padding-bottom: 0;
+
        font-size: 1.7em !important;
−
}
+
        position:relative;
 +
        font-weight: 600;
 +
        padding: 0 1% 0 9%;
 +
        margin:0;
 +
        color: rgba(0, 0, 0, 0.69);
 +
    }
  
−
#top_menu_under {
+
    #switches {
−
    height: 0px;
+
        border: none;
−
}
+
        margin-top:0;
 +
    }
  
−
ul {
+
    #box1 {
−
    list-style-image: none; //removes the iGEM wiki bullets
+
        position:absolute;
−
}
+
        height:400px;
−
 
+
        width:500px;
−
.MathJax nobr>span.math>span {
+
        margin:3% 0 0 3%;
−
    border-left-width: 0 !important;
+
        z-index:3;
−
}
+
    }
  
 +
    #box4 {
 +
        position:absolute;
 +
        height:200px;
 +
        width:500px;
 +
        margin:30% 0 0 60%;
 +
        z-index:3;
 +
    }
  
−
@keyframes glow {
+
     #mam,#bulb, #barc {
−
     to {
+
         display:none;
−
         text-shadow: 0 0 10px black;
+
position: absolute;
 +
             
 +
z-index:4;
 +
                box-shadow:0 4px 8px 0 rgba(0, 0, 0, 0.2);
 
     }
 
     }
−
}
 
  
−
.borderTop,
+
#mam {
−
.borderBottom,
+
background-color: #2262fb;
−
.borderLeft,
+
margin: 10% 5% 0 65%;
−
.borderRight {
+
−
    background-color: white;
+
−
    display: block;
+
−
    position: fixed;
+
−
    z-index: 1000;
+
−
}
+
−
.borderTop {
+
−
    height: 8px;
+
−
    left: 0;
+
−
    right: 0;
+
−
    top: 0;
+
−
}
+
  
−
.borderBottom {
+
}
−
    bottom: 0;
+
−
    height: 8px;
+
−
    left: 0;
+
−
    right: 0;
+
−
}
+
  
−
.borderRight {
+
#bulb {
−
    bottom: 0;
+
background-color: #f8894b;
−
    right: 0;
+
margin: 10% 5% 0 65%;
−
    top: 0;
+
}
−
    width: 8px;
+
−
}
+
  
−
.borderLeft {
+
#barc {
−
    bottom: 0;
+
        background-color: #5f26d6;
−
    left: 0;
+
margin: 10% 5% 0 65%;
−
    top: 0;
+
}
−
    width: 8px;
+
−
}
+
  
−
#top {
+
.pop-text {
−
    background: white;
+
font-size: 1.4vw !important;
−
    height:150px;
+
color: white;
−
}
+
font-family: Lato !important;
 +
padding: 3% 5% 2% 5%;
 +
}
  
−
/*
 
−
h2:before {
 
−
    content: "";
 
−
    position: absolute;
 
−
    width: 20%;
 
−
    height: 2px;
 
−
    bottom: 10px;
 
−
    left: 40%;
 
−
    right: 20%;
 
−
    background-color: black;
 
−
    visibility: hidden;
 
−
    -webkit-transform: scaleX(0);
 
−
    transform: scaleX(0);
 
−
    -webkit-transition: all 0.3s ease-in-out 0s;
 
−
    transition: all 0.3s ease-in-out 0s;
 
−
}
 
−
h2:hover:before {
 
−
    visibility: visible;
 
−
    -webkit-transform: scaleX(1);
 
−
    transform: scaleX(1);
 
−
}*/
 
  
−
#show1 {
+
#Mammalian_Icon, #Lightbulb_Icon, #Barchitecture_Icon {
−
    height: auto;
+
animation: float 3s ease-in-out infinite;
−
    background-color: #85C8DD;
+
}
−
    padding: 10px;
+
−
    overflow: hidden;
+
−
}
+
  
−
#hide1 {
+
@keyframes float {
−
    height: auto;
+
0% {
−
    background-color: #85C8DD;
+
−
    padding: 10px;
+
−
    overflow: hidden;
+
−
}
+
  
−
#show2 {
+
transform: translatey(0px);
−
    height: auto;
+
}
−
    background-color: #D3E0E2;
+
50% {
−
    overflow: hidden;
+
−
}
+
  
 +
transform: translatey(-7px);
 +
}
 +
100% {
  
−
#hide2 {
+
transform: translatey(0px);
−
    height: auto;
+
}
−
    background-color: #D3E0E2;
+
}
−
    overflow: hidden;
+
−
}
+
  
−
#show3 {
 
−
    height: auto;
 
−
    background-color: #E9F6F5;
 
−
    overflow: hidden;
 
−
}
 
  
−
#hide3 {
+
</style>
−
    height: auto;
+
−
    background-color: #E9F6F5;
+
−
    overflow: hidden;
+
−
}
+
  
 +
<body>
  
−
#show1 p {
+
<!-- Navbar -->
−
    text-align: center;
+
−
    padding-top: 30px;
+
−
    padding-right: 30%;
+
−
    padding-left: 30%;
+
−
    font-size: 30px !important;
+
−
    font-weight: 800;
+
−
    font-family: "Josefin Sans" !important;
+
−
    font-color: black;
+
−
}
+
−
.black {
+
−
  color: black;
+
−
}
+
−
#show2 p {
+
−
    text-align: center;
+
−
    padding-top: 30px;
+
−
    padding-right: 30%;
+
−
    padding-left: 30%;
+
−
    font-size: 30px !important;
+
−
    font-weight: 800;
+
−
    font-family: "Josefin Sans" !important;
+
−
    font-color: black;
+
−
}
+
−
#show3 p {
+
−
    text-align: center;
+
−
    padding-top: 30px;
+
−
    padding-right: 30%;
+
−
    padding-left: 30%;
+
−
    font-size: 30px !important;
+
−
    font-weight: 800;
+
−
    font-family: "Josefin Sans" !important;
+
−
    font-color: black;
+
−
}
+
  
−
#hide1 p {
+
<div style="margin:0 !important; padding:0 !important" class="container-fluid">
−
    text-align: center;
+
−
    padding-left: 20%;
+
−
    padding-top: 10px;
+
−
    padding-right: 20%;
+
−
    font-size: 20px !important;
+
−
    overflow: hidden;
+
−
    font-family: "Josefin Sans" !important;
+
−
    font-color: black;
+
−
}
+
  
−
#hide2 p {
+
     <div id="top" class="row">
−
     text-align: center;
+
−
    padding-left: 20%;
+
−
    padding-top: 10px;
+
−
    padding-right: 20%;
+
−
    font-size: 20px !important;
+
−
    overflow: hidden;
+
−
    font-family: "Josefin Sans" !important;
+
−
    font-color: black;
+
−
}
+
−
#hide3 p {
+
−
    text-align: center;
+
−
    padding-left: 20%;
+
−
    padding-top: 10px;
+
−
    padding-right: 20%;
+
−
    font-size: 20px !important;
+
−
    overflow: hidden;
+
−
    font-family: "Josefin Sans" !important;
+
−
    font-color: black;
+
−
}
+
  
−
#hide1, #hide2, #hide3 {
+
        <a href="https://2017.igem.org/Team:UCL"><img src="https://static.igem.org/mediawiki/2017/9/92/Logotop.png" class="logo-top"></a>
−
    display: none;
+
−
}
+
  
−
.navy {
+
        <ul class="navy">
−
    padding-bottom: 30px;
+
            <li id="drop1" class="navy-link"><a href="https://2017.igem.org/Team:UCL/Description">PROJECT</a>
−
    background-color: white;
+
                <ul class="navy-hidden">
−
    text-align: center;
+
                    <li><a href="https://2017.igem.org/Team:UCL/Description" class="dropped">Description</a></li>
−
    top: 0;
+
                    <li><a href="https://2017.igem.org/Team:UCL/Results" class="dropped">Results</a></li>
−
    width: 100%;
+
                    <li><a href="https://2017.igem.org/Team:UCL/Parts" class="dropped">Basic Parts</a></li>
−
    display: block;
+
                    <li><a href="https://2017.igem.org/Team:UCL/Composite_Part" class="dropped">Composites</a></li>
−
    position: fixed;
+
                    <li><a href="https://2017.igem.org/Team:UCL/Part_Improvement" class="dropped">Gold Part</a></li>
−
}
+
                    <li><a href="https://2017.igem.org/Team:UCL/InterLab" class="dropped">Interlab</a></li>
  
−
#nav-menu {
+
                </ul>
−
    display:inline;
+
            </li>
  
−
}
+
            <li id="drop" class="navy-link"><a href="https://2017.igem.org/Team:UCL/Human_Practices">HUMAN PRACTICES</a>
−
#nav-menu li:not(:first-child):before {
+
                <ul class="navy-hidden">
−
    content: " | ";
+
                    <li><a href="https://2017.igem.org/Team:UCL/Human_Practices" class="dropped">Overview</a></li>
−
    color: black;
+
                    <li><a href="https://2017.igem.org/Team:UCL/Engagement" class="dropped">Public Engagement</a></li>
−
    font-weight: 800;
+
                    <li><a href="https://2017.igem.org/Team:UCL/HP/Gold_Integrated" class="dropped">Integrated Practices</a></li>
−
}
+
                    <li><a href="https://2017.igem.org/Team:UCL/HP/Silver" class="dropped">HP Silver</a></li>
 +
                </ul>
 +
            </li>
  
−
.menu-item {
+
        <li id="drop5" class="navy-link"><a href="https://2017.igem.org/Team:UCL/Model">MODELLING</a>
−
    text-align: center;
+
                <ul class="navy-hidden">
−
    padding-left: 30px;
+
                    <li><a href="https://2017.igem.org/Team:UCL/Model" class="dropped">Overview</a></li>
−
    padding-right: 30px;
+
                    <li><a href="https://2017.igem.org/Team:UCL/Model1" class="dropped">GOLIT</a></li>
−
    text-decoration: none !important;
+
                    <li><a href="https://2017.igem.org/Team:UCL/Model2" class="dropped">Optoflux</a></li>
−
    font-family:"Josefin Sans" !important;
+
                    <li><a href="https://2017.igem.org/Team:UCL/Model4" class="dropped">LEGIT</a></li>
−
    font-weight:800;
+
                    <li><a href="https://2017.igem.org/Team:UCL/Model3" class="dropped">MOM</a></li>
−
    font-size:22px;
+
                    <li><a href="https://2017.igem.org/Team:UCL/Methods" class="dropped">Methods</a></li>
−
    color: black !important;
+
                    <li><a href="https://2017.igem.org/Team:UCL/Glossary" class="dropped">Glossary</a></li>
−
}
+
                </ul>
 +
            </li>
  
−
.btn-group {
+
            <li id="drop3" class="navy-link"><a href="https://2017.igem.org/Team:UCL/Entrepreneurship">ENTREPRENEURSHIP</a>
−
  text-decoration: none !important;
+
                <ul class="navy-hidden">
−
}
+
                    <li><a href="https://2017.igem.org/Team:UCL/Entrepreneurship" class="dropped">Overview</a></li>
 +
                    <li><a href="https://2017.igem.org/Team:UCL/Applied_Design" class="dropped">Applied Design</a></li>
 +
                    <li><a href="https://2017.igem.org/Team:UCL/Enterpreneurship/Business" class="dropped">Business Model</a></li>
 +
                </ul>
 +
            </li>
  
−
.lit {
 
−
    text-align: center;
 
−
    font-family:"Josefin Sans" !important;
 
−
    font-weight:bolder;
 
−
    font-size:15px;
 
−
    color: black;
 
−
}
 
  
−
.lit2 {
+
            <li id="drop2" class="navy-link"><a href="https://2017.igem.org/Team:UCL/Medals">OUR MEDALS</a></li>
−
    text-align: center;
+
−
    font-family:"Josefin Sans" !important;
+
−
    font-weight:bolder;
+
−
    font-size:13px;
+
−
    color: black;
+
−
    margin:0;
+
−
}
+
  
 +
            <li id="drop6" class="navy-link"><a href="#about">PEOPLE</a>
 +
                <ul class="navy-hidden">
 +
                    <li><a href="https://2017.igem.org/Team:UCL/Team" class="dropped">Team</a></li>
 +
                    <li><a href="https://2017.igem.org/Team:UCL/Collaborations" class="dropped">Collaborations</a></li>
 +
                    <li><a href="https://2017.igem.org/Team:UCL/Attributions" class="dropped">Attributions</a></li>
 +
                </ul></li>
  
−
#what {
+
            <li id="drop4" class="navy-link"><a href="https://2017.igem.org/Team:UCL/Notebook">LAB BOOK</a>
−
    padding-top: 15px;
+
                <ul class="navy-hidden">
−
    padding-bottom: 15px;
+
                    <li><a href="https://2017.igem.org/Team:UCL/Safety" class="dropped">Safety</a></li>
−
    padding-left: 30% !important;
+
        </ul></li>
−
    padding-right: 30%;
+
−
    text-align: center;
+
−
    font-family:"Josefin Sans" !important;
+
−
    color: black;
+
−
    font-size:30px;
+
−
    background-color: #F1684E;
+
−
}
+
  
−
#footer {
+
        </ul>
−
    padding-bottom: 50px;
+
−
    background-color: white;
+
−
}
+
  
−
.footertext {
+
     </div>
−
    padding-top: 30px;
+
</div>
−
    font-size: 30px;
+
−
    font-family: "Josefin Sans";
+
−
    color: black;
+
−
     font-weight: 500;
+
−
}
+
  
−
#glowy {
+
<!-- content -->
−
    font-size: 60px;
+
<div id="home" class="container-fluid">
−
    text-shadow: 0 0 0.3em black;
+
−
    animation: glow 1.5s infinite alternate;
+
−
    float: none;
+
−
}
+
  
−
/* ids for other pages*/
+
                <div class="row">
−
#team {
+
−
    text-align: center;
+
−
    font-family: "Josefin Sans";
+
−
    font-size: 30px;
+
−
    color: black;
+
−
    padding-top: 10%;
+
−
    padding-bottom: 10%;
+
−
    background-color: #F1684E;
+
−
}
+
  
−
#hp {
+
                    <!-- The background-->
−
    text-align: center;
+
                    <div style="position:absolute; z-index:1" class="col-sm-12">
−
    font-family: "Josefin Sans";
+
−
    font-size: 30px;
+
−
    color: black;
+
−
    padding-top: 10%;
+
−
    padding-bottom: 10%;
+
−
    background-color: #F1684E;
+
−
}
+
−
#hp a {
+
−
    text-align: center;
+
−
    font-family: "Josefin Sans";
+
−
    text-decoration: none;
+
−
    font-size: 30px;
+
−
    color: black;
+
−
    padding-top: 10%;
+
−
    padding-bottom: 10%;
+
−
    background-color: #F1684E;
+
−
}
+
−
</style>
+
  
 +
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
 +
width="100%" height="50%" viewBox="0 0 960 560" enable-background="new 0 0 960 560" xml:space="preserve">
 +
<g id="Bases">
 +
<path fill="#23B5FE" d="M639.427,173.503c-2.896,2.704-7.354,2.634-9.957-0.156l-63.057-67.544
 +
c-2.604-2.789-2.368-7.241,0.526-9.945l0,0c2.896-2.702,7.354-2.633,9.957,0.156l63.057,67.544
 +
C642.558,166.347,642.322,170.801,639.427,173.503L639.427,173.503z"/>
 +
<path fill="#9E37F9" d="M598.135,210.996c-2.896,2.7-6.801,3.228-8.72,1.172l-46.475-49.782c-1.917-2.055-1.127-5.914,1.769-8.617
 +
l0,0c2.896-2.701,6.8-3.227,8.719-1.172L599.9,202.38C601.819,204.436,601.028,208.293,598.135,210.996L598.135,210.996z"/>
 +
<path fill="#9E37F9" d="M510.049,292.642c-2.896,2.702-6.799,3.229-8.72,1.172l-46.474-49.782
 +
c-1.918-2.055-1.127-5.912,1.768-8.616l0,0c2.896-2.701,6.801-3.228,8.72-1.172l46.476,49.781
 +
C513.734,286.082,512.943,289.937,510.049,292.642L510.049,292.642z"/>
 +
<path fill="#73F0A6" d="M384.445,408.891c-2.896,2.703-6.799,3.229-8.718,1.172l-46.475-49.782
 +
c-1.918-2.056-1.127-5.913,1.769-8.616l0,0c2.896-2.7,6.798-3.229,8.717-1.173l46.476,49.783
 +
C388.131,402.329,387.34,406.188,384.445,408.891L384.445,408.891z"/>
 +
<path fill="#9E37F9" d="M294.628,489.12c-2.896,2.701-6.798,3.229-8.717,1.174l-46.475-49.784
 +
c-1.917-2.056-1.127-5.912,1.768-8.616l0,0c2.896-2.701,6.798-3.227,8.718-1.172l46.477,49.783
 +
C298.314,482.562,297.523,486.418,294.628,489.12L294.628,489.12z"/>
 +
<path fill="#FF226C" d="M468.685,332.807c-2.896,2.704-7.268,2.728-9.764,0.055l-60.465-64.77
 +
c-2.497-2.673-2.175-7.033,0.722-9.736l0,0c2.896-2.702,7.266-2.726,9.764-0.051l60.464,64.768
 +
C471.902,325.746,471.582,330.105,468.685,332.807L468.685,332.807z"/>
 +
<path fill="#23B5FE" d="M425.85,368.265c-2.896,2.702-7.268,2.728-9.765,0.053l-60.463-64.769
 +
c-2.497-2.674-2.174-7.033,0.723-9.736l0,0c2.896-2.702,7.267-2.726,9.764-0.051l60.465,64.768
 +
C429.069,361.203,428.747,365.562,425.85,368.265L425.85,368.265z"/>
 +
<path fill="#FF226C" d="M681.334,134.547c-2.859,2.703-7.245,2.677-9.794-0.058l-61.744-66.207
 +
c-2.549-2.732-2.298-7.143,0.562-9.845l0,0c2.861-2.702,7.242-2.677,9.793,0.059l61.744,66.208
 +
C684.443,127.434,684.194,131.843,681.334,134.547L681.334,134.547z"/>
 +
<path fill="#73F0A6" d="M746.395,204.555c-2.889,2.711-7.135,2.878-9.488,0.372l-56.978-60.684
 +
c-2.354-2.51-1.919-6.736,0.968-9.448l0,0c2.889-2.71,7.138-2.877,9.489-0.371l56.978,60.684
 +
C749.719,197.614,749.285,201.845,746.395,204.555L746.395,204.555z"/>
 +
<path fill="#FF226C" d="M860.008-32.548c-2.89,2.711-7.316,2.686-9.893-0.058L787.76-99.018c-2.574-2.743-2.321-7.165,0.565-9.876
 +
l0,0c2.892-2.71,7.315-2.686,9.892,0.059l62.354,66.414C863.146-39.68,862.894-35.26,860.008-32.548L860.008-32.548z"/>
 +
<path fill="#73F0A6" d="M924.343,37.218c-2.891,2.711-7.137,2.878-9.488,0.372l-56.979-60.686c-2.352-2.508-1.919-6.734,0.97-9.446
 +
l0,0c2.889-2.71,7.138-2.877,9.487-0.371l56.979,60.684C927.663,30.276,927.23,34.507,924.343,37.218L924.343,37.218z"/>
 +
<path fill="#23B5FE" d="M774.508,151.426c-2.891,2.711-6.743,3.294-8.613,1.303L720.6,104.49c-1.871-1.99-1.046-5.806,1.841-8.517
 +
l0,0c2.89-2.709,6.746-3.292,8.615-1.302l45.293,48.239C778.219,144.903,777.394,148.716,774.508,151.426L774.508,151.426z"/>
 +
<path fill="#9E37F9" d="M704.852,243.378c-2.888,2.711-7.135,2.878-9.488,0.373l-56.977-60.686
 +
c-2.354-2.508-1.92-6.734,0.968-9.446l0,0c2.889-2.71,7.137-2.878,9.488-0.371l56.979,60.684
 +
C708.177,236.437,707.741,240.668,704.852,243.378L704.852,243.378z"/>
 +
<path fill="#23B5FE" d="M648.608,265.333c-2.888,2.711-6.701,3.341-8.517,1.404l-43.997-46.858
 +
c-1.817-1.938-0.949-5.701,1.938-8.414l0,0c2.891-2.71,6.701-3.34,8.52-1.406l43.998,46.861
 +
C652.365,258.855,651.498,262.622,648.608,265.333L648.608,265.333z"/>
 +
<path fill="#73F0A6" d="M533.936,401.958c-2.841,2.63-7.054,2.75-9.406,0.272l-57.114-60.038c-2.357-2.481-1.969-6.62,0.866-9.252
 +
l0,0c2.843-2.629,7.053-2.751,9.411-0.272l57.112,60.037C537.162,395.187,536.774,399.326,533.936,401.958L533.936,401.958z"/>
 +
<path fill="#FF226C" d="M254.254,530.948c-2.896,2.704-7.268,2.729-9.764,0.057l-60.463-64.771
 +
c-2.497-2.674-2.175-7.033,0.72-9.736l0,0c2.896-2.699,7.268-2.726,9.766-0.051l60.464,64.77
 +
C257.471,523.891,257.151,528.245,254.254,530.948L254.254,530.948z"/>
 +
<path fill="#73F0A6" d="M318.154,599.676c-2.793,2.608-6.938,2.728-9.254,0.271l-56.189-59.538
 +
c-2.321-2.459-1.94-6.564,0.852-9.174l0,0c2.795-2.606,6.938-2.729,9.256-0.27l56.19,59.536
 +
C321.329,592.96,320.946,597.068,318.154,599.676L318.154,599.676z"/>
 +
<path fill="#9E37F9" d="M492.155,439.521c-2.888,2.71-7.175,2.836-9.571,0.28l-58.113-61.896c-2.4-2.559-2.004-6.828,0.882-9.54
 +
l0,0c2.89-2.711,7.174-2.836,9.574-0.278l58.112,61.895C495.439,432.535,495.047,436.808,492.155,439.521L492.155,439.521z"/>
 +
<path fill="#23B5FE" d="M210.195,565.577c-2.896,2.702-7.266,2.729-9.763,0.055l-60.463-64.771
 +
c-2.497-2.674-2.176-7.033,0.721-9.734l0,0c2.896-2.702,7.267-2.728,9.764-0.053l60.465,64.77
 +
C213.413,558.52,213.092,562.875,210.195,565.577L210.195,565.577z"/>
 +
<path fill="#9E37F9" d="M276.5,636.835c-2.888,2.71-7.175,2.836-9.569,0.278l-58.115-61.894c-2.4-2.561-2.004-6.828,0.882-9.54l0,0
 +
c2.89-2.711,7.174-2.836,9.574-0.28l58.112,61.896C279.784,629.852,279.389,634.12,276.5,636.835L276.5,636.835z"/>
 +
<path fill="#FF226C" d="M431.998,459.322c-2.793,2.617-6.438,3.269-8.141,1.457L382.578,416.9c-1.704-1.812-0.82-5.402,1.97-8.021
 +
l0,0c2.795-2.616,6.438-3.271,8.142-1.46l41.277,43.882C435.672,453.115,434.79,456.704,431.998,459.322L431.998,459.322z"/>
 +
<path fill="#23B5FE" d="M342.159,539.54c-2.815,2.63-6.491,3.283-8.207,1.465l-41.605-44.078c-1.72-1.819-0.831-5.428,1.986-8.058
 +
l0,0c2.815-2.629,6.488-3.285,8.207-1.464l41.605,44.077C345.864,533.305,344.974,536.911,342.159,539.54L342.159,539.54z"/>
 +
<path fill="#23B5FE" d="M558.011,344.258c-2.759,2.594-6.402,3.197-8.139,1.345l-42.045-44.872
 +
c-1.736-1.854-0.906-5.457,1.852-8.058l0,0c2.762-2.596,6.403-3.197,8.144-1.344l42.043,44.87
 +
C561.603,338.053,560.773,341.662,558.011,344.258L558.011,344.258z"/>
 +
<path fill="#9E37F9" d="M722.656,95.349c-2.888,2.71-6.872,3.157-8.899,0.998l-49.123-52.322c-2.029-2.161-1.334-6.108,1.554-8.821
 +
l0,0c2.89-2.711,6.875-3.157,8.902-0.996l49.126,52.319C726.241,88.689,725.547,92.637,722.656,95.349L722.656,95.349z"/>
 +
<path fill="#23B5FE" d="M877.185,68.054c-2.889,2.711-6.743,3.294-8.613,1.303l-45.293-48.237
 +
c-1.871-1.992-1.046-5.808,1.841-8.519l0,0c2.892-2.709,6.746-3.292,8.615-1.302l45.293,48.239
 +
C880.898,61.531,880.074,65.344,877.185,68.054L877.185,68.054z"/>
 +
<path fill="#9E37F9" d="M825.338,11.977c-2.89,2.71-6.872,3.157-8.901,0.998l-49.123-52.322c-2.029-2.159-1.334-6.108,1.554-8.821
 +
l0,0c2.892-2.711,6.875-3.157,8.902-0.996l49.126,52.319C828.923,5.317,828.224,9.265,825.338,11.977L825.338,11.977z"/>
 +
</g>
 +
<g id="DNA_Big_Circles" opacity="0.5">
 +
<circle fill="#FFD788" cx="773.342" cy="66.493" r="13.25"/>
 +
<circle fill="#FFD788" cx="773.722" cy="123.981" r="13.25"/>
 +
<circle fill="#FFD788" cx="775.156" cy="154.03" r="13.25"/>
 +
<circle fill="#FFD788" cx="764.531" cy="171.626" r="14.75"/>
 +
<circle fill="#FFD788" cx="759.26" cy="195.04" r="14.75"/>
 +
<circle fill="#FFD788" cx="738.037" cy="221.012" r="14.75"/>
 +
<circle fill="#FFD788" cx="721.4" cy="235.717" r="14.75"/>
 +
<circle fill="#FFD788" cx="697.495" cy="250.836" r="14.75"/>
 +
<circle fill="#FFD788" cx="673.397" cy="257.71" r="14.75"/>
 +
<circle fill="#FFD788" cx="650.493" cy="263.829" r="14.75"/>
 +
<circle fill="#FFD788" cx="625.13" cy="258.118" r="14.75"/>
 +
<circle fill="#FFD788" cx="596.275" cy="258.796" r="14.75"/>
 +
<circle fill="#FFD788" cx="578.717" cy="254.842" r="14.75"/>
 +
<circle fill="#FFD788" cx="535.472" cy="242.031" r="14.75"/>
 +
<circle fill="#FFD788" cx="508.156" cy="235.881" r="14.75"/>
 +
<circle fill="#FFD788" cx="483.644" cy="235.487" r="14.75"/>
 +
<circle fill="#FFD788" cx="453.719" cy="231.824" r="14.75"/>
 +
<circle fill="#FFD788" cx="432.548" cy="239.358" r="14.75"/>
 +
<circle fill="#FFD788" cx="409.643" cy="245.476" r="14.75"/>
 +
<circle fill="#FFD788" cx="391.098" cy="254.842" r="14.75"/>
 +
<circle fill="#FFD788" cx="373.12" cy="271.889" r="14.75"/>
 +
<circle fill="#FFD788" cx="360.143" cy="281.861" r="14.75"/>
 +
<circle fill="#FFD788" cx="349.074" cy="300.516" r="14.75"/>
 +
<circle fill="#FFD788" cx="344.461" cy="321.003" r="14.75"/>
 +
<circle fill="#FFD788" cx="335.067" cy="344.514" r="14.75"/>
 +
<circle fill="#FFD788" cx="337.6" cy="369.685" r="14.75"/>
 +
<circle fill="#FFD788" cx="335.572" cy="396.905" r="14.75"/>
 +
<circle fill="#FFD788" cx="339.105" cy="413.073" r="14.75"/>
 +
<circle fill="#FFD788" cx="340.321" cy="444.1" r="14.75"/>
 +
<circle fill="#FFD788" cx="342.976" cy="464.174" r="14.75"/>
 +
<circle fill="#FFD788" cx="345.509" cy="489.344" r="14.75"/>
 +
<circle fill="#FFD788" cx="344.46" cy="513.329" r="14.75"/>
 +
<circle fill="#FFD788" cx="341.183" cy="537.329" r="14.75"/>
 +
<circle fill="#FFD788" cx="335.963" cy="560" r="14.75"/>
 +
<circle fill="#FFD788" cx="310.174" cy="441.411" r="14.75"/>
 +
<circle fill="#FFD788" cx="291.639" cy="437.239" r="14.75"/>
 +
<circle fill="#FFD788" cx="264.419" cy="435.21" r="14.75"/>
 +
<circle fill="#FFD788" cx="236.444" cy="431.987" r="14.75"/>
 +
<circle fill="#FFD788" cx="214.297" cy="439.301" r="14.75"/>
 +
<circle fill="#FFD788" cx="190.418" cy="445.198" r="14.75"/>
 +
<circle fill="#FFD788" cx="166.733" cy="459.343" r="14.75"/>
 +
<circle fill="#FFD788" cx="151.979" cy="481.193" r="14.75"/>
 +
<circle fill="#FFD788" cx="143.093" cy="506.231" r="14.75"/>
 +
<circle fill="#FFD788" cx="137.226" cy="533.217" r="14.75"/>
 +
<circle fill="#FFD788" cx="128.34" cy="560" r="14.75"/>
 +
<circle fill="#FFD788" cx="367.539" cy="446.128" r="14.75"/>
 +
<circle fill="#FFD788" cx="385.1" cy="450.079" r="14.75"/>
 +
<circle fill="#FFD788" cx="412.1" cy="453.086" r="14.75"/>
 +
<circle fill="#FFD788" cx="442.246" cy="455.773" r="14.75"/>
 +
<circle fill="#FFD788" cx="464.176" cy="449.436" r="14.75"/>
 +
<circle fill="#FFD788" cx="484.469" cy="445.804" r="14.75"/>
 +
<circle fill="#FFD788" cx="508.81" cy="428.735" r="14.75"/>
 +
<circle fill="#FFD788" cx="527.398" cy="414.469" r="14.75"/>
 +
<circle fill="#FFD788" cx="557.736" cy="270.62" r="14.75"/>
 +
<circle fill="#FFD788" cx="560.489" cy="294.815" r="14.75"/>
 +
<circle fill="#FFD788" cx="558.9" cy="320.081" r="14.75"/>
 +
<circle fill="#FFD788" cx="560.774" cy="348.181" r="14.751"/>
 +
<circle fill="#FFD788" cx="553.234" cy="368.01" r="14.751"/>
 +
<circle fill="#FFD788" cx="543.843" cy="391.52" r="14.75"/>
 +
<circle fill="#FFD788" cx="550.06" cy="222.765" r="14.75"/>
 +
<circle fill="#FFD788" cx="544.039" cy="203.984" r="14.75"/>
 +
<circle fill="#FFD788" cx="544.872" cy="177.521" r="14.75"/>
 +
<circle fill="#FFD788" cx="546.463" cy="152.252" r="14.75"/>
 +
<circle fill="#FFD788" cx="555.855" cy="128.742" r="14.75"/>
 +
<circle fill="#FFD788" cx="561.129" cy="105.328" r="14.75"/>
 +
<circle fill="#FFD788" cx="577.788" cy="81.403" r="14.75"/>
 +
<circle fill="#FFD788" cx="596.595" cy="66.162" r="14.75"/>
 +
<circle fill="#FFD788" cx="774.774" cy="96.542" r="13.25"/>
 +
<circle fill="#FFD788" cx="772.196" cy="27.424" r="13.25"/>
 +
<circle fill="#FFD788" cx="771.105" cy="6.924" r="13.25"/>
 +
<circle fill="#FFD788" cx="766.317" cy="56.712" r="13.25"/>
 +
<circle fill="#FFD788" cx="772.196" cy="48.81" r="13.25"/>
 +
<circle fill="#FFD788" cx="796.682" cy="58.423" r="13.25"/>
 +
<circle fill="#FFD788" cx="818.145" cy="63.256" r="13.25"/>
 +
<circle fill="#FFD788" cx="843.316" cy="60.723" r="13.25"/>
 +
<circle fill="#FFD788" cx="869.656" cy="66.654" r="13.25"/>
 +
<circle fill="#FFD788" cx="892.121" cy="62.487" r="13.25"/>
 +
<circle fill="#FFD788" cx="912.121" cy="47.47" r="13.25"/>
 +
<circle fill="#FFD788" cx="930.621" cy="31.948" r="13.25"/>
 +
<circle fill="#FFD788" cx="943.873" cy="10.002" r="13.25"/>
 +
<circle fill="#FFD788" cx="621.098" cy="50.666" r="13.25"/>
 +
<circle fill="#FFD788" cx="645.416" cy="42.816" r="13.25"/>
 +
<circle fill="#FFD788" cx="667.883" cy="38.648" r="13.25"/>
 +
<circle fill="#FFD788" cx="695.099" cy="40.677" r="13.25"/>
 +
<circle fill="#FFD788" cx="722.538" cy="41.729" r="13.25"/>
 +
<circle fill="#FFD788" cx="740.334" cy="47.209" r="14.687"/>
 +
</g>
 +
<g id="DNA_Medium_Circles" opacity="0.9">
 +
<circle fill="#B48DFF" cx="604.774" cy="60.572" r="10"/>
 +
<circle fill="#B48DFF" cx="571.503" cy="89.982" r="10"/>
 +
<circle fill="#B48DFF" cx="552.887" cy="113.467" r="10"/>
 +
<circle fill="#B48DFF" cx="554.594" cy="124.101" r="10"/>
 +
<circle fill="#B48DFF" cx="552.371" cy="143.076" r="10"/>
 +
<circle fill="#B48DFF" cx="544.515" cy="159.758" r="10"/>
 +
<circle fill="#B48DFF" cx="544.879" cy="185.465" r="10"/>
 +
<circle fill="#B48DFF" cx="546.97" cy="212.588" r="10"/>
 +
<circle fill="#B48DFF" cx="629.117" cy="43.503" r="10"/>
 +
<circle fill="#B48DFF" cx="658.51" cy="44.995" r="10"/>
 +
<circle fill="#B48DFF" cx="679.24" cy="39.413" r="10"/>
 +
<circle fill="#B48DFF" cx="703.533" cy="40.781" r="10"/>
 +
<circle fill="#B48DFF" cx="728.897" cy="46.493" r="10"/>
 +
<circle fill="#B48DFF" cx="751.775" cy="49.594" r="10"/>
 +
<circle fill="#B48DFF" cx="773.283" cy="76.987" r="10"/>
 +
<circle fill="#B48DFF" cx="772.381" cy="90.109" r="10"/>
 +
<circle fill="#B48DFF" cx="773.791" cy="25.387" r="10"/>
 +
<circle fill="#B48DFF" cx="766.316" cy="0" r="10"/>
 +
<circle fill="#B48DFF" cx="772.887" cy="38.509" r="10"/>
 +
<circle fill="#B48DFF" cx="773.719" cy="116.036" r="10"/>
 +
<circle fill="#B48DFF" cx="773.323" cy="140.548" r="10"/>
 +
<circle fill="#B48DFF" cx="766.978" cy="159.621" r="10"/>
 +
<circle fill="#B48DFF" cx="764.536" cy="179.572" r="10"/>
 +
<circle fill="#B48DFF" cx="766.464" cy="189.23" r="10"/>
 +
<circle fill="#B48DFF" cx="746.873" cy="212.496" r="10"/>
 +
<circle fill="#B48DFF" cx="714.798" cy="241.149" r="10"/>
 +
<circle fill="#B48DFF" cx="688.5" cy="257.78" r="10"/>
 +
<circle fill="#B48DFF" cx="678.966" cy="254.607" r="10"/>
 +
<circle fill="#B48DFF" cx="661.281" cy="255.751" r="10"/>
 +
<circle fill="#B48DFF" cx="639.573" cy="261.114" r="10"/>
 +
<circle fill="#B48DFF" cx="617.232" cy="260.184" r="10"/>
 +
<circle fill="#B48DFF" cx="590.232" cy="257.179" r="10"/>
 +
<circle fill="#B48DFF" cx="566.818" cy="251.908" r="10"/>
 +
<circle fill="#B48DFF" cx="557.258" cy="257.955" r="10"/>
 +
<circle fill="#B48DFF" cx="551.015" cy="240.149" r="10"/>
 +
<circle fill="#B48DFF" cx="559.57" cy="284.102" r="10"/>
 +
<circle fill="#B48DFF" cx="517.505" cy="238.754" r="10"/>
 +
<circle fill="#B48DFF" cx="491.699" cy="234.994" r="10"/>
 +
<circle fill="#B48DFF" cx="446.676" cy="239.207" r="10"/>
 +
<circle fill="#B48DFF" cx="430.186" cy="239.594" r="10"/>
 +
<circle fill="#B48DFF" cx="419.234" cy="238.154" r="10"/>
 +
<circle fill="#B48DFF" cx="385.734" cy="275.099" r="10"/>
 +
<circle fill="#B48DFF" cx="392.184" cy="253.589" r="10"/>
 +
<circle fill="#B48DFF" cx="343.445" cy="306.167" r="10"/>
 +
<circle fill="#B48DFF" cx="344.175" cy="316.58" r="10"/>
 +
<circle fill="#B48DFF" cx="355.393" cy="285.37" r="10"/>
 +
<circle fill="#B48DFF" cx="367.501" cy="275.099" r="10"/>
 +
<circle fill="#B48DFF" cx="344.123" cy="335.021" r="10"/>
 +
<circle fill="#B48DFF" cx="335.608" cy="354.63" r="10"/>
 +
<circle fill="#B48DFF" cx="336.19" cy="379.362" r="10"/>
 +
<circle fill="#B48DFF" cx="336.552" cy="405.069" r="10"/>
 +
<circle fill="#B48DFF" cx="339.524" cy="428.286" r="10"/>
 +
<circle fill="#B48DFF" cx="355.74" cy="447.316" r="10"/>
 +
<circle fill="#B48DFF" cx="343.42" cy="470.165" r="10"/>
 +
<circle fill="#B48DFF" cx="342.516" cy="483.287" r="10"/>
 +
<circle fill="#B48DFF" cx="345.049" cy="508.46" r="10"/>
 +
<circle fill="#B48DFF" cx="322.132" cy="441.799" r="10"/>
 +
<circle fill="#B48DFF" cx="299.254" cy="438.698" r="10"/>
 +
<circle fill="#B48DFF" cx="273.449" cy="434.938" r="10"/>
 +
<circle fill="#B48DFF" cx="249.158" cy="433.568" r="10"/>
 +
<circle fill="#B48DFF" cx="229.62" cy="438.394" r="10"/>
 +
<circle fill="#B48DFF" cx="210.425" cy="437.149" r="10"/>
 +
<circle fill="#B48DFF" cx="200.011" cy="437.878" r="10"/>
 +
<circle fill="#B48DFF" cx="175.886" cy="453.972" r="10"/>
 +
<circle fill="#B48DFF" cx="165.859" cy="471.19" r="10"/>
 +
<circle fill="#B48DFF" cx="145.7" cy="492.727" r="10"/>
 +
<circle fill="#B48DFF" cx="147.228" cy="508.46" r="10"/>
 +
<circle fill="#B48DFF" cx="344.212" cy="533.216" r="10"/>
 +
<circle fill="#B48DFF" cx="330.003" cy="552.084" r="10"/>
 +
<circle fill="#B48DFF" cx="132.474" cy="530.986" r="10"/>
 +
<circle fill="#B48DFF" cx="132.474" cy="559.997" r="10"/>
 +
<circle fill="#B48DFF" cx="378.618" cy="450.415" r="10"/>
 +
<circle fill="#B48DFF" cx="403.447" cy="453.954" r="10"/>
 +
<circle fill="#B48DFF" cx="428.717" cy="455.545" r="10"/>
 +
<circle fill="#B48DFF" cx="449.448" cy="449.964" r="10"/>
 +
<circle fill="#B48DFF" cx="468.862" cy="450.235" r="10"/>
 +
<circle fill="#B48DFF" cx="478.398" cy="453.406" r="10"/>
 +
<circle fill="#B48DFF" cx="503.181" cy="434.385" r="10"/>
 +
<circle fill="#B48DFF" cx="533.844" cy="407.463" r="10"/>
 +
<circle fill="#B48DFF" cx="467.406" cy="233.625" r="10"/>
 +
<circle fill="#B48DFF" cx="562.638" cy="311.444" r="10"/>
 +
<circle fill="#B48DFF" cx="560.296" cy="335.517" r="10"/>
 +
<circle fill="#B48DFF" cx="553.73" cy="355.565" r="10"/>
 +
<circle fill="#B48DFF" cx="551.51" cy="374.538" r="10"/>
 +
<circle fill="#B48DFF" cx="552.677" cy="383.003" r="10"/>
 +
<circle fill="#B48DFF" cx="785.068" cy="51.964" r="10"/>
 +
<circle fill="#B48DFF" cx="806.53" cy="56.797" r="10"/>
 +
<circle fill="#B48DFF" cx="833.092" cy="61.752" r="10"/>
 +
<circle fill="#B48DFF" cx="860.31" cy="63.781" r="10"/>
 +
<circle fill="#B48DFF" cx="891.773" cy="60.614" r="10"/>
 +
<circle fill="#B48DFF" cx="912.121" cy="44.656" r="10"/>
 +
<circle fill="#B48DFF" cx="925.373" cy="31.948" r="10"/>
 +
<circle fill="#B48DFF" cx="940.623" cy="10.002" r="10"/>
 +
</g>
 +
<g id="DNA_Small_Circles">
 +
<circle fill="#8AC7FF" cx="779.678" cy="88.421" r="6.75"/>
 +
<circle fill="#8AC7FF" cx="772.578" cy="106.298" r="6.75"/>
 +
<circle fill="#8AC7FF" cx="764.504" cy="123.955" r="6.75"/>
 +
<circle fill="#8AC7FF" cx="773.696" cy="133.2" r="6.75"/>
 +
<circle fill="#8AC7FF" cx="768.231" cy="148.371" r="6.75"/>
 +
<circle fill="#8AC7FF" cx="771.105" cy="167.468" r="6.75"/>
 +
<circle fill="#8AC7FF" cx="761.834" cy="185.882" r="6.75"/>
 +
<circle fill="#8AC7FF" cx="750.392" cy="204.831" r="6.75"/>
 +
<path fill="#8AC7FF" d="M748.802,211.904c3.639,0.819,5.921,4.432,5.104,8.068s-4.432,5.921-8.067,5.104
 +
c-3.637-0.818-5.922-4.433-5.103-8.067C741.552,213.369,745.164,211.086,748.802,211.904z"/>
 +
<circle fill="#8AC7FF" cx="733.072" cy="231.683" r="6.75"/>
 +
<circle fill="#8AC7FF" cx="720.021" cy="244.119" r="6.75"/>
 +
<circle fill="#8AC7FF" cx="705.047" cy="246.898" r="6.75"/>
 +
<circle fill="#8AC7FF" cx="688.971" cy="254.554" r="6.75"/>
 +
<circle fill="#8AC7FF" cx="669.75" cy="262.527" r="6.75"/>
 +
<circle fill="#8AC7FF" cx="651.216" cy="258.353" r="6.75"/>
 +
<circle fill="#8AC7FF" cx="626.289" cy="250.691" r="6.75"/>
 +
<circle fill="#8AC7FF" cx="632.116" cy="261.228" r="6.75"/>
 +
<circle fill="#8AC7FF" cx="588.286" cy="264.685" r="6.749"/>
 +
<circle fill="#8AC7FF" cx="608.263" cy="257.908" r="6.75"/>
 +
<circle fill="#8AC7FF" cx="572.58" cy="257.049" r="6.75"/>
 +
<circle fill="#8AC7FF" cx="538.532" cy="253.483" r="6.75"/>
 +
<circle fill="#8AC7FF" cx="537.122" cy="214.214" r="6.75"/>
 +
<circle fill="#8AC7FF" cx="545.954" cy="197.752" r="6.75"/>
 +
<circle fill="#8AC7FF" cx="555.226" cy="179.339" r="6.75"/>
 +
<circle fill="#8AC7FF" cx="545.056" cy="169.874" r="6.75"/>
 +
<circle fill="#8AC7FF" cx="550.963" cy="152.752" r="6.75"/>
 +
<circle fill="#8AC7FF" cx="548.306" cy="132.679" r="6.75"/>
 +
<path fill="#8AC7FF" d="M559.059,107.681c3.638,0.819,5.921,4.43,5.104,8.068c-0.817,3.636-4.432,5.921-8.067,5.102
 +
c-3.636-0.816-5.92-4.431-5.104-8.066C551.81,109.146,555.425,106.863,559.059,107.681z"/>
 +
<circle fill="#8AC7FF" cx="568.36" cy="98.244" r="6.75"/>
 +
<circle fill="#8AC7FF" cx="570.899" cy="82.415" r="6.75"/>
 +
<circle fill="#8AC7FF" cx="590.656" cy="76.612" r="6.75"/>
 +
<circle fill="#8AC7FF" cx="614.244" cy="58.348" r="6.75"/>
 +
<circle fill="#8AC7FF" cx="630.976" cy="47.765" r="6.75"/>
 +
<circle fill="#8AC7FF" cx="650.419" cy="38.816" r="6.75"/>
 +
<circle fill="#8AC7FF" cx="670.245" cy="46.356" r="6.75"/>
 +
<circle fill="#8AC7FF" cx="686.32" cy="38.7" r="6.75"/>
 +
<circle fill="#8AC7FF" cx="692.683" cy="51.408" r="6.75"/>
 +
<circle fill="#8AC7FF" cx="711.685" cy="44.411" r="6.75"/>
 +
<circle fill="#8AC7FF" cx="730.246" cy="39.365" r="6.75"/>
 +
<circle fill="#8AC7FF" cx="519.071" cy="230.65" r="6.75"/>
 +
<circle fill="#8AC7FF" cx="502.997" cy="238.307" r="6.75"/>
 +
<circle fill="#8AC7FF" cx="483.996" cy="245.304" r="6.75"/>
 +
<circle fill="#8AC7FF" cx="475.022" cy="235.083" r="6.75"/>
 +
<circle fill="#8AC7FF" cx="458.634" cy="239.593" r="6.75"/>
 +
<circle fill="#8AC7FF" cx="568.383" cy="284.805" r="6.75"/>
 +
<circle fill="#8AC7FF" cx="559.329" cy="302.242" r="6.75"/>
 +
<circle fill="#8AC7FF" cx="549.522" cy="318.485" r="6.75"/>
 +
<path fill="#8AC7FF" d="M562.149,321.584c3.638,0.817,5.922,4.43,5.104,8.065c-0.819,3.638-4.433,5.922-8.069,5.104
 +
c-3.635-0.818-5.92-4.433-5.103-8.068C554.9,323.049,558.513,320.766,562.149,321.584z"/>
 +
<circle fill="#8AC7FF" cx="554.982" cy="344.315" r="6.75"/>
 +
<circle fill="#8AC7FF" cx="557.42" cy="365.363" r="6.75"/>
 +
<circle fill="#8AC7FF" cx="548.902" cy="384.972" r="6.75"/>
 +
<circle fill="#8AC7FF" cx="538.342" cy="400.019" r="6.75"/>
 +
<circle fill="#8AC7FF" cx="535.047" cy="414.653" r="6.75"/>
 +
<circle fill="#8AC7FF" cx="519.631" cy="419.382" r="6.75"/>
 +
<circle fill="#8AC7FF" cx="509.385" cy="437.574" r="6.75"/>
 +
<circle fill="#8AC7FF" cx="493.213" cy="441.111" r="6.75"/>
 +
<circle fill="#8AC7FF" cx="477.137" cy="448.767" r="6.75"/>
 +
<circle fill="#8AC7FF" cx="457.16" cy="455.545" r="6.75"/>
 +
<circle fill="#8AC7FF" cx="437.649" cy="451.151" r="6.75"/>
 +
<circle fill="#8AC7FF" cx="420.282" cy="455.441" r="6.75"/>
 +
<circle fill="#8AC7FF" cx="412.284" cy="445.44" r="6.75"/>
 +
<circle fill="#8AC7FF" cx="395.234" cy="452.876" r="6.75"/>
 +
<circle fill="#8AC7FF" cx="376.232" cy="459.871" r="6.751"/>
 +
<circle fill="#8AC7FF" cx="359.04" cy="440.627" r="6.75"/>
 +
<circle fill="#8AC7FF" cx="334.432" cy="436.111" r="6.75"/>
 +
<circle fill="#8AC7FF" cx="350.035" cy="480.626" r="6.75"/>
 +
<circle fill="#8AC7FF" cx="342.714" cy="499.478" r="6.75"/>
 +
<circle fill="#8AC7FF" cx="351.252" cy="522.575" r="6.75"/>
 +
<circle fill="#8AC7FF" cx="341.182" cy="542.08" r="6.75"/>
 +
<circle fill="#8AC7FF" cx="344.123" cy="552.085" r="6.75"/>
 +
<circle fill="#8AC7FF" cx="300.823" cy="430.594" r="6.75"/>
 +
<circle fill="#8AC7FF" cx="283.236" cy="435.86" r="6.75"/>
 +
<circle fill="#8AC7FF" cx="264.552" cy="446.004" r="6.75"/>
 +
<circle fill="#8AC7FF" cx="258.188" cy="433.295" r="6.75"/>
 +
<circle fill="#8AC7FF" cx="241.358" cy="439.756" r="6.75"/>
 +
<circle fill="#8AC7FF" cx="221.53" cy="432.217" r="6.75"/>
 +
<circle fill="#8AC7FF" cx="201.87" cy="442.14" r="6.75"/>
 +
<circle fill="#8AC7FF" cx="183.625" cy="450.33" r="6.75"/>
 +
<circle fill="#8AC7FF" cx="167.673" cy="452.892" r="6.75"/>
 +
<circle fill="#8AC7FF" cx="164.598" cy="466.55" r="6.75"/>
 +
<circle fill="#8AC7FF" cx="177.377" cy="473.527" r="6.75"/>
 +
<circle fill="#8AC7FF" cx="155.857" cy="489.473" r="6.75"/>
 +
<circle fill="#8AC7FF" cx="147.228" cy="496.225" r="6.75"/>
 +
<circle fill="#8AC7FF" cx="132.475" cy="510.849" r="6.75"/>
 +
<circle fill="#8AC7FF" cx="122.472" cy="517.601" r="6.75"/>
 +
<circle fill="#8AC7FF" cx="140.477" cy="523.214" r="6.75"/>
 +
<circle fill="#8AC7FF" cx="145.7" cy="543.219" r="6.75"/>
 +
<circle fill="#8AC7FF" cx="133.725" cy="548.834" r="6.75"/>
 +
<circle fill="#8AC7FF" cx="143.093" cy="555.586" r="6.75"/>
 +
<circle fill="#8AC7FF" cx="178.256" cy="469.622" r="6.75"/>
 +
<circle fill="#8AC7FF" cx="152.451" cy="465.865" r="6.75"/>
 +
<circle fill="#8AC7FF" cx="328.435" cy="408.11" r="6.75"/>
 +
<circle fill="#8AC7FF" cx="336.731" cy="389.478" r="6.75"/>
 +
<circle fill="#8AC7FF" cx="345.026" cy="370.844" r="6.75"/>
 +
<circle fill="#8AC7FF" cx="334.857" cy="361.38" r="6.75"/>
 +
<circle fill="#8AC7FF" cx="342.494" cy="345.674" r="6.75"/>
 +
<circle fill="#8AC7FF" cx="338.643" cy="326.356" r="6.75"/>
 +
<circle fill="#8AC7FF" cx="350.085" cy="307.406" r="6.75"/>
 +
<circle fill="#8AC7FF" cx="357.501" cy="292.676" r="6.75"/>
 +
<circle fill="#8AC7FF" cx="362.143" cy="273.861" r="6.75"/>
 +
<circle fill="#8AC7FF" cx="377.501" cy="267.111" r="6.75"/>
 +
<circle fill="#8AC7FF" cx="401.874" cy="250.389" r="6.75"/>
 +
<circle fill="#8AC7FF" cx="418.387" cy="240.781" r="6.75"/>
 +
<circle fill="#8AC7FF" cx="438.144" cy="234.98" r="6.75"/>
 +
<circle fill="#8AC7FF" cx="555.898" cy="249.192" r="6.75"/>
 +
<circle fill="#8AC7FF" cx="788.904" cy="47.447" r="6.75"/>
 +
<circle fill="#8AC7FF" cx="777.857" cy="15.385" r="6.75"/>
 +
<path fill="#8AC7FF" d="M805.846,58.693c3.639,0.819,5.923,4.433,5.104,8.068c-0.817,3.636-4.431,5.922-8.067,5.103
 +
c-3.637-0.817-5.92-4.431-5.103-8.066C798.597,60.158,802.213,57.874,805.846,58.693z"/>
 +
<circle fill="#8AC7FF" cx="822.927" cy="60.233" r="6.75"/>
 +
<circle fill="#8AC7FF" cx="841.173" cy="52.04" r="6.75"/>
 +
<circle fill="#8AC7FF" cx="850.146" cy="62.26" r="6.75"/>
 +
<circle fill="#8AC7FF" cx="872.118" cy="63.781" r="6.75"/>
 +
<circle fill="#8AC7FF" cx="882.91" cy="58.16" r="6.75"/>
 +
<circle fill="#8AC7FF" cx="902.12" cy="62.487" r="6.75"/>
 +
<circle fill="#8AC7FF" cx="902.12" cy="47.47" r="6.75"/>
 +
<circle fill="#8AC7FF" cx="922.125" cy="43.459" r="6.75"/>
 +
<circle fill="#8AC7FF" cx="928.875" cy="20.177" r="6.75"/>
 +
<circle fill="#8AC7FF" cx="943.875" cy="23.255" r="6.75"/>
 +
<circle fill="#8AC7FF" cx="953.875" cy="3.501" r="6.75"/>
 +
<circle fill="#8AC7FF" cx="763.319" cy="42.711" r="6.75"/>
 +
</g>
 +
<g id="Mammalian_Icon">
 +
<path fill="#2162FB" d="M501.839,230.59c0.032,19.015-15.354,34.457-34.369,34.49c-19.018,0.031-34.458-15.354-34.491-34.368
 +
c-0.034-19.02,15.354-34.458,34.369-34.491C486.361,196.187,501.803,211.573,501.839,230.59"/>
 +
<line fill="none" stroke="#7095F2" stroke-miterlimit="10" x1="439.14" y1="246.683" x2="466.407" y2="242.439"/>
 +
<line fill="none" stroke="#7095F2" stroke-miterlimit="10" x1="466.115" y1="242.439" x2="495.019" y2="246.414"/>
 +
<line fill="none" stroke="#7095F2" stroke-miterlimit="10" x1="465.696" y1="207.931" x2="465.76" y2="242.93"/>
 +
<path opacity="0.7" fill="#FA6189" enable-background="new    " d="M456.597,240.362c-0.707-4.477,1.544-5.177,2.805-6.508
 +
c1.262-1.327,1.471-4.56,1.822-5.966c0.352-1.404,1.759-4.114,2.536-4.776c0.776-0.657,2.234-1.426,3.268-1.554
 +
c1.032-0.126,1.844,0.507,2.125,1.247c0.279,0.742-0.129,2.029-0.349,2.79c-0.224,0.761,0.012,2.421,0.673,3.103
 +
c0.709,0.728,1.364,1.026,2.277,0.957c0.913-0.068,2.657-0.536,3.72-0.604c1.059-0.065,2.511-0.538,3.458,0.686
 +
c0.948,1.229,2.202,3.251,2.768,4.438c0.565,1.187,1.891,5.69,1.944,5.923c0.063,0.26,1.05,2.563,1.151,2.877
 +
c0.094,0.291,0.135,0.555,0.093,1.27c-0.04,0.653-0.122,1.73-2.582,2.686c-2.461,0.954-4.504,1.561-6.742,1.604
 +
c-2.236,0.046-9.683,0.164-13.63-2.618C457.988,243.126,456.771,241.457,456.597,240.362z"/>
 +
<path opacity="0.7" fill="#FD8037" enable-background="new    " d="M455.506,239.444c-1.142-2.242-1.521-5.486-1.393-7.517
 +
c0.128-2.028,1.323-4.109,2.271-5.333c0.947-1.224,1.962,0.441,2.547,1.22c0.634,0.843,1.142,1.938,1.152,2.875
 +
c0.012,0.941-0.205,1.411-0.571,2.021c-0.364,0.609-0.157,0.587-1.029,1.511c-0.872,0.925-1.406,1.179-1.918,1.786
 +
c-0.512,0.606-0.705,1.43-0.771,1.896C455.724,238.373,455.506,239.444,455.506,239.444z"/>
 +
<path opacity="0.7" fill="#FE39D5" enable-background="new    " d="M468.742,221.45c1.09,1.829,1.086,2.052,0.787,3.258
 +
c-0.302,1.21-0.388,1.727-0.335,2.348c0.046,0.52,0.22,1.262,1.049,1.742c0.828,0.478,1.623,0.374,2.188,0.351
 +
c0.563-0.022,1.529-0.292,2.325-0.342c0.794-0.05,0.981-0.113,1.834-0.163c0.851-0.05,1.749,0.287,1.885,0.061
 +
c0.138-0.229-0.319-1.517-1.261-2.648c-0.902-1.091-1.52-1.93-2.91-2.438c-1.394-0.515-3.904-1.775-4.519-2.089
 +
C469.177,221.217,468.609,221.226,468.742,221.45z"/>
 +
<path opacity="0.6" fill="#FD5672" enable-background="new    " d="M455.594,216.781c0.415,0.718,1.377,0.713,1.619,1.334
 +
c0.239,0.622,0.176,1.176-0.094,1.873c-0.268,0.701-0.461,2.188-0.498,2.973c-0.038,0.782-0.314,1.462,0.311,2.202
 +
c0.626,0.737,0.822,0.862,1.45,1.493c0.628,0.633,1.177,1.382,1.481,2.08c0.31,0.703,0.5,1.646,0.738,0.389
 +
c0.239-1.262,1.053-3.396,1.192-3.791c0.141-0.395,0.536-1.28,1.724-2.521c1.187-1.237,3.756-1.695,4.053-1.646
 +
c0.297,0.051,2.101-0.123,2.817,0.354c0.719,0.479,1.639-0.166,1.922-0.725c0.505-0.986,0.18-1.578-0.115-2.541
 +
c-0.26-0.852-0.332-1.07-1.125-1.62c-0.771-0.534-1.453-0.237-2.39,0.206c-0.938,0.442-0.331-1.101-2.203-1.876
 +
c-1.872-0.773-2.164,0.104-2.526,0.029c-0.362-0.073,0.103-1.298-0.109-1.67c-0.193-0.338-1.527-1.274-1.992,0.349
 +
c-0.227,0.773-1.266-0.184-1.607,0.93c-0.317,1.033-1.22-0.183-2.297-0.328c-1.088-0.146-1.455-0.209-2.005,0.818
 +
C455.385,216.114,455.38,216.408,455.594,216.781z"/>
 +
<path opacity="0.7" fill="#C800FA" enable-background="new    " d="M453.519,221.647c-0.732,0.717-0.893,1.266-0.546,2.447
 +
c0.343,1.182,0.651,2.291,1.069,3.395c0.416,1.104,0.303,1.378,0.378,1.486c0.165,0.238,0.105-0.146,0.479-1.056
 +
c0.399-0.979,0.973-1.607,1.346-1.998c0.425-0.443,0.695-0.294,0.298-0.906c-0.399-0.609-0.601-1.105-0.348-1.878
 +
c0.251-0.771,0.203-1.258,0.271-1.802c0.067-0.544,0.178-0.722-1.105-0.567C454.805,220.838,453.885,221.291,453.519,221.647z"/>
  
−
<body>
+
<ellipse transform="matrix(0.4294 0.9031 -0.9031 0.4294 466.1609 -300.0494)" fill="#27E4F4" cx="470.545" cy="218.903" rx="2.022" ry="1.226"/>
  
−
<b class="borderTop"></b>
+
<ellipse transform="matrix(-0.3373 0.9414 -0.9414 -0.3373 820.1482 -150.4519)" fill="#FD227D" cx="463.032" cy="213.46" rx="0.368" ry="0.758"/>
−
<b class="borderBottom"></b>
+
  
−
<div id="top" class="container-fluid">
+
<ellipse transform="matrix(0.0867 0.9962 -0.9962 0.0867 634.9275 -263.3771)" fill="#FD227D" cx="461.11" cy="214.601" rx="0.332" ry="0.678"/>
−
    <div class="row">
+
  
−
<!--
+
<ellipse transform="matrix(0.8769 0.4807 -0.4807 0.8769 159.9304 -193.0418)" fill="#FD227D" cx="456.792" cy="215.671" rx="0.669" ry="1.221"/>
−
        <h1 id="glowy" class="lit">LIT</h1>
+
<path fill="#27E4F4" d="M480.6,237.267c-0.732-0.468-1.288-1.063-1.916-1.604c-0.587-0.511-1.4-0.727-2.108-0.999
−
        <h2 class="lit">Light Induced Technologies</h2>
+
c-0.057-0.025-0.109-0.052-0.167-0.071c-0.008-0.005-0.017-0.008-0.023-0.012c-1.828-0.822-2.388-2.668-3.211-4.336
−
        <h2 class="lit2">UCL iGEM 2017</h2> -->
+
c-0.169-0.344-0.259-0.298-0.148,0.067c0.508,1.698,0.95,3.479,2.501,4.482c0.031,0.018,0.063,0.033,0.092,0.051
 +
c-1.044,0.835,0.299,2.982,0.733,3.981c0.146,0.327-0.099,0.631,0.902,0.914c0,0.001,0,0.002,0,0.004
 +
c0.001,0.875-0.886,1.649-0.768,2.556c0.139,1.057,0.97,1.674,1.668,2.388c0.318,0.326,0.277,0.085,0.056-0.222
 +
c-0.667-0.924-1.789-1.738-1.479-3.021c0.078-0.32,0.155-0.604,0.228-0.891c0.301,0.405,0.614,0.795,0.98,1.214
 +
c0.438,0.5,0.52,1.192,0.722,1.802c0.189,0.57,0.953,0.94,1.494,1.119c0.438,0.145,0.322-0.063,0.003-0.273
 +
c-0.513-0.342-0.874-0.738-1.043-1.351c-0.108-0.393-0.224-0.766-0.388-1.142c-0.389-0.882-1.274-1.456-1.761-2.301
 +
c-0.016-0.063-0.04-0.108-0.075-0.144c-0.426-0.816-2.027-3.888-0.627-4.313c0.624,0.267,1.284,0.456,1.862,0.81
 +
c0.879,0.532,1.373,1.232,2.416,1.534C480.904,237.621,480.992,237.519,480.6,237.267z"/>
 +
<path fill="#F11EA7" d="M471.885,226.714c-0.27-0.271-0.362-0.231-0.172,0.1c0.816,1.415,0.29,3.229,0.638,4.8
 +
c-0.051-0.065-0.087-0.103-0.165-0.161c-0.069-0.054-0.085-0.052-0.196-0.138c-0.525-0.475-0.941-1.026-1.619-1.338
 +
c-0.854-0.395-1.729,0.039-2.569-0.501c-0.104-0.064-0.205-0.063-0.289-0.017c-0.021,0.004-0.042,0.012-0.066,0.02
 +
c-1.333,0.618-2.545,0.099-3.917,0.191c-1.328,0.093-2.027,1.039-2.544,2.18c-0.007,0.02-0.012,0.032-0.016,0.048
 +
c-0.007,0.014-0.018,0.023-0.024,0.034c-0.078,0.119-0.078,0.119-0.161,0.255c-0.347,0.635-0.362,1.332,0.115,1.839
 +
c-0.807,1.209-3.5,3.02-3.624,4.644c-0.088-0.063-0.771-0.646-0.783-0.531c-0.046,0.402-0.046,0.402-0.027,0.705
 +
c0.073,1.36,2.082,1.948,2.853,3.046c0.685,0.977,1.441,1.741,2.392,2.446c1.412,1.048,3.324,2.994,5.163,2.729
 +
c0.438-0.063,0.387-0.114-0.051-0.203c-1.209-0.243-1.118-0.518-1.766-0.878c0.016-0.005-0.001,0.003,0.016-0.005
 +
c0.385-0.174,0.758-0.541,1.166-0.313c0.334,0.183,0.449-0.052,0.133-0.308c-0.554-0.444-0.817-0.353-1.334-0.038
 +
c-0.146,0.091-0.331,0.271-0.547,0.343c-0.953-0.592-1.849-1.372-2.607-1.938c-0.639-0.47-1.154-1.047-1.637-1.654
 +
c1.242,0.253,2.585-0.134,3.695,0.607c0.474,0.313,0.775,0.787,1.332,0.974c0.536,0.183,1.313-0.396,1.591-0.816
 +
c0.297-0.462-0.158-0.291-0.476-0.083c-1.183,0.775-1.766-0.479-2.796-0.926c-1.256-0.54-2.636,0.138-3.876-0.558
 +
c-0.035-0.021-0.069-0.03-0.104-0.036c-0.449-0.604-0.854-1.172-1.439-1.776c-0.012-0.02-0.021-0.033-0.036-0.051
 +
c-1.136-1.25,2.174-3.693,3.22-5.038c0.107-0.129,0.168-0.073,0.271-0.018c1.032,0.655,1.219,1.854,1.725,2.969
 +
c0.327,0.726,1.313,0.788,1.9,1.203c0.581,0.411,0.674,0.327,0.267-0.325c-0.278-0.445-1.179-0.562-1.537-0.975
 +
c-0.202-0.229-0.308-0.601-0.403-0.934c0.789,0.574,1.761,0.774,2.824,0.181c0.611-0.345,0.53-0.497-0.188-0.333
 +
c-1.734,0.399-2.638-0.318-3.378-1.576c-0.055-0.094-0.139-0.14-0.225-0.146c-0.336-0.382-0.76-0.685-1.311-0.887
 +
c-0.018-0.004-0.028-0.004-0.042-0.008c-0.189-0.271-0.167-0.595-0.017-0.921c0.609,0.255,1.191,0.156,1.88,0.028
 +
c1.416-0.264,1.198,1.601,1.949,2.276c0.634,0.571,0.526,0.304,0.29-0.223c-0.431-0.96-0.406-2.06-1.518-2.588
 +
c-0.81-0.383-1.604,0.256-2.604-0.021c0-0.001,0-0.002,0-0.004c0-0.007,0.154-0.01,0.156-0.017
 +
c0.676-1.504,1.622-1.902,3.186-1.719c1.037,0.122,2.03,0.141,2.998-0.281c0.597,0.337,1.141,0.366,1.842,0.354
 +
c1.127-0.016,1.79,0.841,2.454,1.592c0.706,0.8-0.755,1.993-1.065,2.875c-0.157,0.441-0.094,0.988,0.061,1.423
 +
c0.289,0.813,0.411,1.12-0.271,1.827c-0.266,0.271-1.072,0.688-0.001,0.486c0.619-0.118,1.262-0.926,1.178-1.517
 +
c-0.115-0.79-0.645-1.346-0.341-2.193c0.3-0.847,1.142-1.596,1.203-2.402c0.227,0.564,0.506,1.112,0.709,1.688
 +
c-0.001,0.006-0.002,0.01-0.003,0.015c-0.063,0.842-0.087,1.694-0.29,2.518c-0.205,0.83-0.706,1.534-1.212,2.205
 +
c-0.1,0.13-0.172,0.265-0.232,0.397c-0.041,0.021-0.079,0.047-0.114,0.085c-0.589,0.689-1.435,1.551-2.275,1.899
 +
c-0.354,0.146-0.381,0.288,0.111,0.265c0.711-0.03,1.52-0.688,2.024-1.168c-0.082,0.896,0.23,1.978-0.547,2.697
 +
c-0.278,0.26-0.512,0.805,0.146,0.36c0.6-0.401,0.814-1.087,0.945-1.794c0.168-0.926-0.042-1.784,0.568-2.597
 +
c0.565-0.751,0.897-1.498,1.105-2.284c-0.003,0.039-0.004,0.078-0.008,0.114c-0.102,1.446-0.342,2.875,0.05,4.3
 +
c0.069,0.26,0.187,0.479,0.327,0.667c0.106,0.486,0.373,0.953,0.241,1.417c-0.169,0.595-0.771,1.056-1.032,1.598
 +
c-0.177,0.361-0.146,0.848,0.089,0.547c0.396-0.506,1.188-1.221,1.451-1.811c0.041-0.092,0.067-0.18,0.086-0.267
 +
c0.131,0.688-0.113,1.813-0.608,2.497c-0.224,0.311,0.089,0.396,0.313,0.087c0.63-0.872,1.065-1.979,0.833-2.896
 +
c0.323,0.254,0.618,0.535,0.813,0.928c0.172,0.342,0.283,0.297,0.229-0.107c-0.081-0.586-0.33-1.044-0.81-1.387
 +
c-0.451-0.323-0.803-0.576-1.058-0.922c-0.048-0.063-0.092-0.109-0.114-0.152c-0.11-0.194-0.076-0.132-0.14-0.299
 +
c-0.068-0.157-0.122-0.334-0.165-0.541c-0.324-1.539,0.129-3.188,0.128-4.745c0-0.565-0.106-1.097-0.267-1.606
 +
c-0.003-0.057-0.021-0.104-0.045-0.143c-0.316-0.968-0.798-1.882-1.059-2.896C472.433,229.621,473.059,227.891,471.885,226.714z"/>
 +
<circle fill="#FD227D" cx="467.664" cy="222.784" r="0.362"/>
 +
<circle fill="#FC227D" cx="476.964" cy="230.381" r="0.362"/>
 +
<circle fill="#FD227D" cx="460.231" cy="223.698" r="0.361"/>
 +
<circle fill="#FD227D" cx="463.347" cy="217.846" r="0.361"/>
 +
<circle fill="#FD227D" cx="458.637" cy="224.021" r="0.361"/>
 +
<circle fill="#FC227D" cx="470.488" cy="227.342" r="0.362"/>
 +
<path fill="#FD227D" d="M459.558,224.002c0.109-0.002,0.199,0.089,0.199,0.199c0,0.105-0.089,0.193-0.198,0.194
 +
c-0.109-0.001-0.197-0.087-0.197-0.195C459.362,224.09,459.449,224.002,459.558,224.002z"/>
 +
<circle fill="#FD227D" cx="455.88" cy="222.892" r="0.198"/>
 +
<circle fill="#FD227D" cx="460.9" cy="223.344" r="0.197"/>
 +
<circle fill="#FD227D" cx="467.962" cy="223.483" r="0.197"/>
 +
<circle fill="#FD227D" cx="468.325" cy="222.87" r="0.199"/>
 +
<circle fill="#FD227D" cx="466.927" cy="222.224" r="0.198"/>
 +
<circle fill="#FC227D" cx="470.369" cy="226.706" r="0.197"/>
 +
<circle fill="#FD227D" cx="462.513" cy="217.55" r="0.196"/>
 +
<circle fill="#FC227D" cx="479.097" cy="231.73" r="0.198"/>
 +
<path fill="#FC227D" d="M470.039,247.865c0.11-0.001,0.199,0.09,0.199,0.196c0,0.11-0.088,0.2-0.197,0.201
 +
c-0.108-0.002-0.197-0.09-0.197-0.199C469.844,247.954,469.93,247.865,470.039,247.865z"/>
 +
<circle fill="#FC227D" cx="476.215" cy="230.263" r="0.199"/>
 +
<circle fill="#FC227D" cx="477.777" cy="230.669" r="0.145"/>
 +
<circle fill="#FC227D" cx="478.213" cy="231.12" r="0.146"/>
 +
<circle fill="#FC227D" cx="471.087" cy="247.841" r="0.146"/>
 +
<circle fill="#FC227D" cx="470.559" cy="247.655" r="0.144"/>
 +
<circle fill="#FD227D" cx="459.375" cy="223.691" r="0.145"/>
 +
<circle fill="#FD227D" cx="455.425" cy="222.731" r="0.145"/>
 +
<circle fill="#FD227D" cx="456.135" cy="222.391" r="0.145"/>
  
−
        <div style="padding-top: 80px" class="navy">
+
<ellipse transform="matrix(0.3059 0.9521 -0.9521 0.3059 526.9449 -279.0606)" fill="#27E4F4" cx="454.867" cy="221.877" rx="0.442" ry="1.283"/>
−
        <center>
+
<line fill="none" stroke="#8DFFFC" stroke-miterlimit="10" x1="469.719" y1="220.848" x2="494.858" y2="213.415"/>
−
            <ul id="nav-menu">
+
<line fill="none" stroke="#8DFFFC" stroke-miterlimit="10" x1="439.222" y1="213.099" x2="469.844" y2="220.694"/>
−
                <li style="display:inline"><a class="menu-item" href="https://2017.igem.org/Team:UCL">Project</a></li>
+
<line fill="none" stroke="#8DFFFC" stroke-miterlimit="10" x1="438.33" y1="213.291" x2="466.123" y2="207.483"/>
−
                <li style="display:inline"><a class="menu-item" href="https://2017.igem.org/Team:UCL">Parts</a></li>
+
<line fill="none" stroke="#8DFFFC" stroke-miterlimit="10" x1="438.704" y1="212.978" x2="438.764" y2="246.978"/>
−
                <li style="display:inline"><a class="menu-item" href="https://2017.igem.org/Team:UCL/Insta">Instagram competition</a></li>
+
<line fill="none" stroke="#8DFFFC" stroke-miterlimit="10" x1="438.373" y1="246.478" x2="470.24" y2="253.877"/>
−
                <li style="display:inline"><a class="menu-item" href="https://2017.igem.org/Team:UCL/HP">Human Practices</a></li>
+
<line fill="none" stroke="#8DFFFC" stroke-miterlimit="10" x1="495.138" y1="246.509" x2="469.933" y2="253.878"/>
−
                <li style="display:inline"><a class="menu-item" href="https://2017.igem.org/Team:UCL/Team">Team</a></li>
+
<line fill="none" stroke="#8DFFFC" stroke-miterlimit="10" x1="494.705" y1="212.879" x2="494.764" y2="246.879"/>
−
            </ul>
+
<line fill="none" stroke="#8DFFFC" stroke-miterlimit="10" x1="469.719" y1="220.924" x2="469.777" y2="253.924"/>
−
        </center>
+
<g>
−
        </div>
+
−
    </div>
+
  
−
</div>
+
<ellipse fill="none" stroke="#8DFFFC" stroke-width="0.5" stroke-linecap="square" stroke-miterlimit="10" stroke-dasharray="0.9951,0.9951" cx="444.831" cy="224.76" rx="2.751" ry="3.568"/>
 +
</g>
 +
<g>
  
−
<div class="container-fluid">
+
<ellipse fill="none" stroke="#8DFFFC" stroke-width="0.5" stroke-linecap="square" stroke-miterlimit="10" stroke-dasharray="0.9951,0.9951" cx="488.393" cy="224.862" rx="2.75" ry="3.569"/>
−
        <div style="background-color: #F1684E; width=100%" class="row">
+
</g>
−
            <h1 style="font-family: Josefin Sans" id="what">What would you do if we gave you the power to control cells through light?</h1>
+
<path fill="#FFCE55" stroke="#8A17E5" stroke-width="0.25" stroke-miterlimit="10" d="M445.064,224.682
−
        </div>
+
c-0.041-0.042-0.119-0.032-0.174,0.021l0,0c-0.059,0.054-0.071,0.13-0.03,0.175l13.416,14.406c0.038,0.044,0.117,0.033,0.173-0.021
−
</div>
+
l0,0c0.059-0.052,0.07-0.129,0.03-0.172L445.064,224.682z"/>
−
            <div class="row">
+
<path fill="#EF3050" stroke="#8A17E5" stroke-width="0.25" stroke-miterlimit="10" d="M488.632,224.909
 +
c0.026-0.031,0.002-0.1-0.06-0.146l0,0c-0.058-0.053-0.126-0.066-0.153-0.035l-9.114,10.545c-0.027,0.031-0.001,0.102,0.057,0.149
 +
l0,0c0.06,0.048,0.128,0.063,0.154,0.034L488.632,224.909z"/>
 +
<line fill="none" stroke="#8DFFFC" stroke-miterlimit="10" x1="465.862" y1="207.485" x2="495.097" y2="213.301"/>
 +
</g>
 +
<g id="Barchitecture_Icon">
 +
<circle fill="#5F25D7" cx="337.6" cy="355.564" r="34.397"/>
 +
<path fill="#A900FA" d="M323.108,355.351l6.238-0.005c1.098-0.003,1.984,0.937,1.986,2.028c0,1.101-0.889,2.033-1.982,2.033
 +
l-6.238,0.004c-1.1,0-1.986-0.935-1.988-2.031C321.12,356.286,322.009,355.349,323.108,355.351z"/>
 +
<path fill="#23A5FC" d="M334.442,355.357l6.24-0.004c1.1-0.003,1.986,0.934,1.986,2.03c0.002,1.096-0.889,2.03-1.982,2.032
 +
l-6.24,0.001c-1.098,0.002-1.986-0.932-1.988-2.026C332.458,356.29,333.344,355.356,334.442,355.357z"/>
 +
<path fill="#2162FB" d="M345.778,355.364l6.24-0.004c1.1-0.001,1.984,0.935,1.986,2.03c0,1.097-0.887,2.034-1.982,2.032
 +
l-6.24,0.003c-1.096,0.003-1.984-0.936-1.986-2.031C343.792,356.296,344.682,355.365,345.778,355.364z"/>
 +
<path fill="#FED533" d="M349.618,345.881l4.025,4.77c0.707,0.838,0.564,2.12-0.273,2.827c-0.838,0.708-2.125,0.634-2.834-0.205
 +
l-4.025-4.771c-0.705-0.84-0.563-2.12,0.273-2.827C347.622,344.967,348.911,345.039,349.618,345.881z"/>
 +
<path fill="#FD8439" d="M342.19,346.264l4.023,4.771c0.707,0.84,0.566,2.121-0.27,2.831c-0.84,0.706-2.129,0.629-2.834-0.209
 +
l-4.025-4.767c-0.707-0.841-0.564-2.123,0.271-2.831C340.194,345.353,341.483,345.427,342.19,346.264z"/>
 +
<path fill="#A900FA" d="M341.61,336.69l4.023,4.769c0.707,0.839,0.566,2.12-0.271,2.831c-0.838,0.704-2.125,0.629-2.832-0.209
 +
l-4.027-4.77c-0.707-0.838-0.564-2.119,0.273-2.826C339.612,335.775,340.903,335.851,341.61,336.69z"/>
 +
<path fill="#FFBC4C" d="M332.614,344.074l4.033-4.765c0.707-0.837,0.564-2.12-0.271-2.827c-0.836-0.71-2.125-0.637-2.834,0.202
 +
l-4.029,4.766c-0.709,0.837-0.568,2.119,0.27,2.828C330.62,344.987,331.907,344.911,332.614,344.074z"/>
 +
<path fill="#2162FB" d="M324.596,353.256l4.027-4.768c0.709-0.837,0.566-2.119-0.27-2.828c-0.836-0.71-2.123-0.633-2.834,0.203
 +
l-4.029,4.764c-0.709,0.841-0.568,2.122,0.268,2.829C322.598,354.167,323.887,354.093,324.596,353.256z"/>
 +
<path fill="#27DBFD" d="M332.022,353.652l4.031-4.765c0.709-0.838,0.566-2.121-0.27-2.827c-0.838-0.712-2.127-0.64-2.836,0.2
 +
l-4.029,4.766c-0.709,0.838-0.566,2.121,0.27,2.831C330.026,354.562,331.315,354.488,332.022,353.652z"/>
 +
<path fill="#FD8439" d="M323.104,360.623l6.236-0.002c1.1-0.001,1.988,0.937,1.988,2.031c0,1.096-0.887,2.03-1.982,2.032
 +
l-6.238,0.005c-1.102-0.001-1.988-0.938-1.988-2.033C321.118,361.564,322.005,360.623,323.104,360.623z"/>
 +
<path fill="#27DBFD" d="M334.438,360.632l6.242-0.006c1.098,0,1.984,0.938,1.984,2.032c0,1.1-0.889,2.031-1.984,2.033l-6.24,0.002
 +
c-1.096,0.001-1.984-0.935-1.984-2.03C332.456,361.571,333.341,360.632,334.438,360.632z"/>
 +
<path fill="#FD8439" d="M345.774,360.64l6.242-0.004c1.098,0.001,1.984,0.936,1.984,2.029c0,1.099-0.887,2.032-1.982,2.033
 +
l-6.24,0.004c-1.096,0.001-1.986-0.937-1.986-2.032C343.79,361.576,344.677,360.64,345.774,360.64z"/>
 +
<path fill="#FED533" d="M323.102,365.905l6.236-0.003c1.1-0.004,1.986,0.934,1.986,2.028c0.002,1.1-0.887,2.032-1.984,2.035
 +
l-6.236,0.001c-1.102,0.003-1.986-0.935-1.988-2.027C321.116,366.836,322.003,365.905,323.102,365.905z"/>
 +
<path fill="#A900FA" d="M334.436,365.91l6.236-0.003c1.102-0.002,1.988,0.937,1.988,2.029c0.002,1.099-0.887,2.034-1.982,2.034
 +
l-6.24,0.002c-1.102,0.001-1.986-0.935-1.986-2.027C332.452,366.846,333.339,365.909,334.436,365.91z"/>
 +
<path fill="#23A5FC" d="M345.772,365.917l6.24-0.004c1.1-0.003,1.984,0.936,1.984,2.028c0,1.098-0.887,2.034-1.98,2.035
 +
l-6.24,0.003c-1.098,0.002-1.986-0.938-1.986-2.03C343.786,366.851,344.677,365.917,345.772,365.917z"/>
 +
<path fill="#2162FB" d="M323.098,371.181l6.236-0.004c1.1-0.002,1.986,0.936,1.986,2.03c0.002,1.099-0.887,2.03-1.982,2.031
 +
l-6.236,0.005c-1.102,0-1.988-0.935-1.988-2.031C321.112,372.117,321.999,371.181,323.098,371.181z"/>
 +
<path fill="#FFBC4C" d="M334.432,371.187l6.24-0.003c1.1-0.002,1.986,0.935,1.986,2.032c0.002,1.097-0.889,2.028-1.984,2.03
 +
l-6.238,0.003c-1.1,0.001-1.986-0.935-1.986-2.028C332.45,372.121,333.335,371.187,334.432,371.187z"/>
 +
<path fill="#A900FA" d="M345.768,371.195l6.24-0.005c1.1-0.001,1.986,0.936,1.986,2.032c0.002,1.098-0.887,2.03-1.98,2.03
 +
l-6.242,0.007c-1.098,0-1.984-0.938-1.986-2.032C343.784,372.127,344.671,371.195,345.768,371.195z"/>
 +
</g>
 +
<g id="Lightbulb_Icon">
 +
<path fill="#F8894A" d="M573.816,65.114c-19.021-0.09-34.512,15.25-34.602,34.27c-0.09,19.011,15.25,34.5,34.271,34.6
 +
c19.02,0.092,34.5-15.259,34.6-34.27C608.176,80.694,592.836,65.203,573.816,65.114z"/>
 +
<path fill="#CCFCFF" d="M589.828,89.791l-0.02,0.01c0.01,0.08,0,0.16,0.01,0.23c0,0.01-0.01,0.02-0.01,0.02v0.05
 +
c0.01,0.171,0.02,0.341,0.01,0.511c0.02,0.37,0.02,0.739,0.01,1.109c-0.01,0.12-0.01,0.25-0.02,0.37c0.01,0.05,0,0.101,0,0.16
 +
c0,0.08-0.01,0.17-0.02,0.26v0.04c-0.01,0.16-0.02,0.33-0.031,0.49c-0.01,0.01-0.01,0.02-0.01,0.03c0,0.05-0.01,0.1-0.01,0.14
 +
c-0.01,0.11,0.051,0.2,0.041,0.311c0,0.02-0.01,0.05-0.01,0.079c-0.012,0.051-0.012,0.091-0.012,0.131
 +
c-0.01,0.05-0.02,0.109-0.01,0.149l-0.029,0.141c0,0.079,0,0-0.01,0.079c-0.02,0.141-0.08,0.301-0.111,0.45
 +
c-0.029,0.24-0.1,0.48-0.148,0.721c-0.051,0.239-0.111,0.47-0.16,0.71c-0.131,0.55-0.291,1.1-0.471,1.649
 +
c-0.42,1.3-1,2.51-1.66,3.68c-0.219,0.381-0.439,0.761-0.67,1.131c-0.061,0.09-0.119,0.189-0.189,0.279v0.011
 +
c-0.09,0.149-0.189,0.3-0.279,0.449c-0.451,0.721-0.932,1.431-1.391,2.141c-0.09,0.14-0.189,0.279-0.27,0.43
 +
c-0.25,0.42-0.48,0.86-0.682,1.3c-0.08,0.181-0.158,0.36-0.238,0.54c-0.23,0.561-0.432,1.141-0.602,1.73
 +
c-0.199,0.709-0.359,1.43-0.479,2.17c-0.09,0.5-0.16,1-0.23,1.5c-0.02,0.199-0.051,0.399-0.09,0.59
 +
c-0.1,0.51-0.25,0.99-0.471,1.449c-0.57,1.18-1.449,2.121-2.859,2.11c-1.4,0-2.291,0.011-3.83-0.01
 +
c-0.189-0.012-0.33-0.021-0.52-0.021h-0.012l0.012-0.25l-0.012-10.613c0-0.01,0.061-0.027,0.061-0.027l-0.061-0.176v-3.09v-0.191
 +
l0,0l0.021-12.03v-7.625l-0.021-8.651l0.021-0.325c1.021-0.004,2.439,0.311,4.459,0.93c0.24,0.07,0.381,0.15,0.631,0.24
 +
c0.73,0.271,1.459,0.601,2.219,1.03c0.91,0.5,1.82,1.14,2.701,1.94v0.01c0.189,0.149,0.369,0.319,0.539,0.5
 +
c0.561,0.55,1.102,1.18,1.611,1.88c0.24,0.33,0.469,0.689,0.689,1.06c0.23,0.37,0.449,0.761,0.66,1.17
 +
c0.119,0.21,0.24,0.431,0.359,0.65c0.031,0.05,0.061,0.09,0.09,0.15c0.031,0.05,0.061,0.109,0.09,0.17
 +
c0.041,0.06,0.07,0.12,0.102,0.189c0.01,0.03,0.02,0.061,0.039,0.101c0.01,0.029,0.029,0.069,0.041,0.1
 +
c0.02,0.04,0.029,0.09,0.049,0.13c0.041,0.09,0.07,0.17,0.1,0.26c0.08,0.2,0.141,0.381,0.18,0.48c0.041,0.18,0.08,0.29,0.102,0.36
 +
c0,0.02,0.01,0.029,0.02,0.05c0,0.01,0.01,0.029,0.01,0.04c0.01,0.04,0.029,0.069,0.041,0.109c0.01,0.011,0.01,0.021,0.02,0.04
 +
c0.01,0.021,0.02,0.061,0.039,0.101c0,0.02,0.01,0.04,0.02,0.06c0.021,0.061,0.041,0.13,0.07,0.23
 +
c0.021,0.109,0.051,0.22,0.07,0.33c0.02,0.09,0.08,0.18,0.1,0.279c0,0.021,0.01,0.04,0.01,0.07v0.04c0.012,0.06,0,0.12,0.012,0.17
 +
c0.199,0.2,0.148,0.53,0.148,0.56l0.031,0.271c0,0.04,0.049,0.14,0.07,0.21c0,0,0,0.01,0.01,0.04c0,0.01,0,0.01,0,0.01v0.01
 +
c0.01,0.091-0.01,0.171-0.01,0.261c0.02,0.13,0.02,0.25,0.029,0.38c0,0-0.01,0-0.01,0.01c0.01,0.1,0.09,0.19,0.1,0.29l-0.01,0.12
 +
c0,0.11,0,0,0.01,0.11c0,0-0.02,0.149-0.02,0.159c0.01,0.07,0.039,0.141,0.049,0.21c0,0.021,0.012,0.051,0.021,0.091
 +
C589.859,89.751,589.828,89.772,589.828,89.791z"/>
 +
<path fill="#CCFCFF" d="M580.82,118.967c0,0.324,0-0.141-0.021,0.324c-0.018,0.396,0.141,1.391-1.604,1.391l-1.217-0.008
 +
l1.475-3.063C580.295,117.712,580.82,118.363,580.82,118.967z"/>
 +
<path fill="#B1FFF1" d="M579.484,117.611l-1.451,3.071c0,0-6.428,0.076-8.754-0.025c-0.338-0.016-1.025-0.074-1.277-0.695
 +
c-0.098-0.236-0.113-1.02-0.113-1.02c0.092-0.705,0.189-1.374,0.85-1.37c2.543,0.014,10.174,0.047,10.174,0.047
 +
C578.957,117.616,579.441,117.605,579.484,117.611z"/>
 +
<path fill="#CCFCFF" d="M580.207,122.567v0.15c-0.004,0.66-0.514,1.563-1.201,1.561l-1.943-0.008l1.014-3.062l0.947,0.002
 +
C579.709,121.215,580.213,121.906,580.207,122.567z"/>
 +
<path fill="#B1FFF1" d="M578.076,121.209l-1.014,3.063l-7.682-0.039c-0.609-0.002-1.193-1.006-1.189-1.664v-0.057
 +
c0.002-0.661,0.594-1.351,1.205-1.349L578.076,121.209L578.076,121.209z"/>
 +
<path fill="#CCFCFF" d="M579.125,126.126c0,0.018-0.082,0.357-0.088,0.369c-0.254,0.43-0.363,0.533-0.85,0.531
 +
c-0.592-0.004-2.365-0.014-2.365-0.014l0.895-2.291c0,0,1.111,0.012,1.48,0.008C579.125,124.723,579.127,125.382,579.125,126.126z"
 +
/>
 +
<path fill="#B1FFF1" d="M576.834,124.723l-0.951,2.291c0,0-4.07-0.02-5.426-0.027c-0.516-0.004-1.424,0.039-1.5-1.02
 +
c0-0.016,0,0.018,0,0c0.002-0.742,0.361-1.277,1.51-1.277C572.058,124.69,576.834,124.723,576.834,124.723L576.834,124.723
 +
L576.834,124.723z"/>
 +
<path fill="#CCFCFF" d="M576.531,127.458c-0.039,0.926-0.85,1.852-1.908,2.041l0.781-2.041H576.531z"/>
 +
<path fill="#B1FFF1" d="M575.406,127.458l-0.785,2.033c-0.135,0.027-0.273-0.018-0.416-0.016c-1.256-0.008-2.273-1.014-2.309-2.035
 +
L575.406,127.458L575.406,127.458z"/>
 +
<path opacity="0.4" fill="#B2F991" enable-background="new    " d="M579.078,102.982c0,0.6-0.379,1.22-0.85,1.67l-0.789,0.729
 +
l-0.711,0.641c-0.381,0.38-0.789,0.569-1.289,0.569c-0.391-0.01-1.031-0.13-1.031-0.359c0-0.011,0-0.011,0-0.011v-0.13l0.01-3.109
 +
l0.01-0.011l0.07-0.08l0.92-1.029c0.391-0.38,0.811-0.57,1.311-0.561c0.33,0,0.631,0.09,0.93,0.261
 +
c0.02,0.01,0.051,0.029,0.07,0.04c0.01,0.01,0.24,0.01,0.25,0.02c0.109,0.08,0.541,0.16,0.541,0.26c0,0.01,0,0.01,0,0.01
 +
s0,0,0,0.011c0,0.01,0,0.01,0,0.02c0.119,0.09,0.209,0.181,0.289,0.28C578.998,102.442,579.078,102.711,579.078,102.982z"/>
 +
<path opacity="0.4" fill="#B2F991" enable-background="new    " d="M577.367,99.408c-0.479,0.968-0.074,2.143,0.895,2.618l0,0
 +
c0.971,0.476,2.146,0.071,2.623-0.896l0.861-1.76c0.475-0.971,0.072-2.146-0.898-2.619l0,0c-0.971-0.475-2.145-0.076-2.619,0.897
 +
L577.367,99.408z"/>
 +
<path opacity="0.4" fill="#B2F991" enable-background="new    " d="M580.002,94.198c-0.479,0.971-0.074,2.144,0.896,2.619l0,0
 +
c0.971,0.478,2.143,0.073,2.619-0.896l0.861-1.759c0.475-0.971,0.076-2.146-0.896-2.621l0,0c-0.971-0.477-2.146-0.073-2.621,0.9
 +
L580.002,94.198z"/>
 +
<path opacity="0.4" fill="#B2F991" enable-background="new    " d="M582.316,88.942c-0.422,0.993,0.039,2.146,1.033,2.565l0,0
 +
c0.998,0.422,2.146-0.041,2.57-1.034l0.766-1.802c0.424-0.995-0.039-2.146-1.035-2.568l0,0c-0.994-0.425-2.145,0.04-2.566,1.032
 +
L582.316,88.942z"/>
 +
<path opacity="0.4" fill="#B2F991" enable-background="new    " d="M588.597,84.249l-0.281,0.771
 +
c-0.289,0.798-1.049,1.291-1.852,1.287c-0.195-0.002-0.396-0.027-0.592-0.093c-0.02-0.007-0.043-0.018-0.066-0.022
 +
c-0.109-0.039-0.213-0.09-0.313-0.146c0-0.001,0-0.001,0-0.001c-0.004,0-0.004-0.003-0.006-0.003
 +
c-0.803-0.466-1.184-1.456-0.854-2.358l0.672-1.841c0.207-0.575,0.664-0.995,1.203-1.182c0.486,0.667,0.945,1.407,1.367,2.226
 +
c0.123,0.214,0.24,0.433,0.357,0.65C588.361,83.716,588.486,83.985,588.597,84.249z"/>
 +
<path fill="#B2F991" d="M579.515,92.533c-0.287-1.042-1.363-1.655-2.408-1.369l0,0c-1.043,0.285-1.652,1.364-1.367,2.406
 +
l0.518,1.889c0.291,1.043,1.365,1.654,2.408,1.368l0,0c1.043-0.286,1.656-1.362,1.371-2.404L579.515,92.533z"/>
 +
<path fill="#B2F991" d="M579.258,100.887c0.646,0.867,1.873,1.047,2.74,0.401l0,0c0.865-0.646,1.047-1.875,0.398-2.74l-1.168-1.568
 +
c-0.646-0.868-1.873-1.05-2.742-0.4l0,0c-0.863,0.645-1.045,1.87-0.398,2.739L579.258,100.887z"/>
 +
<path fill="#B2F991" d="M586.302,102.737c-0.539,0.868-1.109,1.722-1.674,2.582c-0.092,0.144-0.184,0.282-0.27,0.432
 +
c-0.359-0.06-0.705-0.216-0.996-0.477l-0.16-0.146l-1.299-1.164c-0.434-0.388-0.65-0.928-0.646-1.468
 +
c0.002-0.324,0.084-0.65,0.248-0.945c0.066-0.124,0.152-0.239,0.252-0.353c0.225-0.246,0.492-0.424,0.783-0.527
 +
c0.656-0.244,1.424-0.121,1.982,0.377l1.457,1.312c0.104,0.095,0.197,0.199,0.275,0.312
 +
C586.273,102.694,586.289,102.712,586.302,102.737z"/>
 +
<path fill="#B2F991" d="M575.234,89.422c0.006,1.079,0.883,1.953,1.967,1.949l0,0c1.082-0.005,1.953-0.884,1.951-1.964l-0.01-1.959
 +
c-0.006-1.082-0.883-1.956-1.965-1.952l0,0c-1.084,0.006-1.955,0.888-1.951,1.968L575.234,89.422z"/>
 +
<path fill="#B2F991" d="M575.947,83.528c-0.289,1.044,0.322,2.124,1.363,2.411l0,0c1.041,0.288,2.121-0.32,2.412-1.363l0.523-1.886
 +
c0.287-1.041-0.32-2.121-1.361-2.411l0,0c-1.045-0.29-2.123,0.318-2.412,1.361L575.947,83.528z"/>
 +
<path fill="#B2F991" d="M581.621,77.238l-0.523,1.887c-0.221,0.785-0.885,1.323-1.645,1.417c-0.082,0.011-0.168,0.015-0.25,0.016
 +
c-0.172,0-0.348-0.022-0.521-0.069c-0.205-0.062-0.396-0.147-0.563-0.262c-0.684-0.461-1.029-1.316-0.793-2.152l0.527-1.888
 +
c0.133-0.481,0.438-0.871,0.826-1.122c0.939,0.292,1.953,0.697,2.979,1.271C581.719,76.625,581.709,76.932,581.621,77.238z"/>
 +
<path fill="#FFFFFF" d="M558.094,90.11c0-0.018,0.002-0.033,0.002-0.049c0-0.007-0.006-0.012-0.004-0.021
 +
c0.006-0.076,0-0.15,0.006-0.229c0-0.004-0.021-0.011-0.018-0.016c-0.002-0.021-0.033-0.039-0.031-0.062
 +
c0.066-0.303,0.047,0.075,0,0c0.006-0.105,0.055-0.199,0.066-0.303c-0.002-0.006-0.021-0.151-0.018-0.158
 +
c0.008-0.104,0.006,0,0.008-0.104c-0.002-0.003-0.008-0.119-0.008-0.119c1.109-0.036-0.002,0.002,0,0
 +
c0.01-0.104,0.094-0.189,0.105-0.295c0.002-0.005-0.014-0.007-0.012-0.012c0.016-0.125,0.012-0.25,0.029-0.376
 +
c0.01-0.09-0.02-0.179-0.004-0.271c0.008-0.049-0.006,0.055,0,0c0.027-0.168,0.002,0.169,0,0l0,0c0-0.052,0.084-0.206,0.084-0.263
 +
l0.033-0.271c0-0.02-0.004,0.021,0,0c-0.033,0.271-0.002,0.046,0,0c-0.002-0.021-0.061-0.356,0.16-0.552
 +
c0.002-0.056-0.002-0.115,0.004-0.173c0-0.015-0.002-0.028,0.002-0.044c0.004-0.023,0.004-0.05,0.012-0.071
 +
c0.018-0.092,0.082-0.185,0.102-0.274c0.023-0.111,0.051-0.226,0.076-0.334c0.031-0.095,0.057-0.167,0.076-0.225
 +
c0.008-0.025,0.016-0.044,0.021-0.062c0.016-0.04,0.029-0.076,0.041-0.104c0.006-0.014,0.012-0.022,0.016-0.04
 +
c0.018-0.036,0.029-0.065,0.047-0.105c0.004-0.014,0.008-0.026,0.014-0.042c0.006-0.018,0.012-0.029,0.016-0.045
 +
c0.027-0.078,0.063-0.188,0.107-0.36c0.041-0.103,0.105-0.282,0.188-0.488c0.031-0.081,0.068-0.167,0.105-0.255
 +
c0.018-0.044,0.035-0.088,0.053-0.132c0.016-0.035,0.031-0.069,0.047-0.1c0.018-0.034,0.029-0.068,0.043-0.104
 +
c0.094-0.191,0.191-0.377,0.291-0.512c0.121-0.22,0.244-0.438,0.373-0.65c0.441-0.816,0.92-1.559,1.432-2.225
 +
c1.543-2.019,3.33-3.396,5.098-4.331c0.807-0.426,1.51-0.839,2.283-1.104c0.256-0.093-0.25,0.073,0,0
 +
c2.18-1.007,5.432-1.113,5.432-1.101c0,10.742-0.004,42.737-0.004,42.737l0.002,0.248c-0.201,0-0.359,0.014-0.549,0.016
 +
c-1.623,0.025-2.561,0.012-4.033,0.018c-1.494,0.009-2.416-0.936-3.012-2.108c-0.328-0.642-0.506-1.33-0.594-2.043
 +
c-0.068-0.504-0.143-1.006-0.236-1.5c-0.131-0.737-0.301-1.46-0.512-2.168c-0.234-0.779-0.52-1.541-0.877-2.272
 +
c-0.217-0.441-0.453-0.878-0.723-1.305c-0.088-0.146-0.188-0.288-0.285-0.431c-0.594-0.858-1.189-1.714-1.76-2.581
 +
c-0.066-0.1-0.135-0.2-0.199-0.298c-0.975-1.515-1.857-3.075-2.447-4.807c-0.189-0.55-0.357-1.099-0.492-1.647
 +
c-0.061-0.237-0.123-0.477-0.176-0.713c-0.053-0.24-0.121-0.481-0.158-0.722c-0.027-0.146-0.094-0.304-0.115-0.453
 +
c-0.008-0.072-0.006,0.001-0.008-0.072l-0.025-0.139c0.002-0.048-0.004-0.104-0.012-0.15c-0.006-0.064-0.02-0.152-0.023-0.217
 +
c-0.018-0.108,0.055-0.192,0.043-0.304c-0.004-0.047-0.012-0.097-0.016-0.146c0-0.006,0-0.019-0.004-0.024
 +
c-0.016-0.167-0.027-0.328-0.039-0.491c-0.002-0.015-0.002-0.028-0.002-0.038c-0.008-0.092-0.012-0.181-0.014-0.268
 +
c-0.008-0.052-0.01-0.105-0.008-0.155c-0.008-0.122-0.008-0.25-0.016-0.375C558.062,91.185,558.064,90.644,558.094,90.11z"/>
 +
<path opacity="0.2" fill="#FFBC4C" enable-background="new    " d="M572.957,92.79c-0.07,0.05-0.15,0.1-0.24,0.14h-0.01
 +
c-0.08,0.03-0.16,0.061-0.25,0.09c-0.24,0.07-0.49,0.091-0.721,0.061c-0.77-0.07-1.459-0.59-1.68-1.36l-0.791-2.729l-0.879-3.05
 +
c-0.061-0.2-0.08-0.4-0.061-0.591c0.02-0.6,0.34-1.159,0.84-1.51c0.17-0.12,0.361-0.21,0.57-0.28h0.01
 +
c0.051-0.01,0.111-0.029,0.16-0.039c0.75-0.15,1.541,0.159,1.971,0.77c0.129,0.17,0.219,0.36,0.279,0.57l1.109,3.87v0.01
 +
l0.551,1.899C574.056,91.47,573.676,92.34,572.957,92.79z"/>
 +
<path opacity="0.2" fill="#FFBC4C" enable-background="new    " d="M570.697,100.63c-0.01,0.08-0.031,0.17-0.041,0.25
 +
c-0.029,0.07-0.049,0.15-0.08,0.22c-0.02,0.04-0.039,0.091-0.061,0.131c-0.02,0.029-0.029,0.06-0.049,0.09l-0.451,0.8l-1.318,2.3
 +
l-1.01,1.771l-0.201,0.35c-0.039,0.06-0.07,0.12-0.109,0.18c-0.031,0.03-0.061,0.07-0.08,0.101l-0.121,0.12
 +
c-0.01,0.01-0.01,0.01-0.01,0.01c-0.02,0.02-0.029,0.029-0.049,0.05c-0.01,0.01-0.021,0.02-0.041,0.04
 +
c-0.029,0.01-0.061,0.04-0.1,0.07c-0.029,0.02-0.061,0.04-0.1,0.069c-0.01,0.011-0.02,0.011-0.031,0.021
 +
c-0.02,0.01-0.039,0.029-0.068,0.04c0,0,0,0-0.012,0c-0.42,0.229-0.92,0.3-1.408,0.189c-0.182-0.04-0.352-0.109-0.521-0.2
 +
c-0.219-0.13-0.41-0.3-0.57-0.489l-0.01-0.011c-0.068-0.109-0.139-0.22-0.199-0.329c-0.029-0.061-0.061-0.12-0.08-0.181
 +
c0-0.01-0.01-0.02,0-0.029c-0.02-0.021-0.029-0.051-0.029-0.07c-0.021-0.03-0.021-0.05-0.031-0.08c0,0,0-0.01,0-0.021v-0.01
 +
c-0.07-0.24-0.09-0.479-0.059-0.729c0.02-0.16,0.059-0.311,0.119-0.46c0.039-0.07,0.07-0.15,0.109-0.221l0.441-0.779v-0.011
 +
l0.01-0.029l0.959-1.641l0.08-0.14l1.5-2.62v-0.01c0.09-0.08,0.17-0.15,0.25-0.22c0.9-0.73,1.561-0.95,2.4-0.46
 +
c0.07,0.039,0.141,0.09,0.209,0.149c0.102,0.07,0.191,0.15,0.271,0.25c0.039,0.04,0.07,0.08,0.1,0.12
 +
c0.051,0.07,0.1,0.13,0.129,0.2c0.012,0.01,0.012,0.02,0.012,0.03c0.02,0.01,0.02,0.029,0.029,0.05c0,0.01,0.01,0.01,0.02,0.02
 +
s0.02,0.03,0.02,0.05v0.011c0.021,0.02,0.031,0.029,0.021,0.05c0.02,0.04,0.039,0.09,0.059,0.14c0.012,0.01,0.012,0.021,0.012,0.03
 +
c0.01,0.01,0.01,0.02,0.01,0.03c0.01,0.01,0.01,0.02,0.01,0.029c0.02,0.051,0.029,0.09,0.029,0.141
 +
c0.02,0.04,0.029,0.08,0.029,0.12c0,0.01,0,0.01,0,0.02v0.01C570.717,100.3,570.717,100.47,570.697,100.63z"/>
 +
<path opacity="0.2" fill="#FFBC4C" enable-background="new    " d="M565.426,97.231c-0.16,0.079-0.33,0.14-0.5,0.17
 +
c-0.77,0.14-1.58-0.19-2.01-0.86c-0.029-0.05-0.059-0.1-0.09-0.16l-0.879-1.77L560.156,91c-0.469-0.95-0.039-2.12,0.91-2.59
 +
c0.939-0.47,2.131-0.101,2.6,0.85l1.111,2.221l1.479,3.01l0.07,0.13v0.01l0.01,0.021C566.806,95.59,566.377,96.76,565.426,97.231z"
 +
/>
 +
<path fill="#FFBC4C" d="M570.326,83.04l-0.42,0.479l-1.58,1.83l-1.939,2.23c-0.689,0.8-1.93,0.85-2.73,0.16
 +
c-0.799-0.69-0.92-1.931-0.23-2.73l3.951-4.54c0.689-0.8,1.93-0.85,2.73-0.16C570.906,81,571.015,82.24,570.326,83.04z"/>
 +
<path fill="#FFBC4C" d="M571.877,107.35c0,0.011,0,0.011,0,0.011c-0.02,0.04-0.041,0.09-0.061,0.12
 +
c-0.02,0.039-0.039,0.079-0.061,0.109c0,0.01,0,0.01,0,0.01h-0.01c-0.039,0.08-0.09,0.15-0.139,0.21v0.011h-0.012
 +
c-0.059,0.069-0.109,0.13-0.18,0.189c-0.059,0.07-0.139,0.12-0.209,0.181c0,0-0.01,0-0.01,0.01c-0.08,0.04-0.15,0.09-0.23,0.13
 +
c-0.16,0.08-0.33,0.14-0.51,0.17c-0.111,0.02-0.221,0.04-0.33,0.04c-0.541,0.02-1.08-0.2-1.461-0.59
 +
c-0.059-0.07-0.119-0.13-0.17-0.21c-0.049-0.07-0.1-0.141-0.139-0.23l-0.25-0.489l-0.422-0.83l-2.02-3.98l-0.029-0.06
 +
c-0.02-0.051-0.051-0.101-0.061-0.15c-0.16-0.4-0.17-0.83-0.061-1.22c0.051-0.17,0.121-0.34,0.211-0.49
 +
c0.02-0.03,0.039-0.06,0.061-0.09c0.039-0.061,0.09-0.12,0.129-0.17v-0.01c0.031-0.021,0.061-0.051,0.08-0.08l0.111-0.11
 +
c0.049-0.04,0.109-0.09,0.17-0.13c0.059-0.04,0.119-0.08,0.18-0.11c0.02-0.02,0.039-0.029,0.059-0.04
 +
c0.051-0.02,0.111-0.04,0.17-0.06c0.012,0,0.031-0.01,0.041-0.01c0.02-0.011,0.029-0.011,0.051-0.021
 +
c0.039-0.01,0.068-0.01,0.1-0.02c0.029-0.011,0.049-0.011,0.07-0.021c0.029,0,0.049-0.01,0.068-0.01
 +
c0.021-0.01,0.031-0.01,0.041-0.021c0.01,0,0.02-0.01,0.02-0.01v-0.01c1.02-0.14,1.67,0.24,2.061,1l0.879,1.75l1.83,3.62
 +
C572.117,106.26,572.107,106.85,571.877,107.35z"/>
 +
<path fill="#FFBC4C" d="M573.513,96.228c0,0.011,0,0.011,0,0.011c-0.02,0.04-0.041,0.09-0.061,0.12
 +
c-0.02,0.04-0.039,0.08-0.059,0.109c0,0.01,0,0.01,0,0.01h-0.012c-0.039,0.08-0.09,0.15-0.139,0.211v0.01h-0.01
 +
c-0.061,0.069-0.111,0.13-0.182,0.189c-0.059,0.07-0.139,0.12-0.209,0.181c0,0-0.01,0-0.01,0.01c-0.08,0.04-0.15,0.09-0.23,0.13
 +
c-0.16,0.08-0.33,0.14-0.51,0.17c-0.109,0.021-0.221,0.04-0.33,0.04c-0.541,0.021-1.08-0.2-1.461-0.59
 +
c-0.059-0.07-0.119-0.13-0.17-0.21c-0.049-0.07-0.1-0.14-0.139-0.23l-0.25-0.489l-0.42-0.83l-2.021-3.98l-0.029-0.06
 +
c-0.02-0.05-0.051-0.101-0.061-0.15c-0.16-0.399-0.17-0.83-0.059-1.22c0.049-0.17,0.119-0.34,0.209-0.49
 +
c0.02-0.03,0.041-0.06,0.061-0.09c0.039-0.06,0.09-0.12,0.129-0.17v-0.01c0.031-0.021,0.061-0.051,0.08-0.08l0.111-0.11
 +
c0.049-0.04,0.109-0.09,0.17-0.13c0.059-0.04,0.119-0.08,0.18-0.11c0.02-0.02,0.039-0.029,0.061-0.04
 +
c0.049-0.02,0.109-0.04,0.17-0.06c0.01,0,0.029-0.01,0.039-0.01c0.02-0.011,0.029-0.011,0.051-0.021c0.039-0.01,0.07-0.01,0.1-0.02
 +
c0.029-0.011,0.051-0.011,0.07-0.021c0.029,0,0.049-0.01,0.07-0.01c0.02-0.01,0.029-0.01,0.039-0.02c0.01,0,0.02-0.011,0.02-0.011
 +
v-0.01c1.021-0.14,1.67,0.24,2.061,1l0.881,1.75l1.83,3.62C573.754,95.138,573.744,95.728,573.513,96.228z"/>
 +
<path fill="#FFBC4C" d="M566.496,94.281l-0.059,0.13l-0.111,0.21v0.01l-1.4,2.771l-1.139,2.25c-0.441,0.869-1.5,1.239-2.391,0.909
 +
c-0.08-0.02-0.15-0.06-0.221-0.09h-0.01c-0.17-0.09-0.32-0.2-0.449-0.319c-0.131-0.12-0.25-0.261-0.34-0.421
 +
c-0.061-0.109-0.111-0.21-0.15-0.329c-0.051-0.11-0.08-0.221-0.1-0.341c-0.08-0.39-0.031-0.8,0.16-1.18l1.66-3.27l1.059-2.091
 +
c0.34-0.67,1.031-1.05,1.76-1.039h0.012c0.139,0,0.279,0.02,0.42,0.06c0.139,0.04,0.279,0.08,0.42,0.15
 +
c0.08,0.05,0.17,0.09,0.24,0.149c0.08,0.061,0.148,0.12,0.209,0.18C566.676,92.59,566.886,93.52,566.496,94.281z"/>
 +
</g>
 +
<rect id="SquareOfHope" x="336.96" y="234.994" fill="none" width="70.407" height="68.625"/>
 +
</svg>
  
−
                <div id="show1">
 
−
                    <p><i style="float:left" class="fa fa-angle-right" aria-hidden="true"></i>3D structures from E. Coli?</p>
 
−
                </div>
 
  
−
                <div id="hide1">
+
</div>
−
                    <p>Making stereolithography live: we are using light to stick cells to each other in 3D and then produce PHB. Two light systems are proposed: one that produces and transports the cell adhesion proteins to the outer membrane surface; and an instantaneous photocaged non-natural amino acid that upon exposure to light instantaneously allows cells to adhere. The strong covalent bond formed between SpyTag and SpyCatcher is our „glue“ and intimin, an outer membrane protein, will ensure the surface display. Light-induced PHB production is the cherry on the top, achieving a technology similar to stereolithography.</p>
+
−
                </div>
+
  
−
            </div>
+
                    <!-- Our stated mission -->
 +
                    <div id="box1" class="col-sm-6">
 +
                        <div style="border:none" class="text-section">
 +
                            <p style="font-size: 18px; font-weight: 200" class="intro-homepage">UCL iGEM 2017 presents</p>
 +
<p class="intro-homepage">LIT (Light Induced Technologies)</p>
 +
                            <p class="text-content-new">We developed applications for biological light switches. The mission was to standardise optogenetic tools for wider use in synthetic biology and to show how we can apply them in tissue engineering, building architectural structures and producing bacterial light bulbs.</p>
 +
</div>
 +
                    </div>
  
−
            <div class="row">
 
  
−
            <div id="show2">
+
<div id="mam">
−
                <p><i style="float:left" class="fa fa-angle-right" aria-hidden="true"></i>or print organs and regenerate tissue?</p>
+
<p class="pop-text">We developed a novel tissue engineering approach based on the use of an optogenetic guidance system that will allow scaffold-free, precise control of cellular behaviour using light switches.<span style="color: red"> </span></p>
−
            </div>
+
</div>
  
−
                <div id="hide2">
+
<div id="bulb">
−
                    <p>Mammalian cells can be equally engineered with light. We will use light in two ways: provide a standardised photo activated dCas9 system to trigger the transcription of desired genes; and design a photocaged cadherin blocker, which in contact with light will allow the instantaneous adhesion between cells.</p>
+
<p class="pop-text">We developed and prototyped a bacterial light-bulb - one that uses light-repressible bioluminescence and co-culturing to create an efficient and sustainable solution for public illumination. </p>
−
                </div>
+
</div>
  
−
            </div>
+
<div id="barc">
 +
<p class="pop-text">We developed transcriptional and post-translational light switches for the induction of cell adhesion. Guided by light, cells will be directed to form 3D structures by adhering to each other and simultaneously producing, secreting and binding a desired polymer that can be then crosslinked into a solid 3D shape.</p>
 +
</div>
  
−
            <div style="padding-bottom: 0" class="row">
 
  
−
                <div id="show3">
+
</div>
−
                    <p><i style="float:left" class="fa fa-angle-right" aria-hidden="true"></i>a bacterial lightbulb?</p>
+
−
                </div>
+
  
−
                <div id="hide3">
+
        <!-- After we add the pictures, we would ideally add sponsors here at the bottom/links to social media -->
−
                    <p>We aim to produce a more efficient, longer-lasting and reliable light bulb that does not require electricity, mechanical input or continuous nutrient input. To achieve this, we are developing a “smart-bulb” comprised of E. coli cells that can detect sunlight changes and luminesce at night time. To guarantee a constant food source, the E.coli cells will be co-cultured with cyanobacteria that can continuously produce and secrete glucose.</p>
+
−
                </div>
+
  
−
            </div>
 
  
 +
    </div>
  
−
 
−
<div id="footer" class="container-fluid">
 
−
    <div class="row">
 
−
        <h3 class="footertext text-center">Tune into our wavelength</h3>
 
−
        <br>
 
−
 
−
        <div class="col-md-4">
 
−
            <center>
 
−
                <a style="text-decoration: none !important" class="btn btn-outline-primary" href="https://www.instagram.com/ucl_igem17/" role="button"><i class="fa fa-instagram black" style="font-size:50px"
 
−
                ></i></a>
 
−
                <br>
 
−
                <h4 class="footertext">Candid lab photos</h4>
 
−
            </center>
 
−
        </div>
 
−
 
−
        <div class="col-md-4">
 
−
            <center>
 
−
                <a style="text-decoration: none !important" class="btn btn-outline-primary" href="https://twitter.com/UCLiGEM" role="button"><i class="fa fa-twitter-square black" style="font-size:50px"></i></a>
 
−
                <br>
 
−
                <h4 class="footertext">Our self-tweeting bacteria</h4>
 
−
            </center>
 
−
        </div>
 
−
 
−
        <div class="col-md-4">
 
−
            <center>
 
−
                <a style="text-decoration: none !important" class="btn btn-outline-primary" href="https://www.facebook.com/UCLiGEM/" role="button"><i class="fa fa-facebook-square black" style="font-size:50px"
 
−
                ></i></a>
 
−
                <br>
 
−
                <h4 class="footertext">See what events are on</h4>
 
−
            </center>
 
−
        </div>
 
−
    </div>
 
−
</div>
 
 
</body>
 
</body>
−
 
  
 
</html>
 
</html>

Latest revision as of 23:51, 1 November 2017

UCL LIT

UCL iGEM 2017 presents

LIT (Light Induced Technologies)

We developed applications for biological light switches. The mission was to standardise optogenetic tools for wider use in synthetic biology and to show how we can apply them in tissue engineering, building architectural structures and producing bacterial light bulbs.

We developed a novel tissue engineering approach based on the use of an optogenetic guidance system that will allow scaffold-free, precise control of cellular behaviour using light switches.

We developed and prototyped a bacterial light-bulb - one that uses light-repressible bioluminescence and co-culturing to create an efficient and sustainable solution for public illumination.

We developed transcriptional and post-translational light switches for the induction of cell adhesion. Guided by light, cells will be directed to form 3D structures by adhering to each other and simultaneously producing, secreting and binding a desired polymer that can be then crosslinked into a solid 3D shape.