"
Team:TU Delft/Notebook/blog
From 2010.igem.org
(Difference between revisions)
(→Blog) |
|||
| (38 intermediate revisions not shown) | |||
| Line 1: | Line 1: | ||
{{Team:TU_Delft/frame_check}} | {{Team:TU_Delft/frame_check}} | ||
| - | |||
<html> | <html> | ||
| - | <div id=" | + | <div id="calendar_wrapper"> |
| + | <div id="calendar_container"></html> | ||
{{:Team:TU_Delft/scroll_calendar}} | {{:Team:TU_Delft/scroll_calendar}} | ||
| - | </div></ | + | <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]. | 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=== |
| - | <div | + | <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="display:none;" id="blog_item_next"></div> | ||
<div style="clear:both;"></div> | <div style="clear:both;"></div> | ||
| - | </ | + | </html> |
| + | ===Comment on this post=== | ||
| + | <html> | ||
<div id="fb-root"></div> | <div id="fb-root"></div> | ||
<div id="blog_item_fbcomments"></div> | <div id="blog_item_fbcomments"></div> | ||
| Line 39: | Line 84: | ||
$.get(url, function(response) { | $.get(url, function(response) { | ||
$("#blog_item_container").fadeOut(200).queue(function(next) { | $("#blog_item_container").fadeOut(200).queue(function(next) { | ||
| - | $(this).html(response); | + | $(this).html(response + '<br style="clear: both;">'); |
| - | var refURL = "https://2010.igem.org/Team:TU_Delft | + | 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_date").text(jQuery.datepicker.formatDate("d MM yy", date)); | ||
| - | $("#blog_item_fbcomments").html('<fb:comments url="' + refURL + '" xid="igemblog' + datestr +'" numposts="10" width=" | + | $("#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')); | FB.XFBML.parse(document.getElementById('blog_item_fbcomments')); | ||
next(); | next(); | ||
| Line 56: | Line 104: | ||
var kvmap = splitHash(hash); | var kvmap = splitHash(hash); | ||
| - | if (kvmap.blog) | + | if (kvmap.blog) { |
blog_loadDate($.datepicker.parseDate('d_MM_yy', kvmap.blog)); | blog_loadDate($.datepicker.parseDate('d_MM_yy', kvmap.blog)); | ||
| + | return true; | ||
| + | } | ||
| + | return false; | ||
} | } | ||
function blogInit() { | function blogInit() { | ||
dbgout('blogInit'); | dbgout('blogInit'); | ||
| - | |||
initScrollCalendar(); | initScrollCalendar(); | ||
| + | |||
| + | var bloggedDays = {}; | ||
setCalendarLinks (function(day, mo, hasEntry) { | setCalendarLinks (function(day, mo, hasEntry) { | ||
// console.log('Day: ' + day + '; Mo: ' + mo + '; hasentry=' + hasEntry); | // console.log('Day: ' + day + '; Mo: ' + mo + '; hasentry=' + hasEntry); | ||
| + | bloggedDays['d' + day + '_' + mo] = hasEntry; | ||
| + | |||
return makeHash('Notebook/blog', { blog: day + '_' + mo + '_2010'}); | return makeHash('Notebook/blog', { blog: day + '_' + mo + '_2010'}); | ||
}); | }); | ||
| - | setHash('Notebook/blog', { blog: $.datepicker.formatDate("d_MM_yy", | + | |
| + | 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'); | dbgout('bind hashupdate'); | ||
| Line 77: | Line 139: | ||
$(function() { | $(function() { | ||
loadScript('http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.js', function() { | loadScript('http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.js', function() { | ||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
blogInit(); | 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); | ||
}); | }); | ||
}); | }); | ||
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
