add icons for themes

content/assets/themas_icon/cultuur.svg

@@ -0,0 +1 @@
+<svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="paint-brush" class="svg-inline--fa fa-paint-brush fa-w-16" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="currentColor" d="M167.02 309.34c-40.12 2.58-76.53 17.86-97.19 72.3-2.35 6.21-8 9.98-14.59 9.98-11.11 0-45.46-27.67-55.25-34.35C0 439.62 37.93 512 128 512c75.86 0 128-43.77 128-120.19 0-3.11-.65-6.08-.97-9.13l-88.01-73.34zM457.89 0c-15.16 0-29.37 6.71-40.21 16.45C213.27 199.05 192 203.34 192 257.09c0 13.7 3.25 26.76 8.73 38.7l63.82 53.18c7.21 1.8 14.64 3.03 22.39 3.03 62.11 0 98.11-45.47 211.16-256.46 7.38-14.35 13.9-29.85 13.9-45.99C512 20.64 486 0 457.89 0z"></path></svg>

content/assets/themas_icon/diversiteit.svg

@@ -0,0 +1 @@
+<svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="handshake" class="svg-inline--fa fa-handshake fa-w-20" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512"><path fill="currentColor" d="M434.7 64h-85.9c-8 0-15.7 3-21.6 8.4l-98.3 90c-.1.1-.2.3-.3.4-16.6 15.6-16.3 40.5-2.1 56 12.7 13.9 39.4 17.6 56.1 2.7.1-.1.3-.1.4-.2l79.9-73.2c6.5-5.9 16.7-5.5 22.6 1 6 6.5 5.5 16.6-1 22.6l-26.1 23.9L504 313.8c2.9 2.4 5.5 5 7.9 7.7V128l-54.6-54.6c-5.9-6-14.1-9.4-22.6-9.4zM544 128.2v223.9c0 17.7 14.3 32 32 32h64V128.2h-96zm48 223.9c-8.8 0-16-7.2-16-16s7.2-16 16-16 16 7.2 16 16-7.2 16-16 16zM0 384h64c17.7 0 32-14.3 32-32V128.2H0V384zm48-63.9c8.8 0 16 7.2 16 16s-7.2 16-16 16-16-7.2-16-16c0-8.9 7.2-16 16-16zm435.9 18.6L334.6 217.5l-30 27.5c-29.7 27.1-75.2 24.5-101.7-4.4-26.9-29.4-24.8-74.9 4.4-101.7L289.1 64h-83.8c-8.5 0-16.6 3.4-22.6 9.4L128 128v223.9h18.3l90.5 81.9c27.4 22.3 67.7 18.1 90-9.3l.2-.2 17.9 15.5c15.9 13 39.4 10.5 52.3-5.4l31.4-38.6 5.4 4.4c13.7 11.1 33.9 9.1 45-4.7l9.5-11.7c11.2-13.8 9.1-33.9-4.6-45.1z"></path></svg>

content/assets/themas_icon/duurzaamheid en groen.svg

@@ -0,0 +1 @@
+<svg aria-hidden="true" focusable="false" data-prefix="fab" data-icon="envira" class="svg-inline--fa fa-envira fa-w-14" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path fill="currentColor" d="M0 32c477.6 0 366.6 317.3 367.1 366.3L448 480h-26l-70.4-71.2c-39 4.2-124.4 34.5-214.4-37C47 300.3 52 214.7 0 32zm79.7 46c-49.7-23.5-5.2 9.2-5.2 9.2 45.2 31.2 66 73.7 90.2 119.9 31.5 60.2 79 139.7 144.2 167.7 65 28 34.2 12.5 6-8.5-28.2-21.2-68.2-87-91-130.2-31.7-60-61-118.6-144.2-158.1z"></path></svg>

content/assets/themas_icon/economie en development.svg

@@ -0,0 +1 @@
+<svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="hand-holding-usd" class="svg-inline--fa fa-hand-holding-usd fa-w-18" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512"><path fill="currentColor" d="M271.06,144.3l54.27,14.3a8.59,8.59,0,0,1,6.63,8.1c0,4.6-4.09,8.4-9.12,8.4h-35.6a30,30,0,0,1-11.19-2.2c-5.24-2.2-11.28-1.7-15.3,2l-19,17.5a11.68,11.68,0,0,0-2.25,2.66,11.42,11.42,0,0,0,3.88,15.74,83.77,83.77,0,0,0,34.51,11.5V240c0,8.8,7.83,16,17.37,16h17.37c9.55,0,17.38-7.2,17.38-16V222.4c32.93-3.6,57.84-31,53.5-63-3.15-23-22.46-41.3-46.56-47.7L282.68,97.4a8.59,8.59,0,0,1-6.63-8.1c0-4.6,4.09-8.4,9.12-8.4h35.6A30,30,0,0,1,332,83.1c5.23,2.2,11.28,1.7,15.3-2l19-17.5A11.31,11.31,0,0,0,368.47,61a11.43,11.43,0,0,0-3.84-15.78,83.82,83.82,0,0,0-34.52-11.5V16c0-8.8-7.82-16-17.37-16H295.37C285.82,0,278,7.2,278,16V33.6c-32.89,3.6-57.85,31-53.51,63C227.63,119.6,247,137.9,271.06,144.3ZM565.27,328.1c-11.8-10.7-30.2-10-42.6,0L430.27,402a63.64,63.64,0,0,1-40,14H272a16,16,0,0,1,0-32h78.29c15.9,0,30.71-10.9,33.25-26.6a31.2,31.2,0,0,0,.46-5.46A32,32,0,0,0,352,320H192a117.66,117.66,0,0,0-74.1,26.29L71.4,384H16A16,16,0,0,0,0,400v96a16,16,0,0,0,16,16H372.77a64,64,0,0,0,40-14L564,377a32,32,0,0,0,1.28-48.9Z"></path></svg>

