Team:NYU Gallatin
From 2012.igem.org
(Difference between revisions)
(Prototype team page) |
|||
(13 intermediate revisions not shown) | |||
Line 1: | Line 1: | ||
- | < | + | {{: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"> | ||
- | < | + | |
- | <div id=" | + | <div class="content"> |
- | <div id=" | + | <div id="node-1" class="node node-page node-full 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 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> | ||
+ | |||
+ | |||
+ | |||
</div> | </div> | ||
- | <div | + | </div> |
- | + | ||
</div> | </div> | ||
- | <div id=" | + | <div id="block-block-4" class="block block-block"> |
- | + | ||
+ | <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); | ||
+ | } | ||
+ | } | ||
+ | } | ||
+ | |||
+ | //--><!]]> | ||
+ | </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> | </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> | ||
- | < | + | <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); | ||
+ | } | ||
+ | } | ||
- | + | //--><!]]> | |
- | + | </script> </div> | |
- | + | </div> | |
- | + | <div id="block-block-5" class="block block-block"> | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | < | + | <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> | |
- | ! | + | </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