I thought I'd create a "Card View" with some custom CSS/JS. It's active on my own site (note that it checks for a minimum estate of 1200px before it will fire, so if you're on a mobile, it won't work)

Here's a short video that explains how this works here

I've released a base version of this new functionality, and will be supporting it going forward (via Sudonix).
Please also note: The CSS on my site is very heavily customized and as a result, you may not get the effect you desire immediately without changing the CSS in card.css.

New updated code which is designed to work for the "stock" Harmony theme in NodeBB

Revised code here

GitHub - phenomlab/harmony-card-view: A card view for Harmony theme on NodeBB

A card view for Harmony theme on NodeBB. Contribute to phenomlab/harmony-card-view development by creating an account on GitHub.

GitHub (github.com)

Original topic here

Switch between list and card view function

I decided that Hostrisk, my infosec news site needed a facelift, and given the nature of the information being presented, it didn’t lean itself very well to ...

Sudonix | A one-stop-shop for all your technology questions (sudonix.org)

I'd like to wish the NodeBB team a very happy and prosperous 2023. Thanks for all of your work and knowledge throughout the year. I very much appreciate the constant stream of releases and superb support, and I think I speak for everyone within this community in relaying my personal gratitude.

Many thanks.

@serverplayer Whilst we're on the subject of beauty, I believe that Sudonix falls into that category with a number of customisations, such as

Card view

Per user swatches

Custom pages

Threaded posts

Custom implementation of preview cards

So much more... You can find most of these customisations on my Github.

phenomlab - Overview

I am a network, security and infrastructure expert, Head of IT, and CISO for a financial institution with more than 33 years experience. - phenomlab

GitHub (github.com)

@dogs this worked a treat - thanks. For anyone else who might be looking for something similar, here's a simple scroll to top function that you can place into your Custom JS

// Scroll to top button
$(window).on('action:ajaxify.end', function(data) {
    
  var btn = $('#btt');
  $(window).scroll(function() {
    if ($(window).scrollTop() > 300) {
      btn.addClass('show');
    } else {
      btn.removeClass('show');
    }
  });
  btn.on('click', function(e) {
    e.preventDefault();
   $('html, body').animate({scrollTop:0}, '300');
  });
})

Then place this into your Custom Header

<a id="btt"><i class="fas fa-chevron-up"></i></a>

Obviously, you would need to provide some CSS to style this. An example of this can be found on https://phenomlab.com

@mventures Try something like this

<div id="console-root">
    <div id="console-nav-tab"><i class=""></i></div>
    <div id='console-nav-footer'>
        <div id='footer-content'>
            <div id='floatleft'>
                <div class="copyright">© 2023 yourforum.com</div>
                <div class='socialicons'>
                    <div class="margin-left">
                        <a href="https://www.linkedin.com"><i class="fa-brands fa-linkedin"></a></i>
                    </div>
                    <div class="margin-left">
                        <a href="https://twitter.com"><i class="fa-brands fa-square-twitter"></a></i>
                    </div>
                    <div class="margin-left">
                        <a href="https://www.youtube.com"><i class="fa-brands fa-youtube"></a></i>
                    </div>
                </div>
            </div>
            <div id='floatright'>
                <a id="getConsent" class='feedback-menu-far-right' href='/user/{username}/consent/'>Consent</a>
                <a class='feedback-menu-far-right' href='/policies'>Policies</a>
            </div>
        </div>
    </div>
</div>

You'll need to insert this into the "Global Footer" widget found in ACP (Admin Control Panel) /admin/extend/widgets, then

Drag and drop the HTML widget as shown into the Global Footer widget area. Expand the HTML widget, paste the contents of the code above, then save

You can then reload the site and the footer should appear. Note, that this will look quite ugly to start with, and requires styling with CSS, which of course, will be according to your taste.

Note that the NodeBB instance you have is currently v2.x - NodeBB v3.x will be released soon, so you might want to hold off any real design work until that is released - unless you have a specific design in mind already, but it likely will not work directly with v3 because v2 uses the theme "Persona" and v3 uses the theme "Harmony". However, you can stick with "Persona" in v3, although Harmony is far better.

Here's my take. Discourse requires a docker container to run, plus ruby etc to get it working. Anything outside of this (if you even manage to get it to run) is not supported by the discourse team and therefore, if your install breaks, you are on your own.

For me, this is an absolute non starter as it's far too restrictive for my use case.

