Made details page for events, konventen & verenigingen

This commit is contained in:
Pieter-Jan Cassiman 2020-02-27 23:03:14 +01:00
parent 7b710f3759
commit 2109a4abbe
8 changed files with 145 additions and 0 deletions

14
Rules
View file

@ -7,6 +7,20 @@ compile '/verenigingen/*.md' do
write ext: 'html' write ext: 'html'
end end
compile '/events/*.md' do
filter :kramdown
layout '/event.*'
layout '/default.*'
write ext: 'html'
end
compile '/konventen/*.md' do
filter :kramdown
layout '/konvent.*'
layout '/default.*'
write ext: 'html'
end
compile '/homepage.md' do compile '/homepage.md' do
filter :kramdown filter :kramdown
layout '/homepage.*' layout '/homepage.*'

Binary file not shown.

After

Width:  |  Height:  |  Size: 17 KiB

28
content/events/test.md Normal file
View file

@ -0,0 +1,28 @@
---
titel: test event
naam: test event
organiser: test organisator
logo: placeholder.png
contact: some_email@some_domain.com
website: www.somewebsite.com
social:
- platform: facebook
link: facebook-link
- platform: twitter
link: twitter-link
- platform: youtube
link: youtube.com/
deelname_link: deelname-link
themas:
- naam: thema1
- naam: thema2
- naam: thema3
showcase:
- photo: https://via.placeholder.com/300.png/09f/fff
- photo: https://via.placeholder.com/300.png/09f/fff
- photo: https://via.placeholder.com/300.png/09f/fff
---
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris tincidunt, est id commodo aliquam, mauris quam sodales sem, blandit laoreet odio nisi sed dui. Integer nec pellentesque magna, nec efficitur velit. Phasellus vel ante turpis. Donec viverra fermentum erat, sed laoreet nulla condimentum at. Etiam sollicitudin ex eget blandit rutrum. Sed ornare tincidunt magna ut congue. Maecenas mollis hendrerit tellus cursus consequat. Cras lacinia velit nec blandit cursus. Duis semper velit ligula, id hendrerit tortor dignissim nec. Nullam vitae malesuada sem. Donec aliquet tortor et lacus porttitor, sit amet varius enim accumsan. Etiam eget arcu tellus. Phasellus pharetra lorem et urna condimentum tincidunt. Donec eget metus tincidunt, tincidunt quam quis, dapibus odio.
Vestibulum at laoreet urna, vel faucibus leo. Nunc quis venenatis felis. Nulla facilisis massa at ligula ornare aliquam. Duis et leo ut diam pellentesque hendrerit at at mi. Interdum et malesuada fames ac ante ipsum primis in faucibus. Etiam lorem mi, congue at justo non, eleifend bibendum justo. Donec et nulla volutpat, dignissim magna vitae, suscipit justo. Suspendisse vel mollis sem.

31
content/konventen/test.md Normal file
View file

@ -0,0 +1,31 @@
---
titel: test konvent
naam: test konvent
logo: placeholder.png
contact: some_email@some_domain.com
website: www.somewebsite.com
social:
- platform: facebook
link: facebook-link
- platform: twitter
link: twitter-link
- platform: youtube
link: youtube.com/
themas:
- naam: thema1
- naam: thema2
- naam: thema3
showcase:
- photo: https://via.placeholder.com/300.png/09f/fff
- photo: https://via.placeholder.com/300.png/09f/fff
- photo: https://via.placeholder.com/300.png/09f/fff
verenigingen:
- naam: vereniging1
photo: https://via.placeholder.com/200.png/90f/fff
- naam: vereniging2
photo: https://via.placeholder.com/200.png/90f/fff
---
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris tincidunt, est id commodo aliquam, mauris quam sodales sem, blandit laoreet odio nisi sed dui. Integer nec pellentesque magna, nec efficitur velit. Phasellus vel ante turpis. Donec viverra fermentum erat, sed laoreet nulla condimentum at. Etiam sollicitudin ex eget blandit rutrum. Sed ornare tincidunt magna ut congue. Maecenas mollis hendrerit tellus cursus consequat. Cras lacinia velit nec blandit cursus. Duis semper velit ligula, id hendrerit tortor dignissim nec. Nullam vitae malesuada sem. Donec aliquet tortor et lacus porttitor, sit amet varius enim accumsan. Etiam eget arcu tellus. Phasellus pharetra lorem et urna condimentum tincidunt. Donec eget metus tincidunt, tincidunt quam quis, dapibus odio.
Vestibulum at laoreet urna, vel faucibus leo. Nunc quis venenatis felis. Nulla facilisis massa at ligula ornare aliquam. Duis et leo ut diam pellentesque hendrerit at at mi. Interdum et malesuada fames ac ante ipsum primis in faucibus. Etiam lorem mi, congue at justo non, eleifend bibendum justo. Donec et nulla volutpat, dignissim magna vitae, suscipit justo. Suspendisse vel mollis sem.

View file

@ -53,4 +53,8 @@ h1 {
flex-basis: 100%; flex-basis: 100%;
border-top: 2px solid black; border-top: 2px solid black;
} }
.details-verenigingen{
order: 4;
flex-basis: 100%;
}
} }

10
layouts/event.erb Normal file
View file

@ -0,0 +1,10 @@
<div class="content-wrapper">
<h1> <%= item[:naam] %> </h1>
<p> georganiseerd door: <%= item[:organiser] %></p>
<div class="details-wrapper">
<div class="details-container details-text">
<%= yield %>
</div>
<%= render '/partials/detail.*' %>
</div>
</div>

9
layouts/konvent.erb Normal file
View file

@ -0,0 +1,9 @@
<div class="content-wrapper">
<h1> <%= item[:naam] %> </h1>
<div class="details-wrapper">
<div class="details-container details-text">
<%= yield %>
</div>
<%= render '/partials/detail.*' %>
</div>
</div>

View file

@ -0,0 +1,49 @@
<div class="details-container details-logo">
<img src="/assets/logos/<%= item[:logo] %>" alt="logo"> </img>
</div>
<div class="details-container details-contact">
<% if item[:deelname_link] %>
<a href="<%= item[:deelname_link] %>"><%= item[:deelname_link] %></a>
<% end %>
<div class="contact-container">
<p><a href="<%= item[:contact] %>"><%= item[:contact] %></a></p>
<p><a href="<%= item[:website] %>"><%= item[:website] %></a></p>
</div>
<div class="social-container">
<ul>
<% for social in item[:social] %>
<li class="social-<%= social[:platform] %>">
<a href="<%= social[:link] %>"><%= social[:link] %></a>
</li>
<% end %>
</ul>
</div>
</div>
<div class="details-container details-photo">
<div class="showcase-container">
<% for showcase_img in item[:showcase] %>
<div class="showcase-image">
<img src="<%= showcase_img[:photo]%>" alt="showcase img"></img>
</div>
<% end %>
</div>
<div class="thema-container">
<p><span class="thema-title">Thema's:</span>
<ul>
<% for thema in item[:themas] %>
<li><%= thema[:naam] %></li>
<% end %>
</ul>
</p>
</div>
</div>
<% if item[:verenigingen] %>
<div class="details-container details-verenigingen">
<% for vereniging in item[:verenigingen] %>
<div class="vereninging-container">
<p><%= vereniging[:naam] %></p>
<img src="<%= vereniging[:photo] %>" alt="vereniging logo"></img>
</div>
<% end %>
</div>
<% end %>