<div id="<%= project[:id] %>" class="container project content column is-5 is-desktop">
  <article class="columns is-mobile">
    <div class="column is-gapless is-narrow logo-wrapper">
      <% if project[:logo_image] %>
        <div class="logo">
          <%= asset :img, project[:logo_image] %>
        </div>
      <% else %>
        <div class="logo" style="background-color: <%= project[:logo_color]%>">
          <div class="logo-initial has-text-centered"><%= project[:logo_letter]%></div>
        </div>
      <% end %>
    </div>
    <div class="column">
      <% if project.key?(:site) %>
        <p class="title"><a href="<%= project[:site] %>" target="_self"><%= project[:name] %></a></p>
      <% else %>
        <p class="title"><%= project[:name] %></p>
      <% end %>
      <%= project.compiled_content %>
      <% if project.key?(:repo) %>
        <% if project[:repo].include?("github.com") || project[:repo].include?("github.ugent.be") %>
          <div><a href="<%= project[:repo] %>"><span class="icon"><%= fa('github') %></span> GitHub</a></div>
        <% elsif project[:repo].include?("git.zeus.gent") %>
          <div><a href="<%= project[:repo] %>"><span class="icon"><%= fa('gitlab') %></span> GitLab</a></div>
        <% else %>
          <div><a href="<%= project[:repo] %>"> Repo</a></div>
        <% end %>
      <% end %>
    </div>
  </article>
</div>
