more work on event posts
This commit is contained in:
Lorin Werthen
parent
8b0b211cb0
commit
7dfc506a87
6 changed files with 67 additions and 41 deletions
5
Rules
5
Rules
|
|
@ -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
|
||||
|
|
|
|||
17
content/blogposts/testpost.md
Normal file
17
content/blogposts/testpost.md
Normal 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 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**](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._
|
||||
|
|
@ -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 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>
|
||||
|
|
@ -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
30
layouts/eventpost.erb
Normal 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>
|
||||
|
|
@ -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>
|
||||
|
|
|
|||
Loading…
Reference in a new issue