Team:Freiburg

From 2013.igem.org

(Difference between revisions)
 
(333 intermediate revisions not shown)
Line 1: Line 1:
{{:Template:Freiburg2013_Template1}}
{{:Template:Freiburg2013_Template1}}
 +
<html>
<html>
<head>
<head>
 +
<link href='http://fonts.googleapis.com/css?family=Yanone+Kaffeesatz' rel='stylesheet' type='text/css'>
 +
<style>
-
</style>
 
 +
#table_viereck {
 +
background: transparent;
 +
width:100%;
 +
margin:auto;
 +
color:white;
 +
}
-
<!-- ******************************************************************* -->
+
#table_viereck tr td{
-
<!-- STYLESCHEET -->
+
padding-left:5px;
-
<!-- ******************************************************************* -->
+
border: 1px solid transparent;
 +
}
 +
#table_viereck tr td ul{
 +
list-style: none;
 +
float:left;
 +
z-index:2
 +
}
-
<style>
+
#table_viereck tr td{
 +
padding-top: 0px;
 +
}
 +
#table_viereck tr td ul li img{
 +
height:60px;
 +
}
 +
 +
#klammer_gross_links{
 +
height:350px;
 +
padding-left:7px;
 +
float:left;
 +
padding-top:3px;
 +
}
-
#tour {
+
#klammer_gross_rechts{
 +
height:350px;
float: left;
float: left;
 +
padding-top:3px;
}
}
-
#tour img {
+
#klammer_klein_links{
-
width: 400px;
+
height:175px;
 +
width:45px;
 +
float:left;
 +
padding-top:3px;
 +
padding-left:7px;
 +
}
 +
#klammer_klein_rechts{
 +
height:175px;
 +
width:45px;
 +
float: left;
 +
padding-top:3px;
}
}
-
#kachel_project {
+
 
 +
#text_gross{
 +
margin-top: -10px;
 +
margin-bottom: 30px;
 +
color:white;
 +
font-family:'Yanone Kaffeesatz',sans-serif;
 +
font-size:48px;
 +
padding-top:2px;
}
}
-
#kachel_project img {
+
#text_gross a{
-
width:500px;
+
color:white;
-
}
+
text-decoration:none;
-
#kachel {
+
-
padding: 5px;
+
}
}
-
#kachel img {
+
#text_gross a:hover {  
-
width: 250px;
+
text-decoration:none;
 +
color: #FFCC00;  
}
}
-
#text {
+
#text1{
-
font-color: white;
+
margin-top: 50px;
-
padding-top:250px;
+
color:white;
-
postion:absolute;
+
width:320px;
-
font-family: Arial;
+
height:10px;
 +
padding-top:1px;
 +
font-family:Arial;
 +
font-size:15px;
 +
float:left;
text-align:justify;
text-align:justify;
-
padding-bottom:100px;
+
}
-
font-size:1.2em;
+
 +
#text-box2{
 +
margin-top: 50px;
 +
color:white;
 +
width:515px;
 +
height:300px;
 +
padding-top:5px;
 +
font-family:Arial;
 +
font-size:15px;
 +
float:left;
 +
background: url(https://static.igem.org/mediawiki/2013/9/94/Freiburg_2013_main2_Cas.png);
 +
background-size: 190px;
 +
background-position:140px 90px;
 +
background-repeat: no-repeat;
 +
}
 +
#text-box2 ul li span{
 +
font-size: 20px;
 +
font-family:'Yanone Kaffeesatz',sans-serif;
 +
}
 +
#text-box2 ul{
 +
margin-top: 30px;
}
}
 +
#text-box2 ul li a{
 +
color:white;
 +
text-decoration:none;
 +
}
-
#team img{
+
#text-box2 ul li a:hover{
-
width:100%;
+
color:white;
 +
text-decoration:none;
 +
color: #FFCC00;
 +
}
 +
 
 +
#text-box3{
 +
height:100px;
 +
margin-top:40px;
 +
color:white;
 +
width:170px;
 +
padding-top:5px;
 +
font-family:Arial;
 +
