Difference between revisions of "Team:UCL"

 
(131 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">
+
          $("#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:300px;
+
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, #hide1 {
+
#Mammalian_Icon, #Lightbulb_Icon, #Barchitecture_Icon  {
−
    height: auto;
+
animation: float 3s ease-in-out infinite;
−
    background-color: #85C8DD;
+
}
−
    position: relative;
+
−
    padding: 10px;
+
−
    overflow: hidden;
+
−
}
+
  
−
#show2, #hide2 {
+
@keyframes float {
−
    height: auto;
+
0% {
−
    background-color: #D3E0E2;
+
−
    position: relative;
+
−
    overflow: hidden;
+
−
}
+
  
−
#show3, #hide3 {
+
transform: translatey(0px);
−
    height: auto;
+
}
−
    background-color: #E9F6F5;
+
50% {
−
    position:relative;
+
−
    overflow: hidden;
+
−
}
+
  
 +
transform: translatey(-7px);
 +
}
 +
100% {
  
−
#show1 p {
+
transform: translatey(0px);
−
    padding-top: 30px;
+
}
−
    padding-right: 20%;
+
}
−
    padding-left: 20%;
+
−
    font-size: 30px !important;
+
−
    font-weight: 800;
+
−
    font-family: "Josefin Sans" !important;
+
−
    font-color: black;
+
−
}
+
  
−
#show2 p {
 
−
    padding-top: 30px;
 
−
    padding-right: 20%;
 
−
    padding-left: 20%;
 
−
    font-size: 30px !important;
 
−
    font-weight: 800;
 
−
    font-family: "Josefin Sans" !important;
 
−
    font-color: black;
 
−
}
 
−
#show3 p {
 
−
    padding-top: 30px;
 
−
    padding-right: 20%;
 
−
    padding-left: 20%;
 
−
    font-size: 30px !important;
 
−
    font-weight: 800;
 
−
    font-family: "Josefin Sans" !important;
 
−
    font-color: black;
 
−
}
 
  
−
#hide1 p {
+
</style>
−
    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 {
+
<body>
−
    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 {
+
−
    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 {
+
<!-- Navbar -->
−
    display: none;
+
−
}
+
  
−
.navy {
+
<div style="margin:0 !important; padding:0 !important" class="container-fluid">
−
    padding-bottom: 30px;
+
−
}
+
  
−
#nagi {
+
     <div id="top" class="row">
−
     padding-left: 30%;
+
−
}
+
  
−
#nav-menu {
+
        <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:inline;
+
  
−
}
+
        <ul class="navy">
−
#nav-menu li:not(:first-child):before {
+
            <li id="drop1" class="navy-link"><a href="https://2017.igem.org/Team:UCL/Description">PROJECT</a>
−
    content: " | ";
+
                <ul class="navy-hidden">
−
    color: black;
+
                    <li><a href="https://2017.igem.org/Team:UCL/Description" class="dropped">Description</a></li>
−
    font-weight: 800;
+
                    <li><a href="https://2017.igem.org/Team:UCL/Results" class="dropped">Results</a></li>
−
}
+
                    <li><a href="https://2017.igem.org/Team:UCL/Parts" class="dropped">Basic Parts</a></li>
 +
                    <li><a href="https://2017.igem.org/Team:UCL/Composite_Part" class="dropped">Composites</a></li>
 +
                    <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>
  
