Introducing the NodeBB 0.7.0 Persona preview

[psychobunny]

NodeBB v0.7x is around the corner folks, codenamed Persona (named after the new NodeBB base theme, which you are previewing on this forum).

This is the first iteration and so expect bugs, even the widget areas are hardcoded right now because we expect a refactor of the widget system soon for better performance.

About the theme

A focus on making it easier to customize:

• Components: We've started removing ID and class based selectors in favour of named components. This way it's extremely obvious which parts are necessary to core. The previous system made it possible for you to accidentally lose functionality when modifying an element's class/ID.

• Component Toggling: (Not implemented yet). Template based mechanism for you to define component states within the HTML itself. More on this later.

• Refactoring templates and LESS (WIP): We will aim to deliver templates with less than 50 lines each. Previously we had some behemoth templates that were 200 lines long. Ouch.

What else is new?

Well, if you've been around lately you probably have noticed the new composer. We've also done (yet another) round of performance and usability improvements, and things should be looking much better and faster on mobile.

The new theme also has a slide-in mobile menu (I think we've all become bored of the standard Bootstrap dropdown by now!)

A more detailed list will be compiled when we do eventually come closer to the 0.7x release date. See you then and thanks for being part of our journey so far!

[a_5mith]

@psychobunny said:

(teaser)

It's beautiful.

[trevor]

Love it. Can't wait to submit merge requests.

[psychobunny]

haha I'm still updating stuff

[LeeM]

First impressions I was like, erm I prefer how it was .... but now I like it a lot.

My only thoughts are that when I first discovered NodeBB it was its usual category layout that gave me the WOW feeling, it looked completely different from every other forum software I'd seen before.

So using this new style make it look a lot like other types (is this a good thing?), though of course you've added far superior styling and little touches like the "posts quotes" in the right column, so although it is similar it is still way better than anything else

[psychobunny]

thanks! well I haven't actually written the OP yet, but the point of this theme is to be the "skeleton" theme. ie. it's as barebones as possible so it makes it easier to build on top of it

the other themes will still be supported

[hek]

Cool!

[Shaun]

Is that what this new theme is? Looks very nice, guys.

[jarey]

@psychobunny really like the changes on mobile. Have to see it on desltop, i'm sure it is impressive too there. Great work, congrats!

Edit: i would change on mobile the menu behaviour, closing the lateral menu when an option is selected, seems easier for me.

[frissdiegurke]

pretty cool theme, but surely missing important features if you're going to keep this here:

• direct link to latest post within /recent and /unread
• quoting
• voting

make sure you don't forget about them

update coming shortly!

take your time you're the boss...

[mrkpatchaa]

Very nice.
Is this a new theme ? I've upgraded to persona preview but I don't see the same

[Reik]

Classic feel, yeah! It looks very nice, but '3 dots in column' button (for sharing posts) should be bigger imo . I can hardly click it .

[a_5mith]

Biggest issue I've found is on mobile, open a chat with someone, the side nav goes, but doesn't move back over, so you can't see the chat. Other than that, as above, needs quote and reply etc, but you probably knew that.

[psychobunny]

Post updated, and we've already got a bunch of bug reports XD

This is the first iteration and so expect bugs

... and assign them to @baris

[julian]

@Reik said:

I can hardly click it .

Same here, needs a bit of padding, nice catch! Guess I'm not going to be editing any more posts from now on.

[psychobunny]

Since I'm taking a break from theming for a bit, I'll leave the above issues on the tracker. Feel free to add any there

Pull requests · NodeBB/nodebb-theme-persona

Persona - A modern and responsive NodeBB theme. Contribute to NodeBB/nodebb-theme-persona development by creating an account on GitHub.

GitHub (github.com)

[PitaJ]

This theme is so. Amazingly. Awesome.

[Shaun]

@psychobunny said:

I'll leave the above issues on the tracker.

I really love the responsiveness around here. Excellent work, guys.

[Leonardo Galani]

This.. is.. SOOO much sexier :3

[psychobunny]

I would upvote all of you guys but I totally forgot to implement the upvote component. D'oh! (Issued on bug tracker)