diff --git a/content/assets/social/fetLife_small.png b/content/assets/social/fetlife_small.png similarity index 100% rename from content/assets/social/fetLife_small.png rename to content/assets/social/fetlife_small.png diff --git a/content/assets/social/linkedIn_small.png b/content/assets/social/linkedin_small.png similarity index 100% rename from content/assets/social/linkedIn_small.png rename to content/assets/social/linkedin_small.png diff --git a/content/konventen/wvk.md b/content/konventen/wvk.md index 9d1cf41..97506f4 100644 --- a/content/konventen/wvk.md +++ b/content/konventen/wvk.md @@ -7,6 +7,7 @@ konvent: wvk website: https://wvk.ugent.be/ contact: wvk@student.ugent.be --- + Het WVK groepeert alle maatschappelijk-sociaal geïnspireerde studentenverenigingen en alle wetenschappelijke werkgroepen. Als konvent organiseert het WVK zelf (in tegenstelling tot sommige andere konventen) geen eigen activiteiten, maar richt het zich volledig op het samenbrengen en verdedigen van de belangen van de maatschappelijke verenigingen en wetenschappelijke werkgroepen aan de Universiteit Gent. - + diff --git a/content/stylesheets/main.css b/content/stylesheets/main.css index 8d6af31..68c8c73 100644 --- a/content/stylesheets/main.css +++ b/content/stylesheets/main.css @@ -110,8 +110,9 @@ footer { font-weight: bolder; } -.hidden{ - display: none;} +.hidden { + display: none; +} .nav-link svg { width: 2rem; @@ -239,7 +240,6 @@ header { background-color: var(--lightCyan); } - h2 { font-family: futura, Avenir Next, Verdana, Geneva, Tahoma, sans-serif; font-size: 2.8rem; @@ -542,7 +542,7 @@ fieldset p label input { opacity: 1; } -.title_link{ +.title_link { text-decoration: none; } @@ -598,117 +598,150 @@ fieldset p label input { min-width: 400px; } -.details-logo>img{ +.details-logo > img { width: 100px; } -.details-logo{ +.details-logo { display: flex; justify-content: center; } -.detail_title{ +.detail_title { display: flex; flex-direction: row; + align-items: center; + flex-wrap: wrap; + gap: 12px; + justify-content: center; } -.social>a { +.detail_title h2 { + margin: 0; + text-align: center; +} +.social > a { display: block; background-size: 50px; background-repeat: no-repeat; background-position: top center; + + width: 100px; + height: 100px; } -.social>a>.link{ +.social > a > .link { display: none; } -.social>a>p{ +.social > a > p { padding-top: 65px; text-align: center; } -.social-facebook>a{ +.social-facebook > a { background-image: url(/assets/social/facebook_small.png); } -.social-instagram>a{ +.social-instagram > a { background-image: url(/assets/social/instagram_small.png); } -.social-twitter>a{ +.social-twitter > a { background-image: url(/assets/social/twitter_small.png); } -.social-youtube>a{ +.social-youtube > a { background-image: url(/assets/social/youtube_small.png); } -.social-tiktok>a{ +.social-tiktok > a { background-image: url(/assets/social/tiktok_small.png); } -.social-linkedin>a{ +.social-linkedin > a { background-image: url(/assets/social/linkedIn_small.png); } -.social-fetlife>a{ +.social-fetlife > a { background-image: url(/assets/social/fetLife_small.png); } -.social-container>ul{ +.social-container > ul { list-style: none; display: flex; padding: 0; - gap: 1rem; + /* gap: 0.5rem; */ + margin: auto; + justify-content: space-around; } -.vereniging_themas{ +.detail-body { + margin: auto; + max-width: 1200px; + padding: 2rem 10%; + + position: relative; +} + +.social { + width: 52px; + height: 52px; +} + +.social > img { + width: 52px; + height: 52px; +} + +.social + .social { + margin-left: 20px; +} + +.vereniging_themas { list-style: none; display: flex; align-items: center; margin: 0 3rem; padding: 0; } -.vereniging_thema{ +/* .vereniging_thema { width: 4rem; height: 4rem; - margin: 0 1rem 0 0; -} +} */ -.vereniging_thema>a>svg:hover{ +.vereniging_thema > a > svg:hover { transform: scale(1.2); transform-origin: center center; transition: all 150ms ease; } -.vereniging_thema>a>svg{ +.vereniging_thema > a > svg { fill: #013e7a; width: 3rem; height: 3rem; } -footer{ +footer { padding-top: 1rem; display: flex; justify-content: space-between; } -.showcase-image>img{ +.showcase-image > img { flex-grow: 3; height: 30rem; max-width: 80vw; } -.showcase-container{ +.showcase-container { display: flex; flex-wrap: wrap; justify-content: center; gap: 1rem; } - @media only screen and (max-width: 600px) { .tile-grid { grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); @@ -720,3 +753,27 @@ footer{ grid-template-columns: auto; } } + +.detail-content { + max-width: 1100px; +} + +.details-contact { + padding: 1rem; + float: right; + margin: auto; +} + +@media only screen and (max-width: 700px) { + .details-contact { + float: none; + width: 300px; + padding-bottom: 2rem; + } +} + +@media only screen and (max-width: 600px) { + .detail-body { + width: 100%; + } +} diff --git a/content/verenigingen/vbk.md b/content/verenigingen/vbk.md index ad4aeca..45f77dd 100644 --- a/content/verenigingen/vbk.md +++ b/content/verenigingen/vbk.md @@ -7,9 +7,10 @@ konvent: fk website: https://www.vlaamsebiomedischekring.be/ contact: vbkgent@gmail.com social: - - plaform: facebook + - platform: facebook link: https://www.facebook.com/vlaamsebiomedischekring/ themas: - - faculteit + - faculteit --- + V.B.K. simply the best! Voor alle studenten Biomedische wetenschappen organiseren wij tal van beestelijke feestjes in de Point Final, tevens ons kringcafe waar tal van promo's doorgaan. Ook hebben wij ons zalige galabal samen met VLAK. Naast feestjes doen we ook toffe sportactiviteiten, cultuuractiviteiten enz. Met ons zal je de leukste studententijd tegemoet gaan, twijfel dus niet om lid te worden van onze familie, je zal er zeker geen spijt van hebben! diff --git a/layouts/detail.erb b/layouts/detail.erb index e1fd502..de2a25c 100644 --- a/layouts/detail.erb +++ b/layouts/detail.erb @@ -1,45 +1,41 @@ - -
-

- <%= item[:naam] %> -

- <% if item[:themas] %> - - <% end %> -
-
-

contact

- <% if item[:deelname_link] %> - <%= item[:deelname_link] %> - <% end %> -
-

Email-adres: <%= item[:contact] %>

-

Website: <%= item[:website] %>

-
- <% if item[:social] %> -
-

sociale media

- +
+ <% end %> +
+
+ <%= item[:naam] %> +

<%= item[:naam] %>

+ <% if item[:themas] %> + <% for thema in item[:themas] %> +
+ + <%= @items["/assets/themas_icon/"+thema+".svg"].compiled_content %> + +
+ <% end %> + <% end %> +
+
+ <%= yield%>
- <% end %>
@@ -65,7 +61,7 @@ <% if item.path.include? "konventen" %> <% for vereniging in verenigingen_voor_konvent(item[:id]) %>
- <%= vereniging[:naam] %> + <%= render '/partials/pretty_link.*', item: vereniging %>
<% end %> -<% end %> \ No newline at end of file +<% end %>