Difference between revisions of "Team:Bielefeld-CeBiTec/Sandbox"

 
(34 intermediate revisions by the same user not shown)
Line 1: Line 1:
 
{{Bielefeld-CeBiTec/Header}}
 
{{Bielefeld-CeBiTec/Header}}
  
−
<html>
+
 
 +
<html lang="en">
 +
 
 
<head>
 
<head>
−
<link rel="stylesheet" type="text/css"
 
−
href="https://2015.igem.org/wiki/index.php?title=Template:Bielefeld-CeBiTec/css/bootstrap-theme.min&action=raw&ctype=text/css" />
 
  
−
<link rel="stylesheet" type="text/css"
+
</head>
−
href="https://2015.igem.org/wiki/index.php?title=Template:Bielefeld-CeBiTec/css/bootstrap.min&action=raw&ctype=text/css" />
+
  
−
<script type="text/javascript" src="https://2015.igem.org/wiki/index.php?title=Template:Bielefeld-CeBiTec/js/bootstrap.min&action=raw&ctype=text/javascript"></script>
+
<body id="page-top">
  
−
<script type="text/javascript" src="https://2015.igem.org/wiki/index.php?title=Template:Bielefeld-CeBiTec/js/jquery-1.11.0.min&action=raw&ctype=text/javascript"></script>
 
  
−
<style type="text/css">
 
−
    .btn-toolbar{
 
−
    margin: 80px;
 
−
    }
 
−
</style>
 
  
−
<style type="text/css">
+
    <header style="margin-top: -60px">
−
h2{
+
        <div class="header-content" style="padding-top: 300px">
−
    margin: 0;   
+
            <div class="header-content-inner">
−
    color: #666;
+
                <h1>Cell-free Sticks - It works on paper</h1>
−
    padding-top: 90px;
+
                <p>.....</p>
−
    font-size: 52px;
+
                <a href="#about" class="btn btn-primary btn-xl page-scroll">Find Out More</a>
−
    font-family: "trebuchet ms", sans-serif;   
+
             </div>
−
}
+
        </div>
−
.item{
+
    </header>
−
    background: #333;   
+
 
−
    text-align: center;
+
    <section class="bg-primary" id="about">
−
    height: 300px !important;
+
         <div class="container">
−
}
+
             <div class="row">
−
.carousel{
+
                 <div class="col-lg-8 col-lg-offset-2 text-center">
−
    margin-top: 20px;
+
                    <h2 class="section-heading">Project</h2>
−
}
+
                    <p class="text-faded">Our team decided to establish cell-free systems ("cell-free protein synthesis" and "plasmid repressor interaction assay"). For demonstrating the extensibility of our systems we worked with biosensors for heavy metals and we construct a new biosensor for date rape drugs. See what we are doing this year. </p>
−
.bs-example{
+
                    <a href="#" class="btn btn-default btn-xl">Get Started!</a>
−
margin: 20px;
+
−
}
+
−
</style>
+
−
</head>
+
−
<body>
+
−
<div class="bs-example">
+
−
    <div id="myCarousel" class="carousel slide" data-interval="3000" data-ride="carousel">
+
−
    <!-- Carousel indicators -->
+
−
        <ol class="carousel-indicators">
+
−
            <li data-target="#myCarousel" data-slide-to="0" class="active"></li>
+
−
            <li data-target="#myCarousel" data-slide-to="1"></li>
+
−
             <li data-target="#myCarousel" data-slide-to="2"></li>
+
−
        </ol>  
+
−
      <!-- Carousel items -->
+
−
         <div class="carousel-inner">
+
−
             <div class="active item">
+
−
                 <h2>Slide 1</h2>
+
−
                <div class="carousel-caption">
+
−
                  <h3>First slide label</h3>
+
−
                  <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
+
 
                 </div>
 
                 </div>
 
             </div>
 
             </div>
−
             <div class="item">
+
        </div>
−
                <h2>Slide 2</h2>
+
    </section>
−
                 <div class="carousel-caption">
+
   
−
                  <h3>Second slide label</h3>
+
   
−
                  <p>Aliquam sit amet gravida nibh, facilisis gravida odio.</p>
