[ nodebb-theme-exodus ] - Exodus for Nodebb


  • Plugin & Theme Dev

    New theme for nodebb community


    ᑎᗝᗪᗴᗷᗷ 丅ᕼᗴᗰᗴ ᗴ᙭ᗝᗪᑌᔕ

    https://github.com/exo-do/nodebb-theme-exodus

    npm install nodebb-theme-exodus
    

    alt text


    Why exodus? Because i like a more classic layout with real responsive r , stylized buttons and different layouts on mobile and desktop.
    I have introduced more than a thousand lines of new css code adjustments only for this theme and of course it is a fork a persona so all plugins will work the same way.

    Development:
    We first developed theme-exodo for our community based on vanilla, but we changed a lot of templates and we ended up with a theme that was too difficult to update and we have been many months on v0.7.x because of that
    Now Exodus is the next step, it has all persona templates only the way of display post is a little different, i used flex box to keep post size minimum if needed and its show in a different way user info while reading topics.
    It also has mobile improvements on topic list and we keeper a guild container with different media queries fixes for different layouts while keeping theme as light as possible
    So now we hope theme-exodus will be easy upgradeable on upcoming core and persona changes.

    On the way
    Some new things will be available soon
    like be able to show a panel with recent topics list while reading a topic
    New pagination with sliders on mobile
    More css fixes
    etc


    Optional Plugin Additions:
    Following the plugin system we did our new homepage on a separate plugin so it can be used or not with the new theme.
    All are published on npm and will be updated when needed

    Homepage exodo

    https://github.com/exo-do/nodebb-plugin-homepage-exodo
    Its based on custom homepage so any user will be able to use the homepage or select another one like recent, categories etc on his profile
    It will show recent template on a side and a sidebar with categories tiles and user block bellow
    You can add some widgets on the homepage too

    npm install nodebb-plugin-homepage-exodo
    

    Highlights

    https://github.com/exo-do/nodebb-plugin-highlights
    it will add a line to show who opened the topic or if someone of your friends write on it

    npm install nodebb-plugin-highlights
    

    Ignore users

    https://github.com/exo-do/nodebb-plugin-ignore-users
    Fully compatible on hiding ignored users post

    npm install nodebb-plugin-ignore-users
    

    Custom Exodo

    https://github.com/exo-do/nodebb-plugin-custom-exodo
    this was an ambitious plugin that we had on the past and it is now rebuilt for this theme
    Will give you the ability to select near every color of the theme and personalize even fonts and backgrounds
    it is still on development (still only in spanish) but it works nice, it will save the customization on db and or local storage so it is very fast and won't have any delay like other customization options
    It also has some presets, light and night mode if you are lazy to select colors your own

    npm install nodebb-plugin-custom-exodo
    

    There is more on the way.
    We like to build things for nodebb but we currently only 2 person so any PR (internationalizations :cold_sweat: ) and help on github , (also issues reports) will be appreciated


    Finally

    Live Demo: https://exo.do

    Screens on next post

    Compatibility: 1.3.0


  • Plugin & Theme Dev


    Full example pics, take care on bandwidth :dancer:

    Custom plugin homepage

    0_1472001412801_Captura de pantalla 2016-08-24 a las 2.39.50.png

    Mobile layout with sliding categories bar

    0_1472001417859_Captura de pantalla 2016-08-24 a las 2.42.46.png

    Some topics

    0_1472002190291_Captura de pantalla 2016-08-24 a las 3.28.15.png

    Some posts

    0_1472002195793_Captura de pantalla 2016-08-24 a las 3.29.27.png

    Customizing

    0_1472001678855_Captura de pantalla 2016-08-24 a las 3.21.01.png

    My post on light mode

    0_1472001490013_Captura de pantalla 2016-08-24 a las 3.17.49.png

    My post on night mode

    0_1472001402351_Captura de pantalla 2016-08-24 a las 2.16.35.png

    I did a crazy mode

    0_1472002033691_Captura de pantalla 2016-08-24 a las 3.26.59.png

    Seems like thread opener and and a friend posted something

    0_1472001422551_Captura de pantalla 2016-08-24 a las 2.53.15.png

    Ignoring bad people

    0_1472001622071_Captura de pantalla 2016-08-24 a las 3.20.05.png



  • @exodo This is some great stuff. Really like the custom plugin to allow users to change the site as they wish.


  • Plugin & Theme Dev

    @torn2 said in Nodebb-theme-exodus - Live beta:

    @exodo This is some great stuff. Really like the custom plugin to allow users to change the site as they wish.

    Thank you :)



  • love it ;)


  • Plugin & Theme Dev

    some video example with customization



  • @exodo which skin have you selected in the persona option?


  • Plugin & Theme Dev

    @chrismccoy said in Nodebb-theme-exodus - Live beta:

    @exodo which skin have you selected in the persona option?

    @chrismccoy said in Nodebb-theme-exodus - Live beta:

    @exodo which skin have you selected in the persona option?

    No skin


  • Translator

    @chrismccoy it is all custom theme, no skin. Just based on persona but modified in a heavy way.



  • ya i wasnt sure if a custom skin was selected, as persona has a bunch of bootstrap skin options.


  • Plugin & Theme Dev

    @chrismccoy said in Nodebb-theme-exodus - Live beta:

    ya i wasnt sure if a custom skin was selected, as persona has a bunch of bootstrap skin options.

    There no meed of that on this theme. Boostrap skins are so messy



  • just trying to duplicate what you have on the live demo, what do you have selected as the main page, recent, custom, etc?


  • Plugin & Theme Dev

    @chrismccoy said in Nodebb-theme-exodus - Live beta:

    just trying to duplicate what you have on the live demo, what do you have selected as the main page, recent, custom, etc?

    My home page is from custom exodo plugin



  • Hi,
    I am trying exodus theme and I want to change the pink colour (#CF246A) of the button's borders. I would like to change buttons background colour too. What CSS selectors and properties should I change? I have tryed all .btn selectors and several properties without success.

    Thanks.


  • Plugin & Theme Dev

    updated for nodebb 1.3.0 and pushed to npm


Log in to reply
 

Looks like your connection to NodeBB was lost, please wait while we try to reconnect.