font-size:15px;
float:left;
float:left;
-
margin-bottom:30px;
+
<!--background: url(https://static.igem.org/mediawiki/2013/d/d6/Freiburg_2013_main2_Highlights.png);
 +
background-size: 50px;
 +
background-position:bottom right;
 +
background-repeat: no-repeat;-->
}
}
-
#main {
+
#text-box4{
-
padding-top: 230px;
+
margin-top:40px;
 +
color:white;
 +
width:170px;
 +
padding-top:5px;
 +
font-family:Arial;
 +
font-size:15px;
 +
float:left;
 +
<!-- background: url(https://static.igem.org/mediawiki/2013/5/5d/Freiburg_2013_main2_Toolkitnew.png);
 +
background-size: 65px;
 +
background-position:bottom right;
 +
background-repeat: no-repeat; -->
}
}
 +
#text-box5{
 +
margin-top:40px;
 +
color:white;
 +
height: 130px;
 +
width:125px;
 +
padding-top:5px;
 +
font-family:Arial;
 +
font-size:15px;
 +
float:left;
 +
<!--background: url(https://static.igem.org/mediawiki/2013/f/f4/Freiburg_2013_main2_KachelTeam.png);
 +
background-size: 120px;
 +
background-position:bottom center; 
 +
background-repeat: no-repeat;-->
 +
}
 +
#text-box6{
 +
margin-top:40px;
 +
color:white;
 +
width:125px;
 +
padding-top:5px;
 +
font-family:Arial;
 +
font-size:15px;
 +
float:left;
 +
}
 +
</style>
 +
</head>
 +
<body>
-
/*
+
<div style="min-height:600px; margin-top:230px;" >
-
* jQuery FlexSlider v2.0
+
-
* http://www.woothemes.com/flexslider/
+
-
*
+
-
* Copyright 2012, Julia Voß
+
-
* Free to use under the MIT license.
+
-
* http://www.opensource.org/licenses/mit-license.php
+
-
*/
+
-
+
-
/* Browser Resets */
+
-
.flex-container a:active,
+
-
.flexslider a:active,
+
-
.flex-container a:focus,
+
-
.flexslider a:focus  {outline: none;}
+
-
.slides,
+
-
.flex-control-nav,
+
-
.flex-direction-nav {margin: 0; padding: 0; list-style: none;}
+
-
/* FlexSlider Necessary Styles
+
<!-- ########################################################################################
-
*********************************/
+
-
.flexslider {margin: 0; padding: 0;}
+
-
.flexslider .slides > li {display: none; -webkit-backface-visibility: hidden;} /* Hide the slides before the JS is loaded. Avoids image jumping */
+
-
.flexslider .slides img {width: 50%; display: block;}
+
-
.flex-pauseplay span {text-transform: capitalize;}
+
-
/* Clearfix for the .slides element */
+
TABLE OBEN
-
.slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
+
-
html[xmlns] .slides {display: block;}
+
-
* html .slides {height: 1%;}
+
-
/* No JavaScript Fallback */
+
######################################################################################## -->
-
/* If you are not using another script, such as Modernizr, make sure you
+
-
* include js that eliminates this class on page load */
+
-
.no-js .slides > li:first-child {display: block;}
+
-
/* FlexSlider Default Theme
 
-
*********************************/
 
