Difference between revisions of "Team:Uppsala/testpage"

 
(62 intermediate revisions by 2 users not shown)
Line 6: Line 6:
 
     <meta charset="utf-8" />
 
     <meta charset="utf-8" />
 
     <title> Playing with Bootstrap </title>
 
     <title> Playing with Bootstrap </title>
−
 
−
    <!-- Latest compiled and minified CSS -->
 
−
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" integrity="sha384-1q8mTJOASx8j1Au+a5WDVnPi2lkFfwwEAa8hDDdjZlpLegxhjVME1fgjWPGmkzs7" crossorigin="anonymous">
 
−
 
−
    <!-- Optional theme -->
 
−
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap-theme.min.css" integrity="sha384-fLW2N01lMqjakBkx3l/M9EahuwpSfeNvV63J5ezn3uZzapT0u7EYsXMjQV+0En5r" crossorigin="anonymous">
 
−
 
−
    <link rel="stylesheet" href="style.css" type="text/css" />
 
  
 
     <link href='https://fonts.googleapis.com/css?family=Open+Sans:300,400' rel='stylesheet' type='text/css'>
 
     <link href='https://fonts.googleapis.com/css?family=Open+Sans:300,400' rel='stylesheet' type='text/css'>
 
     <link href='https://fonts.googleapis.com/css?family=Lato:100,300' rel='stylesheet' type='text/css'>
 
     <link href='https://fonts.googleapis.com/css?family=Lato:100,300' rel='stylesheet' type='text/css'>
 +
    <link href="https://fonts.googleapis.com/css?family=Lora" rel="stylesheet">
  
  
Line 23: Line 16:
 
<body>
 
<body>
  
 +
<div class="body">
 
     <header>
 
     <header>
 
         <div class="jumbotron">
 
         <div class="jumbotron">
 
             <div class="container">
 
             <div class="container">
 
                 <div class="row">
 
                 <div class="row">
−
                     <h1 class="text-center">iGem Uppsala 2016 </h1>
+
                     <img style="float: right" src="https://static.igem.org/mediawiki/2016/4/41/TeamUppsala_logotemp.svg" class="img-responsive" />
−
                    <h1 class="text-center"><small> Here there might be text</small></h1>
+
 
                 </div>
 
                 </div>
−
 
−
            </div>
 
−
        </div>
 
−
        <div class="container">
 
−
            <div class="row">
 
−
                <ul class="nav nav-pills nav-justified">
 
−
                    <li role="presentation"><a href="#">Home</a></li>
 
−
                    <li role="presentation"><a href="#">Project</a></li>
 
−
                    <li role="presentation"><a href="#">Team</a></li>
 
−
                    <li role="presentation"><a href="#">Parts</a></li>
 
−
                    <li role="presentation"><a href="#">Policies & Practices</a></li>
 
−
                </ul>
 
 
             </div>
 
             </div>
 
         </div>
 
         </div>
 +
 +
</html>
 +
{{Uppsala/Navbar}}
 +
<html>
 
     </header>
 
     </header>
  
Line 50: Line 35:
 
     <div class="container">
 
     <div class="container">
 
         <div class="row">
 
         <div class="row">
−
            <div class="col-lg-12">
+
          <h2> Project overview <small>What we are aiming for</small> </h2>
−
                <h1> Here's a header <small>text</small> </h1>
+
            <div class="col-lg-9">  
  
