Difference between revisions of "Team:Edinburgh UG/Description"

Line 1: Line 1:
 +
{{:Team:Edinburgh_UG/Templates/NavigationBar}}
 
<html>
 
<html>
 +
 
<head>
 
<head>
     <meta name="viewport" content="width=device-width,initial-scale=1">
+
     <br><br><br><br><br>
 
     <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
 
     <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
 
     <link rel="stylesheet" href="https://2017.igem.org/Template:Edinburgh_UG/CSS?action=raw&amp;ctype=text/css">
 
     <link rel="stylesheet" href="https://2017.igem.org/Template:Edinburgh_UG/CSS?action=raw&amp;ctype=text/css">
<style>
+
    <script type="text/x-mathjax-config">
         .same-width {
+
         MathJax.Hub.Config({tex2jax: {inlineMath: [['$','$'], ['\\(','\\)']]}});
            width: 70%;
+
    </script>
            max-width: 900px;
+
    <script type="text/javascript" src="http://cdn.mathjax.org/mathjax/latest/MathJax.js?config=TeX-AMS-MML_HTMLorMML"></script>
        }
+
 
</style>
+
    <style>
 +
 
 +
    </style>
 
</head>
 
</head>
  
 
<body>
 
<body>
     <!-- Navbar (adapted from Bootstrap's documentation). -->
+
     <div style="text-align: center;">
    <nav class="navbar navbar-default navbar-fixed-top">
+
         <div class="same-width" style="display: inline-block; text-align: left">
         <a href="https://2017.igem.org/Team:Edinburgh_UG" class="pull-left"><img width="90em" height="auto" style="margin-top:1.6em; margin-bottom: 0px; padding-bottom:0px; margin-left: 10px;" src="https://static.igem.org/mediawiki/2017/6/63/T--Edinburgh_UG--navbarlogo4.svg"></a>
+
            <br><br><br><br><br>
        <div class="container-fluid">
+
            <h1> Project Description </h1>
            <div class="navbar-header">
+
            <h2 class="header-subsection"> What is site-specific recombination and why does it matter? </h2>
            <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#unique-navbar" aria-expanded="false" aria-controls="navbar" style="margin-top: 0.8em">
+
              <span class="sr-only">Toggle navigation</span>
+
              <span class="icon-bar"></span>
+
              <span class="icon-bar"></span>
+
              <span class="icon-bar"></span>
+
            </button>
+
            </div>
+
  
             <!-- Collect the nav links, forms, and other content for toggling -->
+
             <p> Site-specific recombination (SSR), found mostly in bacteria, viruses and transposons (the so-called parasitic
            <div class="collapse navbar-collapse" id="unique-navbar">
+
                 DNA), is one of the many mechanisms which life utilises to perform genetic recombination (Leach, 1996). SSR
                 <ul class="nav navbar-nav navbar-right">
+
                generally consists of a recombinase protein that mediates recombination, and two DNA elements, called target
                    <li><a href="/Team:Edinburgh_UG">Home</a></li>
+
                sites, that are similar or identical to each other that the recombinase recognises (Grindley et al., 2006).
                    <li class="dropdown">
+
                Depending on the orientation and the location of the target sites, SSR can perform DNA integration, excision,
                        <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Team<span class="caret"></span></a>
+
                and exchange. While bacteria use SSR to regulate gene expression and separate two chromosomes during cell
                        <ul class="dropdown-menu">
+
                division, viruses and transposons use it to mediate chromosomal integration into the bacterial chromosome,
                            <li><a href="/Team:Edinburgh_UG/Team">Team</a></li>
+
                hijacking the cellular machinery to replicate themselves.</p>
                            <li><a href="https://2017.igem.org/Team:Edinburgh_UG/UnderConstruction">Collaborations</a></li>
+
            <br><br>
                        </ul>
+
            <p> With the ability to modify DNA in a precise manner, SSR has been used in various fields of research and industrial
                    </li>
+
                applications where genetic engineering is required. Click to see the applications of SSR: </p>
                    <li class="dropdown">
+
                        <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Project<span class="caret"></span></a>
+
                        <ul class="dropdown-menu">
+
                            <li><a href=/Team:Edinburgh_UG/Description>Description</a></li>
+
                            <li><a href="https://2017.igem.org/Team:Edinburgh_UG/UnderConstruction">Design</a></li>
+
                            <li><a href="https://2017.igem.org/Team:Edinburgh_UG/UnderConstruction">Experiments</a></li>
+
                            <li><a href="https://2017.igem.org/Team:Edinburgh_UG/UnderConstruction">Notebook</a></li>
+
                            <li><a href="https://2017.igem.org/Team:Edinburgh_UG/InterLab">InterLab</a></li>
+
                            <li><a href="https://2017.igem.org/Team:Edinburgh_UG/UnderConstruction">Contribution</a></li>
+
                            <li><a href="https://2017.igem.org/Team:Edinburgh_UG/Model">Model</a></li>
+
                            <li><a href="https://2017.igem.org/Team:Edinburgh_UG/UnderConstruction">Results</a></li>
+
                            <li><a href="https://2017.igem.org/Team:Edinburgh_UG/UnderConstruction">Demonstrate</a></li>
+
                            <li><a href="https://2017.igem.org/Team:Edinburgh_UG/UnderConstruction">Improve</a></li>
+
                            <li><a href="https://2017.igem.org/Team:Edinburgh_UG/UnderConstruction">Attributions</a></li>
+
                        </ul>
+
                    </li>
+
                    <li class="dropdown">
+
                        <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Parts<span class="caret"></span></a>
+
                        <ul class="dropdown-menu">
+
                            <li><a href="https://2017.igem.org/Team:Edinburgh_UG/UnderConstruction">Parts</a></li>
+
                            <li><a href="https://2017.igem.org/Team:Edinburgh_UG/UnderConstruction">Basic Parts</a></li>
+
                            <li><a href="https://2017.igem.org/Team:Edinburgh_UG/UnderConstruction">Composite Parts</a></li>
+
                            <li><a href="https://2017.igem.org/Team:Edinburgh_UG/UnderConstruction">Part Collection</a></li>
+
                        </ul>
+
                    </li>
+
                    <li><a href="https://2017.igem.org/Team:Edinburgh_UG/UnderConstruction">Safety</a></li>
+
                    <li class="dropdown">
+
                        <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Human Practices<span class="caret"></span></a>
+
                        <ul class="dropdown-menu">
+
                            <li><a href="https://2017.igem.org/Team:Edinburgh_UG/UnderConstruction">Silver HP</a></li>
+
                            <li> <a href="https://2017.igem.org/Team:Edinburgh_UG/UnderConstruction">Integrated and Gold</a></li>
+
                            <li><a href="https://2017.igem.org/Team:Edinburgh_UG/UnderConstruction">Public Engagement</a></li>
+
                        </ul>
+
                    </li>
+
                    <li class="dropdown">
+
                        <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Awards<span class="caret"></span></a>
+
                        <ul class="dropdown-menu">
+
                            <li> <a href="https://2017.igem.org/Team:Edinburgh_UG/UnderConstruction">Applied Design</a></li>
+
                            <li> <a href="https://2017.igem.org/Team:Edinburgh_UG/UnderConstruction">Entrepreneurship</a></li>
+
                            <li> <a href="https://2017.igem.org/Team:Edinburgh_UG/UnderConstruction">Hardware</a></li>
+
                            <li> <a href="https://2017.igem.org/Team:Edinburgh_UG/UnderConstruction">Model</a></li>
+
                            <li> <a href="https://2017.igem.org/Team:Edinburgh_UG/UnderConstruction">Plant</a></li>
+
                            <li> <a href="https://2017.igem.org/Team:Edinburgh_UG/UnderConstruction">Software</a></li>
+
                        </ul>
+
                    </li>
+
                    <a href="mailto:igem2017edinburgh@gmail.com"><img src="https://static.igem.org/mediawiki/2017/c/c8/T--Edinburgh_UG--ContactUs.svg" onmouseover="this.src='https://static.igem.org/mediawiki/2017/d/db/T--Edinburgh_UG--ContactUsHover.svg'"
+
                            onmouseout="this.src='https://static.igem.org/mediawiki/2017/c/c8/T--Edinburgh_UG--ContactUs.svg'" width="110em"
+
                            height="50em" style="display:inline; padding-top: 0.35em;" /></a>
+
  
                </ul>
+
              
             </div>
+
            <!-- /.navbar-collapse -->
+
        </div>
+
        <!-- /.container-fluid -->
+
    </nav>
+
<div  style="text-align: center;" >
+
<div class="same-width" style="display: inline-block; text-align: left">
+
<h1 style="font-size: 80px"> We are SMORE, </h1>
+
<h2 style="font-size: 48px; margin-top: 0px; padding-top: 0px;"> the University of Edinburgh's undergraduate 2017 iGEM team. </h2>
+
 
+
<h2 style="font-size: 24px; margin-top: 0px;"> This summer, we are designing a site specific recombination toolkit for metabolic and genome engineering. </h2>
+
 
+
<h2 style="font-size: 30px;">What is site-specific recombination and why does it matter? </h2>
+
 
+
<h2 style="font-size: 20px; margin-top: 0px;text-align: justify;">
+
Site-specific recombination (SSR), <span style="cursor:help; font-weight:bold;" title="A very simple explanation here
+
Two lines maybe?">found</span> <span title="hoverin' words">hover me</span>mostly in bacteria, viruses and transposons (the so-called parasitic DNA), is one of the many mechanisms which life utilises to perform genetic recombination. SSR generally consists of a recombinase protein that mediates recombination, and two DNA elements, called target sites, that are similar or identical to each other that the recombinase recognises. Depending on the orientation and the location of the target sites, SSR can perform DNA integration, excision, and exchange. While bacteria use SSR to regulate gene expression and separate two chromosomes during cell division, viruses and transposons use it to mediate chromosomal integration into the bacterial chromosome, hijacking the cellular machinery to replicate themselves.
+
</h2>
+
 
+
<h2 style="font-size: 30px;">Why are we creating a modular toolkit for SSR?</h2>
+
 
+
<h2 style="font-size: 20px; margin-top: 0px;text-align: justify;">
+
While researchers have benifitted enormously from the development of a few recombinases (Cre and FLP being the prime examples), we realise that the potential of SSR in genetic engineering is yet to be fully exploited. Researchers often have limited choices of recombinases for use in a particular chassis; and some have unexpected side effects. This puts restriction to the experimental design, hindering scientific discovery.
+
 
+
By developing a site-specific, modular recombination (SMORE) toolkit with each part thoroughly tested, we aim to contribute to the scientific community multiple usable recombination system, allowing the creation of complex gene circuits for synthetic biology and research applications.
+
 
+
</h2>
+
 
+
<h2 style="font-size: 30px; margin-bottom: 50px;">What do we plan to include in the toolkit? </h2>
+
</div></div>
+
 
+
<center>
+
<img class="same-width" src="https://static.igem.org/mediawiki/2017/4/4d/T--Edinburgh_UG--descr_ToolkitContent.svg"/>
+
</center>
+
 
+
<div  style="text-align: center;" >
+
<div class="same-width" style="display: inline-block; text-align: left">
+
<h2 style="font-size: 24px; margin-top: 50px; margin-bottom: 50px;"> To test the utility of our toolkit we aim to design three proofs of concept: </h2>
+
</div></div>
+
 
+
 
+
<center>
+
<img class="same-width" src="https://static.igem.org/mediawiki/2017/8/81/T--Edinburgh_UG--descr_Randomisation.svg"/><br><br><br>
+
<img class="same-width" src="https://static.igem.org/mediawiki/2017/6/6f/T--Edinburgh_UG--descr_PulseConstruct.svg"/><br><br><br>
+
<img class="same-width" src="https://static.igem.org/mediawiki/2017/b/b0/T--Edinburgh_UG--descr_LogicGates.svg"/>
+
</center>
+
            <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
+
            <script type="text/javascript" async src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
+
  
  
 +
                <div id="myGroup">
 +
                    <p>
 +
                        <a class="btn btn-primary" data-toggle="collapse" href="#multiCollapseExample1" aria-expanded="false" aria-controls="multiCollapseExample1"><img style="width: 50px; height: auto" src="https://static.igem.org/mediawiki/2017/a/a2/T--Edinburgh_UG--description_geneticEngineering.svg"></a>
 +
                        <button class="btn btn-primary" type="button" data-toggle="collapse" data-target="#multiCollapseExample2" aria-expanded="false"
 +
                            aria-controls="multiCollapseExample2"><img style="width: 50px; height: auto" src="https://static.igem.org/mediawiki/2017/2/24/T--Edinburgh_UG--description_researchIcon.svg"></button>
 +
                        <button class="btn btn-primary" type="button" data-toggle="collapse" data-target="#multiCollapseExample3" aria-expanded="false"
 +
                            aria-controls="multiCollapseExample3"><img style="width: 50px; height: auto" src="https://static.igem.org/mediawiki/2017/f/f2/T--Edinburgh_UG--description_syntheticBiology.svg"></button>
 +
                        <button class="btn btn-primary" type="button" data-toggle="collapse" data-target="#multiCollapseExample4" aria-expanded="false"
 +
                            aria-controls="multiCollapseExample4"><img style="width: 50px; height: auto" src="https://static.igem.org/mediawiki/2017/3/32/T--Edinburgh_UG--description_medicalIcon.svg"></button>
 +
                    </p>
 +
                    <div class="row">
 +
                        <div class="col">
 +
                            <div class="collapse multi-collapse" id="multiCollapseExample1">
 +
                                <div class="card card-body">
 +
                                    TEXT1
 +
                                </div>
 +
                            </div>
 +
                        </div>
 +
                        <div class="col">
 +
                            <div class="collapse multi-collapse" id="multiCollapseExample2">
 +
                                <div class="card card-body">
 +
                                    TEXT2
 +
                                </div>
 +
                            </div>
 +
                        </div>
 +
                        <div class="col">
 +
                            <div class="collapse multi-collapse" id="multiCollapseExample2">
 +
                                <div class="card card-body">
 +
                                    TEXT3
 +
                                </div>
 +
                            </div>
 +
                        </div>
 +
                        <div class="col">
 +
                            <div class="collapse multi-collapse" id="multiCollapseExample2">
 +
                                <div class="card card-body">
 +
                                    TEXT4
 +
                                </div>
 +
                            </div>
 +
                        </div>
 +
                    </div>
 +
                </div>
 +
        </div>
 +
    </div>
 +
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
 +
    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
 +
    <script>
 +
        var $myGroup = $('#myGroup');
 +
        $myGroup.on('show.bs.collapse', '.collapse', function () {
 +
            $myGroup.find('.collapse.in').collapse('hide');
 +
        });
 +
    </script>
  
 
</body>
 
</body>
  
<!-- Footer -->
 
<footer style="color:#fff; padding-top:16px; padding-bottom:16px">
 
    <p style="text-align: center;">University of Edinburgh 2017 UG Team</p>
 
    <center>
 
        <a href="http://www.ed.ac.uk/">
 
            <img src="https://static.igem.org/mediawiki/2017/f/f6/T--Edinburgh_UG--UoElogo.jpg" style="width: auto; height: 60px"></a>
 
        <a href="https://igem.org/Main_Page">
 
            <img src="https://static.igem.org/mediawiki/2015/f/fa/Qqq_IGEM_official_logo.png" style="width: auto; height: 60px">
 
        </a>
 
        <a href="https://www.facebook.com/EdiGEM2017/">
 
            <img src="https://facebookbrand.com/wp-content/themes/fb-branding/prj-fb-branding/assets/images/fb-art.png" style="width: auto; height: 60px">
 
        </a>
 
        <a href="https://igem.org/Main_Page">
 
            <img src="https://static.igem.org/mediawiki/2017/7/77/T--Edinburgh_UG--TwitterIcon.svg" style="width: auto; height: 60px">
 
        </a>
 
 
    </center>
 
</footer>
 
 
</html>
 
</html>
 +
{{:Team:Edinburgh_UG/Templates/Footer}}

Revision as of 20:49, 26 October 2017











Project Description

What is site-specific recombination and why does it matter?

Site-specific recombination (SSR), found mostly in bacteria, viruses and transposons (the so-called parasitic DNA), is one of the many mechanisms which life utilises to perform genetic recombination (Leach, 1996). SSR generally consists of a recombinase protein that mediates recombination, and two DNA elements, called target sites, that are similar or identical to each other that the recombinase recognises (Grindley et al., 2006). Depending on the orientation and the location of the target sites, SSR can perform DNA integration, excision, and exchange. While bacteria use SSR to regulate gene expression and separate two chromosomes during cell division, viruses and transposons use it to mediate chromosomal integration into the bacterial chromosome, hijacking the cellular machinery to replicate themselves.



With the ability to modify DNA in a precise manner, SSR has been used in various fields of research and industrial applications where genetic engineering is required. Click to see the applications of SSR:

TEXT1
TEXT2
TEXT3
TEXT4