stub out a basic footer that requests github user information and displays it (only available on syntax-basics article for now)

Author: ajpiano

Rules

@@ -11,6 +11,8 @@
 #   because “*” matches zero or more characters.
 
 require "cgi"
+require "curb"
+require "json"
 
 class Nanoc3::Filter
   class CodeBlocks < Nanoc3::Filter

content/javascript-101/syntax-basics.md

@@ -3,6 +3,7 @@ chapter:      js101
 section:      1
 title:        Syntax Basics
 attribution:  jQuery Fundamentals
+github: jquery
 ---
 Understanding statements, variable naming, whitespace, and other basic JavaScript syntax.
 

layouts/article_footer.html

@@ -0,0 +1,21 @@
+<div class="clearfix">
+	<div class="github">
+		<%if @item[:github] %>
+		<% github_user = @item[:github] || "jquery" %>
+		<% user_request = Curl::Easy.http_get("https://api.github.com/users/"+github_user) %>
+		<% user_request.perform %>
+		<% user_obj = JSON.parse(user_request.body_str) %>
+		<h3>By <%= user_obj["name"] %></h3>
+		<img src="<%= user_obj["avatar_url"] %>" />
+		<% else %>
+		<h3>By <%= @item[:attribution] %></h3>
+		<% end %>
+	</div>
+
+	<h4>Suggestions? Problems? Feedback?</h4>
+	You can open an issue or submit a pull request for
+	<a target="_blank" href="https://github.com/jquery/web-learn-jquery-com/blob/master/content/<%= @item.identifier.slice(1..-2) %>.md">
+		this article on GitHub
+	</a>
+	<a href="#">(Help!)</a>
+</div>

layouts/default.html

@@ -14,7 +14,7 @@ <h2 class="title"><%= @item[:title] %></h2>
 		</div>
 
 		<%= render 'sidebar' %>
-			
+		<%= render 'article_footer' %>
 	</div>
 	<!-- /body -->