index.html

---
layout: default
title: The JavaScript Playground
---

<article class="entry hentry home-intro">
  <header class="entry-header">
    <h1 class="entry-title">Welcome to the JavaScript Playground</h1>
  </header>
  <p>The JavaScript Playground is a blog dedicated to bringing you top quality JavaScript tutorials, including BackboneJS, FirefoxOS, NodeJS, jQuery and more. It's maintained and primarily written by <a href="http://twitter.com/Jack_Franklin">Jack Franklin</a>, with the help of some <a href="https://github.com/jackfranklin/javascriptplayground.com/graphs/contributors">awesome contributors</a>.</p>
</article>
{% assign post = site.posts.first %}
<article class="entry hentry home-post">
  <header class="entry-header">
    <h1 class="entry-title">Latest Post: {{ post.title }}</h1>
  </header>
  <div class="entry-intro">
    <p> {{ post.intro }} <a href="{{ post.url }}">Read More</a></p>
  </div>
</article>

<article class="entry hentry home-small-entry-wrap">
  <header class="entry-header">
    <h1>Recent Posts</h2>
    <p>Or see all past content on the <a href="/archives.html">archives page</a>.</p>
  </header>
  {% for post in site.posts limit:6 offset:1 %}
    <div class="home-small-entry">
      <h4><a href="{{ post.url }}">{{ post.title }}</a></h4>
      <p>{{ post.date | date: "%d %B %Y" }}</p>
    </div>
  {% endfor %}
</article>