−
                 <p> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas eu est fringilla, blandit justo varius, laoreet libero. Donec tempus arcu non semper consectetur. Duis in rutrum lorem. Aliquam interdum porttitor est. Aenean est sem, ultrices vitae nulla eget, iaculis ullamcorper velit. Suspendisse fringilla diam vel nisl semper, id gravida orci sollicitudin. Nam ac libero sagittis mauris condimentum bibendum. Aenean porttitor leo sollicitudin urna facilisis, eget placerat metus fringilla. Mauris pharetra nulla augue, nec lobortis metus imperdiet a. Sed quis convallis metus. Phasellus neque sem, vehicula in felis eget, finibus pulvinar ligula. Nulla facilisi. Ut iaculis enim leo, sit amet euismod sapien interdum ac. Maecenas at quam ac nulla placerat tristique non eget tortor. Cras eget volutpat augue. Aliquam erat volutpat. Aenean consequat ipsum consequat libero scelerisque, sed ornare diam luctus. Ut turpis ipsum, feugiat in odio mattis, viverra bibendum arcu. Quisque nec orci sed tellus malesuada hendrerit. Vivamus non magna velit. In eleifend turpis in ipsum dapibus luctus. Etiam hendrerit ac massa quis rhoncus. Cras bibendum tincidunt lectus, vel ornare leo porta non. Etiam quis enim et sapien molestie vestibulum. Duis dapibus ligula leo. Ut at pretium risus. Nunc in interdum dolor. Maecenas vitae facilisis nunc. Suspendisse ornare nisi eget pharetra dapibus. Maecenas dignissim euismod libero eget hendrerit. Sed ut sollicitudin urna. Suspendisse mollis consequat odio, ut sodales augue consectetur ac. Aliquam nisi eros, dictum nec consectetur vel, gravida a purus. Nulla cursus nulla non dolor vehicula, quis viverra augue sodales. Interdum et malesuada fames ac ante ipsum primis in faucibus. Sed orci urna, lobortis vel condimentum at, gravida eu turpis. Nunc cursus egestas pharetra. Maecenas lobortis ex nisl, eget finibus lorem auctor nec. Maecenas nec dictum felis. Cras odio tortor, lacinia aliquet diam id, tempor sodales nisl. Aenean vitae dolor diam. Donec venenatis eget libero ac malesuada. Praesent commodo facilisis ullamcorper. Quisque malesuada urna magna, congue semper mauris euismod vel. Quisque volutpat risus et elit tincidunt aliquam. Suspendisse suscipit tellus at dui dapibus, ut gravida enim dapibus. Aenean elementum lectus vel leo egestas mollis. Nunc vestibulum euismod euismod. Vestibulum maximus sem sit amet lacus ullamcorper faucibus. Duis volutpat egestas tellus, in lobortis erat dignissim sit amet. Donec dictum, tortor eget volutpat vehicula, sem arcu viverra lacus, sit amet scelerisque metus lorem sed turpis. Aliquam rutrum est id orci iaculis mollis. Cras ac nisi quis metus molestie commodo ultrices nec leo. Maecenas suscipit lorem imperdiet, volutpat metus pellentesque, pretium sem. Nullam cursus rhoncus risus nec tempus. Fusce auctor odio vitae sodales mattis. Maecenas et dui laoreet, tempor sem eu, dignissim lorem. Aenean dapibus finibus varius. Praesent nisi arcu, finibus non molestie semper, auctor facilisis enim. Ut ornare nulla vel laoreet pharetra.</p>
+
                 <p>  
−
            </div>
+
We are developing a method to make CRISPR and microfluidics more available to iGEM teams and researchers. The technique will be used to fuse a fluorescent protein called UnaG to a genomic protein in both prokaryotes and eukaryotes. We are including state of the art research involving the CRISPR associated protein CPF1 and microfluidic methods. </p>
−
        </div>
+
−
    </div>
+
  
−
    <footer>
+
<p> UnaG is a fluorescent protein that needs bilirubin as a co-factor in order to fluoresce. Bilirubin binds non-covalently, which facilitates the possibility of creating inducible fluorescent switches from UnaG. Bilirubin occurs naturally in higher vertebrate cells, making it suitable as a biosensor for research on vertebrates. It is therefore convenient to use UnaG together with CRISPR systems, such as CRISPR/CPF1. </p>
−
        <div class="container">
+
−
            <div class="row panel panel-default">
+
−
                <div class="col-lg-8">
+
−
                    <img class="img-responsive " src="elab.png " />
+
−
                </div>
+
−
                <div class="col-lg-4 ">
+
−
                    <dl class="dl-horizontal ">
+
−
                        <dt> herrororo</dt>
+
−
                        <dd> text </dd>
+
−
                    </dl>
+
−
                </div>
+
−
            </div>
+
−
        </div>
+
−
    </footer>
+
  
 +
<p> CPF1 cuts downstream of the PAM sites and leaves 5’ overhangs. By providing UnaG with the complementary overhangs, we could insert this fluorescent protein in the genome of our host. In order to increase the chances of correct insertion, we aim to engineer UnaG with homology arms, which enables cells to insert UnaG by means of homologous recombination in the exact position where the genome has been cut. </p>
  
 +
<p> To facilitate the insertion of the genomic material we will design a microfluidic chip capable
 +
