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

Toevoegen sectie afbeeldingen en tip voor het kleuren van SVG-iconen

Browse source
This commit is contained in:
Michael Boelen 2023-05-22 11:15:31 +02:00
parent d9861ddfb7
commit 6c53f0e36a
1 changed files with 17 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

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

@ -1,4 +1,5 @@
---
author: Michael Boelen
categories:
- website
date: 2023-05-20T23:19:44+02:00
@ -44,3 +45,19 @@ De hoofdsecties van een pagina worden voorzien van H2. Op een doorsnee pagina is
### H3 en H4
Waar de content wat langer is kan het gebruik van H3 en zelfs H4 worden toegepast.
## Afbeeldingen
Op onze website gebruiken we een aantal verschillende type afbeeldingen:
* Foto's van personen
* Iconen
* Logo
### Iconen
Waar mogelijk gebruiken we iconen in het SVG-formaat. Deze zijn compact en relatief eenvoudig te voorzien van kleuren in de huisstijl.
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/