Fediversity/fediversity_website_archive
Archived
7
0
Fork 0
forked from laurens/fediversity_website
Code Pull requests 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: categories:
- website - website
date: 2023-05-20T23:19:44+02:00 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 ### H3 en H4
Waar de content wat langer is kan het gebruik van H3 en zelfs H4 worden toegepast. 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/