diff --git a/Gemfile b/Gemfile
index ef4c7b6..426f9b4 100644
--- a/Gemfile
+++ b/Gemfile
@@ -6,6 +6,7 @@ ruby '2.3.1'
 
 gem 'nanoc'
 gem 'kramdown'
+gem 'coffee-script'
 
 group :development do
   gem 'adsf'
diff --git a/Gemfile.lock b/Gemfile.lock
index 1f813c3..905f3f8 100644
--- a/Gemfile.lock
+++ b/Gemfile.lock
@@ -4,9 +4,14 @@ GEM
     adsf (1.2.1)
       rack (>= 1.0.0)
     coderay (1.1.1)
+    coffee-script (2.4.1)
+      coffee-script-source
+      execjs
+    coffee-script-source (1.10.0)
     colored (1.2)
     cri (2.7.0)
       colored (~> 1.2)
+    execjs (2.7.0)
     ffi (1.9.10)
     formatador (0.2.5)
     guard (2.14.0)
@@ -54,9 +59,13 @@ PLATFORMS
 
 DEPENDENCIES
   adsf
+  coffee-script
   guard-nanoc
   kramdown
   nanoc
 
+RUBY VERSION
+   ruby 2.3.1p112
+
 BUNDLED WITH
    1.12.5
diff --git a/Rules b/Rules
index ef57047..1ece555 100644
--- a/Rules
+++ b/Rules
@@ -12,6 +12,11 @@ compile '/**/*.erb' do
   filter :erb
 end
 
+compile '/**/*.coffee' do
+  filter :coffeescript
+  write "#{item.identifier.without_ext}.js"
+end
+
 # Markdown
 compile '/**/*.md' do
   filter :kramdown
diff --git a/content/index.coffee b/content/index.coffee
new file mode 100644
index 0000000..65ad4ae
--- /dev/null
+++ b/content/index.coffee
@@ -0,0 +1,9 @@
+$.get 'https://api.github.com/orgs/ZeusWPI/events', (data) ->
+  for e in data
+    console.log e
+    $('#github-feed ul').append(
+      $('<li />').append(
+        $('<img />',
+          style: 'width: 50px;',
+          src: e.actor.avatar_url
+    )))
diff --git a/content/index.erb b/content/index.erb
index 675348f..77d8f3a 100644
--- a/content/index.erb
+++ b/content/index.erb
@@ -14,9 +14,11 @@
     <!--[if gt IE 8]><!-->
       <link rel="stylesheet" href="http://yui.yahooapis.com/pure/0.6.0/grids-responsive-min.css">
     <!--<![endif]-->
-
     <link rel="stylesheet" href="/stylesheet.css">
 
+    <script src="https://code.jquery.com/jquery-2.2.4.min.js" charset="utf-8"></script>
+    <script src="/index.js" charset="utf-8"></script>
+
     <!-- you don't need to keep this, but it's cool for stats! -->
     <meta name="generator" content="Nanoc <%= Nanoc::VERSION %>">
   </head>
@@ -26,18 +28,29 @@
         <img class="pure-img" src="https://zeus.ugent.be/wp-content/uploads/2009/05/logo-new.png" alt="" />
       </div>
       <div class="pure-u-1-2">
-        <p>
-          Hey
-        </p>
+        SOMETHING
       </div>
       <div class="pure-u-1-3">
-        <p>
-          Hey
-        </p>
+        #1 CODER ON GAMIFICATION
       </div>
 
