feat: added background images
the minicursussen now have corresponding background images, the buttons and progressbar are the same height and positioned next to each other at the bottom of the slider
fix: nav and knowledgeclips restyled
The logo in the header has no more position absolute, and the links are now evenly spaced. Knowledgeclips have text-wrap: balance for large titles and "Lees meer" links are styled
fix: carousel buttons have consistent styling
The pseudo-class ::scroll-button has visibility: hidden applied, but can be styled accordingly if necessary
fix: buttons are fixed to bottom of slides
This fix puts the Vorige and Volgende buttons to the bottom of each slide. Needs some work, because it's interfering with other elements
fix: styled mini course with same consistency
The "Minicursussen" page now has been styled like "Tekenmethodes" and "Artikelen" pages for consistency across the website
feat: styled minicursussen from example
I styled the "minicursussen" page from a prototype that was given to me by the client. It makes use of the ::scroll-button property.
feat: moved over & tekenruimte links to footer
I have put introduction text in the kennisclips page, redesigned the filter to an old example and put the "over" and "tekenruimte" links to the footer
fix: knowledgeclips now have introduction text
The knowledgeclips have an introduction text, along with a "Lees meer..." link that goes to the corresponding clip. I also styled it like the articles page, but with the corresponding color for knowledgeclips
fix: description is removed from link element
The knowledgeclip description is no longer nested within the <a> element, so only the title and youtube clip are clickable. I also placed a link back to all knowledge clips for the slug page