Team:TU Delft/Notebook/blog

From 2010.igem.org

(Difference between revisions)
 
(39 intermediate revisions not shown)
Line 1: Line 1:
{{Team:TU_Delft/frame_check}}
{{Team:TU_Delft/frame_check}}
-
==Blog==
 
<html>
<html>
-
<div id="calendar_container" style="width: 300px; float: right;"></html>
+
<div id="calendar_wrapper">
 +
<div id="calendar_container"></html>
{{:Team:TU_Delft/scroll_calendar}}
{{:Team:TU_Delft/scroll_calendar}}
-
<html></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].
-
==Calendar==
+
===Blog Post===
-
<div style="width: 450px;">
+
<html>
-
<h2><span class="mv-headline" id="blog_item_date">Today's post</span></h2>
+
<div id="blog_item_date"></div>
-
<div id="blog_item_container"></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>
-
</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#/blog?blog=" + datestr;
+
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="450"></fb:comments>');
+
       $("#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", new Date()) } );
+
 
 +
   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() {
-
 
-
  if (jQuery.support.boxModel) {
 
-
// facebook initialization code
 
-
  window.fbAsyncInit = function() {
 
-
    FB.init({appId: '132572820109093', status: true, cookie: true, xfbml: true});
 
     blogInit();
     blogInit();
-
  };
 
-
  var e = document.createElement('script'); e.async = true;
+
    // facebook initialization code
-
  e.src = document.location.protocol + '//connect.facebook.net/en_US/all.js';
+
    window.fbAsyncInit = function() {
-
  document.getElementById('fb-root').appendChild(e);
+
      FB.init({appId: '132572820109093', status: true, cookie: true, xfbml: true});
-
  } else {
+
    };
-
    $("#blog_item_fbcomments").text("Facebook comments unsupported on this browser.");
+
 
-
    blogInit();
+
    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

March
MTWTFSS
        1 2 3
4 5 6 7 8 9 10
11 12 13 14 15 16 17
18 19 20 21 22 23 24
25 26 27 28 29 30 31
April
MTWTFSS
1 2 3 4 5 6 7
8 9 10 11 12 13 14
15 16 17 18 19 20 21
22 23 24 25 26 27 28
29 30
May
MTWTFSS
    1 2 3 4 5
6 7 8 9 10 11 12
13 14 15 16 17 18 19
20 21 22 23 24 25 26
27 28 29 30 31
June
MTWTFSS
          1 2
3 4 5 6 7 8 9
10 11 12 13 14 15 16
17 18 19 20 21 22 23
24 25 26 27 28 29 30
July
MTWTFSS
1 2 3 4 5 6 7
8 9 10 11 12 13 14
15 16 17 18 19 20 21
22 23 24 25 26 27 28
29 30 31
August
MTWTFSS
      1 2 3 4
5 6 7 8 9 10 11
12 13 14 15 16 17 18
19 20 21 22 23 24 25
26 27 28 29 30 31
September
MTWTFSS
            1
2 3 4 5 6 7 8
9 10 11 12 13 14 15
16 17 18 19 20 21 22
23 24 25 26 27 28 29
30
October
MTWTFSS
  1 2 3 4 5 6
7 8 9 10 11 12 13
14 15 16 17 18 19 20
21 22 23 24 25 26 27
28 29 30 31
November
MTWTFSS
        1 2 3
4 5 6 7 8 9 10
11 12 13 14 15 16 17
18 19 20 21 22 23 24
25 26 27 28 29 30

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 Facebook page or to 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