Added full tutorial, based off the official React tutorial

Author: Daniel15

site/jekyll/_layouts/default.html

@@ -50,7 +50,7 @@
     <footer class="wrap">
       <div class="right">
         &copy; 2014 Facebook Inc.
-        <a href="https://github.com/reactjs/React.NET/blob/master/site/jekyll{{ page.url | replace:'.html','.md' }}" target="_blank">
+        <a href="https://github.com/reactjs/React.NET/blob/master/site/jekyll/{{ page.path }}" target="_blank">
           Edit this page on GitHub
         </a>
       </div>

site/jekyll/_plugins/header_links.rb

@@ -0,0 +1,17 @@
+require 'redcarpet'
+require 'sanitize'
+
+# Simple converter that is probably better than RedCarpet's built in TOC id
+# generator (which ends up with things lik id="toc_1"... terrible).
+
+class Redcarpet::Render::HTML
+  def header(title, level)
+    clean_title = Sanitize.clean(title)
+      .downcase
+      .gsub(/\s+/, "-")
+      .gsub(/[^A-Za-z0-9\-_.]/, "")
+
+    return "<h#{level}><a class=\"anchor\" name=\"#{clean_title}\"></a>#{title} <a class=\"hash-link\" href=\"##{clean_title}\">#</a></h#{level}>"
+  end
+end
+

site/jekyll/_plugins/highlight_lines.rb

@@ -0,0 +1,39 @@
+# Replace Jekyll's handling of the Redcarpet code_block (which already adds
+# support for highlighting, but needs support for the very non-standard
+# "code fences with line highlights" extension).
+# Since this is currently depending on Redcarpet to cooperate, we are going to
+# be naive, and only allow line highlighting when a language is specified. If
+# you don't want any syntax highlighting but want to highlight lines, then you
+# need to specify text as your language, like:
+# ```text{4}
+
+
+module Jekyll
+  module Converters
+    class Markdown
+      class RedcarpetParser
+        module WithPygments
+          def block_code(code, lang)
+            require 'pygments'
+            lang_parts = lang && lang.split('{')
+            lang = lang_parts && !lang_parts[0].empty? && lang_parts[0] || 'text'
+            hl_lines = ''
+            if lang_parts && lang_parts.size >= 2
+              hl_lines = lang_parts[1].gsub(/[{}]/, '').split(',').map do |ln|
+                if matches = /(\d+)-(\d+)/.match(ln)
+                  ln = Range.new(matches[1], matches[2]).to_a.join(' ')
+                end
+                ln
+              end.join(' ')
+            end
+            output = add_code_tags(
+              Pygments.highlight(code, :lexer => lang,
+                                 :options => { :encoding => 'utf-8', :hl_lines => hl_lines }),
+              lang
+            )
+          end
+        end
+      end
+    end
+  end
+end