<!DOCTYPE html>
<html>
<head>
  <%= render '_head' %>
  <link rel="stylesheet" href="/css/thumbs.css" type="text/css" media="screen,projection" />
  <link rel="stylesheet" href="/css/prettyPhoto.css" type="text/css" media="screen" charset="utf-8" />
  <script src="/js/jquery-1.4.2.min.js" type="text/javascript" charset="utf-8"></script>
  <script src="/js/jquery.prettyPhoto.js" type="text/javascript" charset="utf-8"></script>
  <script src="/js/mojo.js" type="text/javascript" charset="utf-8"></script>
  <script src="/js/home.js" type="text/javascript" charset="utf-8"></script>
</head>
<body class="home">
  <%= render '_header' %>
  <div id="technical" class="column">
    <div>
      <h1>Geeky
        <sup><a href="/technical/feed.xml"><img src="/images/black-feed-icon.png" width="12" height="12" /></a></sup>
      </h1>
      <ul class="articles">
      <% technical_articles[0..4].each do |article| %>
        <%= render '_article', :article => article %>
      <% end %>
      </ul>
      <a href="/technical/articles/" class="more">More</a>
    </div>
  </div>

  <div id="personal" class="column">
    <div>
      <h1>Non-Geeky
        <sup><a href="/personal/feed.xml"><img src="/images/black-feed-icon.png" width="12" height="12" /></a></sup>
      </h1>
      <ul class="articles">
      <% personal_articles[0..4].each do |article| %>
        <%= render '_article', :article => article %>
      <% end %>
      </ul>
      <a href="/personal/articles/" class="more">More</a>
    </div>
  </div>

  <div id="flickr">
    <!-- <h1>Photos</h1> -->
    <ul class="inline">
    </ul>
  </div>
  <%= render '_footer' %>
</body>
</html>