BYZANTINELIVE
EN FR

Add the Byzantine clock to your website

First choose your settings in the clock builder and press Copy the code. You get one line of HTML that starts with <iframe. Then paste it as shown below. It costs nothing and needs no account.

WordPress

In a page or a post (block editor)

  1. Open the page and click + to add a block.
  2. Search for Custom HTML and choose it.
  3. Paste the code, then click Preview to see the clock.
  4. Publish or update the page.

In a sidebar or footer

  1. Go to Appearance → Widgets (or Appearance → Editor with a block theme).
  2. Add a Custom HTML block to the sidebar or footer area.
  3. Paste the code and save. The compact strip fits narrow sidebars best.

On WordPress.com, the Custom HTML block needs a paid plan that allows iframes. Self-hosted WordPress allows it for administrators.

Plain HTML page

Paste the code where the clock should appear, inside <body>:

<iframe src="https://byzantine.live/embed/clock/?lang=en&amp;place=paris"
  title="Byzantine time — Byzantine.live" width="320" height="440"
  style="border:0;width:100%;max-width:320px;aspect-ratio:320/440"
  sandbox="allow-scripts allow-popups allow-popups-to-escape-sandbox"
  loading="lazy" referrerpolicy="strict-origin-when-cross-origin"></iframe>

The clock fills the frame and adapts to its width. To make it larger, change max-width; keep the aspect-ratio.

If the clock does not appear

Privacy

The clock sets no cookie, stores nothing in the visitor's browser and runs no statistics or advertising. It computes the time on the visitor's device from the place you chose. With “each visitor's own time zone”, it reads only the time zone the browser already knows; it never asks for or sends the visitor's position. The sandbox attribute stops the frame from reaching your page.

Times are traditional reference points computed from sunset, not your parish schedule.

Ajouter l'horloge byzantine à votre site

Choisissez d'abord vos réglages dans le générateur et cliquez sur Copier le code. Vous obtenez une ligne de HTML qui commence par <iframe. Collez-la ensuite comme indiqué ci-dessous. C'est gratuit et sans compte.

WordPress

Dans une page ou un article (éditeur de blocs)

  1. Ouvrez la page et cliquez sur + pour ajouter un bloc.
  2. Cherchez HTML personnalisé et choisissez-le.
  3. Collez le code, puis cliquez sur Prévisualiser pour voir l'horloge.
  4. Publiez ou mettez à jour la page.

Dans une barre latérale ou un pied de page

  1. Allez dans Apparence → Widgets (ou Apparence → Éditeur avec un thème de blocs).
  2. Ajoutez un bloc HTML personnalisé dans la barre latérale ou le pied de page.
  3. Collez le code et enregistrez. Le bandeau compact convient le mieux aux colonnes étroites.

Sur WordPress.com, le bloc HTML personnalisé demande une offre payante qui autorise les iframes. Un WordPress auto-hébergé l'autorise pour les administrateurs.

Page HTML classique

Collez le code à l'endroit où l'horloge doit apparaître, dans <body>. Pour l'agrandir, modifiez max-width en gardant aspect-ratio.

Si l'horloge n'apparaît pas

Confidentialité

L'horloge ne dépose aucun cookie, n'enregistre rien dans le navigateur du visiteur et ne fait ni statistiques ni publicité. L'heure est calculée sur l'appareil du visiteur, à partir du lieu que vous avez choisi. Avec « le fuseau horaire de chaque visiteur », elle lit seulement le fuseau que le navigateur connaît déjà ; elle ne demande ni n'envoie jamais la position du visiteur. L'attribut sandbox empêche le cadre d'agir sur votre page.

Les heures sont des repères traditionnels calculés depuis le coucher du soleil, pas l'horaire de votre paroisse.