Team:NYU Gallatin/

From 2012.igem.org

(Difference between revisions)
(Created page with "{{: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="page-wrapper"><d...")
Line 2: Line 2:
<html><body>
<html><body>
<div class="html front not-logged-in no-sidebars page-node page-node- page-node-1 node-type-page" >
<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-311"><a href="/Team:NYU_Gallatin/Notebook" title="Lab notebooks, news, &amp; 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&amp;team_name=NYU_Gallatin" title="Official iGEM 2012 profile.">Profile</a></li>
 +
</ul></div> <!-- /#main-menu -->
<div id="page-wrapper"><div id="page">
<div id="page-wrapper"><div id="page">
    
    
Line 23: Line 34:
   <div class="content clearfix">
   <div class="content clearfix">
     <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>
     <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>
-
</div></div></div>  </div>
+
<div id="player"></div>
 +
<script type="text/javascript">
 +
<!--//--><![CDATA[// ><!--
 +
 
 +
 
 +
(function() {
 +
    function createPlayer(jqe, video, options) {
 +
        var ifr = $('iframe', jqe);
 +
        if (ifr.length === 0) {
 +
            ifr = $('<iframe scrolling="no" frameborder="no">');
 +
            ifr.addClass('player');
 +
            if (options.playeropts)
 +
                ifr.attr(options.playeropts);
 +
        }
 +
        var src = 'http://www.youtube.com/embed/' + video;
 +
        if (options.playopts) {
 +
            src += '?';
 +
            for (var k in options.playopts) {
 +
                src+= k + '=' + options.playopts[k] + '&';
 +
            }
 +
        }
 +
        ifr.attr('src', src);
 +
        jqe.append(ifr);
 +
    }
 +
 
 +
    var defoptions = {
 +
        autoplay: false,
 +
        user: null,
 +
        player: createPlayer,
 +
        playeropts: {},
 +
        loaded: function() {},
 +
        playopts: {
 +
            fs: 1,
 +
            showinfo: 1,
 +
            modestbranding: 1
 +
        }
 +
    };
 +
 
 +
    $.fn.extend({
 +
        youTubeChannel: function(options) {
 +
            var md = $(this);
 +
            var allopts = $.extend(true, {}, defoptions, options);
 +
            $.getJSON('http://gdata.youtube.com/feeds/api/users/' + allopts.user + '/uploads?alt=jsonc&v=2', null, function(data) {
 +
                var videos = [];
 +
                var playlist = '';
 +
                $.each(data.data.items, function(i, item) {
 +
                    videos.push(item.id);
 +
                    if (i > 0)
 +
                        playlist += item.id + ',';
 +
                });
 +
                allopts.playopts.playlist = playlist;
 +
                allopts.player(md, videos[0], allopts);
 +
            });
 +
        }
 +
    });
 +
 
 +
})();
 +
 
 +
$(function() {
 +
    $('#player').youTubeChannel({user:'aseatobacter', playeropts: { width: 400, height: 280 }});
 +
});
 +
 
 +
 
 +
//--><!]]>
 +
</script></div></div></div>  </div>
    
    
Line 35: Line 110:
    
    
   <div class="content">
   <div class="content">
-
     <p>Keep up with the latest news from the Aseatobacter project.</p>
+
     <script type="text/javascript">
-
<ul><li><b class="homedate">Jun</b><span class="homedate">29</span> New Wiki Site Launches!</li>
+
<!--//--><![CDATA[// ><!--
-
<li><b class="homedate">Jun</b><span class="homedate">12</span> Meeting Held at Genspace</li>
+
 
-
<li><b class="homedate">Jun</b><span class="homedate">06</span> Flies Infest Kombucha</li>
+
function tumblr(resp) {
-
</ul>  </div>
+
        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<posts.length; i++) {
 +
var p = posts[i];
 +
console.debug(p);
 +
                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 = '<li><b class="homedate">'+dateMonth+'<\/b><span class="homedate">'+dateDay+'<\/span> <a href="'+p['url']+'" rel="lightframe">'+title+'<\/a><\/li>';
 +
$ul.append(html);
 +
                }
 +
}
 +
}
 +
 
 +
//--><!]]>
 +
</script><p>
 +
Keep up with the latest news from the Aseatobacter project.</p>
 +
