Team:NYU Gallatin

From 2012.igem.org

(Difference between revisions)
 
(7 intermediate revisions not shown)
Line 1: Line 1:
-
<h1>Aseatobacter</h1>
+
{{:Team:NYU_Gallatin/Templates/Styles}}
 +
<html><body>
 +
<div class="html front not-logged-in no-sidebars page-node page-node- page-node-1 node-type-page" >
 +
<div id="top-main-menu" class="navigation">
 +
  <h2 class="element-invisible">Main menu</h2><ul id="top-main-menu-links" class="links clearfix"><li class="menu-218 first active"><a href="/Team:NYU_Gallatin/" title="Home of Aseatobacter." class="active">Home</a></li>
 +
<li class="menu-388"><a href="/Team:NYU_Gallatin/Team" title="The brains of the operation.">Team</a></li>
 +
<li class="menu-307"><a href="/Team:NYU_Gallatin/Project" title="Learn more about our project.">Project</a></li>
 +
<li class="menu-308"><a href="/Team:NYU_Gallatin/Parts" title="Our work with the parts registry.">Parts</a></li>
 +
<li class="menu-310"><a href="/Team:NYU_Gallatin/Modeling" title="How we put it all together.">Modeling</a></li>
 +
<li class="menu-584"><a href="/Team:NYU_Gallatin/Notebook" title="Lab notebooks, news, and photos.">Notebook</a></li>
 +
<li class="menu-312"><a href="/Team:NYU_Gallatin/Safety" title="Our commitment to safety.">Safety</a></li>
 +
<li class="menu-313"><a href="/Team:NYU_Gallatin/Attributions" title="Give credit where credit is due.">Attributions</a></li>
 +
<li class="menu-306 last"><a href="https://igem.org/Team.cgi?year=2012&team_name=NYU_Gallatin" title="Official iGEM 2012 profile.">Profile</a></li>
 +
</ul></div> <!-- /#main-menu -->
 +
<div id="page-wrapper"><div id="page">
 +
 
 +
</html>
 +
{{:Team:NYU_Gallatin/Templates/Header_Default}}
 +
<html><nowiki>
 +
   
 +
      <div id="main-wrapper" class="clearfix"><div id="main" class="clearfix"><div id="main-inner">
 +
        <div id="igem-content" class="column"><div class="igem-section">
 +
                          <h1 class="title" id="page-title">Cellulose Architecture</h1>
 +
                          <div class="tabs"></div>
 +
                          <div class="region region-content">
 +
    <div id="block-system-main" class="block block-system">
-
<p>Our project seeks to improve the characteristics of cellulose secreted by the gram negative bacterium Acetobacter xylinum. This naturally occurring "chassis" secretes large amounts of cellulose into solution and has been studied for many years. We wish to improve the material properties of this bacterial cellulose by genetically engineering the strain to incorporate color, improved tensile strength and increased hydrophobicity into the improved cellulose based material. After testing it's properties, we will use this material to build larger scale objects.</p>
+
   
 +
  <div class="content">
 +
    <div id="node-1" class="node node-page node-full clearfix">
-
<style>
+
     
-
body,
+
 
-
body.overlay {
+
  <div class="content clearfix">
-
  color: #C4C487;
+
    <div class="field field-name-body field-type-text-with-summary field-label-hidden"><div class="field-items"><div class="field-item even"><p><img src="https://static.igem.org/mediawiki/2012/3/34/Aseatobacter-IMAGES-Chair_Diagrams.png" width="400" style="float: left; margin-right: 20px; margin-bottom: 20px;" /><span class="aseato">We grow chairs.</span><br /></p><p style="font-size: 22px;">In a world full of lifeless interiors and boxed pressed wood a miracle of biology is changing the way we create our surroundings.</p>
-
/*  background-color: #9c9f7f; */
+
<div id="player"></div>
-
  background-color: #98986c;
+
<script type="text/javascript">
-
}
+
<!--//--><![CDATA[// ><!--
-
.comment .comment-arrow {
+
-
  border-color: #393a2d;
+
-
}
+
-
#page,
+
-
#main-wrapper {
+
-
  background: transparent;
