nbatalla03

<% blog.articles.select {|a| a.data.category != "projects"}[0...1].each do |article| %>
  <%= image_tag "#{article.data.image}" %>
  <h2><a href="<%= article.url %>"><%= article.title %></a></h2>
<% end %>

nbatalla03

blog.sources = "articles/{year}-{month}-{day}-{title}.html"

nbatalla03

<%= yield %>

nbatalla03

---
layout: projects-layout
---

nbatalla03

<% blog.articles.select {|a| a.data.category == "projects"}[0..10].each do |article| %>
  <li><a href="<%= article.data.permalink %>"><%= article.title %></a></li>
<% end %>

nbatalla03

---
title: Typography Project
date: 2014-02-12
category: projects
permalink: typography-deux
---

nbatalla03

.sidebar {
  background: #eee;
  background-image: -o-linear-gradient(bottom, #F23B1 0%, #293FD5 100%);
  background-image: -moz-linear-gradient(bottom, #F23B1 0%, #293FD5 100%);
  background-image: -webkit-linear-gradient(bottom, #F23B1 0%, #293FD5 100%);
  background-image: -ms-linear-gradient(bottom, #F23B1 0%, #293FD5 100%);
  background-image: linear-gradient(to bottom, #F23B1 0%, #293FD5 100%);
  border-radius: 5px;
  padding: 10px;
  width: 200px;

nbatalla03

.sidebar {
  padding: 10px;
  width: 200px;
}
 
.header {
  padding: 10px;
  width: 1000px;
}

nbatalla03

#sidebar .h3 { ... }

nbatalla03

h3 { ... }

h3.special { /* Add what makes this h3 heading special */}