Merge pull request #42 from vjeux/blog

Blog article for JSFiddle Integration

_includes/blog_post.html

@@ -0,0 +1,10 @@
+<h1><a href="/react{{ page.url }}">{{ page.title }}</a></h1>
+<p class="meta">{{ page.date | date_to_string }} by {{ page.author }}</p>
+
+<div id="post">
+{% if content != '' %}
+  {{ content }}
+{% else %}
+  {{ page.content }}
+{% endif %}
+</div>

_includes/nav_blog.html

@@ -0,0 +1,10 @@
+<div class="nav-docs">
+  <div class="nav-docs-section">
+    <h3>Recent posts</h3>
+    <ul>
+    {% for post in site.posts %}
+      <li><a href="/react{{ post.url }}"{% if page.title == post.title %} class="active"{% endif %}>{{ post.title }}</a></li>
+    {% endfor %}
+    </ul>
+  </div>
+</div>

_layouts/blog.html

@@ -0,0 +1,14 @@
+---
+layout: default
+sectionid: blog
+---
+
+<section class="content wrap documentationContent">
+  {% include nav_blog.html %}
+  <div class="inner-content">
+    {% for page in site.posts %}
+      {% include blog_post.html %}
+    {% endfor %}
+  </div>
+</section>
+

_layouts/default.html

@@ -41,6 +41,7 @@
           <li><a href="/react/docs/getting-started.html"{% if page.sectionid == 'docs' %} class="active"{% endif %}>docs</a></li>
           <li><a href="/react/support.html"{% if page.id == 'support' %} class="active"{% endif %}>support</a></li>
           <li><a href="/react/downloads.html"{% if page.id == 'downloads' %} class="active"{% endif %}>download</a></li>
+          <li><a href="/react/blog.html"{% if page.sectionid == 'blog' %} class="active"{% endif %}>blog</a></li>
           <li><a href="http://github.com/facebook/react">github</a>
         </ul>
         <!-- <iframe src="http://ghbtns.com/github&#45;btn.html?user=facebook&#38;repo=react.js&#38;type=fork"allowtransparency="true" frameborder="0" scrolling="0" width="62" height="20"></iframe> -->

_layouts/post.html

@@ -1,12 +1,11 @@
 ---
 layout: default
+sectionid: blog
 ---
 
-<section class="content wrap">
+<section class="content wrap documentationContent">
-  <h2>{{ page.title }}</h2>
+  {% include nav_blog.html %}
-  <p class="meta">{{ page.date | date_to_string }}</p>
+  <div class="inner-content">
-
+    {% include blog_post.html %}
-  <div id="post">
-  {{ content }}
   </div>
 </section>

_posts/2013-06-02-jsfiddle-integration.md

@@ -0,0 +1,10 @@
+---
+title: JSFiddle Integration
+layout: post
+author: Vjeux
+---
+
+[JSFiddle](http://jsfiddle.net) just announced support for React. This is an exciting news as it makes collaboration on snippets of code a lot easier. You can play around this **[base React JSFiddle](http://jsfiddle.net/vjeux/kb3gN/)**, fork it and share it! A [fiddle without JSX](http://jsfiddle.net/vjeux/VkebS/) is also available .
+
+<blockquote class="twitter-tweet" align="center"><p>React (by Facebook) is now available on JSFiddle. <a href="http://t.co/wNQf9JPv5u" title="http://facebook.github.io/react/">facebook.github.io/react/</a></p>&mdash; JSFiddle (@jsfiddle) <a href="https://twitter.com/jsfiddle/status/341114115781177344">June 2, 2013</a></blockquote>
+<script async src="//platform.twitter.com/widgets.js" charset="utf-8"></script>

blog.md

@@ -0,0 +1,4 @@
+---
+title: Blog
+layout: blog
+---