Du libre, du code, des idées, du mélange d’ArraKISS…

De l’épice pour la pensée

Pour ceux qui ne savent pas, blogotext est un outil développé en PHP offrant un espace personnel complet, cohérent et léger. Il me permet d'écrire ce blog, mais pas seulement :

  • Hébergement et partage de fichiers
  • Marque-page de liens, renvoyés automatiquement sur mon compte mastodon
  • Prise de notes
  • Lecteur de flux RSS.

Ces quelques fonctionnalités sont reliées entre-elles, ce qui en fait un outil indispensable et très pratique. Il reste très léger et rapide.

Vous l'aurez compris, j'aime beaucoup cet outil. C'est pourquoi je souhaite aider à son développement.

Pourtant, je n'ai jamais appris le PHP à l'école, le javascript non plus. Mes contributions sont donc à prendre avec des pincettes, et sans doute parfois maladroites, mais les autres développeurs sont très sympas et patients. Au final, j'apprends énormément et m'amuse bien. Dernièrement, j'y ai consacré un peu de temps. Certaines des contributions listées ci-dessous seront peut-être intégrées prochainement, ou en inspireront d'autres :

  • Proposition d'un bout de code pour optimiser les images uploadées sur le blog, afin d'accélérer leur chargement : #350 ;
  • Petites retouches au CSS pour utiliser le lecteur de flux sur petits écrans : #351 ;
  • Dans le lecteur de flux, je préfère cacher les abonnements sans nouveaux éléments. À voir si ça plaît : #353 ;
  • Addon pour installer des addons. Il y a des chances que ça soit intégré au cœur de blogotext plutôt qu'en module : #31 ;
  • Addon pour éditer plus facilement la liste des liens dans la barre latérale #38 ;
  • Addon pour proposer une page "à propos" : #40 ;
  • Mise à jour de deux addons pour proposer d'autres articles à lire, soit sous forme de liste en texte soit sous forme d'images : #41 ;
  • Addon pour avoir des résumés des articles avec un "lire plus" : #42 ;
  • Addon pour ajouter au blog un formulaire de contact : #43 ;
  • Addoon pour modifier l'image d'en-tête dans le thème par défaut plus facilement. C'est un élément de personnalisation simple et important pour donner une identité à un blog. Ce n'est pas dût d'éditer les fichiers d'un thème, mais une personne peu à l'aise avec ces notions pourra désormais le faire en quelques clics : #44 ;
  • J'ai envie de faire un script avec curl pour envoyer de nouveaux articles ou des fichiers. Pour l'instant, je ne passe pas l'étape d'identification, mais je n'ai pas tellement creusé.

je vous invite à participer au développement de blogotext. Une liste des "issue" est disponible sur github si vous cherchez par où commencer. Vous pouvez aussi regarder les addons, le système de hooks permet de faire des choses vraiment chouettes.

À vous de jouer ;)

Le moteur de ce blog continue d'évoluer, sa nouvelle version est en cours de préparation. J'essaie de participer de mon mieux, ça m'apprend énormément sur PHP, Javascript...

Notamment, on voudrait présenter un nouveau logo. On a bossé dessus, et plusieurs propositions ont été faîtes.
On aimerait maintenant avoir votre avis. Si vous avez 30 secondes, n'hésitez pas à venir indiquer votre préférence sur le formulaire suivant :

https://framadate.org/pcMbn3FZFzXBq8LO

Merci ! :)

Le développement de blogotext avance bien dernièrement. Une des nouveautés est la facilité d'ajout d'addons.

Par exemple, j'ai pu avec le peu de connaissances dont je dispose ajouter un plugin pour du rendu LaTeX et de la coloration syntaxique :

Il en va de même pour une barre indiquant la progression de lecture ou l'intégration du javascript pour avoir les smileys : :)

La 3.7 va être belle :)

Blogotext, l'excellement moteur qui sert à faire tourner ce blog a été repris par BoboTiG il y a peu. On peut d'ailleurs constater que ça avance plutôt bien :

Puisque je suis tout bloqué avec une minerve, forcé à me tenir droit sans bouger, je n'ai d'autre choix que de geeker un peu. Si si, ça se dit! :)

Je me suis donc donné le défi de convertir automatiquement dans un commentaire les smileys. Ainsi, si quelqu'un écrit un ":" suivi de ")", on voit apparaître un magnifique ☺.
La mise en place est très naïve : un petit bout de javascript fait une boucle sur tous les conteneurs de type commentaire, puis remplace toutes les occurences de smileys "texte" par leur emoji équivalent.

Voici le code, à inclure à votre fichier list.html d'un thème :


<script>
var strtostr= [
    [/ :\)/g,' ☺'], 
    [/ :\(/g,' ☹'], 
    [/ :D/g,' 😃'],
    [/ :P/g,' 😋'],
    [/ :p/g,' 😋'],
    [/ ;\)/g,' 😉'],
    [/ ;-\)/g,' 😉'],
    [/ :\//g,' 😕'],
    [/ :\'\(/g,' 😢'],
    [/ oO/g,' 😮'],
    [/ x\.x/g,' 😵'],
    [/ O:\)/g,' 😇'],
    [/ \^\^/g,' 😁']
];

var classes_to_replace = ["com-content"];


classes_to_replace.forEach(function(class_){
    var tochange = document.getElementsByClassName(class_);
    var j;
    for (j = 0; j < tochange.length; j++) {
        var i;
        for (i = 0; i < strtostr.length; i++) {
            var oldtxt = tochange[j].innerHTML;
            var newtxt = oldtxt.replace(strtostr[i][0],strtostr[i][1]);
            tochange[j].innerHTML = newtxt;
        }

    }
});

</script>

C'est très simple à personnaliser, il suffit de rajouter des entrées dans le tableau définit au début.

Le code doit sans doute pouvoir être optimisé, je n'ai jamais appris le javascript 😉 .
Alors certes, le javascript n'est peut-être pas la meilleure méthode, c'est sans doute moins rapide qu'en PHP, mais ça ne surcharge pas la génération des pages, et en plus, si quelqu'un a désactivé le javascript, je suppose qu'il n'a pas grand chose à faire des émojis.

Tiens en passant, il y a une liste des émojis sur github

Voilà voilà, c'était le bout de code inutile mais indispensable de la journée, je vous laisse faire mumuse avec les smileys 😁