of transformation. This will be done through soft lithography by 3D printing a mold and
 +
baking a PDMS chip on it. A microfluidic chip will reduce the amount of reagents needed to perform a transformation, which could potentially reduce the cost and workload of a conventional transformation. The chip methods are not size-dependent, therefore it will be possible to do any given plasmid insertion with the same device. </p>
  
−
    <!-- jQuery -->
+
<p> By using this chip, cell transformation becomes simpler and cheaper to do for other iGEM teams and small laboratories. In our project we will use it along with CRISPR to fuse UnaG with a genomic protein in yeast, but a microfluidic chip could potentially be used for any transformation technique. </p>
−
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js "></script>
+
  
−
    <!-- Latest compiled and minified JavaScript -->
+
            </div>
−
    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js " integrity="sha384-0mSbJDEHialfmuBBQP6A4Qrprq5OVfW37PRR3j5ELqxss1yVqOtnepnHVP9aJ7xS " crossorigin="anonymous "></script>
+
            </div>
 +
  <div class="row">
 +
                    <div class="col-lg-4">
 +
                        <a href="https://2016.igem.org/Team:Uppsala/Project/CRISPR">
 +
                            <div class="panel text-center">
 +
                                <div id="panel" class="panel-body">
 +
                                    <h3> CRISPR<br>CPF1 </h3>
 +
                                    <span> 鋏 </span>
 +
                                </div>
 +
                            </div>
 +
                        </a>
 +
                    </div>
 +
                    <div class="col-lg-4">
 +
                        <a href="https://2016.igem.org/Team:Uppsala/Project/UnaG">
 +
                            <div class="panel text-center">
 +
                                <div id="panel" class="panel-body">
 +
                                    <h3> UnaG </h3>
 +
                                    <span> 鰻 </span>
 +
                                </div>
 +
                            </div>
 +
                        </a>
 +
                    </div>
 +
                    <div class="col-lg-4 ">
 +
                        <a href="https://2016.igem.org/Team:Uppsala/Project/Microfluidics">
 +
                            <div class="panel text-center">
 +
                                <div id="panel" class="panel-body">
 +
                                    <h3> Micro-<br>fluidics </h3>
 +
                                    <span> 流 </span>
 +
 
 +
                                </div>
 +
                            </div>
 +
                        </a>
 +
                    </div>
 +
                </div>
 +
</div>
 +
</html>
 +
{{Uppsala/Footer}}
 +
<html>
 
</body>
 
</body>
  
 
</html>
 
</html>

Latest revision as of 09:36, 21 June 2016

Playing with Bootstrap

Project overview What we are aiming for

We are developing a method to make CRISPR and microfluidics more available to iGEM teams and researchers. The technique will be used to fuse a fluorescent protein called UnaG to a genomic protein in both prokaryotes and eukaryotes. We are including state of the art research involving the CRISPR associated protein CPF1 and microfluidic methods.

UnaG is a fluorescent protein that needs bilirubin as a co-factor in order to fluoresce. Bilirubin binds non-covalently, which facilitates the possibility of creating inducible fluorescent switches from UnaG. Bilirubin occurs naturally in higher vertebrate cells, making it suitable as a biosensor for research on vertebrates. It is therefore convenient to use UnaG together with CRISPR systems, such as CRISPR/CPF1.

CPF1 cuts downstream of the PAM sites and leaves 5’ overhangs. By providing UnaG with the complementary overhangs, we could insert this fluorescent protein in the genome of our host. In order to increase the chances of correct insertion, we aim to engineer UnaG with homology arms, which enables cells to insert UnaG by means of homologous recombination in the exact position where the genome has been cut.

To facilitate the insertion of the genomic material we will design a microfluidic chip capable of transformation. This will be done through soft lithography by 3D printing a mold and baking a PDMS chip on it. A microfluidic chip will reduce the amount of reagents needed to perform a transformation, which could potentially reduce the cost and workload of a conventional transformation. The chip methods are not size-dependent, therefore it will be possible to do any given plasmid insertion with the same device.

By using this chip, cell transformation becomes simpler and cheaper to do for other iGEM teams and small laboratories. In our project we will use it along with CRISPR to fuse UnaG with a genomic protein in yeast, but a microfluidic chip could potentially be used for any transformation technique.

CRISPR
CPF1

鋏

UnaG

鰻

Micro-
fluidics

流