-      <div class="pure-u-1">
-        Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ipsum numquam, corporis labore, facilis minima, nisi fuga beatae molestiae eaque quas blanditiis! Laboriosam dicta modi nobis harum dolorem illo quo ipsam reiciendis, nemo a cumque dignissimos incidunt aliquam dolore molestias excepturi perferendis, placeat quam repellat doloremque? Veritatis animi doloribus, iusto officia maxime ullam optio soluta! Et fugiat suscipit ipsum id amet accusantium ut, corporis earum tenetur iure. Nihil non suscipit atque sed obcaecati soluta possimus cum ad sequi mollitia voluptatibus veritatis aperiam neque voluptatem, dolorum exercitationem. Unde quos quas, maxime maiores nihil, eligendi a tenetur quaerat accusamus, cum molestiae ipsam nisi, sit tempora enim et! Deserunt quia quos, nulla expedita fugit voluptatum numquam eaque. Ea quae aliquid ipsam. Cum neque quos dolorum officiis ipsum tempore tempora fuga quod, dolore necessitatibus aspernatur excepturi saepe eum dicta laudantium! Cumque sapiente illum vel porro! Laboriosam laborum iusto, asperiores aut quo adipisci dolorum velit deserunt quis, explicabo, necessitatibus repellat odit nulla. Qui, exercitationem, quod dicta numquam nam illo aut ea, quia tempore obcaecati sunt sed laborum veniam vitae, recusandae voluptatibus odio soluta modi harum fugiat. Autem eaque veritatis aliquid quis harum reprehenderit consectetur, distinctio inventore, tempore magni architecto ea fugiat sapiente quisquam earum molestiae numquam sequi adipisci corrupti optio in illo assumenda sint amet! Libero sunt, accusamus repellendus magni numquam accusantium deleniti animi id nulla quo, odio soluta blanditiis rerum sint nam earum alias, iure ex in omnis esse necessitatibus asperiores assumenda cupiditate non? Eos enim eligendi esse nisi assumenda, voluptas velit culpa fuga, minima earum repellendus? Autem incidunt ut illum consequuntur assumenda rem molestiae ex quae, animi sint explicabo ea obcaecati nam quia suscipit tempora sit maiores quis vitae eveniet cumque accusamus unde magni! Culpa ex dolore, veniam officiis, labore obcaecati inventore praesentium eveniet veritatis illum, voluptatibus? Dolor, hic, quae? Aspernatur, earum, impedit accusantium blanditiis, deleniti doloribus quam asperiores, iste facilis dolorum magnam voluptate. Laboriosam accusantium totam veritatis asperiores ab aliquid et ad aspernatur, velit dolores nostrum libero beatae vel sapiente corporis. Sunt sit explicabo perspiciatis facere velit illo nemo, fugiat aut dolorum temporibus deleniti, dolores, necessitatibus itaque. Provident rem voluptates odit reprehenderit ut modi rerum consequuntur iusto exercitationem quo ad culpa, tenetur enim, quaerat quod natus unde officia placeat quis cupiditate maxime quos eum ea quisquam deserunt. Accusamus quis cupiditate in et repellat excepturi, ut natus recusandae! Alias sed accusamus et tempora ut, debitis minima aperiam tempore, facere eum sint cupiditate sapiente. Velit at, rem ea alias? Modi, voluptas. Ipsa quas qui in nihil ea atque odit, ullam saepe eum sit maiores magnam sunt quod totam quisquam quibusdam quidem praesentium ab veniam, doloribus dignissimos aperiam aliquid optio. Sed, accusantium molestiae dicta corporis ratione veritatis velit. Dolorem molestiae voluptas amet voluptatem beatae mollitia sint ratione inventore quae quos soluta quam, modi quibusdam doloremque, aut pariatur totam nam, earum incidunt placeat. Necessitatibus fugiat at quod neque doloremque dicta blanditiis voluptate veniam corrupti repellat totam saepe, quis. Animi reprehenderit, voluptatum tenetur, fugit possimus accusamus. Et eum non, explicabo dolor, eveniet ullam harum eligendi omnis minus in ducimus rerum natus vitae qui, maiores excepturi! Quas a, doloribus possimus assumenda, ullam consectetur. Est ducimus dicta eius repellendus sit blanditiis nisi nihil minima non excepturi commodi esse consectetur odio laudantium nesciunt ea placeat, eum. Dolore facilis soluta amet nostrum quas eius officia nam, nesciunt delectus adipisci eum ratione provident asperiores suscipit dolor eligendi aperiam modi, numquam animi, nihil ex est excepturi at repudiandae. Molestiae assumenda obcaecati aliquid deserunt, iste a, facilis officiis modi suscipit at nostrum ad, corrupti velit. Provident pariatur, nostrum atque. Fugiat quod debitis aperiam provident numquam error, aspernatur deserunt voluptas similique quaerat iste repudiandae accusamus labore quam excepturi. Atque inventore recusandae veniam placeat veritatis accusamus quas, mollitia eaque dolor sit aliquam sequi neque voluptatibus eos qui nulla. Autem a sint quos, qui eum eos voluptas omnis nostrum earum? Dolore illo non impedit quas, fugiat dicta alias incidunt, quae libero aspernatur odio totam perspiciatis molestias sunt velit blanditiis explicabo aut. Facilis magnam vero voluptate voluptatibus laudantium praesentium neque nemo quo quia, perferendis laboriosam excepturi quaerat laborum aut, architecto repellat sed tempore pariatur eius. Quasi nisi beatae aut, eos nobis distinctio, fuga eligendi, consequatur, laudantium culpa omnis possimus. Et, cum, ducimus. Animi libero labore vitae dolorem magnam, quae modi asperiores distinctio, commodi suscipit a, quas incidunt, voluptatum officiis! Eius saepe temporibus, quasi officia dolorem ipsa cumque facilis aliquid suscipit eveniet, porro molestias explicabo optio quam dolore non modi est accusantium ipsam. Error harum illo facilis dolore soluta ipsam laboriosam iste id, dicta labore odio velit alias illum autem suscipit, explicabo ipsum. Praesentium, quas, delectus beatae impedit aliquam voluptate sit hic fugit nulla perspiciatis necessitatibus repellendus nisi dolorem excepturi. Quae inventore dolor veritatis ipsum, tenetur odio voluptatum rem, incidunt officia ex, harum numquam saepe necessitatibus similique sint reprehenderit quas. Fuga error eum est accusamus at dolorum dignissimos necessitatibus recusandae natus id. Quisquam porro voluptatibus iste ad sapiente debitis vero omnis eaque. Magnam magni nisi odit nam officiis cumque ratione dicta inventore. Aliquam fuga repellat excepturi, quod omnis ex, vero sapiente! Sequi, dignissimos, esse. Totam ullam, aliquam, quaerat expedita sequi iusto non itaque, magnam tempora esse quidem quisquam similique culpa suscipit doloremque? Exercitationem quibusdam, modi corrupti perspiciatis harum quod voluptatem aliquam dicta quaerat, quidem, dignissimos facere asperiores ab commodi repellendus repudiandae neque consectetur enim. Debitis aspernatur eum eos vero, voluptate labore, optio impedit quas a minus laborum recusandae est et fugit earum vitae velit cupiditate. Aspernatur at, laborum iusto in id, quis deleniti reiciendis, sunt, perferendis molestias quas. Nostrum suscipit hic commodi nemo velit asperiores cupiditate tempora, dolor ex ratione, magni vitae dignissimos alias incidunt dolore placeat excepturi temporibus enim nulla at, officiis odit sapiente eius. Nam dolore dolorem ex, at eaque recusandae, deleniti adipisci laudantium minus odit nisi perspiciatis velit eligendi maiores magni! Quis libero quasi a amet expedita commodi soluta itaque qui dignissimos eligendi, nobis quisquam ad adipisci. Optio consequuntur consequatur magnam maiores accusantium sint, aperiam explicabo at odio a, illum mollitia quos ipsam assumenda dignissimos. Odit aliquam, dolorum ratione enim, quod ex! Molestias in quidem vitae, assumenda!
+      <div class="pure-g">
+        <div class="pure-u-2-3">
+          <div class="pure-g">
+            <div class="pure-u-1">MAIN EVENT</div>
+            <div class="pure-u-1-4">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quasi hic id a enim natus, doloribus explicabo quis. Nostrum, odit. Aperiam.</div>
+            <div class="pure-u-1-4">Similique molestiae, repudiandae sequi tempora modi beatae, doloremque est fugit totam veniam ad impedit dolore excepturi dolorum officia adipisci reprehenderit.</div>
+            <div class="pure-u-1-4">Quaerat a quos recusandae voluptates provident dolore tenetur possimus, mollitia sapiente accusamus veritatis natus deleniti quibusdam odit, explicabo! Non, earum.</div>
+            <div class="pure-u-1-4">Assumenda eos quae rerum qui sapiente omnis, consequuntur doloremque dolor, mollitia nisi voluptas impedit nemo id porro velit possimus blanditiis!</div>
+            <div class="pure-u-1-4">Cupiditate maiores ut consequuntur mollitia suscipit id, nulla deserunt aliquid quibusdam corporis non, error ea alias numquam provident maxime hic?</div>
+            <div class="pure-u-1-4">Nobis vero error eligendi libero mollitia modi minima, aperiam illum, exercitationem recusandae suscipit. Asperiores, ad reiciendis, exercitationem vero iure hic.</div>
+            <div class="pure-u-1-4">Obcaecati voluptates enim minus maiores laborum, ea. Beatae blanditiis, totam velit enim, eligendi similique asperiores! Exercitationem inventore, eveniet quas et.</div>
+            <div class="pure-u-1-4">Eos amet officia ab cumque. Mollitia unde cupiditate non, maxime animi praesentium, sit. Fugit et repellendus harum nostrum, atque voluptatem?</div>
+          </div>
+        </div>
+        <div id="github-feed" class="pure-u-1-3">
+          <ul></ul>
+        </div>
       </div>
     </div>
   </body>