|
|
| (One intermediate revision not shown) |
| Line 1: |
Line 1: |
| - | /* Wiki Hacks - START */
| |
| - | /* Author: Pieter van Boheemen */
| |
| - | /* Team: TU Delft */
| |
| - | #globalWrapper { background-color: transparent; border: none; margin: 0; padding: 0; width: 100%; height:100%;}
| |
| - | #content { background-color: transparent; border: none; padding: 0; margin: 0; width: 100%; overflow: hidden; height:100%;}
| |
| - | #bodyContent { border: none; padding:0; margin:0; width:100%; height:100%;}
| |
| - | #top-section { height: 15px; margin: 0px; margin-left: auto; margin-right: auto; margin-bottom: 0 !important;
| |
| - | padding:0; border: none; font-size: 10px;}
| |
| - | #p-logo { height:1px; overflow:hidden; display: none;}
| |
| - | #search-controls { overflow:hidden; display:block; background: none; position: absolute; top: 100px; right: 40px;}
| |
| - | .left-menu { width: 500px !important; display:block; margin-top:-80px; border: none; text-align: right;}
| |
| - | .left-menu ul { border: none; }
| |
| - | #menubar.right-menu { width:300px; display:block; float:left; margin-top:-80px; border: none;}
| |
| - | .right-menu ul { border: none; width: 300px;}
| |
| - | #footer-box { width: 100%; margin: -10px auto 0 auto; padding: 20px 0;}
| |
| - | .visualClear { display: none; }
| |
| - | #footer { border: none; width: 965px; margin: 0 auto; padding: 0;}
| |
| - | .firstHeading { display: none;}
| |
| - | #f-list a { color: #333; font-size: 10px;}
| |
| - | #f-list a:hover { color: #666;}
| |
| - | .printfooter { display: none; }
| |
| - | #footer ul { margin: 0; padding: 0;}
| |
| - | #footer ul li { margin-top: 0; margin-bottom: 0; margin-left: 10px; margin-right: 10px; padding: 0;}
| |
| - | #search-controls { display:none; }
| |
| - | h3#siteSub { display: none;}
| |
| - | #contentSub {display: none;}
| |
| - | p:first-child { display: none;}
| |
| - | /* Wiki Hacks - END */
| |
| | | | |
| - |
| |
| - | <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
| |
| - | <html xmlns="http://www.w3.org/1999/xhtml">
| |
| - | <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" href="menu.css" type="text/css" media="screen" />
| |
| - | <!-- jquery -->
| |
| - | <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">
| |
| - | <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="../wiki/jquery.sudoSlider.min.js"></script>
| |
| - |
| |
| - | <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>
| |
| - |
| |
| - |
| |
| - | <!--[if IE 6]>
| |
| - | <style>
| |
| - | body {behavior: url("csshover3.htc");}
| |
| - | #menu li .drop {background:url("img/drop.gif") no-repeat right 8px;
| |
| - | </style>
| |
| - | <![endif]-->
| |
| - |
| |
| - | <script type="text/javascript" >
| |
| - | $(document).ready(function(){
| |
| - | var ajaximages = [
| |
| - | '../images/01.png',
| |
| - | '../images/02.png',
| |
| - | ];
| |
| - | var imagestext = [
| |
| - | 'Just another beautiful sunset',
| |
| - | 'Behind another beautiful sunset',
| |
| - | ];
| |
| - | var sudoSlider = $("#slider").sudoSlider({
| |
| - | fade:true,
| |
| - | continuous:true,
| |
| - | ajax: ajaximages,
| |
| - | ajaxLoadFunction: function(t){
| |
| - | $(this)
| |
| - | .css("position","relative")
| |
| - | .append('<div class="caption" >' + imagestext[t-1] + '</div>');
| |
| - | },
| |
| - | beforeAniFunc: function(t){
| |
| - | $(this).children('.caption').hide();
| |
| - | },
| |
| - | afterAniFunc: function(t){
| |
| - | $(this).children('.caption').slideDown(400);
| |
| - | }
| |
| - | });
| |
| - | });
| |
| - | </script>
| |
| - |
| |
| - | <style type="text/css">
| |
| - |
| |
| - | <!--
| |
| - |
| |
| - | body,td,th {
| |
| - | font-family: Arial, Helvetica, sans-serif;
| |
| - | font-size: 36px;
| |
| - | text-align: center;
| |
| - | color: #CCC;
| |
| - | }
| |
| - | body {
| |
| - | margin-left: 0px;
| |
| - | margin-top: 0px;
| |
| - | margin-right: 0px;
| |
| - | margin-bottom: 0px;
| |
| - | }
| |
| - | .Test {
| |
| - | color: #252525;
| |
| - | text-align: right; font-size: px;
| |
| - | }
| |
| - | .Test strong {
| |
| - | color: #666;
| |
| - | font-size: 48px;
| |
| - | font-weight: bold;
| |
| - | }
| |
| - |
| |
| - |
| |
| - | <style type="text/css">
| |
| - | html, body { height:100% }
| |
| - | body, h1, h2, p { border:0; margin:0; padding:0; }
| |
| - | body {
| |
| - | font-family: helvetica, arial, sans-serif;
| |
| - | background-image:-webkit-gradient(radial, 50% 50%, 0, 50% 50%, 300, from(#888), to(#444));
| |
| - | background-image:url();
| |
| - | background-size:100% 100%;
| |
| - | -webkit-perspective:500px;
| |
| - | -moz-perspective:500px;
| |
| - | background-repeat: repeat-x;
| |
| - |
| |
| - | /* IE10 */
| |
| - | background-image: -ms-radial-gradient(right top, ellipse farthest-corner, #FFFFFF 0%, #D6D6D6 100%);
| |
| - |
| |
| - | /* Mozilla Firefox */
| |
| - | background-image: -moz-radial-gradient(right top, ellipse farthest-corner, #FFFFFF 0%, #D6D6D6 100%);
| |
| - |
| |
| - | /* Opera */
| |
| - | background-image: -o-radial-gradient(right top, ellipse farthest-corner, #FFFFFF 0%, #D6D6D6 100%);
| |
| - |
| |
| - | /* Webkit (Safari/Chrome 10) */
| |
| - | background-image: -webkit-gradient(radial, right top, 0, right top, 1020, color-stop(0, #FFFFFF), color-stop(1, #D6D6D6));
| |
| - |
| |
| - | /* Webkit (Chrome 11+) */
| |
| - | background-image: -webkit-radial-gradient(right top, ellipse farthest-corner, #FFFFFF 0%, #D6D6D6 100%);
| |
| - |
| |
| - | /* Proposed W3C Markup */
| |
| - | background-image: radial-gradient(right top, ellipse farthest-corner, #FFFFFF 0%, #D6D6D6 100%);
| |
| - |
| |
| - | }
| |
| - | a { color:#bbb; }
| |
| - | #text {
| |
| - | position:absolute;
| |
| - | width:998px;
| |
| - | height:53px;
| |
| - | left:601px;
| |
| - | top:398px;
| |
| - | margin-left:-300px;
| |
| - | margin-top:-60px;
| |
| - | text-align:center;
| |
| - | text-transform:uppercase;
| |
| - | -webkit-tranform:translateZ(0);
| |
| - | -webkit-transition-duration:0.05s;
| |
| - | -moz-tranform:translateZ(0);
| |
| - | color:#f3f3f3;
| |
| - | text-shadow:0 0 1px rgba(0,0,0,.2);
| |
| - | }
| |
| - |
| |
| - | h1 {
| |
| - | font-size:24px;
| |
| - | font-family: Arial, Helvetica, sans-serif;
| |
| - | color: #333;
| |
| - | }
| |
| - |
| |
| - | h2 {
| |
| - | font-size:25px;
| |
| - | font-weight:400;
| |
| - | letter-spacing:-1px;
| |
| - | margin:4px 0 4px 0;
| |
| - | padding-bottom:4px;
| |
| - | /*border-bottom:1px solid #666666;*/
| |
| - | text-shadow: 0 1px 0 #ccc,
| |
| - | 0 2px 0 #c9c9c9,
| |
| - | 0 3px 0 #bbb,
| |
| - | 0 4px 0 #b9b9b9,
| |
| - | 0 5px 0 #aaa,
| |
| - | 0 6px 1px rgba(0,0,0,.1),
| |
| - | 0 0 5px rgba(0,0,0,.1),
| |
| - | 0 1px 3px rgba(0,0,0,.3),
| |
| - | 0 3px 5px rgba(0,0,0,.2),
| |
| - | 0 5px 10px rgba(0,0,0,.25),
| |
| - | 0 10px 10px rgba(0,0,0,.2),
| |
| - | 0 2px 2px rgba(0,0,0,.15);
| |
| - | color: #505454;
| |
| - | text-align: left;
| |
| - | }
| |
| - |
| |
| - | .shadow {
| |
| - | color: #6a6a6a;
| |
| - | font: bold 26px Helvetica, Arial, Sans-Serif;
| |
| - | text-shadow: 1px 1px #FFFFFF,
| |
| - | 2px 2px #ebebeb,
| |
| - | 3px 3px #cdcdcd;
| |
| - | }
| |
| - | .shadow:hover {
| |
| - | position: relative;
| |
| - | top: -3px;
| |
| - | left: 5px;
| |
| - | text-shadow: 1px 1px #FFFFFF,
| |
| - | 2px 2px #ebebeb,
| |
| - | 3px 3px #ebebeb,
| |
| - | 4px 4px #cdcdcd,
| |
| - | 5px 5px #cdcdcd,
| |
| - | 6px 6px #cdcdcd;
| |
| - | color: #990;
| |
| - | }
| |
| - |
| |
| - | p {
| |
| - | top:0;
| |
| - | width:90%;
| |
| - | font-size:16px;
| |
| - | color:#333;
| |
| - | text-shadow:0 -1px 0 rgba(0,0,0,0.1);
| |
| - | font-family: Arial, Helvetica, sans-serif;
| |
| - | padding-top: 10px;
| |
| - | padding-right: 10;
| |
| - | padding-bottom: 10px;
| |
| - | padding-left: 10;
| |
| - | right: 2px;
| |
| - | text-align: right;
| |
| - | }
| |
| - | a:link {
| |
| - | color: #333;
| |
| - | }
| |
| - | a:visited {
| |
| - | color: #333;
| |
| - | }
| |
| - | a:hover {
| |
| - | color: #666;
| |
| - | }
| |
| - | a:active {
| |
| - | color: #FFF;
| |
| - | }
| |
| - | .floatingHeader {
| |
| - | position: fixed;
| |
| - | top: 0;
| |
| - | visibility: hidden;
| |
| - | }
| |
| - | .imgshadow2 table {
| |
| - | text-align: left;
| |
| - | }
| |
| - | .imgshadow2 table tr td div p {
| |
| - | text-align: left;
| |
| - | }
| |
| - | .imgshadow2 table {
| |
| - | font-size: 24px;
| |
| - | color: #FFF;
| |
| - | text-align: justify;
| |
| - | }
| |
| - | .imgshadow2 table tr td div p {
| |
| - | text-align: justify;
| |
| - | }
| |
| - | .imgshadow2 {
| |
| - | text-align: left;
| |
| - | }
| |
| - | .stuff {
| |
| - | font-family: Verdana, Geneva, sans-serif;
| |
| - | text-align: center;
| |
| - | }
| |
| - | .style2 {font-family: Verdana, Geneva, sans-serif; text-align: center; color: #333333; }
| |
| - | .style3 {
| |
| - | color: #666666;
| |
| - | font-size: 24px;
| |
| - | }
| |
| - | </style>
| |
| - |
| |
| - |
| |
| - |
| |
| - |
| |
| - | </head>
| |
| - | <body leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
| |
| - |
| |
| - | <ul id="menu">
| |
| - |
| |
| - | <li><a href="#" 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>You'll notice, we're pretty interactive. So click around!</p>
| |
| - | </div>
| |
| - |
| |
| - |
| |
| - | <div class="col_2">
| |
| - | <h2>Cross Browser Support</h2>
| |
| - | </div>
| |
| - |
| |
| - | <div class="col_1">
| |
| - | <img src="img/browsers.png" width="125" height="48" alt="" />
| |
| - | </div>
| |
| - |
| |
| - | <div class="col_1">
| |
| - | <p>This mega menu has been tested in all major browsers.</p>
| |
| - |
| |
| - | </div>
| |
| - |
| |
| - | </div><!-- End 2 columns container -->
| |
| - |
| |
| - | </li><!-- End Home Item -->
| |
| - |
| |
| - | <li><a href="#" class="drop">Team Projects</a><!-- Begin 5 columns Item -->
| |
| - |
| |
| - | <div class="dropdown_5columns"><!-- Begin 5 columns container -->
| |
| - |
| |
| - | <div class="col_5">
| |
| - | <h2>This is an example of a large container with 5 columns</h2>
| |
| - |
| |
| - | </div>
| |
| - |
| |
| - | <div class="col_1">
| |
| - | <p class="black_box">This is a dark grey box text. Fusce in metus at enim porta lacinia vitae a arcu. Sed sed lacus nulla mollis porta quis.</p>
| |
| - | </div>
| |
| - |
| |
| - | <div class="col_1">
| |
| - | <p>Phasellus vitae sapien ac leo mollis porta quis sit amet nisi. Mauris hendrerit, metus cursus accumsan tincidunt.</p>
| |
| - | </div>
| |
| - |
| |
| - | <div class="col_1">
| |
| - |
| |
| - | <p class="italic">This is a sample of an italic text. Consequat scelerisque. Fusce sed lectus at arcu mollis accumsan at nec nisi porta quis sit amet.</p>
| |
| - | </div>
| |
| - |
| |
| - | <div class="col_1">
| |
| - | <p>Curabitur euismod gravida ante nec commodo. Nunc dolor nulla, semper in ultricies vitae, vulputate porttitor neque.</p>
| |
| - | </div>
| |
| - |
| |
| - | <div class="col_1">
| |
| - | <p class="strong">This is a sample of a bold text. Aliquam sodales nisi nec felis hendrerit ac eleifend lectus feugiat scelerisque.</p>
| |
| - |
| |
| - | </div>
| |
| - |
| |
| - | <div class="col_5">
| |
| - | <h2>Here is some content with side images</h2>
| |
| - | </div>
| |
| - |
| |
| - | <div class="col_3">
| |
| - |
| |
| - | <img src="img/01.jpg" width="70" height="70" class="img_left imgshadow" alt="" />
| |
| - | <p>Maecenas eget eros lorem, nec pellentesque lacus. Aenean dui orci, rhoncus sit amet tristique eu, tristique sed odio. Praesent ut interdum elit. Sed in sem mauris. Aenean a commodo mi. Praesent augue lacus.<a href="#">Read more...</a></p>
| |
| - |
| |
| - |
| |
| - | <img src="img/02.jpg" width="70" height="70" class="img_left imgshadow" alt="" />
| |
| - | <p>Aliquam elementum felis quis felis consequat scelerisque. Fusce sed lectus at arcu mollis accumsan at nec nisi. Aliquam pretium mollis fringilla. Nunc in leo urna, eget varius metus. Aliquam sodales nisi.<a href="#">Read more...</a></p>
| |
| - |
| |
| - | </div>
| |
| - |
| |
| - | <div class="col_2">
| |
| - |
| |
| - | <p class="black_box">This is a black box, you can use it to highligh some content. Sed sed lacus nulla, et lacinia risus. Phasellus vitae sapien ac leo mollis porta quis sit amet nisi. Mauris hendrerit, metus cursus accumsan tincidunt.Quisque vestibulum nisi non nunc blandit placerat. Mauris facilisis, risus ut lobortis posuere, diam lacus congue lorem, ut condimentum ligula est vel orci. Donec interdum lacus at velit varius gravida. Nulla ipsum risus.</p>
| |
| - |
| |
| - | </div>
| |
| - |
| |
| - | </div><!-- End 5 columns container -->
| |
| - |
| |
| - |
| |
| - | </li><!-- End 5 columns Item -->
| |
| - |
| |
| - | <li><a href="#" class="drop">Notebook</a><!-- Begin 4 columns Item -->
| |
| - |
| |
| - | <div class="dropdown_4columns"><!-- Begin 4 columns container -->
| |
| - |
| |
| - | <div class="col_4">
| |
| - | <h2>This is a heading title</h2>
| |
| - | </div>
| |
| - |
| |
| - | <div class="col_1">
| |
| - |
| |
| - |
| |
| - | <h3>Some Links</h3>
| |
| - | <ul>
| |
| - | <li><a href="#">ThemeForest</a></li>
| |
| - | <li><a href="#">GraphicRiver</a></li>
| |
| - | <li><a href="#">ActiveDen</a></li>
| |
| - | <li><a href="#">VideoHive</a></li>
| |
| - |
| |
| - | <li><a href="#">3DOcean</a></li>
| |
| - | </ul>
| |
| - |
| |
| - | </div>
| |
| - |
| |
| - | <div class="col_1">
| |
| - |
| |
| - | <h3>Useful Links</h3>
| |
| - | <ul>
| |
| - | <li><a href="#">NetTuts</a></li>
| |
| - | <li><a href="#">VectorTuts</a></li>
| |
| - |
| |
| - | <li><a href="#">PsdTuts</a></li>
| |
| - | <li><a href="#">PhotoTuts</a></li>
| |
| - | <li><a href="#">ActiveTuts</a></li>
| |
| - | </ul>
| |
| - |
| |
| - | </div>
| |
| - |
| |
| - | <div class="col_1">
| |
| - |
| |
| - | <h3>Other Stuff</h3>
| |
| - |
| |
| - | <ul>
| |
| - | <li><a href="#">FreelanceSwitch</a></li>
| |
| - | <li><a href="#">Creattica</a></li>
| |
| - | <li><a href="#">WorkAwesome</a></li>
| |
| - | <li><a href="#">Mac Apps</a></li>
| |
| - | <li><a href="#">Web Apps</a></li>
| |
| - |
| |
| - | </ul>
| |
| - |
| |
| - | </div>
| |
| - |
| |
| - | <div class="col_1">
| |
| - |
| |
| - | <h3>Misc</h3>
| |
| - | <ul>
| |
| - | <li><a href="#">Design</a></li>
| |
| - | <li><a href="#">Logo</a></li>
| |
| - | <li><a href="#">Flash</a></li>
| |
| - |
| |
| - | <li><a href="#">Illustration</a></li>
| |
| - | <li><a href="#">More...</a></li>
| |
| - | </ul>
| |
| - |
| |
| - | </div>
| |
| - |
| |
| - | </div><!-- End 4 columns container -->
| |
| - |
| |
| - | </li><!-- End 4 columns Item -->
| |
| - |
| |
| - | <li class="menu_right"><a href="#" class="drop">Acknowledgements</a>
| |
| - |
| |
| - |
| |
| - | <div class="dropdown_1column align_right">
| |
| - |
| |
| - | <div class="col_1">
| |
| - |
| |
| - | <ul class="simple">
| |
| - | <li><a href="#">FreelanceSwitch</a></li>
| |
| - | <li><a href="#">Creattica</a></li>
| |
| - | <li><a href="#">WorkAwesome</a></li>
| |
| - | <li><a href="#">Mac Apps</a></li>
| |
| - |
| |
| - | <li><a href="#">Web Apps</a></li>
| |
| - | <li><a href="#">NetTuts</a></li>
| |
| - | <li><a href="#">VectorTuts</a></li>
| |
| - | <li><a href="#">PsdTuts</a></li>
| |
| - | <li><a href="#">PhotoTuts</a></li>
| |
| - | <li><a href="#">ActiveTuts</a></li>
| |
| - |
| |
| - | <li><a href="#">Design</a></li>
| |
| - | <li><a href="#">Logo</a></li>
| |
| - | <li><a href="#">Flash</a></li>
| |
| - | <li><a href="#">Illustration</a></li>
| |
| - | <li><a href="#">More...</a></li>
| |
| - | </ul>
| |
| - |
| |
| - | </div>
| |
| - |
| |
| - |
| |
| - | </div>
| |
| - |
| |
| - | </li>
| |
| - |
| |
| - | <li class="menu_right"><a href="#" class="drop">Safety</a><!-- Begin 3 columns Item -->
| |
| - |
| |
| - | <div class="dropdown_3columns align_right"><!-- Begin 3 columns container -->
| |
| - |
| |
| - | <div class="col_3">
| |
| - | <h2>Lists in Boxes</h2>
| |
| - | </div>
| |
| - |
| |
| - |
| |
| - | <div class="col_1">
| |
| - |
| |
| - | <ul class="greybox">
| |
| - | <li><a href="#">FreelanceSwitch</a></li>
| |
| - | <li><a href="#">Creattica</a></li>
| |
| - | <li><a href="#">WorkAwesome</a></li>
| |
| - | <li><a href="#">Mac Apps</a></li>
| |
| - | <li><a href="#">Web Apps</a></li>
| |
| - |
| |
| - | </ul>
| |
| - |
| |
| - | </div>
| |
| - |
| |
| - | <div class="col_1">
| |
| - |
| |
| - | <ul class="greybox">
| |
| - | <li><a href="#">ThemeForest</a></li>
| |
| - | <li><a href="#">GraphicRiver</a></li>
| |
| - | <li><a href="#">ActiveDen</a></li>
| |
| - | <li><a href="#">VideoHive</a></li>
| |
| - |
| |
| - | <li><a href="#">3DOcean</a></li>
| |
| - | </ul>
| |
| - |
| |
| - | </div>
| |
| - |
| |
| - | <div class="col_1">
| |
| - |
| |
| - | <ul class="greybox">
| |
| - | <li><a href="#">Design</a></li>
| |
| - | <li><a href="#">Logo</a></li>
| |
| - | <li><a href="#">Flash</a></li>
| |
| - |
| |
| - | <li><a href="#">Illustration</a></li>
| |
| - | <li><a href="#">More...</a></li>
| |
| - | </ul>
| |
| - |
| |
| - | </div>
| |
| - |
| |
| - | <div class="col_3">
| |
| - | <h2>Here are some image examples</h2>
| |
| - | </div>
| |
| - |
| |
| - | <div class="col_3">
| |
| - |
| |
| - | <img src="img/02.jpg" width="70" height="70" class="img_left imgshadow" alt="" />
| |
| - | <p>Maecenas eget eros lorem, nec pellentesque lacus. Aenean dui orci, rhoncus sit amet tristique eu, tristique sed odio. Praesent ut interdum elit. Maecenas imperdiet, nibh vitae rutrum vulputate, lorem sem condimentum.<a href="#">Read more...</a></p>
| |
| - |
| |
| - | <img src="img/01.jpg" width="70" height="70" class="img_left imgshadow" alt="" />
| |
| - | <p>Aliquam elementum felis quis felis consequat scelerisque. Fusce sed lectus at arcu mollis accumsan at nec nisi. Aliquam pretium mollis fringilla. Vestibulum tempor facilisis malesuada. <a href="#">Read more...</a></p>
| |
| - | </div>
| |
| - |
| |
| - | </div><!-- End 3 columns container -->
| |
| - |
| |
| - | </li><!-- End 3 columns Item -->
| |
| - |
| |
| - |
| |
| - | </ul>
| |
| - |
| |
| - | <table width="1000" border="0" align="center" cellpadding="0" cellspacing="0">
| |
| - | <tr>
| |
| - | <td height="58" colspan="2" td background="stripe.png"><span class="style3">RUTGERS iGEM TEAM WIKI<br />
| |
| - | </span></td>
| |
| - |
| |
| - |
| |
| - |
| |
| - | </tr>
| |
| - | <tr>
| |
| - | <td height="100" colspan="2"><p><img src="top_smallest.png" width="1000" height="278" class="imgshadow0" /></p></td>
| |
| - | </tr>
| |
| - | <tr>
| |
| - | <td width="9%" valign="top"> </td>
| |
| - | </tr>
| |
| - | <tr>
| |
| - | <td width="69%" bgcolor="#CCCCCC" class="imgshadow2"><blockquote>
| |
| - | <table width="100%" border="0" cellspacing="5" cellpadding="5">
| |
| - | <tr>
| |
| - | <td colspan="7" td background="stripe.png"><h2> <span class="shadow"><img src="icons/53-house.png" width="22" height="22" /> Welcome</span><br />
| |
| - | </h2></td>
| |
| - | </tr>
| |
| - | <tr>
| |
| - |
| |
| - | <td colspan="6" class="stuff"><p>The Rutgers iGEM Team designed two complex genetic circuits, Etch-a-Sketch and Full Adder, and created a software tool, MYS!S. The Etch-a-Sketch circuit enables a lawn of bacteria to be drawn on with a laser. This seemingly inconsequential task presents many engineering challenges: the bacteria need to be sensitive in order to respond to a laser pulse, yet selective to use in ambient lighting. The second circuit allows bacteria to emulate a digital full adder. The circuit makes use of individually non-functional split reporters that can reform functional reporters with the help of fused “zipper” domains. In addition to the circuit, we have made easily fuse-able biobricks of these domains in order to facilitate the engineering of more split proteins, which should assist in the creation of logic circuits. MYS!S aims to improve the parts registry by checking and giving directions to modify Biobricks to conform to assembly standards.</p></td>
| |
| - | <td width="25%"></td>
| |
| - | </tr>
| |
| - | <tr>
| |
| - | <td width="25%" colspan="2" background="stripe.png" td><h2 class="shadow"> Etch-a-Sketch</h2></td>
| |
| - | <td width="25%" colspan="2" background="stripe.png" td><h2 class="shadow"> Full Adder</h2></td>
| |
| - | <td colspan="3" background="stripe.png" td><h2 class="shadow"> Mysis</h2></td>
| |
| - | </tr>
| |
| - | <tr>
| |
| - | <td width="3%" valign="top"><span class="shadow"><img src="icons/91-beaker-2.png" width="20" height="24" /> </span></td>
| |
| - | <td width="33%" valign="top" span class="stuff"><p>The Etch-a-Sketch project aims to create a lawn of bacteria that can be drawn on with a laser pointer. This seemingly inconsequential task actually presents many interesting engineering challenges. In particular, the bacteria need to be extremely sensitive in order to respond to a short light pulse from a laser, but they still must be “selective” enough to use in ambient lighting.</p>
| |
| - | <p>We have designed a novel genetic switch that we hope will tackle these problems. If our work proves successful, it will serve as a useful model for future projects that require massive signal amplification. In particular, researchers creating biosensors may find our work very helpful.</p>
| |
| - | <p><img src="more.png" width="128" height="44" /></p>
| |
| - | <a href="javascript:;" id="Link">meow</a>
| |
| - | </p>
| |
| - |
| |
| - | <p class="button">Read More</p>
| |
| - | <div id="onready">I'll meow upon ready</div>
| |
| - |
| |
| - | <td width="3%" valign="top"><span class="shadow"><img src="icons/91-beaker-2.png" alt="" width="20" height="24" /></span></td>
| |
| - | <td width="33%" valign="top" span class="stuff"><p>The Full Adder project seeks to create bacteria that can mimic a digital full adder. Since many teams have difficulty creating even something small like a XOR gate, this project would seem nearly impossible. However, we have found that the problem can be greatly simplified if we use a certain simple “encoding” on the outputs of the full adder. By the end of the summer we hope to demonstrate the world’s first (to our knowledge) bacterial full adder.</p>
| |
| - | <p>Our insights may prove useful to any genetic engineer or synthetic biologist working on highly complex systems. If successful, the bacterial full adder may very well become the ancestor to more complicated biological calculators in the future.</p>
| |
| - | <p><img src="more.png" width="128" height="44" /></p></td>
| |
| - | <td width="3%" valign="top"><span class="shadow"><img src="icons/174-imac.png" width="26" height="24" /></span></td>
| |
| - | <td width="33%" valign="top" span class="stuff"><p>A major problem with the current Parts Registry, a library of BioBricks submitted by iGEM teams, is that many parts do not strictly conform to the BioBrick standard which makes certain operations extremely difficult. Rutger's iGEM software team strives to provide a tool to improve the standard parts registry by checking, and if need be modifying, the BioBrick parts.</p>
| |
| - | <p>The basic idea is that before a team submits their new BioBrick, it will run the genetic sequences through MYS!S. MYS!S will output the modified genetic sequence, BioCoder source code, and the lab protocol needed to change the unmodified sequence into the modified sequence The long term goal of the project is to further the automation of lab protocols by specifying them through algorithms.</p>
| |
| - | <p><img src="more.png" width="128" height="44" /><br />
| |
| - | </p></td>
| |
| - | </tr>
| |
| - | </table>
| |
| - | <h2> </h2>
| |
| - | <p> </p>
| |
| - | <p> </p>
| |
| - | <p> </p>
| |
| - | <p><span>G.E.A.R.S., the Genetic Engineering at Rutgers Society, is a group of undergraduates studying engineering and the sciences. Our members have formed the first Rutgers University team to compete in the International Genetically Engineered Machines (iGEM,</span><a href="http://www.igem.org/"> www.igem.org</a>) competition hosted by the Massachusetts Institute of Technology. This competition is a platform for undergraduates to apply biological and engineering principles learned in the classroom to invent a working biological system with the aim of solving real world problems.<br />
| |
| - | <br />
| |
| - | iGEM challenges undergraduates to assemble simple biological parts into complex systems that go beyond those found in nature. These biological parts are known as BioBricks, well-characterized genetic parts that can be combined in the same manner that electrical components are used to assemble new hardware.<br />
| |
| - | <br />
| |
| - | Past iGEM team projects have presented novel solutions to medical problems. Projects from past iGEM teams include: a non-infectious bacterium that can bind oxygen and thereby replace red blood cells, bacteria engineered to control mammalian immune cells to treat inflammatory bowel disease, and bacterial fuel cells that can generate an electric current in response to certain chemicals.<br />
| |
| - | <br />
| |
| - | Advisors for the Rutgers iGEM team include Dr. Andrew Vershon from the Waksman Institute for Microbiology (Rutgers), Dr. James Stapleton from the Center for Advanced Biotechnology and Medicine (UMDNJ), Dr. Ryan Golhar from The Cancer Institute of New Jersey (UMDNJ), and Dr. Anirvan Sengupta from the BioMaPS Institute for Quantitative Biology (Rutgers).</p>
| |
| - | <p><span id="internal-source-marker_0.">G.E.A.R.S., </span></p>
| |
| - | <p><span>the Genetic Engineering at Rutgers Society, is a group of undergraduates studying engineering and the sciences. Our members have formed the first Rutgers University team to compete in the International Genetically Engineered Machines (iGEM,</span><a href="http://www.igem.org/"> www.igem.org</a>) competition hosted by the Massachusetts Institute of Technology. This competition is a platform for undergraduates to apply biological and engineering principles learned in the classroom to invent a working biological system with the aim of solving real world problems.<br />
| |
| - | <br />
| |
| - | iGEM challenges undergraduates to assemble simple biological parts into complex systems that go beyond those found in nature. These biological parts are known as BioBricks, well-characterized genetic parts that can be combined in the same manner that electrical components are used to assemble new hardware.<br />
| |
| - | <br />
| |
| - | Past iGEM team projects have presented novel solutions to medical problems. Projects from past iGEM teams include: a non-infectious bacterium that can bind oxygen and thereby replace red blood cells, bacteria engineered to control mammalian immune cells to treat inflammatory bowel disease, and bacterial fuel cells that can generate an electric current in response to certain chemicals.<br />
| |
| - | <br />
| |
| - | Advisors for the Rutgers iGEM team include Dr. Andrew Vershon from the Waksman Institute for Microbiology (Rutgers), Dr. James Stapleton from the Center for Advanced Biotechnology and Medicine (UMDNJ), Dr. Ryan Golhar from The Cancer Institute of New Jersey (UMDNJ), and Dr. Anirvan Sengupta from the BioMaPS Institute for Quantitative Biology (Rutgers).</p>
| |
| - | <p> </p>
| |
| - | <p> </p>
| |
| - | </blockquote> </td>
| |
| - | </tr>
| |
| - | <td colspan="2" td background="stripe.png"> </td>
| |
| - | </tr>
| |
| - | </table>
| |
| - | <p> </p>
| |
| - | <p> </p>
| |
| - | <p> </p>
| |
| - | <p> </p>
| |
| - | <p> </p>
| |
| - | <p> </p>
| |
| - | <p> </p>
| |
| - | <div id="slider" ></div>
| |
| - | <p> </p>
| |
| - |
| |
| - | </body>
| |
| - | </html>
| |
"
