Skip to content
Pour aider votre site à faire grève
HTML JavaScript CSS
Branch: master
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
LICENSE Initial commit Dec 4, 2019
README.md Update cdn example with tag version Dec 17, 2019
demo.html Add a simple demo page Dec 17, 2019
strike-js-demo.png
strike.css
strike.js Add the ability to insert links Dec 17, 2019

README.md

strike-js

Pour aider votre site à faire grève.

Exemple de fonctionnement de strike-js

Qu'est-ce que c'est ?

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.

Pourquoi faire ?

Pour les gens qui ne peuvent pas faire grève et qui veulent trouver un autre moyen de protester.

Comment s'en servir ?

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/strike-js@1.0.0/strike.css" type="text/css" charset="utf-8">
    <script src="https://cdn.jsdelivr.net/gh/thibault/strike-js@1.0.0/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 :

  1. la date correspondante au jour de grève ;
  2. un tableau contenant une liste de chaînes de caractères qui seront insérées dans des balises <p>.

Avant et après le jour donné, 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.

Comment le tester ?

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.

Et mon référencement ?

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é.

You can’t perform that action at this time.