diff --git a/Gemfile b/Gemfile
index d20dd14..4a9cebe 100644
--- a/Gemfile
+++ b/Gemfile
@@ -22,4 +22,5 @@ gem 'autoprefixer-rails'
 group :development do
   gem 'adsf'
   gem 'guard-nanoc'
+  gem 'highline'
 end
diff --git a/Gemfile.lock b/Gemfile.lock
index e5e8752..f02e74d 100644
--- a/Gemfile.lock
+++ b/Gemfile.lock
@@ -34,6 +34,7 @@ GEM
       nanoc (~> 4.0)
     hamster (3.0.0)
       concurrent-ruby (~> 1.0)
+    highline (1.7.8)
     icalendar (2.4.0)
     json (2.0.2)
     kramdown (1.11.1)
@@ -83,6 +84,7 @@ DEPENDENCIES
   builder
   coffee-script
   guard-nanoc
+  highline
   icalendar
   kramdown
   nanoc (= 4.2.4)
diff --git a/Rules b/Rules
index c815011..051ffb4 100644
--- a/Rules
+++ b/Rules
@@ -129,9 +129,6 @@ passthrough '/assets/images/*.{png}'
 #
 #
 
-#
-# HOMEPAGE
-#
 #
 # ASSETS
 #
diff --git a/commands/post.rb b/commands/post.rb
new file mode 100644
index 0000000..8f22978
--- /dev/null
+++ b/commands/post.rb
@@ -0,0 +1,49 @@
+require 'highline/import'
+require 'yaml'
+
+usage       'post [options]'
+aliases     :p
+summary     'Add a new post'
+description 'Adds a new post, filling in and validating metadata.'
+
+def bold_say(str)
+  say "<%= color %(#{str}), :bold %>"
+end
+
+def bold_ask(str, *args)
+  ask "<%= color %(#{str}), :bold %>", *args
+end
+
+run do |_opts, _args, _cmd|
+  result_hash = {}
+
+  bold_say "Let's make a new post, shall we?"
+  bold_say('-' * 20)
+
+  puts
+
+  bold_say 'What kind of post will it be?'
+
+  type = choose do |menu|
+    default = :event
+
+    menu.prompt = "(default #{default})"
+    menu.choice :blog
+    menu.choice :event
+    menu.default = default
+  end
+
+  puts
+
+  result_hash['title'] = bold_ask 'What will the title be?'
+
+  puts
+
+  result_hash['time'] = bold_ask 'When will the event take place?', Date
+
+  puts
+
+  result_hash['banner'] = bold_ask 'Supply a link to the banner of the event, please' if type == :event
+
+  puts result_hash.to_yaml
+end
diff --git a/content/assets/stylesheets/includes/cammie.scss b/content/assets/stylesheets/includes/cammie.scss
index d12944c..174c95b 100644
--- a/content/assets/stylesheets/includes/cammie.scss
+++ b/content/assets/stylesheets/includes/cammie.scss
@@ -1,7 +1,10 @@
-#cammie {
-  object-fit: contain;
-  max-width: 100%;
-  height: auto;
+#cammie-container {
+  display: flex;
+  justify-content: center;
+
+  position: relative;
+
+  width: 100%;
 }
 
 .fullpage {
diff --git a/content/assets/stylesheets/includes/general.scss b/content/assets/stylesheets/includes/general.scss
index 466e323..6475a5c 100644
--- a/content/assets/stylesheets/includes/general.scss
+++ b/content/assets/stylesheets/includes/general.scss
@@ -1,3 +1,7 @@
+html, body {
+  height: 100%;
+  width: 100%;
+}
 .fa-ul {
   list-style: none !important;
 
diff --git a/content/cammie.erb b/content/cammie.erb
index 72125b8..f6166c4 100644
--- a/content/cammie.erb
+++ b/content/cammie.erb
@@ -3,22 +3,66 @@ navigable: true
 title: Cammie
 ---
 
-<img id="cammie" src="https://kelder.zeus.ugent.be/webcam/video/mjpg.cgi?profileid=2" alt="" />
+<section class="hero is-fullheight">
+  <!-- Hero header: will stick at the top -->
+  <div class="hero-head">
+    <%= render '/partials/_navbar.*' %>
+  </div>
 
-<div id="left" class="ctrl">
-  <%= fa 'chevron-left', size: '2x' %>
-</div>
+  <!-- Hero content: will be in the middle -->
+  <div class="hero-body">
+    <!--
+    <div id="cammie-container">
+      <img id="cammie" src="https://kelder.zeus.ugent.be/webcam/video/mjpg.cgi?profileid=2" alt="" />
+    </div>
+  -->
 
-<div id="right" class="ctrl">
-  <%= fa 'chevron-right', size: '2x' %>
-</div>
+    <div class="columns">
+      <div class="column">top</div>
+      <div class="column">top</div>
+      <div class="column">top</div>
+    </div>
+    <div class="columns">
+      <div class="column">mid</div>
+      <div class="column">mid</div>
+      <div class="column">mid</div>
+    </div>
+    <div class="columns">
+      <div class="column">bot</div>
+      <div class="column">bot</div>
+      <div class="column">bot</div>
+    </div>
 
-<div id="up" class="ctrl">
-  <%= fa 'chevron-up', size: '2x' %>
-</div>
+    <div id="left" class="ctrl">
+      <%= fa 'chevron-left', size: '2x' %>
+    </div>
+
+    <div id="right" class="ctrl">
+      <%= fa 'chevron-right', size: '2x' %>
+    </div>
+
+    <div id="up" class="ctrl">
+      <%= fa 'chevron-up', size: '2x' %>
+    </div>
+
+    <div id="down" class="ctrl">
+      <%= fa 'chevron-down', size: '2x' %>
+    </div>
+  </div>
+
+  <!-- Hero footer: will stick at the bottom -->
+  <div class="hero-foot">
+    <nav class="tabs is-boxed is-fullwidth">
+      <div class="container">
+        <ul>
+          <li><a>Kleine Tafel</a></li>
+          <li><a>Grote Tafel</a></li>
+          <li><a>Zetel</a></li>
+        </ul>
+      </div>
+    </nav>
+  </div>
+</section>
 
-<div id="down" class="ctrl">
-  <%= fa 'chevron-down', size: '2x' %>
-</div>
 
 <%= asset :js, :cammie %>