-
.flexslider {margin: 0 0 60px; background: #fff; border: 4px solid #fff; position: relative; -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; box-shadow: 0 1px 4px rgba(0,0,0,.2); -webkit-box-shadow: 0 1px 4px rgba(0,0,0,.2); -moz-box-shadow: 0 1px 4px rgba(0,0,0,.2); -o-box-shadow: 0 1px 4px rgba(0,0,0,.2); zoom: 1;}
 
-
.flex-viewport {max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; transition: all 1s ease;}
 
-
.loading .flex-viewport {max-height: 300px;}
 
-
.flexslider .slides {zoom: 1;}
 
-
.carousel li {margin-right: 5px}
+
<table id="table_viereck">
 +
<!-- ########################################################################################
-
/* Direction Nav */
+
ABSTRACT
-
.flex-direction-nav {*height: 0;}
+
######################################################################################## -->
-
.flex-direction-nav a {
+
-
width: 35px;
+
-
height: 32px;
+
-
margin: -20px 0 0;
+
-
display: block;
+
-
background: url(https://static.igem.org/mediawiki/2013/e/eb/Controls1.png) no-repeat 0 0;
+
-
position: absolute;
+
-
top: 50%;
+
-
cursor: pointer;
+
-
text-indent: -9999px;
+
-
}
+
-
 
-
.flex-direction-nav .flex-next {background-position: -35px 0; right: 0px; }
 
-
.flex-direction-nav .flex-prev {background-position: 0px 0; left: 0px;}
 
-
.flex-direction-nav .flex-disabled {opacity: .3!important; filter:alpha(opacity=30); cursor: default;}
 
 +
<tr>
 +
<td width="450px">
-
/* Control Nav */
+
  <img id="klammer_gross_links" src="https://static.igem.org/mediawiki/2013/e/e0/Freiburg_2013_main2_Rahmen_gross_links.png">
-
.flex-control-nav {
+
-
    width: 100%;
+
-
    position: absolute;
+
-
    bottom: 30px;
+
-
    left: 58px;
+
-
    text-align: center;
+
-
}
+
-
.flex-control-nav li {margin: 0 0 0 5px; display: inline-block; zoom: 1; *display: inline;}
+
  <div id="text1">
-
.flex-control-nav li:first-child {margin: 0;}
+
  <div id="text_gross" align="left"> <a href="https://2013.igem.org/Team:Freiburg/Project/1#abstract"> Abstract </a> </div>
-
.flex-control-nav li a {width: 13px; height: 13px; display: block; background: url() no-repeat 0 0; cursor: pointer; text-indent: -9999px;}
+
-
.flex-control-nav li a:hover {background-position: 0 -13px;}
+
-
.flex-control-nav li a.active {background-position: 0 -26px; cursor: default;}
+
 +
  Our Team developed a universal toolkit,  termed uniCAS, that enables customizable gene   
 +
    regulation in mammalian cells.  Therefore, we engineered the recently understood and highly promising 
 +
    CRISPR/Cas9 system. <br>
 +
      The regulation is based on the RNA-guided dCas9 protein, which allows specific targeting of DNA sequences.
 +
      Our toolkit comprises not only a standardized dCas9 protein,  but also different effector domains for
 +
      efficient gene activation or repression.
 +
</div>
 +
 +
  <img id="klammer_gross_rechts" src="https://static.igem.org/mediawiki/2013/8/82/Freiburg_2013_main2_Rahmen_gross_rechts.png">
 +
</td>
 +
<!-- ########################################################################################
-
.flexslider {
+
PROJECT
-
    width: 650px;
+
-
    margin: 0px 0px 10px;
+
-
+
-
}
+
-
div.frontpage-slide {
+
######################################################################################## -->
-
    height: 250px;
+
-
    background-color: white;
+
-
}
+
-
div.frontpage-slide img{
 
-
    height: 250px;
 
-
    float: left;
 
-
margin:0px;
 
-
}
 
-
div.slide-right-col {
 
-
    color: black;
 
-
    float: right;
 
-
    width: 250px;
 
-
    font-size: 16px;
 
-
    margin-top: 18px;
 
-
    margin-right: 50px;
 
-
    line-height: 1.5em;
 
-
text-align:justify;
 
-
}
 
-
div.slide-heading {
+
<td>
-
color: black;
+
-
    font-size: 18px;
+
-
    font-weight: bold;
+
-
    margin-bottom: 20px;
+
-
}
+
 +
  <img id="klammer_gross_links" src="https://static.igem.org/mediawiki/2013/e/e0/Freiburg_2013_main2_Rahmen_gross_links.png">
 +
 
 +
<div id="text-box2">
 +
 +
    <div id="text_gross" align="left"><a href="https://2013.igem.org/Team:Freiburg/Project/1"> Our Project </a></div>
 +
 +
  <div>
-
</style>
+
<ul style="margin-left:40px;">
-
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>
+
<li style="margin-top:-30px; padding-bottom:12px;"><a href="https://2013.igem.org/Team:Freiburg/Project/effector#activation">
-
<script src="http://2012.igem-bielefeld.de/includes/wiki/flex/js/jquery.flexslider.js"></script>
+
<span> Activation </span>
 +
<img  src="https://static.igem.org/mediawiki/2013/0/03/Freiburg_2013_main2_Activation.png" style="height:65px;">
 +
</li>
 +
</a>
-
<!-- Load the flexslider -->
+
<li style="margin-left: -40px; padding-bottom:12px;"><a href="https://2013.igem.org/Team:Freiburg/Project/effector#repression">
-
<script type="text/javascript" charset="utf-8">
+
<span> Repression </span>
-
  $(window).load(function() {
+
<img  src="https://static.igem.org/mediawiki/2013/e/e7/Repression_freiburg_13.png" style="height:55px;">
-
    $('.flexslider').flexslider({
+
</li>
-
          animation: "slide",  // slide or fade
+
</a>
-
          controlsContainer: ".flex-container" // the container that holds the flexslider
+
 
-
    });
+
<li style="margin-bottom:-30px;"><a href="https://2013.igem.org/Team:Freiburg/Project/effector#epigenetics">
-
  });
+
<span> Epigenetics </span>
-
</script>
+
<img src="https://static.igem.org/mediawiki/2013/3/31/Freiburg_2013_main2_Epigenetic.png">
 +
</li>
 +
</a>
 +
</ul>
-
</head>
 
 +
<ul style="margin-left:160px">
-
<!-- ******************************************************************* -->
+
<li style="margin-top: -30px; padding-bottom:10px;"><a href="https://2013.igem.org/Team:Freiburg/Project/crrna">
-
<!-- Body -->
+
  <img src="https://static.igem.org/mediawiki/2013/b/bb/Freiburg_2013_main2_Multiple_Targeting.png">
-
<!-- ******************************************************************* -->
+
<span> Multiple targeting </span>
 +
</li>
 +
</a>
 +
<li style="margin-left: 40px; padding-bottom:8px;"><a href="https://2013.igem.org/Team:Freiburg/Project/method">
 +
  <img src="https://static.igem.org/mediawiki/2013/e/ef/UniBAss_freiburg_13.png" style="height:68px;">
 +
<span> uniBAss</span>
 +
</li>
 +
</a>
 +
<li style="margin-bottom:-30px;"><a href="https://2013.igem.org/Team:Freiburg/Project/induction#light">
 +
  <img src="https://static.igem.org/mediawiki/2013/9/9a/Freiburg_2013_main2_Licht.png" style="height:57px;">
 +
<span> Light induction </span>
 +
</li>
 +
</a>
 +
</ul>
 +
</div>
 +
</div>
 +
  <img id="klammer_gross_rechts" src="https://static.igem.org/mediawiki/2013/8/82/Freiburg_2013_main2_Rahmen_gross_rechts.png">
 +
</td>
 +
</tr>
 +
</table>
-
<body>
 
 +
<!-- ########################################################################################
-
<div id="main">
+
TABLE UNTEN
-
<a src"https://2013.igem.org/Team:Freiburg/Project/1"> PROJECT DESCRIPTION </a>
+
-
+
-
<div style="padding-top:5px; z-index:1;">
+
-
        <div class="flexslider">
+
######################################################################################## -->
-
            <ul class="slides">
+
-
                  <li>
+
-
                    <div class="frontpage-slide">
+
-
                        <img src="https://static.igem.org/mediawiki/2013/d/d2/Project_kachel.png">
+
-
                        <div class="slide-right-col">
+
-
                            <div class="slide-heading">
+
-
                                Our Toolbox
+
-
                            </div>
+
-
                         
+
-
all what you need
+
-
                            <p><a href="https://2013.igem.org/Team:Freiburg/Project/1">
+
-
                            Click here to read more</a> about our project
+
-
                            </p>
+
-
                        </div>
 
-
                        <div class=clear></div>
 
-
                    </div>
 
-
                </li>
 
-
                <li>
 
-
                    <div class="frontpage-slide">
 
-
                        <img src="">
 
-
                        <div class="slide-right-col">
 
-
                            <div class="slide-heading">
 
-
                              I do not know
 
-
                            </div>
 
-
 
-
                            <p><a href="https://2013.igem.org/Team:Freiburg/Project/1">
 
-
                            Click here to read more </a> about our methods...
 
-
                          </p>
 
-
                           
 
-
                        </div>
 
-
                        <div class=clear></div>
 
-
                    </div>
 
-
                </li>
 
-
                <li>
 
-
                    <div class="frontpage-slide">
 
-
                        <img src="https://static.igem.org/mediawiki/2013/d/d2/Project_kachel.png">
 
-
                        <div class="slide-right-col">
 
-
                            <div class="slide-heading">
 
-
                                The Potential
 
-
                            </div>
 
-
 
-
   
 
-
                            <p><a href="http://">
 
-
                            Click here to read more</a> </p>                     
 
-
                        </div>
+
<table id="table_viereck" style="margin-top:30px;">
-
                        <div class=clear></div>
+
-
                    </div>
+
-
                </li>
+
-
                <li>
+
-
                    <div class="frontpage-slide">
+
-
                      <img src="https://static.igem.org/mediawiki/2013/d/d2/Project_kachel.png">
+
-
                        <div class="slide-right-col">
+
-
                            <div class="slide-heading">
+
-
                                Light-Activation
+
-
                            </div>
+
-
+
-
+
-
                            <p><a href="https://2013.igem.org/Team:Freiburg/Project/1">
+
<!-- ########################################################################################
-
                            Click here to read more</a>
+
-
                          </p>
+
 +
HIGHLIGHTS
-
                        </div>
+
######################################################################################## -->
-
                        <div class=clear></div>
 
-
                    </div>
 
-
                </li>
 
-
               
+
<tr>
-
               
+
  <td width="300px">
-
             
+
  <img id="klammer_klein_links" src="https://static.igem.org/mediawiki/2013/e/e0/Freiburg_2013_main2_Rahmen_gross_links.png">
-
            </ul>
+
  <div id="text-box3">
-
        </div>
+
      <div id="text_gross" align="left"><a style="position:absolute; top:678px; left:60px; z-index:2" href="https://2013.igem.org/Team:Freiburg/Highlights"> Highlights </div> </a>
 +
  <p style="position:absolute; top:720px; left:60px" > All about our <br> project in one <br> slide show! </p>
 +
<img src="https://static.igem.org/mediawiki/2013/0/0e/Freiburg_2013_main2_Highlights5.png" height="190" style="position:absolute; top:614px; left:105px; z-index:1">
 +
  </div>
 +
  <img id="klammer_klein_rechts" src="https://static.igem.org/mediawiki/2013/8/82/Freiburg_2013_main2_Rahmen_gross_rechts.png">
 +
  </td>
-
    </div>
 
 +
<!-- ########################################################################################
 +
TOOLKIT
-
<div id="tour">
+
######################################################################################## -->
-
<img src="https://static.igem.org/mediawiki/2013/b/bc/Cas9_tour.png">
+
-
</div>
+
 +
  <td width="300px">
 +
  <img id="klammer_klein_links" src="https://static.igem.org/mediawiki/2013/e/e0/Freiburg_2013_main2_Rahmen_gross_links.png">
 +
  <div id="text-box4">
 +
 
 +
      <div id="text_gross" align="left"> <a href="https://2013.igem.org/Team:Freiburg/Project/toolkit">Manual </a></div>
 +
 
 +
    Use our Toolkit <br> to regulate your <br> genes!
 +
    <img src="https://static.igem.org/mediawiki/2013/5/5d/Freiburg_2013_main2_Toolkitnew.png" height="90" style="position:absolute; top:715px; left:464px">
 +
  </div>
 +
  </div>
 +
 
 +
  <img id="klammer_klein_rechts" src="https://static.igem.org/mediawiki/2013/8/82/Freiburg_2013_main2_Rahmen_gross_rechts.png">
 +
  </td>
-
<div id="kachel_project">
 
-
<img src="https://static.igem.org/mediawiki/2013/d/d2/Project_kachel.png">
 
-
</div>
 
-
<div id="kachel">
+
<!-- ########################################################################################
-
<img src="https://static.igem.org/mediawiki/2013/9/9e/Tool_kachel_2.png">
+
-
<img src="https://static.igem.org/mediawiki/2013/f/fb/Team_kachel.png">
+
-
</div>
+
 +
HUMAN PRACTICE
 +
 +
######################################################################################## -->
 +
 +
 +
  <td width="250px">
 +
  <img id="klammer_klein_links" src="https://static.igem.org/mediawiki/2013/e/e0/Freiburg_2013_main2_Rahmen_gross_links.png">
 +
  <div id="text-box5">
 +
 
 +
      <div id="text_gross" align="left"> <a style="position:absolute; top:678px; left:660px; z-index:2" href="https://2013.igem.org/Team:Freiburg/HumanPractice"> Human <br><br> Practice  </a> </div>
 +
 +
  <img src="https://static.igem.org/mediawiki/2013/e/ee/Freibrug_startseite_Humanpractice.png" height="150" style="position:absolute; top:650px; left:655px; z-index:1">
 +
 +
    </div>
 +
  <img id="klammer_klein_rechts" src="https://static.igem.org/mediawiki/2013/8/82/Freiburg_2013_main2_Rahmen_gross_rechts.png">
 +
  </td>
 +
 +
<!-- ########################################################################################
 +
 +
TEAM
 +
 +
######################################################################################## -->
 +
 +
 +
  <td width="250px">
 +
  <img id="klammer_klein_links" src="https://static.igem.org/mediawiki/2013/e/e0/Freiburg_2013_main2_Rahmen_gross_links.png">
 +
  <div id="text-box6">
 +
 
 +
<div id="text_gross" align="left"> <a style="position:absolute; top:678px; left:910px; z-index:2" href="https://2013.igem.org/Team:Freiburg/News"> News  </a></div>
 +
<p style="padding-top:10px;">
 +
Have a look at our achievements in Lyon & Boston!
 +
</p>
 +
<img src="https://static.igem.org/mediawiki/2013/5/56/Best-foundational-advance-2013-freiburg.png" height="130" style="position:absolute; top:600px; left:980px; z-index:1">
 +
  </div>
</div>
</div>
 +
  <img id="klammer_klein_rechts" src="https://static.igem.org/mediawiki/2013/8/82/Freiburg_2013_main2_Rahmen_gross_rechts.png">
 +
  </td>
 +
</tr>
 +
</table>
 +
</div>
 +
<center>
 +
<!-- Start of StatCounter Code for Default Guide -->
 +
<script type="text/javascript">
 +
var sc_project=9733368;
 +
var sc_invisible=0;
 +
var sc_security="e5b3d57c";
 +
var scJsHost = (("https:" == document.location.protocol) ?
 +
"https://secure." : "http://www.");
 +
document.write("<sc"+"ript type='text/javascript' src='" +
 +
scJsHost+
 +
"statcounter.com/counter/counter.js'></"+"script>");
 +
</script>
 +
<noscript><div class="statcounter"><a title="click tracking"
 +
href="http://statcounter.com/" target="_blank"><img
 +
class="statcounter"
 +
src="http://c.statcounter.com/9733368/0/e5b3d57c/0/"
 +
alt="click tracking"></a></div></noscript>
 +
<!-- End of StatCounter Code for Default Guide -->
 +
</center>
</body>
</body>
</html>
</html>

Latest revision as of 23:52, 9 April 2014


Abstract
Our Team developed a universal toolkit, termed uniCAS, that enables customizable gene regulation in mammalian cells. Therefore, we engineered the recently understood and highly promising CRISPR/Cas9 system.
The regulation is based on the RNA-guided dCas9 protein, which allows specific targeting of DNA sequences. Our toolkit comprises not only a standardized dCas9 protein, but also different effector domains for efficient gene activation or repression.
Our Project
Highlights

All about our
project in one
slide show!

Manual
Use our Toolkit
to regulate your
genes!
Human

Practice
News

Have a look at our achievements in Lyon & Boston!

Retrieved from "http://2013.igem.org/Team:Freiburg"