Met dank aan @werthen

This commit is contained in:
Robbe Van Herck 2019-03-27 21:57:39 +01:00
parent efcb3da4f6
commit 8f6eee34cc
No known key found for this signature in database
GPG key ID: 4D1C8E8FBD1C7188
2 changed files with 67 additions and 41 deletions

View file

@ -1,50 +1,64 @@
---
narrow_page: true
---
<%= render '/partials/_about_sub_navbar.*', selected: 'sponsoring_members' %>
<h1 class='title is-1 has-text-centered'>Sponserende Leden</h1>
<div id='sponsoring_members' class="content">
<% current_sponsoring_members.each do |member| %>
<%# stolen from /project :P %>
<div id="<%= member[:nickname] %>" class="content project">
<article class="columns is-mobile">
<div class="column is-gapless is-narrow logo-wrapper">
<% if member[:photo] %>
<div class="logo">
<img src="<%=member[:photo]%>">
</div>
<% else %>
<div class="logo" style="background-color: #ff7f00">
<div class="logo-initial has-text-centered"> <%= member[:name].chars.first %> </div>
</div>
<% end %>
</div>
<div class="column">
<span style="margin-bottom:0" class="title"><%= member[:name] %></span> <span class="subtitle"> (<%= member[:nickname] %>) </span>
<div><i> - <%= member[:quote] %> </i></div>
<blockquote style="margin-top: 0.5em"> <%= member[:description] %> </blockquote>
<div class="columns">
<% if member[:github] %>
<a style="padding: 5px" class="social-icon" href="https://github.com/<%= member[:github] %>" target="_blank">
<span class="icon">
<%= fa :github, {:size => "2x"} %>
</span>
</a>
<% end %>
<% if member[:twitter] %>
<a style="padding: 5px" class="social-icon" href="https://twitter.com/<%= member[:twitter] %>" target="_blank">
<span class="icon">
<%= fa :twitter, {:size => "2x"} %>
</span>
</a>
<% end %>
<% if member[:blog] %>
<a style="padding: 5px" href="<%= member[:blog] %>"> <%= member[:blog] %> </a>
<% end %>
<div id="<%= member[:nickname] %>" class="box">
<article class="columns is-mobile">
<div class="column is-gapless is-narrow logo-wrapper">
<% if member[:photo] %>
<div class="sponserend_image">
<img src="<%=member[:photo]%>">
</div>
<% else %>
<div class="sponserend_image" style="background-color: #ff7f00">
<div class="logo-initial has-text-centered">
<%= member[:name].chars.first %>
</div>
</div>
<% end %>
</div>
</div>
</article>
</div>
<% end %>
</div>
<div class="column">
<span style="margin-bottom:0" class="title"><%= member[:name] %></span>
<span class="subtitle">
(<%= member[:nickname] %>)
</span>
<div>
<i>
-
<%= member[:quote] %>
</i>
</div>
<blockquote style="margin-top: 0.5em">
<%= member[:description] %>
</blockquote>
<div class="columns">
<% if member[:github] %>
<a style="padding: 5px" class="social-icon" href="https://github.com/<%= member[:github] %>" target="_blank">
<span class="icon">
<%= fa :github, {:size => "2x"} %>
</span>
</a>
<% end %>
<% if member[:twitter] %>
<a style="padding: 5px" class="social-icon" href="https://twitter.com/<%= member[:twitter] %>" target="_blank">
<span class="icon">
<%= fa :twitter, {:size => "2x"} %>
</span>
</a>
<% end %>
<% if member[:blog] %>
<a style="padding: 5px" href="<%= member[:blog] %>">
<%= member[:blog] %>
</a>
<% end %>
</div>
</div>
</article>
</div>
<% end %>
</div>

View file

@ -151,3 +151,15 @@
border-color: $primary;
}
}
.sponserend_image {
width: 10vw;
height: 10vw;
min-width: 100px;
min-height: 100px;
margin-left: auto;
margin-right: auto;
display: flex;
align-items: center;
border-radius: 100000000000000px;
}