fix things

content/konventen/fk.md

@@ -1,13 +1,14 @@
 ---
 naam: Faculteiten Konvent Gent vzw
 verkorte_naam: FK Gent
+id: fk
 contact: fk@student.ugent.be
 website: https://www.fkgent.be/
 social:
   - platform: facebook
     link: https://www.facebook.com/FaculteitenKonventGent
 themas:
-  -  faculteit
+  - faculteit
 showcase:
   - photo: https://via.placeholder.com/300.png/09f/fff
   - photo: https://via.placeholder.com/300.png/09f/fff
@@ -18,4 +19,5 @@ verenigingen:
   - verkorte_naam: vereniging2
     photo: https://via.placeholder.com/200.png/90f/fff
 ---
+
 Het Faculteiten Konvent overkoepelt meer dan 29 verenigingen. Voor elke opleiding aan de universiteit bestaat er wel een Faculteitskring. Ze verzorgen de opvang van nieuwe studenten en organiseren tal van activiteiten waar elkeen zijn medestudenten kan ontmoeten.

content/konventen/gsr.md

@@ -1,21 +1,23 @@
 ---
 naam: Gentse Studentenraad
+id: gsr
 verkorte_naam: GSR
 contact: info@gentsestudentenraad.be
 website: https://www.gentsestudentenraad.be
 social:
   - platform: facebook
-    link: https://www.facebook.com/gentsestudentenraad  
+    link: https://www.facebook.com/gentsestudentenraad
   - platform: twitter
     link: https://twitter.com/GentseStud
   - platform: instagram
     link: https://www.instagram.com/gentsestudentenraad/
 themas:
-  -  engagement
+  - engagement
 showcase:
- - photo: /assets/logos/GSRA.jpg
- - photo: /assets/logos/GSRB.jpg
- - photo: /assets/logos/GSRC.jpg
+  - photo: /assets/logos/GSRA.jpg
+  - photo: /assets/logos/GSRB.jpg
+  - photo: /assets/logos/GSRC.jpg
 ---
+
 De Gentse Studentenraad is de centrale studentenraad van de UGent. De Gentse Studentenraad vertegenwoordigt en verdedigt (de belangen van) de studenten bij het universiteitsbestuur. Gaande van onderwijsaangelegenheden (Onderwijs- en examenreglement (OER), bijzondere statuten, studiemaatregelen ...) tot sociale zaken (homes, studentenresto's), de thema's die binnen de Gentse Studentenraad worden aangesneden zijn bijzonder divers.
 De Gentse Studentenraad is echter op meer niveaus aanwezig dan enkel het universitaire. In de eerste plaats ondersteunt de Gentse Studentenraad de elf facultaire studentenraden. Ook op het stedelijk niveau en op het Vlaams niveau is de Gentse Studentenraad actief. Daarenboven ondersteunt de Gentse Studentenraad ook verschillende grote en minder grote projecten zoals de Fietsambassade, Cultour en Start to Talk.

content/konventen/hk.md

@@ -1,5 +1,6 @@
 ---
 naam: Home Konvent
+id: hk
 verkorte_naam: HK
 contact: hk@student.ugent.be
 website: https://www.homekonvent.be/
@@ -11,7 +12,7 @@ social:
   - platform: instagram
     link: https://www.instagram.com/homekonventgent/
 themas:
-  -  home
+  - home
 showcase:
   - photo: /assets/logos/HKA.jpg
   - photo: /assets/logos/HKB.PNG
@@ -22,4 +23,5 @@ verenigingen:
   - verkorte_naam: vereniging2
     photo: https://via.placeholder.com/200.png/90f/fff
 ---
+
 Het HK is een plaats waar de verschillende vereningingen van de 5 homes elkaar treffen.

content/konventen/ik.md

@@ -1,6 +1,7 @@
 ---
 naam: Internationaal Konvent
 verkorte_naam: IK Gent
+id: ik
 contact: ik@student.ugent.be
 website: https://internationaalkonv.wixsite.com/internationalkonvent
 social:
@@ -23,6 +24,7 @@ verenigingen:
   - verkorte_naam: vereniging2
     photo: https://via.placeholder.com/200.png/90f/fff
 ---
+
 Het IK probeert de buitenlandse studenten en internationale studentenverenigingen te helpen in hun zoektocht naar informatie & ontspanning.
 
 We want international students to feel included by providing information concerning student activities and the university whilst working with internationally minded people and organisations.

content/konventen/kultk.md

@@ -1,5 +1,6 @@
 ---
 naam: Kultureel Konvent
+id: kultk
 verkorte_naam: Kultureel Konvent
 contact: kultureelkonvent@gmail.com
 website: http://student.ugent.be/kultkcentraal/index.html
@@ -7,6 +8,7 @@ social:
   - platform: facebook
     link: https://www.facebook.com/KultureelKonvent/
 themas:
-  -  cultuur
+  - cultuur
 ---
+
 Het KultK telt acht vereningen die elk een eigen deel van de Kultuur met de grote K proberen te introduceren aan de medestudenten.

content/konventen/pfk.md

@@ -1,6 +1,7 @@
 ---
 naam: Politiek en Filosofisch Konvent
 verkorte_naam: PFK
+id: pfk
 contact: pfk@student.ugent.be
 website: https://pfk.ugent.be/
 social:
@@ -8,14 +9,6 @@ social:
     link: https://www.facebook.com/PFKGent/
 themas:
   - politiek en filosofisch
-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:
-  - verkorte_naam: vereniging1
-    photo: https://via.placeholder.com/200.png/90f/fff
-  - verkorte_naam: vereniging2
-    photo: https://via.placeholder.com/200.png/90f/fff
 ---
+
 Het PFK groepeert de politieke, filosofische en levensbeschouwelijke verenigingen aan de UGent. Dit konvent is de uitgelezen plaats om je aan te sluiten bij een ideologische, filosofische of politieke beweging.

content/stylesheets/main.css

@@ -469,6 +469,7 @@ h2 {
   gap: 20px;
   padding: 0.5rem;
   max-width: 600px;
+  width: 100%;
 }
 
 .fancy_link_container {
@@ -476,6 +477,7 @@ h2 {
   grid-template-columns: 50% 50%;
   margin: auto;
   gap: 20px;
+  place-items: center;
 }
 
 @media only screen and (max-width: 900px) {
@@ -641,7 +643,7 @@ h2 {
 .detail_title {
   display: flex;
   flex-direction: row;
-  align-items: center;
+  align-items: baseline;
   flex-wrap: wrap;
   gap: 12px;
   justify-content: center;
@@ -771,6 +773,7 @@ footer {
   flex-wrap: wrap;
   justify-content: center;
   gap: 1rem;
+  width: 100%;
 }
 
 @media only screen and (max-width: 600px) {

layouts/detail.erb

@@ -46,28 +46,8 @@
             </div>
         <% end %>
     <% end %>
-    <div class="thema-container">
-    <% if item[:themas] %>
-        <p><span class="thema-title">Thema's:</span>
-            <ul>
-                <% for thema in item[:themas] %>
-                    <li><%= thema %></li>
-                <% end %>
-            </ul>
-        </p>
-    <% end %>
     </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 %>
 <% if item.path.include? "konventen" %>
     <div class="fancy_link_container">
     <% verenigingen_voor_konvent(item[:id]).sort_by{ |x| x[:naam] }.each do |vereniging|  %>