more work on event posts

This commit is contained in:
Lorin Werthen 2016-07-12 23:58:08 +02:00
parent 8b0b211cb0
commit 7dfc506a87
6 changed files with 67 additions and 41 deletions

5
Rules
View file

@ -24,7 +24,10 @@ end
# Markdown
compile '/**/*.md' do
filter :kramdown
layout '/default.*'
layout '/eventpost.erb'
filter :erb
layout '/index.erb'
filter :erb
end
route '/**/*.{html,md}' do

View file

@ -0,0 +1,17 @@
---
title: Xtext Workshop
banner: https://zeus.ugent.be/wp-content/uploads/2016/04/450px-Xtext_logo.png
time: 26 april om 18:00
location: Auditorium A2, Campus Sterre, Gebouw S9
---
Op **26 april om 18:00 in Auditorium A2, Campus Sterre, Gebouw S9** organiseren we een workshop over [Xtext](https://eclipse.org/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 autos. 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**](http://www.sigasi.com/) 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._

View file

@ -1,34 +0,0 @@
<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 autos. 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>

View file

@ -2,11 +2,11 @@ $zeus_orange: #FF7F00;
$event-padding: 10px;
$navbar-border-color: #CCC;
@import url(https://fonts.googleapis.com/css?family=Arimo);
@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,700);
html, button, input, select, textarea,
.pure-g [class *= "pure-u"] {
font-family: 'Arimo', sans-serif;
font-family: 'Open Sans', sans-serif;
}
#container {
@ -112,6 +112,15 @@ html, button, input, select, textarea,
#event-banner {
position: fixed;
min-width: 100%;
}
#event-description {
padding: 20px;
}
#event-info {
padding-top: 20px;
}
#event-content {
@ -119,12 +128,14 @@ html, button, input, select, textarea,
top: 500px;
background-color: white;
height: 100vh;
border-top: 2px solid $navbar-border-color;
}
#event-title {
text-align: center;
font-size: 60px;
line-height: 60px;
font-size: 50px;
line-height: 50px;
}
#sticky.stick {

30
layouts/eventpost.erb Normal file
View file

@ -0,0 +1,30 @@
<img class="pure-img" id="event-banner" src="<%= item[:banner] %>" alt="" />
<div id="event-content">
<div id="sticky-anchor"></div>
<div id="sticky">
<h1 id="event-title"><%= item[:title] %></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">
<!-- Wrapper needed to add some padding to the grid class -->
<div id="event-description-wrapper" class="pure-u-3-4">
<div id="event-description">
<%= yield %>
</div>
</div>
<div id="event-info" class="pure-u-1-4">
<ul class="fa-ul">
<li><i class="fa-li fa fa-clock-o"></i><%= item[:time] %></li>
<li><i class="fa-li fa fa-globe"></i><%= item[:location] %></li>
</ul>
</div>
</div>
</div>
<script src="/index.js"></script>

View file

@ -10,12 +10,11 @@
<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">
<link rel="stylesheet" href="stylesheet.css">
<link rel="stylesheet" href="/stylesheet.css">
<link rel="icon" href="favicon32.png" type="image/x-icon" />
<script src="https://code.jquery.com/jquery-3.0.0.min.js" charset="utf-8"></script>
<script src="index.js" charset="utf-8"></script>
<meta name="generator" content="Nanoc <%= Nanoc::VERSION %>">
</head>