CSS: superposer du texte lisible sur une image de fond photo

CSS: superposer du texte lisible sur une image de fond

par · Lecture: 7 minutes

Superposer du texte sur une image de fond est très courant : hero de page d’accueil, bannière d’article, carte produit, section d’appel à l’action, couverture WordPress… Le piège, toutefois, consiste à poser du texte blanc sur une belle photo et à croiser les doigts.

Mauvaise nouvelle : les yeux de vos visiteurs ne fonctionnent pas en mode “inspecteur CSS”. Si l’image est claire, chargée ou très contrastée, le texte devient vite illisible.

Bonne nouvelle : une simple couche sombre, appliquée en CSS, règle le problème proprement.

Le principe : ajouter un overlay entre l’image et le texte

Pour rendre un texte lisible sur une image, on ajoute généralement un voile sombre au-dessus de l’image. Ensuite, on place le texte au-dessus de ce voile.

La méthode la plus simple consiste à utiliser plusieurs arrière-plans CSS avec background-image : d’abord un dégradé semi-transparent, puis l’image.

Lire CSS: superposer du texte lisible sur une image de fond

Analysis of The Handmaid's Tale by Margaret Atwood photo

The Handmaid’s Tale: analysis of the opening chapter

par · Lecture: 20 minutes
  1. The Handmaid’s Tale by Margaret Atwood: Gilead, power and resistance
  2. The Handmaid’s Tale: analysis of the opening chapter
  3. The Handmaid’s Tale: Chapter 41 analysis
  4. The Handmaid’s Tale: Chapter 25 analysis
  5. The Handmaid’s Tale: Chapter 5 analysis
  6. The Handmaid’s Tale: Chapter 2 analysis

The opening chapter of The Handmaid’s Tale transforms a familiar school gymnasium into a place of military detention. By superimposing memories of dances, teenage desire and popular culture upon army beds, cattle prods and barbed wire, Margaret Atwood immediately introduces the central conflicts of the novel: memory against ideological erasure, individual identity against classification, and communication against enforced silence.

Margaret Atwood begins The Handmaid’s Tale without explaining Gilead, identifying the narrator or describing the political revolution that has transformed the United States. The reader enters an unfamiliar system through the remains of a recognisable world. Understanding the setting consequently requires the same activity that will govern the entire novel: interpreting fragments, comparing past and present, and reading beneath official appearances.

The chapter is set in the Rachel and Leah Center, later known informally as the Red Center, where fertile women are trained to become Handmaids. Yet none of this institutional vocabulary is supplied immediately. The opening presents only a transformed gymnasium, armed surveillance and women learning to communicate without being heard.

Lire The Handmaid’s Tale: analysis of the opening chapter

Serveur dédié : configurer Webmin en TLS avec un certificat SSL photo 1

Solution pour Webmin qui ne veut pas démarrer sous systemd

par · Lecture: 2 minutes

Je suis tombé sur une drôle d’erreur ce matin sur un VPS de mes clients : après mise à jour du système et redémarrage du serveur, webmin est injoignable et son service ne veut plus démarrer.

Les messages d’erreurs

On commence par lancer un curl distant depuis un autre serveur, histoire de voir si c’est bien injoignable de manière globale, et non propre à notre machine:

curl -I https://example.com:10000/

Résultat:
curl: (7) Failed to connect to example.com port 10000: Connection refusedLangage du code : JavaScript (javascript)

Pas de doute, cela touche tout le monde. On vérifie donc l’état du service:

systemctl status webmin.serviceLangage du code : CSS (css)

Résultat:

webmin.service - LSB: web-based administration interface for Unix systems
   Loaded: loaded (/etc/init.d/webmin; generated)
   Active: failed (Result: exit-code) since Sat 2020-09-12 17:35:13 CST; 20s ago
     Docs: man:systemd-sysv-generator(8)
  Process: 1803 ExecStart=/etc/init.d/webmin start (code=exited, status=25)

Sep 12 17:35:13 systemd[1]: Starting LSB: web-based administration interface for Unix systems...
Sep 12 17:35:13 systemd[1]: webmin.service: Control process exited, code=exited status=25
Sep 12 17:35:13 systemd[1]: webmin.service: Failed with result 'exit-code'.
Sep 12 17:35:13 systemd[1]: Failed to start LSB: web-based administration interface for Unix systems.Langage du code : JavaScript (javascript)

Ce n’est pas très loquace! journalctl est plus détaillé:

journalctl -xe

Résultat :

-- All system services necessary queued for starting at boot have been
-- started. Note that this does not mean that the machine is now idle as services
-- might still be busy with completing start-up.
--
-- Kernel start-up required 1709722 microseconds.
--
-- Initial RAM disk start-up required INITRD_USEC microseconds.
--
-- Userspace start-up required 152146335 microseconds.
Sep 12 17:35:13 systemd[1]: Starting LSB: web-based administration interface for Unix systems...
-- Subject: Unit webmin.service has begun start-up
-- Defined-By: systemd
-- Support: http://www.ubuntu.com/support
--
-- Unit webmin.service has begun starting up.
Sep 12 17:35:13 systemd[1]: webmin.service: Control process exited, code=exited status=25
Sep 12 17:35:13 systemd[1]: webmin.service: Failed with result 'exit-code'.
Sep 12 17:35:13 systemd[1]: Failed to start LSB: web-based administration interface for Unix systems.
-- Subject: Unit webmin.service has failed
-- Defined-By: systemd
-- Support: http://www.ubuntu.com/support
--
-- Unit webmin.service has failed.
--
-- The result is RESULT.Langage du code : JavaScript (javascript)

Mais nous n’obtenons toujours aucune information exploitable. Redémarrer le service avec service ne permet pas de le redémarrer.

La solution

Le seul moyen de redémarrer le service webmin sur ce VPS a été de la manière suivante:

/etc/init.d/webmin stop
systemctl start webmin

Et là, plus de problème, webmin démarre comme il faut.

Articles suivants →