Team:NYU Gallatin

From 2012.igem.org

(Difference between revisions)
 
(4 intermediate revisions not shown)
Line 1: Line 1:
-
<html>
+
{{:Team:NYU_Gallatin/Templates/Styles}}
-
<head>
+
<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">
-
<style type="text/css">
+
   
-
body,
+
  <div class="content">
-
body.overlay {
+
    <div id="node-1" class="node node-page node-full clearfix">
-
  color: #C4C487;
+
-
/*  background-color: #9c9f7f; */
+
-
  background-color: #98986c;
+
-
}
+
-
.comment .comment-arrow {
+
-
  border-color: #393a2d;
+
-
}
+
-
#page,
+
-
#main-wrapper {
+
-
  background: transparent;
+
-
}
+
-
.no-sidebars #main-inner,
+
     
-
.one-sidebar #igem-content,
+
 
-
div.front #main-inner .block {
+
  <div class="content clearfix">
-
  background: transparent url('../images/trans-bg.png');
+
    <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>
-
  -moz-border-radius: 15px;
+
<div id="player"></div>
-
  border-radius: 15px;
+
<script type="text/javascript">
-
  border: solid black 2px;
+
<!--//--><![CDATA[// ><!--
-
}
+
-
div.front #main-inner #block-views-photo-gallery-block-1,
 
-
div.front #main-inner #block-block-4,
 
-
div.front #main-inner #block-block-5 {
 
-
/*  background: transparent url('../images/trans-bg-white.png'); */
 
-
  background: white;
 
-
  color: black;
 
-
}
 
-
div.front #main-inner #block-views-photo-gallery-block-1 a,
 
-
div.front #main-inner #block-block-4 a,
 
-
div.front #main-inner #block-block-5 a,
 
-
#block-block-2 span.stat {
 
-
  color: #757418;
 
-
}
 
-
div.front.no-sidebars #main-inner {
+
(function() {
-
  background: none;
+
    function createPlayer(jqe, video, options) {
-
  border: none;
+
        var ifr = $('iframe', jqe);
-
}
+
        if (ifr.length === 0) {
-
#page .sidebar .block {
+
            ifr = $('<iframe scrolling="no" frameborder="no">');
-
  background: #fff;
+
            ifr.addClass('player');
-
  -moz-border-radius: 15px;
+
            if (options.playeropts)
-
  border-radius: 15px;
+
                ifr.attr(options.playeropts);
-
  border: solid black 2px;
+
        }
-
}
+
        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);
 +
    }
-
#page .sidebar .block h2 {
+
    var defoptions = {
-
  margin: 0;
+
        autoplay: false,
-
  border: 0;
+
        user: null,
-
  padding: 0;
+
        player: createPlayer,
-
  font-family: neuropol;
+
        playeropts: {},
-
  font-size: 20px;
+
        loaded: function() {},
-
}
+
        playopts: {
-
.no-sidebars #main-inner {
+
            fs: 1,
-
  padding: 0 20px;
+
            showinfo: 1,
-
  border: solid black 2px;
+
            modestbranding: 1
-
}
+
        }
-
.igem-section {
+
    };
-
  color: #e9e9c8;
+
-
}
+
-
.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 {
+
    $.fn.extend({
-
  border: solid black 2px;
+
        youTubeChannel: function(options) {
-
  background: transparent url('../images/trans-bg.png');
+
            var md = $(this);
-
  color: black;
+
            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);
 +
            });
 +
        }
 +
    });
-
#main-menu-links a span b {
+
})();
-
  color: white;
+
-
  padding-bottom: 5px;
+
-
  font-family: neuropol;
+
-
  font-size: 10px;
+
-
}
+
-
#page-wrapper,
+
$(function() {
-
#footer-wrapper {
+
    $('#player').youTubeChannel({user:'aseatobacter', playeropts: { width: 400, height: 280 }});
-
  background-color: transparent;
+
});
-
}
+
-
.region-header,
+
-
.region-header a,
+
-
.region-header li a.active,
+
-
#name-and-slogan,
+
-
#name-and-slogan a,
+
-
#secondary-menu-links li a {
+
-
  color: #fffeff;
+
-
}
+
-
/*  iGEMs Colors */
+
 
-
#top-section #p-logo {
+
//--><!]]>
-
   background: transparent;
+
</script></div></div></div>  </div>
-
   color: #9c9f7f;
+
 
-
   border: none;
+
    
-
}
+
    
-
#top-section #menubar.right-menu a {
+
</div>
-
   background: none;
+
   </div>
-
   color: #535445;
+
</div>
-
}
+
<div id="block-block-4" class="block block-block">
-
#top-section #menubar.right-menu a:hover {
+
 
-
  color: black;
+
    <h2>Latest News</h2>
-
}
+
    
-
#top-section #search-controls input {
+
   <div class="content">
-
  color: #535445;
+
    <script type="text/javascript">
-
}
+
<!--//--><![CDATA[// ><!--
-
#top-section #menubar.left-menu a {
+
 
-
  color: #535445;
+
function tumblr(resp) {
-
}
+
        var months = ['Jan','Feb','Mar','Apr','May','Jun','Jul','Aug','Sep','Oct','Nov','Dec'];
-
#top-section #menubar.left-menu:hover {
+
var posts = resp.posts;
-
  background: none;
+
$('#blog .loading').replaceWith('<ul />');
-
}
+
$ul = $('#blog ul');
-
#content {
+
for (var i=0; i<4; i++) {
-
  background: transparent;
+
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);
 +
                }
 +
}
}
}
-
#bodyContent {
+
//--><!]]>
-
  font-size: 1.5em;
+
</script><p>
-
   padding: 20px 80px 80px 80px;
+
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>
 +
<p><a href="http://aseatobacter.tumblr.com" target="_new">View More Blog Posts</a></p>
 +
<!-- 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>
 +
</div>
 +
<div id="block-block-9" class="block block-block">
 +
 
 +
    <h2>Featured Photo</h2>
 +
    
 +
  <div class="content">
 +
    <div id="images"></div>
 +
<p><a href="/Team:NYU_Gallatin/Notebook/Photos" class="more-link">More Photos</a></p>
 +
<script type="text/javascript">
 +
<!--//--><![CDATA[// ><!--
 +
 
 +
if($('#images').length != 0) {
 +
 
 +
  setTimeout(function() {$.getJSON(flickr_url, displayImages);},1500);
 +
  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">';
 +
          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 h1 {
 
-
  border: 0;
 
-
  text-align: center;
 
-
}
 
-
#catlinks {
 
-
  display: none;
 
-
}
 
-
h1.firstHeading {
 
-
  border: 0;
 
-
}
 
-
</style>
 
-
</head>
 
-
<body>
+
//--><!]]>
 +
</script>  </div>
 +
</div>
 +
<div id="block-block-5" class="block block-block">
-
<h1>Aseatobacter</h1>
+
    <h2>Featured Video</h2>
 +
 
 +
  <div class="content">
 +
    <iframe width="250" height="200" src="http://www.youtube.com/embed/EBZTe9RWZLo" frameborder="0" allowfullscreen=""></iframe>  </div>
 +
</div>
 +
<div id="block-block-6" class="block block-block">
 +
   
 +
  <div class="content">
 +
    <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>
-
</body>
+
</div>
-
</html>
+
  </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"