Added examples.js to populate the #code div (issue #12).

postmodern · postmodern · commit 7ef2e3bb14fa · 2013-02-08T05:01:39.000-08:00
diff --git a/_layouts/default.html b/_layouts/default.html
@@ -14,6 +14,12 @@
     <link title="Low vision" rel="alternate stylesheet" type="text/css" href="/stylesheets/low_vision_screen.css" media="screen" />
 
     <link rel="shortcut icon" type="image/x-icon" href="/favicon.ico" />
+    <script type="text/javascript" src="/javascripts/jquery.min.js"></script>
+    {% if page.javascript != null %}
+    {% for javascript in page.javascript %}
+    <script type="text/javascript" src="/javascripts/{{ javascript }}.js"></script>
+    {% endfor %}
+    {% endif %}
   </head>
 
   <body>
diff --git a/en/index.html b/en/index.html
@@ -3,6 +3,9 @@
 title: Ruby Programming Language
 lang: en
 
+javascript:
+ - examples
+
 header: |
   <div id="intro">
     <h1>Ruby is...</h1>
@@ -15,6 +18,7 @@ <h1>Ruby is...</h1>
 
     <a href="about/">Read More...</a>
   </div>
+  <div id="code"></div>
 
 sidebar: |
   <a href="downloads/">
diff --git a/javascripts/examples.js b/javascripts/examples.js
@@ -0,0 +1,18 @@
+var Examples = {
+  names: ['cities', 'greeter', 'i_love_ruby', 'hello_world'],
+
+  random: function() {
+    return Examples.names[Math.floor(Math.random() * Examples.names.length)];
+  },
+
+  choose: function() {
+    var lang = document.location.pathname.split('/')[1];
+    var name = Examples.random();
+
+    $.get('/' + lang + '/examples/' + name + '.html', function(data) {
+      $("#code").html(data);
+    });
+  }
+};
+
+$(document).ready(Examples.choose);
diff --git a/javascripts/jquery.min.js b/javascripts/jquery.min.js