+
    <section>
 +
             <div class="container">
 +
            <div class="row">
 +
                 <div class="col-lg-12 text-center">
 +
                    <h2 class="section-heading">Results</h2>
 
                 </div>
 
                 </div>
 
             </div>
 
             </div>
−
             <div class="item">
+
             <div class="row text-center">
−
                 <h2>Slide 3</h2>
+
            <div class="col-sm-3">
−
                 <div class="carousel-caption">
+
                <img class="img-circle img-responsive img-center" src="http://placehold.it/300x300" alt="">
−
                  <h3>Third slide label</h3>
+
                 <h2>Overview</h2>
−
                  <p>Praesent commodo cursus magna, vel scelerisque nisl consectetur.</p>
+
                <p>...</p>
 +
            </div>
 +
            <div class="col-sm-3">
 +
                <img class="img-circle img-responsive img-center" src="http://placehold.it/300x300" alt="">
 +
                <h2>Final application</h2>
 +
                 <p>It really works on paper...</p>
 +
            </div>
 +
            <div class="col-sm-3">
 +
                <img class="img-circle img-responsive img-center" src="http://placehold.it/300x300" alt="">
 +
                <h2>Modeling</h2>
 +
                <p>...</p>
 +
            </div>
 +
            <div class="col-sm-3">
 +
                <img class="img-circle img-responsive img-center" src="http://placehold.it/300x300" alt="">
 +
                <h2>Biosafety</h2>
 +
                <p>Our systems should be cell-free. We confirmed through experiments and experts that our systems contained no genetically modified organisms and are safe to use. Let's see what we've done.</p>
 +
            </div>
 +
    </div>
 +
                </div>
 +
     
 +
    </section>
 +
   
 +
   
 +
        <section class="bg-primary" id="about">
 +
        <div class="container">
 +
            <div class="row">
 +
                <div class="col-lg-8 col-lg-offset-2 text-center">
 +
                    <h2 class="section-heading">Human Practices</h2>
 +
                    <p class="text-faded">A project is not only lab work. As scientists we need to take responsiblity of what we published and how we appear in public. Among other things we did a dual use essay as we want iGEM to be more aware of biosecurity. Read how iGEM can be a role model for dual use issues. </p>
 +
                    <a href="#" class="btn btn-default btn-xl">Take a closer look &raquo;</a>
 
                 </div>
 
                 </div>
 
             </div>
 
             </div>
 
         </div>
 
         </div>
−
        <!-- Carousel nav -->
+
    </section>
−
        <a class="carousel-control left" href="#myCarousel" data-slide="prev">
+
   
−
            <span class="glyphicon glyphicon-chevron-left"></span>
+
      
−
        </a>
+
−
        <a class="carousel-control right" href="#myCarousel" data-slide="next">
+
−
            <span class="glyphicon glyphicon-chevron-right"></span>
+
−
        </a>
+
−
     </div>
+
−
</div>
+
  
 +
    <section id="services">
 +
        <div class="container">
 +
            <div class="row">
 +
                <div class="col-md-4 text-center">
 +
                    <div class="service-box">
 +
                        <img class="img-circle img-responsive img-center" src="https://static.igem.org/mediawiki/2015/0/0b/Bielefeld-CeBiTec_PT-Teamfoto.jpg" alt="" width="200px" height="200px" style="display: inline">
 +
                        <h3>Team</h3>
 +
                        <p class="text-muted">We are ten master students studying molecular biotechnology, genome-based system biology and molecular cell biology. Curious who we are? Get to know us better!</p>
 +
                    </div>
 +
                </div>
 +
                <div class="col-md-4 text-center">
 +
                    <div class="service-box">
 +
                        <img class="img-circle img-responsive img-center" src="https://static.igem.org/mediawiki/2015/b/bc/Bielefeld-CeBiTec_notebook_logo.png" alt="" width="120px" height="120px" style="display: inline">
 +
                        <h3>Notebook</h3>
 +
                        <p class="text-muted">We documented everything we have done in the laboratory and lists protocols, organisms, buffers and primers. If you need more information, check this page.</p>
 +
                    </div>
 +
                </div>
 +
                <div class="col-md-4 text-center">
 +
                    <div class="service-box">
 +
                        <h3>Partners</h3>
 +
                        <p class="text-muted">An important aspect of iGEM is collaboration. We collaborated with several iGEM teams and helped them for their project. Moreover, you can see who supports us financially. Take a look!</p>
 +
                    </div>
 +
                </div>
 +
            </div>
 +
        </div>
 +
    </section>
 +
   
 +
   
 +
   
 +
        <section class="bg-primary" id="contact">
 +
        <div class="container">
 +
            <div class="row">
 +
                <div class="col-lg-8 col-lg-offset-2">
 +
    <h2> Achievements </h2>
 +
