(Design) Page d'accueil sur 2 colonnes
0gust1 opened this issue · 6 comments
Un truc que j'ai essayé de faire, mais sans vraiment y arriver.
Je voulais 2 conteneurs pour "Concept" et pour "Prochaine réunion", histoire de les mettre sur 2 colonnes.
Or, si on peut mettre du HTML dans le markdown, de façon assez logique tout le contenu markdown d'un bloc HTML est ignoré par le convertisseur markdown => html. Je croyais que c'était possible (j'ai un vague souvenir d'y être arrivé, ailleurs, dans d'autres situations... mais "vague" :) ).
Bref, j'ai l'impression que si on veut ça (les 2 colonnes), il faut écrire toute cette zone en pur html, ou changer de syntaxe (certaines extensions à markdown font ce genre de choses... mais on s'éloigne du standard..)
@0gust1 je pense que c'est plus propre de mettre le HTML réservé au layout dans les templates et de réserver le markdown au contenu uniquement.
Idéalement, je pense qu'il vaut mieux splitter le contenu en plusieurs morceaux et de remplir les conteneurs avec. Du coup, deux solutions :
- trouver une façon de déclarer des "zones" de contenu différentes dans un seul fichier markdown
- splitter en plusieurs fichiers markdown pour chaque zone (et là l'usage des dossiers ne pose plus de question puisqu'on y sera contraint).
Par exemple, pour plusieurs fichiers markdown, on peut déclarer dans le fichier principal (index.md) au niveau des métas, les "sous-contenus" qu'il faut également charger. Sinon, plus simple, on charge direct dossier/*.md et on crée un map qui les références par leur nom de fichiers qu'on pourra utiliser dans le template directement.
J'allais suggérer d'utiliser CSS3 pour les colonnes mais je vois que ça a déjà été fait ;) Bien vu, ça se dégrade gracieusement en plus (les navigateurs ne supportant pas cette fonctionnalité afficheront le contenu sans colonnes, donc osef).
Par contre j'ai voulu ajouter des règles concernant le "cassage" des colonnes, pour empêcher les changements de colonne immédiatement après un titre, mais ça n'a pas fonctionné, en tout cas sur Chrome (en revanche je viens de pousser un commit qui les empêche dans un descriptif d'article dans la partie Blog, et là ça marche nickel). D'après ce que j'ai vu, le support n'est de toute façon pas optimal, mais si quelqu'un qui connaît mieux la spec que moi a le courage de jeter un oeil...
J'avais utilisé les colonnes CSS3 "en attendant", je suis pas très satisfait du résultat, notamment par rapport à ces coupures intempestives. Je pense qu'on coupera pas à la création de plusieurs templates pour chaque layout.
Bah selon moi c'est le seul point négatif, vu qu'on vise pas la compat IE et que de toute façon la dégradation gracieuse est satisfaisante à mon goût... Par contre je pige vraiment pas pourquoi je n'ai pas réussi x)
Juste pour mémoire, @0gust1 est parti sur une branche pour "chunker" les fichiers md https://github.com/ChtiJS/chtijs.francejs.org/tree/gulp-mdchunk
Outdated.