Difference between revisions of "Team:UCL"

Line 1: Line 1:
 
{{Team:UCL/CSS}}
 
{{Team:UCL/CSS}}
 +
 
<html>
 
<html>
  
−
<script src="http://www.google.com/jsapi" type="text/javascript"></script>
+
<head>
 +
    <script src="http://www.google.com/jsapi" type="text/javascript"></script>
  
−
<script type="text/javascript">google.load("jquery", "1.3.2");</script>
+
    <script type="text/javascript">google.load("jquery", "1.3.2");</script>
  
−
<script type="text/javascript">
+
    <meta charset="UTF-8">
−
 
+
     <title>Title</title>
−
     $(document).ready(function(){
+
    <link rel="stylesheet" type="text/css" href="homepage.css">
−
        $(".lighttext:eq(0)").delay(650).fadeIn(2500);
+
−
        $(".lighttext:eq(1)").delay(2000).fadeIn(2500);
+
−
        $(".lighttext:eq(2)").delay(3500).fadeIn(2800);
+
−
        $(".lighttext:eq(3)").delay(5800).fadeIn(3000);
+
−
    });
+
−
 
+
−
</script>
+
−
 
+
−
 
+
−
<head>
+
−
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Josefin+Sans"></link>
+
−
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Orbitron"></link>
+
  
 
     <script src="https://ajax.aspnetcdn.com/ajax/jQuery/jquery-3.2.1.min.js"></script>
 
     <script src="https://ajax.aspnetcdn.com/ajax/jQuery/jquery-3.2.1.min.js"></script>
Line 26: Line 16:
 
           integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
 
           integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
 
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
 
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
 +
 +
    <!-- navbar stuff-->
 +
 +
    <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>
 +
 
</head>
 
</head>
  
−
<body class="container-fluid">
+
<body>
  
−
<div id="topster" class="row">
+
<b class="borderTop"></b>
−
     <div class="glowy">
+
<b class="borderBottom"></b>
−
         <h2 > LIT </h2>
+
 
−
    </div>
+
<div id="top" class="container-fluid">
−
    <h6 id="lit">Light Induced Technologies</h6>
+
     <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">
 +
        <center>
 +
            <ul id="nav-menu">
 +
                <li style="display:inline"><a class="menu-item" href="#">Team</a></li>
 +
                <li style="display:inline"><a class="menu-item" href="#">Project</a></li>
 +
                <li style="display:inline"><a class="menu-item" href="https://www.instagram.com/the_art_competition/">Instagram competition</a></li>
 +
                <li style="display:inline"><a class="menu-item" href="#">Parts</a></li>
 +
                <li style="display:inline"><a class="menu-item" href="#">Human Practices</a></li>
 +
            </ul>
 +
        </center>
 +
        </div>
 
     </div>
 
     </div>
  
 +
</div>
  
−
<div id="light" class="row">
+
<div class="container-fluid">
−
    <center>
+
        <div style="background-color: #F1684E" class="row">
−
    <p class="lighttext"><strong>T</strong>rying to reliably engineer cell structures?</p>
+
            <h1 id="what">We give you light & you can control cells. <br>What would you do?</br> </h1>
−
        <p class="lighttext"><strong>Y</strong>es, we know it’s difficult.</p>
+
         </div>
−
        <p class="lighttext"><strong>H</strong>ow about adding some precision to targeting and controlling cellular mechanisms?</p>
+
−
         <p class="lighttext"><strong>O</strong>ur proposal is to design modular optogenetic control systems that provide spatiotemporal control, with applications ranging from tissue engineering to architecture. The aim is to trigger and control immediate cell adhesion responses in both bacterial and mammalian cells. Controlling the SpyTag-SpyCatcher link formation through light will ensure precise bacterial cell adhesion. The formed structure will act as a scaffold for producing durable polymers from the cells, such as PHA. In mammalian cells, we are using light to control cadherin inhibitors and to generate cell structures resembling epithelia. The light control system will also selectively activate genes involved in the de-differentiation of mammalian cells (e.g. genes for the transcription factors Oct3/4, Sox2, Klf4) . In the future, the precise spatiotemporal control of gene expression will enable reliable construction of any biological structure.</p>
+
−
    </center>
+
 
</div>
 
</div>
 +
            <div class="row">
 +
 +
                <div id="show1">
 +
                    <p>3D structures from E. Coli?</p>
 +
                </div>
 +
 +
                <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 id="footer" class="container-fluid">
 
 
             <div class="row">
 
             <div class="row">
−
                <h3 class="footertext text-center">Tune into our wavelength</h3>
 
−
                <br>
 
  
−
                <div class="col-md-4">
+
            <div id="show2">
−
                    <center>
+
                <p>or print organs and regenerate tissue?</p>
−
                        <a class="btn btn-outline-primary" href="https://www.instagram.com/ucl_igem17/" role="button"><i class="fa fa-instagram" style="font-size:50px; color: inherit"
+
            </div>
−
                        ></i></a>
+
 
−
                        <br>
+
                <div id="hide2">
−
                        <h4 class="footertext">Candid lab photos</h4>
+
                    <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>
−
                    </center>
+
 
                 </div>
 
                 </div>
  
−
                <div class="col-md-4">
+
            </div>
−
                    <center>
+
 
−
                        <a class="btn btn-outline-primary" href="https://twitter.com/UCLiGEM" role="button"><i class="fa fa-twitter-square" style="font-size:50px; color: inherit"></i></a>
+
            <div style="padding-bottom: 0" class="row">
−
                        <br>
+
 
−
                        <h4 class="footertext">Our self-tweeting bacteria</h4>
+
                <div id="show3">
−
                    </center>
+
                    <p>a bacterial lightbulb?</p>
 
                 </div>
 
                 </div>
  
−
                 <div class="col-md-4">
+
                 <div id="hide3">
−
                     <center>
+
                     <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>
−
                        <a class="btn btn-outline-primary" href="https://www.facebook.com/UCLiGEM/" role="button"><i class="fa fa-facebook-square" style="font-size:50px; color: inherit"
+
−
                        ></i></a>
+
−
                        <br>
+
−
                        <h4 class="footertext">See what events are on</h4>
+
−
                    </center>
+
 
                 </div>
 
                 </div>
 +
 
             </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 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>

Revision as of 09:20, 19 July 2017

Title

LIT

Light Induced Technologies

UCL iGEM 2017

We give you light & you can control cells.
What would you do?

3D structures from E. Coli?

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.

or print organs and regenerate tissue?

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.

a bacterial lightbulb?

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.