<table style="background-color:transparent; cellspacing=3;">
 +
<tr><td colspan="2">
 +
<tr><td><img src="https://static.igem.org/mediawiki/2015/e/e7/Bielefeld-CeBiTec-Checkbox_red.png" class="check" width="40px"></td><td>Development of a new cell-free assay named <a href="https://2015.igem.org/Team:Bielefeld-CeBiTec/Project/PRIA" target="_blank">Plasmid Repressor Interaction Assay (PRIA)</a><td></tr>
 +
<tr><td><img src="https://static.igem.org/mediawiki/2015/e/e7/Bielefeld-CeBiTec-Checkbox_red.png" class="check" width="40px"></td><td>Establishment of a <a href="https://2015.igem.org/Team:Bielefeld-CeBiTec/Project/CFPSOverview" target="_blank">cell-free protein synthesis (CFPS) system</a> for the iGEM community</td></tr>
 +
<tr><td><img src="https://static.igem.org/mediawiki/2015/e/e7/Bielefeld-CeBiTec-Checkbox_red.png" class="check" width="40px"></td><td>Demonstration of the biosensor system's extensibility through <a href="https://2015.igem.org/Team:Bielefeld-CeBiTec/Project/HeavyMetals">several biosensors</a></td></tr>
 +
<tr><td><img src="https://static.igem.org/mediawiki/2015/e/e7/Bielefeld-CeBiTec-Checkbox_red.png" class="check" width="40px"></td><td>Construction of a new biosensor for the detection of <a href="https://2015.igem.org/Team:Bielefeld-CeBiTec/Project/DateRapeDrugs">date rape drugs</a></td></tr>
 +
<tr><td><img src="https://static.igem.org/mediawiki/2015/e/e7/Bielefeld-CeBiTec-Checkbox_red.png" class="check" width="40px"></td><td>Construction of a new biosensor for <a href="https://2015.igem.org/Team:Bielefeld-CeBiTec/Project/HeavyMetals">heavy metals (Copper) </a>. </td></tr>
 +
<tr><td><img src="https://static.igem.org/mediawiki/2015/e/e7/Bielefeld-CeBiTec-Checkbox_red.png" class="check" width="40px"></td><td>Implementation of a <a href="https://2015.igem.org/Team:Bielefeld-CeBiTec/Modeling">model</a> for CFPS.<td></tr>
 +
<tr><td><img src="https://static.igem.org/mediawiki/2015/e/e7/Bielefeld-CeBiTec-Checkbox_red.png" class="check" width="40px"></td><td>Taking up the <a href="https://2015.igem.org/Team:Bielefeld-CeBiTec/Practices/DualUse">dual use issue</a> in connection with the topic "date rape drugs".</td></tr>
 +
<tr><td><img src="https://static.igem.org/mediawiki/2015/e/e7/Bielefeld-CeBiTec-Checkbox_red.png" class="check" width="40px"></td><td><a href="https://2015.igem.org/Team:Bielefeld-CeBiTec/Collaborations" target="_blank">Help another team</a></td></td></tr>
 +
<tr><td><img src="https://static.igem.org/mediawiki/2015/e/e7/Bielefeld-CeBiTec-Checkbox_red.png" class="check" width="40px"></td><td>We have a <a href="https://2015.igem.org/Team:Bielefeld-CeBiTec/Design" target="_blank">functional prototype</a>.</td></td></tr>
 +
