mailto icons, fixes #35

content/about.erb

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

content/cammie.erb

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

layouts/eventpost.erb

@@ -16,8 +16,8 @@
       </h1>
       <h2 class="subtitle">
         <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>
       </h2>
     </div>
@@ -31,8 +31,8 @@
       <div id="event-info" class="is-pulled-right">
         <div class="box">
           <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>
         </div>
       </div>

layouts/generic.erb

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

lib/helpers/font_awesome.rb

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

lib/helpers_.rb

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