|
|
Line 1: |
Line 1: |
- | <html>
| |
- | <head>
| |
- | <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
| |
- | <title>Rutgers 2011 iGEM Team: Complex Circuits in Synthetic Biology</title>
| |
| | | |
- | <link rel='stylesheet' type='text/css' href='https://2011.igem.org/Template:Team:Rutgers/menu?action=raw&ctype=text/css' />
| |
- |
| |
- | <link rel='stylesheet' type='text/css' href='https://2011.igem.org/Template:Team:Rutgers/style?action=raw&ctype=text/css' />
| |
- |
| |
- |
| |
- | <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js" type="text/javascript" charset="utf-8"></script>
| |
- |
| |
- | <script type="text/javascript" src="http://code.jquery.com/jquery-1.4.2.js"></script>
| |
- |
| |
- | <link rel="stylesheet" href="http://zacstewart.github.com/Meow/jquery.meow.css" type="text/css" media="screen" title="no title" charset="utf-8">
| |
- |
| |
- | <link rel="stylesheet" href="https://raw.github.com/necolas/normalize.css/master/normalize.css" type="text/css" media="screen">
| |
- |
| |
- | <style type="text/css">
| |
- |
| |
- | /* Reset */
| |
- |
| |
- |
| |
- | /* Showcase
| |
- | -------------*/
| |
- |
| |
- | #awOnePageButton .view-slide
| |
- | {
| |
- | display: none;
| |
- | }
| |
- |
| |
- | /* This class is removed after the showcase is loaded */
| |
- | /* Assign the correct showcase height to prevent loading jumps in IE */
| |
- | .showcase-load
| |
- | {
| |
- | height: 470px; /* Same as showcase javascript option */
| |
- | overflow: hidden;
| |
- | }
| |
- |
| |
- | /* Container when content is shown as one page */
| |
- | .showcase-onepage
| |
- | {
| |
- | /**/
| |
- | }
| |
- |
| |
- | /* Container when content is shown in slider */
| |
- | .showcase
| |
- | {
| |
- | position: relative;
| |
- | margin: auto;
| |
- | }
| |
- |
| |
- | .showcase-content-container
| |
- | {
| |
- | background-color: #000;
| |
- | }
| |
- |
| |
- | /* Navigation arrows */
| |
- | .showcase-arrow-previous, .showcase-arrow-next
| |
- | {
| |
- | position: absolute;
| |
- | background: url('https://static.igem.org/mediawiki/2011/f/f0/Arrows.png');
| |
- | width: 33px;
| |
- | height: 33px;
| |
- | top: 220px;
| |
- | cursor: pointer;
| |
- | }
| |
- |
| |
- | .showcase-arrow-previous
| |
- | {
| |
- | left: -60px;
| |
- | }
| |
- |
| |
- | .showcase-arrow-previous:hover
| |
- | {
| |
- | background-position: 0px -34px;
| |
- | }
| |
- |
| |
- | .showcase-arrow-next
| |
- | {
| |
- | right: -56px;
| |
- | background-position: -34px 0;
| |
- | }
| |
- |
| |
- | .showcase-arrow-next:hover
| |
- | {
| |
- | background-position: -34px -34px;
| |
- | }
| |
- |
| |
- | /* Content */
| |
- | .showcase-content
| |
- | {
| |
- | background-color: #DDD;
| |
- | text-align: center;
| |
- | }
| |
- |
| |
- | .showcase-content-wrapper
| |
- | {
| |
- | text-align: center;
| |
- | height: 600px;
| |
- | width: 800px;
| |
- | display: table-cell;
| |
- | vertical-align: middle;
| |
- | }
| |
- |
| |
- | /* Styling the tooltips */
| |
- | .showcase-plus-anchor
| |
- | {
| |
- | background-image: url('https://static.igem.org/mediawiki/2011/2/2f/Plus.png');
| |
- | background-repeat: no-repeat;
| |
- | }
| |
- |
| |
- | .showcase-plus-anchor:hover
| |
- | {
| |
- | background-position: -32px 0;
| |
- | }
| |
- |
| |
- | div.showcase-tooltip
| |
- | {
| |
- | background-color: #fff;
| |
- | color: #000;
| |
- | text-align: left;
| |
- | padding: 5px 8px;
| |
- | background-image: url(../images/white-opacity-80.png);
| |
- | }
| |
- |
| |
- | /* Styling the caption */
| |
- | .showcase-caption
| |
- | {
| |
- | color: #000;
| |
- | padding: 8px 15px;
| |
- | text-align: left;
| |
- | position: absolute;
| |
- | bottom: 10px; left: 10px; right: 10px;
| |
- | display: none;
| |
- | background-image: url(../images/white-opacity-80.png);
| |
- | }
| |
- |
| |
- | .showcase-onepage .showcase-content
| |
- | {
| |
- | margin-bottom: 10px;
| |
- | }
| |
- |
| |
- | /* Button Wrapper */
| |
- | .showcase-button-wrapper
| |
- | {
| |
- | clear: both;
| |
- | margin-top: 10px;
| |
- | text-align: center;
| |
- | }
| |
- |
| |
- | .showcase-button-wrapper span
| |
- | {
| |
- | margin-right: 3px;
| |
- | padding: 2px 5px 0px 5px;
| |
- | cursor: pointer;
| |
- | font-size: 12px;
| |
- | color: #444444;
| |
- | }
| |
- |
| |
- | .showcase-button-wrapper span.active
| |
- | {
| |
- | color: #fff;
| |
- | }
| |
- |
| |
- | /* Thumbnails */
| |
- | .showcase-thumbnail-container /* Used for backgrounds, no other styling!!! */
| |
- | {
| |
- | background-color: #000;
| |
- | }
| |
- |
| |
- | .showcase-thumbnail-wrapper
| |
- | {
| |
- | overflow: hidden;
| |
- | }
| |
- |
| |
- | .showcase-thumbnail
| |
- | {
| |
- | width: 120px;
| |
- | height: 90px;
| |
- | cursor: pointer;
| |
- | border: solid 1px #333;
| |
- | position: relative;
| |
- | }
| |
- |
| |
- | .showcase-thumbnail-caption
| |
- | {
| |
- | position: absolute;
| |
- | bottom: 2px;
| |
- | padding-left: 10px;
| |
- | padding-bottom: 5px;
| |
- | }
| |
- |
| |
- | .showcase-thumbnail-content
| |
- | {
| |
- | padding: 10px;
| |
- | text-align: center;
| |
- | padding-top: 25px;
| |
- | }
| |
- |
| |
- | .showcase-thumbnail-cover
| |
- | {
| |
- | background-image: url(../images/black-opacity-40.png);
| |
- | position: absolute;
| |
- | top: 0; bottom: 0; left: 0; right: 0;
| |
- | }
| |
- |
| |
- | .showcase-thumbnail:hover
| |
- | {
| |
- | border: solid 1px #999;
| |
- | }
| |
- |
| |
- | .showcase-thumbnail:hover .showcase-thumbnail-cover
| |
- | {
| |
- | display: none;
| |
- | }
| |
- |
| |
- | .showcase-thumbnail.active
| |
- | {
| |
- | border: solid 1px #999;
| |
- | }
| |
- |
| |
- | .showcase-thumbnail.active .showcase-thumbnail-cover
| |
- | {
| |
- | display: none;
| |
- | }
| |
- |
| |
- | .showcase-thumbnail-wrapper-horizontal
| |
- | {
| |
- | padding: 10px;
| |
- | }
| |
- |
| |
- | .showcase-thumbnail-wrapper-horizontal .showcase-thumbnail
| |
- | {
| |
- | margin-right: 10px;
| |
- | width: 116px;
| |
- | }
| |
- |
| |
- | .showcase-thumbnail-wrapper-vertical
| |
- | {
| |
- | padding: 10px;
| |
- | }
| |
- |
| |
- | .showcase-thumbnail-wrapper-vertical .showcase-thumbnail
| |
- | {
| |
- | margin-bottom: 10px;
| |
- | }
| |
- |
| |
- | .showcase-thumbnail-button-backward,
| |
- | .showcase-thumbnail-button-forward
| |
- | {
| |
- | padding: 7px;
| |
- | cursor: pointer;
| |
- | }
| |
- |
| |
- | .showcase-thumbnail-button-backward
| |
- | {
| |
- | padding-bottom: 0px;
| |
- | padding-right: 0px;
| |
- | }
| |
- |
| |
- | .showcase-thumbnail-button-backward .showcase-thumbnail-vertical,
| |
- | .showcase-thumbnail-button-forward .showcase-thumbnail-vertical,
| |
- | .showcase-thumbnail-button-forward .showcase-thumbnail-horizontal,
| |
- | .showcase-thumbnail-button-backward .showcase-thumbnail-horizontal
| |
- | {
| |
- | background-image: url('https://static.igem.org/mediawiki/2011/5/59/Arrows-small.png');
| |
- | background-repeat: no-repeat;
| |
- | display: block;
| |
- | width: 17px;
| |
- | height: 17px;
| |
- | }
| |
- |
| |
- | .showcase-thumbnail-button-backward .showcase-thumbnail-vertical
| |
- | {
| |
- | background-position: 0 -51px;
| |
- | margin-left: 55px;
| |
- | }
| |
- | .showcase-thumbnail-button-backward:hover .showcase-thumbnail-vertical
| |
- | {
| |
- | background-position: -17px -51px;
| |
- | }
| |
- |
| |
- | .showcase-thumbnail-button-forward .showcase-thumbnail-vertical
| |
- | {
| |
- | background-position: 0 -34px;
| |
- | margin-left: 55px;
| |
- | }
| |
- | .showcase-thumbnail-button-forward:hover .showcase-thumbnail-vertical
| |
- | {
| |
- | background-position: -17px -34px;
| |
- | }
| |
- |
| |
- | .showcase-thumbnail-button-backward .showcase-thumbnail-horizontal
| |
- | {
| |
- | background-position: 0 -17px;
| |
- | margin-top: 40px;
| |
- | margin-bottom: 40px;
| |
- | }
| |
- | .showcase-thumbnail-button-backward:hover .showcase-thumbnail-horizontal
| |
- | {
| |
- | background-position: -17px -17px;
| |
- | }
| |
- |
| |
- | .showcase-thumbnail-button-forward .showcase-thumbnail-horizontal
| |
- | {
| |
- | background-position: 0 0;
| |
- | margin-top: 40px;
| |
- | margin-bottom: 40px;
| |
- | }
| |
- | .showcase-thumbnail-button-forward:hover .showcase-thumbnail-horizontal
| |
- | {
| |
- | background-position: -17px 0;
| |
- | }
| |
- |
| |
- | /* Hide button text */
| |
- | .showcase-thumbnail-button-forward span span,
| |
- | .showcase-thumbnail-button-backward span span
| |
- | {
| |
- | display: none;
| |
- | }
| |
- |
| |
- |
| |
- |
| |
- | /* Clear (used for horizontal thumbnails)
| |
- | -------------------------------------------*/
| |
- |
| |
- | .clear
| |
- | {
| |
- | clear: both;
| |
- | display: block;
| |
- | overflow: hidden;
| |
- | visibility: hidden;
| |
- | width: 0;
| |
- | height: 0;
| |
- | float: none;
| |
- | }
| |
- |
| |
- |
| |
- | </style>
| |
- |
| |
- | <script src="http://zacstewart.github.com/Meow/jquery.meow.js" type="text/javascript" charset="utf-8"></script>
| |
- |
| |
- |
| |
- | <script>
| |
- | $(document).ready(function() {
| |
- | $.meow({
| |
- | message: $('#onready'),
| |
- | icon: 'folder_32.png'
| |
- | });
| |
- | $('#button').click(function () {
| |
- | $.meow({
| |
- | message: $('#onclick'),
| |
- | icon: 'folder_32.png'
| |
- | });
| |
- | });
| |
- | $('#onchange').change(function () {
| |
- | $.meow({
| |
- | title: 'I have a defined title!',
| |
- | message: $('#onchange'),
| |
- | /*icon: '/icons/chart_16.png'*/
| |
- | });
| |
- | });
| |
- |
| |
- | $('#Link').click(function () {
| |
- | $.meow({
| |
- | message: 'What goes here?',
| |
- | icon: "83-calendar.png"
| |
- | });
| |
- | });
| |
- |
| |
- | $('#selectonchange').change(function () {
| |
- | $.meow({
| |
- | message: $('#selectonchange'),
| |
- | icon: 'folder_32.png'
| |
- | });
| |
- | });
| |
- | $('#sticky').click(function () {
| |
- | $.meow({
| |
- | message: 'I\'m a sticky meow!',
| |
- | icon: 'folder_32.png',
| |
- | sticky: true
| |
- | });
| |
- | });
| |
- | $('#uncloseable').click(function () {
| |
- | $.meow({
| |
- | message: 'I am uncloseable!',
| |
- | icon: 'folder_32.png',
| |
- | closeable: false
| |
- | });
| |
- | });
| |
- | $('#callbacks').click(function () {
| |
- | $.meow({
| |
- | message: 'I have callbacks!',
| |
- | icon: 'folder_32.png',
| |
- | beforeCreateFirst: function () {
| |
- | alert(this + ' is the first meow!');
| |
- | },
| |
- | beforeCreate: function () {
| |
- | alert('About to create ' + this);
| |
- | },
| |
- | afterCreate: function () {
| |
- | alert('Just created ' + this);
| |
- | },
| |
- | onTimeout: function () {
| |
- | alert(this + ' just timed out.');
| |
- | },
| |
- | beforeDestroy: function () {
| |
- | alert('About to destroy ' + this);
| |
- | },
| |
- | afterDestroy: function () {
| |
- | alert('And it\'s gone');
| |
- | },
| |
- | afterDestroyLast: function () {
| |
- | alert('There are no meows left :3');
| |
- | }
| |
- | });
| |
- | });
| |
- | });
| |
- | </script>
| |
- |
| |
- |
| |
- |
| |
- | <style>
| |
- | #p-logo {
| |
- | display:none;
| |
- | }
| |
- |
| |
- | #search-controls {
| |
- | display:none;
| |
- | }
| |
- |
| |
- | #siteSub {
| |
- | display:none;
| |
- | }
| |
- |
| |
- | .firstHeading {
| |
- | display:none;
| |
- | }
| |
- |
| |
- | #top-section {
| |
- | height: 20px;
| |
- | border:0px;
| |
- | }
| |
- |
| |
- | #content {
| |
- | border:0px;
| |
- | background:none;
| |
- | opacity:1.0;
| |
- | }
| |
- |
| |
- | #siteSub {
| |
- | display:none;
| |
- | }
| |
- |
| |
- | #contentSub {
| |
- | display:none;
| |
- | }
| |
- |
| |
- | #catlinks {
| |
- | border:0px;
| |
- | display:none;
| |
- | }
| |
- |
| |
- | #footer-box {
| |
- | display:none;
| |
- | }
| |
- |
| |
- | #menubar li a {
| |
- | color:#333333;
| |
- | background-color:transparent;
| |
- | }
| |
- |
| |
- | #menubar li a:hover {
| |
- | text-decoration:none;
| |
- | color:#993333;
| |
- | }
| |
- |
| |
- | #menubar ul {
| |
- | color:transparent;
| |
- | background-color:transparent;
| |
- | }
| |
- |
| |
- | #menubar {
| |
- | background-color:transparent;
| |
- | margin-top:5px;
| |
- | font-size:11px;
| |
- | white-space:nowrap;
| |
- | overflow:hidden
| |
- | }
| |
- | </style>
| |
- |
| |
- |
| |
- |
| |
- | </head>
| |
- | <body leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
| |
- |
| |
- | <ul id="menu">
| |
- |
| |
- | <li><a href="https://2011.igem.org/Team:Rutgers" class="drop">Home</a><!-- Begin Home Item -->
| |
- |
| |
- |
| |
- | <div class="dropdown_2columns"><!-- Begin 2 columns container -->
| |
- |
| |
- | <div class="col_2">
| |
- | <h2>"Welcome!"</h2>
| |
- | </div>
| |
- |
| |
- | <div class="col_2">
| |
- | <p>Hi and welcome here! This is the Rutgers iGEM Team of 2011's Official Wiki. </p>
| |
- | <p>Enjoy!</p>
| |
- | </div>
| |
- |
| |
- |
| |
- | </div><!-- End 2 columns container -->
| |
- |
| |
- | </li><!-- End Home Item -->
| |
- |
| |
- | <li><a href="#" class="drop">Projects</a><!-- Begin 5 columns Item -->
| |
- |
| |
- | <div class="dropdown_5columns"><!-- Begin 5 columns container -->
| |
- |
| |
- | <div class="col_5">
| |
- | <h2>RUiGEM 2011: Complex is Simple</h2>
| |
- | </div>
| |
- |
| |
- | <div class="col_1">
| |
- | <p class="black_box">Complex Circuits</p>
| |
- |
| |
- | </div>
| |
- |
| |
- | <div class="col_1">
| |
- | <p><a href="https://2011.igem.org/Team:Rutgers/EAS1">Bacterial ETCH-A-SKETCH</a></p>
| |
- | </div>
| |
- |
| |
- | <div class="col_1">
| |
- |
| |
- | <p><a href="https://2011.igem.org/Team:Rutgers/FA1">Bacterial FULL ADDER</a></p>
| |
- | </div>
| |
- |
| |
- | <div class="col_1">
| |
- | <p><a href="https://2011.igem.org/Team:Rutgers/MYS!S">MYS!S BioBrick Optimizer</a></p>
| |
- | </div>
| |
- |
| |
- | <div class="col_1">
| |
- | <p><a href="https://2011.igem.org/Team:Rutgers/MD1">Modeling</a></p>
| |
- | </div>
| |
- |
| |
- |
| |
- | <div class="col_3">
| |
- |
| |
- | <img src="http://gears.rutgers.edu/images/icons/eas.png" width="70" height="70" class="img_left imgshadow" alt="" />
| |
- | <p>The Etch-a-Sketch project aims to create a lawn of bacteria that can be drawn on with a laser pointer.
| |
- | <a href="https://2011.igem.org/Team:Rutgers/EAS1">Read more...</a></p>
| |
- | </div>
| |
- |
| |
- |
| |
- | <div class="col_3">
| |
- | <img src="http://gears.rutgers.edu/images/icons/bfa.png" width="70" height="70" class="img_left imgshadow" alt="" />
| |
- | <p>The Full Adder project seeks to create bacteria that can mimic a digital full adder.
| |
- | <a href="https://2011.igem.org/Team:Rutgers/FA1">Read more...</a></p>
| |
- | </div>
| |
- |
| |
- |
| |
- | <div class="col_3">
| |
- | <img src="http://gears.rutgers.edu/images/icons/mys.png" width="70" height="70" class="img_left imgshadow" alt="" />
| |
- | <p>Rutgers iGEM software team strives to provide a tool to improve the standard parts registry by checking, and if need be modifying, the BioBrick parts.
| |
- | <a href="https://2011.igem.org/Team:Rutgers/MYS!S">Read more...</a></p>
| |
- | </div>
| |
- |
| |
- |
| |
- | </div><!-- End 5 columns container -->
| |
- |
| |
- |
| |
- | </li><!-- End 5 columns Item -->
| |
- |
| |
- | <li><a href="#" class="drop">Notebook</a><!-- Begin 5 columns Item -->
| |
- |
| |
- | <div class="dropdown_5columns"><!-- Begin 5 columns container -->
| |
- |
| |
- | <div class="col_5">
| |
- | <h2>RUiGEM 2011: Complex is Simple</h2>
| |
- |
| |
- | </div>
| |
- |
| |
- | <div class="col_1">
| |
- | <p class="black_box">Complex Circuits</p>
| |
- |
| |
- | </div>
| |
- |
| |
- | <div class="col_1">
| |
- | <p><a href="https://2011.igem.org/Team:Rutgers/LB1">Our Lab Notebook</a></p>
| |
- | </div>
| |
- |
| |
- | <div class="col_1">
| |
- |
| |
- | <p><a href="https://2011.igem.org/Team:Rutgers/References">Our References</a></p>
| |
- | </div>
| |
- |
| |
- | <div class="col_1">
| |
- |
| |
- | <p><a href="http://openwetware.org/wiki/Escherichia_coli">Openwetware/E. coli Protocols</a></p>
| |
- | </div>
| |
- |
| |
- | </div><!-- End 5 columns container -->
| |
- |
| |
- |
| |
- | </li><!-- End 5 columns Item -->
| |
- |
| |
- |
| |
- | <li><a href="#" class="drop">Team</a><!-- Begin 5 columns Item -->
| |
- |
| |
- | <div class="dropdown_5columns"><!-- Begin 5 columns container -->
| |
- |
| |
- | <div class="col_5">
| |
- | <h2>RUiGEM 2011: The team and our appreciation to those that helped us.</h2>
| |
- |
| |
- | </div>
| |
- |
| |
- | <div class="col_1">
| |
- | <p class="black_box">Complex Circuits</p>
| |
- |
| |
- | </div>
| |
- |
| |
- | <div class="col_1">
| |
- | <p><a href="https://2011.igem.org/Team:Rutgers/Team">Our Team</a></p>
| |
- | </div>
| |
- |
| |
- | <div class="col_1">
| |
- |
| |
- | <p><a href="https://2011.igem.org/Team:Rutgers/Acknowledgements">Our Acknowledgements</a></p>
| |
- | </div>
| |
- |
| |
- | </div><!-- End 5 columns container -->
| |
- | </li><!-- End 5 columns Item -->
| |
- |
| |
- |
| |
- |
| |
- | <li><a href="#" class="drop">Safety</a><!-- Begin 5 columns Item -->
| |
- |
| |
- | <div class="dropdown_3columns align_right"><!-- Begin 5 columns container -->
| |
- |
| |
- | <div class="col_5">
| |
- | <h2>How can synthetic biology be better understood?</h2>
| |
- |
| |
- | </div>
| |
- |
| |
- | <div class="col_1">
| |
- | <p class="black_box">Complex Circuits</p>
| |
- |
| |
- | </div>
| |
- |
| |
- | <div class="col_1">
| |
- | <p><a href="https://2011.igem.org/Team:Rutgers/Safety">BioSafety</a></p>
| |
- | </div>
| |
- |
| |
- | <div class="col_1">
| |
- |
| |
- | <p><a href="https://2011.igem.org/Team:Rutgers/HP1">Human Practices</a></p>
| |
- | </div>
| |
- |
| |
- |
| |
- |
| |
- | </div><!-- End 5 columns container -->
| |
- |
| |
- |
| |
- | </li><!-- End 5 columns Item -->
| |
- |
| |
- |
| |
- |
| |
- | <li><a href="https://2011.igem.org/Main_Page" class="drop">iGEM</a><!-- Begin 5 columns Item -->
| |
- | <div class="dropdown_3columns align_right"><!-- Begin 3 columns container -->
| |
- |
| |
- | <div class="col_3">
| |
- | <h2>The International Genetically Engineered Machine (iGEM)</h2>
| |
- | </div>
| |
- |
| |
- | <div class="col_1">
| |
- |
| |
- | <ul class="greybox">
| |
- | <li><a href="https://2011.igem.org">2011 iGEM</a></li>
| |
- | <li><a href="http://en.wikipedia.org/wiki/Igem">Wikipedia/iGEM</a></li>
| |
- | </ul>
| |
- |
| |
- | </div>
| |
- |
| |
- | <div class="col_1">
| |
- |
| |
- | <ul class="greybox">
| |
- | <li><a href="http://ung.igem.org/Team_Wikis?year=2010">2010 Wikis</a></li>
| |
- | <li><a href="http://ung.igem.org/Team_Wikis?year=2009">2009 Wikis</a></li>
| |
- | </ul>
| |
- |
| |
- | </div>
| |
- |
| |
- | <div class="col_1">
| |
- |
| |
- | <ul class="greybox">
| |
- | <li><a href="http://rutgersigem.com">Rutgers iGEM</a></li>
| |
- | <li><a href="http://rutgers.edu">Rutgers</a></li>
| |
- | </ul>
| |
- |
| |
- | </div>
| |
- |
| |
- | </div><!-- End 5 columns container -->
| |
- |
| |
- |
| |
- | </li><!-- End 5 columns Item -->
| |
- |
| |
- | </ul>
| |