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

Line 1: Line 1:
 
{{Bielefeld-CeBiTec/Header}}
 
{{Bielefeld-CeBiTec/Header}}
  
<!DOCTYPE html>
+
<html>
<html lang="en" class="no-js">
+
 
<head>
+
<head>
<meta charset="UTF-8" />
+
 
<meta http-equiv="X-UA-Compatible" content="IE=edge">
+
</head>
<meta name="viewport" content="width=device-width, initial-scale=1">
+
 
<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" />
+
 
<meta name="keywords" content="sidebar, off-canvas, menu, navigation, effect, inspiration, css transition, SVG, morphing, animation" />
+
<body data-spy="scroll" data-target="#pagenav" data-offset="20">
<meta name="author" content="Codrops" />
+
   
<link rel="shortcut icon" href="../favicon.ico">
+
 
<link rel="stylesheet" type="text/css" href="css/normalize.css" />
+
   
<link rel="stylesheet" type="text/css" href="css/demo.css" />
+
   
<link rel="stylesheet" type="text/css" href="fonts/font-awesome-4.2.0/css/font-awesome.min.css" />
+
   
<link rel="stylesheet" type="text/css" href="css/menu_topside.css" />
+
<div class="container">
<!--[if IE]>
+
<div class="row">
  <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
+
<div class="col-md-12">
<![endif]-->
+
 
</head>
+
<nav id="pagenav" class="navbar navbar-fixed-bottom"><ul class="nav nav-tabs" role="tablist" style="margin-left: 0px">
<body>
+
<li><a href="#bli">Section 1</a></li>
<div class="container">
+
<li><a href="#bla">Section 2</a></li>
<div class="menu-wrap">
+
<li><a href="#blub">Section 3</a></li>
<nav class="menu-top">
+
</ul>
<div class="profile"><img src="img/user1.png" alt="Matthew Greenberg"/><span>Matthew Greenberg</span></div>
+
</nav>
<div class="icon-list">
+
 
<a href="#"><i class="fa fa-fw fa-star-o"></i></a>
+
 
<a href="#"><i class="fa fa-fw fa-bell-o"></i></a>
+
 
<a href="#"><i class="fa fa-fw fa-envelope-o"></i></a>
+
<div class="jumbotron" style="background-image: url(https://static.igem.org/mediawiki/2015/2/23/Bielefeld-CeBiTec_Modeling_jumbotron_curves.png); margin-top: 20px">
<a href="#"><i class="fa fa-fw fa-comment-o"></i></a>
+
<div class="jumbotron-text">
</div>
+
<h1 style="margin-bottom: 0px">Biosensor Model</h1>
</nav>
+
<p>...</p>
<nav class="menu-side">
+
</div>
<a href="#">Recent Stories</a>
+
</div>
<a href="#">Reading List</a>
+
   
<a href="#">My Stories</a>
+
    <div id = "bli">
<a href="#">Categories</a>
+
    <h2 >A model system for our model</h2>
</nav>
+
    <p>The most difficult part of modeling a biological system is finding parameters which accurately describe the processes of interest. We were aware that we would not be able to obtain exact parameters for the repressor and activator proteins we wanted to work with. For this reason, we decided to turn to the best characterized example of gene regulation out there: the lac operon.</p>
</div>
+
</div>
<button class="menu-button" id="open-button">Open Menu</button>
+
<div id = "bla">
<div class="content-wrap">
+
<h2 >A model system for our model 2</h2>
<div class="content">
+
<p>
<header class="codrops-header">
+
f</br>
<div class="codrops-links">
+
f</br>f</br>f</br>f</br>f</br>f</br>f</br>f</br>f</br>f</br>f</br>f</br>f</br>f</br>f</br>f</br>f</br>f</br>f</br>
<a class="codrops-icon codrops-icon-prev" href="http://tympanus.net/Development/TabStylesInspiration/"><span>Previous Demo</span></a>
+
e
<a class="codrops-icon codrops-icon-drop" href="http://tympanus.net/codrops/?p=20100"><span>Back to the Codrops Article</span></a>
+
 
</div>
+
e
<h1>Off-Canvas Menu Effects <span>Showing (off-canvas) menus stylishly</span></h1>
+
</p>
<nav class="codrops-demos">
+
</div>
<a class="current-demo" href="index.html">Top Side</a>
+
<div id = "blub">
<a href="sideslide.html">Side Slide</a>
+
<h2>A model system for our model 3</h2>
<a href="cornerbox.html">Corner Box</a>
+
f</br>f</br>f</br>f</br>f</br>f</br>f</br>f</br>f</br>f</br>f</br>f</br>f</br>f</br>f</br>f</br>f</br>f</br>f</br>
<a href="cornerbox_nested.html">Nested Corner Box</a>
+
</div>
<a href="topexpand.html">Top Expand</a>
+
 
