Merge branch 'master' into fix/deadlinks

2018-03-15 15:15:09 +01:00 · 2018-03-15 15:15:09 +01:00 · 09bb1708ad
parent a0b9531762 c5c4d145d8
commit 09bb1708ad
358 changed files with 4224 additions and 2797 deletions
--- a/.bundle/config
+++ b/.bundle/config
@ -0,0 +1,2 @@
+---
+BUNDLE_WITH: "production"
--- a/.codeclimate.yml
+++ b/.codeclimate.yml
@ -0,0 +1,26 @@
+engines:
+  bundler-audit:
+    enabled: true
+  coffeelint:
+    enabled: true
+  duplication:
+    enabled: true
+    config:
+      languages:
+      - ruby:
+      - coffeescript:
+  eslint:
+    enabled: true
+  fixme:
+    enabled: true
+  rubocop:
+    enabled: true
+  markdownlint:
+    enabled: true
+
+exclude_paths:
+  - "**/*tipuesearch.js"
+
+ratings:
+  paths:
+    - "**/*"
--- a/.gitignore
+++ b/.gitignore
@ -18,3 +18,5 @@ node_modules/
 *.iml

 .author-information
+
+.fb_token
--- a/.mdlrc
+++ b/.mdlrc
@ -0,0 +1 @@
+rules "~MD013,~MD034,~MD026"
--- a/.travis.yml
+++ b/.travis.yml
@ -1,7 +1,23 @@
 language: ruby

 cache:
+  apt: true
  bundler: true
+  # Cache nanoc directories
+  directories:
+    - output
+    - tmp
+
+addons:
+  apt:
+    packages:
+      - pandoc
+      - texlive
+      - lmodern
+
+branches:
+  only:
+  - master

 rvm:
 - 2.3.1
@ -19,4 +35,6 @@ script:
 after_success:
 - mv deploy_key ~/.ssh/id_rsa
 - chmod 600 ~/.ssh/id_rsa
- '[[ $TRAVIS_PULL_REQUEST == "false" ]] && [[ $TRAVIS_BRANCH == "master" ]] && bundle exec nanoc --env=prod deploy public'
+- chmod +x ./deploy.sh
+- echo -e "Host $TRAVIS_PULL_REQUEST.zeus.werthen.com\n\tStrictHostKeyChecking no\n" >> ~/.ssh/config
+- ./deploy.sh
--- a/4
+++ b/4
@ -8,6 +8,7 @@ gem 'coffee-script'
 gem 'icalendar' # ical files
 gem 'kramdown'
 gem 'sass'
+gem 'typogruby'

 # Needed for atom_feed in blogging helper
 gem 'builder'
@ -19,6 +20,9 @@ gem 'therubyracer'
 # for reading time
 gem 'words_counted'

+# Compiling reports from .md to .pdf
+gem 'pandoc-ruby'
+
 group :development do
  gem 'adsf'
  gem 'highline'
--- a/Gemfile.lock
+++ b/Gemfile.lock
@ -1,32 +1,38 @@
 GEM
  remote: https://rubygems.org/
  specs:
-    adsf (1.2.1)
-      rack (>= 1.0.0)
-    autoprefixer-rails (6.7.7.1)
+    addressable (2.5.2)
+      public_suffix (>= 2.0.2, < 4.0)
+    adsf (1.4.0)
+      rack (>= 1.0.0, < 3.0.0)
+    autoprefixer-rails (7.2.5)
      execjs
    builder (3.2.3)
-    coderay (1.1.1)
+    coderay (1.1.2)
    coffee-script (2.4.1)
      coffee-script-source
      execjs
    coffee-script-source (1.12.2)
    colored (1.2)
    concurrent-ruby (1.0.5)
-    cri (2.8.0)
+    cri (2.10.1)
      colored (~> 1.2)
    css_press (0.3.2)
      csspool-st (= 3.1.2)
      json
    csspool-st (3.1.2)
+    ddmemoize (1.0.0)
+      ddmetrics (~> 1.0)
+      ref (~> 2.0)
+    ddmetrics (1.0.0)
    ddplugin (1.0.1)
    execjs (2.7.0)
    ffi (1.9.18)
    formatador (0.2.5)
-    guard (2.14.1)
+    guard (2.14.2)
      formatador (>= 0.2.4)
      listen (>= 2.7, < 4.0)
-      lumberjack (~> 1.0)
+      lumberjack (>= 1.0.12, < 2.0)
      nenv (~> 0.1)
      notiffany (~> 0.0)
      pry (>= 0.9.12)
@ -39,61 +45,75 @@ GEM
      nanoc (>= 4.3.8, < 5.0)
    hamster (3.0.0)
      concurrent-ruby (~> 1.0)
-    highline (1.7.8)
+    highline (1.7.10)
    html_press (0.8.2)
      htmlentities
      multi_css (>= 0.1.0)
      multi_js (>= 0.1.0)
    htmlentities (4.3.4)
    icalendar (2.4.1)
-    json (2.0.3)
-    kramdown (1.13.2)
+    json (2.1.0)
+    kramdown (1.16.2)
    libv8 (3.16.14.19)
    listen (3.1.5)
      rb-fsevent (~> 0.9, >= 0.9.4)
      rb-inotify (~> 0.9, >= 0.9.7)
      ruby_dep (~> 1.2)
-    lumberjack (1.0.11)
-    method_source (0.8.2)
-    mini_portile2 (2.1.0)
+    lumberjack (1.0.12)
+    method_source (0.9.0)
+    mini_portile2 (2.3.0)
    multi_css (0.1.0)
      css_press
    multi_js (0.1.0)
      uglifier (~> 2)
-    nanoc (4.7.7)
+    nanoc (4.9.1)
+      addressable (~> 2.5)
      cri (~> 2.8)
+      ddmemoize (~> 1.0)
+      ddmetrics (~> 1.0)
      ddplugin (~> 1.0)
      hamster (~> 3.0)
+      parallel (~> 1.12)
      ref (~> 2.0)
+      slow_enumerator_tools (~> 1.0)
    nenv (0.3.0)
-    nokogiri (1.7.1)
-      mini_portile2 (~> 2.1.0)
+    nokogiri (1.8.1)
+      mini_portile2 (~> 2.3.0)
    notiffany (0.1.1)
      nenv (~> 0.1)
      shellany (~> 0.0)
-    pry (0.10.4)
+    pandoc-ruby (2.0.2)
+    parallel (1.12.1)
+    pry (0.11.3)
      coderay (~> 1.1.0)
-      method_source (~> 0.8.1)
-      slop (~> 3.4)
-    rack (2.0.1)
-    rb-fsevent (0.9.8)
-    rb-inotify (0.9.8)
-      ffi (>= 0.5.0)
+      method_source (~> 0.9.0)
+    public_suffix (3.0.2)
+    rack (2.0.3)
+    rb-fsevent (0.10.2)
+    rb-inotify (0.9.10)
+      ffi (>= 0.5.0, < 2)
    ref (2.0.0)
    ruby_dep (1.5.0)
-    sass (3.4.23)
+    rubypants (0.7.0)
+    sass (3.5.5)
+      sass-listen (~> 4.0.0)
+    sass-listen (4.0.0)
+      rb-fsevent (~> 0.9, >= 0.9.4)
+      rb-inotify (~> 0.9, >= 0.9.7)
    shellany (0.0.1)
-    slop (3.6.0)
-    terminal-notifier (1.7.1)
+    slow_enumerator_tools (1.1.0)
+    terminal-notifier (2.0.0)
    terminal-notifier-guard (1.7.0)
    therubyracer (0.12.3)
      libv8 (~> 3.16.14.15)
      ref
-    thor (0.19.4)
+    thor (0.20.0)
+    typogruby (1.0.18)
+      rubypants
    uglifier (2.7.2)
      execjs (>= 0.3.0)
      json (>= 1.8.0)
-    w3c_validators (1.3.2)
+    w3c_validators (1.3.3)
      json (>= 1.8)
      nokogiri (~> 1.6)
    words_counted (1.0.2)
@ -112,10 +132,12 @@ DEPENDENCIES
  icalendar
  kramdown
  nanoc
+  pandoc-ruby
  sass
  terminal-notifier
  terminal-notifier-guard
  therubyracer
+  typogruby
  w3c_validators
  words_counted

--- a/1
+++ b/1
@ -18,5 +18,6 @@
 guard 'nanoc' do
  watch('nanoc.yaml')
  watch('Rules')
+  watch(%r{^data/.*})
  watch(%r{^(content|layouts|lib)/.*$})
 end
