Dans une volonté de mettre un peu d'ordre sur un serveur qui n'a rien à envier à la chambre de ma fille en matière d'entropie, je relocalise certains bouts de code tout en les dépoussiérant un peu...

Aujourd'hui, j'ai repris un peu pix, le placeholder codé au tout début du jurassique...

Pour faire simple,

il s'agit d'une api permettant de récupérer une image unie d'une certaine taille et d'une certaine couleur en guise de placeholder.

• w,h; largeur et hauteur
• c: la couleur au format FFF ou FFFFFF (si on ne la précise pas, la couleur sera randomisée)
• t: un texte qui sera placé au centre. S'il est omis, ce sera la taille de l'image qui sera ajoutée

api.warriordudimanche.net/pix/?w=150&h=150

api.warriordudimanche.net/pix/?w=256&h=128&c=f00

• Pour tester: http://api.warriordudimanche.net/pix/
• pour télécharger le script: http://api.warriordudimanche.net/pix/?download

<link rel="stylesheet" href="http://www.warriordudimanche.net/./plugins/Galart/style.css"/> <link rel="stylesheet" href="http://www.warriordudimanche.net/./plugins/Galart/assets/lightbox.css"/> <script src="http://www.warriordudimanche.net/./plugins/Galart/assets/lightbox.js"> <script>[].forEach.call(document.querySelectorAll("[lightbox]"), function(el) { el.lightbox = new Lightbox(el);});

---

► Commentaires

OMAGAD, c'te mine d'or Merci copain !

<link rel="stylesheet" href="http://www.warriordudimanche.net/./plugins/Galart/style.css"/> <link rel="stylesheet" href="http://www.warriordudimanche.net/./plugins/Galart/assets/lightbox.css"/> <script src="http://www.warriordudimanche.net/./plugins/Galart/assets/lightbox.js"> <script>[].forEach.call(document.querySelectorAll("[lightbox]"), function(el) { el.lightbox = new Lightbox(el);});

---

► Commentaires

Pas de panique, vérifions si le serveur apache est bien démarré: sudo /etc/init.d/apache2 status

S'il y a un souci et que le serveur apache n'est pas actif, on vérifie le log: journalctl -u apache2.service

1. Un souci avec le nom localhost...

1. Je vérifie mon fichier hosts et il contient bien localhost
2. je modifie apache2.conf avec un sudo xed /etc/apache2/apache2.conf et j'y ajoute ServerName localhost
3. je relance pour voir: sudo service apache2 start

2. Un souci avec le dossier log d'apache2

1. je vérifie si le dossier existe ls -ld /var/log/apache2
2. au besoin je le crée: sudo mkdir -p /var/log/apache2/
3. je modifie les droits d'accès au dossier en question pour que www-data ait le droit d'y écrire: pour ça je suis passé par caja pour l'éditer à la main... (la flemme de trouver une commande )
4. Je relance apache2: sudo service apache2 start

Et ça remarche !

<link rel="stylesheet" href="http://www.warriordudimanche.net/./plugins/Galart/style.css"/> <link rel="stylesheet" href="http://www.warriordudimanche.net/./plugins/Galart/assets/lightbox.css"/> <script src="http://www.warriordudimanche.net/./plugins/Galart/assets/lightbox.js"> <script>[].forEach.call(document.querySelectorAll("[lightbox]"), function(el) { el.lightbox = new Lightbox(el);});

---

► Commentaires

Tiens, intéressant ça: utiliser console.log({ myVariable }); plutôt que console.log(myVariable); ou console.log("myVariable:", myVariable);

<link rel="stylesheet" href="http://www.warriordudimanche.net/./plugins/Galart/style.css"/> <link rel="stylesheet" href="http://www.warriordudimanche.net/./plugins/Galart/assets/lightbox.css"/> <script src="http://www.warriordudimanche.net/./plugins/Galart/assets/lightbox.js"> <script>[].forEach.call(document.querySelectorAll("[lightbox]"), function(el) { el.lightbox = new Lightbox(el);});

---

► Commentaires

Pliage origami pour une enveloppe (A4 = tout petit format)

<link rel="stylesheet" href="http://www.warriordudimanche.net/./plugins/Galart/style.css"/> <link rel="stylesheet" href="http://www.warriordudimanche.net/./plugins/Galart/assets/lightbox.css"/> <script src="http://www.warriordudimanche.net/./plugins/Galart/assets/lightbox.js"> <script>[].forEach.call(document.querySelectorAll("[lightbox]"), function(el) { el.lightbox = new Lightbox(el);});

---

► Commentaires