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