Hinode logo
  • À propos 
  • Blog 
  • Projets 
    • Exemple de projet 
    • Autre projet 
  • Tags 

  •  Langage
    • English
    • Français
  1. Accueil
  2. Blog
  3. Composents

Composents

Posté le 21 juillet 2023  (Dernière modification le 15 août 2024) • 1 min de lecture • 171 mots
Bootstrap   Shortcode  
Bootstrap   Shortcode  
Partager via
Hinode
Lien copié dans le presse-papier

Utilisez des shortcodes pour ajouter des composants prédéfinis alimentés par des bibliothèques externes.

Sur cette page
  • Animation
  • Formule (KaTeX)
  • Map
Composents
Photo par Ryoji Iwata  sur Unsplash 

Hinode propose plusieurs shortcodes en plus des éléments Bootstrap courants. Consultez la documentation officielle  pour plus de détails.

Animation  

À titre d’exemple, le shortcode suivant affiche une animation qui se déclenche au survol.

markdown
{{< animation data="gatin.json" auto=false hover=true class="col-6 mx-auto" >}}

Formule (KaTeX)  

À titre d’exemple, le markdown suivant affiche deux formules en utilisant la bibliothèque de composition typographique KaTeX.

Voici une formule en ligne −b±b2−4ac2a-b \pm \sqrt{b^2 - 4ac} \over 2a .

Il s’agit d’une formule non en ligne:

x=a0+1a1+1a2+1a3+a4x = a_0 + \frac{1}{a_1 + \frac{1}{a_2 + \frac{1}{a_3 + a_4}}} ∀x∈X,∃y≤ϵ\forall x \in X, \quad \exists y \leq \epsilon
markdown
Voici une formule en ligne $-b \pm \sqrt{b^2 - 4ac} \over 2a$.

Il s'agit d'une formule non en ligne:

$$x = a_0 + \frac{1}{a_1 + \frac{1}{a_2 + \frac{1}{a_3 + a_4}}}$$  
$$\forall x \in X, \quad \exists y \leq \epsilon$$

Map  

À titre d’exemple, le shortcode suivant affiche une carte interactive de la ville d’Amsterdam.

markdown
{{< map lat=52.377 long=4.90 zoom=13 popup="Gare centrale d'Amsterdam" popup-lat=52.378062 popup-long=4.900562 >}}
 Éléments Bootstrap
Quatrième article (exclu de la recherche) 
Sur cette page:
  • Animation
  • Formule (KaTeX)
  • Map
Suivez-moi

Je code et je tweet des mèmes de développeurs.

     
Copyright © 2024 Mark Dumay. | Confidentialité | Cookies | Propulsé par Hinode  .
Hinode
Code copié dans le presse-papier