New post header (hero image)

[MoOx]

I tried a new header this morning & posted on gitter chan, but I gues most of you didn't see it

Notes:

• You will be able to control the text color (light or dark) with a flag
• maybe we should put meta below the image
• I plan to add another layout where image is before all texts (including title)

Any thoughts ?

[kud]

Really cool. It gives some "life" to the website.

[magsout]

like it, very good job

[bloodyowl]

maybe we should use a canvas & calculate the best text color for contrast at runtime by reducing the canvas to 1px & reading the dominant color?

[MoOx]

It might be a good enhancement indeed. But simple flags for now allow server side rendering. That said, we might handle that with a metalsmith plugin that read the image content.

[MoOx]

Version light avec gradient custom

header:
  light: true
  linearGradient: 160deg, rgb(250, 250, 250), rgba(214, 194, 162, 0.6)
  image: true
  credit: http://freebiesxpress.com/gallery/macbook-air-table-direct-stock-photo/

Ça vous parait correcte ?

j'hésite sur le light, p-e juste text: "light" ? Quoique non c'est pas mieux.
Pour info les gradient sont préfixé -webkit aussi.

si .credit présent, on consider que image est ok

[magsout]

Ca rend plutot pas mal, peut-etre un peu plus grossir la partie auteur pour qu'elle soit un peu plus lisible.

[MoOx]

En regardant medium, je remarque qu'ils mettent ces infos dans le footer là où il y a la bio. On pourrait peut etre faire ça, et passer le temps en bulle sur le coté qui s'update au scroll ?

[MoOx]

What about something like that ?

[MoOx]

AND WHAT ABOUT A COMPLETE FUCKING CHANGE

[magsout]

Je préfère avec le Header rouge. Même si le fond en blanc rend pas mal.

Avec les infos auteurs et Time comme ca, c'est une bonne idée. Je laisserai limite que le titre avec l'image. Les Tags à la fin peut-être ou en dessous de la partie InfoAuteur.

[MoOx]

Je vais faire ça.

Plus je regarde le header blanc, plus j'aime. On pourra voir ça après coup.

[magsout]

Plus je regarde le header blanc, plus j'aime. On pourra voir ça après coup.

Je me disais pareil. Le blanc à un style classe, net.

Pour le rouge c'est peut-être aussi biaisé par les icônes SVG en noir qui rendent le tout un peu moins beau et terminé.

[MoOx]

Tu les verrais de quel couleur ?

[magsout]

Comme avant, comme les liens

[MoOx]

Ok, faut qu'on gère #374 d'abord :)

[magsout]

Yep mais je suis largué avec webpack :(

[MoOx]

C'est mon prochain post. Puis là de toute façon je pense que je vais le faire sans webpack. Ca fait overkill.

[magsout]

Ca le fait comme ça je trouve. Bien joué 👍

[Nyalab]

[lionelB]

la classe :)