<a href="cornermorph.html">Corner Morph</a>
+
<div id= "one">
<a href="elastic.html">Elastic</a>
+
<h3>one</h3>
<a href="bubble.html">Bubble</a>
+
Please note that all contributions to 2015.igem.org are considered to be released under the Attribution 4.0 International (see 2015.igem.org:Copyrights for details). If you do not want your writing to be edited mercilessly and redistributed at will, then do not submit it here.
<a href="wave.html">Wave</a>
+
You are also promising us that you wrote this yourself, or copied it from a public domain or similar free resource. Do not submit copyrighted work without permission!
</nav>
+
</div>
<p>Based on the <a href="https://dribbble.com/shots/1663008-Old-Designspiration-Menu-Concept">Dribble shot by Michael Martinho</a></p>
+
 
</header>
+
<div id= "two">
<!-- Related demos -->
+
<h3>Two</h3>
<section class="related">
+
Please note that all contributions to 2015.igem.org are considered to be released under the Attribution 4.0 International (see 2015.igem.org:Copyrights for details). If you do not want your writing to be edited mercilessly and redistributed at will, then do not submit it here.
<p>If you enjoyed this demo you might also like:</p>
+
You are also promising us that you wrote this yourself, or copied it from a public domain or similar free resource. Do not submit copyrighted work without permission!
<a href="http://tympanus.net/Development/SidebarTransitions/">
+
</div>
<img src="img/related/sidebartransitions.png" />
+
 
<h3>Transitions for Off-Canvas Navigations</h3>
+
<div id= "three">
</a>
+
<h3>Three</h3>
<a href="http://tympanus.net/Development/PerspectivePageViewNavigation/">
+
Please note that all contributions to 2015.igem.org are considered to be released under the Attribution 4.0 International (see 2015.igem.org:Copyrights for details). If you do not want your writing to be edited mercilessly and redistributed at will, then do not submit it here.
<img src="img/related/PerspectiveNavigation.png" />
+
You are also promising us that you wrote this yourself, or copied it from a public domain or similar free resource. Do not submit copyrighted work without permission!
<h3>Perspective Page View Navigation</h3>
+
</div>
</a>
+
 
</section>
+
</div></div>
</div>
+
</div>
</div><!-- /content-wrap -->
+
</div><!-- /container -->
+
<script src="js/classie.js"></script>
+
<script src="js/main.js"></script>
+
  
 
</body>
 
</body>

Revision as of 15:12, 11 September 2015

iGEM Bielefeld 2015


Biosensor Model

...

A model system for our model

The most difficult part of modeling a biological system is finding parameters which accurately describe the processes of interest. We were aware that we would not be able to obtain exact parameters for the repressor and activator proteins we wanted to work with. For this reason, we decided to turn to the best characterized example of gene regulation out there: the lac operon.

A model system for our model 2

f
f
f
f
f
f
f
f
f
f
f
f
f
f
f
f
f
f
f
f
e e

A model system for our model 3

f
f
f
f
f
f
f
f
f
f
f
f
f
f
f
f
f
f
f

one

Please note that all contributions to 2015.igem.org are considered to be released under the Attribution 4.0 International (see 2015.igem.org:Copyrights for details). If you do not want your writing to be edited mercilessly and redistributed at will, then do not submit it here. You are also promising us that you wrote this yourself, or copied it from a public domain or similar free resource. Do not submit copyrighted work without permission!

Two

Please note that all contributions to 2015.igem.org are considered to be released under the Attribution 4.0 International (see 2015.igem.org:Copyrights for details). If you do not want your writing to be edited mercilessly and redistributed at will, then do not submit it here. You are also promising us that you wrote this yourself, or copied it from a public domain or similar free resource. Do not submit copyrighted work without permission!

Three

Please note that all contributions to 2015.igem.org are considered to be released under the Attribution 4.0 International (see 2015.igem.org:Copyrights for details). If you do not want your writing to be edited mercilessly and redistributed at will, then do not submit it here. You are also promising us that you wrote this yourself, or copied it from a public domain or similar free resource. Do not submit copyrighted work without permission!