laurens/fediversity_website
Archived
2
1
Fork 1
Code Issues Pull requests Packages Projects Releases Wiki Activity

Toevoegen informatie rondom ondersteunende afbeeldingen

Browse source
This commit is contained in:
Michael Boelen 2023-05-22 13:13:34 +02:00
parent 1307f1d10e
commit 9632d15bfd
1 changed files with 7 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

7
content/website/stijlgids/index.md
View file

@ -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/