Listes et cascades

Comme tout le monde j’ai des manies, j’en ai beaucoup même, par exemple je déteste les bullets (• berk !) comme marqueurs de liste. Soit on n’utilise plus les listes pour les dialogues, soit on est affligé des horribles boulets qui transforment n’importe quel échange amoureux en présentation PowerPoint de technocrate.

• Je t’aime Irène !

• Mais je ne suis pas libre mon amour, tu le sais bien !

Moi je préfère :

  • Je t’aime Irène !
  • Mais je ne suis pas libre mon amour, tu le sais bien !

C'est comme ça, et ça me chagrinait de ne pas avoir les délicieux tirets par défaut. Hé bien, figurez-vous que ce n'est pas si simple que ça, et qu'il faut aller patauger dans le marais css. Je m'y suis résigné et j'ai perdu un temps incroyable à trouver la solution quelque part sur stackoverflow.com

Il m'a fallu donc allé modifier le fichier /var/www/ghost/content/theme/casper/assets/css/screen.css et remplacer tout ce qui avait trait à ol et li par :
ol, ul { list-style: none; list-style-image: none; list-style-position: outside; liste-style-type: none; margin-top: 1px; margin-bottom: 0px; } ol {
counter-reset: post; } ol li:before {
padding-right: 0.6em; counter-increment: post; } ul li:before {
content:"\02014"; font: bold; text-indent: -1.3em; } li:before {
display: inline-block; box-sizing: border-box; text-align: left; }

Depuis j'ai de jolis tirets à la place des horribles boulets.

Image de couverture

Ah, tant que j'y suis, il y a aussi l'image de couverture de casper qui occupe tout l'écran, ce que je trouve un peu disgracieux. La solution ? Facile, une fois qu'on a été se faire les dents sur les boulets. Dans le même fichier screen.css il suffit de remplacer height: 100vh par height: 70vh comme cela est montré çi-dessous, ainsi la grande image de couverture, comme ils disent, est remplacée par une qui n'occupe que 70% de la hauteur de la page:
/* Big cover image on the home page */ .main-header { position: relative; display: table; width: 100%; height: 70vh; margin-bottom: 5rem; text-align: center; background: #222 no-repeat center center; background-size: cover; overflow: hidden; }

Commentaires

Enfin puisque nous y sommes et qu'il faut boire le vin qui est tiré jusqu'à la lie, pour ceux qui veulent troquer l'immonde système de commentaires Disqus par quelque chose de meilleur goût il suffit de rajouter dans le fichier /var/www/ghost/content/theme/casper/post.hbs l'incantation :
<section class="comment">
<div class="g-comments" data-href="{{@blog.url}}{{url}}" data-first_party_property="BLOGGER" data-view_type="FILTERED_POSTMOD">Loading Google+ Comments ...</div> <script async type="text/javascript" src="//apis.google.com/js/plusone.js?callback=gpcb"></script> <noscript>Please enable JavaScript to view the <a href="https://plus.google.com/">comments powered by Google+.</a></noscript> </section>

Il doit y avoir la même chose pour Facebookmais je ne traine pas avec ces gens là. Vous trouverez d'autres suggestions ici.
Bon, j'ai suffisamment procrastiner avec ces hackeries, je retourne au boulot.

Francisation

Quel horrible terme (euphonique) mais c'est encore mieux que localisation (anglicisme et son équivalent régionalisation à un côté 'province') :

Éditer le fichier /core/server/helpers/date.js et ajouter :

  • moment.lang('fr');

Merci hiob

Il y a aussi des choses à voir dans core/server/helpers/tpl/pagination.hbs