<!-- Where you want your tumblog --><div id="blog">
 +
<div class="loading">Loading...</div>
 +
</div>
 +
<!-- Bottom of the page, probably.  Change host --><script src="http://aseatobacter.tumblr.com/api/read/json?callback=tumblr&amp;num=10" type="text/javascript"></script>  </div>
</div>
</div>
-
<div id="block-views-photo-gallery-block-1" class="block block-views">
+
<div id="block-block-9" class="block block-block">
     <h2>Featured Photo</h2>
     <h2>Featured Photo</h2>
    
    
   <div class="content">
   <div class="content">
-
     <div class="view view-photo-gallery view-id-photo_gallery view-display-id-block_1 view-dom-id-5016cc925f5b028dcfc9ff6310bfef3f">
+
     <div id="images"></div>
 +
<p><a href="/Team:NYU_Gallatin/Notebook/Photos" class="more-link">More Photos</a></p>
 +
<script type="text/javascript">
 +
<!--//--><![CDATA[// ><!--
 +
 
 +
$.getJSON("http://api.flickr.com/services/feeds/photos_public.gne?id=85815851@N04&tags=featured&lang=en-us&format=json&jsoncallback=?", displayImages);
 +
function displayImages(data) {
 +
    // 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">';
-
      <div class="view-content">
+
        htmlString += '<img title="' + item.title + '" src="' + sourceSquare;
-
      <table class="views-view-grid cols-1">
+
        htmlString += '" alt="'; htmlString += item.title + '" />';
-
  <tbody>
+
        htmlString += '';
-
          <tr class="row-1 row-first row-last">
+
        k++;
-
                  <td class="col-1 col-first">
+
       }   
-
             
+
    });
-
  <div class="views-field views-field-field-photo-image">        <div class="field-content"><img src="http://igemtop/Team:NYU_Gallatin/sites/default/files/styles/featured/public/photos/IMG_1104.JPG" width="250" height="190" alt="" /></div>  </div>          </td>
+
   
-
              </tr>
+
    // Pop our HTML in the #images DIV
-
       </tbody>
+
    $('#images').html(htmlString);
-
</table>
+
   
-
     </div>
+
     // Close down the JSON function call
-
 
+
 
-
 
+
    Drupal.attachBehaviors();
-
 
+
}
-
     
+
 
-
<div class="more-link">
+
//--><!]]>
-
  <a href="/Team:NYU_Gallatin/Notebook/photos">
+
</script>  </div>
-
    more photos  </a>
+
-
</div>
+
-
 
+
-
 
+
-
 
+
-
</div>  </div>
+
</div>
</div>
<div id="block-block-5" class="block block-block">
<div id="block-block-5" class="block block-block">
Line 79: Line 189:
    
    
   <div class="content">
   <div class="content">
-
     <iframe width="260" height="200" src="http://www.youtube.com/embed/WVW-jSdhILs" frameborder="0" allowfullscreen=""></iframe>  </div>
+
     <div id="featured_video"></div>
 +
<p><a href="/Notebook/Videos" class="more-link">More Videos</a></p>
 +
<script type="text/javascript">
 +
<!--//--><![CDATA[// ><!--
 +
 
 +
var featured_url = "http://gdata.youtube.com/feeds/api/playlists/8340F2FAB32CAB64?alt=jsonc&v=2";
 +
$.get(featured_url, function(data) {
 +
  var src = 'http://www.youtube.com/embed/' + data.data.items[0].video.id + '?width=250&height=180';
 +
  ifr = $('<iframe scrolling="no" frameborder="no">');
 +
  ifr.attr({'src': src, width: 250, height: 180});
 +
  $('#featured_video').html(ifr);
 +
});
 +
 
 +
//--><!]]>
 +
</script>  </div>
</div>
</div>
<div id="block-block-6" class="block block-block">
<div id="block-block-6" class="block block-block">
Line 85: Line 209:
      
      
   <div class="content">
   <div class="content">
-
     <p><img src="/sites/default/themes/igem/images/heads/pipet.png" style="float: right; margin-left: 20px; margin-bottom: 10px;" width="350" /><span class="aseato">What we want.</span></p>
+
     <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>
<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>

Revision as of 18:32, 5 September 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...

Featured Photo

More Photos

Featured Video

More Videos

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.