start eventposts

Rules

@@ -5,9 +5,10 @@
 #  layout '/default.*'
 # end
 
-compile '/index.erb' do
+compile '/**/*.erb' do
   filter :erb
   layout '/index.erb'
+  write "#{@item.identifier.without_ext}.html"
 end
 
 compile '/**/*.coffee' do
@@ -26,10 +27,6 @@ compile '/**/*.md' do
   layout '/default.*'
 end
 
-route '/index.erb' do
-  '/index.html'
-end
-
 route '/**/*.{html,md}' do
   "#{item.identifier.without_ext}/index.html"
 end

content/eventpost.erb

@@ -0,0 +1,34 @@
+<img class="pure-img" id="event-banner" src="https://zeus.ugent.be/wp-content/uploads/2016/02/battlebots_small.jpg" alt="" />
+
+<div id="event-content">
+  <div id="sticky-anchor"></div>
+  <div id="sticky">
+    <h1 id="event-title">Geeks, Attack! LXII</h1>
+    <nav id="navbar">
+      <span class="navlink">About</span>
+      <span class="navlink">All posts</span>
+      <span class="navlink">Contact</span>
+      <span class="navlink">Cammie</span>
+    </nav>
+  </div>
+  <div class="pure-g">
+    <div id="event-description" class="pure-u-3-4">
+      Op 26 april om 18:00 in Auditorium A2, Campus Sterre, Gebouw S9 organiseren we een workshop over Xtext. Xtext is een framework om nieuwe domein-specifieke computertalen (DSLs) mee te ontwerpen. Een DSL kan een nieuwe programmeertaal zijn, maar is meestal erg specifiek: bijvoorbeeld voor het besturen van robots, voor controle van wasmachines of voor sturing van de on-board computer in auto’s. Mensen die deze machines maken zijn vaak geen programmeurs, en zij kunnen veel vlotter werken met een DSL dan met een algemene programmeertaal.
+
+      Met Xtext maak je je eigen taal, de compiler en de ontwikkelomgeving in één keer.
+
+      In deze workshop geven wij in samenwerking met Sigasi eerst een overzicht over waarom je een DSL wil gebruiken en hoe Xtext werkt. Vervolgens demonstreren we Xtext met een eenvoudig voorbeeld.
+
+      Daarna kan je zelf een Eclipse plugin ontwikkelen met behulp van Xtext voor je eigen DSL. Wij zijn er om jullie te helpen.
+
+      Over Sigasi:
+      Sigasi is een Gentse Startup die Xtext gebruikt voor de ontwikkeling van Eclipse plugins voor VHDL en Verilog. Dit zijn talen die gebruikt worden voor het ontwerpen en testen van chips.
+    </div>
+    <div id="event-info" class="pure-u-1-4">
+      <i class="fa fa-clock-o"></i>26 april om 18:00<br />
+      <i class="fa fa-globe"></i>Auditorium A2, Campus Sterre, Gebouw S9
+    </div>
+  </div>
+</div>
+
+<script src="/index.js"></script>

content/index.coffee

@@ -1,2 +1,14 @@
-$.getJSON 'https://zeus.ugent.be/game/top4/show.json', (data) ->
+sticky_relocate = ->
-  $('#top-coder-name').text(data[0].github_name)
+  window_top = $(window).scrollTop()
+  div_top = $('#sticky-anchor').offset().top
+
+  if window_top > div_top
+    $('#sticky').addClass('stick')
+    $('#sticky-anchor').height($('#sticky').outerHeight())
+  else
+    $('#sticky').removeClass('stick')
+    $('#sticky-anchor').height(0)
+
+$ ->
+  $(window).scroll(sticky_relocate)
+  sticky_relocate()

content/stylesheet.scss

@@ -2,6 +2,13 @@ $zeus_orange: #FF7F00;
 $event-padding: 10px;
 $navbar-border-color: #CCC;
 
+@import url(https://fonts.googleapis.com/css?family=Arimo);
+
+html, button, input, select, textarea,
+.pure-g [class *= "pure-u"] {
+  font-family: 'Arimo', sans-serif;
+}
+
 #container {
   height: 700px;
   margin-top: 35px;
@@ -101,3 +108,29 @@ $navbar-border-color: #CCC;
 .event:hover:after {
   opacity: 1;
 }
+
+
+#event-banner {
+  position: fixed;
+}
+
+#event-content {
+  position: absolute;
+  top: 500px;
+  background-color: white;
+  height: 100vh;
+}
+
+#event-title {
+  text-align: center;
+  font-size: 60px;
+  line-height: 60px;
+}
+
+#sticky.stick {
+  position: fixed;
+  top: 0;
+  z-index: 10000;
+  width: 100%;
+  background-color: white;
+}

layouts/index.erb

@@ -6,7 +6,7 @@
     <meta name="viewport" content="width=device-width, initial-scale=1">
 
     <title>Zeus WPI: Werkgroep Informatica van de Universiteit Gent</title>
-
+    <link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css" rel="stylesheet" integrity="sha384-T8Gy5hrqNKT+hzMclPo118YTQO6cYprQmhrYwIiQ/3axmI1hQomh7Ud2hPOy8SP1" crossorigin="anonymous">
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/pure/0.6.0/pure-min.css">
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/pure/0.6.0/grids-responsive-min.css">
     <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css">