<!doctype html>
<html>
  <head>
    <title>AdCSSy Styleguide: <%= title %></title>
    <link rel="stylesheet" href="build/css/adcssy.css">
    <link rel="stylesheet" href="css/style.css">
  </head>
  <body class="page">
    <div class="page-viewport">
      <nav class="nav-side">
        <header class="nav-side-header">
          <a href="index.html">
            <div class="nav-side-header-logo"></div>
            <div class="nav-side-header-title">AdCSSy Styleguide</div>
          </a>
        </header>
        <section class="nav-side-body">
          <ul class="nav-side-list">
            <li class="nav-side-list-header">Categories</li>
          <% @categories = @categories.sort { |a,b| a[0].downcase <=> b[0].downcase } %>
          <% @categories.each do |category, file_name| %>
            <li class="nav-side-list-item"><a href="<%= file_name %>"><%= category %></a></li>
          <% end %>
          </ul>
        </section>
      </nav>

      <main class="page-content page-content--scroll">
        <section class="page-main">
          <div class="h1">Overview</div>
          <ul>
          <% @blocks.each do |b| %>
            <li><a href="#<%= b[:name] %>"><%= b[:title] %></a></li>
          <% end %>
          </ul>

<!doctype html>
<html>
  <head>
    <meta charset="utf-8">
    <title>AdCSSy Styleguide: <%= title %></title>
    <link rel="stylesheet" href="build/css/adcssy.css">
    <link rel="stylesheet" href="css/style.css">
  </head>
  <body class="page">
    <div class="page-viewport">
      <nav class="nav-side">
        <header class="nav-side-header">
          <a href="index.html">
            <div class="nav-side-header-logo"></div>
            <div class="nav-side-header-title">AdCSSy Styleguide</div>
          </a>
        </header>
        <section class="nav-side-body">
          <ul class="nav-side-list">
            <li class="nav-side-list-header">Categories</li>
          <% @categories = @categories.sort { |a,b| a[0].downcase <=> b[0].downcase } %>
          <% @categories.each do |category, file_name| %>
            <li class="nav-side-list-item"><a href="<%= file_name %>"><%= category %></a></li>
          <% end %>
          </ul>
        </section>
      </nav>

      <main class="page-content page-content--scroll">
        <section class="page-main">
          <div class="h1">Overview</div>
          <ul>
          <% @blocks.each do |b| %>
            <li><a href="#<%= b[:name] %>"><%= b[:title] %></a></li>
          <% end %>
          </ul>

Add charset meta to doc header
Add charset meta to doc header