−
.menu-item {
+
                </ul>
−
    text-align: center;
+
            </li>
−
    padding-left: 30px;
+
−
    padding-right: 30px;
+
−
    text-decoration: none !important;
+
−
    font-family:"Josefin Sans" !important;
+
−
    font-weight:800;
+
−
    font-size:22px;
+
−
    color: black !important;
+
−
}
+
  
 +
            <li id="drop" class="navy-link"><a href="https://2017.igem.org/Team:UCL/Human_Practices">HUMAN PRACTICES</a>
 +
                <ul class="navy-hidden">
 +
                    <li><a href="https://2017.igem.org/Team:UCL/Human_Practices" class="dropped">Overview</a></li>
 +
                    <li><a href="https://2017.igem.org/Team:UCL/Engagement" class="dropped">Public Engagement</a></li>
 +
                    <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>
  
 +
        <li id="drop5" class="navy-link"><a href="https://2017.igem.org/Team:UCL/Model">MODELLING</a>
 +
                <ul class="navy-hidden">
 +
                    <li><a href="https://2017.igem.org/Team:UCL/Model" class="dropped">Overview</a></li>
 +
                    <li><a href="https://2017.igem.org/Team:UCL/Model1" class="dropped">GOLIT</a></li>
 +
                    <li><a href="https://2017.igem.org/Team:UCL/Model2" class="dropped">Optoflux</a></li>
 +
                    <li><a href="https://2017.igem.org/Team:UCL/Model4" class="dropped">LEGIT</a></li>
 +
                    <li><a href="https://2017.igem.org/Team:UCL/Model3" class="dropped">MOM</a></li>
 +
                    <li><a href="https://2017.igem.org/Team:UCL/Methods" class="dropped">Methods</a></li>
 +
                    <li><a href="https://2017.igem.org/Team:UCL/Glossary" class="dropped">Glossary</a></li>
 +
                </ul>
 +
            </li>
  
−
.lit {
+
            <li id="drop3" class="navy-link"><a href="https://2017.igem.org/Team:UCL/Entrepreneurship">ENTREPRENEURSHIP</a>
−
    text-align: center;
+
                <ul class="navy-hidden">
−
    font-family:"Josefin Sans" !important;
+
                    <li><a href="https://2017.igem.org/Team:UCL/Entrepreneurship" class="dropped">Overview</a></li>
−
    font-weight:bolder;
+
                    <li><a href="https://2017.igem.org/Team:UCL/Applied_Design" class="dropped">Applied Design</a></li>
−
    font-size:15px;
+
                    <li><a href="https://2017.igem.org/Team:UCL/Enterpreneurship/Business" class="dropped">Business Model</a></li>
−
    color: black;
+
                </ul>
−
}
+
            </li>
  
−
.lit2 {
 
−
    text-align: center;
 
−
    font-family:"Josefin Sans" !important;
 
−
    font-weight:bolder;
 
−
    font-size:13px;
 
−
    color: black;
 
−
    margin:0;
 
−
}
 
  
 +
            <li id="drop2" class="navy-link"><a href="https://2017.igem.org/Team:UCL/Medals">OUR MEDALS</a></li>
  
−
#what {
+
            <li id="drop6" class="navy-link"><a href="#about">PEOPLE</a>
−
    padding-top: 30px;
+
                <ul class="navy-hidden">
−
    padding-bottom: 30px;
+
                    <li><a href="https://2017.igem.org/Team:UCL/Team" class="dropped">Team</a></li>
−
    padding-left: 20% !important;
+
                    <li><a href="https://2017.igem.org/Team:UCL/Collaborations" class="dropped">Collaborations</a></li>
−
    padding-right: 20%;
+
                    <li><a href="https://2017.igem.org/Team:UCL/Attributions" class="dropped">Attributions</a></li>
−
    text-align: center;
+
                </ul></li>
−
    font-family:"Josefin Sans" !important;
+
−
    color: black;
+
  
−
    font-size:40px;
+
            <li id="drop4" class="navy-link"><a href="https://2017.igem.org/Team:UCL/Notebook">LAB BOOK</a>
−
    background-color: #F1684E;
+
                <ul class="navy-hidden">
−
}
+
                    <li><a href="https://2017.igem.org/Team:UCL/Safety" class="dropped">Safety</a></li>
 +
        </ul></li>
  
−
#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">
+
−
        <h1 id="glowy" class="lit">LIT</h1>
+
−
        <h2 class="lit">Light Induced Technologies</h2>
+
−
        <h2 class="lit2">UCL iGEM 2017</h2>
+
  
−
        <div style="padding-top: 20px" class="navy">
+
<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"/>
−
        <center>
+
<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
−
            <ul id="nav-menu">
+
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
−
                <li style="display:inline"><a class="menu-item" href="#">Team</a></li>
+
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
−
                <li style="display:inline"><a class="menu-item" href="#">Project</a></li>
+
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
−
                <li style="display:inline"><a class="menu-item" href="https://www.instagram.com/the_art_competition/">Instagram competition</a></li>
