zeus.ugent.be/layouts/eventpost.erb

<% content_for :head do %>
<meta property="og:image" content="<%= item[:image] %>" />
<meta property="og:title" content="<%= item[:title] %>" />
<meta property="og:type" content="article" />
<meta property="og:url" content="<%= url_for(item) %>" />
<meta property="og:description" content="<%= item[:description] %>" />
<meta property="og:site_name" content="Zeus WPI" />
<meta name="twitter:label1" value="Time" />
<meta name="twitter:data1" value="<%= item[:time].strftime '%A %d %B %Y %H:%M' %>" />
<meta name="twitter:label2" value="Place" />
<meta name="twitter:data2" value="<%= item[:location] %>" />
<meta name="twitter:card" content="summary_large_image" />
<% end %>

<% if item[:banner] %>
<section class="hero is-medium is-primary is-bold" style="background-image:url('<%= item[:banner] %>');background-position:center;">
<% else %>
<section class="hero is-medium is-primary is-bold">
<% end %>
  <div class="hero-head">
    <%= render '/partials/_navbar.*', zeus_logo_color: :white %>
  </div>
  <div class="hero-body">
    <div class="container">
      <div class="columns">
        <div class="column">
          <p class="title is-1">
            <b>
              <%= item[:title] %>
            </b>
            <span class="event-social-icons">
              <% if item[:facebook] %>
              <a href="<%= item[:facebook] %>">
                <%= fa :facebook %>
              </a>
              <% end %>
              <a href="<%= item.path rep: :ical %>">
                <%= fa :calendar %>
              </a>
            </span>
          </p>
          <p class="subtitle is-3">
            <%= item[:description] %>
          </p>
          <p class="subtitle is-3">
            <ul class="fa-ul event-attributes">
              <li><%= fa 'clock-o', li: true %><%= item[:time].strftime '%A %d %B %Y %H:%M' %></li>
              <li><%= fa 'map-marker', li: true %><%= item[:location] %></li>
            </ul>
          </p>
        </div>

        <div class="is-narrow column banner-image">
          <img src="<%= item[:image] %>"  >
        </div>
      </div>
    </div>
  </div>
</section>

<section class="section">
  <div class="columns">
    <div class="column is-8 is-offset-2">
      <div class="content has-text-justified is-medium">
        <%= yield %>
      </div>
    </div>
  </div>
  <div class="columns">
    <div class="google-maps column is-8 is-offset-2">
      <iframe frameborder="0" style="border:0" src="<%= locationlink item[:locationlink] %>" allowfullscreen> </iframe>
    </div>
  </div>
</section>