Ajouter de l’HTML

Ajouter de l’HTML avec feather:HTML

1. Créer un bloc de code dans notion (/code)

2. Choisir le type “HTML” (en haut à gauche) et mettre le code HTML dans le bloc. Ca donne quelquechose comme ceci 👇

1. En haut droite du bloc, cliquer sur ‘Légende’ et mettre en légende feather:HTML

2. Charger la page d’article sur votre blog Feather : Et voilà !!! 👇

Exemples d’utilisation

Alignement de texte

<p style="text-align: center;">
	texte centré
</p>

<p style="text-align: left;">
	texte à gauche
</p>

<p style="text-align: right;">
	texte à droite
</p>

Boutons

<a href="https://twitter.com/ThomasBuyle" class="inline-flex px-2 h-11 items-center justify-center rounded-lg border border-gray-200 bg-white text-gray-500 hover:bg-gray-50 hover:text-gray-900" style="display: inline-flex">
	Bouton Blanc
</a>

<a href="https://twitter.com/ThomasBuyle" class="inline-flex px-2 h-11 items-center justify-center rounded-lg border border-gray-400 bg-gray-500 text-gray-100 hover:text-white" style="display: inline-flex">
	Bouton Sombre
</a>

Animations avec Lottie

<script 
	src="https://unpkg.com/@lottiefiles/lottie-player@latest/dist/lottie-player.js">
</script>
<lottie-player
	src="https://assets9.lottiefiles.com/packages/lf20_PBgNop.json"
	background="transparent"
	speed="1"
	style="width: 250px; height: 250px;"
	loop controls autoplay>
</lottie-player>