Torrent Indicator

Exemples d'intégration sur une page HTML standard (sans Ghost).

1 · Layout compact — via info hash

Usage minimal : un div avec data-hash. Idéal en sidebar ou en ligne dans un article.

<div class="torrent-indicator"
     data-hash="3b245504cf5f11bbdbe1201cea6a6bf45aee1bc0"
     data-label="Ubuntu 24.04 LTS"></div>

2 · Layout large — centré, pleine largeur

Ajouter data-layout="wide" pour un affichage horizontal qui occupe toute la largeur disponible. Adaptatif sur mobile (grille 2×2).

<div class="torrent-indicator"
     data-hash="3b245504cf5f11bbdbe1201cea6a6bf45aee1bc0"
     data-label="Ubuntu 24.04 LTS"
     data-layout="wide"></div>

3 · Via lien magnet

data-magnet accepte un lien magnet complet. Le hash est extrait automatiquement (hex 40 chars ou base32).

<div class="torrent-indicator"
     data-magnet="magnet:?xt=urn:btih:3b245504...&dn=ubuntu..."
     data-label="Ubuntu via magnet"
     data-layout="wide"></div>

4 · Plusieurs widgets sur la même page

Les deux layouts coexistent. Le script s'initialise une seule fois et cible tous les .torrent-indicator présents.

5 · Essayer avec votre propre torrent

Entrez un info hash (40 caractères hex) ou un lien magnet.

Hash ou lien magnet

Compact Large

// Créer un widget dynamiquement via l'API JS
var el = document.createElement('div');
el.className = 'torrent-indicator';
el.setAttribute('data-hash', 'abc123...');
el.setAttribute('data-layout', 'wide'); // optionnel
document.body.appendChild(el);
TorrentIndicator.init(el);