Pour aider votre site à faire grève.
Ce script est une simple fonction javascript qui vous permet de désactiver votre site pour une journée.
À la place s'affiche un écran noir et un message en gros caractères blancs.
Le message et la date de grève sont configurables.
Fabriqué avec amour par Thibault Jouannic. https://www.miximum.fr · @thibaultj.
Pour les gens qui ne peuvent pas faire grève et qui veulent trouver un autre moyen de protester.
Strike-js n'utilise aucune dépendance.
Ajoutez ceci à la fin de votre html, juste avant la clôture de la balise
body
:
<link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/thibault/[email protected]/strike.css" type="text/css" charset="utf-8">
<script src="https://cdn.jsdelivr.net/gh/thibault/[email protected]/strike.js"></script>
<script>
strike(new Date('2019-12-05'), [
'Contre la destruction de notre modèle social.',
'Contre l\'augmentation croissante des inégalités.',
'Contre la stigmatisation systématique des plus fragiles.',
'Ce site est en grève.',
'<a href="https://greve.cool/">S\'informer sur la grève</a> · ' +
'<a href="https://www.infocomcgt.fr/caisse-de-solidarite-financiere/">Participer à la caisse de grève</a>',
'<small><a href="https://github.com/thibault/strike-js">Mettre votre site en grève</a></small>'
]);
</script>
La fonction strike
prend deux paramètres :
- la ou les date(s) correspondante(s) au(x) jour(s) de grève ;
- un tableau contenant une liste de chaînes de caractères qui seront
insérées dans des balises
<p>
.
Pour prévoir plusieurs jours :
<link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/thibault/[email protected]/strike.css" type="text/css" charset="utf-8">
<script src="https://cdn.jsdelivr.net/gh/thibault/[email protected]/strike.js"></script>
<script>
strike([
new Date('2020-01-09'),
new Date('2020-01-10'),
new Date('2020-01-11'),
new Date('2020-01-12')
], [
...
]);
</script>
Avant et après le(s) jour(s) donné(s), la fonction est sans effet.
Cet exemple utilise jsdeliver comme CDN pour servir les fichiers présents sur ce dépôt, mais vous êtes libre de récupérer les fichiers pour les servir vous même.
Note 1 : il est possible de passer du html, et notamment des liens <a>
.
Note 2 : les liens listés dans cette documentation le sont à titre d'exemple, il ne s'agit pas d'un cautionnement de ma part.
Pour tester le rendu de votre site avant le jour de grève, vous pouvez ajouter
le paramètre strikeTest
à votre url.
Exemple : https://example.com/?strikeTest
Vous pouvez aussi afficher le fichier demo.html dans votre navigateur.
Strike-js utilise une fonction javascript pour ajouter un écran noir qui se superpose à votre site. Cette fonction est vraisemblablement sans effet pour les moteurs de recherche, et vous ne devriez subir aucune pénalité de référencement d'aucune sorte.
Strike-js est toutefois fourni sans garantie, vous l'utilisez sous votre responsabilité.