+
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
−
                <li style="display:inline"><a class="menu-item" href="#">Parts</a></li>
+
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
−
                <li style="display:inline"><a class="menu-item" href="#">Human Practices</a></li>
+
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
−
            </ul>
+
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
−
        </center>
+
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
−
        </div>
+
c0.879,0.532,1.373,1.232,2.416,1.534C480.904,237.621,480.992,237.519,480.6,237.267z"/>
−
    </div>
+
<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>
+
<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"/>
 +
<line fill="none" stroke="#8DFFFC" stroke-miterlimit="10" x1="469.719" y1="220.848" x2="494.858" y2="213.415"/>
 +
<line fill="none" stroke="#8DFFFC" stroke-miterlimit="10" x1="439.222" y1="213.099" x2="469.844" y2="220.694"/>
 +
<line fill="none" stroke="#8DFFFC" stroke-miterlimit="10" x1="438.33" y1="213.291" x2="466.123" y2="207.483"/>
 +
<line fill="none" stroke="#8DFFFC" stroke-miterlimit="10" x1="438.704" y1="212.978" x2="438.764" y2="246.978"/>
 +
<line fill="none" stroke="#8DFFFC" stroke-miterlimit="10" x1="438.373" y1="246.478" x2="470.24" y2="253.877"/>
 +
<line fill="none" stroke="#8DFFFC" stroke-miterlimit="10" x1="495.138" y1="246.509" x2="469.933" y2="253.878"/>
 +
<line fill="none" stroke="#8DFFFC" stroke-miterlimit="10" x1="494.705" y1="212.879" x2="494.764" y2="246.879"/>
 +
<line fill="none" stroke="#8DFFFC" stroke-miterlimit="10" x1="469.719" y1="220.924" x2="469.777" y2="253.924"/>
 +
<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="444.831" cy="224.76" rx="2.751" ry="3.568"/>
−
        <div style="background-color: #F1684E" class="row">
+
</g>
−
            <h1 style="font-family: Josefin Sans" id="what">We give you light & you can control cells. <br>What would you do?</br> </h1>
+
<g>
−
        </div>
+
−
</div>
+
−
            <div class="row">
+
  
−
                <div id="show1">
+
<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"/>
−
                    <p>3D structures from E. Coli?</p>
+
</g>
−
                </div>
+
<path fill="#FFCE55" stroke="#8A17E5" stroke-width="0.25" stroke-miterlimit="10" d="M445.064,224.682
 +
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
 +
l0,0c0.059-0.052,0.07-0.129,0.03-0.172L445.064,224.682z"/>
 +
<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="hide1">
 
−
                    <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>
+
</div>
  
−
            <div class="row">
+
                    <!-- 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 id="show2">
 
−
                <p>or print organs and regenerate tissue?</p>
 
−
            </div>
 
  
−
                <div id="hide2">
+
<div id="mam">
−
                    <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 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>
+
<div id="bulb">
 +
<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 style="padding-bottom: 0" class="row">
+
<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 id="show3">
 
−
                    <p>a bacterial lightbulb?</p>
 
−
                </div>
 
  
−
                <div id="hide3">
+
</div>
−
                    <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>
+
        <!-- After we add the pictures, we would ideally add sponsors here at the bottom/links to social media -->
  
  
 +
    </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" style="font-size:50px"
 
−
                ></i></a>
 
−
                <br>
 
−
                <h4 class="footertext">Candid lab photos</h4>
 
−
            </center>
 
−
        </div>
 
−
 
−
        <div class="col-md-4">
 
−
            <center>
 
−
                <a class="btn btn-outline-primary" href="https://twitter.com/UCLiGEM" role="button"><i class="fa fa-twitter-square" style="font-size:50px"></i></a>
 
−
                <br>
 
−
                <h4 class="footertext">Our self-tweeting bacteria</h4>
 
−
            </center>
 
−
        </div>
 
−
 
−
        <div class="col-md-4">
 
−
            <center>
 
−
                <a class="btn btn-outline-primary" href="https://www.facebook.com/UCLiGEM/" role="button"><i class="fa fa-facebook-square" 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.