diff --git a/content/website/stijlgids/index.md b/content/website/stijlgids/index.md index ceed4c5..fe497c0 100644 --- a/content/website/stijlgids/index.md +++ b/content/website/stijlgids/index.md @@ -53,6 +53,7 @@ Op onze website gebruiken we een aantal verschillende type afbeeldingen: * Foto's van personen * Iconen * Logo +* Ondersteunende afbeeldingen ### Iconen @@ -61,3 +62,9 @@ Waar mogelijk gebruiken we iconen in het SVG-formaat. Deze zijn compact en relat Om de iconen te kleuren maken we gebruik van een CSS-filter. Aangezien hierbij het niet mogelijk om deze direct te kleuren aan de hand van de hex-waarde, worden deze omgezet. Tool: https://isotropic.co/tool/hex-color-to-css-filter/ + +### Ondersteunende afbeeldingen + +Ten behoeve van de zichtbaarheid heeft de website ook ondersteunende afbeeldingen. Deze vaak niet direct zichtbaar, maar worden gebruikt op o.a. social media. Bij het delen van een URL die op onze website uitkomt, zal aan de hand van de meta-tags hier de juiste informatie bij geplaatst worden. Zo worden een ondersteunende afbeelding toegevoegd die dynamisch wordt gegenereerd. + +Tool: https://www.opengraph.xyz/