midgard/zeus.ugent.be
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

Panorama photos full width, add photo album

Browse source
This commit is contained in:
Rien Maertens 2018-04-09 23:43:23 +02:00
parent 2d2a6e12d7
commit d5f6c306e4
No known key found for this signature in database
GPG key ID: 943CAB70C511D23C
3 changed files with 16 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

10
content/assets/stylesheets/includes/blogpost.scss
View file

@ -115,3 +115,13 @@ $sel: '';
width: 100%;
}
}
img.full-width {
margin-left: -50vw;
margin-right: -50vw;
width: 100vw;
max-width: 100vw;
position: relative;
left: 50%;
right: 50%;
}

6
content/blog/17-18/vleor.md
View file

@ -61,7 +61,7 @@ De zwaardere en grotere voorwerpen werden in de gang gesmeten.
<%= figure 'https://zeus.ugent.be/zeuswpi/1RXca_tJ.jpg', 'Volop aan het werken' %>
<%= figure 'https://zeus.ugent.be/zeuswpi/SM5ToXlH.jpg', 'Lege kelder in panorama' %>
<%= figure 'https://zeus.ugent.be/zeuswpi/SM5ToXlH.jpg', 'Lege kelder in panorama', img_class: 'full-width' %>
<%= figure 'https://zeus.ugent.be/zeuswpi/dLDR0GR4.jpg', 'Volledig leeg, op een bedankingkje voor de noeste arbeiders na' %>
@ -94,7 +94,9 @@ Doorheen de dag konden nieuwsgierige voorbijgangers bewonderen en vooral horen h
<%= figure 'https://zeus.ugent.be/zeuswpi/XkLhaJVu.jpg', 'Uiteraard werd de nieuwe zetelopstelling uitgebreid getest.' %>
<%= figure 'https://zeus.ugent.be/zeuswpi/trZFwU90.jpg', 'Het eindresultaat' %>
<%= figure 'https://zeus.ugent.be/zeuswpi/trZFwU90.jpg', 'Het eindresultaat', img_class: 'full-width' %>
[Hier](https://photos.app.goo.gl/msViDCs4CtUFM90D2) kun je nog eens nagenieten van de volledige fotoreportage.
Tot slot dankt Zeus en zijn bezoekers de volgende mensen voor hun bijdrage aan het bannen van rood stof uit onze levens:

4
lib/helpers/blog.rb
View file

@ -14,12 +14,12 @@ module BlogHelper
end
end
def figure(img_url, caption, alt = nil)
def figure(img_url, caption, alt = nil, img_class: nil)
alt ||= caption
<<~HTML
<figure class="image">
<a href="#{img_url}">
<img src="#{img_url}" alt="#{alt}">
<img src="#{img_url}" alt="#{alt}" class="#{img_class}">
</a>
<figcaption>#{caption}</figcaption>
</figure>