Team:TU Delft/Notebook/blog
From 2010.igem.org
(Difference between revisions)
(32 intermediate revisions not shown) | |||
Line 2: | Line 2: | ||
<html> | <html> | ||
<div id="calendar_wrapper"> | <div id="calendar_wrapper"> | ||
- | <div id="calendar_container | + | <div id="calendar_container"></html> |
{{:Team:TU_Delft/scroll_calendar}} | {{:Team:TU_Delft/scroll_calendar}} | ||
<html></div></div> | <html></div></div> | ||
Line 15: | Line 15: | ||
background-image: url('https://static.igem.org/mediawiki/2010/b/be/TU_Delft_blog_calendar_bg.png'); | background-image: url('https://static.igem.org/mediawiki/2010/b/be/TU_Delft_blog_calendar_bg.png'); | ||
background-repeat: no-repeat; | background-repeat: no-repeat; | ||
- | border: 1px solid | + | 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> | </style> | ||
Line 24: | Line 44: | ||
===Blog Post=== | ===Blog Post=== | ||
<html> | <html> | ||
- | <div id="blog_item_container"></div> | + | <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> | ||
Line 54: | 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 71: | 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 92: | 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