Entry No. 1

Everything you need to know about how our blog works.

Awesome picture, init? Picture caption located outside the grid to the left of the picture like this.
Awesome picture, init? Picture caption located outside the grid to the left of the picture like this.

Body text for the blog section will be a 10-columns centered container. The font will be Georgia to enhance the legibility of the blog post. Let’s have a little history lesson about this typeface, Georgia. According to Wikipedia, Georgia is a transitional serif typeface designed in 1993 by Matthew Carter and hinted by Tom Rickner for the Microsoft Corporation, as the serif companion to the first Microsoft sans serif screen font, Verdana. Microsoft released the initial version of the font on November 1, 1996 as part of the core fonts for the Web collection. Later, it was bundled with Internet Explorer 4.0 supplemental font pack.

Georgia is designed for clarity on a computer monitor even at small sizes, partially effective due to a large x-height. The typeface is named after a tabloid headline titled “Alien heads found in Georgia.”

The Georgia typeface is similar to Times New Roman, but with many subtle differences: Georgia is larger than Times at the same point size, and has a greater x-height at the same actual size; Times New Roman is slightly narrower, with a more vertical axis; and Georgia’s serifs are slightly wider and have blunter, flatter ends. Georgia incorporates influences from Clarendon-style typefaces, especially in b, r, j, and c (uppercase and lowercase). Figures (numerals) are an exception: Georgia uses text (old-style) figures whereas Times New Roman has lining figures.

That was an interesting lesson for you. Did you notice the link to Wikipedia up there has a different colour? That’s how links are supposed to be styled. Now let’s see some quote and its style, shall we?

“I have a dream!” – Martin Luther King Jr.

The quote uses the font Circular by Linotype. And it has a different color as well, same as hyperlink. The font size is 36px. That’s pretty much what will be in a blog post. Let’s make this post a little longer with dummy text.

Oh but wait, last thing to include is some styling for the code tag. Let’s do it.

//a bunch of code goes here


print “Equal”;

} else {

print “Not equal”;


That’s it. Pretty simple isn’t it? Since the blog post is finished we will have an option to comments, likes and share this post.