Merge remote-tracking branch 'origin/master' into verenigingen-webpage
This commit is contained in:
Arthur Deruytter
commit
05716980e1
13 changed files with 246 additions and 51 deletions
1
.ruby-version
Normal file
1
.ruby-version
Normal file
|
|
@ -0,0 +1 @@
|
|||
2.7.0
|
||||
|
|
@ -1,2 +1,8 @@
|
|||
# durfdoen-2.0
|
||||
Durf Doen 2.0
|
||||
|
||||
## Setup instructions
|
||||
|
||||
1. Install bundler (`gem install bundler`)
|
||||
2. Install other gems (`bundle install`)
|
||||
3. Build and serve the site (`bundle exec nanoc live`)
|
||||
|
|
|
|||
14
Rules
14
Rules
|
|
@ -7,6 +7,20 @@ compile '/verenigingen/*.md' do
|
|||
write ext: 'html'
|
||||
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
|
||||
filter :kramdown
|
||||
layout '/homepage.*'
|
||||
|
|
|
|||
BIN
content/assets/logos/placeholder.png
Normal file
BIN
content/assets/logos/placeholder.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 17 KiB |
28
content/events/test.md
Normal file
28
content/events/test.md
Normal 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
31
content/konventen/test.md
Normal 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.
|
||||
|
|
@ -0,0 +1,60 @@
|
|||
img {
|
||||
max-width: 100%;
|
||||
max-height: 100%;
|
||||
object-fit: contain;
|
||||
}
|
||||
|
||||
body {
|
||||
box-sizing: border-box;
|
||||
max-width: 1200px;
|
||||
margin: 0 auto;
|
||||
padding: 0.5em;
|
||||
}
|
||||
|
||||
h1 {
|
||||
border-left: 2px solid;
|
||||
border-bottom: 2px solid;
|
||||
display: inline-block;
|
||||
padding: 2px 16px 2px 4px;
|
||||
}
|
||||
|
||||
.content-wrapper {
|
||||
margin: auto auto;
|
||||
}
|
||||
.details-wrapper {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
justify-content: space-between;
|
||||
.details-logo {
|
||||
order: 0;
|
||||
flex-basis: 10%;
|
||||
}
|
||||
.details-text {
|
||||
order: 1;
|
||||
flex-basis: 70%;
|
||||
}
|
||||
.details-photo {
|
||||
order: 2;
|
||||
flex-basis: 15%;
|
||||
.showcase-container {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: space-around;
|
||||
align-items: center;
|
||||
.showcase-image {
|
||||
align-self: center;
|
||||
margin: 0.5em;
|
||||
max-width: 150px;
|
||||
}
|
||||
}
|
||||
}
|
||||
.details-contact {
|
||||
order: 3;
|
||||
flex-basis: 100%;
|
||||
border-top: 2px solid black;
|
||||
}
|
||||
.details-verenigingen{
|
||||
order: 4;
|
||||
flex-basis: 100%;
|
||||
}
|
||||
}
|
||||
|
|
@ -1,32 +1,18 @@
|
|||
---
|
||||
titel: VVN
|
||||
naam: VVN
|
||||
logo: placeholder.png
|
||||
contact: some_email@some_domain.com
|
||||
website: www.somewebsite.com
|
||||
social:
|
||||
- platform: facebook
|
||||
link: facebook-link
|
||||
- platform: twitter
|
||||
link: facebook-link
|
||||
showcase:
|
||||
- photo: image.png
|
||||
themas:
|
||||
- wetenschap-techniek
|
||||
konvent: WVK
|
||||
bestuur:
|
||||
- naam: Bastiaan Aelbrecht
|
||||
functie: Voorzitter
|
||||
- naam: Fleur Hubau
|
||||
functie: Ondervoorzitter
|
||||
- naam: Jorden De Bolle
|
||||
functie: Penningmeester
|
||||
- naam: Jacob Lamers
|
||||
functie: Secretaris
|
||||
- naam: Dante De Ruwe
|
||||
functie: PR Intern
|
||||
- naam: Thibault Spiessens
|
||||
functie: PR Intern/Webmaster
|
||||
- naam: Julian De Vuyst
|
||||
functie: PR Extern
|
||||
- naam: Marco Deweirdt
|
||||
functie: Reisleider
|
||||
- naam: Bjorn Verstraeten
|
||||
functie: Reisleider
|
||||
- naam: Ian Bauwens
|
||||
functie: Voorzitter werkgroep sterrenkunde
|
||||
- naam: Lukas Devos
|
||||
functie: Ondervoorzitter werkgroep sterrenkunde
|
||||
- naam: thema1
|
||||
---
|
||||
|
||||
# Over ons
|
||||
|
|
|
|||
|
|
@ -1,24 +1,24 @@
|
|||
---
|
||||
titel: Zeus WPI
|
||||
naam: Zeus WPI
|
||||
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:
|
||||
- wetenschap-techniek
|
||||
konvent: WVK
|
||||
bestuur:
|
||||
- functie: Voorzitter
|
||||
naam: Robbe Van Herck
|
||||
- functie: Vicevoorzitter
|
||||
naam: Arthur Vercruysse
|
||||
- functie: Penningmeester
|
||||
naam: Timo De Waele
|
||||
- functie: Sysadmin
|
||||
naam: Jasper Devreker
|
||||
- functie: Projecten
|
||||
naam: Arne Bertrand
|
||||
- functie: Projecten
|
||||
naam: Maxime Bloch
|
||||
- functie: PR-verantwoordelijke
|
||||
naam: Yasmine Bogaert
|
||||
- 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
|
||||
---
|
||||
|
||||
Een passie voor informatica en zin om hands-on bij te leren? Zeus doet je verder kijken dan wat het lessenpakket aanbiedt. Bij ons vind je niet alleen lezingen en workshops rond alles wat met de computerwetenschappen te maken heeft maar ook een hoop coole projecten die we samen met onze leden uitwerken.
|
||||
|
|
|
|||
10
layouts/event.erb
Normal file
10
layouts/event.erb
Normal 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
9
layouts/konvent.erb
Normal 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>
|
||||
49
layouts/partials/detail.erb
Normal file
49
layouts/partials/detail.erb
Normal 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 %>
|
||||
|
|
@ -1,8 +1,9 @@
|
|||
<div class="content-wrapper">
|
||||
<h1> <%= item[:naam] %> </h1>
|
||||
<h2> Het bestuur: </h2>
|
||||
<ul>
|
||||
<% for persoon in item[:bestuur] %>
|
||||
<li> <%= persoon[:functie] %>: <%= persoon[:naam] %> </li>
|
||||
<% end %>
|
||||
</ul>
|
||||
<%= yield %>
|
||||
<div class="details-wrapper">
|
||||
<div class="details-container details-text">
|
||||
<%= yield %>
|
||||
</div>
|
||||
<%= render '/partials/detail.*' %>
|
||||
</div>
|
||||
</div>
|
||||
|
|
|
|||
Loading…
Reference in a new issue