codewars / blog

The Codewars Blog
https://blog.codewars.com
MIT License
9 stars 3 forks source link

Make the blog more visible #26

Closed JohanWiltink closed 3 years ago

JohanWiltink commented 3 years ago

Ideas:

hobovsky commented 3 years ago

My idea was to make the feed bigger, and potentially replace allies board with the carousel of recent blog posts or the listing. It would make the main page a bit more portal-ish.

But I love the idea with notifications in top right corner, and placing an entry in the left bar.

JohanWiltink commented 3 years ago

I almost never see the main page. My bookmark is for the list of kata, with appropriate filters.

hobovsky commented 3 years ago

image

YAY! 🎉

I hate the icon though :D but well, it's just me.

Bonus points for making it have a "there's a new post" indicator :D

kazk commented 3 years ago

I hate the icon though

Any suggestions?

hobovsky commented 3 years ago

Is there any particular icon set to pick from?

Don't mind me, really, i am really glad it's there and just this fact itself outweights everything else.

If I were to suggest anything, I was thinking about some parchment, scroll, or newspaper, no idea if they would fit though. The current one is IMO visually somewhat unbalanced.

kazk commented 3 years ago

I'm not a fan either. I was going for "announcement".

For news/newspaper, there are

I usually pick from https://heroicons.dev/ or https://tabler-icons.io/.

(Codewars still uses icon fonts from the past, but it's painful to style because they're not scaled consistently, and it's not square :man_facepalming: So, I've been just using tiny SVGs for new code.)

hobovsky commented 3 years ago

From presented sets, nice icons are book, chat, message, float-right, license.

I was also considering something like 'talking head', there are some examples on the Web, but I am not sure if they would look good here.

kazk commented 3 years ago

newspapernewspaperchatchatrssrssspeakerphonespeakerphone

newsbookfloat-rightmessagelicensespeakerphonersswritingtemplate

I'll try book/magazine.

hobovsky commented 3 years ago

Oh, I like the pen/pencil/writing thing too, didn't think about it:

image