+
-
}
+
-
.no-sidebars #main-inner,
 
-
.one-sidebar #igem-content,
 
-
div.front #main-inner .block {
 
-
  background: transparent url('../images/trans-bg.png');
 
-
  -moz-border-radius: 15px;
 
-
  border-radius: 15px;
 
-
  border: solid black 2px;
 
-
}
 
-
div.front #main-inner #block-views-photo-gallery-block-1,
+
(function() {
-
div.front #main-inner #block-block-4,
+
    function createPlayer(jqe, video, options) {
-
div.front #main-inner #block-block-5 {
+
        var ifr = $('iframe', jqe);
-
/*  background: transparent url('../images/trans-bg-white.png'); */
+
        if (ifr.length === 0) {
-
  background: white;
+
            ifr = $('<iframe scrolling="no" frameborder="no">');
-
  color: black;
+
            ifr.addClass('player');
-
}
+
            if (options.playeropts)
-
div.front #main-inner #block-views-photo-gallery-block-1 a,
+
                ifr.attr(options.playeropts);
-
div.front #main-inner #block-block-4 a,
+
        }
-
div.front #main-inner #block-block-5 a,
+
        var src = 'http://www.youtube.com/embed/' + video;
-
#block-block-2 span.stat {
+
        if (options.playopts) {
-
  color: #757418;
+
            src += '?';
-
}
+
            for (var k in options.playopts) {
 +
                src+= k + '=' + options.playopts[k] + '&';
 +
            }
 +
        }
 +
        ifr.attr('src', src);
 +
        jqe.append(ifr);
 +
    }
-
div.front.no-sidebars #main-inner {
+
    var defoptions = {
-
  background: none;
+
        autoplay: false,
-
  border: none;
+
        user: null,
-
}
+
        player: createPlayer,
-
#page .sidebar .block {
+
        playeropts: {},
-
  background: #fff;
+
        loaded: function() {},
-
  -moz-border-radius: 15px;
+
        playopts: {
-
  border-radius: 15px;
+
            fs: 1,
-
  border: solid black 2px;
+
            showinfo: 1,
-
}
+
            modestbranding: 1
 +
        }
 +
    };
-
#page .sidebar .block h2 {
+
    $.fn.extend({
-
  margin: 0;
+
        youTubeChannel: function(options) {
-
  border: 0;
+
            var md = $(this);
-
  padding: 0;
+
            var allopts = $.extend(true, {}, defoptions, options);
-
  font-family: neuropol;
+
            $.getJSON('http://gdata.youtube.com/feeds/api/users/' + allopts.user + '/uploads?alt=jsonc&v=2', null, function(data) {
-
  font-size: 20px;
+
                var videos = [];
-
}
+
                var playlist = '';
-
.no-sidebars #main-inner {
+
                $.each(data.data.items, function(i, item) {
-
  padding: 0 20px;
+
                    videos.push(item.id);
-
  border: solid black 2px;
+
                    if (i > 0)
-
}
+
                        playlist += item.id + ',';
-
.igem-section {
+
                });
-
  color: #e9e9c8;
+
                allopts.playopts.playlist = playlist;
-
}
+
                allopts.player(md, videos[0], allopts);
-
.tabs ul.primary li a.active {
+
            });
-
  background-color: #ffffff;
+
        }
-
}
+
    });
-
.tabs ul.primary li.active a {
+
-
  background-color: #ffffff;
+
-
  border-bottom: 1px solid #ffffff;
+
-
}
+
-
a {
+
-
  color: #C4C487;
+
-
}
+
-
a:hover,
+
-
a:focus {
+
-
  color: #fff;
+
-
}
+
-
a:active {
+
-
  color: #55540d;
+
-
}
+
-
#main-menu-links a span {
+
})();
-
  border: solid black 2px;
