"
Team:TU Delft/Notebook/blog
From 2010.igem.org
(Difference between revisions)
| (42 intermediate revisions not shown) | |||
| Line 1: | Line 1: | ||
{{Team:TU_Delft/frame_check}} | {{Team:TU_Delft/frame_check}} | ||
| + | <html> | ||
| + | <div id="calendar_wrapper"> | ||
| + | <div id="calendar_container"></html> | ||
| + | {{:Team:TU_Delft/scroll_calendar}} | ||
| + | <html></div></div> | ||
| + | |||
| + | <style> | ||
| + | #calendar_container { | ||
| + | width: 300px; float: right; | ||
| + | } | ||
| + | |||
| + | #calendar_wrapper { | ||
| + | height: 199px; | ||
| + | background-image: url('https://static.igem.org/mediawiki/2010/b/be/TU_Delft_blog_calendar_bg.png'); | ||
| + | background-repeat: no-repeat; | ||
| + | width: 300px; | ||
| + | float: right; | ||
| + | padding-left: 9px; | ||
| + | } | ||
| + | |||
| + | #blog_item_container { | ||
| + | border: 1px solid #ffd200; | ||
| + | background-color: #fffae0; | ||
| + | clear: both; | ||
| + | padding: 10px; | ||
| + | height: auto; | ||
| + | display: block; | ||
| + | } | ||
| + | |||
| + | #blog_item_container h2 { | ||
| + | font-size: 15px; | ||
| + | font-weight: bold; | ||
| + | } | ||
| + | |||
| + | #blog_item_container .thumb { | ||
| + | border: none; | ||
| + | } | ||
| + | </style> | ||
| + | </html> | ||
| + | ==Team Blog== | ||
| + | During the competition we updated our blog daily. Read about our every move in and outside the lab. Instead of browsing through the calendar on the right, you can also get a quick overview of the [[Team:TU_Delft/Notebook/timeline|highlights on our timeline]] page. Also don't forget to become a fan of our [http://tiny.cc/igemtudelft Facebook page] or to [http://twitter.com/igemtudelft2010 follow us on Twitter]. | ||
| + | |||
| + | ===Blog Post=== | ||
| + | <html> | ||
| + | <div id="blog_item_date"></div> | ||
| + | <div id="blog_item_container"> | ||
| + | <b><i>Are the blog posts not appearing?</i></b> Please, upgrade your browser to at least one of the following: | ||
| + | <ul> | ||
| + | <li><a href="http://www.google.com/chrome">Google Chrome 6</a></li> | ||
| + | <li><a href="http://www.opera.com/browser/">Opera 10</a></li> | ||
| + | <li><a href="http://www.getfirefox.com/">FireFox 3</a></li> | ||
| + | <li><a href="http://www.apple.com/safari/">Safari 5</a></li> | ||
| + | <li><a href="http://www.microsoft.com/windows/internet-explorer/">Internet Explorer 8</a></li> | ||
| + | </ul> | ||
| + | </div> | ||
| + | <div style="display:none;" id="blog_item_next"></div> | ||
| + | <div style="clear:both;"></div> | ||
| + | </html> | ||
| + | ===Comment on this post=== | ||
| + | <html> | ||
| + | <div id="fb-root"></div> | ||
| + | <div id="blog_item_fbcomments"></div> | ||
| + | </html> | ||
| + | |||
| + | <html> | ||
| + | <!-- <script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.js"></script> --> | ||
| + | |||
| + | <script type="text/javascript"> | ||
| + | |||
| + | var datePickerLoaded = false; | ||
| + | |||
| + | function dbgout(msg) { | ||
| + | var is_chrome = navigator.userAgent.toLowerCase().indexOf('chrome') > -1; | ||
| + | if(is_chrome) console.log(msg); | ||
| + | } | ||
| + | |||
| + | function blog_loadDate(date) { | ||
| + | var datestr = jQuery.datepicker.formatDate("d_MM_yy", date); | ||
| + | var url = "/Team:TU_Delft/"+datestr+"_content?action=render"; | ||
| + | setActiveMonth(date.getMonth() - 2); | ||
| + | dbgout('blog_loadDate: ' + date); | ||
| + | |||
| + | $.get(url, function(response) { | ||
| + | $("#blog_item_container").fadeOut(200).queue(function(next) { | ||
| + | $(this).html(response + '<br style="clear: both;">'); | ||
| + | Cufon.replace('h2'); // Works without a selector engine | ||
| + | Cufon.replace('h3'); // Works without a selector engine | ||
| + | Cufon.replace('#sub1'); // Requires a selector engine for IE 6-7, see above | ||
| + | var refURL = "https://2010.igem.org/Team:TU_Delft" + makeHash('Notebook/blog', { blog: datestr}); | ||
| + | $("#blog_item_date").text(jQuery.datepicker.formatDate("d MM yy", date)); | ||
| + | $("#blog_item_fbcomments").html('<fb:comments url="' + refURL + '" xid="igemblog' + datestr +'" numposts="10" width="550"></fb:comments>'); | ||
| + | FB.XFBML.parse(document.getElementById('blog_item_fbcomments')); | ||
| + | next(); | ||
| + | }).fadeIn(200); | ||
| + | }); | ||
| + | } | ||
| + | |||
| + | |||
| + | function blog_hashchange_cb() { | ||
| + | dbgout('blog_hashchange'); | ||
| + | |||
| + | hash = location.hash.substring(1); | ||
| + | var kvmap = splitHash(hash); | ||
| + | |||
| + | if (kvmap.blog) { | ||
| + | blog_loadDate($.datepicker.parseDate('d_MM_yy', kvmap.blog)); | ||
| + | return true; | ||
| + | } | ||
| + | return false; | ||
| + | } | ||
| + | |||
| + | function blogInit() { | ||
| + | dbgout('blogInit'); | ||
| + | initScrollCalendar(); | ||
| + | |||
| + | var bloggedDays = {}; | ||
| + | |||
| + | setCalendarLinks (function(day, mo, hasEntry) { | ||
| + | // console.log('Day: ' + day + '; Mo: ' + mo + '; hasentry=' + hasEntry); | ||
| + | bloggedDays['d' + day + '_' + mo] = hasEntry; | ||
| + | |||
| + | return makeHash('Notebook/blog', { blog: day + '_' + mo + '_2010'}); | ||
| + | }); | ||
| + | |||
| + | if (!blog_hashchange_cb()) { | ||
| + | var cur = new Date(); | ||
| + | // find the last day with a blog item | ||
| + | while ( !bloggedDays['d' + $.datepicker.formatDate("d_MM", cur)] ) | ||
| + | cur.setDate(cur.getDate()-1); | ||
| + | |||
| + | setHash('Notebook/blog', { blog: $.datepicker.formatDate("d_MM_yy", cur) } ); | ||
| + | } | ||
| + | |||
| + | dbgout('bind hashupdate'); | ||
| + | $(window).bind('hashupdate', blog_hashchange_cb); | ||
| + | } | ||
| + | |||
| + | $(function() { | ||
| + | loadScript('http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.js', function() { | ||
| + | blogInit(); | ||
| + | |||
| + | // facebook initialization code | ||
| + | window.fbAsyncInit = function() { | ||
| + | FB.init({appId: '132572820109093', status: true, cookie: true, xfbml: true}); | ||
| + | }; | ||
| + | |||
| + | var e = document.createElement('script'); e.async = true; | ||
| + | e.src = document.location.protocol + '//connect.facebook.net/en_US/all.js'; | ||
| + | document.getElementById('fb-root').appendChild(e); | ||
| + | }); | ||
| + | }); | ||
| + | |||
| + | var blogpage_close = function() { | ||
| + | dbgout('unbind hashupdate'); | ||
| + | $(window).unbind('hashupdate', blog_hashchange_cb); | ||
| + | }; | ||
| + | |||
| + | $(window).bind('page_close', blogpage_close); | ||
| + | </script> | ||
| + | </html> | ||
Latest revision as of 12:39, 27 October 2010
|
|
|
|
|
|
|
|
| ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
Team Blog
During the competition we updated our blog daily. Read about our every move in and outside the lab. Instead of browsing through the calendar on the right, you can also get a quick overview of the highlights on our timeline page. Also don't forget to become a fan of our [http://tiny.cc/igemtudelft Facebook page] or to [http://twitter.com/igemtudelft2010 follow us on Twitter].
Blog Post
Are the blog posts not appearing? Please, upgrade your browser to at least one of the following:
Comment on this post