content/assets/themas_icon/home.svg

@@ -0,0 +1 @@
+<svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="caravan" class="svg-inline--fa fa-caravan fa-w-20" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512"><path fill="currentColor" d="M416,208a16,16,0,1,0,16,16A16,16,0,0,0,416,208ZM624,320H576V160A160,160,0,0,0,416,0H64A64,64,0,0,0,0,64V320a64,64,0,0,0,64,64H96a96,96,0,0,0,192,0H624a16,16,0,0,0,16-16V336A16,16,0,0,0,624,320ZM192,432a48,48,0,1,1,48-48A48.05,48.05,0,0,1,192,432Zm64-240a32,32,0,0,1-32,32H96a32,32,0,0,1-32-32V128A32,32,0,0,1,96,96H224a32,32,0,0,1,32,32ZM448,320H320V128a32,32,0,0,1,32-32h64a32,32,0,0,1,32,32Z"></path></svg>

content/assets/themas_icon/internationaal.svg

@@ -0,0 +1 @@
+<svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="globe" class="svg-inline--fa fa-globe fa-w-16" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 496 512"><path fill="currentColor" d="M336.5 160C322 70.7 287.8 8 248 8s-74 62.7-88.5 152h177zM152 256c0 22.2 1.2 43.5 3.3 64h185.3c2.1-20.5 3.3-41.8 3.3-64s-1.2-43.5-3.3-64H155.3c-2.1 20.5-3.3 41.8-3.3 64zm324.7-96c-28.6-67.9-86.5-120.4-158-141.6 24.4 33.8 41.2 84.7 50 141.6h108zM177.2 18.4C105.8 39.6 47.8 92.1 19.3 160h108c8.7-56.9 25.5-107.8 49.9-141.6zM487.4 192H372.7c2.1 21 3.3 42.5 3.3 64s-1.2 43-3.3 64h114.6c5.5-20.5 8.6-41.8 8.6-64s-3.1-43.5-8.5-64zM120 256c0-21.5 1.2-43 3.3-64H8.6C3.2 212.5 0 233.8 0 256s3.2 43.5 8.6 64h114.6c-2-21-3.2-42.5-3.2-64zm39.5 96c14.5 89.3 48.7 152 88.5 152s74-62.7 88.5-152h-177zm159.3 141.6c71.4-21.2 129.4-73.7 158-141.6h-108c-8.8 56.9-25.6 107.8-50 141.6zM19.3 352c28.6 67.9 86.5 120.4 158 141.6-24.4-33.8-41.2-84.7-50-141.6h-108z"></path></svg>

content/assets/themas_icon/politiek en filosofisch.svg

@@ -0,0 +1 @@
+<svg id="Capa_1" enable-background="new 0 0 512 512" height="512" viewBox="0 0 512 512" width="512" xmlns="http://www.w3.org/2000/svg"><g><path d="m324.01 146.01c-38.703 34.65-97.295 34.67-136.02 0-17.61 21.27-26.99 50-26.99 77.99v19h190v-19c0-27.99-9.39-56.72-26.99-77.99zm-68.01-4.01c37.602 0 71-29.403 71-70 0-39.38-31.89-72-71-72-39.07 0-71 32.58-71 72 0 40.47 33.287 70 71 70zm241 131h-18v-49c0-2.72-.74-5.39-2.14-7.72l-25.1-41.83c7-8.21 11.24-18.84 11.24-30.45 0-25.92-21.08-47-47-47s-47 21.08-47 47c0 29.88 27.68 52.33 57.05 45.91l22.95 38.25v44.84h-386v-44.84l22.95-38.25c29.41 6.43 57.05-16.09 57.05-45.91 0-25.92-21.08-47-47-47s-47 21.08-47 47c0 11.61 4.24 22.24 11.24 30.45l-25.1 41.83c-1.4 2.33-2.14 5-2.14 7.72v49h-18c-8.28 0-15 6.72-15 15v80c0 8.28 6.72 15 15 15h482c8.28 0 15-6.72 15-15v-80c0-8.28-6.72-15-15-15zm-432 140v84c0 8.28 6.72 15 15 15h352c8.28 0 15-6.72 15-15v-84zm255 50h-128c-8.28 0-15-6.72-15-15s6.72-15 15-15h128c8.28 0 15 6.72 15 15s-6.72 15-15 15z"/></g></svg>

