Team:UC-Santa Cruz-BioE
From 2014.igem.org
(Difference between revisions)
(Prototype team page) |
|||
(14 intermediate revisions not shown) | |||
Line 1: | Line 1: | ||
{{CSS/Main}} | {{CSS/Main}} | ||
- | |||
- | |||
<html> | <html> | ||
+ | <head> | ||
+ | <meta name="author" content="UC-Santa_Cruz-BioE"> | ||
+ | <meta name="generator" content="WYSIWYG Web Builder 9 - http://www.wysiwygwebbuilder.com"> | ||
+ | <title>Home</title> | ||
+ | <style> | ||
+ | body | ||
+ | { | ||
- | + | background-color: #1E28FA; | |
- | + | background-image:url(https://static.igem.org/mediawiki/2014/b/be/Bioebackgroundgradient.png); | |
+ | background-repeat: no-repeat; | ||
+ | background-color: #1E28FA; | ||
+ | color: #000000; | ||
+ | font-family: Arial; | ||
+ | font-size: 12px; | ||
+ | margin: 5; | ||
+ | padding: 0; | ||
+ | } | ||
+ | p | ||
+ | { | ||
+ | background-color:#FFFFFF ; | ||
+ | opacity: 0.8; | ||
+ | } | ||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | + | div.opa{ | |
- | + | background-color:#FFFFFF; | |
- | + | opacity: 0.8; | |
+ | } | ||
- | + | div.edges{ | |
- | + | outline-style: solid; | |
+ | outline-color: #FFFFFF; | ||
+ | outline-width: 4px; | ||
+ | } | ||
- | + | h3{ | |
- | + | background-color:#FFFFFF; | |
- | + | opacity:0.6; | |
+ | } | ||
+ | a | ||
+ | { | ||
+ | color: #0000FF; | ||
+ | text-decoration: underline; | ||
+ | } | ||
+ | a:visited | ||
+ | { | ||
+ | color: #800080; | ||
+ | } | ||
+ | a:active | ||
+ | { | ||
+ | color: #FF0000; | ||
+ | } | ||
+ | a:hover | ||
+ | { | ||
+ | color: #0000FF; | ||
+ | text-decoration: underline; | ||
+ | } | ||
+ | #Line1 | ||
+ | { | ||
+ | color: #69FBE6; | ||
+ | background-color: #69FBE6; | ||
+ | border-width: 0px; | ||
+ | } | ||
+ | #Line2 | ||
+ | { | ||
+ | color: #69FBE6; | ||
+ | background-color: #69FBE6; | ||
+ | border-width: 0px; | ||
+ | } | ||
+ | #wb_TextArt1 a img | ||
+ | { | ||
+ | position: absolute; | ||
+ | } | ||
+ | #wb_TextArt1 span | ||
+ | { | ||
+ | position: absolute; | ||
+ | } | ||
+ | #wb_TextArt1 a .hover | ||
+ | { | ||
+ | visibility: hidden; | ||
+ | } | ||
+ | #wb_TextArt1 a:hover .hover | ||
+ | { | ||
+ | visibility: visible; | ||
+ | } | ||
+ | #wb_TextArt1 a:hover span | ||
+ | { | ||
+ | visibility: hidden; | ||
+ | } | ||
+ | #Line3 | ||
+ | { | ||
+ | color: #B5FF96; | ||
+ | background-color: #B5FF96; | ||
+ | border-width: 0px; | ||
+ | } | ||
+ | #Line4 | ||
+ | { | ||
+ | color: #B5FF96; | ||
+ | background-color: #B5FF96; | ||
+ | border-width: 0px; | ||
+ | } | ||
+ | #wb_Text1 | ||
+ | { | ||
+ | background-color: transparent; | ||
+ | border: 0px #000000 solid; | ||
+ | padding: 0; | ||
+ | text-align: left; | ||
+ | } | ||
+ | #wb_Text1 div | ||
+ | { | ||
+ | text-align: left; | ||
+ | } | ||
+ | #SiteSearch1_keyword | ||
+ | { | ||
+ | border: 2px #191970 solid; | ||
+ | background-color: #FFFFFF; | ||
+ | color :#000000; | ||
+ | font-family: Arial; | ||
+ | font-size: 13px; | ||
+ | text-align: left; | ||
+ | vertical-align: middle; | ||
+ | } | ||
+ | #SiteSearch1_label | ||
+ | { | ||
+ | color: #191970; | ||
+ | cursor: text; | ||
+ | font-family: Arial; | ||
+ | font-size: 13px; | ||
+ | text-align: left; | ||
+ | } | ||
+ | #Button1 | ||
+ | { | ||
+ | border: 1px #A9A9A9 solid; | ||
+ | background-color: #F0F0F0; | ||
+ | color: #A9A9A9; | ||
+ | font-family: Arial; | ||
+ | font-size: 13px; | ||
+ | } | ||
+ | #NavigationBar1 ul.navbar | ||
+ | { | ||
+ | list-style: none; | ||
+ | margin: 0; | ||
+ | padding: 0; | ||
+ | } | ||
+ | #NavigationBar1 ul.navbar li | ||
+ | { | ||
+ | height: 30px; | ||
+ | width: 131px; | ||
+ | margin: 0px 0px 4px 0px; | ||
+ | vertical-align: bottom; | ||
+ | } | ||
+ | #NavigationBar1 ul.navbar li a | ||
+ | { | ||
+ | display: block; | ||
+ | position: relative; | ||
+ | } | ||
+ | #NavigationBar1 ul.navbar li a img | ||
+ | { | ||
+ | position: absolute; | ||
+ | z-index: 1; | ||
+ | border-width: 0px; | ||
+ | } | ||
+ | #NavigationBar1 ul.navbar li span | ||
+ | { | ||
+ | display: block; | ||
+ | height: 30px; | ||
+ | width: 131px; | ||
+ | position: absolute; | ||
+ | z-index: 2; | ||
+ | } | ||
+ | #NavigationBar1 a .hover | ||
+ | { | ||
+ | visibility: hidden; | ||
+ | } | ||
+ | #NavigationBar1 a:hover .hover | ||
+ | { | ||
+ | visibility: visible; | ||
+ | } | ||
+ | #NavigationBar1 a:hover span | ||
+ | { | ||
+ | visibility: hidden; | ||
+ | } | ||
+ | </style> | ||
+ | <script type="text/javascript" src="jquery-1.9.1.min.js"></script> | ||
+ | <script type="text/javascript" src="./searchindex.js"></script> | ||
+ | <script type="text/javascript"> | ||
+ | var features = 'toolbar=no,menubar=no,location=no,scrollbars=yes,resizable=yes,status=no,left=,top=,width=,height='; | ||
+ | var searchDatabase = new SearchDatabase(); | ||
+ | var searchResults_length = 0; | ||
+ | var searchResults = new Object(); | ||
+ | function searchPage(features) | ||
+ | { | ||
+ | var element = document.getElementById('SiteSearch1_keyword'); | ||
+ | if (element.value.length != 0 || element.value != " ") | ||
+ | { | ||
+ | var value = unescape(element.value); | ||
+ | var keywords = value.split(" "); | ||
+ | searchResults_length = 0; | ||
+ | for (var i=0; i<database_length; i++) | ||
+ | { | ||
+ | var matches = 0; | ||
+ | var words = searchDatabase[i].title + " " + searchDatabase[i].description + " " + searchDatabase[i].keywords; | ||
+ | for (var j = 0; j < keywords.length; j++) | ||
+ | { | ||
+ | var pattern = new RegExp(keywords[j], "i"); | ||
+ | var result = words.search(pattern); | ||
+ | if (result >= 0) | ||
+ | { | ||
+ | matches++; | ||
+ | } | ||
+ | else | ||
+ | { | ||
+ | matches = 0; | ||
+ | } | ||
+ | } | ||
+ | if (matches == keywords.length) | ||
+ | { | ||
+ | searchResults[searchResults_length++] = searchDatabase[i]; | ||
+ | } | ||
+ | } | ||
+ | var wndResults = window.open('about:blank', '', features); | ||
+ | setTimeout(function() | ||
+ | { | ||
+ | var results = ''; | ||
+ | var html = '<html><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><title>Search results<\/title><\/head>'; | ||
+ | html = html + '<body style="background-color:#FFFFFF;margin:0;padding:2px 2px 2px 2px;">'; | ||
+ | html = html + '<span style="font-family:Arial;font-size:13px;color:#000000">'; | ||
+ | for (var n=0; n<searchResults_length; n++) | ||
+ | { | ||
+ | var page_keywords = searchResults[n].keywords; | ||
+ | results = results + '<strong><a style="color:#0000FF" target="_parent" href="'+searchResults[n].url+'">'+searchResults[n].title +'<\/a><\/strong><br>Keywords: ' + page_keywords +'<br><br>\n'; | ||
+ | } | ||
+ | if (searchResults_length == 0) | ||
+ | { | ||
+ | results = 'No results'; | ||
+ | } | ||
+ | else | ||
+ | { | ||
+ | html = html + searchResults_length; | ||
+ | html = html + ' result(s) found for search term: '; | ||
+ | html = html + value; | ||
+ | html = html + '<br><br>'; | ||
+ | } | ||
+ | html = html + results; | ||
+ | html = html + '<\/span>'; | ||
+ | html = html + '<\/body><\/html>'; | ||
+ | wndResults.document.write(html); | ||
+ | },100); | ||
+ | } | ||
+ | return false; | ||
+ | } | ||
+ | function searchParseURL() | ||
+ | { | ||
+ | var url = decodeURIComponent(window.location.href); | ||
+ | if (url.indexOf('?') > 0) | ||
+ | { | ||
+ | var terms = ''; | ||
+ | var params = url.split('?'); | ||
+ | var values = params[1].split('&'); | ||
+ | for (var i=0;i<values.length;i++) | ||
+ | { | ||
+ | var param = values[i].split('='); | ||
+ | if (param[0] == 'q') | ||
+ | { | ||
+ | terms = unescape(param[1]); | ||
+ | break; | ||
+ | } | ||
+ | } | ||
+ | if (terms != '') | ||
+ | { | ||
+ | var element = document.getElementById('SiteSearch1_keyword'); | ||
+ | element.value = terms; | ||
+ | searchPage(''); | ||
+ | } | ||
+ | } | ||
+ | } | ||
+ | </script> | ||
+ | <script type="text/javascript"> | ||
+ | $(document).ready(function() | ||
+ | { | ||
+ | searchParseURL(); | ||
+ | var $search = $('#SiteSearch1_form'); | ||
+ | var $searchInput = $search.find('input'); | ||
+ | var $searchLabel = $search.find('label'); | ||
+ | if ($searchInput.val()) | ||
+ | { | ||
+ | $searchLabel.hide(); | ||
+ | } | ||
+ | $searchInput.focus(function() | ||
+ | { | ||
+ | $searchLabel.hide(); | ||
+ | }).blur(function() | ||
+ | { | ||
+ | if (this.value == '') | ||
+ | { | ||
+ | $searchLabel.show(); | ||
+ | } | ||
+ | }); | ||
+ | $searchLabel.click(function() | ||
+ | { | ||
+ | $searchInput.trigger('focus'); | ||
+ | }); | ||
+ | }); | ||
+ | </script> | ||
+ | </head> | ||
+ | <body> | ||
+ | <!..Code to edit the page. Don't Erase!..> | ||
+ | <p><a href="https://2014.igem.org/wiki/index.php?title=Team:UC-Santa_Cruz-BioE&action=edit"style="color:#FFFFFF; position:absolute; left:400px; top:62px; z-index:1; "> Click here to edit this page!</a></p> | ||
- | < | + | <hr id="Line1" style="margin:0;padding:0;position:absolute;left:0px;top:360px;width:1475px;height:5px;z-index:0;"> |
- | < | + | <hr id="Line2" style="margin:0;padding:0;position:absolute;left:0px;top:169px;width:1475px;height:5px;z-index:1;"> |
- | + | <div id="wb_Shape1" style="position:absolute;left:24px;top:173px;width:176px;height:1205px;z-index:2;"> | |
- | < | + | <img src="https://static.igem.org/mediawiki/2014/d/d4/Leftborder.png" id="Shape1" alt="" style="border-width:0;width:176px;height:1205px;"></div> |
- | < | + | <div id="wb_Shape2" style="position:absolute;left:0px;top:186px;width:1478px;height:160px;filter:alpha(opacity=88);-moz-opacity:0.88;opacity:0.88;z-index:3;"> |
- | + | <img src="https://static.igem.org/mediawiki/2014/9/90/Topborder.png" id="Shape2" alt="" style="border-width:0;width:1478px;height:160px;"></div> | |
- | + | <div id="wb_TextArt1" style="position:absolute;left:396px;top:231px;width:418px;height:61px;z-index:7;"> | |
- | + | <a href=""><img class="hover" src="https://static.igem.org/mediawiki/2014/0/05/UcsantacruzbioEWelcome.png" alt="home" title="home" style="border-width:0;width:418px;height:61px;"><span><img src="https://static.igem.org/mediawiki/2014/0/05/UcsantacruzbioEWelcome.png" id="TextArt1" alt="home" title="home" style="border-width:0;width:418px;height:61px;"></span></a></div> | |
- | + | <div id="wb_Shape6" style="position:absolute;left:7px;top:182px;width:199px;height:186px;z-index:8;"> | |
- | < | + | <img src="https://static.igem.org/mediawiki/2014/d/df/UcsantacruzteamLogo.png" id="Shape6" alt="" style="border-width:0;width:199px;height:186px;"></div> |
- | < | + | <div id="wb_Shape7" style="position:absolute;left:297px;top:390px;width:710px;height:54px;z-index:9;"> |
- | + | <img src="https://static.igem.org/mediawiki/2014/7/75/Bottomline.png" id="Shape7" alt="" style="border-width:0;width:710px;height:54px;"></div> | |
- | + | <hr id="Line3" style="margin:0;padding:0;position:absolute;left:298px;top:376px;width:706px;height:6px;z-index:10;"> | |
- | + | <hr id="Line4" style="margin:0;padding:0;position:absolute;left:298px;top:454px;width:706px;height:6px;z-index:11;"> | |
- | + | <div id="wb_Text1" style="position:absolute;left:374px;top:380px;width:453px;height:37px;z-index:12;text-align:left;"> | |
- | < | + | <span style="color:#191970;font-family:Arial;font-size:16px;"><h1>A Little Introduction...</h1><!..A HEADING!..></span></div> |
- | <a href=" | + | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | < | + | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | < | + | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | < | + | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | < | + | |
- | + | ||
- | + | ||
- | < | + | |
- | < | + | |
- | < | + | |
- | < | + | |
- | < | + | |
+ | <!.. Paragraphs and Subheadings go here!!!> | ||
+ | <div id="paragraph1" style=" position: absolute; left:243px; top:474px; width:400px; height: 200px;text-align=left;"> | ||
+ | <div class="edges";> | ||
+ | <h3>What is a microbial fuel cell?</h3> | ||
+ | </div> | ||
+ | <div class="edges";> | ||
+ | <p>Microbial fuel cells (MFCs) generate electricity via the anaerobic metabolism of certain types of bacteria. Such electrogenic organisms are able to transfer electrons during the metabolism of organic material. Naturally, it follows that, with a little bit of design, these bacteria can be used to generate a current in a fuel cell. There is definite possibility that MFCs could be used extensively as a means to collect energy from waste water. Therefore, we have set out to create our own MFC, in a project where life and electronics aggregate together.</p> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div class= id="paragraph2" style= "position: absolute; left:243px; top:800px; width:400px; height:200px; text-align=left;"> | ||
+ | <div class="edges";> | ||
+ | <h3>On Our Bacteria of Choice</h3> | ||
+ | </div> | ||
+ | <div class="edges";> | ||
+ | <p>While there are several known electrogenic bacteria known to exist, we have chosen <i>Shewanella oneidensis</i> MR-1 . There were several reason for this: </p> | ||
+ | </div> | ||
+ | <br> | ||
+ | <div class="edges";> | ||
+ | <div class="opa"> | ||
+ | <br> | ||
+ | <ul> | ||
+ | <li><b>Good Availability:</b> It was accessible even with limited financial resources</li> | ||
+ | <li><b>Quick Growth: </b>grows faster and easier than <i> Geobactor metallireducens</i></li> | ||
+ | <li><b>Facultative Anaerobe:</b> <i>Shewanella does not die when exposed to air</li> | ||
+ | <li><b>Electrogenic:</b> <i>Shewanella oneidensis</i> is electrogenic because it can reduce metals</li> | ||
</ul> | </ul> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div id="paragraph3" style=" position:absolute; left:720px; top:474px; width:400px; height:200px; text-align=left;"> | ||
+ | <div class="edges";> | ||
+ | <h3>Design Goals</h3> | ||
+ | </div> | ||
+ | <div class="edges";> | ||
+ | <p>Primary goal in the MFC's design:</p> | ||
+ | </div> | ||
+ | <div class="edges";> | ||
+ | <div class="opa";> | ||
+ | <ol> | ||
+ | <li>Increase Biofilm Growth</li> | ||
+ | </ol> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | <ul> | + | <div id="NavigationBar1" style="position:absolute;left:42px;top:373px;width:133px;height:168px;z-index:19;"> |
- | <li> | + | <!..The MENU..> |
- | <li> | + | <ul class="navbar"> |
- | <li> | + | <li><a href="https://2014.igem.org/Team:UC-Santa_Cruz-BioE"><img alt="" src="https://static.igem.org/mediawiki/2014/7/7a/Homeh.gif" class="hover"><span><img alt="" src="https://static.igem.org/mediawiki/2014/7/74/Home.gif"></span></a></li> |
- | <li> | + | <li><a href="https://2014.igem.org/Team:UC-Santa_Cruz-BioE/Team"><img alt="" src="https://static.igem.org/mediawiki/2014/5/56/Teamh.gif" class="hover"><span><img alt="" src="https://static.igem.org/mediawiki/2014/4/4e/Team.gif"></span></a></li> |
- | <li> | + | <li><a href="https://igem.org/Team.cgi?year=2014&team_name=UC-Santa_Cruz-BioE"><img alt="" src="https://static.igem.org/mediawiki/2014/d/db/Officialh.gif" class="hover"><span><img alt="" src="https://static.igem.org/mediawiki/2014/b/bb/Official.gif"></span></a></li> |
- | <li> | + | <li><a href="https://2014.igem.org/Team:UC-Santa_Cruz-BioE/Project"><img alt="" src="https://static.igem.org/mediawiki/2014/c/c7/Projecth.gif" class="hover"><span><img alt="" src="https://static.igem.org/mediawiki/2014/a/a8/Project.gif"></span></a></li> |
- | <li> | + | <li><a href="https://2014.igem.org/Team:UC-Santa_Cruz-BioE/Notebook"><img alt="" src="https://static.igem.org/mediawiki/2014/f/f1/Noteh.gif" class="hover"><span><img alt="" src="https://static.igem.org/mediawiki/2014/6/62/Note.gif"></span></a></li> |
+ | <li><a href="https://2014.igem.org/Team:UC-Santa_Cruz-BioE/Safety"><img alt="" src="https://static.igem.org/mediawiki/2014/4/4f/Safetyh.gif" class="hover" <span><img alt="" src="https://static.igem.org/mediawiki/2014/4/4b/Safety.gif"></span></a></li> | ||
+ | <li><a href="https://2014.igem.org/Team:UC-Santa_Cruz-BioE/Attributions"><img alt="" src="https://static.igem.org/mediawiki/2014/c/cb/Atth.gif" class="hover"> <span><img alt="" src="https://static.igem.org/mediawiki/2014/a/aa/Att.gif"></span></a></li> | ||
</ul> | </ul> | ||
- | </ | + | </div> |
- | < | + | <div id="wb_Image1" style="position:absolute;left:217px;top:372px;width:65px;height:64px;z-index:21;"> |
- | </ | + | <a href="https://2014.igem.org/Main_Page"><img src="https://static.igem.org/mediawiki/2014/e/ea/UCsantaIgemlogo_300px.png" id="Image1" alt="" style="width:65px;height:64px;"></a></div> |
- | </ | + | </body> |
Latest revision as of 03:56, 18 October 2014
A Little Introduction...
What is a microbial fuel cell?
Microbial fuel cells (MFCs) generate electricity via the anaerobic metabolism of certain types of bacteria. Such electrogenic organisms are able to transfer electrons during the metabolism of organic material. Naturally, it follows that, with a little bit of design, these bacteria can be used to generate a current in a fuel cell. There is definite possibility that MFCs could be used extensively as a means to collect energy from waste water. Therefore, we have set out to create our own MFC, in a project where life and electronics aggregate together.
On Our Bacteria of Choice
While there are several known electrogenic bacteria known to exist, we have chosen Shewanella oneidensis MR-1 . There were several reason for this:
- Good Availability: It was accessible even with limited financial resources
- Quick Growth: grows faster and easier than Geobactor metallireducens
- Facultative Anaerobe: Shewanella does not die when exposed to air
- Electrogenic: Shewanella oneidensis is electrogenic because it can reduce metals
Design Goals
Primary goal in the MFC's design:
- Increase Biofilm Growth