0000000000000100 - Steemit Interface PoC - Tag Cloud and Tidy Up

When I started thinking about rewriting Steemit's front end and producing a Proof of Concept, I didn't want to just make it pretty, I wanted to add to it - some extra features that steemit.com doesn't have.

So over the weekend, I worked on a feature that I thought could work quite well within a community page - A Tag Cloud.

Below is an example where the right hand column (currently) lists all of the tags that have been used within the World of Xpilar posts. In this case, I have selected the "club100" tag which has filtered all of the posts within World Of Xpilar that have used this tag.

image.png
Separator-code.png

I've currently got it set so that all of the tags are listed and as a bit of fun, can you guess what the most used tag within World of Xpilar is?

Separator-code.png

In addition to this, I've also tidied up the area where the posts are displayed - I currently loop through 5 posts at a time to display the alternating 2 and 3 column layout but this meant that if there were fewer than 5 posts, then you'd get some blank blocks and missing images. So I fixed this and introduced a nice, new design when there are 4 posts remaining.

image.png
Separator-code.png

I'm quite excited by this and am pleased with how things are coming together 🙂

I'm not sure where I'll go next with this - it's tempting to create a "blog" page displaying a user's content but I think I'll keep going further with what I've got first. I need an update to the API so that I can identify pinned posts and also need to include some "post stats" - things like number of comments, upvotes, etc. and community information. Plenty to do - fortunately, I've not come across any major stumbling blocks to slow me down yet.

H2
H3
H4
3 columns
2 columns
1 column
58 Comments