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

 
(28 intermediate revisions by the same user not shown)
Line 1: Line 1:
 
{{Bielefeld-CeBiTec/Header}}
 
{{Bielefeld-CeBiTec/Header}}
  
−
<!DOCTYPE html>
+
 
−
<html lang="en" class="no-js">
+
<html lang="en">
−
<head>
+
 
−
<meta charset="UTF-8" />
+
<head>
−
<meta http-equiv="X-UA-Compatible" content="IE=edge">  
+
 
−
<meta name="viewport" content="width=device-width, initial-scale=1">  
+
</head>
−
<title>Off-Canvas Menu Effects - Top Side</title>
+
 
−
<meta name="description" content="Modern effects and styles for off-canvas navigation with CSS transitions and SVG animations using Snap.svg" />
+
<body id="page-top">
−
<meta name="keywords" content="sidebar, off-canvas, menu, navigation, effect, inspiration, css transition, SVG, morphing, animation" />
+
 
−
<meta name="author" content="Codrops" />
+
 
−
<link rel="shortcut icon" href="../favicon.ico">
+
 
−
<link rel="stylesheet" type="text/css" href="css/normalize.css" />
+
    <header style="margin-top: -60px">
−
<link rel="stylesheet" type="text/css" href="css/demo.css" />
+
        <div class="header-content" style="padding-top: 300px">
−
<link rel="stylesheet" type="text/css" href="fonts/font-awesome-4.2.0/css/font-awesome.min.css" />
+
            <div class="header-content-inner">
−
<link rel="stylesheet" type="text/css" href="css/menu_topside.css" />
+
                <h1>Cell-free Sticks - It works on paper</h1>
−
<!--[if IE]>
+
                <p>.....</p>
−
  <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
+
                <a href="#about" class="btn btn-primary btn-xl page-scroll">Find Out More</a>
−
<![endif]-->
+
            </div>
−
</head>
+
        </div>
−
<body>
+
    </header>
−
<div class="container">
+
 
−
<div class="menu-wrap">
+
    <section class="bg-primary" id="about">
−
<nav class="menu-top">
+
        <div class="container">
−
<div class="profile"><img src="img/user1.png" alt="Matthew Greenberg"/><span>Matthew Greenberg</span></div>
+
            <div class="row">
−
<div class="icon-list">
+
                <div class="col-lg-8 col-lg-offset-2 text-center">
−
<a href="#"><i class="fa fa-fw fa-star-o"></i></a>
+
                    <h2 class="section-heading">Project</h2>
−
<a href="#"><i class="fa fa-fw fa-bell-o"></i></a>
+
                    <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>
−
<a href="#"><i class="fa fa-fw fa-envelope-o"></i></a>
+
                    <a href="#" class="btn btn-default btn-xl">Get Started!</a>
−
<a href="#"><i class="fa fa-fw fa-comment-o"></i></a>
+
                </div>
−
</div>
+
            </div>
−
</nav>
+
        </div>
−
<nav class="menu-side">
+
    </section>
−
<a href="#">Recent Stories</a>
+
   
−
<a href="#">Reading List</a>
+
   
−
<a href="#">My Stories</a>
+
    <section>
−
<a href="#">Categories</a>
+
            <div class="container">
−
</nav>
+
            <div class="row">
−
</div>
+
                <div class="col-lg-12 text-center">
−
<button class="menu-button" id="open-button">Open Menu</button>
+
                    <h2 class="section-heading">Results</h2>
−
<div class="content-wrap">
+
                </div>
−
<div class="content">
+
            </div>
−
<header class="codrops-header">
+
            <div class="row text-center">
−
<div class="codrops-links">
+
            <div class="col-sm-3">
−
<a class="codrops-icon codrops-icon-prev" href="http://tympanus.net/Development/TabStylesInspiration/"><span>Previous Demo</span></a>
+
                <img class="img-circle img-responsive img-center" src="http://placehold.it/300x300" alt="">
−
<a class="codrops-icon codrops-icon-drop" href="http://tympanus.net/codrops/?p=20100"><span>Back to the Codrops Article</span></a>
+
                <h2>Overview</h2>
−
</div>
+
                <p>...</p>
−
<h1>Off-Canvas Menu Effects <span>Showing (off-canvas) menus stylishly</span></h1>
+
            </div>
−
<nav class="codrops-demos">
+
            <div class="col-sm-3">
−
<a class="current-demo" href="index.html">Top Side</a>
+
                <img class="img-circle img-responsive img-center" src="http://placehold.it/300x300" alt="">
−
<a href="sideslide.html">Side Slide</a>
+
                <h2>Final application</h2>
−
<a href="cornerbox.html">Corner Box</a>
+
                <p>It really works on paper...</p>
−
<a href="cornerbox_nested.html">Nested Corner Box</a>
+
            </div>
−
<a href="topexpand.html">Top Expand</a>
+
            <div class="col-sm-3">
−
<a href="cornermorph.html">Corner Morph</a>
+
                <img class="img-circle img-responsive img-center" src="http://placehold.it/300x300" alt="">
−
<a href="elastic.html">Elastic</a>
+
                <h2>Modeling</h2>
−
<a href="bubble.html">Bubble</a>
+
                <p>...</p>
−
<a href="wave.html">Wave</a>
+
            </div>
−
</nav>
+
            <div class="col-sm-3">
−
<p>Based on the <a href="https://dribbble.com/shots/1663008-Old-Designspiration-Menu-Concept">Dribble shot by Michael Martinho</a></p>
+
                <img class="img-circle img-responsive img-center" src="http://placehold.it/300x300" alt="">
−
</header>
+
                <h2>Biosafety</h2>
−
<!-- Related demos -->
+
                <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>
−
<section class="related">
+
            </div>
−
<p>If you enjoyed this demo you might also like:</p>
+
    </div>
−
<a href="http://tympanus.net/Development/SidebarTransitions/">
+
                </div>
−
<img src="img/related/sidebartransitions.png" />
+
     
−
<h3>Transitions for Off-Canvas Navigations</h3>
+
    </section>
−
</a>
+
   
−
<a href="http://tympanus.net/Development/PerspectivePageViewNavigation/">
+
   
−
<img src="img/related/PerspectiveNavigation.png" />
+
        <section class="bg-primary" id="about">
−
<h3>Perspective Page View Navigation</h3>
+
        <div class="container">
−
</a>
+
            <div class="row">
−
</section>
+
                <div class="col-lg-8 col-lg-offset-2 text-center">
−
</div>
+
                    <h2 class="section-heading">Human Practices</h2>
−
</div><!-- /content-wrap -->
+
                    <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>
−
</div><!-- /container -->
+
                    <a href="#" class="btn btn-default btn-xl">Take a closer look &raquo;</a>
−
<script src="js/classie.js"></script>
+
                </div>
−
<script src="js/main.js"></script>
+
            </div>
 +
        </div>
 +
    </section>
 +
   
 +
   
 +
 
 +
    <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>
 +
   
  
 
</body>
 
</body>

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.