Fediversity/fediversity_website_archive
Archived
7
0
Fork 0
forked from laurens/fediversity_website
Code Pull requests 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 * Foto's van personen
* Iconen * Iconen
* Logo * Logo
* Ondersteunende afbeeldingen
### Iconen ### 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. 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/ 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/