Here is a simple demo of talaria in action:

Testing!

This is example content

talaria crawls the page, looking for a CSS selector (in this case '.permalink')

Here’s all the HTML that talaria needs:

<article>
  <h3><a class="permalink" href="/test/issue">Testing!</a></h3>
  <p>This is example content</p>
  <p>
    <em>talaria</em> crawls the page, looking for a CSS selector (in this case <code>'.permalink'</code>)
  </p>
</article>

A little bit of configuration:

 var insertionPointFinder = function(el) {
  return talaria.Talaria.parent(el, 'article');
};
var t = new talaria.Talaria({
  backend: talaria.Backend.Issues,
  mappingUrl: 'resources/mappings.json',
  github_username: 'm2w',
  github_repository: 'talaria',
  insertionPointLocator: insertionPointFinder
});
t.run();

 var insertionPointFinder = function(el) {
  return talaria.Talaria.parent(el, 'article');
};
var t = new talaria.Talaria({
  backend: talaria.Backend.Gists,
  mappingUrl: 'resources/mappings.json',
  github_username: 'm2w',
  github_repository: 'talaria',
  insertionPointLocator: insertionPointFinder
});
t.run();

and a simple mappings table, which links content on your page to its respective comments on Github:

 {
  "/test/issue": {
    "id": "14"
  },
  "/test/gist": {
    "id": "e152885d62abf5227404b8b8f8209add"
  }
}