Kelder/durfdoen-2.0
33
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

Two columns

Browse source
This commit is contained in:
redfast00 2020-09-15 21:05:34 +02:00
parent 8fa69270f8
commit 205d1eb770
No known key found for this signature in database
GPG key ID: 5946E0E34FD0553C
3 changed files with 19 additions and 7 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

14
content/stylesheets/main.css
View file

@ -421,6 +421,8 @@ fieldset p label input {
} }
.link { .link {
color: inherit;
text-decoration: none;
display: grid; display: grid;
grid-template-columns: minmax(min-content, 25%) 80%; grid-template-columns: minmax(min-content, 25%) 80%;
@ -431,10 +433,18 @@ fieldset p label input {
transition: 0.3s; transition: 0.3s;
transition-property: box-shadow; transition-property: box-shadow;
margin: 30px auto;
gap: 20px; gap: 20px;
padding: 0.5rem; padding: 0.5rem;
max-width: 50%;
flex-grow: 1;
}
.fancy_link_container {
display: flex;
margin: auto;
gap: 20px;
flex-wrap: wrap;
justify-content: space-evenly;
} }
.link:hover { .link:hover {

4
layouts/partials/pretty_link.erb
View file

@ -1,4 +1,4 @@
<div class="link" onclick="window.location.href = '<%= item.path %>'"> <a class="link" href="<%= item.path %>">
<div class="link__img"> <div class="link__img">
<img src="https://dsa.ugent.be/api/verenigingen/<%= abbreviation(item) %>/logo?size=small" alt="<%= item[:naam] %>"> <img src="https://dsa.ugent.be/api/verenigingen/<%= abbreviation(item) %>/logo?size=small" alt="<%= item[:naam] %>">
</div> </div>
@ -10,4 +10,4 @@
<%= text_segment(item.compiled_content) %> <%= text_segment(item.compiled_content) %>
</p> </p>
</div> </div>
</div> </a>

2
layouts/thema.erb
View file

@ -3,7 +3,9 @@
<div class="details-container details-text"> <div class="details-container details-text">
<%= yield %> <%= yield %>
</div> </div>
<div class="fancy_link_container">
<% verenigingen_voor_thema(item[:naam]).each do |ver| %> <% verenigingen_voor_thema(item[:naam]).each do |ver| %>
<%= render '/partials/pretty_link.*', :item => ver %> <%= render '/partials/pretty_link.*', :item => ver %>
<% end %> <% end %>
</div>
</div> </div>