NodeBB works perfectly out of the box and is extremely well supported by the developers themselves, and a very strong community. NodeBB was also the first forum software to have full GDPR compliance, and is extremely fast with great SEO support (compare it to Flarum and it's so called "support" for SEO and you'll see what I mean. They are two completely different animals with NodeBB offering full support as part of it's core whilst flarum requires an extension).

NodeBB is fully extendable, allowing for a variety of arbitrary code to be executed after the core has loaded meaning you can make it your own without many restrictions.

Finally, NodeBB is way faster than discourse and flarum (in particular the latter which uses a mithril front end with a php backend and if you want to make one simple change, it needs an extension).

Don't just take my word for it. Just use NodeBB for an hour and you won't be looking at anything else.

Super excited by all of this. Have been following and using harmony in git and an running it in Dev. Very much like the work done thus far and it's great to hear that beta1 has officially surfaced.

Thanks for all of the work on this.

This topic is literally just an opportunity for NodeBB lovers to showcase their own instance, and also get some insights into what others are doing, share some ideas, and gain inspiration along the way. Of course, everyone thinks their "child" is much better looking than everyone else's, but beauty is always in the eye of the beholder

With that said, I'll start the proceedings with my own site (who wouldn't?)

Sudonix | A one-stop-shop for all your technology questions

Looking for advice, information, and assistance for all technology? You're in the right place.

Sudonix | A one-stop-shop for all your technology questions (sudonix.org)

Sudonix was created by a seasoned and experienced technology expert with an industry proven track record in infrastructure, security, configuration, maintenance, and pretty much everything else that goes with making technology work. From a simple computer to a server room the size of a football pitch, and a network that spans all four continents, the founder of this platform has seen it, done it, and got the battle scars in the process. He has created technology infrastructure designed to scale to tens of thousands of users and computers, designed a number of fail-safe networks, scalable security solutions, and frameworks for manufacturing, investment, and finance houses that are still actively used today.

And now, some screenshots. Please note, that this is a completely free Open-Source service and is not-for-profit (hence the .org suffix). Sudonix is designed to help those on limited or non-existent budgets gain access to top-tier consultancy without the red tape or bureaucracy - or even those just looking for help, guidance, or assistance. It really has no limit. The screenshots are simply to showcase what is possible with NodeBB with a little imagination, and some (well documented) code.

Now it's your turn. Show off your NodeBB instance!

Personally, no. Animated GIFs seem like a 2000's throwback in my view. I used forums back in the day that had so many animated GIFs as avatars that it was enough to trigger an epileptic fit.

I wrote this some time ago but completely forgot to add here.

https://sudonix.com/topic/331/how-to-install-a-self-hosted-instance-of-iframely-for-use-with-nodebb

Hope someone else finds this useful.

@julian Seeing as the previous branch was bootstrap5 it might be a good idea to explain how to switch between that and the new develop branch, and install v3.0.0-rc.1

I've decided to switch my technology and security community to NodeBB. Absolutely love the blazing speed and maturity of this project. It's early stages, and some heavy customisation, but it's up at https://phenomlab.com

I'm an infrastructure and security expert by trade, so this feels like home.

@cat Try adding this also

$(window).on('action:composer.preview', function(data) {
    $(document).ready(function() {
        Prism.highlightAll();
    });
});

@julian that works, thanks. Upgrading now

EDIT - successfully upgraded to rc2

Found this earlier

Awards

Enter description here.

(www.20i.com)

Curious to understand why NodeBB didn't make it to the list. It easily blows Flarum and Discord out of the water !

@baris on

@gotwf said in Please take our survey on the Persona theme... and maybe win a t-shirt! :

As soon as I get a round 'tuit..

Here you go...

@baris any update on the above please from @volanar ? I'd like to use this extension also, and am happy to fund any development.

@darkpixlz @julian @baris These are all fair comments in my view, and most of this is about personal preference. The thing that really put me off Discourse was Docker, but that's just my view (and one I've always stuck to). I did look at Discourse some time ago after departing the Flarum ecosystem, and settled on NodeBB for a number of reasons - one being a developer myself it was easy to extend, and the other was that I didn't need to start learning Ruby et al when I already have a good working knowledge of NodeJS, so the choice was pretty obvious for me.

Again, my views entirely, and I'm not here to try to influence anyone otherwise. I do however find value in comparing the two products - not so much as saying I want to jump ship as that's not going to happen (I run three NodeBB sites - one being non-public), and I'm certainly not into "bashing" competitive products, as that isn't at all fair on those who have invested blood, sweat, and tears into creating a system for millions of others to enjoy for free. In fact, I applaud those that have taken a huge leap and give up their own free time for something like this. I've done it before in the past, and still do with my own forum as it's designed to assist others for free.

My only other comment here would be exactly what does the 20i "award" give you? My quip about a farcical accolade in this case was more around "who will actually read the voting and use it to make an informed decision?" All of us in the FOSS world know that in reality, it's recommendations from other professionals and enthusiasts, contributing to repositories, creating extensions/plugins - and most importantly, a general appreciation for the product, it's ecosystem and those who keep it fed and watered on a daily basis.

All of these ethics apply to both NodeBB and Discourse (and probably Flarum too). Circumventing any system in terms of increasing votes for what is essentially a pointless survey to increase the profile of the creator and expand it's own reach seems like a fruitless exercise to me

@baris have a look at https://developers.google.com/tenor/guides/migrate-from-v1#update-v2-domains

The issue here is that the API generator only creates v2, and not v1.

"Go to the docs" is the v2 documentation.