durfdoen-2.0/layouts/verenigingen.erb
2020-09-12 10:15:01 +02:00

35 lines
1.2 KiB
Text

<div class="split-2">
<div class="split-2-1">
<h1 class="split-title"> Thema's </h1>
<div class="tile-grid">
<% for thema in themas %>
<div class="tile clickable tile--medium tile--white" onclick="window.location.href = '<%= thema.path %>'">
<img class="tile__image" src="/assets/themas_icon/<%= thema[:naam] %>.svg" alt="<%= thema[:naam] %>">
<p class="tile__title tile__title--medium"> <%= thema[:naam] %> </p>
</div>
<% end %>
</div>
</div>
<div class="split-2-2">
<h1 class="split-title"> Konventen en projecten </h1>
<div class="tile-grid--flex">
<% for item in konventen %>
<div class="tile clickable tile--medium" onclick="window.location.href = '<%= item.path %>'">
<img class="tile__image" src="https://dsa.ugent.be/api/verenigingen/<%= abbreviation(item) %>/logo?size=medium" alt="<%= item[:naam] %>">
<p class="tile__title tile__title--medium"> <%= item[:titel] || item[:naam] %> </p>
</div>
<% end %>
</div>
</div>
</div>
<style>
.flex-horz {
display: flex; /* or inline-flex */
flex-direction: row;
}
.horz-child {
flex-basis: auto;
flex-grow: 1;
}
</style>