</table>
 +
                </div>
 +
            </div>
 +
        </div>
 +
    </section>
 +
   
  
−
</head>
+
</body>
−
 
+
−
 
+
−
<body>
+
−
 
+
−
<div class="btn-group">
+
−
  <button type="button" class="btn btn-primary">Apple</button>
+
−
  <button type="button" class="btn btn-primary">Samsung</button>
+
−
  <div class="btn-group">
+
−
    <button type="button" class="btn btn-primary dropdown-toggle" data-toggle="dropdown">
+
−
    Sony <span class="caret"></span></button>
+
−
    <ul class="dropdown-menu" role="menu">
+
−
      <li><a href="#">Tablet</a></li>
+
−
      <li><a href="#">Smartphone</a></li>
+
−
    </ul>
+
−
  </div>
+
−
</div>
+
−
 
+
−
 
+
−
<div class="btn-toolbar">
+
−
    <!--Default buttons with dropdown menu-->
+
−
    <div class="btn-group">
+
−
        <button type="button" class="btn btn-default">Action</button>
+
−
        <button type="button" data-toggle="dropdown" class="btn btn-default dropdown-toggle"><span class="caret"></span></button>
+
−
        <ul class="dropdown-menu">
+
−
            <li><a href="#">Action</a></li>
+
−
            <li><a href="#">Another action</a></li>
+
−
            <li class="divider"></li>
+
−
            <li><a href="#">Separated link</a></li>
+
−
        </ul>
+
−
    </div>
+
−
    <!--Primary buttons with dropdown menu-->
+
−
    <div class="btn-group">
+
−
        <button type="button" class="btn btn-primary">Action</button>
+
−
        <button type="button" data-toggle="dropdown" class="btn btn-primary dropdown-toggle"><span class="caret"></span></button>
+
−
        <ul class="dropdown-menu">
+
−
            <li><a href="#">Action</a></li>
+
−
            <li><a href="#">Another action</a></li>
+
−
            <li class="divider"></li>
+
−
            <li><a href="#">Separated link</a></li>
+
−
        </ul>
+
−
    </div>
+
−
    <!--Info buttons with dropdown menu-->
+
−
    <div class="btn-group">
+
−
        <button type="button" class="btn btn-info">Info</button>
+
−
        <button type="button" data-toggle="dropdown" class="btn btn-info dropdown-toggle"><span class="caret"></span></button>
+
−
        <ul class="dropdown-menu">
+
−
            <li><a href="#">Action</a></li>
+
−
            <li><a href="#">Another action</a></li>
+
−
            <li class="divider"></li>
+
−
            <li><a href="#">Separated link</a></li>
+
−
        </ul>
+
−
    </div>
+
−
    <!--Success buttons with dropdown menu-->
+
−
    <div class="btn-group">
+
−
        <button type="button" class="btn btn-success">Success</button>
+
−
        <button type="button" data-toggle="dropdown" class="btn btn-success dropdown-toggle"><span class="caret"></span></button>
+
−
        <ul class="dropdown-menu">
+
−
            <li><a href="#">Action</a></li>
+
−
            <li><a href="#">Another action</a></li>
+
−
            <li class="divider"></li>
+
−
            <li><a href="#">Separated link</a></li>
+
−
        </ul>
+
−
    </div>
+
−
    <!--Warning buttons with dropdown menu-->
+
−
    <div class="btn-group">
+
−
        <button type="button" class="btn btn-warning">Warning</button>
+
−
        <button type="button" data-toggle="dropdown" class="btn btn-warning dropdown-toggle"><span class="caret"></span></button>
+
−
        <ul class="dropdown-menu">
+
−
            <li><a href="#">Action</a></li>
+
−
            <li><a href="#">Another action</a></li>
+
−
            <li class="divider"></li>
+
−
            <li><a href="#">Separated link</a></li>
+
−
        </ul>
+
−
    </div>
+
−
    <!--Danger buttons with dropdown menu-->
+
−
    <div class="btn-group">
+
−
        <button type="button" class="btn btn-danger">Danger</button>
+
−
        <button type="button" data-toggle="dropdown" class="btn btn-danger dropdown-toggle"><span class="caret"></span></button>
