All good from my side, looks really good now!

Hey guys!

Thanks a lot for all your help! This wouldn't have been possible without you.
A special thanks to @Kver for patiently helping me with getting Planet to where it is now.
It's now live at https://planetkde.org/ with live feed.

There are some issues with the markup, which I'll try and solve and also try to do a bit of SEO alongside.
Also, the website is highly customize-able, so there can be loads of work done on it to make it even better.

Great work, I love it!

Thanks for your work, kudos! One suggestion: Could you detect when no avatar is set and remove the placeholder then?

kdeuserk wrote:Could you detect when no avatar is set and remove the placeholder then?

Added to my to do list. I'll make sure this is done in the next update.

ranveeraggarwal wrote:

kdeuserk wrote:Could you detect when no avatar is set and remove the placeholder then?

Added to my to do list. I'll make sure this is done in the next update.

Looks great! Congratulations on going live! Now you must prepare for a second round of adjustments, because we are evil and nitpicky - the lot of us! Here's a few points I've read from around the chat circles. No rest for the wicked!

• We should decrease the maximum width of the container div to ~850px; at it's current width it's too wide to read comfortably. If you decrease the padding between navigation links from 15px on either side to 10px it will all still fit.
• I've also read mentions that the header shouldn't be fixed, so maybe it should be switched over to static/relative positioning.

I'll let you know if I read any other feedback around the webs.

EDIT: Mobile is pleasurable now. For the first time I got to enjoy reading PlanetKDE on the bus. Good work.

Kver wrote:

• We should decrease the maximum width of the container div to ~850px; at it's current width it's too wide to read comfortably. If you decrease the padding between navigation links from 15px on either side to 10px it will all still fit.
• I've also read mentions that the header shouldn't be fixed, so maybe it should be switched over to static/relative positioning.

I'll let you know if I read any other feedback around the webs.

+1 to both. Read the same comments, drew the same conclusions, Kver says it all

Very nice work. I love it!

EDIT:
I just noticed that avatar pictures of different people have different sized, which lead them pushing down the separator line more or less randomly. Maybe we should enforce one maximum size here?

Kver wrote:If you decrease the padding between navigation links from 15px on either side to 10px it will all still fit.

I didn't get you. Which navigation links are you talking about?

Kver wrote:[*]I've also read mentions that the header shouldn't be fixed, so maybe it should be switched over to static/relative positioning.[/list]

I had kept that so that even if one scrolls down, he/she can access the microblogging feed/customize language without having to scroll all the way up. What do you think?

Kver wrote:I'll let you know if I read any other feedback around the webs.

Awesome! I'll be active on bugzilla. Any sort of bug/enhancement and I'll fix it ASAP

A few comments on the "configure feed" button :

• it closes as soon as you click. To uncheck more than one language, you have to click again on "configure feed". Besides, you have to click on the check box to change its state.
• If you click on the label, the dropdown menu will close, but the checkbox will remain in the same state, which is counter intuitive.
• There is a width for which the top bar becomes reduced (with the hamburger menu on the right), but the "configure feed" dropdown menu is still the same as the one for large width. It looks like a bug as it changes to something more usable if the width is reduced more.

ranveeraggarwal wrote:I didn't get you. Which navigation links are you talking about?

The "People Aggregated", "Add your Blog", etc. links. If the design of the site is limited to 850px in width, then it would switch to the dropdown menu - but by decreasing the padding between those links we avoid needing the menu. Either way, the big 'thing' is just thinning the maximum width of the site to 850px so it's more readable, once that's done you'll see how that affects the header - and then you can make changes as appropriate.

ranveeraggarwal wrote:I had kept that so that even if one scrolls down, he/she can access the microblogging feed/customize language without having to scroll all the way up. What do you think?

I don't think it's necessary to have one-click access to it all the time; I would consider the reading area more important, especially on mobile devices. We could always run a poll though. I'll leave that up to your discretion how you want to handle it; I personally don't mind it, but others have pointed it out.

ranveeraggarwal wrote:Awesome! I'll be active on bugzilla. Any sort of bug/enhancement and I'll fix it ASAP

I think just switching the site to max out at 850px is the only thing left from my end, but I'll redirect people if I see more comments.

Kver wrote:I don't think it's necessary to have one-click access to it all the time; I would consider the reading area more important, especially on mobile devices. We could always run a poll though. I'll leave that up to your discretion how you want to handle it; I personally don't mind it, but others have pointed it out.

No need for a poll here, seriously. If a user needs to access the functions in the navigation bar, they'll need them either before or after reading through posts, not in-between.

a bit late and maybe a bit more content than design but I feel there should be a limit on the number of screens of a single blog post that is shown, for example on Feb 7, 2015 this post is 16+ screens http://ovidiu.geekaliens.com/en/2015/02 ... at-fosdem/

after one screen (to be arbitrary) there should be a link to the original post

Is this design open source?

If so, could you put it on github or somewhere public please?
The idea is that people could port it to wordpress, jekyll or pelican and use ist for their KDE related blogs, maybe with the bottom line "Powered/Made by KDE" which in return strenghtens the KDE branding and awareness.

industrie13 wrote:Is this design open source?

If so, could you put it on github or somewhere public please?
The idea is that people could port it to wordpress, jekyll or pelican and use ist for their KDE related blogs, maybe with the bottom line "Powered/Made by KDE" which in return strenghtens the KDE branding and awareness.

Yep! It is completely open source.
So the design is actually built on Bootstrap (http://getbootstrap.com/), which is an open source HTML/CSS/JS framework used almost everywhere these days (In fact this forum itself uses bootstrap).

I had initially modified the vanilla Bootstrap template and posted it on this forum. Then, with suggestions from everyone, I modified it further still, and now it is what it looks like right now.

You can find the whole website on KDE's Git: https://projects.kde.org/projects/websites/planet-kde-org, and also send patches to make it better at https://bugs.kde.org/buglist.cgi?component=general&list_id=1209834&product=Planet%20KDE&resolution=---.

As far as porting it with other platforms goes, that's in fact a really good idea. I can maybe modify an entire vanilla bootstrap template and make it compliant with KDE's design policies. So, I'll document the template a bit and put it up on git and post the link here soon.