Forked Lavender: added hero header with auto-sticking navbar
Thanks for your great work with NodeBB. It is a very nice part of our site's next-generation feel. I did some slight modding of your Lavender theme to suit our style, and I thought I'd share the mods back with the community in case anyone else was trying to do similar things:
(Also, if you would like to incorporate any of these things into Lavender, I'd be very happy to have been of help.)
I added a few features:
- Large header image (for consistent branding with rest of our site)
- Navbar below large header image which auto-sticks to top of page when header image is out of view.
- In left side of navbar, the site logo sends user to main site (not forums), and the forum title sends user to forum front page.
- Navbar is inverted by default
I look forward to watching NodeBB's continued evolution!
Nice! You should post a screenshot as well
Thanks for the suggestion! Here's our front screenshot, with the full header image:
When you scroll down, the header image disappears, and the navbar then sticks to the top, with a mini-logo that fades into view.
The large header image made it easier to transition from the dark-colored branding on the rest of our site:
I'm gonna have to yoink that.
Thanks! I apologize that some of the names (e.g., expii.com) are hard-coded into the theme, but I documented all of my areas of change with comments that include "Po".
how does one install this theme?
How do you install this theme? Is it v0.6.0 compatible?
@po Question, is your home page and NodeBB installation concurrent? if so, how?