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

make contact information readable

Browse source
This commit is contained in:
Ilion Beyst 2020-09-18 03:11:11 +02:00
parent 4e44b5ddb6
commit 8b4d8186f7
2 changed files with 27 additions and 25 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

11
content/stylesheets/main.css
View file

@ -661,6 +661,11 @@ h2 {
gap: 12px;
}
.detail_title > a > img {
max-width:100px;
max-height:100px;
}
.detail_title h2 {
margin: 0;
text-align: center;
@ -684,7 +689,6 @@ h2 {
.social-container > ul {
list-style: none;
display: flex;
padding: 0;
/* gap: 0.5rem; */
margin: auto;
@ -803,15 +807,14 @@ h2 {
.details-contact {
padding: 1rem;
float: right;
padding-left: 100px;
margin: auto;
}
@media only screen and (max-width: 700px) {
.details-contact {
float: none;
max-width: 300px;
padding-bottom: 2rem;
padding-left: 1rem;
}
}

41
layouts/detail.erb
View file

@ -1,25 +1,4 @@
<div class="detail-body">
<div class="details-contact">
<%if item[:deelname_link] || item[:contact] || item[:website]%>
<h3>Contact</h3>
<% if item[:deelname_link] %><a href="<%= item[:deelname_link] %>"><%= item[:deelname_link] %></a><% end %>
<div class="contact-container">
<% if item[:contact] %><p>Email-adres: <a href="<%= item[:contact] %>"><%= item[:contact] %></a></p><%end%>
<% if item[:website] %><p>Website: <a href="<%= item[:website] %>"><%= item[:website] %></a></p><%end%>
</div><%end%>
<% if item[:social] %>
<div class="social-container">
<h4>Sociale media</h4>
<ul>
<% for social in item[:social] %>
<a class="social" href="<%= social[:link] %>">
<img src="/assets/social/<%= social[:platform].downcase %>_small.png">
</a>
<% end %>
</ul>
</div>
<% end %>
</div>
<div class="detail_title">
<a target="_blank" href="<%= item[:website] %>"><img src="<%= small_image_url(item) %>" alt="<%= item[:naam] %>" height=100></a>
<h2><%= item[:naam] %></h2>
@ -33,6 +12,26 @@
<% end %>
<% end %>
</div>
<div class="details-contact">
<%if item[:deelname_link] || item[:contact] || item[:website]%>
<% if item[:deelname_link] %><a href="<%= item[:deelname_link] %>"><%= item[:deelname_link] %></a><% end %>
<div class="contact-container">
<% if item[:contact] %><p>Email: <a href="<%= item[:contact] %>"><%= item[:contact] %></a></p><%end%>
<% if item[:website] %><p>Website: <a href="<%= item[:website] %>"><%= item[:website] %></a></p><%end%>
</div><%end%>
<% if item[:social] %>
<div class="social-container">
<ul>
<% for social in item[:social] %>
<a class="social" href="<%= social[:link] %>">
<img src="/assets/social/<%= social[:platform].downcase %>_small.png">
</a>
<% end %>
</ul>
</div>
<% end %>
</div>
<div class="detail-content">
<%= yield%>
</div>