+
−
        <ul class="dropdown-menu">
+
−
            <li><a href="#">Action</a></li>
+
−
            <li><a href="#">Another action</a></li>
+
−
            <li class="divider"></li>
+
−
            <li><a href="#">Separated link</a></li>
+
−
        </ul>
+
−
    </div>
+
−
</div>
+
−
 
+
−
 
+
−
 
+
−
<!-- Carousel
+
−
    ================================================== -->
+
−
  <div id="carousel-example-generic" class="carousel slide" data-ride="carousel" >
+
−
  <!-- Indicators -->
+
−
  <ol class="carousel-indicators">
+
−
    <li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li>
+
−
    <li data-target="#carousel-example-generic" data-slide-to="1"></li>
+
−
    <li data-target="#carousel-example-generic" data-slide-to="2"></li>
+
−
  </ol>
+
−
 
+
−
  <!-- Wrapper for slides -->
+
−
  <div class="carousel-inner" role="listbox">
+
−
    <div class="item active">
+
−
      <img class="img-responsive center-block" src="https://static.igem.org/mediawiki/2015/c/c9/Logo.png" alt="First slide">
+
−
        <div class="carousel-caption">
+
−
        ...
+
−
      </div>
+
−
    </div>
+
−
    <div class="item">
+
−
      <img src="..." alt="...">
+
−
      <div class="carousel-caption">
+
−
        ...
+
−
      </div>
+
−
    </div>
+
−
    <div class="item">
+
−
      <img src="..." alt="...">
+
−
      <div class="carousel-caption">
+
−
        ...
+
−
      </div>
+
−
    </div>
+
−
  </div>
+
  
−
  <!-- Controls -->
 
−
  <a class="left carousel-control" href="#carousel-example-generic" role="button" data-slide="prev">
 
−
    <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
 
−
    <span class="sr-only">Previous</span>
 
−
  </a>
 
−
  <a class="right carousel-control" href="#carousel-example-generic" role="button" data-slide="next">
 
−
    <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
 
−
    <span class="sr-only">Next</span>
 
−
  </a>
 
−
</div>
 
−
 
−
 
−
</body>
 
 
</html>
 
</html>
  
 
{{Bielefeld-CeBiTec/Footer}}
 
{{Bielefeld-CeBiTec/Footer}}

Latest revision as of 21:47, 14 September 2015

iGEM Bielefeld 2015


Cell-free Sticks - It works on paper

.....

Find Out More

Project

Our team decided to establish cell-free systems ("cell-free protein synthesis" and "plasmid repressor interaction assay"). For demonstrating the extensibility of our systems we worked with biosensors for heavy metals and we construct a new biosensor for date rape drugs. See what we are doing this year.

Get Started!

Results

Overview

...

Final application

It really works on paper...

Modeling

...

Biosafety

Our systems should be cell-free. We confirmed through experiments and experts that our systems contained no genetically modified organisms and are safe to use. Let's see what we've done.

Human Practices

A project is not only lab work. As scientists we need to take responsiblity of what we published and how we appear in public. Among other things we did a dual use essay as we want iGEM to be more aware of biosecurity. Read how iGEM can be a role model for dual use issues.

Take a closer look »

Team

We are ten master students studying molecular biotechnology, genome-based system biology and molecular cell biology. Curious who we are? Get to know us better!

Notebook

We documented everything we have done in the laboratory and lists protocols, organisms, buffers and primers. If you need more information, check this page.

Partners

An important aspect of iGEM is collaboration. We collaborated with several iGEM teams and helped them for their project. Moreover, you can see who supports us financially. Take a look!

Achievements

Development of a new cell-free assay named Plasmid Repressor Interaction Assay (PRIA)
Establishment of a cell-free protein synthesis (CFPS) system for the iGEM community
Demonstration of the biosensor system's extensibility through several biosensors
Construction of a new biosensor for the detection of date rape drugs
Construction of a new biosensor for heavy metals (Copper) .
Implementation of a model for CFPS.
Taking up the dual use issue in connection with the topic "date rape drugs".
Help another team
We have a functional prototype.