Merge branch 'master' into event/techz_talks

This commit is contained in:
Rien Maertens 2017-10-25 19:13:34 +02:00
commit 41ca0430df
No known key found for this signature in database
GPG key ID: 943CAB70C511D23C
12 changed files with 326 additions and 47 deletions

View file

@ -25,12 +25,15 @@ narrow_page: true
</p>
<h2>The board</h2>
<p>
<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>

View file

@ -1,49 +1,129 @@
---
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</h1>
<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>
<div class="content">
<!-- 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>
<p>
Zeus WPI is located in the basement of the S9 building on Campus Sterre, by it's members often named “de kelder”.
</p>
<!-- 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'>
<p>Reach us:</p>
<!-- 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>
<ul>
<li>
come to “de kelder” and say hi! (find us <a href="https://soleway.ugent.be/routes/4370"> here</a>).
</li>
<li>
mail <a href="mailto:bestuur@zeus.ugent.be">the board</a> (bestuur@zeus.ugent.be), or some <a href="../about"> specific members </a>
</li>
<li>
join our <a href="https://zeuswpi.slack.com/">Slack team</a> (by *ugent.be mail or invite)
</li>
<li>
send a yellow postcard “Zeus WPI Krijgslaan 281, S9 9000 Gent”
</li>
<li>
keep up to date trough our <a href="http://lists.zeus.ugent.be/mailman/listinfo/leden">mailinglist</a>
</li>
<li>
check out our <a href="irc://wina.ugent.be/#zeus">IRC-channel</a>
</li>
<li>
call us at <a href="tel://+3292644751">09 264 4751</a> (intern: 4751)
</li>
<li>
deposit at BE32 9799 9370 6502 (BIC: ARSP BE 22)
</li>
<li>
follow us on Twitter: <a href="http://twitter.com/ZeusWPI">@ZeusWPI</a>
</li>
<li>
like us on <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>
<!-- 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 5</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 -->
<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>

View file

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

View file

@ -67,3 +67,15 @@
}
}
}
.sponsors {
display: flex;
justify-content: center;
flex-wrap: wrap;
align-items: center;
> a {
width: 300px;
margin: 10px;
text-align: center;
}
}

View file

