Suivi — Feuilles de style (CSS) Un tag pour ne pas divulgacher dans les contenus?

#1882 Posté par  (site web personnel) . État de l’entrée : ouverte. Licence CC By‑SA.
Étiquettes : aucune
4
28
mai
2019

Pour éviter de révéler les fins de flims/séries, une balise serait utile sur la tribune, dans les commentaires, les journaux, les dépêches…

Suggestions:

<divulgache>Bran devient Roi des 6 royaumes</divulgache>
<spoiler>C'est Emile le tueur</spoiler>
<poileur>Zenitram est un troll</poileur>

  • # CSS

    Posté par  (site web personnel) . Évalué à 4 (+0/-0). Dernière modification le 28 mai 2019 Ă  11:25.

    Ce CSS permets de ne montrer le divulgachage qu'au passage de la souris:

    .divulgache {
    background-color: black;
    color: black;
    }
    .divulgache:hover {
    background-color: inherit;
    color: inherit;
    }

    Le post ci-dessus est une grosse connerie, ne le lisez pas sérieusement.

    • [^] # Re: CSS

      Posté par  . Évalué à 2 (+0/-0). Dernière modification le 28 mai 2019 Ă  12:56.

      C'est vrai que ça serait sympa.

    • [^] # Re: CSS

      Posté par  (site web personnel, Mastodon) . Évalué à 2 (+0/-0).

      On ne devrait pas montrer au survol par inadvertance du mulot, il faudrait cliquer explicitement.

      “It is seldom that liberty of any kind is lost all at once.” ― David Hume

  • # autres syntaxe et implĂ©mentation

    Posté par  (site web personnel, Mastodon) . Évalué à 2 (+0/-0).

    J'aime bien celle de la ligne commençant par >! (y a une espace après), vu chez SoDocumentation et sur StackExchange ainsi que RIPTutorial sans espace.

    Pour le code de rendu correspondant, de la même façon que les lignes commençant par > généraient du

    <blockquote>
    …
    </blockquote>

    ici, avec les lignes commençant par >! il faudrait générer du

    <details>
    <summary>secret</summary>
    …
    </details>

    Avantage : pas besoin de JS… et, de ce que je comprends, est valide dans e-pub aussi… Voir MDN.

    “It is seldom that liberty of any kind is lost all at once.” ― David Hume

    • [^] # callout

      Posté par  (site web personnel, Mastodon) . Évalué à 2 (+0/-0).

      Ce qui fait défaut pour de la doc enrichie, ce sont les « callouts » dont celui du spoil s’appellerait « secret » par exemple.


      Avec MkDocs, comme en python-markdown, on aurait un bloc !!! secret "titre optionnel" par exemple.

      !!! secret "et voilĂ "
          la partie masquée…
          et encore…
      Suite non masquée.

      ou (il y en fait deux formes : dépliée/repliée)

      ??? secret "et voilĂ "
          la partie masquée…
          et encore…
      Suite non masquée.

      Avec MystMB ou Zudoku ou Docusaurus ou vdocs etc, aurait un bloc :::{secret} titre optionnel par exemple.

      :::{secret} et voilĂ 
      la partie masquée…
      et encore…
      :::
      Suite non masquée.

      Avec une citation à icône ou méthode emoji](https://stackoverflow.com/a/57118885/1699311), on aurait > :secret: **type textuel: titre**, et le logo/icône existe.

      > :secret: **et voilĂ **
      > la partie masquée…
      > et encore…
      
      Suite non masquée.

      Mais il semble que finalement GMF va utiliser le type en majuscules pré-exclamé le tout entre crochets, et ce officiellement depuis 2023 en gros. C’est supporté aussi par GitLab, Bear, Hugo, Obsidian, etc., bref le standard en passe de s’imposer ?

      > [!SECRET]
      > la partie masquée…
      > et encore…
      
      Suite non masquée.

      …ou façon Obsidian (qui a deux formes dépliée/repliée)

      > [!secret]- **et voilĂ **
      > la partie masquée…
      > et encore…
      
      Suite non masquée.

      “It is seldom that liberty of any kind is lost all at once.” ― David Hume

      • [^] # Re: callout

        Posté par  (site web personnel, Mastodon) . Évalué à 2 (+0/-0).

        Je viens de me rendre compte que j’avais oublier, dans ma liste, deux plateformes/sites que j’utilise souvent.


        Le premier utilise Kramdown sans la partie HTML et Kramdown n’a pas nativement de callout mais un système d’extension qui permet d’avoir quelque chose comme :

        {::secret title="et voilĂ "}
        la partie masquée…
        et encore…
        {:/secret}
        Suite non masquée.

        La plateforme, plutôt que de rajouter des extensions qui lui sont propres, a commis une nouvelle saveur qui saupoudre CM d’attributs façon Rst et Adoc (avec généralisation des attributs type et class) et étend les liens aux ressources externes de manière générale.
        Ils ajoutent aussi deux éléments avec deux syntaxes (façon bloc quote et façon fenced code) : asides & blubs. Ce dernier est ce qui se rapproche des callout mais ne propose pas de « secret » qui pourrait être rajouté par exemple par :

        {class: secret}
        B> la partie masquée…
        B> et encore…
        
        Suite non masquée.

        ou par :

        {blurb, class: secret}
        la partie masquée…
        et encore…
        {/blurb}
        Suite non masquée.

        …et peut-être carrément :

        S> la partie masquée…
        S> et encore…
        
        Suite non masquée.

        Le second a développé sa saveur de markdown avec des callout de la forme [[foo]] suivi de lignes commençant par | ; et dans le lot de ses possibilités, il y a secret !

        [[secret|et voilĂ ]]
        | la partie masquée…
        | et encore…
        Suite non masquée.

        Il y a une réflexion en cours pour savoir s’il faut étendre leur saveur pour supporter la syntaxe façon Obsidian.

        “It is seldom that liberty of any kind is lost all at once.” ― David Hume

Envoyer un commentaire

Suivre le flux des commentaires

Note : les commentaires appartiennent à celles et ceux qui les ont postés. Nous n’en sommes pas responsables.