zeus.ugent.be/content/contact.erb

152 lines
5.1 KiB
Text
Raw Normal View History

2017-10-10 16:57:01 +02:00
---
2019-05-27 12:43:28 +02:00
navigable: true
title: Contact
order: 10
2017-10-10 16:57:01 +02:00
narrow_page: true
2017-10-13 13:30:56 +02:00
icon_size: 2x
contact_links:
- icon: facebook
link: https://www.facebook.com/zeus.wpi/
2017-10-19 16:41:56 +02:00
description: Facebook
2017-10-13 23:04:42 +02:00
action: Like us
2017-10-13 13:30:56 +02:00
- icon: envelope
2019-05-27 13:11:23 +02:00
link: ../contact#board
2017-10-19 16:41:56 +02:00
description: Email
2017-10-13 23:04:42 +02:00
action: Mail us
2017-10-13 13:30:56 +02:00
- icon: twitter
link: https://twitter.com/zeuswpi
2017-10-19 16:41:56 +02:00
description: Twitter
2017-10-13 23:04:42 +02:00
action: Follow us
- icon: comments
link: https://mattermost.zeus.gent/
description: Mattermost
2017-10-13 13:30:56 +02:00
action: Message us
2017-10-13 23:04:42 +02:00
- icon: inbox
link: http://lists.zeus.ugent.be/mailman/listinfo/leden
2017-10-19 16:41:56 +02:00
description: Mailinglist
2017-10-13 23:04:42 +02:00
action: Keep up to date
- icon: github
link: https://github.com/ZeusWPI/
2017-10-19 16:41:56 +02:00
description: GitHub
2017-10-13 23:04:42 +02:00
action: Fork us
- icon: phone
link: 'tel:+3292644751'
2017-10-19 16:41:56 +02:00
description: Phone
2017-10-13 23:04:42 +02:00
action: Call us
2017-10-10 16:57:01 +02:00
---
2018-12-04 20:46:14 +01:00
<% content_for :head do %>
<link rel="stylesheet" href="https://unpkg.com/leaflet@1.3.4/dist/leaflet.css" />
<script src="https://unpkg.com/leaflet@1.3.4/dist/leaflet.js"></script>
<script src="https://unpkg.com/leaflet@1.3.4/dist/leaflet.js"></script>
<% end %>
2017-10-13 13:30:56 +02:00
2019-05-27 13:11:23 +02:00
<div class="content">
<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>
<!-- 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>
<div id="board">
<h2>The board (<%= pretty_year @config[:academic_year] %>)</h2>
<blockquote>
Mail us all at: <a href='mailto:bestuur@zeus.ugent.be'>bestuur@zeus.ugent.be</a>
</blockquote>
<%= render '/partials/_current_bestuur.*' %>
2017-10-13 23:04:42 +02:00
</div>
2017-10-13 23:50:56 +02:00
2019-05-27 13:11:23 +02:00
<!-- Extra information tiles -->
<h2>Varia</h2>
<div id='contact-info' class='tile is-ancestor is-vertical'>
<div class='tile is-parent'>
<div class='tile is-parent is-vertical'>
<!-- 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>
<p class='is-size-5'>
<b>Please include your Tab name in the description of the transaction</b>
</p>
<a class='button' href='https://zeus.ugent.be/tab/'>
<%= fa :euro, fw: true %> Use Tab
</a>
</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 9 264 47 51<br/>
Intern: 4751
</p>
</div>
2017-10-13 23:43:28 +02:00
</div>
2019-05-27 13:11:23 +02:00
<!-- 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>
2017-10-13 23:43:28 +02:00
</div>
</div>
2019-05-27 13:11:23 +02:00
<!-- Mattermost information -->
<div id='mattermost-info' class='tile is-parent'>
2017-10-13 23:43:28 +02:00
<div class='tile is-child box content'>
2019-05-27 13:11:23 +02:00
<h1 class='title has-text-centered'>Mattermost info</h1>
2017-10-13 23:43:28 +02:00
<div class='is-divider'></div>
2019-05-27 13:11:23 +02:00
<p id='mattermost-info-text' class='is-size-5'>
You can register with any valid email address.
2017-10-13 23:43:28 +02:00
</p>
</div>
</div>
</div>
2017-10-13 23:50:56 +02:00
2019-05-27 13:11:23 +02:00
<!-- Embedded Google Maps -->
<div class="map-wrapper box">
<%= render '/partials/_map.erb', location: "Zeus WPI" %>
2017-10-13 23:43:28 +02:00
</div>
2019-05-27 13:11:23 +02:00
</div>