Public website for the Paris Call for Trust and Security in Cyberspace / Site public de l'Appel de Paris pour la confiance et la sécurité dans le cyberespace
Add the language in _config.yml
:
available_languages: [ en, fr ]
Add translations for the language in the data/translations
files:
lang:
en: English
fr: Français
menu:
home:
en: Home
fr: Accueil
Duplicate _pages/en
content in _pages/$language_code
and translate its content.
Change all permalink
attributes in front matters.
Copy and paste the following code into your HTML page where you want the counters:
<iframe id="paris-call-iframe-counters" src="https://pariscall.international/en/embed/counters" style="width:100%;border:none;"></iframe>
You can choose the language by modifying the URL of the iframe. For example:
- French:
https://pariscall.international/en/embed/counters
- English:
https://pariscall.international/fr/embed/counters
The list of available languages is available here.
In order to make the iframe reactive (i.e. to correctly size its height according to the size of the screen), uou can add the following script in the host page, for example right after the closing </iframe>
:
<script>window.addEventListener('message',function(e){e.origin==="https://pariscall.international"&&e.data.hasOwnProperty("parisCallFrameHeight")&&(document.getElementById("paris-call-iframe-counters").style.height=`${e.data.parisCallFrameHeight}px`)});</script>
Copiez et collez le code suivant dans votre page HTML à l'endroit ou vous souhaitez faire apparaître les compteurs :
<iframe id="paris-call-iframe-counters" src="https://pariscall.international/fr/embed/counters" style="width:100%;border:none;"></iframe>
Vous pouvez choisir la langue en modifiant l'URL de l'iframe, par exemple :
- français :
https://pariscall.international/en/embed/counters
- anglais :
https://pariscall.international/fr/embed/counters
La liste des langues disponibles est disponible ici.
Pour rendre l'iframe réactive (çàd la dimensionner correctement en hauteur en fonction de la taille de l'écran), vous pouvez ajouter le script suivant dans la page hôte, par exemple immédiatement après le tag fermant </iframe>
:
<script>window.addEventListener('message',function(e){e.origin==="https://pariscall.international"&&e.data.hasOwnProperty("parisCallFrameHeight")&&(document.getElementById("paris-call-iframe-counters").style.height=`${e.data.parisCallFrameHeight}px`)});</script>