Add board mails to contact page
This commit is contained in:
Wout Schellaert
parent
a8f7cbb1fd
commit
cd4e0a769b
3 changed files with 129 additions and 114 deletions
|
|
@ -34,37 +34,6 @@ narrow_page: true
|
||||||
Mail us all at: <a href='mailto:bestuur@zeus.ugent.be'>bestuur@zeus.ugent.be</a>
|
Mail us all at: <a href='mailto:bestuur@zeus.ugent.be'>bestuur@zeus.ugent.be</a>
|
||||||
</blockquote>
|
</blockquote>
|
||||||
|
|
||||||
<table class="table board-table">
|
<%= render '/partials/_current_bestuur.*' %>
|
||||||
<thead>
|
|
||||||
<tr>
|
|
||||||
<th>Function</th>
|
|
||||||
<th>Name</th>
|
|
||||||
<th>E-mail</th>
|
|
||||||
<th></th>
|
|
||||||
</tr>
|
|
||||||
</thead>
|
|
||||||
<tbody>
|
|
||||||
<% current_bestuur.each do |lid| %>
|
|
||||||
<tr>
|
|
||||||
<td>
|
|
||||||
<%= lid[:rol] %>
|
|
||||||
</td>
|
|
||||||
<td>
|
|
||||||
<%= lid[:naam] %>
|
|
||||||
</td>
|
|
||||||
<td>
|
|
||||||
<%= lid[:mail] %>
|
|
||||||
</td>
|
|
||||||
<td>
|
|
||||||
<% if lid[:mail] %>
|
|
||||||
<a href="mailto:<%= lid[:mail] %>">
|
|
||||||
<%= fa :envelope %>
|
|
||||||
</a>
|
|
||||||
<% end %>
|
|
||||||
</td>
|
|
||||||
</tr>
|
|
||||||
<% end %>
|
|
||||||
</tbody>
|
|
||||||
</table>
|
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
|
|
||||||
|
|
@ -10,7 +10,7 @@ contact_links:
|
||||||
description: Facebook
|
description: Facebook
|
||||||
action: Like us
|
action: Like us
|
||||||
- icon: envelope
|
- icon: envelope
|
||||||
link: ../about#board
|
link: ../contact#board
|
||||||
description: Email
|
description: Email
|
||||||
action: Mail us
|
action: Mail us
|
||||||
- icon: twitter
|
- icon: twitter
|
||||||
|
|
@ -41,98 +41,112 @@ contact_links:
|
||||||
<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 %>
|
<% end %>
|
||||||
|
|
||||||
<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 -->
|
<div class="content">
|
||||||
<ul id='contact-icons' class='columns is-centered is-multiline'>
|
<h1 class='title is-1 has-text-centered'>Contact us</h1>
|
||||||
<% @item[:contact_links].each do |option| %>
|
<h2 class='subtitle is-4 has-text-centered has-text-weight-light'>bleep bloop</h1>
|
||||||
<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>
|
|
||||||
|
|
||||||
<!-- Extra information tiles -->
|
<!-- Contact buttons -->
|
||||||
<div id='contact-info' class='tile is-ancestor is-vertical'>
|
<ul id='contact-icons' class='columns is-centered is-multiline'>
|
||||||
<div class='tile is-parent'>
|
<% @item[:contact_links].each do |option| %>
|
||||||
<div class='tile is-parent is-vertical'>
|
<div class='column is-one-quarter-desktop is-one-third-tablet is-half-mobile'>
|
||||||
|
<li id='<%= option[:description] %>' class='contact-circle-option'>
|
||||||
<!-- Payment information -->
|
<a href='<%= option[:link] %>' class='contact-circle-wrapper'>
|
||||||
<div id='payment-info' class='tile is-child box content has-text-centered'>
|
<div class='contact-circle is-centered'>
|
||||||
<h1 class='title has-text-centered'>Pay us</h1>
|
<div class='contact-circle-pulse grow'></div>
|
||||||
<div class='is-divider'></div>
|
<%= fa option[:icon], size: @item[:icon_size], class: 'grow-large' %>
|
||||||
<p id='banknumber' class='is-size-5'>
|
</div>
|
||||||
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>
|
</a>
|
||||||
</div>
|
<h4 class='contact-description is-uppercase'><%= option[:description] %></h3>
|
||||||
|
<p class='has-text-centered'>
|
||||||
<!-- Calling information -->
|
<a href='<%= option[:link] %>' class='contact-text-link is-link'><%= option[:action] %></a>
|
||||||
<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>
|
</p>
|
||||||
</div>
|
</li>
|
||||||
</div>
|
</div>
|
||||||
|
<% end %>
|
||||||
|
</ul>
|
||||||
|
|
||||||
<!-- Address information -->
|
<div id="board">
|
||||||
<div id='address-info' class='tile is-parent'>
|
<h2>The board (<%= pretty_year @config[:academic_year] %>)</h2>
|
||||||
<div class='tile is-child box content'>
|
<blockquote>
|
||||||
<h1 class='title has-text-centered'>Find us</h1>
|
Mail us all at: <a href='mailto:bestuur@zeus.ugent.be'>bestuur@zeus.ugent.be</a>
|
||||||
<div class='is-divider'></div>
|
</blockquote>
|
||||||
<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:
|
<%= render '/partials/_current_bestuur.*' %>
|
||||||
</p>
|
</div>
|
||||||
<blockquote id='address' class='is-size-5'>
|
|
||||||
Krijgslaan 281<br/>
|
|
||||||
Campus Sterre S9<br/>
|
<!-- Extra information tiles -->
|
||||||
9000 Gent<br/>
|
<h2>Varia</h2>
|
||||||
</blockquote>
|
<div id='contact-info' class='tile is-ancestor is-vertical'>
|
||||||
<div id='contact-location-buttons'>
|
<div class='tile is-parent'>
|
||||||
<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'>
|
<div class='tile is-parent is-vertical'>
|
||||||
<%= fa :'map-marker', fw: true %> Google Maps
|
|
||||||
</a>
|
<!-- Payment information -->
|
||||||
<a class='button' href='https://soleway.ugent.be/routes/4370'>
|
<div id='payment-info' class='tile is-child box content has-text-centered'>
|
||||||
<%= fa :'map-signs', fw: true %> Soleway
|
<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>
|
</a>
|
||||||
</div>
|
</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>
|
||||||
|
</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>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
|
||||||
|
|
||||||
<!-- Mattermost information -->
|
<!-- Mattermost information -->
|
||||||
<div id='mattermost-info' class='tile is-parent'>
|
<div id='mattermost-info' class='tile is-parent'>
|
||||||
<div class='tile is-child box content'>
|
<div class='tile is-child box content'>
|
||||||
<h1 class='title has-text-centered'>Mattermost info</h1>
|
<h1 class='title has-text-centered'>Mattermost info</h1>
|
||||||
<div class='is-divider'></div>
|
<div class='is-divider'></div>
|
||||||
<p id='mattermost-info-text' class='is-size-5'>
|
<p id='mattermost-info-text' class='is-size-5'>
|
||||||
You can register with any valid email address.
|
You can register with any valid email address.
|
||||||
</p>
|
</p>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
|
||||||
|
|
||||||
<!-- Embedded Google Maps -->
|
<!-- Embedded Google Maps -->
|
||||||
<div class="map-wrapper box">
|
<div class="map-wrapper box">
|
||||||
<%= render '/partials/_map.erb', location: "Zeus WPI" %>
|
<%= render '/partials/_map.erb', location: "Zeus WPI" %>
|
||||||
</div>
|
</div>
|
||||||
|
</div>
|
||||||
32
layouts/partials/_current_bestuur.erb
Normal file
32
layouts/partials/_current_bestuur.erb
Normal file
|
|
@ -0,0 +1,32 @@
|
||||||
|
<table class="table board-table">
|
||||||
|
<thead>
|
||||||
|
<tr>
|
||||||
|
<th>Function</th>
|
||||||
|
<th>Name</th>
|
||||||
|
<th>E-mail</th>
|
||||||
|
<th></th>
|
||||||
|
</tr>
|
||||||
|
</thead>
|
||||||
|
<tbody>
|
||||||
|
<% current_bestuur.each do |lid| %>
|
||||||
|
<tr>
|
||||||
|
<td>
|
||||||
|
<%= lid[:rol] %>
|
||||||
|
</td>
|
||||||
|
<td>
|
||||||
|
<%= lid[:naam] %>
|
||||||
|
</td>
|
||||||
|
<td>
|
||||||
|
<%= lid[:mail] %>
|
||||||
|
</td>
|
||||||
|
<td>
|
||||||
|
<% if lid[:mail] %>
|
||||||
|
<a href="mailto:<%= lid[:mail] %>">
|
||||||
|
<%= fa :envelope %>
|
||||||
|
</a>
|
||||||
|
<% end %>
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
<% end %>
|
||||||
|
</tbody>
|
||||||
|
</table>
|
||||||
Loading…
Reference in a new issue