+
 
-
  background: transparent url('../images/trans-bg.png');
+
$(function() {
-
  color: black;
+
    $('#player').youTubeChannel({user:'aseatobacter', playeropts: { width: 400, height: 280 }});
-
}
+
});
-
#main-menu-links a span b {
 
-
  color: white;
 
-
  padding-bottom: 5px;
 
-
  font-family: neuropol;
 
-
  font-size: 10px;
 
-
}
 
-
#page-wrapper,
+
//--><!]]>
-
#footer-wrapper {
+
</script></div></div></div>  </div>
-
   background-color: transparent;
+
 
-
}
+
    
-
.region-header,
+
 
-
.region-header a,
+
</div>
-
.region-header li a.active,
+
  </div>
-
#name-and-slogan,
+
</div>
-
#name-and-slogan a,
+
<div id="block-block-4" class="block block-block">
-
#secondary-menu-links li a {
+
 
-
  color: #fffeff;
+
    <h2>Latest News</h2>
 +
 
 +
  <div class="content">
 +
    <script type="text/javascript">
 +
<!--//--><![CDATA[// ><!--
 +
 
 +
function tumblr(resp) {
 +
        var months = ['Jan','Feb','Mar','Apr','May','Jun','Jul','Aug','Sep','Oct','Nov','Dec'];
 +
var posts = resp.posts;
 +
$('#blog .loading').replaceWith('<ul />');
 +
$ul = $('#blog ul');
 +
for (var i=0; i<4; i++) {
 +
var p = posts[i];
 +
                var title = p['regular-title'] || p['link-text'] || null;
 +
if (title) {
 +
                        var date = new Date(p['unix-timestamp']*1000);
 +
                        var dateMonth = months[date.getMonth()];
 +
                        var dateDay = date.getDate();
 +
                        var html = dateMonth+' '+dateDay+' <a href="'+p['url']+'" rel="lightframe">'+title+'<br />';
 +
$ul.append(html);
 +
                }
 +
}
}
}
-
/*  iGEMs Colors */
+
//--><!]]>
-
#top-section #p-logo {
+
</script><p>
-
  background: transparent;
+
Keep up with the latest news from the Aseatobacter project.</p>
-
  color: #9c9f7f;
+
<!-- Where you want your tumblog --><div id="blog">
-
  border: none;
+
<div class="loading">Loading...</div>
-
}
+
</div>
-
#top-section #menubar.right-menu a {
+
<p><a href="http://aseatobacter.tumblr.com" target="_new">View More Blog Posts</a></p>
-
   background: none;
+
<!-- Bottom of the page, probably.  Change host --><script src="http://aseatobacter.tumblr.com/api/read/json?callback=tumblr&num=10" type="text/javascript"></script>  </div>
-
   color: #535445;
+
</div>
-
}
+
<div id="block-block-9" class="block block-block">
-
#top-section #menubar.right-menu a:hover {
+
 
-
  color: black;
+
    <h2>Featured Photo</h2>
-
}
+
    
-
#top-section #search-controls input {
+
   <div class="content">
-
  color: #535445;
+
    <div id="images"></div>
-
}
+
<p><a href="/Team:NYU_Gallatin/Notebook/Photos" class="more-link">More Photos</a></p>
-
#top-section #menubar.left-menu a {
+
<script type="text/javascript">
-
  color: #535445;
+
<!--//--><![CDATA[// ><!--
-
}
+
 
-
#top-section #menubar.left-menu:hover {
+
if($('#images').length != 0) {
-
  background: none;
+
 
-
}
+
  setTimeout(function() {$.getJSON(flickr_url, displayImages);},1500);
