mailto icons, fixes #35

This commit is contained in:
Lorin Werthen 2016-08-04 19:17:45 +02:00
parent de36420195
commit 6e945579e9
No known key found for this signature in database
GPG key ID: F11FFC921E0E08E0
6 changed files with 47 additions and 20 deletions

View file

@ -23,18 +23,34 @@ title: About
Het bestuur voor het academiejaar 2016-2017 van Zeus WPI is: Het bestuur voor het academiejaar 2016-2017 van Zeus WPI is:
<table class="table"> <table class="table">
<thead>
<th>
Functie
</th>
<th>
Naam
</th>
<th>
</th>
</thead>
<tbody>
<% data_from(:bestuur).each do |lid| %> <% data_from(:bestuur).each do |lid| %>
<tr> <tr>
<td> <td>
<%= lid['rol'] %> <%= lid['rol'] %>
</td> </td>
<td> <td>
<a href="mailto:<%= lid['mail'] %>">
<%= lid['naam'] %> <%= lid['naam'] %>
</td>
<td>
<a href="mailto:<%= lid['mail'] %>">
<%= fa :envelope %>
</a> </a>
</td> </td>
</tr> </tr>
<% end %> <% end %>
</tbody>
</table> </table>
</ul> </ul>

View file

@ -6,19 +6,19 @@ title: Cammie
<img id="cammie" src="https://kelder.zeus.ugent.be/webcam/video/mjpg.cgi?profileid=2" alt="" /> <img id="cammie" src="https://kelder.zeus.ugent.be/webcam/video/mjpg.cgi?profileid=2" alt="" />
<div id="left" class="ctrl"> <div id="left" class="ctrl">
<i class="fa fa-chevron-left fa-2x"></i> <%= fa 'chevron-left', size: '2x' %>
</div> </div>
<div id="right" class="ctrl"> <div id="right" class="ctrl">
<i class="fa fa-chevron-right fa-2x"></i> <%= fa 'chevron-right', size: '2x' %>
</div> </div>
<div id="up" class="ctrl"> <div id="up" class="ctrl">
<i class="fa fa-chevron-up fa-2x"></i> <%= fa 'chevron-up', size: '2x' %>
</div> </div>
<div id="down" class="ctrl"> <div id="down" class="ctrl">
<i class="fa fa-chevron-down fa-2x"></i> <%= fa 'chevron-down', size: '2x' %>
</div> </div>
<%= asset :js, :cammie %> <%= asset :js, :cammie %>

View file

@ -16,8 +16,8 @@
</h1> </h1>
<h2 class="subtitle"> <h2 class="subtitle">
<ul class="fa-ul"> <ul class="fa-ul">
<li><i class="fa-li fa fa-clock-o"></i><%= item[:time] %></li> <li><%= fa 'clock-o', li: true %><%= item[:time] %></li>
<li><i class="fa-li fa fa-globe"></i><%= item[:location] %></li> <li><%= fa 'globe', li: true %><%= item[:location] %></li>
</ul> </ul>
</h2> </h2>
</div> </div>
@ -31,8 +31,8 @@
<div id="event-info" class="is-pulled-right"> <div id="event-info" class="is-pulled-right">
<div class="box"> <div class="box">
<ul class="fa-ul"> <ul class="fa-ul">
<li><i class="fa-li fa fa-clock-o"></i><%= item[:time] %></li> <li><%= fa 'clock-o', li: true %><%= item[:time] %></li>
<li><i class="fa-li fa fa-globe"></i><%= item[:location] %></li> <li><%= fa 'globe', li: true %><%= item[:location] %></li>
</ul> </ul>
</div> </div>
</div> </div>

View file

@ -10,7 +10,7 @@
<div class="container"> <div class="container">
<div class="content has-text-centered"> <div class="content has-text-centered">
<p> <p>
Made with <i class="fa fa-heart fa-inline"></i> by Zeus WPI Made with <%= fa :heart, inline: true %> by Zeus WPI
</p> </p>
</div> </div>
</div> </div>

View file

@ -0,0 +1,10 @@
module FontAwesomeHelper
def fa(icon, size: nil, li: false, inline: false)
classes = ['fa', "fa-#{icon}"]
classes << "fa-#{size}" if size
classes << 'fa-li' if li
"<i class='#{classes.join(' ')}'></i>"
end
end

View file

@ -9,3 +9,4 @@ include AssetHelper
include IcalHelper include IcalHelper
include NavigationHelper include NavigationHelper
include DataHelper include DataHelper
include FontAwesomeHelper