Team:Freiburg

From 2013.igem.org

(Difference between revisions)
 
(336 intermediate revisions not shown)
Line 1: Line 1:
-
<html>
+
{{:Template:Freiburg2013_Template1}}
-
<!-- Flexslider CSS and JS -->
+
 
 +
 
 +
<html>
 +
<head>
 +
<link href='http://fonts.googleapis.com/css?family=Yanone+Kaffeesatz' rel='stylesheet' type='text/css'>
<style>
<style>
-
/*
 
-
* 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
+
#table_viereck {
-
*********************************/
+
background: transparent;
-
.flexslider {margin: 0; padding: 0;}
+
width:100%;
-
.flexslider .slides > li {display: none; -webkit-backface-visibility: hidden;} /* Hide the slides before the JS is loaded. Avoids image jumping */
+
margin:auto;
-
.flexslider .slides img {width: 50%; display: block;}
+
color:white;
-
.flex-pauseplay span {text-transform: capitalize;}
+
}
-
/* Clearfix for the .slides element */
+
#table_viereck tr td{
-
.slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
+
padding-left:5px;
-
html[xmlns] .slides {display: block;}
+
border: 1px solid transparent;
-
* html .slides {height: 1%;}
+
}
-
/* No JavaScript Fallback */
+
#table_viereck tr td ul{
-
/* If you are not using another script, such as Modernizr, make sure you
+
  list-style: none;
-
  * include js that eliminates this class on page load */
+
float:left;
-
.no-js .slides > li:first-child {display: block;}
+
z-index:2
 +
}
 +
#table_viereck tr td{
 +
padding-top: 0px;
 +
}
-
/* FlexSlider Default Theme
+
#table_viereck tr td ul li img{
-
*********************************/
+
height:60px;
-
.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}
+
#klammer_gross_links{
 +
height:350px;
 +
padding-left:7px;
 +
float:left;
 +
padding-top:3px;
 +
}
 +
#klammer_gross_rechts{
 +
height:350px;
 +
float: left;
 +
padding-top:3px;
 +
}
-
/* Direction Nav */
+
#klammer_klein_links{
 +
height:175px;
 +
width:45px;
 +
float:left;
 +
padding-top:3px;
 +
padding-left:7px;
 +
}
-
.flex-direction-nav {*height: 0;}
+
#klammer_klein_rechts{
-
.flex-direction-nav a {
+
height:175px;
-
width: 35px;  
+
width:45px;
-
height: 32px;  
+
float: left;
-
margin: -20px 0 0;
+
padding-top:3px;
-
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;}
 
 +
#text_gross{
 +
margin-top: -10px;
 +
margin-bottom: 30px;
 +
color:white;
 +
font-family:'Yanone Kaffeesatz',sans-serif;
 +
font-size:48px;
 +
padding-top:2px;
 +
}
 +
#text_gross a{
 +
color:white;
 +
text-decoration:none;
 +
}
-
/* Control Nav */
+
#text_gross a:hover {
-
.flex-control-nav {
+
text-decoration:none;  
-
    width: 100%;  
+
color: #FFCC00;  
-
    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;}
+
#text1{
-
.flex-control-nav li:first-child {margin: 0;}
+
margin-top: 50px;
-
.flex-control-nav li a {width: 13px; height: 13px; display: block; background: url() no-repeat 0 0; cursor: pointer; text-indent: -9999px;}
+
color:white;
-
.flex-control-nav li a:hover {background-position: 0 -13px;}
+
width:320px;
-
.flex-control-nav li a.active {background-position: 0 -26px; cursor: default;}
+
height:10px;
 +
padding-top:1px;
 +
font-family:Arial;
 +
font-size:15px;
 +
float:left;
 +
text-align:justify;
 +
}
 +
#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;
 +
}
-
.flexslider {
+
#text-box2 ul li a:hover{
-
    width: 950px;
+
color:white;
-
    margin: 0px 0px 10px;
+
text-decoration:none;
-
+
color: #FFCC00;
}
}
-
div.frontpage-slide {
+
#text-box3{
-
    height: 300px;
+
height:100px;
-
    background-color: white;
+
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/d/d6/Freiburg_2013_main2_Highlights.png);
 +
background-size: 50px;
 +
background-position:bottom right;
 +
background-repeat: no-repeat;-->
}
}
-
div.frontpage-slide img{
+
#text-box4{
-
    height: 300px;
+
margin-top:40px;
-
    float: left;
+
color:white;
-
margin:0px;
+
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; -->
}
}
-
div.slide-right-col {
+
#text-box5{
-
    color: black;
+
margin-top:40px;
-
    float: right;
+
color:white;
-
    width: 400px;
+
height: 130px;
-
    font-size: 16px;
+
width:125px;
-
    margin-top: 18px;
+
padding-top:5px;
-
    margin-right: 50px;
+
font-family:Arial;
-
    line-height: 1.5em;
+
font-size:15px;
-
text-align:justify;
+
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;-->
}
}
-
div.slide-heading {
+
#text-box6{
-
color: black;
+
margin-top:40px;
-
    font-size: 18px;
+
color:white;
-
    font-weight: bold;
+
width:125px;
-
    margin-bottom: 20px;
+
padding-top:5px;
 +
font-family:Arial;
 +
font-size:15px;
 +
float:left;
}
}
</style>
</style>
-
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>
 
