wezm.net/layouts/articles.html

<!DOCTYPE html>
<html>
<head>
  <%= render 'head_common' %>
  <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.0/jquery.min.js" type="text/javascript"></script>
  <script src="/js/common.js" type="text/javascript" charset="utf-8"></script>
  <% if @item.identifier =~ %r{/page/$} %>
  <script src="/js/jquery.ba-bbq.min.js" type="text/javascript" charset="utf-8"></script>
  <script src="/js/mojo.js" type="text/javascript" charset="utf-8"></script>
  <script src="/js/articles.js" type="text/javascript" charset="utf-8"></script>
  <% else %>
  <script type="text/javascript" charset="utf-8">
    jQuery(function() {
      show_javascript_widgets();
      webkit_search_tweak();
    });
  </script>
  <% end %>
</head>
<body class="articles">
  <%= render 'header' %>
  <h1>Archives</h1>
  <div id="content">

    <%
      menu = [
        ['All', sorted_articles.size],
        ['Technical', technical_articles.size],
        ['Personal', personal_articles.size],
      ]
    %>
    <ul class="inline menu">
      <% menu.each do |menu_item|
        label, count = menu_item
        path = (label != "All" ? '/' + label.downcase : '') + "/articles/"
        active = (@item.identifier.sub(%r{page/$}, '') == path)
      %>
      <li><a href="<%= path %>"<%= %Q{class="active"} if active %>><%= label %></a> (<%= count %>)</li>
      <% end %>
      <li id="search">
        <fieldset>
          <label for="query">Search</label>
          <input type="text" name="q" id="query" value="" />
          <span class="sbox_r"></span>
        </fieldset>
      </li>
    </ul>

    <ul class="articles">
      <%= yield %>
    </ul>

    <div class="pagination">
      <% pagepath = @item.identifier; pagepath += 'page/' if pagepath !~ %r{/page/$} %>
      <a href="<%= pagepath %>#2" class="newer">&laquo; Newer</a>
      |
      <a href="<%= pagepath %>" class="older">Older &raquo;</a>
    </div>
  </div>
  <%= render 'footer' %>
</body>
</html>
Work on layout of archives and article page 2010-01-30 04:33:54 +00:00			`<!DOCTYPE html>`
			`<html>`
Start articles page with JSON representation 2009-11-23 02:34:17 +00:00			`<head>`
Bunch of new files to support archive listings 2010-01-30 05:50:07 +00:00			`<%= render 'head_common' %>`
Work on layout of archives and article page 2010-01-30 04:33:54 +00:00			`<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.0/jquery.min.js" type="text/javascript"></script>`
More tweaks to the archive pages 2010-02-03 10:53:58 +00:00			`<script src="/js/common.js" type="text/javascript" charset="utf-8"></script>`
Add a page item for JS pagination Doing the archives this way removes the problem of loading page 1 then replacing it with page 2 2010-02-03 02:34:04 +00:00			`<% if @item.identifier =~ %r{/page/$} %>`
Add search and include new JS 2010-02-01 10:37:15 +00:00			`<script src="/js/jquery.ba-bbq.min.js" type="text/javascript" charset="utf-8"></script>`
			`<script src="/js/mojo.js" type="text/javascript" charset="utf-8"></script>`
Work on layout of archives and article page 2010-01-30 04:33:54 +00:00			`<script src="/js/articles.js" type="text/javascript" charset="utf-8"></script>`
Add a page item for JS pagination Doing the archives this way removes the problem of loading page 1 then replacing it with page 2 2010-02-03 02:34:04 +00:00			`<% else %>`
			`<script type="text/javascript" charset="utf-8">`
			`jQuery(function() {`
More tweaks to the archive pages 2010-02-03 10:53:58 +00:00			`show_javascript_widgets();`
			`webkit_search_tweak();`
Add a page item for JS pagination Doing the archives this way removes the problem of loading page 1 then replacing it with page 2 2010-02-03 02:34:04 +00:00			`});`
			`</script>`
			`<% end %>`
Start articles page with JSON representation 2009-11-23 02:34:17 +00:00			`</head>`
Work on layout of archives and article page 2010-01-30 04:33:54 +00:00			`<body class="articles">`
Start articles page with JSON representation 2009-11-23 02:34:17 +00:00			`<%= render 'header' %>`
More tweaks to the archive pages 2010-02-03 10:53:58 +00:00			`<h1>Archives</h1>`
Work on layout of archives and article page 2010-01-30 04:33:54 +00:00			`<div id="content">`
Implement archive pages 2010-01-30 06:09:05 +00:00
Link archive pages together with a simple menu 2010-01-30 06:42:29 +00:00			`<%`
			`menu = [`
			`['All', sorted_articles.size],`
			`['Technical', technical_articles.size],`
			`['Personal', personal_articles.size],`
			`]`
			`%>`
Layout archive sub-menu properly 2010-02-01 01:58:10 +00:00			`<ul class="inline menu">`
Link archive pages together with a simple menu 2010-01-30 06:42:29 +00:00			`<% menu.each do \|menu_item\|`
			`label, count = menu_item`
			`path = (label != "All" ? '/' + label.downcase : '') + "/articles/"`
More tweaks to the archive pages 2010-02-03 10:53:58 +00:00			`active = (@item.identifier.sub(%r{page/$}, '') == path)`
Link archive pages together with a simple menu 2010-01-30 06:42:29 +00:00			`%>`
More tweaks to the archive pages 2010-02-03 10:53:58 +00:00			`<li><a href="<%= path %>"<%= %Q{class="active"} if active %>><%= label %></a> (<%= count %>)</li>`
Link archive pages together with a simple menu 2010-01-30 06:42:29 +00:00			`<% end %>`
Style search field 2010-02-02 10:08:33 +00:00			`<li id="search">`
			`<fieldset>`
			`<label for="query">Search</label>`
			`<input type="text" name="q" id="query" value="" />`
			`<span class="sbox_r"></span>`
			`</fieldset>`
			`</li>`
Implement archive pages 2010-01-30 06:09:05 +00:00			`</ul>`

Start articles page with JSON representation 2009-11-23 02:34:17 +00:00			`<ul class="articles">`
Bunch of new files to support archive listings 2010-01-30 05:50:07 +00:00			`<%= yield %>`
Start articles page with JSON representation 2009-11-23 02:34:17 +00:00			`</ul>`
Implement archive pages 2010-01-30 06:09:05 +00:00
Start articles page with JSON representation 2009-11-23 02:34:17 +00:00			`<div class="pagination">`
Add a page item for JS pagination Doing the archives this way removes the problem of loading page 1 then replacing it with page 2 2010-02-03 02:34:04 +00:00			`<% pagepath = @item.identifier; pagepath += 'page/' if pagepath !~ %r{/page/$} %>`
More tweaks to the archive pages 2010-02-03 10:53:58 +00:00			`<a href="<%= pagepath %>#2" class="newer">« Newer</a>`
Start articles page with JSON representation 2009-11-23 02:34:17 +00:00			`\|`
More tweaks to the archive pages 2010-02-03 10:53:58 +00:00			`<a href="<%= pagepath %>" class="older">Older »</a>`
Start articles page with JSON representation 2009-11-23 02:34:17 +00:00			`</div>`
			`</div>`
			`<%= render 'footer' %>`
			`</body>`
			`</html>`