--- a/README.md
+++ b/README.md
@ -1,22 +1,48 @@
 # zeus.ugent.be
 [![Build Status](https://travis-ci.org/ZeusWPI/zeus.ugent.be.svg?branch=master)](https://travis-ci.org/ZeusWPI/zeus.ugent.be)
+[![Code Climate](https://codeclimate.com/github/ZeusWPI/zeus.ugent.be.png)](https://codeclimate.com/github/ZeusWPI/zeus.ugent.be)
+[![PageSpeed](https://pagespeed-badges.herokuapp.com/?url=zeus.ugent.be&strat=desktop&showStratLabel=true)](https://developers.google.com/speed/pagespeed/insights/?url=https%3A%2F%2Fzeus.ugent.be&tab=desktop)
+[![PageSpeed](https://pagespeed-badges.herokuapp.com/?url=zeus.ugent.be&strat=mobile&showStratLabel=true)](https://developers.google.com/speed/pagespeed/insights/?url=https%3A%2F%2Fzeus.ugent.be&tab=mobile)

-## Setup
+This repository contains the source code for [zeus.ugent.be](https://zeus.ugent.be), the website of Zeus WPI, the official student association of Informatics at Ghent University. The site is developed using [nanoc](https://github.com/nanoc/nanoc), which is actively developed by ex-Zeus member [ddfreyne](https://github.com/ddfreyne). The CSS framework used is [Bulma](https://bulma.io/). We primarily focus on using markdown for blogposts and events. Feel free to make a Pull Request with a blog post if you feel inspired and need an outlet!

-### Installation
+Please check the [Wiki](https://github.com/ZeusWPI/zeus.ugent.be/wiki) for questions about structure.
+
+## Getting Started
+
+These instructions will get you a copy of the project up and running on your local machine for development and testing purposes. See deployment for notes on how to deploy the project on a live system.
+
+### Prerequisites
+
+You will need Ruby (gem) and Node.js (npm). Installation instructions are listed below.
+
+* [Ruby](https://www.ruby-lang.org/en/documentation/installation/)
+* [Node.js](https://nodejs.org/en/download/package-manager/)
+
+### Installing
+
+If bundler is not yet installed on your system, make sure to install it using the following command:
+
+```bash
+gem install bundler
+```
+
+In the root directory of the project, execute following commands

 ```bash
 bundle install
 npm install
 ```

-### Developing
+You will (momentarily) also need `pandoc` and `latex` to compile the reports from the board meetings. Refer to your OS package manager to install these things.
+
+These will pull in all Ruby and Node.js dependencies. If everything goes well, you should be able to execute the following.

 ```bash
 bundle exec nanoc live
 ```
-This will spawn a webserver, and automatically recompile the site
-when files get changed.
+
+Go to <http://localhost:3000> to view the site! When developing, the site gets regenerated when editing files. A simple refresh will show the new changes.

 ### Deploying

@ -28,66 +54,14 @@ For manual deployment, run
 bundle exec nanoc deploy --target public
 ```

-## Posts
+If you want to deploy this on your own system for whatever reason, just serve the files using a webserver like nginx or Apache.

-Posts should be written in [kramdown](http://kramdown.gettalong.org/index.html), a markdown superset which has a very complete [syntax guide](http://kramdown.gettalong.org/syntax.html).
-
-Meta-tags:
-
-| Name        | Type   | Required |
-|-------------|--------|----------|
-| :title      | String | yes      |
-| :created_at | Date   | yes      |
-| :description| String | no       |
-| :author     | String | no       |
-| :lang       | String | no       |
-
-## Events
-
-Example structure:
-
-```
-content/
-  assets/
-  events/
-    15-16/
-    16-17/
-      battlebots/
-        main.md
-        intro.md
-        codenight.md
-        finale.md
-      awk.md
-      sed.md
-      ruby.md
-    index.erb
-```
-
-### Metadata
-
-Every event is a `.md` file with the following metadata tags:
-
-| Name         | Type   | Required |
-|--------------|--------|----------|
-| :title       | String | yes      |
-| :time        | Date   | yes      |
-| :location    | String | yes      |
-| :description | String | no       |
-| :created_at  | Date   | no       |
-| :locationlink| String | no       |
-| :facebook    | URL    | no       |
-| :banner      | URL    | no       |
-| :image       | URL    | no       |
+## Built With


-### Grouped events
+* [nanoc](https://github.com/nanoc/nanoc), static site generator
+* [Bulma](https://bulma.io/), CSS framework

-If there's a series of events (for example summer code nights) these can be grouped by creating a folder containing a `main.md`, which will need the following metadata:
+## Authors

-| Name         | Type   | Required |
-|--------------|--------|----------|
-| :title       | String | yes      |
-| :location    | String | no       |
-| :banner      | URL    | no       |
-
-Other `.md` files made in that folder are sub-events which need to fit the [metadata description listed earlier](#metadata)
+See the list of [contributors](https://github.com/zeuswpi/zeus.ugent.be/contributors) who participated in this project.
--- a/79
+++ b/79
@ -16,8 +16,15 @@ preprocess do
  # We don't want to compile old blogposts in development
  ignore_old_blogposts if development?
  update_blog_attributes
-  create_blog_items
+  create_yearly_items('Blog')
+  create_yearly_items('Events')
  convert_event_time_to_timestamps
+
+  all_events.each do |event|
+    check_schema(:event, event)
+  end
+
+  add_report_metadata
 end

 #
@ -25,7 +32,7 @@ end
 # COMPILATION
 #
 #
-compile '/feed.xml' do
+compile '/*.xml' do
  filter :erb
 end

@ -42,7 +49,17 @@ end
 #
 # EVENTS
 #
-compile '/events/**/*' do
+
+# Overview page
+compile '/events/*' do
+  layout '/events.*'
+  layout '/generic.*'
+  layout '/default.*'
+  filter :erb
+end
+
+compile '/events/*/*' do
+  filter :erb
  filter :kramdown

  layout '/eventpost.*'
@ -50,12 +67,12 @@ compile '/events/**/*' do
  filter :erb
 end

-compile '/events/**/*', rep: :text do
+compile '/events/*/*', rep: :text do
  filter :kramdown
  filter :strip_html
 end

-compile '/events/**/*', rep: :ical do
+compile '/events/*/*', rep: :ical do
  filter :ical
  write ext: 'ics'
 end
@ -63,7 +80,8 @@ end
 #
 # POSTS
 #
-compile '/blog/*/*' do
+compile '/blog/*/*.md' do
+  filter :erb
  layout '/blogpost.md'
  filter :kramdown

@ -71,26 +89,29 @@ compile '/blog/*/*' do
  layout '/generic.*'
  layout '/default.*'
  filter :erb
+
+  filter :typogruby
 end

-compile '/blog/*/*', rep: :text do
+compile '/blog/*/*.md', rep: :text do
  filter :kramdown
  filter :strip_html
 end

+compile '/blog/*/*.md', rep: :html do
+  filter :kramdown
+end
+
 #
 # PROJECTS
 #
 compile '/projects/*' do
  filter :kramdown
+
+  # Don't write out the projects themselves for now
+  write nil
 end

-# Don't create specific project pages for now
-route '/projects/*' do; end
-
-#
-# GENERIC ERB PAGES
-#
 compile '/*_search.json' do
  filter :erb
 end
@ -99,9 +120,30 @@ compile '/**/*.ics' do
  filter :erb
 end

+#
+# REPORTS
+#
+
+compile '/about/verslagen/*/*.md', rep: :pdf do
+  filter :pandoc_pdf, args: { f: :markdown }
+
+  write ext: 'pdf'
+end
+
+#
+# GENERIC ERB PAGES
+#
 compile '/**/*.erb' do
  filter :erb
-  
+
+  layout '/generic.*'
+  layout '/default.*'
+end
+
+compile '/**/*.md' do
+  filter :erb
+  filter :kramdown
+
  layout '/generic.*'
  layout '/default.*'
 end
@ -120,6 +162,7 @@ compile '/assets/scripts/**/*.js' do
 end

 ignore '/assets/stylesheets/includes/**/*'
+ignore '/data/**/*'

 compile '/assets/stylesheets/**/*.scss' do
  filter :sass, syntax: :scss, style: :compressed
@ -133,13 +176,13 @@ end
 #
 #

-#
-# ASSETS
-#
-# EVENTS
+# Google verification file
+passthrough '/google6f2e77d0228abc35.html'
+
 route '/**/index.{erb,html,md}' do
  "#{item.identifier.without_ext}.html"
 end
+
 route '/**/*.{erb,html,md}' do
  "#{item.identifier.without_ext}/index.html"
 end
--- a/commands/fetch.rb
+++ b/commands/fetch.rb
@ -0,0 +1,30 @@
+# frozen_string_literal: true
+
+require 'net/http'
+require 'json'
+
+usage       'fetch [facebook event id]'
+aliases     :f
+summary     'Fetch an event from facebook'
+description 'Fetch an event from facebook'
+
+run do |_opts, args, _cmd|
+  fb_token = File.read('.fb_token')
+  event_id = args[0]
+  uri = URI("https://graph.facebook.com/v2.10/#{event_id}?fields=cover,name,description,start_time,place,end_time&access_token=#{fb_token}")
+  o = JSON.parse(Net::HTTP.get(uri))
+  puts <<~EOS
+  ---
+  title: "#{o['name']}"
+  description: #Fill in
+  time: #{o['start_time']}
+  end: #{o['end_time']}
+  location: #{o['place']['name']}
+  banner: #{o['cover']['source']}
+  created_at: #Fill in
+  facebook: 'https://www.facebook.com/events/#{event_id}/'
+  ---
+
+  #{o['description']}
+  EOS
+end
--- a/content/about.erb
+++ b/content/about.erb
@ -4,96 +4,4 @@ title: About
 order: 0
 narrow_page: true
 ---
-<%= render '/partials/_about_sub_navbar.*', selected: 'about' %>
-<div class="content">
-  <h1>Over Zeus WPI</h1>
-
-  <p>
-    Zeus WPI is de werkgroep informatica van de Universiteit Gent. Oorspronkelijk stond WPI voor Werkgroep Publieke Informatica en hostten wij de eerste mailserver van de UGent.
-  </p>
-
-  <p>
-    Wij zijn studenten die het gebruik van Free and Open Source Software (FOSS) promoten, lessen geven over nuttige software als LaTeX en introducties geven tot programmeertalen zoals Python, Ruby of Rust. Daarnaast bieden we ook enkele diensten aan zoals shell-accounts, web-hosting, git-repositories, enz. Doorheen het academiejaar engageren we ons ook in verschillende projecten, zo zijn we sinds enkele jaren verantwoordelijk voor het telsysteem van de <a href="http://www.12urenloop.be/">12urenloop</a> of ondersteunen we het <a href="http://www.fkgent.be/">FaculteitenKonvent</a> bij ICT-projecten.
-  </p>
-
-  <p>
-    Iedereen is welkom bij Zeus WPI, ook al studeer je geen informatica. Het enige wat je nodig hebt is een gezonde dosis interesse en een beetje geeky aanleg.
-  </p>
-
-  <h2>Het bestuur</h2>
-
-  <p>
-    Het bestuur zorgt ervoor dat alle wieltjes blijven draaien en organiseert regelmatig activiteiten voor de leden.
-    Het bestuur voor het academiejaar 2016-2017 van Zeus WPI is:
-  </p>
-
-  <table class="table">
-    <thead>
-      <tr>
-        <th>Functie</th>
-        <th>Naam</th>
-        <th>E-mail</th>
-        <th></th>
-      </tr>
-    </thead>
-    <tbody>
-      <% data_from(:bestuur).each do |lid| %>
-      <tr>
-        <td>
-          <%= lid['rol'] %>
-        </td>
-        <td>
-          <%= lid['naam'] %>
-        </td>
-        <td>
-          <%= lid['mail'] %>
-        </td>
-        <td>
-          <a href="mailto:<%= lid['mail'] %>">
-            <%= fa :envelope %>
-          </a>
-        </td>
-      </tr>
-      <% end %>
-    </tbody>
-  </table>
-
-  <h2>Zeus waar? Zeus daar!</h2>
-
-  <p>
-    Zeus WPI heeft een lokaal in de kelder van gebouw S9 op campus de Sterre, die door de leden liefkozend “de kelder” genoemd wordt. Daar staat het volledige computerpark van Zeus WPI.
-  </p>
-
-  <p>Zeus bereik je zo:</p>
-
-  <ul>
-    <li>
-      kom naar de kelder en spring eens binnen (ons vinden doe je <a href="https://soleway.ugent.be/routes/4370"> hier</a>).
-    </li>
-    <li>
-      stuur een mailtje naar <a href="mailto:bestuur@zeus.ugent.be">het bestuur</a>
-    </li>
-    <li>
-      stuur een gele briefkaart naar “Zeus WPI – Krijgslaan 281, S9 – 9000 Gent”
-    </li>
-    <li>
-      blijf op de hoogte via onze <a href="http://lists.zeus.ugent.be/mailman/listinfo/leden">mailinglist</a>
-    </li>
-    <li>
-      bezoek ons <a href="irc://wina.ugent.be/#zeus">IRC-kanaalserver</a>
-    </li>
-    <li>
-      bel naar <a href="tel://+3292644751">09 264 4751</a> (intern: 4751)
-    </li>
-    <li>
-      stort op BE32 9799 9370 6502 (BIC: ARSP BE 22)
-    </li>
-    <li>
-      volg ons op Twitter: <a href="http://twitter.com/ZeusWPI">@ZeusWPI</a>
-    </li>
-    <li>
-      word fan op <a href="https://www.facebook.com/zeus.wpi">Facebook</a>
-    </li>
-  </ul>
-  <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d1156.8611760710044!2d3.7102397000000003!3d51.023149499999995!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x47c373c271502d9b%3A0x49fd54f81cafeb5f!2sZeus+WPI!5e0!3m2!1sen!2sbe!4v1481415854540" height="450" style="border:0;width:100%" allowfullscreen></iframe>
-</div>
+<meta http-equiv="refresh" content="0; url=/about/about">
--- a/content/about/about.erb
+++ b/content/about/about.erb
@ -0,0 +1,70 @@
+---
+narrow_page: true
+---
+
+<%= render '/partials/_about_sub_navbar.*', selected: 'about' %>
+<h1 class="title is-1 has-text-centered">About Zeus WPI</h1>
+
+<div class="content">
+  <p>
+    Zeus WPI is the student association for Computer Science at Ghent University.
+    Our goal is to provide a stimulating environment for motivated students looking to expand their skills by engaging in interesting real-world projects.
+  </p>
+
+  <p>
+     We organize various tech related talks by experts (eg. professors, PhD's, Richard Stallman, Julia Reda, ...), hands-on coding events and introductory lectures for cool technologies.
+     Together we build interesting applications for Ghent University students (<a href='https://hydra.ugent.be/'>Hydra</a>), for <a href='http://www.fkgent.be/'>FaculteitenKonvent</a> and <a href='https://12urenloop.be/'>12Urenloop</a>, and ofcourse for ourselves.
+  </p>
+
+  <p>
+    Be sure to check out the <a href='../../projects'>project page</a>!
+  </p>
+
+  <p>
+    Everybody is welcome at Zeus WPI, even if you don't study computer science. The only requirement is a healthy dose of motivation and some (toleration for) geekyness.
+  </p>
+
+  <h2>The board</h2>
+  <p id="board">
+    The board is the oil in the machine and is the driving force behind the organization of events and projects.
+    The Zeus WPI board for the <%= pretty_year @config[:academic_year] %> academic year is:
+  </p>
+
+  <blockquote>
+    Mail us all at: <a href='mailto:bestuur@zeus.ugent.be'>bestuur@zeus.ugent.be</a>
+  </blockquote>
+  
+  <table class="table">
+    <thead>
+      <tr>
+        <th>Function</th>
+        <th>Name</th>
+        <th>E-mail</th>
+        <th></th>
+      </tr>
+    </thead>
+    <tbody>
+      <% current_bestuur.each do |lid| %>
+      <tr>
+        <td>
+          <%= lid[:rol] %>
+        </td>
+        <td>
+          <%= lid[:naam] %>
+        </td>
+        <td>
+          <%= lid[:mail] %>
+        </td>
+        <td>
+          <% if lid[:mail] %>
+          <a href="mailto:<%= lid[:mail] %>">
+            <%= fa :envelope %>
+          </a>
+          <% end %>
+        </td>
+      </tr>
+      <% end %>
+    </tbody>
+  </table>
+
+</div>
--- a/content/about/contact.erb
+++ b/content/about/contact.erb
@ -0,0 +1,131 @@
+---
+narrow_page: true
+icon_size: 2x
+contact_links:
+  - icon: facebook
+    link: https://www.facebook.com/zeus.wpi/
+    description: Facebook
+    action: Like us
+  - icon: envelope
+    link: ../about#board
+    description: Email
+    action: Mail us
+  - icon: twitter
+    link: https://twitter.com/zeuswpi
+    description: Twitter
+    action: Follow us
+  - icon: slack
+    link: https://zeuswpi.slack.com/
+    description: Slack
+    action: Message us
+  - icon: commenting
+    link: irc://wina.ugent.be/#zeus
+    description: irc
+    action: Chat with us
+  - icon: inbox
+    link: http://lists.zeus.ugent.be/mailman/listinfo/leden
+    description: Mailinglist
+    action: Keep up to date
+  - icon: github
+    link: https://github.com/ZeusWPI/
+    description: GitHub
+    action: Fork us
+  - icon: phone
+    link: 'tel:+3292644751'
+    description: Phone
+    action: Call us
+---
+<%= render '/partials/_about_sub_navbar.*', selected: 'contact' %>
+<h1 class='title is-1 has-text-centered'>Contact us</h1>
+<h2 class='subtitle is-4 has-text-centered has-text-weight-light'>bleep bloop</h1>
+
+<!-- Contact buttons -->
+<ul id='contact-icons' class='columns is-centered is-multiline'>
+<% @item[:contact_links].each do |option| %>
+  <div class='column is-one-quarter-desktop is-one-third-tablet is-half-mobile'>
+    <li id='<%= option[:description] %>' class='contact-circle-option'>
+      <a href='<%= option[:link] %>' class='contact-circle-wrapper'>
+        <div class='contact-circle is-centered'>
+          <div class='contact-circle-pulse grow'></div>
+          <%= fa option[:icon], size: @item[:icon_size], class: 'grow-large' %>
+        </div>
+      </a>
+      <h4 class='contact-description is-uppercase'><%= option[:description] %></h3>
+      <p class='has-text-centered'>
+        <a href='<%= option[:link] %>' class='contact-text-link is-link'><%= option[:action] %></a>
+      </p>
+    </li>
+  </div>
+<% end %>
+</ul>
+
+<!-- Extra information tiles -->
+<div id='contact-info' class='tile is-ancestor is-vertical'>
+  <div class='tile is-parent'>
+    <div class='tile is-parent is-vertical'>
+
+      <!-- Payment information -->
+      <div id='payment-info' class='tile is-child box content has-text-centered'>
+        <h1 class='title has-text-centered'>Pay us</h1>
+        <div class='is-divider'></div>
+        <p id='banknumber' class='is-size-5'>
+          BE32 9799 9370 6502
+        </p>
+        <a class='button' href='https://zeus.ugent.be/tab/'>
+          <%= fa :euro, fw: true %> Use Tab
+        </a>
+      </div>
+
+      <!-- Calling information -->
+      <div id='calling-info' class='tile is-child box content has-text-centered'>
+        <h1 class='title has-text-centered'>Call us</h1>
+        <div class='is-divider'></div>
+        <p id='phone-number' class='is-size-5'>
+          +32 92 64 47 51</br>
+          Intern: 4751
+        </p>
+      </div>
+    </div>
+
+    <!-- Address information -->
+    <div id='address-info' class='tile is-parent'>
+      <div class='tile is-child box content'>
+        <h1 class='title has-text-centered'>Find us</h1>
+        <div class='is-divider'></div>
+        <p class='is-size-5'>
+          You can find our hiding place, or what we call <strong>'de kelder'</strong> at the basement level of following address:
+        </p>
+        <blockquote id='address' class='is-size-5'>
+          Krijgslaan 281 </br>
+          Campus Sterre S9 </br>
+          9000 Gent </br>
+        </blockquote>
+        <div id='contact-location-buttons'>
+          <a class='button' href='https://www.google.com/maps/place/Zeus+WPI/@51.023115,3.7103,17z/data=!4m5!3m4!1s0x0:0x49fd54f81cafeb5f!8m2!3d51.0231149!4d3.7103?hl=en-US'>
+            <%= fa :'map-marker', fw: true %> Google Maps
+          </a>
+          <a class='button' href='https://soleway.ugent.be/routes/4370'>
+            <%= fa :'map-signs', fw: true %> Soleway
+          </a>
+        </div>
+      </div>
+    </div>
+  </div>
+
+  <!-- Slack information -->
+  <div id='slack-info' class='tile is-parent'>
+    <div class='tile is-child box content'>
+      <h1 class='title has-text-centered'>Slack info</h1>
+      <div class='is-divider'></div>
+      <p id='slack-info-text' class='is-size-5'>
+        You can register with any <strong>*.zeus.ugent.be</strong> or even <strong>*.ugent.be</strong> email address.
+        If you don't have one, try to reach us on one of our other channels and ask for an invitation.
+      </p>
+    </div>
+  </div>
+</div>
+
+<!-- Embedded Google Maps -->
+<div class="map-wrapper box">
+  <iframe id='google-maps' src='https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d1156.8611760710044!2d3.7102397000000003!3d51.023149499999995!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x47c373c271502d9b%3A0x49fd54f81cafeb5f!2sZeus+WPI!5e0!3m2!1sen!2sbe!4v1481415854540' height='450' style='border:0;width:100%' allowfullscreen></iframe>
+</div>
--- a/content/about/historiek.md
+++ b/content/about/historiek.md
@ -0,0 +1,114 @@
+---
+narrow_page: true
+---
+<%= render '/partials/_about_sub_navbar.*', selected: 'historiek' %>
+
+# Historiek
+{:.title.is-1.has-text-centered}
+
+<div class="content" markdown="1">
+
+# Het prille begin
+
+![Zeus logo](https://zeus.ugent.be/wp-content/uploads/2009/05/zeus_logo_black_large-300x215.png "zeus_logo_black_large"){:.alignright}
+
+In 1991 gaf het voormalige CDR (Centraal Digitaal Rekencentrum) van de Universiteit Gent Vincent Willems de mogelijkheid te starten met PERIKLES@CDR.rug.ac.be en BORD@CDR.rug.ac.be op de lokale Siemens BS2000 mainframe, die op dat moment verbinding had met BITNET. Hiertoe had hij de hulp gekregen van Bert Dobbelaere en Francois Wuyts. De bedoeling van BORD was een grote hoeveelheid informatie en documentatie lokaal ter beschikking te stellen rond listservers, e-mail, het gebruik van BITNET en ftp-by-mail. Deze bestanden waren zo geplaatst dat iedereen ze kon accesseren vanaf de mainframe. Al vrij snel was de database uitgegroeid tot iets omvangrijks en iets dat in goeie aarde viel bij de overige gebruikers. PERIKLES was een lokale mailinglist voor gebruikersvragen rond BITNET en het vinden van informatie erop.
+
+Een tijdje later gaf het CDR hen enkele afgedankte NCR Tower 32 System V Unix machines. Op een van de machines, zeus, werd de allereerste RUG mailserver, nl. zeus AT zeus.rug.ac.be, op basis van zelf geprogrammeerde shell scripts geïnstalleerd. De mailserver zorgde ervoor dat documentatie-opvragingen via e-mail automatisch verwerkt werden. Een tijdje heeft dit goed gedraaid.
+
+Maar, aangezien Bert Dobbelaere van school veranderde, was het hem niet langer mogelijk nog te participeren in het project. Daarom moesten we op zoek gaan naar andere geïnteresseerde medewerkers. En die vonden we... Op een informatieve vergadering besloten we een formele werkgroep aan de universiteit op te richten, die ons in staat zou stellen eveneens wat subsidie op te rakelen. De Dienst Studentenactiviteiten ging akkoord en de Zeus Mailserver - Werkkring Publieke Informatika, kortweg Zeus WPI was geboren. Er werd gezocht naar sponsors en uiteindelijk slaagden we erin een i486 machine te bemachtigen, waar we FreeBSD 0.1 op installeerden (een vrij verspreidbare UNIX versie met goeie TCP/IP voorzieningen). Later zijn we dan overgeschakeld op het Linux operating system, waarvan we de eerste gebruikers aan de RUG waren.
+
+Deze server werd 'einstein' gedoopt, en werd eveneens ingericht als anonieme ftp-server. Verscheide ftp-administrators werden aangeduid, onder meer voor DOS, Windows en Amiga. Het was de bedoeling om een verzameling van meest gevraagde software op te bouwen en die lokaal op de RUG ter beschikking te stellen. Einstein was de eerste anonieme ftp-server aan de RUG! Andere Zeus servers waren 'asteriks', 'zeus' (de "officiële" naam van de ftp-server) en 'ncr3', die gebruikt werden als file server (allemaal NCR Tower 32). Omdat de mailserver niet langer gebruikt werd, werd er besloten de naam van de werkgroep te verkorten tot 'Zeus - Werkkring Publieke Informatika', of afgekort: 'Zeus - WPI'. Alle systeemonderhoud en fondsen werden voorzien door de werkkring. Zeus-WPI voorzag ook 'Zeus - Info' brochures waarin bv. de installatie van Linux Slackware beschreven werd; daarnaast werd de Linux Slackware verdeeld door Zeus - WPI, zelfs aan mensen buiten de uiversiteit! Eveneens werd er een externe CD-ROM verhuurd die men thuis op de parallelle poort kon aansluiten, samen met enkele CD-schijfjes. Uiteindelijk startte Zeus-WPI ook met een BBS zodat eveneens via dial-in files afgehaald konden worden.
+
+Zeus zette haar groeiperiode verder totdat op een zeker moment het ARC, onder leiding van Geert DeSoete de internet toegang voor alle studenten afsneed. Onder het voorzitterschap van Stephan Surmont kende Zeus meer laagte- dan hoogtepunten. Geen internet toegang , opdroging van de sponsoring, en veroudering van de hardware zorgden ervoor dat Zeus in het vergetelhoekje geraakte. Toch werd er intern nog verdergewerkt. Het was echter niet Stephans schuld dat Zeus iets minder goed draaide, maar eerder alle externe tegenslagen die Zeus had.
+
+Onder het beheer van Thomas Vidts werd de BBS afgevoerd. Toch begon Zeus langzaam maar zeker weer actief te worden. Er werden enkele nieuwe leden aangenomen en einstein (tot dan toe de enige draaiende server van Zeus) werd geherconfigureerd en werd de eerste webserver binnen de RUG. Er werd werk gemaakt van de inhoud van de FTP-site.
+
+Medio 1995 besloot Thomas Vidts een stap terug te zetten en werd voormalig ftp-administrator Roeland Mertens de nieuwe voorzitter. Einstein werd verschillende malen ge-update tot een pentiumconfiguratie. De ftp-site bleef verder groeien en werd veruit de populairste onder de studentenbevolking. Op 15 oktober 1996 verschijnt de folder _Overleven op RUGnet_, het resultaat van meerdere weken noeste arbeid.
+
+# Iets recenter
+
+Tijdens het jaar 1996 is het wat stil rond Zeus WPI. De rekeningen worden betaald, de server wordt verder uitgebouwd tot een stabiele machine, en de leden vervullen nog steeds hun taken, maar laten weinig van zich horen. Tijdens dit jaar komen er enkele nieuwe leden bij, de een al wat enthousiaster dan de andere. Er komt een nieuwe homepage voor Zeus WPI, en de virusftp leeft zoals die nog nooit geleefd heeft.
+
+Zeus wordt ook gecontacteerd om een server op te zetten om alle webpaginas van alle studentenverenigingen op te plaatsen (<http://student.rug.ac.be>). Dit idee wordt uitgewerkt, en Zeus begint met het opzetten van de server, die in De Brug wordt geplaatst. Tijdens dit jaar worden er nog geen homepages overgezet naar Student, maar de server wordt klaargestoomd voor het academiejaar 1997-1998, wanneer alle homepagina's verplaatst zullen worden.
+
+Met de hardware die Zeus heeft worden er nog twee computers gebouwd, en komen die ook beide aan het net. Indy1 en Hermes leven terug. Deze twee computers wisselen voortdurend van configuratie en hardware, maar blijven operationeel. Het computerpark wordt ook uitgebreid met 17 XT machines die in bruikleen worden gegeven. Deze machines worden voorlopig niet gebruikt omdat er geen netwerkkaarten voorhanden zijn. Het idee om een NCR server terug aan te zwengelen steekt de kop op, omdat zo de verschillende XT's als terminal kunnen gebruikt worden. Dit idee wordt echter een beetje op de lange baan geschoven.
+
+Op het eind van academiejaar 1996-1997 en het begin van 1997-1998 wordt Zeus terug wat actiever. De Brug contacteerde Zeus voor het onderhoud van hun computerlokaal en de verdere uitbouw ervan. Enkele leden nemen de taak op zich. De verschillende computers daar worden allemaal herconfigureerd en voorzien van recente software. Student wordt nu ook meer en meer gebruikt door de verschillende verenigingen voor het plaatsen van hun homepage. Student kent enkele kleinere probleempjes, maar die worden allemaal vakkundig opgelost. Zeus WPI maakt ook een volledig nieuwe homepage voor Student. Het computerpark van Zeus wordt geteisterd door een ongelukje en het laatste VGA scherm geeft de geest. De server wordt voorzien van een prachtig Hercules Monochroom scherm.
+
+Het bestuur wordt uitgebreid met twee nieuwe functies, die worden ingenomen door enkele heel actieve leden. Gelukkig breken er betere tijden aan voor Zeus. Van de PC-klas uit het ARC krijgen we een aantal schitterende VGA-schermen, en het ledenaantal begint gestaag te groeien, niet in het minst door onze PR-activiteiten.
+
+# Het jaar 1998-1999
+
+Begin 1998 wordt er een geheel nieuw bestuur gevormd en Roeland neemt afscheid van "zijn" Zeus, om in het buitenland te gaan werken. De fakkel wordt overgenomen door Steven Dewinter. De kelder ondergaat een ware metamorfose, doordat alle verouderde en in de loop der jaren vergaarde hardware, waaronder de enorme stapel XT's en NCR's, in een keer worden buitengesmeten.
+
+Zeus stelt in de eerste ledenvergadering enkele punten op die dit academiejaar prioriteit worden. Aangezien het onmogelijk is om de FTP-site up to date te houden, wordt er besloten te beginnen werken met mirrors van bekende sites. Na heel wat lobbywerk vernemen we van "Tucows" dat we hun volledige site mogen overnemen. Het enthousiasme stijgt voor deze aanpak, en enkele weken later zijn we trotse eigenaars van mirrors van Tucows en Linuxberg, en zijn we officiële verdeelsite van Corel voor hun Linuxsoftware.
+
+De projecten beginnen ook terug goed te lopen. Nadat we werden gecontacteerd door enkele mensen van de Rechten en het HILOK wordt een volledig elektronisch AdValvas systeem opgezet. Ook wordt er actief gewerkt aan een Beowulf cluster.
+
+De samenwerking met het personeel van verschillende diensten verloopt beter en beter. Alles ziet er goed uit voor Zeus. Eind januari wordt ook een volledig nieuwe webpagina gepubliceerd, samen met een publiciteitsstunt voor de mirrors.
+
+De samenhang tussen de leden is fantastisch, wat bewezen wordt door de gezamelijke oudejaar in de Gentse overpoort.
+
+# Het jaar 1999-2000
+
+Tijdens dit jaar verandert er veel voor Zeus WPI. Er worden veel nieuwe leden verwelkomd en de kelder wordt verder uitgebouwd. Er wordt een nieuwe machine aangekocht en deze wordt geconfigureerd als werkmachine voor de leden. Verschillende mensen van Zeus WPI raken betrokken in andere projecten. Zo wordt de 12-urenloop infomatica-gewijs gesteund door Zeus WPI. De projecten in het studentenhuis vergen ook wat tijd van verschillende leden. Er wordt terug (iets dat lijkt op) een permanentie ingevoerd in de kelder en de leden komen meer en meer naar het lokaal.
+
+# De jaren 2000-2002
+
+Er heerst een permanente drukte in de kelder; er is een aangename sfeer en er worden allerlei kleine dingen uitgeprobeerd. We kopen een aantal nieuwe schijven aan om een raid te vormen in onze mirror. Deze is nu 117G groot. Er wordt een radiusserver opgezet die de toegang tot de workstations in de kelder moet verbeteren. De mailinglistserver werd veranderd door een eigen gemaakt exemplaar. Er komt heel wat nieuwe hardware bij in de kelder. Op vlak van sponsorgebied en lessen kunnen deze jaren wel goed meetellen. Enkele grote sponsors werden verkregen. En elk jaar werden heel wat zeuslessen gegeven waarbij steeds weer een grote opkomst was: lessen over PHP, lessen over installatie en gebruik van Linux, LaTeX, een anti-spam les... Alsook wordt de brochure van "Overleven op RUGnet" terug bijgewerkt en over 4 faculteiten verspreid.
+
+# Het jaar 2002-2003
+
+Er is een nieuw adminteam gevormd en een nieuw bestuur en na 2 relatief kalme jaren komt er heel wat initiatief van nieuwe leden en van leden die passiever waren in het verleden. Op het admingebied is er constante activiteit en wordt van alles veranderd. Een firewall wordt ingevoegd, nieuwe gebruikers krijgen standaard een passwoord op de radius. Alle wat minder beheerde machines probeert het nieuwe adminteam in orde te zetten. De website wordt herschreven door enkele nieuwe leden en dit gaat via een cvs-server. Op sponsergebied gaat het ook vlotjes en ook de tekstschrijvers leveren goed werk.
+
+Het eerste semester gaat ongemerkt voorbij, maar het tweede semester wordt met een event van wereldformaat gestart, [Rudy](http://www.webworm.org/) weet **Richard Stallman** te overtuigen om te komen [spreken](?q=system/files/rms2003.pdf) over de gevaren van software patenten. Daarnaast wordt de [GLMS](http://www.nongnu.org/glms/)-cursus gegeven, geeft [Geert](http://cage.ugent.be/~gvernaev) zijn legendarische C-cursus en Jonas verklapt ons zijn "hoe ontwijk ik spam" tactieken...
+
+# De jaren 2003-2006
+
+Het nieuwe academiejaar wordt gestart met een volledig nieuwe website. Lessen worden opnieuw gegeven, en de activiteiten gaan rustig verder.
+
+# Het jaar 2006-2007
+
+De voorbije jaren zwaaiden veel van de oudere zeus-leden af, en moesten ze ons met pijn in het hart achter laten. Maar niet getreurd - er staat een groep nieuwe enthousiastelingen klaar om alles voor zeus te geven. We bruisen van ideeën en we zijn klaar om er keihard tegenaan te gaan!
+
+<figure class="alignright">
+  <img src="https://zeus.ugent.be/wp-content/uploads/2014/01/20070920-140006-1-300x225.jpg" alt="2007-sfeerbeeld">
+  <figcaption>
+    Een sfeerbeeld van de kelder in 2007
+  </figcaption>
+</figure>
+
+# De jaren 2007-2010
+
+De Zeus draait nog steeds verder, niet elk jaar even sterk maar nog steeds met veel enthousiasme.
+
+# De jaren 2010-2014
+
+Je zou het bijna een 2de geboorte kunnen noemen, Zeus ontploft. Wat onze hoeveelheid code betreft alvast.
+Er spruiten projecten uit de grond, veel projecten. Extern, zoals FK-Enrolment, Gandalf, 12Urenloop, en Hydra.
+Veel van deze projecten verdienen hun eigen beschrijving, want ze zijn stuk voor stuk symbool voor de innovatie en creatiedrang die Zeus doet ontsproeien in studenten, je kan daarom een compleet overzicht zien op onze [projectpagina](https://zeus.ugent.be/projects/).
+
+# Het jaar 2014-2015
+
+De eerste stapjes van de kelderautomatisering worden gezet tijdens de zomervakantie, Slotmachien wordt tot leven gewekt. Vertrouwde leden kunnen nu zonder sleutel binnen en buiten in de kelder. Het academiejaar gaat van start met de (ondertussen meermaals terugkerende en steevast enorm populaire) rondleiding van het Datacentrum. Het High Performance Computing team van DICT laat ons kennismaken met de snelste computer van het land (op dat moment (snif)). Er worden weer lustig lessen en workshops georganiseerd, en voor de afwisseling wordt de eerste Zeus Spelletjesavond gehouden.
+
+In de paasvakantie vliegt het interieur naar buiten. Door de explosie van leden is er een ferm plaatstekort, dat opgelost wordt door subsidies te smijten in de algemene richting van ikea-tafels. Heel wat gesleur later (en een tripje teveel vanwege de kleurenblindheid van bepaalde leden) en de kelder is niet alleen onherkenbaar maar vooral veel ruimer ingedeeld.
+
+De eerste editie van de Zeus Lightning talks is ook een hit, met een vol auditorium en een hoop proffen die voor een kwartierje (of drie kwartier in een bepaald geval) hun zegje mogen doen. Het jaar wordt op een hoogtepunt afgesloten door het afwerken van de Ansible configuratie, waardoor T21 voor eeuwig in de analen opgenomen wordt als sysadmin der sysadmins. Ondertussen is ook Haldis deel geworden van de afgewerkte kelderprojectjes.
+
+# Het jaar 2015-2016
+
+De nood aan een ereledenwerking valt ook op bij het bestuur. De eerste Zeus Ereleden krijgen een gigantische poster van hun gezicht op de keldermuren gekleefd. Er wordt verder gestreefd naar ~~luiheid~~automatisatie. Tab, het zelfgeschreven betalingssysteem en Tap, het zelfgeschreven drankbestelsysteem worden in gebruik genomen. Gamification treedt na een goed jaar development ook in werking, waardoor we nu voor imaginaire puntjes kunnen vechten om Beste Coder van de week te worden. Bottlebats, een ambitieuze AI-competitie, ziet ook zijn eerste editie. De Cease And Desist van Battlebots Inc. krijgt een mooi plekje op ons prikbord.
+
+Als hoogtepunt van het jaar slagen we er in om tussen de standaard lessen en workshops door voor een tweede keer Richard "rms" Stallman naar Gent te krijgen. Dit keer geeft hij een talk over "Copyright vs. Community" in het goed gevulde Quetelet-auditorium.
+
+# Het jaar 2016-2017
+
+We zijn verdomme 25 jaar. Dat moet gevierd worden. We organiseren dan ook een fantastisch galabal, een hele lustrum week zelfs!
+Het galabal, gevolgd door een 25uren codenight (slecht idee hebben we ondervonden), en om de week af te sluiten, de 5de editie van onze LAN-party "Geeks Attack!".
+
+We proberen een nieuwe vloer te fixen, maar dat plan gaat helaas niet door. We krijgen wel een nieuwe zetel, tafels, en een server van VTK. Ondertussen heeft Hydra maar liefst 3000 maandelijkse gebruikers en wordt Gandalf af en toe gebruikt door de UGent, onder andere ter ondersteuning van Het Groot Dictee, alsook voor Uniducenti, een 200 jaar bestaans feestje samen met de Universiteit Luik.
+Verder organiseren we ook voor het eerst HTTPizza in samenwerking met Ruben Verborgh en IDLab, en, omdat bij 25 jaar Zeus nog wel wat vernieuwing mag, schrijven we onszelf een nieuwe site.
+
+</div>
--- a/content/about/statuten.erb
+++ b/content/about/statuten.erb
@ -1,45 +0,0 @@
---
-narrow_page: true
---
-<%= render '/partials/_about_sub_navbar.*', selected: 'statuten' %>
-<h1 class="title is-1 has-text-centered">Statuten</h1>
-<h2 class="subtitle is-3 has-text-centered">Revisie academiejaar 2013-2014</h2>
-
-<div class="content">
-  <h3>Hoofdstuk I - Algemeenheden</h3>
-  <strong>Art. 1</strong> - De vereniging draagt de naam: "Zeus - Werkgroep Informatica", kortweg "Zeus", of "Zeus WPI".<br />
-  <strong>Art. 2</strong> - De vereniging heeft haar zetel te Krijgslaan 281, S9 B-9000 GENT. Bij beslissing van het bestuur kan de zetel evenwel verplaatst worden naar een andere plaats.<br />
-  <strong>Art. 3</strong> - De vereniging heeft als website zeus.ugent.be.  Bij beslissing van het bestuur kan dit webadres veranderd worden.<br />
-  <strong>Art. 4</strong> - De vereniging richt zich tot geïnteresseerden in de informatica en onder hen de studenten van de UGent in het bijzonder. Ze stelt zich tot doel het aanbieden van activiteiten, lessen en faciliteiten in het informatica-vakgebied teneinde studenten kennis te laten maken met andere informatica-domeinen, buiten alle winstbejag om. Bovendien wil de vereniging studenten samenbrengen die werken rond deze activiteiten.<br />
-  <strong>Art. 5</strong> - De vereniging kan alle handelingen stellen die zowel rechtstreeks als onrechtstreeks de verwezenlijking van haar doelstellingen beoogt.<br />
-  <h3>Hoofdstuk II - Lidmaatschap</h3>
-  <strong>Art. 6</strong> - Het aantal leden van de vereniging is onbeperkt en het lidmaatschap is voorbehouden voor alle studenten die momenteel toegang hebben tot UGentNet, welke verleend wordt door de Universiteit Gent, of andere personen die daarvoor de goedkeuring krijgen van het bestuur van de vereniging. Personen die hiervoor in aanmerking komen zijn personen die kunnen bijdragen tot de verdere ontplooiing van de vereniging.<br />
-  <strong>Art. 7</strong> -  Het lidmaatschap houdt in dat de gebruiker een account krijgt op de servers van de vereniging en ingeschreven wordt op de mailinglijst van de vereniging. Als men opmerkt dat er misbruik wordt gemaakt van deze account, kan deze -zonder voorafgaande waarschuwing- beëindigd worden. Dit betekent niet dat het lidmaatschap van deze persoon wordt opgezegd.<br />
-  <strong>Art. 8</strong> - Het erelidmaatschap van de vereniging kan toegekend worden aan personen die zich verdienstelijk gemaakt hebben voor de vereniging. De beslissing wordt genomen door het bestuur en dient unaniem goedgekeurd te worden.<br />
-  <strong>Art. 9</strong> - Het lidmaatschap is kosteloos, maar vergt activiteit binnen de vereniging. In geval van inactiviteit kan het lidmaatschap en bijbehorende account mits voorafgaande verwittiging door het bestuur opgezegd worden.<br />
-  <strong>Art. 10</strong> - Leden worden persoonlijk op de hoogte gebracht van alle activiteiten van de vereniging. Publieke activiteiten worden ten minste meegedeeld door affiches, via het platform van de Dienst Studentenactiviteiten,aankondigingen in studententijdschriften, via de mailinglijst en via de website,...<br />
-  <strong>Art. 11</strong> - Uitsluiten van leden kan nadat er is vastgesteld dat er schade is aangebracht aan de naam of eigendommen van de vereniging, of nadat men niet meer voldoet aan de statuten van de vereniging. De persoon krijgt de kans zich te verantwoorden tegenover het bestuur op de eerstvolgende bestuursvergadering. Hierna wordt beslist of de persoon lid kan blijven, of uit de vereniging wordt gezet. Er is 2/3 meerderheid van het bestuur nodig bij het uitsluiten van leden. Bij uitzonderlijke gevallen kunnen gerechtelijke stappen ondernomen worden.<br />
-
-  <h3>Hoofdstuk III - Het bestuur</h3>
-  <strong>Art. 12</strong> - De vereniging wordt bestuurd door tenminste drie personen (voorzitter, penningmeester en secretaris) verkozen voor de duur van 1 jaar. Zij vormen het bestuur van de vereniging. Voor bestuursfuncties komen slechts studenten aan de Universiteit Gent in aanmerking.<br />
-  <strong>Art. 13</strong> - Het bestuur van het komende academiejaar wordt op een speciaal daartoe aangekondigde ledenvergadering verkozen op het einde van het academiejaar ervoor. Alle leden hebben stemrecht en worden van deze vergadering persoonlijk op de hoogte gebracht via de mailinglijst.<br />
-  <strong>Art. 14</strong> - De verantwoordelijkheden en rechten van het bestuur zijn:
-  <ul>
-    <li><em>Voorzitter</em>: De voorzitter is verantwoordelijk voor de coördinatie van de vereniging en draagt de eindverantwoordelijkheid. De voorzitter leidt de vergaderingen en beslist wanneer de volgende activiteiten zullen plaatsvinden. De voorzitter heeft een algemeen vetorecht.</li>
-    <li><em>Penningmeester</em>: De penningmeester is verantwoordelijk voor alle geldzaken van de vereniging. Hij heeft een financieel vetorecht inzake uitgaven die onder verantwoordelijkheid van de vereniging worden gedaan.</li>
-    <li><em>Secretaris</em>: De secretaris maakt verslagen van elke vergadering, en zorgt voor alle planning van alle activiteiten, om die later door de voorzitter te laten goedkeuren.</li>
-  </ul>
-  Wanneer de voorzitter of de penningmeester gebruik maakt van zijn vetorecht, dient hij automatisch het ontslag uit zijn functie in. De beslissing waartegen het veto werd gebruikt kan pas uitgevoerd worden nadat een opvolger verkozen is, en het betreffende punt opnieuw beslist wordt.Optionele bestuursfuncties en hun verantwoordelijkheden zijn:
-  <ul>
-    <li><em>Systeemadministrator(s):</em> draagt (dragen) de verantwoordelijkheid voor het onderhoud van de servers en clients.</li>
-    <li><em>Activiteitenverantwoordelijke:</em> draagt de verantwoordelijkheid bij het organiseren van de activiteiten.</li>
-  </ul>
-  Het bestuur kan verder aangevuld worden, al dan niet met officieuze functies.<br />
-  <strong>Art. 15</strong> - De hierboven vernoemde verantwoordelijkheden van de bestuursleden zijn niet-exhaustief. Ieder bestuurslid draagt o.a. een algemene verwantwoordelijkheid.<br />
-  <strong>Art. 15</strong> - Het bestuur komt regelmatig samen op een daartoe vastgestelde dag, die door de voorzitter wordt vastgelegd en door de secretaris aan alle leden wordt meegedeeld. De bestuursvergadering is slechts geldig wanneer twee derden aanwezig is. De agendapunten moeten behandeld worden. Bij gelijke stemming heeft de voorzitter het laatste woord.<br />
-  <strong>Art. 16</strong> - Alle voorstellen die tijdens een bepaalde vergadering werden voorgelegd, worden gebundeld. Een exemplaar hiervan wordt door de secretaris bedeeld aan de bestuursleden. Een exemplaar wordt publiekelijk beschikbaar gesteld via de website van de vereniging.<br />
-
-  <h3>Hoofdstuk IV - Eindbepaling</h3>
-  <strong>Art. 17</strong> - De statuten kunnen slechts gewijzigd worden op een algemene ledenvergadering waar minstens 1/2 van de leden aanwezig is. Hiervoor is bij stemming een 2/3 meerderheid van alle aanwezige leden vereist.<br />
-  <strong>Art. 18</strong> - In geval van ontbinding zal de vereniging beslissen dat het nettoactief zal gestort worden aan een nader te bepalen goed doel.<br />
-</div>
--- a/content/about/statuten.md
+++ b/content/about/statuten.md
@ -0,0 +1,55 @@
+---
+narrow_page: true
+---
+
+<%= render '/partials/_about_sub_navbar.*', selected: 'statuten' %>
+
+# Statuten
+{:.title.is-1.has-text-centered}
+
+## Revisie academiejaar 2013-2014
+{:.subtitle.is-2.has-text-centered}
+
+<div class="content" markdown="1">
+# Hoofdstuk I - Algemeenheden
+
+**Art. 1** - De vereniging draagt de naam: "Zeus - Werkgroep Informatica", kortweg "Zeus", of "Zeus WPI".<br>
+**Art. 2** - De vereniging heeft haar zetel te Krijgslaan 281, S9 B-9000 GENT. Bij beslissing van het bestuur kan de zetel evenwel verplaatst worden naar een andere plaats.<br>
+**Art. 3** - De vereniging heeft als website zeus.ugent.be. Bij beslissing van het bestuur kan dit webadres veranderd worden.<br>
+**Art. 4** - De vereniging richt zich tot geïnteresseerden in de informatica en onder hen de studenten van de UGent in het bijzonder. Ze stelt zich tot doel het aanbieden van activiteiten, lessen en faciliteiten in het informatica-vakgebied teneinde studenten kennis te laten maken met andere informatica-domeinen, buiten alle winstbejag om. Bovendien wil de vereniging studenten samenbrengen die werken rond deze activiteiten.<br>
+**Art. 5** - De vereniging kan alle handelingen stellen die zowel rechtstreeks als onrechtstreeks de verwezenlijking van haar doelstellingen beoogt.<br>
+
+# Hoofdstuk II - Lidmaatschap
+
+**Art. 6** - Het aantal leden van de vereniging is onbeperkt en het lidmaatschap is voorbehouden voor alle studenten die momenteel toegang hebben tot UGentNet, welke verleend wordt door de Universiteit Gent, of andere personen die daarvoor de goedkeuring krijgen van het bestuur van de vereniging. Personen die hiervoor in aanmerking komen zijn personen die kunnen bijdragen tot de verdere ontplooiing van de vereniging.<br>
+**Art. 7** - Het lidmaatschap houdt in dat de gebruiker een account krijgt op de servers van de vereniging en ingeschreven wordt op de mailinglijst van de vereniging. Als men opmerkt dat er misbruik wordt gemaakt van deze account, kan deze -zonder voorafgaande waarschuwing- beëindigd worden. Dit betekent niet dat het lidmaatschap van deze persoon wordt opgezegd.<br>
+**Art. 8** - Het erelidmaatschap van de vereniging kan toegekend worden aan personen die zich verdienstelijk gemaakt hebben voor de vereniging. De beslissing wordt genomen door het bestuur en dient unaniem goedgekeurd te worden.<br>
+**Art. 9** - Het lidmaatschap is kosteloos, maar vergt activiteit binnen de vereniging. In geval van inactiviteit kan het lidmaatschap en bijbehorende account mits voorafgaande verwittiging door het bestuur opgezegd worden.<br>
+**Art. 10** - Leden worden persoonlijk op de hoogte gebracht van alle activiteiten van de vereniging. Publieke activiteiten worden ten minste meegedeeld door affiches, via het platform van de Dienst Studentenactiviteiten,aankondigingen in studententijdschriften, via de mailinglijst en via de website,...<br>
+**Art. 11** - Uitsluiten van leden kan nadat er is vastgesteld dat er schade is aangebracht aan de naam of eigendommen van de vereniging, of nadat men niet meer voldoet aan de statuten van de vereniging. De persoon krijgt de kans zich te verantwoorden tegenover het bestuur op de eerstvolgende bestuursvergadering. Hierna wordt beslist of de persoon lid kan blijven, of uit de vereniging wordt gezet. Er is 2/3 meerderheid van het bestuur nodig bij het uitsluiten van leden. Bij uitzonderlijke gevallen kunnen gerechtelijke stappen ondernomen worden.<br>
+
+# Hoofdstuk III - Het bestuur
+
+**Art. 12** - De vereniging wordt bestuurd door tenminste drie personen (voorzitter, penningmeester en secretaris) verkozen voor de duur van 1 jaar. Zij vormen het bestuur van de vereniging. Voor bestuursfuncties komen slechts studenten aan de Universiteit Gent in aanmerking.<br>
+**Art. 13** - Het bestuur van het komende academiejaar wordt op een speciaal daartoe aangekondigde ledenvergadering verkozen op het einde van het academiejaar ervoor. Alle leden hebben stemrecht en worden van deze vergadering persoonlijk op de hoogte gebracht via de mailinglijst.<br>
+**Art. 14** - De verantwoordelijkheden en rechten van het bestuur zijn:
+
+- _Voorzitter_: De voorzitter is verantwoordelijk voor de coördinatie van de vereniging en draagt de eindverantwoordelijkheid. De voorzitter leidt de vergaderingen en beslist wanneer de volgende activiteiten zullen plaatsvinden. De voorzitter heeft een algemeen vetorecht.
+- _Penningmeester_: De penningmeester is verantwoordelijk voor alle geldzaken van de vereniging. Hij heeft een financieel vetorecht inzake uitgaven die onder verantwoordelijkheid van de vereniging worden gedaan.
+- _Secretaris_: De secretaris maakt verslagen van elke vergadering, en zorgt voor alle planning van alle activiteiten, om die later door de voorzitter te laten goedkeuren.
+
+ Wanneer de voorzitter of de penningmeester gebruik maakt van zijn vetorecht, dient hij automatisch het ontslag uit zijn functie in. De beslissing waartegen het veto werd gebruikt kan pas uitgevoerd worden nadat een opvolger verkozen is, en het betreffende punt opnieuw beslist wordt.Optionele bestuursfuncties en hun verantwoordelijkheden zijn:
+
+- _Systeemadministrator(s):_ draagt (dragen) de verantwoordelijkheid voor het onderhoud van de servers en clients.
+- _Activiteitenverantwoordelijke:_ draagt de verantwoordelijkheid bij het organiseren van de activiteiten.
+
+ Het bestuur kan verder aangevuld worden, al dan niet met officieuze functies.<br>
+**Art. 15** - De hierboven vernoemde verantwoordelijkheden van de bestuursleden zijn niet-exhaustief. Ieder bestuurslid draagt o.a. een algemene verwantwoordelijkheid.<br>
+**Art. 15** - Het bestuur komt regelmatig samen op een daartoe vastgestelde dag, die door de voorzitter wordt vastgelegd en door de secretaris aan alle leden wordt meegedeeld. De bestuursvergadering is slechts geldig wanneer twee derden aanwezig is. De agendapunten moeten behandeld worden. Bij gelijke stemming heeft de voorzitter het laatste woord.<br>
+**Art. 16** - Alle voorstellen die tijdens een bepaalde vergadering werden voorgelegd, worden gebundeld. Een exemplaar hiervan wordt door de secretaris bedeeld aan de bestuursleden. Een exemplaar wordt publiekelijk beschikbaar gesteld via de website van de vereniging.<br>
+
+# Hoofdstuk IV - Eindbepaling
+
+**Art. 17** - De statuten kunnen slechts gewijzigd worden op een algemene ledenvergadering waar minstens 1/2 van de leden aanwezig is. Hiervoor is bij stemming een 2/3 meerderheid van alle aanwezige leden vereist.<br>
+**Art. 18** - In geval van ontbinding zal de vereniging beslissen dat het nettoactief zal gestort worden aan een nader te bepalen goed doel.<br>
+</div>
--- a/content/about/verslagen.erb
+++ b/content/about/verslagen.erb
@ -1,64 +1,9 @@
 <div class="content">
-<h1>Verslagen</h1>
-<ul>
-  <li>kdjfsql</li>
-  <li>kdjfsql</li>
-  <li>kdjfsql</li>
-  <li>kdjfsql</li>
-  <li>kdjfsql</li>
-</ul>
-</div>
-<div class="content">
-  <h3>Academiejaar 2015-2016</h3>
-
-  coming soon: statutenwijzigingen + verkiezingsuitslag (Mei 2016)
-
-  <a href="http://zeus.ugent.be/over-zeus-wpi/verslagen/vergadering8/">Bestuursvergadering 8: April 2016</a><br />
-  <a href="http://zeus.ugent.be/over-zeus-wpi/verslagen/bestuursvergadering7/">Bestuursvergadering 7: Maart 2016</a><br />
-  <a href="http://zeus.ugent.be/over-zeus-wpi/verslagen/bestuursvergadering6/">Bestuursvergadering 6: Februari 2016</a><br />
-  <a href="https://zeus.ugent.be/wp-content/uploads/2015/03/Bestuursvergadering5.pdf">Bestuursvergadering 5: December 2015</a><br />
-  <a href="https://zeus.ugent.be/wp-content/uploads/2015/03/Bestuursvergadering4.pdf">Bestuursvergadering 4: November 2015</a><br />
-  <a href="https://zeus.ugent.be/wp-content/uploads/2015/03/Bestuursvergadering3.pdf">Bestuursvergadering 3: Oktober 2015</a><br />
-  <a href="https://zeus.ugent.be/wp-content/uploads/2015/10/Vergadering7september.pdf"> Bestuursvergadering 2: September 2015</a><br />
-  <a href="https://zeus.ugent.be/wp-content/uploads/2015/10/vergadering4augustus.pdf">Bestuursvergadering 1: Augustus 2015</a><br />
-
-  <h3>Academiejaar 2014-2015</h3>
-  <a href="https://zeus.ugent.be/wp-content/uploads/2015/03/Ledenvergaderingmei2015.pdf">Ledenvergadering Mei 5 2015</a><br />
-  <a href="https://zeus.ugent.be/wp-content/uploads/2015/03/2015-04-23Bestuursvergadering12.pdf">Bestuursvergadering April 23 2015</a><br />
-  <a href="https://zeus.ugent.be/wp-content/uploads/2015/03/2015-03-18Bestuursvergadering11.pdf">Bestuursvergadering Maart 18 2015</a><br />
-  <a href="https://zeus.ugent.be/wp-content/uploads/2014/09/2015-03-02Bestuursvergadering10.pdf">Bestuursvergadering Maart 2 2015</a><br />
-  <a href="https://zeus.ugent.be/wp-content/uploads/2014/09/2015-02-09Bestuursvergadering9.pdf">Bestuursvergadering Februari 8 2015</a><br />
-  <a href="https://zeus.ugent.be/wp-content/uploads/2014/09/2015-02-02Bestuursvergadering8.pdf">Bestuursvergadering Februari 2 2015</a><br />
-  <a href="https://zeus.ugent.be/wp-content/uploads/2014/09/2014-12-02Bestuursvergadering7.pdf">Bestuursvergadering December 2014</a><br />
-  <a href="http://zeus.ugent.be/wp-content/uploads/2014/09/Bestuursvergadering65november2014.pdf">Bestuursvergadering November 2014</a><br />
-  <a href="http://zeus.ugent.be/wp-content/uploads/2014/09/Bestuursvergadering57oktober2014.pdf">Bestuursvergadering Oktober 2014</a><br />
-  <a href="http://zeus.ugent.be/wp-content/uploads/2014/09/Bestuursvergadering416september2014.pdf">Bestuursvergadering September 16 2014</a><br />
-  <a href="http://zeus.ugent.be/wp-content/uploads/2014/09/Bestuursvergadering38September2014-2.pdf">Bestuursvergadering September 8 2014</a><br />
-  <a href="http://zeus.ugent.be/wp-content/uploads/2014/08/Bestuursvergadering25augustus2014.pdf">Bestuursvergadering augustus 2014</a><br />
-  <a href="http://zeus.ugent.be/wp-content/uploads/2014/08/Bestuursvergadering1juli2014.pdf">Bestuursvergadering juli 2014</a><br />
-
-  <h3>Academiejaar 2013-2014</h3>
-  <a href="http://zeus.ugent.be/wp-content/uploads/2014/08/Bestuursvergadering18214.pdf">Bestuursvergadering februari 2014</a><br />
-  <a href="http://zeus.ugent.be/wp-content/uploads/2014/08/Bestuursvergadering29oktober2013.pdf">Bestuursvergadering oktober 2013</a><br />
-  <a href="http://zeus.ugent.be/wp-content/uploads/2014/08/Bestuursvergaderingbegin5913.pdf">Bestuursvergadering september 2013</a><br />
-
-  <h3>Academiejaar 2012-2013</h3>
-  <a href="http://zeus.ugent.be/wp-content/uploads/2014/08/Ledenvergadering14mei2013.pdf">Ledenvergadering mei 2013</a><br />
-  <a href="http://zeus.ugent.be/wp-content/uploads/2014/08/Bestuursvergadering2mei.pdf">Bestuursvergadering mei 2013</a><br />
-  <a href="http://zeus.ugent.be/wp-content/uploads/2014/08/Bestuursvergadering_28_maart_2013.pdf">Bestuursvergadering 28 maart 2013</a><br />
-  <a href="http://zeus.ugent.be/wp-content/uploads/2014/08/Bestuursvergadering_2013_maart_14.pdf">Bestuursvergadering 14 maart 2013</a><br />
-  <a href="http://zeus.ugent.be/wp-content/uploads/2014/08/Bestuursvergadering_2013_januari_31.pdf">Bestuursvergadering januari 2013</a><br />
-  <a href="http://zeus.ugent.be/wp-content/uploads/2014/08/BestuursvergaderingNovember2012.pdf">Bestuursvergadering november 2012</a><br />
-  <a href="http://zeus.ugent.be/wp-content/uploads/2014/08/BestuursvergaderingOktober2012.pdf">Bestuursvergadering oktober 2012</a><br />
-  <a href="http://zeus.ugent.be/wp-content/uploads/2014/08/BestuursvergaderingSeptember2012.pdf">Bestuursvergadering september 2012</a><br />
-
-  <h3>Vóór 2012</h3>
-  <a href="http://zeus.ugent.be/wp-content/uploads/2014/08/Bestuursvergadering29jun2011.pdf">Bestuursvergadering juni 2011</a><br />
-  <a href="http://zeus.ugent.be/wp-content/uploads/2014/08/verslag-2010-08-14.pdf">Bestuursvergadering augustus 2010</a><br />
-  <a href="http://zeus.ugent.be/wp-content/uploads/2014/08/verslag-2010-04-13.pdf">Bestuursvergadering april 2010</a><br />
-  <a href="http://zeus.ugent.be/wp-content/uploads/2014/08/verslag-2009-12-10.pdf">Bestuursvergadering december 2009</a><br />
-  <a href="http://zeus.ugent.be/wp-content/uploads/2014/08/verslag-2009-07-30.pdf">Bestuursvergadering 30 juli 2009</a><br />
-  <a href="http://zeus.ugent.be/wp-content/uploads/2014/08/verslag-2009-07-13.pdf">Bestuursvergadering 13 juli 2009</a><br />
-  <a href="http://zeus.ugent.be/wp-content/uploads/2014/08/verslag-2009-07-09.pdf">Bestuursvergadering 9 juli 2009</a><br />
-  <a href="http://zeus.ugent.be/wp-content/uploads/2014/08/ledenvergadering-2006.pdf">Ledenvergadering 2006</a><br />
+  <h1>Reports</h1>
+  <% reports.group_by {|r| r[:academic_year]}.each do |year, y_reports| %>
+    <h2><%= year %></h2>
+    <% y_reports.each do |report| %>
+      <a href="<%= report.identifier.without_ext + '.pdf' %>">Report <%= report[:date].strftime('%d %B %Y') %></a><br>
+    <% end %>
+  <% end %>
 </div>
--- a/content/about/verslagen/05-06/2006-05-09.pdf
+++ b/content/about/verslagen/05-06/2006-05-09.pdf
--- a/content/about/verslagen/08-09/2009-07-09.pdf
+++ b/content/about/verslagen/08-09/2009-07-09.pdf
--- a/content/about/verslagen/08-09/2009-07-13.pdf
+++ b/content/about/verslagen/08-09/2009-07-13.pdf
--- a/content/about/verslagen/08-09/2009-07-30.pdf
+++ b/content/about/verslagen/08-09/2009-07-30.pdf
--- a/content/about/verslagen/09-10/2009-12-10.pdf
+++ b/content/about/verslagen/09-10/2009-12-10.pdf
--- a/content/about/verslagen/09-10/2010-04-13.pdf
+++ b/content/about/verslagen/09-10/2010-04-13.pdf
--- a/content/about/verslagen/09-10/2010-08-14.pdf
+++ b/content/about/verslagen/09-10/2010-08-14.pdf
--- a/content/about/verslagen/10-11/2011-06-29.pdf
+++ b/content/about/verslagen/10-11/2011-06-29.pdf
--- a/content/about/verslagen/12-13/2012-09-24.pdf
+++ b/content/about/verslagen/12-13/2012-09-24.pdf
--- a/content/about/verslagen/12-13/2012-10-02.pdf
+++ b/content/about/verslagen/12-13/2012-10-02.pdf
--- a/content/about/verslagen/12-13/2012-11-16.pdf
+++ b/content/about/verslagen/12-13/2012-11-16.pdf
--- a/content/about/verslagen/12-13/2013-01-31.pdf
+++ b/content/about/verslagen/12-13/2013-01-31.pdf
--- a/content/about/verslagen/12-13/2013-03-14.pdf
+++ b/content/about/verslagen/12-13/2013-03-14.pdf
--- a/content/about/verslagen/12-13/2013-03-28.pdf
+++ b/content/about/verslagen/12-13/2013-03-28.pdf
--- a/content/about/verslagen/12-13/2013-05-02.pdf
+++ b/content/about/verslagen/12-13/2013-05-02.pdf
--- a/content/about/verslagen/12-13/2013-05-14.pdf
+++ b/content/about/verslagen/12-13/2013-05-14.pdf
--- a/content/about/verslagen/13-14/2013-09-05.pdf
+++ b/content/about/verslagen/13-14/2013-09-05.pdf
--- a/content/about/verslagen/13-14/2013-10-29.pdf
+++ b/content/about/verslagen/13-14/2013-10-29.pdf
--- a/content/about/verslagen/13-14/2014-02-18.pdf
+++ b/content/about/verslagen/13-14/2014-02-18.pdf
--- a/content/about/verslagen/14-15/2014-07-01.pdf
+++ b/content/about/verslagen/14-15/2014-07-01.pdf
--- a/content/about/verslagen/14-15/2014-08-25.pdf
+++ b/content/about/verslagen/14-15/2014-08-25.pdf
--- a/content/about/verslagen/14-15/2014-09-08.pdf
+++ b/content/about/verslagen/14-15/2014-09-08.pdf
--- a/content/about/verslagen/14-15/2014-09-16.pdf
+++ b/content/about/verslagen/14-15/2014-09-16.pdf
--- a/content/about/verslagen/14-15/2014-10-07.pdf
+++ b/content/about/verslagen/14-15/2014-10-07.pdf
--- a/content/about/verslagen/14-15/2014-11-05.pdf
+++ b/content/about/verslagen/14-15/2014-11-05.pdf
--- a/content/about/verslagen/14-15/2014-12-02.pdf
+++ b/content/about/verslagen/14-15/2014-12-02.pdf
--- a/content/about/verslagen/14-15/2015-02-02.pdf
+++ b/content/about/verslagen/14-15/2015-02-02.pdf
--- a/content/about/verslagen/14-15/2015-02-09.pdf
+++ b/content/about/verslagen/14-15/2015-02-09.pdf
--- a/content/about/verslagen/14-15/2015-03-02.pdf
+++ b/content/about/verslagen/14-15/2015-03-02.pdf
--- a/content/about/verslagen/14-15/2015-03-18.pdf
+++ b/content/about/verslagen/14-15/2015-03-18.pdf
--- a/content/about/verslagen/14-15/2015-04-23.pdf
+++ b/content/about/verslagen/14-15/2015-04-23.pdf
--- a/content/about/verslagen/14-15/2015-05-05.pdf
+++ b/content/about/verslagen/14-15/2015-05-05.pdf
--- a/content/about/verslagen/15-16/2015-08-01.pdf
+++ b/content/about/verslagen/15-16/2015-08-01.pdf
--- a/content/about/verslagen/15-16/2015-09-07.pdf
+++ b/content/about/verslagen/15-16/2015-09-07.pdf
--- a/content/about/verslagen/15-16/2015-10-06.pdf
+++ b/content/about/verslagen/15-16/2015-10-06.pdf
--- a/content/about/verslagen/15-16/2015-11-05.pdf
+++ b/content/about/verslagen/15-16/2015-11-05.pdf
--- a/content/about/verslagen/15-16/2015-12-08.pdf
+++ b/content/about/verslagen/15-16/2015-12-08.pdf
--- a/content/about/verslagen/17-18/2017-11-20.md
+++ b/content/about/verslagen/17-18/2017-11-20.md
@ -0,0 +1,94 @@
+% Bestuursvergadering 2
+% Isaura Claeys
+% Datum: 20/11/2017 - 13:00 
+
+Status: Gesloten
+
+# Verslag vorige vergadering
+* https://docs.google.com/document/d/1JTZ3PmzZfooRkfUjZCoBqdfzMDKA31XdfpiwaR1qPWE/edit
+
+
+# Financiën
+* Afronden subsidies dit jaar
+  * Deadline 1 december
+  * 130 euro aan subsidies
+  * 381 euro op rekening + 600 in de kassa
+  * Verhoging prijzen drank publieke events (bvb Hashcode) voor niet-leden (afronden naar boven)
+  * Tab
+     1. fixen codenight + overleggen met benji
+     2. Mails sturen
+  * Hydra
+     1. Veel te veel geld over
+     2. IPad gekocht (voorgeschoten door timo)
+     3. T-Shirts
+* Terugbetaling Giant Progressbar destro
+* Terugbetaling MOZAIC codenight drinks destro
+
+
+# Sysadmin
+* Sysadmini’s
+  * Lorin kuist asana op + voegt nieuwe sysadmini’s toe
+
+
+# Activiteiten
+* Lan: Alles in orde? (competities ed.)
+  * Sigasi contacteren met winnaars
+  * Jeroen moet stoppen met tam zijn
+* Internet freedom
+  * https://docs.google.com/document/d/1zgM6jF2mmNyfXKi_SHFMZYLywnJvLPDq0sLxAxb9Bps/edit#
+  * Mensen fixen
+* Talk Delaware
+  * Datum 18/04
+  * Verantwoordelijke: Laurens, Wout en elo helpen
+* Ricing-avond 04/12
+  * Tiles & Terminals 2
+  * Ideeën?
+     1. Blogpost met links
+     2. Korte demo’s met workflow tips
+     3. Oproep om mensen te vinden die hun setup willen showen
+     4. Felix, Detlev, Ketnet, Rien
+  * Brainstormavond met Detlev: DOODLE
+  * Workflow stresstesting
+  * Contest: om ter snelst typen op een mechanisch toetsenbord
+* Feli talk (GDPR)
+  * Europees dataprotocol
+  * Via GSR?
+* E&F avond
+  * FP progtalen gebruiken?
+  * Uitstellen naar 2de semester: 2de week
+  * Eerstejaars optrommelen
+  * DOODLE voor brainstorm
+* Pannenkoeken en Jenever Codenight-Avond
+  * HELL YEAH
+  * 30 november TBD
+* Blogposts/Eventposts schrijven voor vastgepinde events!
+  * Tiles & terminals
+  * Delaware talk: 
+     1. Poster
+     2. Blogpost 
+* Vlaamse Programmeerwedstrijd!
+  * Jonathan + isaura
+  * Poke andy
+
+# Projecten updates
+* 12Urenloop
+   * Crew: Ziggy + Jonathan + Tibo
+* G2
+   * Gamification 2
+   * Project en event management tool
+* MOZAIC
+   * 2de grote mozaic-codenight
+   * React rewrite gaat vooruit
+
+# Discussiepunten
+
+# Trivia
+* Slotmachien was kapot: Jeroen merkt op dat als ge gewoon regelmatig es moet aanduwen, dan kan hij er niet van vallen.
+* Heeft Ilion de sleutel van Stijn? -> Neen.
+* Wanneer zeuswpi.org gebruiken? 
+  * Komt bij asana taakjes
+  * Certificaten aanvragen
+
+# Vrij moment
+
+# Todo's
--- a/content/about/verslagen/17-18/2018-02-12.md
+++ b/content/about/verslagen/17-18/2018-02-12.md
@ -0,0 +1,103 @@
+% Bestuursvergadering 3
+% Isaura Claeys
+% 21/02/2018 - 17:25
+
+# Verslag vorige vergadering
+<https://docs.google.com/document/d/1XmpU8lRla56X1osueR8ucaRUP8atVbrJuS4XGRiJd-8/edit?usp=sharing> Check
+
+# Financiën
+* WVK Subsidies
+   * Goedgekeurd: +50 euro extra tov AJ 2016-2017 (1100 in totaal)
+* Overzicht
+   * 650 op de bank
+   * 220 in de kassa
+   * Hydra: 1029 terugkrijgen voor Hydra
+   * Stuw moeten we ook terugkrijgen
+   * 1800 hebben we atm in totaal
+   * 839 tab schulden atm
+* TV
+   * Mailen als subsidies bij DSA verwerkt zijn
+* Partnerships
+   * Aparte mailinglijst waar leden zich op kunnen uitschrijven als nodig
+   * Pakketten aanbieden
+      1. Evenement (50)
+      2. Vacature mailinglijst/site
+      3. Logo op poster/site (enkel bij sponsoring event)
+      4. Codenights sponsoren
+      5. Prijzen sponsoren
+      6. 1 pakket met combinatie van alles
+   * Wie? Timo
+   * Ocean Garden en Ocean Garden codenight?
+   * Timo organiseert aparte vergadering hiervoor
+* Lorin is een tomaat, want hij heeft voor de eerste keer in 10 jaar 100 meter gefietst.
+* Ereleden
+   * Kandidaten: pietervdv
+   * Minimum 50 euro: poster + site (optioneel)
+   * Dino doet dingen
+
+# Sysadmin 
+* Deployen MOZAIC
+   * Met Wout afspreken
+* Dingen mogen gebeuren
+   * Asana
+
+# Activiteiten
+* Hashcode
+  * Delhaizerun vrijdag
+  * Extra locatie
+  * 300 euro aan pizza’s: Lorin en Rien
+* VPW
+  * We zijn ervoorbij
+  * In orde!
+  * Bus zit vol!
+  * Je bent goed bezig!
+  * Behalve Lorin en zijn potentieel team van Wout zijn lief
+* Ceneka Talks
+  * 18 april
+  * Delaware komt
+  * Maar wie weet waar het over gaat
+  * Camera bij DICT regelen
+  * Eten regelen avond zelf
+  * Barmensen regelen
+* Lightning talks
+  * Komt in orde
+* 12Urenloop
+  * Jeroen wordt teamlead IT
+  * Volgende vrijdag 12UL codenight
+  * Tent: Feliciaan vragen hoe subsidieren?
+* HTTPizza
+  * Momenteel afgelast
+
+# Projecten updates
+ * MOZAIC
+    * Intel AI ding van maken if need be
+    * Meer bestuur rond krijgen nu
+       1. Organiseren + inplannen + promo
+    * Inplannen introductie (presentatie etc.)
+    * Rien gaat helpen!
+    * Volgende donderdagmiddag: 11.30u
+ * Hydra
+    * Dingen gaan vooruit
+    * Feli gaat traag
+    * Lekker
+ * G2
+    * Verschil met gamification: stats zijn een bijzaak, doel is participatie verhogen
+
+# Discussiepunten
+* Rien zegt iets: Ik stel voor dat we eventueel toekomstige bestuursleden bij het bestuur beginnen betrekken. 
+  - Niet bij vergaderingen betrekken
+
+# Trivia
+* Cegeka antwoorden
+  * Timo + die andere partnership mail
+* VEK antwoorden
+  * wout
+* Wina Antwoorden
+  * Infodinges voor de master informatica
+  * Rien
+
+# Vrij moment  
+Ilion doet een bekentenis: Ik lees mijn mails nooit.
+
+
+# Todo's:
--- a/content/assets/images/mozaic.png
+++ b/content/assets/images/mozaic.png
--- a/content/assets/images/pusheen.png
+++ b/content/assets/images/pusheen.png
--- a/content/assets/scripts/search.coffee
+++ b/content/assets/scripts/search.coffee
@ -1,10 +1,9 @@
-$ ->
-  $('#tipue_search_input_field').focusin ->
-    $('#tipue_search_input').addClass("focused")
+$('#tipue_search_input_field').on 'focusin', ->
+  $('#tipue_search_input').addClass("focused")

-  $('#tipue_search_input_field').focusout ->
-    $('#tipue_search_input').removeClass("focused")
+$('#tipue_search_input_field').on 'focusout', ->
+  $('#tipue_search_input').removeClass("focused")

-  $('.nav-toggle').click ->
-    $('.nav-menu').toggleClass('is-active')
-    $('.nav-toggle').toggleClass('is-active')
+$('.nav-toggle').on 'click', ->
+  $('.nav-menu').toggleClass('is-active')
+  $('.nav-toggle').toggleClass('is-active')
--- a/content/assets/scripts/tipuesearch.js
+++ b/content/assets/scripts/tipuesearch.js
@ -1,7 +1,7 @@

 /*
-Tipue Search 5.0
-Copyright (c) 2015 Tipue
+Tipue Search 6.0
+Copyright (c) 2017 Tipue
 Tipue Search is released under the MIT License
 http://www.tipue.com/search
 */
@ -13,20 +13,26 @@ http://www.tipue.com/search

          var set = $.extend( {

-               'show'                   : 7,
-               'newWindow'              : false,
-               'showURL'                : true,
-               'showTitleCount'         : true,
-               'minimumLength'          : 3,
-               'descriptiveWords'       : 25,
-               'highlightTerms'         : true,
-               'highlightEveryTerm'     : false,
-               'mode'                   : 'static',
-               'liveDescription'        : '*',
-               'liveContent'            : '*',
-               'contentLocation'        : 'tipuesearch/tipuesearch_content.json',
-               'debug'                  : false,
-               'tipue_search_content'   : '#tipue_search_content'
+          'contentLocation'        : 'tipuesearch/tipuesearch_content.json',
+          'contextBuffer'          : 60,
+          'contextLength'          : 60,
+          'contextStart'           : 90,
+          'debug'                  : false,
+          'descriptiveWords'       : 25,
+          'highlightTerms'         : true,
+          'liveContent'            : '*',
+          'liveDescription'        : '*',
+          'minimumLength'          : 3,
+          'mode'                   : 'static',
+          'newWindow'              : false,
+          'show'                   : 9,
+          'showContext'            : true,
+          'showRelated'            : false,
+          'showTime'               : false,
+          'showTitleCount'         : true,
+          'showURL'                : true,
+          'wholeWords'             : true,
+          'tipue_search_content'   : '#tipue_search_content'

          }, options);

@ -40,47 +46,47 @@ http://www.tipue.com/search
               });
               var tipuesearch_t_c = 0;

+               $(set.tipue_search_content).hide().html('<div class="tipue_search_spinner"><div class="tipue_search_rect1"></div><div class="tipue_search_rect2"></div><div class="rect3"></div></div>').show();
+
               if (set.mode == 'live')
               {
                    for (var i = 0; i < tipuesearch_pages.length; i++)
                    {
-                         $.get(tipuesearch_pages[i])
-                              .done(function(html)
+                         $.get(tipuesearch_pages[i]).done(function(html)
+                         {
+                              var cont = $(set.liveContent, html).text();
+                              cont = cont.replace(/\s+/g, ' ');
+                              var desc = $(set.liveDescription, html).text();
+                              desc = desc.replace(/\s+/g, ' ');
+
+                              var t_1 = html.toLowerCase().indexOf('<title>');
+                              var t_2 = html.toLowerCase().indexOf('</title>', t_1 + 7);
+                              if (t_1 != -1 && t_2 != -1)
                              {
-                                   var cont = $(set.liveContent, html).text();
-                                   cont = cont.replace(/\s+/g, ' ');
-                                   var desc = $(set.liveDescription, html).text();
-                                   desc = desc.replace(/\s+/g, ' ');
+                                   var tit = html.slice(t_1 + 7, t_2);
+                              }
+                              else
+                              {
+                                   var tit = tipuesearch_string_1;
+                              }

-                                   var t_1 = html.toLowerCase().indexOf('<title>');
-                                   var t_2 = html.toLowerCase().indexOf('</title>', t_1 + 7);
-                                   if (t_1 != -1 && t_2 != -1)
-                                   {
-                                        var tit = html.slice(t_1 + 7, t_2);
-                                   }
-                                   else
-                                   {
-                                        var tit = tipuesearch_string_1;
-                                   }
-
-                                   tipuesearch_in.pages.push(
-                                   {
-                                        "title": tit,
-                                        "text": desc,
-                                        "tags": cont,
-                                        "url": tipuesearch_pages[i]
-                                   });
+                              tipuesearch_in.pages.push(
+                              {
+                                   "title": tit,
+                                   "text": desc,
+                                   "tags": cont,
+                                   "url": tipuesearch_pages[i]
                              });
+                         });
                    }
               }

               if (set.mode == 'json')
               {
-                    $.getJSON(set.contentLocation)
-                         .done(function(json)
-                         {
-                              tipuesearch_in = $.extend({}, json);
-                         });
+                    $.getJSON(set.contentLocation).done(function(json)
+                    {
+                         tipuesearch_in = $.extend({}, json);
+                    });
               }

               if (set.mode == 'static')
@ -96,8 +102,20 @@ http://www.tipue.com/search

               function getURLP(name)
               {
-                    return decodeURIComponent((new RegExp('[?|&]' + name + '=' + '([^&;]+?)(&|#|;|$)').exec(location.search)||[,""])[1].replace(/\+/g, '%20')) || null;
+                    var _locSearch = location.search;
+                    var _splitted = (new RegExp('[?|&]' + name + '=' + '([^&;]+?)(&|#|;|$)').exec(_locSearch)||[,""]);
+                    var searchString = _splitted[1].replace(/\+/g, '%20');
+                    try
+                    {
+                         searchString = decodeURIComponent(searchString);
+                    }
+                    catch(e)
+                    {
+                         searchString = unescape(searchString);
+                    }
+                    return searchString || null;
               }
+
               if (getURLP('q'))
               {
                    $('#tipue_search_input').val(getURLP('q'));
@ -115,10 +133,6 @@ http://www.tipue.com/search

               function getTipueSearch(start, replace)
               {
-                    $(set.tipue_search_content).hide();
-                    $(set.tipue_search_content).html('<div class="tipue_search_spinner"><div class="tipue_search_rect1"></div><div class="tipue_search_rect2"></div><div class="rect3"></div></div>');
-                    $(set.tipue_search_content).show();
-
                    var out = '';
                    var results = '';
                    var show_replace = false;
@ -127,7 +141,8 @@ http://www.tipue.com/search
                    var c = 0;
                    found = [];

-                    var d = $('#tipue_search_input').val().toLowerCase();
+                    var d_o = $('#tipue_search_input').val();
+                    var d = d_o.toLowerCase();
                    d = $.trim(d);

                    if ((d.match("^\"") && d.match("\"$")) || (d.match("^'") && d.match("'$")))
@ -135,9 +150,10 @@ http://www.tipue.com/search
                         standard = false;
                    }

+                    var d_w = d.split(' ');
+
                    if (standard)
                    {
-                         var d_w = d.split(' ');
                         d = '';
                         for (var i = 0; i < d_w.length; i++)
                         {
@ -203,7 +219,14 @@ http://www.tipue.com/search
                                   var s_t = tipuesearch_in.pages[i].text;
                                   for (var f = 0; f < d_w.length; f++)
                                   {
-                                        var pat = new RegExp(d_w[f], 'gi');
+                                        if (set.wholeWords)
+                                        {
+                                             var pat = new RegExp('\\b' + d_w[f] + '\\b', 'gi');
+                                        }
+                                        else
+                                        {
+                                             var pat = new RegExp(d_w[f], 'gi');
+                                        }
                                        if (tipuesearch_in.pages[i].title.search(pat) != -1)
                                        {
                                             var m_c = tipuesearch_in.pages[i].title.match(pat).length;
@ -215,19 +238,6 @@ http://www.tipue.com/search
                                             score += (20 * m_c);
                                        }

-                                        if (set.highlightTerms)
-                                        {
-                                             if (set.highlightEveryTerm)
-                                             {
-                                                  var patr = new RegExp('(' + d_w[f] + ')', 'gi');
-                                             }
-                                             else
-                                             {
-                                                  var patr = new RegExp('(' + d_w[f] + ')', 'i');
-                                             }
-                                             s_t = s_t.replace(patr, "<span class=\"h01\">$1</span>");
-                                        }
-
                                        if (tipuesearch_in.pages[i].tags.search(pat) != -1)
                                        {
                                             var m_c = tipuesearch_in.pages[i].tags.match(pat).length;
@ -291,19 +301,6 @@ http://www.tipue.com/search
                                        score += (20 * m_c);
                                   }

-                                   if (set.highlightTerms)
-                                   {
-                                        if (set.highlightEveryTerm)
-                                        {
-                                             var patr = new RegExp('(' + d + ')', 'gi');
-                                        }
-                                        else
-                                        {
-                                             var patr = new RegExp('(' + d + ')', 'i');
-                                        }
-                                        s_t = s_t.replace(patr, "<span class=\"h01\">$1</span>");
-                                   }
-
                                   if (tipuesearch_in.pages[i].tags.search(pat) != -1)
                                   {
                                        var m_c = tipuesearch_in.pages[i].tags.match(pat).length;
@ -349,19 +346,27 @@ http://www.tipue.com/search
                                   tipuesearch_t_c++;
                              }

-                              if (show_replace == 1)
+                              if (show_replace)
                              {
                                   out += '<div id="tipue_search_warning">' + tipuesearch_string_2 + ' ' + d + '. ' + tipuesearch_string_3 + ' <a id="tipue_search_replaced">' + d_r + '</a></div>';
                              }
                              if (c == 1)
                              {
-                                   out += '<div id="tipue_search_results_count">' + tipuesearch_string_4 + '</div>';
+                                   out += '<div id="tipue_search_results_count">' + tipuesearch_string_4;
                              }
                              else
                              {
                                   c_c = c.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ",");
-                                   out += '<div id="tipue_search_results_count">' + c_c + ' ' + tipuesearch_string_5 + '</div>';
+                                   out += '<div id="tipue_search_results_count">' + c_c + ' ' + tipuesearch_string_5;
                              }
+                              if (set.showTime)
+                              {
+                                   var endTimer = new Date().getTime();
+                                   var time = (endTimer - startTimer) / 1000;
+                                   out += ' (' + time.toFixed(2) + ' ' + tipuesearch_string_14 + ')';
+                                   set.showTime = false;
+                              }
+                              out += '</div>';

                              found.sort(function(a, b) { return b.score - a.score } );

@ -380,7 +385,7 @@ http://www.tipue.com/search
                                        if (set.showURL)
                                        {
                                             var s_u = found[i].url.toLowerCase();
-                                             if(s_u.indexOf('http://') == 0)
+                                             if (s_u.indexOf('http://') == 0)
                                             {
                                                  s_u = s_u.slice(7);
                                             }
@ -390,6 +395,43 @@ http://www.tipue.com/search
                                        if (found[i].desc)
                                        {
                                             var t = found[i].desc;
+
+                                             if (set.showContext)
+                                             {
+                                                  d_w = d.split(' ');
+                                                  var s_1 = found[i].desc.toLowerCase().indexOf(d_w[0]);
+                                                  if (s_1 > set.contextStart)
+                                                  {
+                                                       var t_1 = t.substr(s_1 - set.contextBuffer);
+                                                       var s_2 = t_1.indexOf(' ');
+                                                       t_1 = t.substr(s_1 - set.contextBuffer + s_2);
+                                                       t_1 = $.trim(t_1);
+
+                                                       if (t_1.length > set.contextLength)
+                                                       {
+                                                            t = '... ' + t_1;
+                                                       }
+                                                  }
+                                             }
+
+                                             if (standard)
+                                             {
+                                                  d_w = d.split(' ');
+                                                  for (var f = 0; f < d_w.length; f++)
+                                                  {
+                                                       if (set.highlightTerms)
+                                                       {
+                                                            var patr = new RegExp('(' + d_w[f] + ')', 'gi');
+                                                            t = t.replace(patr, "<span class=\"h0011\">$1</span>");
+                                                       }
+                                                  }
+                                             }
+                                             else if (set.highlightTerms)
+                                             {
+                                                  var patr = new RegExp('(' + d + ')', 'gi');
+                                                  t = t.replace(patr, "<span class=\"h0011\">$1</span>");
+                                             }
+
                                             var t_d = '';
                                             var t_w = t.split(' ');
                                             if (t_w.length < set.descriptiveWords)
@ -408,21 +450,60 @@ http://www.tipue.com/search
                                             {
                                                  t_d += ' ...';
                                             }
+
+                                             t_d = t_d.replace(/h0011/g, 'tipue_search_content_bold');
+
                                             out += '<div class="tipue_search_content_text">' + t_d + '</div>';
                                        }
                                   }
                                   l_o++;
                              }

+                              if (set.showRelated && standard)
+                              {
+                                   f = 0;
+                                   for (var i = 0; i < tipuesearch_related.searches.length; i++)
+                                   {
+                                        if (d == tipuesearch_related.searches[i].search)
+                                        {
+                                             if (show_replace)
+                                             {
+                                                  d_o = d;
+                                             }
+                                             if (!f)
+                                             {
+                                                  out += '<div class="tipue_search_related_title">' + tipuesearch_string_15 + ' <span class="tipue_search_related_bold">' + d_o + '</span></div><div class="tipue_search_related_cols">';
+                                             }
+
+                                             out += '<div class="tipue_search_related_text"><a class="tipue_search_related" id="' + tipuesearch_related.searches[i].related + '">';
+                                             if (tipuesearch_related.searches[i].before)
+                                             {
+                                                  out += '<span class="tipue_search_related_before">' + tipuesearch_related.searches[i].before + '</span> ';
+                                             }
+                                             out += tipuesearch_related.searches[i].related;
+                                             if (tipuesearch_related.searches[i].after)
+                                             {
+                                                  out += ' <span class="tipue_search_related_after">' + tipuesearch_related.searches[i].after + '</span>';
+                                             }
+                                             out += '</a></div>';
+                                             f++;
+                                        }
+                                   }
+                                   if (f)
+                                   {
+                                        out += '</div>';
+                                   }
+                              }
+
                              if (c > set.show)
                              {
                                   var pages = Math.ceil(c / set.show);
                                   var page = (start / set.show);
-                                   out += '<div id="tipue_search_foot"><ul id="tipue_search_foot_boxes">';
+                                   out += '<nav><div id="tipue_search_foot"><ul id="tipue_search_foot_boxes">';

                                   if (start > 0)
                                   {
-                                       out += '<li><a class="tipue_search_foot_box" id="' + (start - set.show) + '_' + replace + '">' + tipuesearch_string_6 + '</a></li>';
+                                       out += '<li role="navigation"><a class="tipue_search_foot_box" accesskey="b" id="' + (start - set.show) + '_' + replace + '">' + tipuesearch_string_6 + '</a></li>';
                                   }

                                   if (page <= 2)
@ -436,11 +517,11 @@ http://www.tipue.com/search
                                        {
                                             if (f == page)
                                             {
-                                                  out += '<li class="current">' + (f + 1) + '</li>';
+                                                  out += '<li class="current" role="navigation">' + (f + 1) + '</li>';
                                             }
                                             else
                                             {
-                                                  out += '<li><a class="tipue_search_foot_box" id="' + (f * set.show) + '_' + replace + '">' + (f + 1) + '</a></li>';
+                                                  out += '<li role="navigation"><a class="tipue_search_foot_box" id="' + (f * set.show) + '_' + replace + '">' + (f + 1) + '</a></li>';
                                             }
                                        }
                                   }
@ -455,21 +536,21 @@ http://www.tipue.com/search
                                        {
                                             if (f == page)
                                             {
-                                                  out += '<li class="current">' + (f + 1) + '</li>';
+                                                  out += '<li class="current" role="navigation">' + (f + 1) + '</li>';
                                             }
                                             else
                                             {
-                                                  out += '<li><a class="tipue_search_foot_box" id="' + (f * set.show) + '_' + replace + '">' + (f + 1) + '</a></li>';
+                                                  out += '<li role="navigation"><a class="tipue_search_foot_box" id="' + (f * set.show) + '_' + replace + '">' + (f + 1) + '</a></li>';
                                             }
                                        }
                                   }

                                   if (page + 1 != pages)
                                   {
-                                       out += '<li><a class="tipue_search_foot_box" id="' + (start + set.show) + '_' + replace + '">' + tipuesearch_string_7 + '</a></li>';
+                                       out += '<li role="navigation"><a class="tipue_search_foot_box" accesskey="m" id="' + (start + set.show) + '_' + replace + '">' + tipuesearch_string_7 + '</a></li>';
                                   }

-                                   out += '</ul></div>';
+                                   out += '</ul></div></nav>';
                              }
                         }
                         else
@ -497,15 +578,19 @@ http://www.tipue.com/search
                         }
                    }

-                    $(set.tipue_search_content).hide();
-                    $(set.tipue_search_content).html(out);
-                    $(set.tipue_search_content).slideDown(200);
+                    $(set.tipue_search_content).hide().html(out).slideDown(200);

                    $('#tipue_search_replaced').click(function()
                    {
                         getTipueSearch(0, false);
                    });

+                    $('.tipue_search_related').click(function()
+                    {
+                         $('#tipue_search_input').val($(this).attr('id'));
+                         getTipueSearch(0, true);
+                    });
+
                    $('.tipue_search_foot_box').click(function()
                    {
                         var id_v = $(this).attr('id');
--- a/content/assets/stylesheets/includes/about.scss
+++ b/content/assets/stylesheets/includes/about.scss
@ -0,0 +1,98 @@
+#contact-icons {
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    
+    > .column {
+        max-width: 70vw;
+    }
+
+    .contact-circle-option {
+        display: block;
+        max-width: 200px;
+
+        .contact-circle-wrapper {
+            display: block;
+            position: relative;
+            width: 60%;
+            padding-bottom: 60%;
+            height: 0;
+            margin: 0 auto;
+            
+            .contact-circle-pulse {
+                position: absolute;
+                left: 0;
+                width: 100%;
+                height: 100%;
+                border-radius: 50%;
+                border: 1px solid $secondary;
+                margin: 0 auto;
+            }
+
+            .contact-circle {
+                position: absolute;
+                left: 0;
+                width: 100%;
+                height: 100%;
+                border-radius: 50%;
+                background-color: $secondary;
+                display: flex;
+                justify-content: center;
+                align-items: center;
+                margin: 0 auto;
+                color: $highlighted-text-colour;
+            }
+        }
+
+        .contact-circle-wrapper:hover, .contact-circle-wrapper:focus {
+            
+            .grow { 
+                transition: all .2s ease-in-out;
+                -moz-transform: scale(1.2);
+                -webkit-transform: scale(1.2);
+                transform: scale(1.2);
+            }
+
+            
+        }
+
+        .contact-description {
+            display: block;
+            text-align: center;
+            margin-top: 20px;
+            color: $primary;
+        }
+
+        .contact-text-link {
+            color: $text;
+            border-bottom: 1px solid $secondary;
+            margin-top: 7px;
+            //font-size: 1.5em;
+        }
+
+        .contact-text-link:hover {
+            color: $secondary;
+        }
+    }
+
+}
+
+#contact-info {
+    h1 {
+        margin-bottom: 0.3em;
+    }
+
+    .is-divider {
+        margin-bottom: 0.7em;
+        margin-top: 0.7em;
+    }
+
+    #contact-location-buttons {
+        width: 100%;
+        text-align: center;
+    }
+
+    .button:hover, .button:focus {
+        border-color: $primary;
+    }
+}
--- a/content/assets/stylesheets/includes/blogpost.scss
+++ b/content/assets/stylesheets/includes/blogpost.scss
@ -55,6 +55,13 @@ $sel: '';

    .subtitle {
      position: absolute;
+
+      @include mobile {
+        text-align: center;
+        margin-top: 0;
+        position: relative;
+        margin-bottom: .2em;
+      }
    }

    .details {
@ -63,6 +70,12 @@ $sel: '';
      margin-top: -1.1rem;
      line-height: 1;
      text-align: right;
+
+      @include mobile {
+        text-align: center;
+        margin-top: 0;
+        position: relative;
+      }
    }
  }

@ -93,7 +106,11 @@ $sel: '';
    position: absolute;
    bottom: 20px;
    left: 0;
-    background: linear-gradient(to bottom, transparent, white);
+    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&0+0,1+100;White+to+Transparent */
+    background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%); /* FF3.6-15 */
+    background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* Chrome10-25,Safari5.1-6 */
+    background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
+    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
    height: 100px;
    width: 100%;
  }
--- a/content/assets/stylesheets/includes/cammie.scss
+++ b/content/assets/stylesheets/includes/cammie.scss
@ -45,6 +45,32 @@
      &.diag i {
        transform: rotate(45deg);
      }
+      
    }
  }
 }
+#cammie-section {
+
+  .nav-center{
+  width:100%;
+  }
+  button{
+    background-color: $orange;
+    color: white;
+    margin-top: 5px;
+    border-radius: 0;
+    border: none;
+    width: 33.333333333333333333333333333333333333333333333333333%;
+    &:not(:last-child){
+        margin-right: 5px;
+    }
+    &:hover{
+      color: #363636;
+    }
+    &:active{
+      background-color: #b36b00; //dark orange
+      color: #363636;
+    }
+  }
+
+}
--- a/content/assets/stylesheets/includes/eventpage.scss
+++ b/content/assets/stylesheets/includes/eventpage.scss
@ -38,5 +38,20 @@

  @include mobile {
    flex-direction: column;
+    text-align: center;
+  }
+}
+
+.map-wrapper {
+  border-radius: 5px;
+  overflow: hidden;
+  position: relative;
+  height: 400px;
+
+  padding: 0;
+
+  iframe {
+    height: 100%;
+    width: 100%;
  }
 }
--- a/content/assets/stylesheets/includes/events.scss
+++ b/content/assets/stylesheets/includes/events.scss
@ -6,13 +6,6 @@
  padding:20px;
  padding-top:0px;

-  .image-holder {
-    padding: 10px;
-    border: 1px solid lighten(gray, 30%);
-    width: 15%;
-    height: 15%;
-  }
-
  .image {
    vertical-align: baseline;
    border: 1px solid gray;
@ -74,3 +67,15 @@
    }
  }
 }
+
+.sponsors {
+  display: flex;
+  justify-content: center;
+  flex-wrap: wrap;
+  align-items: center;
+  > a {
+    width: 300px;
+    margin: 10px;
+    text-align: center;
+  }
+}
--- a/content/assets/stylesheets/includes/general.scss
+++ b/content/assets/stylesheets/includes/general.scss
@ -3,10 +3,31 @@
  text-align: justify;
 }

+pre .line-numbers {
+  margin-right: 10px;
+  margin-left: -10px;
+}
+
+.caps {
+  text-transform: uppercase;
+  font-size: 85%;
+  letter-spacing: 1px;
+}
+
 // Override box styling without round corners
 .box {
  margin-bottom:10px;
-  border-radius: 0 !important;
+
+  transition: all .15s ease;
+
+  box-shadow: 0 4px 6px rgba(50,50,93,.11), 0 1px 3px rgba(0,0,0,.08);
+
+}
+
+a.box:hover {
+  color: $blue;
+  transform: translateY(-1px);
+  box-shadow: 0 7px 14px rgba(50,50,93,.1), 0 3px 6px rgba(0,0,0,.08);
 }

 // Add some hero attributes to make backgrounds prettier
@ -14,7 +35,6 @@
  background-position: center;
  background-size: cover;
 }
-
 // link borders are unnecessary
 .content {
  a {
@ -61,12 +81,17 @@ footer.footer {
  background: rgba(255, 127, 0, 0.99);
 }

-.has-content-centered, .imgcenter {
+.has-content-centered {
  display: flex;
  justify-content: center;
  align-items: center;
 }

+.imgcenter {
+  margin: auto;
+  display: block;
+}
+
 .hydra-tile {
  background-color: #1E64C8;
 }
@ -152,12 +177,69 @@ footer.footer {
  }
 }

-.alignright {
-  float: right;
+%align {
+  background-color: $body-background;
  margin: 15px;
 }

-// Bold definition types in <dl></dl>
-dt {
-  font-weight: bold;
+.alignright {
+  @extend %align;
+
+  float: right;
+}
+
+.alignleft {
+  @extend %align;
+
+  float: left;
+}
+
+.content {
+  blockquote {
+    border-left-color: $secondary;
+  }
+
+  // Bold definition types in <dl></dl>
+  dt {
+    font-weight: bold;
+  }
+
+  figure {
+    position: relative;
+
+    img {
+      display: block;
+    }
+
+    figcaption {
+      position: absolute;
+      background-color: rgba(0,0,0,.7);
+      color: white;
+      bottom: 0;
+      width: 100%;
+      padding: 10px 20px;
+
+      transition: all .1s;
+
+      opacity: 0;
+    }
+
+    &:hover {
+      figcaption {
+        opacity: 1;
+      }
+    }
+  }
+
+  sup {
+    font-size: $size-small;
+  }
+}
+
+.has-all-small-caps {
+  font-variant: all-small-caps;
+}
+
+.has-small-caps {
+  font-variant: small-caps;
 }
--- a/content/assets/stylesheets/includes/navbar.scss
+++ b/content/assets/stylesheets/includes/navbar.scss
@ -10,16 +10,19 @@

    #santa {
      position: absolute;
-      z-index: 500;
-      left: 27px;
-      top: -1px;
-      width: 40px;
-      transform: scale(-1, 1);
+      z-index: 300;
+      left: 5px;
+      bottom: 0;
+      width: 60px;
    }
  }

  .nav-menu {
    z-index: 20;
+
+    .nav-transparent {
+      background: none;
+    }
  }

  .actual-nav-bar {
@ -35,7 +38,6 @@

  #logo-link {
    #logo {
-      padding-top: 10px;
      padding-left: 10px;
      width: 100px;
    }
@ -75,3 +77,13 @@
    }
  }
 }
+
+.hero {
+  #logo {
+    padding-top: 25px;
+  }
+
+  .nav-right {
+    padding-right: 10px;
+  }
+}
--- a/content/assets/stylesheets/includes/projects.scss
+++ b/content/assets/stylesheets/includes/projects.scss
@ -33,8 +33,12 @@
  margin-top: 30px;
 }

+.logo-wrapper {
+  padding-top: 0;
+  padding-bottom: 0;
+}
+
 .logo {
-  height:  10vw;
  width: 10vw;
  min-width: 100px;
  min-height: 100px;
@ -42,12 +46,14 @@
  margin-right: auto;
  display: flex;
  align-items: center;
+
+  height: 100%;
 }

 .logo-initial {
  margin: auto;
  color: white;
-  font-size: 6vw;
+  font-size: 5rem;
  font-family: $family-sans-serif;
 }

--- a/content/assets/stylesheets/includes/search.scss
+++ b/content/assets/stylesheets/includes/search.scss
@ -15,6 +15,7 @@

  transition: all 0.5s;

+  overflow: hidden;

  input {
    background: none;
--- a/content/assets/stylesheets/includes/tiles.scss
+++ b/content/assets/stylesheets/includes/tiles.scss
@ -1,21 +1,49 @@
 $top_coder_size: 80px;

-a.box {
-  &:hover {
-    box-shadow: 0 2px 3px rgba($black, 0.1), 0 0 0 1px $blue
-  }
-}
-
 #homepage {
  .box {
-    border-radius: 0;
-
    img {
      width: 100%;
    }
  }
 }

+.event-tile {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  padding: 1em;
+  filter: grayscale(30%);
+
+  .event-content {
+    color: $text;
+    height: 100%;
+    width: 100%;
+    // background: rgba($tertiary, 0.2);
+    display: flex;
+    align-items: center;
+    justify-content: center;
+
+    .event-text {
+      display: inline-block;
+      font-size: 1.1em;
+      margin-left: 10px;
+      margin-right: 10px;
+
+      .event-time-loc {
+        margin-left: 10px;
+        margin-right: 10px;
+       }
+    }
+
+
+    .is-divider {
+      margin: 0.5em;
+    }
+  }
+
+}
+
 .centering {
  display: flex;

@ -41,6 +69,7 @@ a.box {
 }

 #gamification-coders {
+  font-variant: all-small-caps;
  display: flex;

  justify-content: center;
@ -83,10 +112,10 @@ a.box {
 }

 #blokmap-tile {
+
  position: relative;
  height: 200px;
-  //background-image: url("https://i.imgur.com/PMaIG7X.jpg");
-  background-image: url("https://cldup.com/-FmSDFbd07.jpg");
+  background-image: linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, .2)), url("https://cldup.com/-FmSDFbd07.jpg");
  background-position: center;

  .overlay {
@ -122,3 +151,23 @@ a.box {
 .backgroundimg{
  background-position: center;
 }
+
+.gamification-tile {
+  overflow: hidden;
+  padding: 0;
+
+  .tile-header {
+    background-color: $primary;
+    padding: 20px;
+    h1 {
+      margin: 0;
+    }
+    a, a:visited {
+      color: white;
+    }
+  }
+
+  #gamification-coders {
+    padding: 20px;
+  }
+}
--- a/content/assets/stylesheets/includes/variables.scss
+++ b/content/assets/stylesheets/includes/variables.scss
@ -4,7 +4,7 @@ $zeus-blue: #00C4FF;

 $body-background: white;

-$tile-orange: #ff9f1a;
+$tile-orange: $zeus-orange;

 $navbar-border-color: #CCC;
 $event-border-color: #DDD;
@ -13,9 +13,7 @@ $orange: $zeus-orange;
 $blue: $zeus-blue;
 $turquoise: #30D1B2;

-$primary: $orange;
-
-$family-sans-serif: 'Lato', sans-serif;
+$family-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";

 $link-visited: $orange;

@ -30,5 +28,9 @@ $cammie-controls-color: rgba(0, 0, 0, 0.60);

 $event-padding: 10px;

+$primary: $orange;
+$secondary: $zeus-blue;
+$tertiary: $box-colour;
+
 // Default font size
 // $size-normal: 15px;
--- a/content/assets/stylesheets/main.scss
+++ b/content/assets/stylesheets/main.scss
@ -3,18 +3,28 @@
@import "includes/variables";

@import "../../../node_modules/bulma/bulma";
+@import "../../../node_modules/bulma-divider/divider";

 .nav-right {
  flex: none;
 }

-// Sticky footer
-body.site {
-  overflow-x: hidden;
+body {

-  display: flex;
-  min-height: 100vh;
-  flex-direction: column;
+}
+
+
+// Sticky footer
+body {
+  hyphens: auto;
+
+  &.site {
+    overflow-x: hidden;
+
+    display: flex;
+    min-height: 100vh;
+    flex-direction: column;
+  }

  .wrapper {
    flex: 1;
@ -32,3 +42,4 @@ body.site {
@import "includes/projects";
@import "includes/navbar";
@import "includes/search";
+@import "includes/about";
--- a/content/blog/06-07/anti-spam.md
+++ b/content/blog/06-07/anti-spam.md
@ -1,12 +1,9 @@
 ---
 title: Anti-SPAM
-banner: /logo.png
 created_at: 10-03-2007
-time: 23-02-2016
-location: Zeus kelder
 ---

 Hoef je geen nieuwe lening? Interesseert een hypotheek je niet? Geen behoefte aan porno? Tevreden met de omvang van je lichaam en haar onderdelen en prestaties? Geen interesse in aandelen, superaanbiedingen, manieren om ongeloofijk snel stinkend rijk te worden etc.?
 Indien je antwoorden op bovenstaande vragen voornamelijk ja zijn en je toch voortdurend gebombardeerd wordt met mails die je dat alles en nog veel meer proberen aan te smeren, dan heb je al kennis gemaakt met het fenomeen dat spam genoemd wordt.
 Misschien heb je zelfs al geprobeerd om je te removen of unsubscriben met als enig gevolg dat je nu nog veel meer van die rommel opgestuurd krijgt.
-Als je wil weten hoe de spammers te werk gaan, hoe ze proberen te verbergen vanwaar hun emails komen en waar hun websites gehost worden en wat je er tegen kan doen, dan is de cursus "Spam: wat doe ik eraan?" zeker iets voor jou. We bekijken hoe het SMTP protocol (dat gebruikt wordt om mails te versturen) werkt en hoe je emails moet traceren, wat open relays en proxy's zijn en hoe ze misbruikt worden door spammers, hoe web pagina's door spammers gecodeerd worden en manieren om ze te ontcijferen, etc.
+Als je wil weten hoe de spammers te werk gaan, hoe ze proberen te verbergen vanwaar hun emails komen en waar hun websites gehost worden en wat je er tegen kan doen, dan is de cursus "Spam: wat doe ik eraan?" zeker iets voor jou. We bekijken hoe het SMTP protocol (dat gebruikt wordt om mails te versturen) werkt en hoe je emails moet traceren, wat open relays en proxy's zijn en hoe ze misbruikt worden door spammers, hoe web pagina's door spammers gecodeerd worden en manieren om ze te ontcijferen, etc.
--- a/content/blog/06-07/doe-eens-een-deftig-t-shirt-aan.md
+++ b/content/blog/06-07/doe-eens-een-deftig-t-shirt-aan.md
@ -1,15 +1,12 @@
 ---
 title: Doe eens een deftig T-Shirt aan!
-banner: https://zeus.UGent.be/wp-content/uploads/2007/03/voor-300x224.jpg
 created_at: 09-03-2007
-time: 23-02-2016
-location: Zeus kelder
 ---

-Zeus verkoopt nog altijd prachtige T-shirts. Op de achterkant staat de welbekende <a href="https://www.adminspotting.org/">Adminspotting</a>-tekst . Aan de voorkant - ter hoogte van de borst - staat het Zeus-logo. Als u deze nog niet in uw bezit heeft kan u ze bestellen voor de zachte prijs van 12 euro.
+Zeus verkoopt nog altijd prachtige T-shirts. Op de achterkant staat de welbekende [Adminspotting](https://www.adminspotting.org/)-tekst . Aan de voorkant - ter hoogte van de borst - staat het Zeus-logo. Als u deze nog niet in uw bezit heeft kan u ze bestellen voor de zachte prijs van 12 euro.

 Bestellen kan vandaag nog en wel op volgende simpele manier. Stuur een mailtje naar het bestuur en stort 12 euro op rekeningnummer 979-9937065-02 met vermelding van je naam. De maat is XL. U kan uw T-Shirt komen ophalen in de Zeus-kelder zodra wij uw geld hebben ontvangen.

-<img src="https://zeus.UGent.be/wp-content/uploads/2007/03/voor-300x224.jpg" alt="Voorkant T-shirt" title="Voorkant T-shirt" width="300" height="224" class="alignleft size-medium wp-image-191" />
+![Voorkant T-shirt](https://zeus.UGent.be/wp-content/uploads/2007/03/voor-300x224.jpg)

-<img src="https://zeus.UGent.be/wp-content/uploads/2007/03/detail-249x300.jpg" alt="Achterkant T-shirt" title="Achterkant T-shirt" width="249" height="300" class="alignleft size-medium wp-image-190" />
+![Achterkant T-shirt](https://zeus.UGent.be/wp-content/uploads/2007/03/detail-249x300.jpg)
--- a/content/blog/06-07/introductiedag.md
+++ b/content/blog/06-07/introductiedag.md
@ -1,9 +1,6 @@
 ---
 title: Introductiedag
-banner: /logo.png
 created_at: 26-08-2007
-time: 23-02-2016
-location: Zeus kelder
 ---

-Op de introductiedag nemen we - in samenwerking met het WiNA - de eerstejaartjes mee op een korte rondleiding, laten we ze een beetje kennismaken met elkaar en met de proffen, verkopen we cursussen en als apotheose smijten we er enkele gratis vaten tegenaan samen met de andere wetenschapskringen.
+Op de introductiedag nemen we - in samenwerking met het WiNA - de eerstejaartjes mee op een korte rondleiding, laten we ze een beetje kennismaken met elkaar en met de proffen, verkopen we cursussen en als apotheose smijten we er enkele gratis vaten tegenaan samen met de andere wetenschapskringen.
--- a/content/blog/06-07/ledenvergadering.md
+++ b/content/blog/06-07/ledenvergadering.md
@ -1,23 +0,0 @@
---
-title: Ledenvergadering
-banner: /logo.png
-created_at: 08-05-2007
-time: 23-02-2016
-location: Zeus kelder
---
-
-Aangezien het academiejaar weer bijna voorbij is, wordt het weer eens tijd
-om een ledenvergadering op poten te zetten. Deze zal doorgaan op woensdag 9 mei om 19 uur in de Terminal (we spreken af in de inkom hal).
-
-Voorlopige agendapunten:
-<ul>
-    <li>terugblik op het voorbije academiejaar</li>
-    <li>vooruitblik op het komende academiejaar met o.a.
-        <ul>
-            <li>aanbod van het WiNa voor meer samenwerking</li>
-            <li>uitdelen van Ubuntu-cd's aan eerstejaars studenten</li>
-            <li>heruitgave van "Overleven op UGentNet"?</li>
-            <li>verkiezing van het bestuur 2007-2008</li>
-        </ul>
-    </li>
-</ul>
--- a/content/blog/06-07/thermilan----afgelast.md
+++ b/content/blog/06-07/thermilan----afgelast.md
@ -1,9 +1,6 @@
 ---
 title: ThermiLAN -- AFGELAST
-banner: /logo.png
 created_at: 12-03-2007
-time: 23-02-2016
-location: Zeus kelder
 ---

-Lanparty in samenwerking met het VTK en het WiNA
+Lanparty in samenwerking met het VTK en het WiNA
--- a/content/blog/06-07/zeus-ugent-be-in-het-nieuw.md
+++ b/content/blog/06-07/zeus-ugent-be-in-het-nieuw.md
@ -1,14 +1,11 @@
 ---
 title: zeus.ugent.be in het nieuw!!!
-banner: /logo.png
 created_at: 08-03-2007
-time: 23-02-2016
-location: Zeus kelder
 ---

 Jawel, jawel, vandaag steken we onze website in een nieuw kleedje!
-Helaas nemen we afscheid van ons vorig CMS - Webgroups2 - van Lieven Dekeyser, dat jammer genoeg niet meer verder ontwikkeld werd. Maar niet getreurd, want we schakelen over op het CMS van een andere UGent-student, namelijk Drupal van <a href="https://buytaert.net/">Dries Buytaert</a>.
+Helaas nemen we afscheid van ons vorig CMS - Webgroups2 - van Lieven Dekeyser, dat jammer genoeg niet meer verder ontwikkeld werd. Maar niet getreurd, want we schakelen over op het CMS van een andere UGent-student, namelijk Drupal van [Dries Buytaert](https://buytaert.net/).

 We zijn nog druk in de weer om alle content over te zetten naar de nieuwe site. Maar we hopen dat jullie er alvast van genieten!

-Het bestuur.
+Het bestuur.
--- a/content/blog/07-08/downtime-excuses.md
+++ b/content/blog/07-08/downtime-excuses.md
@ -1,10 +1,7 @@
 ---
 title: Downtime excuses...
-banner: /logo.png
 created_at: 21-09-2007
-time: 23-02-2016
-location: Zeus kelder
 ---

 Hierbij onze excuses voor de downtime van 20 september. We hebben de kelder wat opgeruimd, met als gevolg dat sommige servers eventjes plat moesten. Zo gingen de gateways, ssh- & irc-server en de webserver onderuit (kenny hebben we kunnen sparen :p). Alle servers buiten de webserver waren tegen de avond weer up and running. Mephisto had echter enkele hardware-probleempjes, waardoor de webserver plat lag tot de volgende morgen.
-Nu alles deftig gerangschikt staat, hopen we dat dit in de toekomst niet meer zal gebeuren.
+Nu alles deftig gerangschikt staat, hopen we dat dit in de toekomst niet meer zal gebeuren.
--- a/content/blog/07-08/kroegentocht.md
+++ b/content/blog/07-08/kroegentocht.md
@ -1,17 +0,0 @@
---
-title: Kroegentocht!
-banner: /logo.png
-created_at: 07-11-2007
-time: 23-02-2016
-location: Zeus kelder
---
-
-Zeus gaat op kroegentocht! Een sublieme eerste activiteit om de Zeus wat 
-beter te leren kennen. Voor de culturele waarden starten we in de 
-Korenmarkt en zullen we onder andere enkele café's met veel 
-verschillende soorten bieren bezoeken. De Overpoort laten we links 
-liggen, kwestie van eens wat anders te doen. Het zal zeker een gezellige 
-avond worden. Deze activiteit is volledig open voor leden en niet-leden 
-gelijk.
-
-Afspraak op woensdag 7/11/07 om 21u00 aan de McDonald's op de Korenmarkt.
--- a/content/blog/07-08/ledenvergadering-31-oktober-2007.md
+++ b/content/blog/07-08/ledenvergadering-31-oktober-2007.md
@ -1,15 +0,0 @@
---
-title: Ledenvergadering 31 Oktober 2007
-banner: /logo.png
-created_at: 17-10-2007
-time: 23-02-2016
-location: Zeus kelder
---
-
-De eerste weken van het academiejaar zitten er weer op, dus het wordt tijd om onze activiteiten weer op gang te trappen! Wat staat er zoal op de planning: een webdev-lessenreeks, een latex-les, een ubuntu-les, kroegentocht, brouwerijbezoek.
-Maar eerst en vooral: onze eerste ledenvergadering! Wat is de bedoeling van deze ledenvergadering? Het nieuwe bestuur voorstellen, de activiteiten verder plannen, maar vooral elkaar beter leren kennen. Bij deze is iedereen dus uitgenodigd: van doorwinterde zeusleden tot nieuwsgierige eerstejaars; van filosofie tot informatica; iedereen is welkom!
-
-De vergadering gaat door in <strong>Studenthuis de Therminal</strong> op <strong> 31 oktober 2007</strong> om <strong>19 uur</strong>. De zaal zal later aangekondigd worden - maar we verzamelen meestal in de inkomhal. De vergadering wordt - voor de mensen die zin hebben - naar goede gewoonte gevolgd door een frisse pint.
-
-Veel groeten, en hopelijk tot op de ledenvergadering!
-Het bestuur
--- a/content/blog/07-08/slides-grid-computing-snelle-algoritmes.md
+++ b/content/blog/07-08/slides-grid-computing-snelle-algoritmes.md
@ -1,9 +1,6 @@
 ---
 title: Slides Grid Computing & Snelle Algoritmes
-banner: /logo.png
 created_at: 26-02-2008
-time: 23-02-2016
-location: Zeus kelder
 ---

-De slides van de lezing over Grid Computing & Snelle Algoritmes van vorige week van Professor Olyslager kan je <a href="https://zeus.UGent.be/wp-content/uploads/2008/02/EMGRID2.pdf">hier downloaden</a>.
+De slides van de lezing over Grid Computing & Snelle Algoritmes van vorige week van Professor Olyslager kan je [hier downloaden](https://zeus.UGent.be/wp-content/uploads/2008/02/EMGRID2.pdf).
--- a/content/blog/07-08/software-security-slides.md
+++ b/content/blog/07-08/software-security-slides.md
@ -1,14 +1,12 @@
 ---
 title: Software Security Slides
-banner: /logo.png
 created_at: 17-03-2008
-time: 23-02-2016
-location: Zeus kelder
 ---

 The slides for the Software Security talk by Yves Younan on Wednesday are now online:

-<a href="https://zeus.UGent.be/wp-content/uploads/2009/08/zeus-security.pdf">Slides (pdf, fullsize)</a>
-<a href="https://zeus.UGent.be/wp-content/uploads/2009/08/zeus-security-6.pdf">Slides (pdf, 6 per page)</a>
+[Slides (pdf, fullsize)](https://zeus.UGent.be/wp-content/uploads/2009/08/zeus-security.pdf)
+
+[Slides (pdf, 6 per page)](https://zeus.UGent.be/wp-content/uploads/2009/08/zeus-security-6.pdf)

 See you Wednesday!
--- a/content/blog/07-08/spellekens-avond.md
+++ b/content/blog/07-08/spellekens-avond.md
@ -1,11 +1,8 @@
 ---
 title: Spellekens Avond
-banner: /logo.png
 created_at: 10-03-2008
-time: 23-02-2016
-location: Zeus kelder
 ---

 Zeus haalt zijn twintig-zijdige dobbelsteen uit en gaat Gary Gygax eren. Spijtig genoeg kan niemand van ons RPG-en dus zullen we het moeten doen met andere spellekens. Die twintig-zijdige dobbelsteen is bij ons enkel voor de show.

-Speel je wel graag eens een boardgame à la Colonisten van Catan? Kom zeker af! We starten vanaf 18u00 in de <a href="https://snipurl.com/21c9w">Outpost</a> en eindigen wanneer de laatste van onze party een HP van -10 heeft.
+Speel je wel graag eens een boardgame à la Colonisten van Catan? Kom zeker af! We starten vanaf 18u00 in de [Outpost](https://snipurl.com/21c9w) en eindigen wanneer de laatste van onze party een HP van -10 heeft.
--- a/content/blog/07-08/ssh-routing.md
+++ b/content/blog/07-08/ssh-routing.md
@ -1,9 +1,6 @@
 ---
 title: SSH-routing
-banner: /logo.png
 created_at: 03-01-2008
-time: 23-02-2016
-location: Zeus kelder
 ---

 Om een of andere reden weigert onze login-server (garisson) om verbinding te maken via ssh. Voor zover we tot nu toe kondig achterhalen, is dit te wijten aan een teveel aan openstaande connecties.
@ -11,4 +8,4 @@ Als noodoplossing wordt alle ssh-verkeer weer naar kenny geroute in plaats van n

 Sorry voor eventuele ongemakken die dit veroorzaakt.

-EDIT: dit is ondertussen verholpen en alles is terug zoals het was.
+EDIT: dit is ondertussen verholpen en alles is terug zoals het was.
--- a/content/blog/07-08/zeus-goes-fosdem-2008.md
+++ b/content/blog/07-08/zeus-goes-fosdem-2008.md
@ -1,20 +0,0 @@
---
-title: Zeus Goes FOSDEM 2008
-banner: /logo.png
-created_at: 21-02-2008
-time: 23-02-2016
-location: Zeus kelder
---
-
-Overmorgen is het al zover: FOSDEM 2008 gaat van start.
-
-Hier nog even de praktische zaken opsommen:
-<ul>
-<li>We verzamelen in de hal van het Gent-Sint-Pieters station zaterdag 23 februari om 8u45. Je herkent ons aan de groep nerds die wat staat rond te discussiëren.</li>
-
-<li>Met de Zeus Go-Pass betaal je slechts €2.70 per rit. Als je dus meereist heen en terug, dan komt dit op een €5.40 voor je treinticket. Enkele rit is ook geen probleem.</li>
-
-<li>We nemen de trein om 8u57 richting Genk. Hierdoor zijn we om 9u33 in Brussel Centraal, waarna we bus 71 nemen richting Delta. Na ongeveer 20 minuutjes zijn we op FOSDEM.</li>
-
-<li>Wil je mee, laat dan iets weten op bestuur@zeus.ugent.be zodat we weten wanneer we voltallig zijn.</li>
-</ul>
--- a/content/blog/08-09/downtime-22-11-tot-24-11.md
+++ b/content/blog/08-09/downtime-22-11-tot-24-11.md
@ -1,9 +1,6 @@
 ---
 title: Downtime 22-11 tot 24-11
-banner: /logo.png
 created_at: 24-11-2008
-time: 23-02-2016
-location: Zeus kelder
 ---

-Onze excuses voor de downtime van 22 tot 24 november. Door wateroverlast in de S9 zagen we ons genoodzaakt om uit voorzorg onze servers uit te schakelen. De Zeus Kelder is echter gespaard gebleven van enige waterellende en de servers zijn terug up. Moest er nog iets zijn dat niet werkt, gelieve te mailen naar admin@zeus.ugent.be
+Onze excuses voor de downtime van 22 tot 24 november. Door wateroverlast in de S9 zagen we ons genoodzaakt om uit voorzorg onze servers uit te schakelen. De Zeus Kelder is echter gespaard gebleven van enige waterellende en de servers zijn terug up. Moest er nog iets zijn dat niet werkt, gelieve te mailen naar <admin@zeus.ugent.be>.
--- a/content/blog/08-09/schatten-uit-het-zeus-museum.md
+++ b/content/blog/08-09/schatten-uit-het-zeus-museum.md
@ -1,7 +1,4 @@
 ---
 title: Schatten uit het Zeus-museum
-banner: /logo.png
 created_at: 24-08-2009
-time: 23-02-2016
-location: Zeus kelder
 ---
--- a/content/blog/08-09/server-upgrade.md
+++ b/content/blog/08-09/server-upgrade.md
@ -1,9 +1,6 @@
 ---
 title: Server upgrade
-banner: /logo.png
 created_at: 28-10-2008
-time: 23-02-2016
-location: Zeus kelder
 ---

 De server waarop LDAP, NFS, MySQL en mail draaien, wordt geupgrade naar Ubuntu 8.04.1 Hierbij kunnen eventueel enkele storingen optreden, maar er wordt niets abnormaals verwacht. Alvast onze excuses moest er toch iets fout lopen.
--- a/content/blog/08-09/the-importance-of-subnets.md
+++ b/content/blog/08-09/the-importance-of-subnets.md
@ -6,25 +6,29 @@ time: 23-02-2016
 location: Zeus kelder
 ---

-<em>(Bericht overgenomen van <a href="https://zeus.ugent.be/~blackskad/blog/">Blackskad's blog</a>)</em>
+_(Bericht overgenomen van [Blackskad's blog](https://zeus.ugent.be/~blackskad/blog/))_

 When I became an active member of zeus, we inherited a little network. It contained some desktops and several servers. They all had an ip in the subnet 10.1.1.0/24, and were connected to the internet using a single IP. (well, not completely true, there was a spare gateway. But that didn’t make any difference.)

-We had a problem though: we couldn’t reach our webserver from internal clients using the normal url. When we wanted to surf to <a href="https://zeus.ugent.be">zeus.ugent.be</a>, it just hang on “connecting to server”.
+We had a problem though: we couldn’t reach our webserver from internal clients using the normal url. When we wanted to surf to <https://zeus.ugent.be>, it just hang on “connecting to server”.

 Well, tcpdump and wireshark to the rescue! Using those tools, we noticed this problem:

-<code> client= 10.1.1.10
+~~~
+client= 10.1.1.10
 webserver= 10.1.1.248
-external ip= 157.193.55.238</code>
+external ip= 157.193.55.238
+~~~

-<code>10.1.1.10    -&gt;  ACK -&gt;    157.193.55.238
-10.1.1.10    -&gt;  ACK -&gt;    10.1.1.248
-10.1.1.10 &lt;- SYN/ACK &lt;- 10.1.1.248
-10.1.1.10    -&gt; RST  -&gt;    10.1.1.248</code>
+~~~
+10.1.1.10 -> ACK     -> 157.193.55.238
+10.1.1.10 -> ACK     -> 10.1.1.248
+10.1.1.10 <- SYN/ACK <- 10.1.1.248
+10.1.1.10 -> RST     -> 10.1.1.248
+~~~

 So what happened? The gateway at 157.193.55.238 notices that the traffic has to be send to the webserver. So it forwards the packets, but doesn’t apply address translations. Then the webserver answers to the client directly, instead of going throught the gateway. As the client doesn’t expect any answer from 10.1.1.248 but from 157.193.55.238, it sends a reset to the webserver.

-After being unable to come up with a solution using iptables, we decided to use a more radical tactic: change a part of the network layout. The whole network is still located in the 10.1.1.0/24 subnet, but we’ve split it up in two: the clients in 10.1.1.0/25 and servers in 10.1.1.128/25 Using this setup, the gateway applies it’s address translation correctly, and we are able to surf to the website internally without problems! <img class="wp-smiley" src="https://zeus.ugent.be/~blackskad/blog/wp-includes/images/smilies/icon_smile.gif" alt=":)" />
+After being unable to come up with a solution using iptables, we decided to use a more radical tactic: change a part of the network layout. The whole network is still located in the 10.1.1.0/24 subnet, but we’ve split it up in two: the clients in 10.1.1.0/25 and servers in 10.1.1.128/25 Using this setup, the gateway applies it’s address translation correctly, and we are able to surf to the website internally without problems! ![:)](https://zeus.ugent.be/~blackskad/blog/wp-includes/images/smilies/icon_smile.gif)

-While fixing this, we’ve set up a “new” gateway. During the years, both the iptables, the dns-rules and the dhcp-config gathered a lot of cruft - so we got rid of that too. Yay for clean configs <img class="wp-smiley" src="https://zeus.ugent.be/~blackskad/blog/wp-includes/images/smilies/icon_smile.gif" alt=":)" />
+While fixing this, we’ve set up a “new” gateway. During the years, both the iptables, the dns-rules and the dhcp-config gathered a lot of cruft - so we got rid of that too. Yay for clean configs ![:)](https://zeus.ugent.be/~blackskad/blog/wp-includes/images/smilies/icon_smile.gif)
--- a/content/blog/08-09/verkiezingsvergadering.md
+++ b/content/blog/08-09/verkiezingsvergadering.md
@ -1,9 +1,6 @@
 ---
 title: Verkiezingsvergadering
-banner: /logo.png
 created_at: 02-05-2009
-time: 23-02-2016
-location: Zeus kelder
 ---

-Zeus vergadert! Alle leden zijn uitgenodigd.
+Zeus vergadert! Alle leden zijn uitgenodigd.
--- a/content/blog/08-09/zeus-gaat-naar-arrrrcamp.md
+++ b/content/blog/08-09/zeus-gaat-naar-arrrrcamp.md
@ -1,14 +1,10 @@
 ---
 title: Zeus gaat naar Arrrrcamp!
-banner: /logo.png
 created_at: 02-05-2009
-time: 23-02-2016
-location: Zeus kelder
 ---

-Op vrijdag 8 mei vindt Arrrrcamp plaats, een barcamp over <a href="https://www.ruby-lang.org/en/">Ruby</a>, <a href="https://rubyonrails.org/">Rails</a>, <a href="https://radiantcms.org/">Radiant</a> (en <a href="https://en.wikipedia.org/wiki/Rum">Rum</a>).
-Met verschillende Zeus-leden zullen we aanwezig zijn. Wil je mee? Laat dan hier een reactie achter of stuur een mailtje naar <a href="mailto:bestuur@zeus.ugent.be">bestuur@zeus.ugent.be</a>.
+Op vrijdag 8 mei vindt Arrrrcamp plaats, een barcamp over [Ruby](https://www.ruby-lang.org/en/), [Rails](https://rubyonrails.org/), [Radiant](https://radiantcms.org/) (en [Rum](https://en.wikipedia.org/wiki/Rum)). Met verschillende Zeus-leden zullen we aanwezig zijn. Wil je mee? Laat dan hier een reactie achter of stuur een mailtje naar <bestuur@zeus.ugent.be>.

-Meer info: <a href="https://arrrrcamp.be">https://arrrrcamp.be/</a>
+Meer info: <https://arrrrcamp.be/>

-Avast me mateys!
+Avast me mateys!
--- a/content/blog/09-10/agenda-oktober.md
+++ b/content/blog/09-10/agenda-oktober.md
@ -1,28 +1,12 @@
 ---
 title: Agenda oktober
-banner: /logo.png
 created_at: 02-10-2009
-time: 23-02-2016
-location: Zeus kelder
 ---

 Nu dat de eerste ledenvergadering voorbij is en het nieuwe Zeus-bestuur officieel bekrachtigd is, kunnen we de eerste reeks activiteiten van het komende semester aankondigen.

-<ul>
-	<li>Op woensdag 7 oktober om 20u zal <a href="https://workswithruby.com/">Jan De Poorter</a> van <a href="https://www.openminds.be/">Openminds</a> een <strong>introductie tot Ruby (on Rails)</strong> geven.
-
-Ruby is een jonge taal die recent veel aan populariteit heeft gewonnen dankzij het webapplicatie-framework Rails, een setup waar veel <em>web 2.0</em>-bedrijven mee werken. Jan gaf deze presentatie ook vorig jaar op Arrrrcamp en is een ideale introductie tot deze software.</li>
-
-	<li>
-
-Zoals reeds <a href="https://zeus.ugent.be/2009/09/23/binnenkort-in-gent/">vermeld</a> zal je een Zeus-delegatie terugvinden op de verschillende usergroup-meetings die deze maand plaatsvinden. Op dinsdag 13 oktober komt <a href="https://phpbenelux.eu/en/node/1210"><strong>phpBenelux</strong></a> samen, op vrijdag 16 oktober vindt <a href="https://arrrrcamp.be/"><strong>ArrrrCamp</strong></a> plaats.
-
-</li>
-
-	<li>
-
-Op donderdag 22 oktober brengt <a href="https://ondernemeringent.be/">Bart De Waele</a> van <a href="https://www.netlash.com/">Netlash</a> de <strong>beste tips voor beginnende ondernemers/startups</strong>.</li>
-
-</ul>
+- Op woensdag 7 oktober om 20u zal [Jan De Poorter](https://workswithruby.com/) van [Openminds](https://www.openminds.be/) een **introductie tot Ruby (on Rails)** geven. Ruby is een jonge taal die recent veel aan populariteit heeft gewonnen dankzij het webapplicatie-framework Rails, een setup waar veel _web 2.0_-bedrijven mee werken. Jan gaf deze presentatie ook vorig jaar op Arrrrcamp en is een ideale introductie tot deze software.
+- Zoals reeds [vermeld](https://zeus.ugent.be/2009/09/23/binnenkort-in-gent/) zal je een Zeus-delegatie terugvinden op de verschillende usergroup-meetings die deze maand plaatsvinden. Op dinsdag 13 oktober komt [**phpBenelux**](https://phpbenelux.eu/en/node/1210) samen, op vrijdag 16 oktober vindt [**ArrrrCamp**](https://arrrrcamp.be/) plaats.
+- Op donderdag 22 oktober brengt [Bart De Waele](https://ondernemeringent.be/) van [Netlash](https://www.netlash.com/) de **beste tips voor beginnende ondernemers/startups**.

 Tot dan!
--- a/content/blog/09-10/binnenkort-in-gent.md
+++ b/content/blog/09-10/binnenkort-in-gent.md
@ -1,16 +1,11 @@
 ---
 title: Binnenkort in Gent
-banner: /logo.png
 created_at: 23-09-2009
-time: 23-02-2016
-location: Zeus kelder
 ---

 Het zijn drukke tijden in PHP en Ruby/Rails-land. Volgende maand vinden volgende meetings/barcamps plaats:

-<ul>
-<li>13 oktober: phpBenelux October Meeting Gent @ Netlog offices (<a href="https://phpbenelux.eu/en/node/1210">phpbenelux.eu</a>)</li>
-<li>16 oktober: ArrrrCamp: Ruby, Rails, Radiant and Rum (<a href="https://arrrrcamp.be/">arrrrcamp.be/</a>)</li>
-</ul>
+- 13 oktober: phpBenelux October Meeting Gent @ Netlog offices ([phpbenelux.eu](https://phpbenelux.eu/en/node/1210))
+- 16 oktober: ArrrrCamp: Ruby, Rails, Radiant and Rum ([arrrrcamp.be/](https://arrrrcamp.be/))

 Op beide zullen er zeker en vast Zeus-leden aanwezig zijn. Tot dan!
--- a/content/blog/09-10/de-zeus-bibliotheek.md
+++ b/content/blog/09-10/de-zeus-bibliotheek.md
@ -1,19 +1,16 @@
 ---
 title: De Zeus Bibliotheek
-banner: https://zeus.ugent.be/wp-content/uploads/2010/05/2588186224_16e1ba8f57_m.jpg
 created_at: 18-05-2010
-time: 23-02-2016
-location: Zeus kelder
 ---

-<img class="alignright size-full wp-image-509" src="https://zeus.ugent.be/wp-content/uploads/2010/05/2588186224_16e1ba8f57_m.jpg" alt="Bibiliotheek" width="240" height="180" />
+![Bibiliotheek](https://zeus.ugent.be/wp-content/uploads/2010/05/2588186224_16e1ba8f57_m.jpg){:class="alignright"}

 Wie regelmatig in onze kelder komt weet dat wij een oude kast hebben met een aantal boeken in. Toen we met het bestuur een aantal weken geleden besloten deze kast eens op te ruimen en te indexeren, kwamen we tot de vaststelling dat veel van deze boeken nog relevant en interessant zijn.

-Daarom hebben we beslist om een soort Zeus-bibiliotheek op te richten, waarbij leden boeken kunnen uitlenen en lenen. Als je thuis een aantal (informatica-relevante) interessante boeken hebt liggen, zou het leuk zijn mocht je een mailtje sturen naar <a href="mailto:bib@zeus.ugent.be">bib@zeus.ugent.be</a>.
+Daarom hebben we beslist om een soort Zeus-bibiliotheek op te richten, waarbij leden boeken kunnen uitlenen en lenen. Als je thuis een aantal (informatica-relevante) interessante boeken hebt liggen, zou het leuk zijn mocht je een mailtje sturen naar <bib@zeus.ugent.be>.

 Om deze collectie al wat aan te vullen, kochten we alvast drie boeken met ons budget:

-<img class="aligncenter size-full wp-image-523" src="https://zeus.ugent.be/wp-content/uploads/2010/05/books.gif" alt="" width="415" height="160" />
+![Boeken](https://zeus.ugent.be/wp-content/uploads/2010/05/books.gif)

-Hier is <a href="https://zeus.ugent.be/kelder/bibliotheek/">een lijst met boeken</a> die momenteel uitleenbaar zijn. We hebben voorlopig geen uitleentermijn ingesteld, omdat we erop vertrouwen dat hier geen misbruik van gemaakt zal worden. Veel leesplezier!
+Hier is [een lijst met boeken](https://zeus.ugent.be/kelder/bibliotheek/) die momenteel uitleenbaar zijn. We hebben voorlopig geen uitleentermijn ingesteld, omdat we erop vertrouwen dat hier geen misbruik van gemaakt zal worden. Veel leesplezier!
--- a/content/blog/09-10/devteam-meeting-wina.md
+++ b/content/blog/09-10/devteam-meeting-wina.md
@ -1,13 +1,10 @@
 ---
 title: Devteam-meeting WiNA
-banner: https://zeus.ugent.be/wp-content/uploads/2009/10/wina_schild_klein1.gif
 created_at: 24-10-2009
-time: 23-02-2016
-location: Zeus kelder
 ---

-<a href="https://zeus.ugent.be/wp-content/uploads/2009/10/wina_schild_klein1.gif"><img src="https://zeus.ugent.be/wp-content/uploads/2009/10/wina_schild_klein1.gif" alt="wina_schild_klein" title="wina_schild_klein" width="100" height="131" class="alignright size-full wp-image-328" /></a>
+![wina_schild_klein](https://zeus.ugent.be/wp-content/uploads/2009/10/wina_schild_klein1.gif "wina_schild_klein"){:class="alignright"}

-Voor velen is de <a href="https://wina.ugent.be">WiNA-site</a> geen onbekende, en dit kluwen PHP-code is de ideale manier om je webdevelopment-kennis wat bij te schaven. Zoals je <a href="https://zeus.ugent.be/2009/09/23/summer-of-code/">eerder</a> al kon lezen zijn we deze zomer overgeschakeld op het <a href="https://www.yiiframework.com/">Yii-framework</a> waardoor de code-organisatie toch sterk veranderd is.
+Voor velen is de [WiNA-site](https://wina.ugent.be) geen onbekende, en dit kluwen PHP-code is de ideale manier om je webdevelopment-kennis wat bij te schaven. Zoals je [eerder](https://zeus.ugent.be/2009/09/23/summer-of-code/) al kon lezen zijn we deze zomer overgeschakeld op het [Yii-framework](https://www.yiiframework.com/) waardoor de code-organisatie toch sterk veranderd is.

-Interesse om wat bij te leren en aan de WiNA-site mee te werken? Kom dan nu donderdag naar de <a href="https://wina.ugent.be/activiteiten/?id=349">devteam-meeting</a> in lokaal V2 (S9).
+Interesse om wat bij te leren en aan de WiNA-site mee te werken? Kom dan nu donderdag naar de [devteam-meeting](https://wina.ugent.be/activiteiten/?id=349) in lokaal V2 (S9).
--- a/content/blog/09-10/django-on-rails.md
+++ b/content/blog/09-10/django-on-rails.md
@ -1,19 +1,16 @@
 ---
 title: Django On Rails?
-banner: /logo.png
 created_at: 19-11-2009
-time: 23-02-2016
-location: Zeus kelder
 ---

-Na onze <a href="https://zeus.ugent.be/2009/10/02/agenda-oktober/">eerste Rails-les</a> in het begin van het jaar gaat volgende week woensdag 25 november een tweede les Ruby/Rails door.
+Na onze [eerste Rails-les](https://zeus.ugent.be/2009/10/02/agenda-oktober/) in het begin van het jaar gaat volgende week woensdag 25 november een tweede les Ruby/Rails door.

-<a href="https://www.wonko.be/">Bernard Grymonpon</a> of <a href="https://workswithruby.com/">Jan De Poorter</a> van <a href="https://www.openminds.be/">Openminds</a> zal enkele geavanceerdere (en coolere) concepten die bij Ruby On Rails gebruikt worden komen toelichten zoals Gems, Helpers, Scopes en Validations.
+[Bernard Grymonpon](https://www.wonko.be/) of [Jan De Poorter](https://workswithruby.com/) van [Openminds](https://www.openminds.be/) zal enkele geavanceerdere (en coolere) concepten die bij Ruby On Rails gebruikt worden komen toelichten zoals Gems, Helpers, Scopes en Validations.

-De les begint om 20u in <a href="https://zeus.ugent.be/over-zeus-wpi/waar-vind-je-ons/">lokaal V2</a>.
+De les begint om 20u in [lokaal V2](https://zeus.ugent.be/over-zeus-wpi/waar-vind-je-ons/).

-Op donderdag 26 november organiseren onze vrienden van de <a href="https://vtk.ugent.be/">WVS</a> een Django-les. Django is een webapplicatie-framework geschreven in Python dat ook voor de ontwikkeling van de VTK-website wordt gebruikt.
+Op donderdag 26 november organiseren onze vrienden van de [WVS](https://vtk.ugent.be/) een Django-les. Django is een webapplicatie-framework geschreven in Python dat ook voor de ontwikkeling van de VTK-website wordt gebruikt.

-Om 19u30 in PC-klas A in de Plateau zullen ze een introductie Python geven en vervolgens in de VTK-code duiken. Inschrijven kan op <a href="https://vtk.ugent.be/djangoles/">vtk.ugent.be/djangoles</a>.
+Om 19u30 in PC-klas A in de Plateau zullen ze een introductie Python geven en vervolgens in de VTK-code duiken. Inschrijven kan op [vtk.ugent.be/djangoles](https://vtk.ugent.be/djangoles/).

 Het mag duidelijk zijn, webapplicaties zijn hot ;)
--- a/content/blog/09-10/fosdem-2010.md
+++ b/content/blog/09-10/fosdem-2010.md
@ -1,19 +1,16 @@
 ---
 title: Fosdem 2010
-banner: https://www.fosdem.org/promo/fosdem/static
 created_at: 07-12-2009
-time: 23-02-2016
-location: Zeus kelder
 ---

-<a href="https://www.fosdem.org"><img src="https://www.fosdem.org/promo/fosdem/static" alt="FOSDEM, the Free and Open Source Software Developers' European Meeting" /></a>
+[![FOSDEM, the Free and Open Source Software Developers' European Meeting](https://www.fosdem.org/promo/fosdem/static)](https://www.fosdem.org)

-Op 6 en 7 februari gaat <a href="https://fosdem.org">Fosdem 2010</a> door in Brussel. Fosdem, wat staat voor Free and Open Source Developers European Meeting, is de grootste Open Source-conferentie in Europa en een evenement dat geeks vanuit de hele wereld aantrekt.
+Op 6 en 7 februari gaat [Fosdem 2010](https://fosdem.org) door in Brussel. Fosdem, wat staat voor Free and Open Source Developers European Meeting, is de grootste Open Source-conferentie in Europa en een evenement dat geeks vanuit de hele wereld aantrekt.

 Het hele weekend worden kleine presentaties en talks gegeven door mensen die meewerken aan de software zelf, gaande van introducties tot detailsessies over de nieuwste features. Een heel interessante ervaring dus voor iedereen die enigszins interesse heeft in Open Source-software.

 Op zaterdag 6 februari (het laatste weekend van het intersemestrieel verlof na de examens) zal Zeus vanuit Gent in groep naar Fosdem gaan. We vertrekken 's ochtends in Gent Sint Pieters met de trein (wij zorgen voor treintickets aan een gereduceerd tarief).

-Interesse? Schrijf je in op onze <em>twikilist</em> op <a href="https://twikilist.com/Zeus@FOSDEM2010">twikilist.com/Zeus@FOSDEM2010</a>. Fosdem zelf kost, net als Open Source-software, niets.
+Interesse? Schrijf je in op onze _twikilist_ op [twikilist.com/Zeus@FOSDEM2010](https://twikilist.com/Zeus@FOSDEM2010). Fosdem zelf kost, net als Open Source-software, niets.

-<strong>Update:</strong> We vertrekken naar FOSDEM met de trein vanuit Gent Sint Pieters om 8u24, en spreken dus af rond 8u10 in de inkomhal van Sint Pieters.
+**Update:** We vertrekken naar FOSDEM met de trein vanuit Gent Sint Pieters om 8u24, en spreken dus af rond 8u10 in de inkomhal van Sint Pieters.
--- a/content/blog/09-10/ghent-fpg.md
+++ b/content/blog/09-10/ghent-fpg.md
@ -1,17 +1,14 @@
 ---
 title: Ghent FPG
-banner: https://zeus.ugent.be/wp-content/uploads/2010/03/ghentfpg-300x300.png
 created_at: 13-03-2010
-time: 23-02-2016
-location: Zeus kelder
 ---

-<a href="https://zeus.ugent.be/wp-content/uploads/2010/03/ghentfpg.png"><img src="https://zeus.ugent.be/wp-content/uploads/2010/03/ghentfpg-300x300.png" alt="" width="200" height="200" class="alignleft size-medium wp-image-467" /></a>
+![Ghent FPG Logo](https://zeus.ugent.be/wp-content/uploads/2010/03/ghentfpg-300x300.png){:class="alignleft"}

-Momenteel focust een informatica-opleiding aan Universiteit Gent qua programmeertalen vooral op Java - een <a href="https://en.wikipedia.org/wiki/Imperative_programming">imperatieve</a>, <a href="https://en.wikipedia.org/wiki/Object-oriented_programming">objectgeoriënteerde</a> programmeertaal. Het is echter vaak handig om ook ervaring en kennis te hebben over andere programmeerparadigma's.
+Momenteel focust een informatica-opleiding aan Universiteit Gent qua programmeertalen vooral op Java - een [imperatieve](https://en.wikipedia.org/wiki/Imperative_programming), [objectgeoriënteerde](https://en.wikipedia.org/wiki/Object-oriented_programming) programmeertaal. Het is echter vaak handig om ook ervaring en kennis te hebben over andere programmeerparadigma's.

-<a href="https://www.haskell.org/haskellwiki/Ghent_Functional_Programming_Group">Ghent FPG</a> is een nieuwe groep aan de UGent die zich specifiek toespitst op <a href="https://en.wikipedia.org/wiki/Functional_programming">functionele</a> programmeertalen. De groep zal informeel georganiseerd worden, met de bedoeling maandelijks samen te komen om te luisteren naar voordrachten van andere leden of uitgenodigde sprekers, om ideeën uit te wisselen en eventueel te werken aan gezamenlijke projecten.
+[Ghent FPG](https://www.haskell.org/haskellwiki/Ghent_Functional_Programming_Group) is een nieuwe groep aan de UGent die zich specifiek toespitst op [functionele](https://en.wikipedia.org/wiki/Functional_programming) programmeertalen. De groep zal informeel georganiseerd worden, met de bedoeling maandelijks samen te komen om te luisteren naar voordrachten van andere leden of uitgenodigde sprekers, om ideeën uit te wisselen en eventueel te werken aan gezamenlijke projecten.

 De eerste bijeenkomst van Ghent FPG zal doorgaan op 1 april, om 19u in Vergaderzaal Shannon van het Technicum (Sint-Pietersnieuwstraat 41, 9000 Gent). Je neemt best de linkervooringang van het Technicum.

-Alle Zeus-leden zijn uiteraard meer dan welkom. Als je geïntresseerd bent, gelieve je dan in te schrijven <a href="https://spreadsheets.google.com/viewform?formkey=dEtsR2ZIdVhqeVdRNkx6bmxCdF9Lanc6MA">in deze spreadsheet</a>, zodat de organisatoren een idee hebben van het aantal aanwezigen.
+Alle Zeus-leden zijn uiteraard meer dan welkom. Als je geïntresseerd bent, gelieve je dan in te schrijven [in deze spreadsheet](https://spreadsheets.google.com/viewform?formkey=dEtsR2ZIdVhqeVdRNkx6bmxCdF9Lanc6MA), zodat de organisatoren een idee hebben van het aantal aanwezigen.
--- a/Show more
+++ b/Show more