-
<script src="http://2012.igem-bielefeld.de/includes/wiki/flex/js/jquery.flexslider.js"></script>
 
-
<!-- Load the flexslider -->
 
-
<script type="text/javascript" charset="utf-8">
 
-
  $(window).load(function() {
 
-
    $('.flexslider').flexslider({
 
-
          animation: "slide",  // slide or fade
 
-
          controlsContainer: ".flex-container" // the container that holds the flexslider
 
-
    });
 
-
  });
 
-
</script>
 
 +
</head>
 +
<body>
-
<!-- Slider Container and Images -->
+
<div style="min-height:600px; margin-top:230px;" >
-
<div style="padding: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>
+
TABLE OBEN
-
                        <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>
+
 +
######################################################################################## -->
 +
 +
 +
 +
<table id="table_viereck">
 +
 +
<!-- ########################################################################################
 +
 +
ABSTRACT
 +
 +
######################################################################################## -->
 +
 +
 +
<tr>
 +
 +
<td width="450px">
 +
 +
  <img id="klammer_gross_links" src="https://static.igem.org/mediawiki/2013/e/e0/Freiburg_2013_main2_Rahmen_gross_links.png">
 +
 +
  <div id="text1">
 +
  <div id="text_gross" align="left"> <a href="https://2013.igem.org/Team:Freiburg/Project/1#abstract"> Abstract </a> </div>
 +
 +
  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>
   
   
-
                            <p><a href="https://2013.igem.org/Team:Freiburg/Project/1">
+
  <img id="klammer_gross_rechts" src="https://static.igem.org/mediawiki/2013/8/82/Freiburg_2013_main2_Rahmen_gross_rechts.png">  
-
                            Click here to read more </a> about our methods...
+
 
-
                          </p>
+
</td>
-
                           
+
 
-
                        </div>
+
<!-- ########################################################################################
-
                        <div class=clear></div>
+
 
-
                    </div>
+
PROJECT
-
                </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">
+
<td>
-
                                The Potential
+
-
                            </div>
+
-
+
-
   
+
-
                            <p><a href="http://">
+
-
                            Click here to read more</a> </p>                    
+
-
                        </div>
+
  <img id="klammer_gross_links" src="https://static.igem.org/mediawiki/2013/e/e0/Freiburg_2013_main2_Rahmen_gross_links.png">
-
                        <div class=clear></div>
+
 
-
                    </div>
+
<div id="text-box2">
-
                </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>
+
   
   
 +
    <div id="text_gross" align="left"><a href="https://2013.igem.org/Team:Freiburg/Project/1"> Our Project </a></div>
   
   
 +
  <div>
-
                            <p><a href="https://2013.igem.org/Team:Freiburg/Project/1">
+
<ul style="margin-left:40px;">
-
                            Click here to read more</a>
+
-
                          </p>
+
 +
<li style="margin-top:-30px; padding-bottom:12px;"><a href="https://2013.igem.org/Team:Freiburg/Project/effector#activation">
 +
<span> Activation </span>
 +
<img  src="https://static.igem.org/mediawiki/2013/0/03/Freiburg_2013_main2_Activation.png" style="height:65px;">
 +
</li>
 +
</a>
-
                        </div>
+
<li style="margin-left: -40px; padding-bottom:12px;"><a href="https://2013.igem.org/Team:Freiburg/Project/effector#repression">
 +
<span> Repression </span>
 +
<img  src="https://static.igem.org/mediawiki/2013/e/e7/Repression_freiburg_13.png" style="height:55px;">
 +
</li>
 +
</a>
 +
 
 +
<li style="margin-bottom:-30px;"><a href="https://2013.igem.org/Team:Freiburg/Project/effector#epigenetics">
 +
<span> Epigenetics </span>
 +
<img src="https://static.igem.org/mediawiki/2013/3/31/Freiburg_2013_main2_Epigenetic.png">
 +
</li>
 +
</a>
 +
</ul>
-
                        <div class=clear></div>
 
-
                    </div>
 
-
                </li>
 
-
               
 
-
               
 
-
             
 
-
            </ul>
 
-
        </div>
 
-
     </div>
+
<ul style="margin-left:160px">
 +
 
 +
<li style="margin-top: -30px; padding-bottom:10px;"><a href="https://2013.igem.org/Team:Freiburg/Project/crrna">
 +
  <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>
 +
 
 +
 
 +
<!-- ########################################################################################
 +
 
 +
TABLE UNTEN
 +
 
 +
######################################################################################## -->
 +
 
 +
 
 +
 
 +
<table id="table_viereck" style="margin-top:30px;">
 +
 
 +
<!-- ########################################################################################
 +
 
 +
HIGHLIGHTS
 +
 
 +
######################################################################################## -->
 +
 
 +
 
 +
<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">
 +
  <div id="text-box3">
 +
      <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>
 +
 
 +
 
 +
<!-- ########################################################################################
 +
 
 +
TOOLKIT
 +
 
 +
######################################################################################## -->
 +
 
 +
 
 +
  <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>
 +
 
 +
 
 +
<!-- ########################################################################################
 +
 
 +
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>
 +
  <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>
</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"