content/assets/themas_icon/wetenschap en techniek.svg

@@ -0,0 +1 @@
+<svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="dna" class="svg-inline--fa fa-dna fa-w-14" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path fill="currentColor" d="M.1 494.1c-1.1 9.5 6.3 17.8 15.9 17.8l32.3.1c8.1 0 14.9-5.9 16-13.9.7-4.9 1.8-11.1 3.4-18.1H380c1.6 6.9 2.9 13.2 3.5 18.1 1.1 8 7.9 14 16 13.9l32.3-.1c9.6 0 17.1-8.3 15.9-17.8-4.6-37.9-25.6-129-118.9-207.7-17.6 12.4-37.1 24.2-58.5 35.4 6.2 4.6 11.4 9.4 17 14.2H159.7c21.3-18.1 47-35.6 78.7-51.4C410.5 199.1 442.1 65.8 447.9 17.9 449 8.4 441.6.1 432 .1L399.6 0c-8.1 0-14.9 5.9-16 13.9-.7 4.9-1.8 11.1-3.4 18.1H67.8c-1.6-7-2.7-13.1-3.4-18.1-1.1-8-7.9-14-16-13.9L16.1.1C6.5.1-1 8.4.1 17.9 5.3 60.8 31.4 171.8 160 256 31.5 340.2 5.3 451.2.1 494.1zM224 219.6c-25.1-13.7-46.4-28.4-64.3-43.6h128.5c-17.8 15.2-39.1 30-64.2 43.6zM355.1 96c-5.8 10.4-12.8 21.1-21 32H114c-8.3-10.9-15.3-21.6-21-32h262.1zM92.9 416c5.8-10.4 12.8-21.1 21-32h219.4c8.3 10.9 15.4 21.6 21.2 32H92.9z"></path></svg>

content/stylesheets/main.css

@@ -350,6 +350,10 @@ fieldset p label input {
   max-width: 33%;
 }
 
+.tile--white {
+  background-color: antiquewhite;
+}
+
 .tile::before {
   content: "";
   float: left;
@@ -411,7 +415,8 @@ fieldset p label input {
   flex-basis: 1;
 }
 
-.split-2-2 {
+.split-2-2,
+.split-2-1 {
   width: 45%;
 }
 

content/verenigingen/aiesec.md

@@ -11,7 +11,7 @@ social:
   - platform: facebook
     link: https://www.facebook.com/AIESECinBelgium/
 themas:
-  - economie en develpment
+  - economie en development
   - internationaal
 ---
 

content/verenigingen/capitant.md

@@ -7,7 +7,7 @@ konvent: wvk
 contact: info@capitant.be
 website: https://capitant.be/
 themas:
-  -  economie en develpment
+  -  economie en development
 ---
 
 We organise various events about financial markets that include debates, workshops, guest lectures, professional networking events and so much more! On top of all this, we go on international finance trips together.

content/verenigingen/feunig.md

@@ -4,5 +4,5 @@ id: feunig
 naam: Feunig
 konvent: wvk
 themas:
-  -  economie en develpment
+  -  economie en development
 ---

content/verenigingen/flyse.md

@@ -16,7 +16,7 @@ social:
   - platform: twitter
     link: https://twitter.com/FLYSE_BE
 themas:
-  -  economie en develpment
+  -  economie en development
 ---
 
 De Flanders Youth Society for Entrepreneurship, kortweg FLYSE, inspireert reeds 9 jaar tot ondernemerschap in het Gentse studentenmilieu. Het FLYSE-bestuur en alle FLYSE-leden zijn stuk voor stuk jonge, gemotiveerde studenten die ernaar streven om ondernemerschap te promoten.

content/verenigingen/oedc.md

@@ -9,7 +9,7 @@ social:
   - platform: facebook
     link: https://www.facebook.com/180DegreesConsultingGhent
 themas:
-  -  economie en develpment
+  -  economie en development
 ---
 
 180 Degrees Consulting is the world’s largest student-driven consultancy. The Ghent branch was founded on July 1, 2014 and operates at Ghent University. We bring top university talent to the non-profit sector, transforming good organizations into great ones via our high-quality and uniquely affordable consulting services. Our mission is to strengthen the ability of socially conscious organizations and to achieve high impact social outcomes trough the development of innovative, practical and sustainable solutions.

layouts/verenigingen.erb

@@ -3,8 +3,8 @@
     <h1 class="split-title"> Thema's </h1>
     <div class="tile-grid">
       <% for thema in themas %>
-        <div class="tile clickable tile--medium" onclick="window.location.href = '<%= thema.path %>'">
-          <img class="tile__image" src="/content/assets/themas/<%= thema[:naam] %>.jpg" alt="<%= thema[:naam] %>">
+        <div class="tile clickable tile--medium tile--white" onclick="window.location.href = '<%= thema.path %>'">
+          <img class="tile__image" src="/assets/themas_icon/<%= thema[:naam] %>.svg" alt="<%= thema[:naam] %>">
           <p class="tile__title tile__title--medium"> <%= thema[:naam] %> </p>
         </div>
       <% end %>