diff --git a/Rules b/Rules index 275f1e3..12abd0d 100644 --- a/Rules +++ b/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.*' diff --git a/content/assets/logos/placeholder.png b/content/assets/logos/placeholder.png new file mode 100644 index 0000000..09920f8 Binary files /dev/null and b/content/assets/logos/placeholder.png differ diff --git a/content/events/test.md b/content/events/test.md new file mode 100644 index 0000000..b2c6944 --- /dev/null +++ b/content/events/test.md @@ -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. \ No newline at end of file diff --git a/content/konventen/test.md b/content/konventen/test.md new file mode 100644 index 0000000..b8da150 --- /dev/null +++ b/content/konventen/test.md @@ -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. \ No newline at end of file diff --git a/content/stylesheets/main.scss b/content/stylesheets/main.scss index e69de29..5422406 100644 --- a/content/stylesheets/main.scss +++ b/content/stylesheets/main.scss @@ -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%; + } +} diff --git a/content/verenigingen/vvn.md b/content/verenigingen/vvn.md index a95e6db..41db09e 100644 --- a/content/verenigingen/vvn.md +++ b/content/verenigingen/vvn.md @@ -1,6 +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: + - naam: thema1 --- # Over ons @@ -11,7 +23,7 @@ De sterrenkundigen zien hun geliefde ster plots bevriezen. Aan de Zuidpool staat Supergeleiding op kamertemperatuur, de formidale kwantumcomputer, de werking van ons hart/brein, de klimaatverandering, de jacht op exoplaneten, kwantummechanische fase-overgangen, spintronica, kernfusie… Zovele vragen, zovele mysteries, zoveel Fun. - + En jij, helemaal met verstomming geslagen, merkt de website van de Gentse Vereniging voor Natuurkunde op. Je krijgt spontaan een warm gevoel van binnen, gevoed door een vurig verlangen naar natuurkunde. Om deze honger naar waarheid en mystiek te voeden, hebben een aantal natuurkunde- en ingenieursstudenten in 1992 de VVN opgericht. De VVN is een studievereniging, die iedereen van boreling tot nestor, geïnteresseerd in natuurkunde, tracht te overkoepelen over de faculteitsgrenzen heen. @@ -19,6 +31,6 @@ Je zal bij ons geen Carapils kunnen verkrijgen, of een kiel en een lint, een can Ons grootste deel van de tijd gaat naar het organiseren van lezingen. Lezingen geschikt zowel voor de geïnteresseerde leek, als de doorgewinterde natuurfilosoof, als zij die pronken met A Brief History of Time in hun boekenkast. Wegens het ontbreken van een gelijkaardige vereniging aan de andere universiteiten, is de VVN voornamelijk hierom bekend in België. Maar wetenschapspopularisatie gaat verder dan slimme mensen een Powerpointpresentatie te laten maken. Met ons budget trachten we experimentele opstellingen aan te schaffen, zoals een trillende plaat, een railgun, een Stirlingmotor, een nevelkamer, een supergeleidende magneet en een ware ‘Elektriseermachine’. Hiermee beogen we iedereen warm te maken voor de wondere wereld van de natuurkunde en echte, coole fysica van dichtbij te laten ervaren. Bij heldere hemel nodigen we iedereen uit om op het dak van de S9 sterren te spotten door professionele telescopen, onder begeleiding van astronomen. - + Nu, zijn wij echt een groepje nerds? Welnee, de VVN brengt eigenlijk vooral mensen samen. Na al die lezingen staat er steeds een frisse pint en een nootje voor jullie klaar. En een heleboel gelijkgezinden waarmee je tot in de late uurtjes kan filosoferen. \ No newline at end of file diff --git a/content/verenigingen/zeus.md b/content/verenigingen/zeus.md index ce554a1..7519aab 100644 --- a/content/verenigingen/zeus.md +++ b/content/verenigingen/zeus.md @@ -1,6 +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: + - 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. \ No newline at end of file diff --git a/layouts/event.erb b/layouts/event.erb new file mode 100644 index 0000000..9c5f081 --- /dev/null +++ b/layouts/event.erb @@ -0,0 +1,10 @@ +
+

<%= item[:naam] %>

+

georganiseerd door: <%= item[:organiser] %>

+
+
+ <%= yield %> +
+ <%= render '/partials/detail.*' %> +
+
\ No newline at end of file diff --git a/layouts/konvent.erb b/layouts/konvent.erb new file mode 100644 index 0000000..7dd476d --- /dev/null +++ b/layouts/konvent.erb @@ -0,0 +1,9 @@ +
+

<%= item[:naam] %>

+
+
+ <%= yield %> +
+ <%= render '/partials/detail.*' %> +
+
\ No newline at end of file diff --git a/layouts/partials/detail.erb b/layouts/partials/detail.erb new file mode 100644 index 0000000..9bc1822 --- /dev/null +++ b/layouts/partials/detail.erb @@ -0,0 +1,49 @@ + +
+ <% if item[:deelname_link] %> + <%= item[:deelname_link] %> + <% end %> +
+

<%= item[:contact] %>

+

<%= item[:website] %>

+
+
+ +
+
+
+
+ <% for showcase_img in item[:showcase] %> +
+ showcase img +
+ <% end %> +
+
+

Thema's: +

+

+
+
+<% if item[:verenigingen] %> +
+ <% for vereniging in item[:verenigingen] %> +
+

<%= vereniging[:naam] %>

+ vereniging logo +
+ <% end %> +
+<% end %> \ No newline at end of file diff --git a/layouts/vereniging.erb b/layouts/vereniging.erb index ed5d101..e93ec81 100644 --- a/layouts/vereniging.erb +++ b/layouts/vereniging.erb @@ -1,2 +1,9 @@ +

<%= item[:naam] %>

-<%= yield %> \ No newline at end of file +
+
+ <%= yield %> +
+ <%= render '/partials/detail.*' %> +
+