Met dank aan @werthen
This commit is contained in:
parent
efcb3da4f6
commit
8f6eee34cc
2 changed files with 67 additions and 41 deletions
|
@ -1,29 +1,41 @@
|
|||
---
|
||||
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">
|
||||
<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="logo">
|
||||
<div class="sponserend_image">
|
||||
<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 class="sponserend_image" 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>
|
||||
<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">
|
||||
|
@ -40,7 +52,9 @@ narrow_page: true
|
|||
</a>
|
||||
<% end %>
|
||||
<% if member[:blog] %>
|
||||
<a style="padding: 5px" href="<%= member[:blog] %>"> <%= member[:blog] %> </a>
|
||||
<a style="padding: 5px" href="<%= member[:blog] %>">
|
||||
<%= member[:blog] %>
|
||||
</a>
|
||||
<% end %>
|
||||
</div>
|
||||
</div>
|
||||
|
|
|
@ -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;
|
||||
}
|
||||
|
|
Loading…
Reference in a new issue