-
#content {
+
  function displayImages(data) {
-
  background: transparent;
+
      // Start putting together the HTML string
 +
      var htmlString = "";
 +
     
 +
      // Now start cycling through our array of Flickr photo details
 +
      var k=0;
 +
      $.each(data.items, function(i,item){
 +
          if(k == 0) {
 +
          // I only want the ickle square thumbnails
 +
    //      var sourceSquare = (item.media.m).replace("_m.jpg", "_s.jpg");
 +
          var sourceSquare = item.media.m;
 +
          var l_sourceSquare = (item.media.m).replace("_m.jpg", "_b.jpg");
 +
         
 +
          // Here's where we piece together the HTML
 +
          htmlString += '<li><a href="'+l_sourceSquare+'" rel="lightbox">';
 +
          htmlString += '<img title="' + item.title + '" src="' + sourceSquare;
 +
          htmlString += '" alt="'; htmlString += item.title + '" />';
 +
          htmlString += '';
 +
          k++;
 +
        }  
 +
      });
 +
     
 +
      // Pop our HTML in the #images DIV
 +
      $('#images').html(htmlString);
 +
  }
 +
 
}
}
-
#bodyContent {
+
//--><!]]>
-
  font-size: 1.5em;
+
</script>  </div>
-
  padding: 20px 80px 80px 80px;
+
</div>
-
}
+
<div id="block-block-5" class="block block-block">
-
#bodyContent h1 {
+
 
-
   border: 0;
+
    <h2>Featured Video</h2>
-
  text-align: center;
+
 
-
}
+
   <div class="content">
-
#catlinks {
+
    <iframe width="250" height="200" src="http://www.youtube.com/embed/EBZTe9RWZLo" frameborder="0" allowfullscreen=""></iframe>  </div>
-
   display: none;
+
</div>
-
}
+
<div id="block-block-6" class="block block-block">
-
h1.firstHeading {
+
 
-
   border: 0;
+
   
-
}
+
   <div class="content">
-
</style>
+
    <p><img src="https://static.igem.org/mediawiki/igem.org/5/52/Aseatobacter-IMAGES-Pipet.png" style="float: right; margin-left: 20px; margin-bottom: 10px;" width="350" /><span class="aseato">What we want.</span></p>
 +
<p>Our project seeks to improve the characteristics of cellulose secreted by the gram negative bacterium Acetobacter xylinum. This naturally occurring "chassis" secretes large amounts of cellulose into solution and has been studied for many years. We wish to improve the material properties of this bacterial cellulose by genetically engineering the strain to incorporate color, improved tensile strength and increased hydrophobicity into the improved cellulose based material. After testing it's properties, we will use this material to build larger scale objects.</p>
 +
   </div>
 +
</div>
 +
  </div>
 +
          </div></div> <!-- /.section, /#content -->
 +
      </div></div></div> <!-- /#main-inner, /#main, /#main-wrapper -->
 +
 
 +
</nowiki></html>
 +
{{:Team:NYU_Gallatin/Templates/Footer_Content}}
 +
<html>
 +
 
 +
</div></div> <!-- /#page, /#page-wrapper -->
 +
</body></html>
 +
{{:Team:NYU_Gallatin/Templates/Footer}}

Latest revision as of 02:50, 4 October 2012

Cellulose Architecture

We grow chairs.

In a world full of lifeless interiors and boxed pressed wood a miracle of biology is changing the way we create our surroundings.

Latest News

Keep up with the latest news from the Aseatobacter project.

Loading...

View More Blog Posts

Featured Photo

More Photos

Featured Video

What we want.

Our project seeks to improve the characteristics of cellulose secreted by the gram negative bacterium Acetobacter xylinum. This naturally occurring "chassis" secretes large amounts of cellulose into solution and has been studied for many years. We wish to improve the material properties of this bacterial cellulose by genetically engineering the strain to incorporate color, improved tensile strength and increased hydrophobicity into the improved cellulose based material. After testing it's properties, we will use this material to build larger scale objects.

Retrieved from "http://2012.igem.org/Team:NYU_Gallatin"