Another Example

Jonathan Cools-Lartigue

Monday, 25 Nov 2013

Typi non habent claritatem insitam; est usus legentis in iis qui facit eorum claritatem. Investigationes demonstraverunt lectores legere me lius quod ii legunt saepius. Claritas est etiam processus dynamicus, qui sequitur mutationem consuetudium lectorum.

Mirum est notare quam littera gothica, quam nunc putamus parum claram, anteposuerit litterarum formas humanitatis per seacula quarta decima et quinta decima. Eodem modo typi, qui nunc nobis videntur parum clari, fiant sollemnes in futurum.

Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis.

Slugify function at line 20

$(document).ready(function () {
    $('a[id^="filter-"]').click(function () {
        $(this).hasClass("active") ? $("[id=" + $(this).attr("id") + "]").removeClass("active") : $("[id=" + $(this).attr("id") + "]").addClass("active");
        filter();
    });
    var tag = getParameterByName("tag");
    var author = getParameterByName("author");
    if (tag) $("[id=filter-tag-" + slugify(tag) + "]").addClass("active")
    if (author) $("[id=filter-author-" + slugify(author) + "]").addClass("active")
    if (tag || author) filter();
});

function filter() {
  if ($('a.tag.active').length == 0 && $('a.author.active').length == 0) {
    $('article').removeClass('hide');
  } else {
    $('article:has(a.tag.active),article:has(a.author.active)').removeClass('hide');
    $('article:not(:has(a.tag.active))article:not(:has(a.author.active))').addClass('hide');
  }
}

function slugify(text) {
    return text.toString().toLowerCase()
        .replace(/\s+/g, '-') // Replace spaces with -
        .replace(/[^\w\-]+/g, '') // Remove all non-word chars
        .replace(/\-\-+/g, '-') // Replace multiple - with single -
        .replace(/^-+/, '') // Trim - from start of text
        .replace(/-+$/, ''); // Trim - from end of text
}

function getParameterByName(name, url) {
    if (!url) url = window.location.href;
    name = name.replace(/[\[\]]/g, "\\$&");
    var regex = new RegExp("[?&]" + name + "(=([^&#]*)|&|#|$)"),
        results = regex.exec(url);
    if (!results) return null;
    if (!results[2]) return '';
    return decodeURIComponent(results[2].replace(/\+/g, " "));
}