jekyll page index

_includes..custom..project_list_item

<div class="project">

<h3><a href="{{node.url}}">{{node.title}}
  <small>{{node.tagline}}</small></a>
</h3>

{% if node.icon %}
  {% if node.icon contains 'http://' %}
    <img src="{{ node.icon }}" />
  {% else %}
    <img src="{{ BASE_PATH }}/assets/img/{{ node.icon }}" />
  {% endif %}
{% endif %}


<div id="description">

{% if node.summary %}
  {{node.summary}}
{% endif %}

{% if node.github %}

  <script type="text/javascript">
  $(window).load(function () {
    $('#gh-{{node.github | replace: '/','-' }}').empty();
    var al = new libgithub.ActivityLine('{{node.github | split:'/' | first}}',
                                        '{{node.github | split:'/' | last}}');
    al.gravatarSizeIs(0);
    al.repoLinkIs(true);
    al.targetIs('#gh-{{node.github | replace: '/','-' }}');
  });
  </script>

  <span class='github-activity' id='gh-{{node.github | replace: '/','-' }}'> </span>
{% endif %}

</div>

</div>

_includes..JB..pages_list

{% for node in pages_list %}
  {% if group == null or group == node.group %}
    {% include JB/pages_list_item %}
  {% endif %}
{% endfor %}

{% assign index = nil %}
{% assign group = nil %}

_includes..JB..pages_list_item

{% if group == 'project' %}
  
  {% include custom/project_list_item %}

{% else %}

  {% if page.url == node.url %}
  <li class="active"><a href="{{ BASE_PATH }}{{node.url}}" class="active">{{node.title}}</a></li>
  {% else %}
  <li><a href="{{ BASE_PATH }}{{node.url}}">{{node.title}}</a></li>
  {% endif %}

{% endif %}

assets..css..jbenet.css

.project {
  display: block;
  margin-bottom: 20px;
}

.project #description {
  margin-bottom: 10px;
  text-align: justify;
}

.project img {
  float: left;
  width: 80px;
  margin-right: 20px;
  margin-left: 10px;
}

.project .github-activity div {
  opacity: 0.35;
}

projects..datastore.md

layout	group	title	tagline	github	icon	summary
page	project	Datastore	simple, unified API for multiple data stores	jbenet/datastore	datastore.png	generic layer of abstraction for data store and database access; simple API enabling application development in a datastore-agnostic way, allowing datastores to be swapped seamlessly without changing application code. Allows leveraging different datastores for their strengths without committing the application to one datastore throughout its lifetime.

Datastore, woo!

projects..index.md

layout	title	tagline	group
page	Projects	in no particular order	navigation

{% include JB/setup %}

{% assign pages_list = site.pages %} {% assign group = 'project' %} {% include JB/pages_list %}

gists dont have subdirectories (fkn lame), so i used .. instead of /.

This renders the projects page like:

I based a lot of this on jow JekyllBootstrap does things. I actually sent a pull request to add oob support for this functionality.