@ -174,6 +174,10 @@ footer.footer {
}
.content {
blockquote {
border-left-color: $secondary;
}
// Bold definition types in <dl></dl>
dt {
font-weight: bold;
@ -181,9 +185,11 @@ footer.footer {
figure {
position: relative;
img {
display: block;
}
figcaption {
position: absolute;
background-color: rgba(0,0,0,.7);
@ -196,6 +202,7 @@ footer.footer {
opacity: 0;
}
&:hover {
figcaption {
opacity: 1;

View file

@ -24,7 +24,7 @@ a.box {
filter: grayscale(30%);
.event-content {
color: #4a4a4a;
color: $text;
height: 100%;
width: 100%;
background: rgba($tertiary, 0.2);

View file

@ -34,3 +34,4 @@ body.site {
@import "includes/projects";
@import "includes/navbar";
@import "includes/search";
@import "includes/about"

View file

@ -9,6 +9,26 @@ end: '28-10-2017 12:00'
location: 'Therminal, Hoveniersberg 24 9000 Gent'
locationlink: 'Therminal,Ghent Belgium'
facebook: 'https://www.facebook.com/events/1280929475288422/'
sponsors:
- name: Outpost
url: https://www.outpost.be
img: https://zeus.ugent.be/zeuswpi/HRKvZF6c.png
- name: Codima
url: https://www.codima.be
img: https://zeus.ugent.be/zeuswpi/EzIcvg31.png
- name: Sigasi
url: https://www.sigasi.com
img: https://zeus.ugent.be/zeuswpi/YASquKKF.jpg
- name: Pizza Roma
url: http://www.pizzaroma.be
img: https://zeus.ugent.be/zeuswpi/TwsSkbdD.jpeg
- name: Stefano's Place
url: https://www.facebook.com/Stefanos-Place-370774480004139/
img: https://zeus.ugent.be/zeuswpi/WEV5UBhz.png
- name: Trackuity
url: https://www.trackuity.com/
img: https://zeus.ugent.be/zeuswpi/KpuQ5VRA.svg
---
# Gamers, Assemble!
@ -17,6 +37,18 @@ Je leest het goed, op **27 oktober 2017** vindt onze zesde editie van onze jaarl
Vanaf **16:00** kunnen jullie elkaars Nexus vernietigen in League of Legends, een Ancient ten val brengen in Dota 2, bommen ontmantelen in Counter Strike: Global Offensive, op ontzagwekkende snelheden door de maps van Trackmania rijden, en nog veel, veel meer.
# 500 EURO AAN PRIJZEN?!
Je leest het goed, we hebben Gent afgeschuimd om dit jaar een knaller van een editie op poten te zetten. Neem deel aan de competities aan maak kans op een van de vele prijzen:
De **[Trackuity](https://www.trackuity.com/) League of Legends** competitie, voor de winnende teams niet minder dan 250 euro aan Bolbonnen te winnen
De **[Outpost Ghent](https://www.outpost.be/) CS:GO** competitie, win vouchers voor een dag gratis gamen op steenworp van de overpoort
De **[CODIMA](https://www.codima.be/) Trackmania** competitie, de snelste deelnemers maken kans op een Samsung 850 EVO
Tussendoor verloten we FPGA's van **[Sigasi](http://www.sigasi.com/)** en organiseren we hier en daar ad hoc competities. Heb je zelf een groepje gevonden om een wedstrijdje mee te houden? Laat het ons zeker weten en wie weet geven we wat steam gift cards als hoofdprijs.
# Geen computer bij?
Geen zorgen! We voorzien een aantal couch games zoals de Jackbox Party Packs, Nidhogg, Keep Talking and Nobody Explodes, ... Gewoonweg voor de sfeer en de gezelligheid afkomen is dus zeker een optie!
@ -27,6 +59,11 @@ Door je in te schrijven krijgen wij een beter beeld van hoeveel volk we kunnen v
# Praktisch
De deuren openen om 16:00\. We vragen €2 inkom, die gebruikt zal worden om de prijzenpot van onze competities aan te dikken. We voorzien ook een aantal runs naar een pizzeria, zodat je zo lang mogelijk aan je scherm gekluisterd kunt zitten. Drank zal ook aanwezig zijn om aan te kopen.
De deuren openen om **16:00**. We vragen **€2 inkom**, die gebruikt zal worden om de prijzenpot van onze competities aan te dikken. We voorzien ook een aantal runs naar een pizzeria, zodat je zo lang mogelijk aan je scherm gekluisterd kunt zitten. Drank zal ook aanwezig zijn om aan te kopen.
Uit ervaring weten we dat het soms wat kouder kan worden in de Therminal rondom die tijd, dus draag zeker een **trui** of iets dergelijks! We doen echter ons best om de verwarming in orde te krijgen.
## Voedselzaken
De hongerigen zullen gespijsd worden; De dorstigen gelaafd. We voorzien een bar (met voldoende energiedrank) en doorheen de avond halen we spotgoedkope pizza's met samenwerking van Pizza Roma. Geen zin in pizza? Kom zeker langs aan de inkom voor een voucher op julientjes en rombautjes bij **Stefano's Place**.
En om te ontkateren na al dat gamen hebben we voor iedereen ook nog een verassing van **De fritoloog** in petto.

View file

@ -0,0 +1,9 @@
---
title: Spelletjesavond I
description: Een hele avond gezellig gezelschapsspelletjes spelen.
created_at: 23-10-2017
time: '19-10-2017 18:00'
location: S9, Leslokaal 1.1
locationlink: Universiteit Gent Campus Sterre - S9
---
In plaats van een hele avond voor ons scherm te plakken doen we sociaal en spelen we samen gezelschapsspelletjes. [Prime](http://prime.ugent.be/) voorziet een deel van de spelletjes.

View file

@ -0,0 +1,11 @@
---
title: Spelletjesavond II
description: 'Een spelletjesavond samen met Prime met speciaal in de kijker: kaarten.'
created_at: 23-10-2017
time: '30-10-2017 17:30'
location: S25, Emmy Noether
locationlink: Department of Mathematics, UGent
---
In plaats van een hele avond voor ons scherm te plakken doen we sociaal en spelen we samen gezelschapsspelletjes met onze vrienden van [Prime](http://prime.ugent.be/).
Leer Manillen als een West-Vlaming, Belotten als een wiskundige en speel Uno als het allemaal beetje te moeilijk wordt. Voor zij die niet zo'n fan zijn van kaarten, geen nood, de uitgebreide spelletjescollectie van [Prime](http://prime.ugent.be/) zal ook aanwezig zijn.

View file

@ -55,8 +55,6 @@
})(window,document,'//static.hotjar.com/c/hotjar-','.js?sv=');
</script>
<!-- Net neutrality, 12 July -->
<script src="https://widget.battleforthenet.com/widget.js" async></script>
<%= content_for(@item, :head) %>
</head>

View file

@ -70,7 +70,30 @@
<div class="content has-text-justified is-medium-responsive">
<%= yield %>
</div>
<!-- GOOGLE MAPS -->
<iframe height="400" style="width:100%" src="<%= locationlink item[:locationlink] %>" allowfullscreen> </iframe>
<!-- END GOOGLE MAPS -->
</div>
</div>
</section>
<!-- SPONSORED BY -->
<% if item[:sponsors] %>
<section class="section">
<div class="columns">
<div class="column is-8 is-offset-2">
<h1 class="title is-1 has-text-centered">Sponsored by</h1>
<div class="sponsors">
<% @item[:sponsors].each do |sp| %>
<a href="<%= sp[:url] %>" target="_blank">
<img src="<%= sp[:img] %>" alt="<%= sp[:name] %>">
</a>
<% end %>
</div>
</div>
</div>
</section>
<% end %>
<!-- END SPONSORED BY -->