Team:Freiburg

From 2013.igem.org

(Difference between revisions)
m
 
(330 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;
-
#tool_kachel {
+
-
float:right;
+
}
}
-
#tool_kachel img {
+
#table_viereck tr td ul li img{
-
width:300px;
+
height:60px;
}
}
 +
#klammer_gross_links{
 +
height:350px;
 +
padding-left:7px;
 +
float:left;
 +
padding-top:3px;
 +
}
-
# slider_kachel {
+
#klammer_gross_rechts{
 +
height:350px;
float: left;
float: left;
 +
padding-top:3px;
}
}
-
#tour {
+
#klammer_klein_links{
 +
height:175px;
 +
width:45px;
 +
float:left;
 +
padding-top:3px;
 +
padding-left:7px;
 +
}
 +
 
 +
#klammer_klein_rechts{
 +
height:175px;
 +
width:45px;
float: left;
float: left;
 +
padding-top:3px;
}
}
-
#tour img {
 
-
width: 400px;
 
 +
#text_gross{
 +
margin-top: -10px;
 +
margin-bottom: 30px;
 +
color:white;
 +
font-family:'Yanone Kaffeesatz',sans-serif;
 +
font-size:48px;
 +
padding-top:2px;
}
}
-
#kachel_project {
+
#text_gross a{
 +
color:white;
 +
text-decoration:none;
}
}
-
#kachel_project img {
+
#text_gross a:hover {  
-
width:500px;
+
text-decoration:none;
 +
color: #FFCC00;  
}
}
-
#kachel {
+
 
-
padding: 5px;
+
#text1{
 +
margin-top: 50px;
 +
color:white;
 +
width:320px;
 +
height:10px;
 +
padding-top:1px;
 +
font-family:Arial;
 +
font-size:15px;
 +
float:left;
 +
text-align:justify;
}
}
-
#kachel img {
+
#text-box2{
-
width: 250px;
+
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 {
+
#text-box2 ul li span{
-
font-color: white;
+
font-size: 20px;
-
padding-top:250px;
+
font-family:'Yanone Kaffeesatz',sans-serif;
-
postion:absolute;
+
}
-
font-family: Arial;
+
#text-box2 ul{
-
text-align:justify;
+
margin-top: 30px;
-
padding-bottom:100px;
+
}
-
font-size:1.2em;
+
 +
#text-box2 ul li a{
 +
color:white;
 +
text-decoration:none;
 +
}
 +
#text-box2 ul li a:hover{
 +
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;
 +
<!--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;-->
 +
}
-
#team img{
+
#text-box4{
-
width:100%;
+
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/5/5d/Freiburg_2013_main2_Toolkitnew.png);
 +
background-size: 65px;
 +
background-position:bottom right;
 +
background-repeat: no-repeat; -->
}
}
-
#main {
+
#text-box5{
-
padding-top: 230px;
+
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
+
TABLE OBEN
-
*********************************/
+
-
.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 */
 
-
/* 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
+
<table id="table_viereck">
-
*********************************/
+
-
.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}
+
<!-- ########################################################################################
 +
ABSTRACT
-
/* Direction Nav */
+
######################################################################################## -->
-
.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;
 
-
}
 
-
+
<tr>
-
.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;}
+
 +
<td width="450px">
 +
  <img id="klammer_gross_links" src="https://static.igem.org/mediawiki/2013/e/e0/Freiburg_2013_main2_Rahmen_gross_links.png">
-
/* Control Nav */
+
  <div id="text1">
-
.flex-control-nav {
+
  <div id="text_gross" align="left"> <a href="https://2013.igem.org/Team:Freiburg/Project/1#abstract"> Abstract </a> </div>
-
    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;}
+
  Our Team developed a universal toolkit,  termed uniCAS, that enables customizable gene   
-
.flex-control-nav li:first-child {margin: 0;}
+
    regulation in mammalian cells. Therefore, we engineered the recently understood and highly promising 
-
.flex-control-nav li a {width: 13px; height: 13px; display: block; background: url() no-repeat 0 0; cursor: pointer; text-indent: -9999px;}
+
    CRISPR/Cas9 system. <br>
-
.flex-control-nav li a:hover {background-position: 0 -13px;}
+
      The regulation is based on the RNA-guided dCas9 protein, which allows specific targeting of DNA sequences.
-
.flex-control-nav li a.active {background-position: 0 -26px; cursor: default;}
+
      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>
 +
<!-- ########################################################################################
 +
PROJECT
-
.flexslider {
+
######################################################################################## -->
-
    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 {
+
<td>
-
    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 {
+
  <img id="klammer_gross_links" src="https://static.igem.org/mediawiki/2013/e/e0/Freiburg_2013_main2_Rahmen_gross_links.png">
-
color: black;
+
 
-
    font-size: 18px;
+
<div id="text-box2">
-
    font-weight: bold;
+
-
     margin-bottom: 20px;
+
     <div id="text_gross" align="left"><a href="https://2013.igem.org/Team:Freiburg/Project/1"> Our Project </a></div>
-
}
+
 +
  <div>
 +
<ul style="margin-left:40px;">
-
</style>
+
<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>
-
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>
+
<li style="margin-left: -40px; padding-bottom:12px;"><a href="https://2013.igem.org/Team:Freiburg/Project/effector#repression">
-
<script src="http://2012.igem-bielefeld.de/includes/wiki/flex/js/jquery.flexslider.js"></script>
+
<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>
-
<!-- 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>
+
<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">
-
<!-- Body -->
+
  <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>
+
<!-- ########################################################################################
 +
TABLE UNTEN
-
<div id="main">
+
######################################################################################## -->
-
<a href="https://2013.igem.org/Team:Freiburg/Project/1"> PROJECT DESCRIPTION </a>
 
-
 
-
<div id="slider_kachel">
 
-
<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>
+
<table id="table_viereck" style="margin-top:30px;">
-
                        <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>
+
HIGHLIGHTS
-
                        <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>
+
-
                        </div>
+
<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>
-
                        <div class=clear></div>
 
-
                    </div>
 
-
                </li>
 
-
               
+
<!-- ########################################################################################
-
               
+
-
             
+
-
            </ul>
+
-
        </div>
+
-
    </div>
+
TOOLKIT
-
</div>
+
-
<div id="tool_kachel">
+
######################################################################################## -->
-
<img src="https://static.igem.org/mediawiki/2013/1/18/Picture7.png">
+
-
</div>
+
-
<div id="kachel_project">
+
  <td width="300px">
-
<img src="https://static.igem.org/mediawiki/2013/d/d2/Project_kachel.png">
+
  <img id="klammer_klein_links" src="https://static.igem.org/mediawiki/2013/e/e0/Freiburg_2013_main2_Rahmen_gross_links.png">
-
</div>
+
  <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="tour">
 
-
<img src="https://static.igem.org/mediawiki/2013/b/bc/Cas9_tour.png">
 
-
</div>
 
 +
<!-- ########################################################################################
-
<div id="kachel">
+
HUMAN PRACTICE
-
<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-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"