Team:Freiburg

From 2013.igem.org

(Difference between revisions)
 
(337 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;
 +
}
-
#tour {
+
#klammer_gross_links{
 +
height:350px;
 +
padding-left:7px;
 +
float:left;
 +
padding-top:3px;
 +
}
 +
 
 +
#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;" >
 +
 +
<!-- ########################################################################################
 +
 +
TABLE OBEN
 +
 +
######################################################################################## -->
 +
 +
 +
 +
<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   
-
  * jQuery FlexSlider v2.0
+
    regulation in mammalian cells.  Therefore, we engineered the recently understood and highly promising  
-
* http://www.woothemes.com/flexslider/
+
    CRISPR/Cas9 system. <br>
-
  *
+
      The regulation is based on the RNA-guided dCas9 protein, which allows specific targeting of DNA sequences.  
-
* Copyright 2012, Julia Voß
+
      Our toolkit comprises not only a standardized dCas9 protein, but also different effector domains for
-
  * Free to use under the MIT license.
+
      efficient gene activation or repression.
-
* http://www.opensource.org/licenses/mit-license.php
+
</div>
-
  */
+
   
   
-
/* Browser Resets */
+
  <img id="klammer_gross_rechts" src="https://static.igem.org/mediawiki/2013/8/82/Freiburg_2013_main2_Rahmen_gross_rechts.png">
-
.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
+
</td>
-
*********************************/
+
-
.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 */
+
<!-- ########################################################################################
-
.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 */
+
PROJECT
-
/* 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}
 
 +
<td>
-
/* Direction Nav */
+
  <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>
-
.flex-direction-nav {*height: 0;}
+
<ul style="margin-left:40px;">
-
.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;
+
-
}
+
-
+
<li style="margin-top:-30px; padding-bottom:12px;"><a href="https://2013.igem.org/Team:Freiburg/Project/effector#activation">
-
.flex-direction-nav .flex-next {background-position: -35px 0; right: 0px; }
+
<span> Activation </span>
-
.flex-direction-nav .flex-prev {background-position: 0px 0; left: 0px;}
+
<img  src="https://static.igem.org/mediawiki/2013/0/03/Freiburg_2013_main2_Activation.png" style="height:65px;">
-
.flex-direction-nav .flex-disabled {opacity: .3!important; filter:alpha(opacity=30); cursor: default;}
+
</li>
 +
</a>
 +
<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>
-
/* Control Nav */
 
-
.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;}
+
<ul style="margin-left:160px">
-
.flex-control-nav li:first-child {margin: 0;}
+
-
.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;}
+
 +
<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>
-
.flexslider {
+
</div>
-
    width: 950px;
+
</div>
-
    margin: 0px 0px 10px;
+
  <img id="klammer_gross_rechts" src="https://static.igem.org/mediawiki/2013/8/82/Freiburg_2013_main2_Rahmen_gross_rechts.png">
-
+
</td>
-
}
+
</tr>
 +
</table>
-
div.frontpage-slide {
 
-
    height: 300px;
 
-
    background-color: white;
 
-
}
 
-
div.frontpage-slide img{
+
<!-- ########################################################################################
-
    height: 300px;
+
-
    float: left;
+
-
margin:0px;
+
-
}
+
-
div.slide-right-col {
+
TABLE UNTEN
-
    color: black;
+
-
    float: right;
+
-
    width: 400px;
+
-
    font-size: 16px;
+
-
    margin-top: 18px;
+
-
    margin-right: 50px;
+
-
    line-height: 1.5em;
+
-
text-align:justify;
+
-
}
+
-
div.slide-heading {
+
######################################################################################## -->
-
color: black;
+
-
    font-size: 18px;
+
-
    font-weight: bold;
+
-
    margin-bottom: 20px;
+
-
}
+
-
</style>
 
-
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>
+
<table id="table_viereck" style="margin-top:30px;">
-
<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>
+
 +
HIGHLIGHTS
-
</head>
+
######################################################################################## -->
-
<body>
 
-
<div id="main">
+
<tr>
-
+
  <td width="300px">
-
<div style="padding-top:5px; z-index:1;">
+
  <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>
-
        <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>
+
-
+
TOOLKIT
-
                            <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>
+
######################################################################################## -->
-
                        <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>
 
 +
  <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>
 
-
                        <div class=clear></div>
+
<!-- ########################################################################################
-
                    </div>
+
-
                </li>
+
-
               
+
HUMAN PRACTICE
-
               
+
-
             
+
-
            </ul>
+
-
        </div>
+
-
    </div>
+
######################################################################################## -->
 +
  <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>
-
<div id="tour">
+
  <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">  
-
<img src="https://static.igem.org/mediawiki/2013/b/bc/Cas9_tour.png">
+
-
</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">
+
TEAM
-
<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>
+
 +
 +
  <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"