Add an Other Projects section

Author: tombenner

bin/compile

@@ -1,24 +1,43 @@
 #!/usr/bin/env ruby
 require 'rubygems'
 require 'bundler/setup'
+require 'ostruct'
 require 'yaml'
 require 'tilt/erb'
 require 'tilt/sass'
 
 require 'uri'
 
+module Helpers
+  def link_to(text, href)
+    "<a href=\"#{href}\">#{text}</a>"
+  end
+
+  def url_host(url)
+    URI.parse(url).host.gsub(/^www\./, "")
+  end
+
+  def render_partial(name, locals)
+    context = OpenStruct.new(locals)
+    context.extend(Helpers)
+    Tilt::ERBTemplate.new("templates/_#{name}.html.erb").render(context)
+  end
+end
+
 context  = Class.new do
-  def self.projects
-    YAML.load_file("projects.yml")["projects"].sort_by{ |symbol, project| symbol }
+  extend Helpers
+
+  def self.popular_projects
+    projects_by_category("popular")
   end
 
-  # Helpers
-  def self.link_to(text, href)
-    "<a href=\"#{href}\">#{text}</a>"
+  def self.other_projects
+    projects_by_category("other")
   end
 
-  def self.url_host(url)
-    URI.parse(url).host.gsub(/^www\./, "")
+  def self.projects_by_category(category)
+    @projects ||= YAML.load_file("projects.yml")
+    @projects[category].sort_by{ |symbol, project| symbol }
   end
 end
 

projects.yml

@@ -1,4 +1,4 @@
-projects:
+popular:
   nats:
     name: NATS
     url: https://nats.io
@@ -421,3 +421,17 @@ projects:
         url: http://tim.dysinger.net/posts/2013-09-16-getting-started-with-nanomsg.html
       - text: "Nanomsg: ZeroMQ done right"
         url: http://hguemar.fedorapeople.org/slides/nanomsg/presentation.html
+other:
+  huey:
+    name: huey
+    summary: "a little task queue"
+    url: https://huey.readthedocs.org/en/latest/
+    tags:
+      - python
+      - redis
+      - django
+    links:
+      - text: "Source on GitHub"
+        url: https://github.com/coleifer/huey
+      - text: "Huey, a lightweight task queue for python"
+        url: http://charlesleifer.com/blog/huey-lightweight-task-queue-python/

templates/_project.html.erb

@@ -0,0 +1,37 @@
+<article>
+  <header class="clearfix">
+    <h3><a name="<%= symbol %>" href="#<%= symbol %>" class="project_name"><%= project["name"] %></a></h3>
+  </header>
+
+  <p class="project_url"><a href="<%= project["url"] %>"><%= project["url"] %></a></p>
+
+  <div class="main_content">
+
+    <% if !project["tags"].nil? %>
+      <ul class="tags">
+        <% project["tags"].each do |tag| %>
+          <li class="tag"><%= tag %></li>
+        <% end %>
+      </ul>
+    <% end %>
+    <p><%= project["summary"] %></p>
+    <% if !project["description"].nil? %>
+      <ul class="desc">
+        <% project["description"].each do |point| %>
+          <li><%= point %></li>
+        <% end %>
+      </ul>
+    <% end %>
+
+    <h4>Resources</h4>
+
+    <ul class="links">
+      <% project["links"].each do |link| %>
+        <li>
+          <%= link_to(link["text"], link["url"]) %>
+          <span class="host"><%= url_host(link["url"]) %></span>
+        </li>
+      <% end %>
+    </ul>
+  </div>
+</article>

templates/css/main.css.scss

@@ -118,7 +118,7 @@ footer {
   padding-bottom: 0;
 }
 
-#projects {
+.projects {
   h2 {
     margin-top: 0;
   }

templates/index.html.erb

@@ -5,7 +5,7 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
     <title>Queues</title>
     <meta name="description" content="Job queues, message queues and other queues. Almost all of them.">
-    <meta name="keywords" content="queue, job queue, work queue, message queue, <%= projects.collect{ |k, v| k }.join(", ") %>">
+    <meta name="keywords" content="queue, job queue, work queue, message queue, <%= popular_projects.collect{ |k, v| k }.join(", ") %>">
     <meta name="viewport" content="width=device-width">
 
     <link href='http://fonts.googleapis.com/css?family=Bree+Serif' rel='stylesheet' type='text/css'>
@@ -53,49 +53,23 @@
         </div>
       </article>
 
-      <section id="projects">
+      <section class="projects">
         <header>
-          <h2>Projects</h2>
+          <h2>Popular Projects</h2>
         </header>
 
-        <% projects.each do |symbol, project| %>
-        <article>
-          <header class="clearfix">
-            <h3><a name="<%= symbol %>" href="#<%= symbol %>" class="project_name"><%= project["name"] %></a></h3>
-          </header>
-
-          <p class="project_url"><a href="<%= project["url"] %>"><%= project["url"] %></a></p>
-
-          <div class="main_content">
-
-            <% if !project["tags"].nil? %>
-              <ul class="tags">
-                <% project["tags"].each do |tag| %>
-                  <li class="tag"><%= tag %></li>
-                <% end %>
-              </ul>
-            <% end %>
-            <p><%= project["summary"] %></p>
-            <% if !project["description"].nil? %>
-              <ul class="desc">
-                <% project["description"].each do |point| %>
-                  <li><%= point %></li>
-                <% end %>
-              </ul>
-            <% end %>
+        <% popular_projects.each do |symbol, project| %>
+          <%= render_partial "project", { symbol: symbol, project: project } %>
+        <% end %>
+      </section>
 
-            <h4>Resources</h4>
+      <section class="projects">
+        <header>
+          <h2>Other Projects</h2>
+        </header>
 
-            <ul class="links">
-              <% project["links"].each do |link| %>
-                <li>
-                  <%= link_to(link["text"], link["url"]) %>
-                  <span class="host"><%= url_host(link["url"]) %></span>
-                </li>
-              <% end %>
-            </ul>
-          </div>
-        </article>
+        <% other_projects.each do |symbol, project| %>
+          <%= render_partial "project", { symbol: symbol, project: project } %>
         <% end %>
       </section>