start eventposts

This commit is contained in:
Lorin Werthen 2016-07-12 23:14:12 +02:00
parent a1768cc6a4
commit 8b0b211cb0
5 changed files with 84 additions and 8 deletions

7
Rules
View file

@ -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

34
content/eventpost.erb Normal file
View file

@ -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 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

@ -1,2 +1,14 @@
$.getJSON 'https://zeus.ugent.be/game/top4/show.json', (data) ->
$('#top-coder-name').text(data[0].github_name)
sticky_relocate = ->
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()

View file

@ -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;
}

View file

@ -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">