Fichiers tailwind

Que ce soit en intégration styleguide (PHP) ou en intégration site (TWIG) la fonction renderImageUrl peut avoir 3 paramètres

$image : correspond au nom de l'image (avec son extension)
$directory : correspond au sous dossier dans lequel est contenue l'image. La valeur peut être
```
null
```
Info
Dans le cas où la valeur est
```
null
```
. La fonction cherchera dans public/assets/medias.
Dans le cas où la valeur est autre que
```
styleguide
```
ou
```
uploads
```
. La fonction cherchera dans public/assets/medias puis dans le sous dossier indiqué.
Dans le cas où la valeur est
```
uploads
```
. La fonction cherchera dans public/uploads.
Dans le cas où la valeur est
```
styleguide
```
. La fonction cherchera dans public/styleguide/src/medias. Dans ce cas la valeur blur pour le paramètre $type ne sera pas prise en compte (cependant il est utile de le mettre malgré tout pour prévoir le remplacement par l'image définitive.
$type : permet de choisir le type de rendu. Les valeurs acceptés sont :
```
blur
```
,
```
link
```
,
```
background
```
,
```
background-blur
```

Image classique (avec placeholder flou au chargement)

PHP

<img <?= renderImageUrl('image.png', 'sous-dossier', 'blur') ?> />

TWIG

<img {{ 'image.png'|renderImageUrl('sous-dossier', 'blur')|raw }} />

-> rendu

<img src="https://tressol-chabrier.twic.pics/assets/medias/sous-dossier/image.png?twic=v1/output=preview"
data-twic-src="image:assets/medias/sous-dossier/image.png" />

Image classique (sans flou par ex les logos)

PHP

<img <?=  renderImageUrl('image.png', 'sous-dossier') ?> />

TWIG

<img {{ 'image.png'|renderImageUrl('sous-dossier')|raw }} />

rendu

<img src="https://tressol-chabrier.twic.pics/assets/medias/sous-dossier/image.png?twic=v1/" />

Lien TwicPics (sans la balise pour le wrapper)

PHP

<img <?= renderImageUrl('image.png', 'sous-dossier', 'link') ?> />

TWIG

<img {{ 'image.png'|renderImageUrl('sous-dossier', 'link')|raw }} />

rendu

https://tressol-chabrier.twic.pics/assets/medias/sous-dossier/image.png?twic=v1/

Version CSS background (avec flou)

PHP

<div style="<?= renderImageUrl('image.png', 'sous-dossier', 'background-blur') ?>"
<?= renderImageUrl('image.png', 'sous-dossier', 'background') ?>></div>

TWIG

<div style="{{ 'image.png'|renderImageUrl('sous-dossier', 'background-blur')|raw }}"
{{ 'image.png'|renderImageUrl('sous-dossier', 'background')|raw }}></div>

rendu

<div style="background-image: url('https://tressol-chabrier.twic.pics/assets/medias/sous-dossier/image.png?twic=v1/');"
data-twic-background="url(image:assets/medias/sous-dossier/image.png)"></div>