Skip to content

Rebranding / other changes

Announcements
  • @DownPW itā€™s just standard html šŸ™‚

  • yep but you use a plugin to do it or make HTLML file manually ? Where put you the file etcā€¦

  • @DownPW I write all HTML manually. Itā€™s inserted into page widgets created by nodebb-custom-pages

  • Ok, this might cause some bemusement and confusion, so apologies in advance. Iā€™ve decided to change the logo again.

    Why?

    The answer here is relatively simple. Itā€™s mostly because the more time wore on, the more I hated itā€™s overall look and feel. To me, it looked ā€œcheapā€ and put together quickly without much consideration for the overall statement and services that this site offers.

    Sure, itā€™s consistent with development, writing code, etc, but Sudonix has become so much more than just a support site for NodeBB. Admittedly, itā€™s still very much the main content of this site as it has never forgotten itā€™s roots, but I have ambition beyond NodeBB itself as the main topic focus. If you look at the services page, youā€™ll understand what I mean.

    5bdf04cc-c6f5-45de-833f-9e8455b8d744-image.png

    You can very easily see the justification here, and also notice that ā€œDevelopmentā€ is only a portion of what Sudonix offers.

    So, without any further interruptions, hereā€™s the new logo

    86aed9e7-f9a0-4719-855d-d1d7e89b9bd8-image.png

    Great, but what does it represent?

    Good question. If you look, itā€™s simple once you understand. The round circle in the middle is you - the user of this service. The lines around (which look very Japanese, but it wasnā€™t intended) is a wrapper around you - meaning that all the services and facilities here are designed for, and accessible to you - effectively, you should be able to find everything you want here, and more. Someone else made the comment about a strange sort of Turkish Eye, but itā€™s not šŸ™‚

    Ultimately, itā€™s a symbol of ā€œcommunityā€. Somewhere we can all co-exist and learn from each other.

    The ā€œcompleteā€ version of the logo, which incorporates text etc is below

    e9781336-05ae-435c-9fce-5a5d02866f0c-image.png

    Now, I personally think that looks ā€œhotā€ (probably the orange colourā€¦) - I might be wrong here, but it looks catchy (and not cheap). Youā€™ll also notice the intentional division of the words ā€œSUDOā€ and ā€œNIXā€ - itā€™s always been pronounced soo-don-ix and that wonā€™t change, but SUDO and NIX both have special meaning in the IT world as you probably know.

    This is the logo, and itā€™s not going to change šŸ™‚ I also own the copyright for it, so it is protected at least where the jurisdiction extends to.

    If youā€™d like to know where I got this logo from, itā€™s below.

    https://looka.com/

    The platform uses AI to generate suggestions for your logo. Itā€™s not necessarily ā€œcheapā€, but not expensive either in my view, and you can amend it as many times as you like. The only thing I didnā€™t like was the lack of Google Fonts, so I used the .eps file and made my own version using the fonts I wanted rather than those I was forced to use.

    Iā€™d love to get feedback on the new logo!

  • Logo looks amazing.
    There is great utility in this site branching out, firstly because its trustable.
    I have two colleagues who contracted developers, via upwork / fiver. They both ended up in similar situations:
    Unfinished buggy code, after they had made staged payments the developers were less available to return and fix issues.
    Then effectively being held over a barrel for any future changes.
    Its an all too common predicament.

    And, on other end of spectrum, comparing sudonix to a well know code-help site, Ive found some Moderators to be intolerant there. They can close questions saying there are already answers, when theyā€™re not exactly the same question.

    So combining Trust factor and good Moderator attitudes here, this site is on right path.
    One wonders if it hadnt been for googlebots slow indexing, it might be too busy ā€¦ if the word got out this site is so helpful!
    How will @phenomlab manage if there were 100s of technical questions a day?!

  • @Panda said in Rebranding / other changes:

    How will @phenomlab manage if there were 100s of technical questions a day?!

    Thanks for the very positive comments - they are much appreciated. The long-term idea is that I am not the only guru šŸ™‚ and there are others well versed here (for example, @DownPW) who could also (and already do) offer assistance where they can. I really resent the likes of paywall based sites, and you are right in the sense that you are effectively being held to ransom.

    The 100ā€™s of questions per day doesnā€™t phase me, but this is the reason why there is no SLA. Iā€™ll handle all questions as they arrive šŸ™‚

  • @Panda said in Rebranding / other changes:

    And, on other end of spectrum, comparing sudonix to a well know code-help site, Ive found some Moderators to be intolerant there. They can close questions saying there are already answers, when theyā€™re not exactly the same question.

    No prizes for guessing who that isā€¦

  • @phenomlab said in Rebranding / other changes:

    The long-term idea is that I am not the only guru and there are others well versed here (for example, @DownPW) who could also (and already do) offer assistance where they can

    Oula thank you for the compliment but I am far from being a guru but I help as soon as I can here.

    @phenomlab said in Rebranding / other changes:

    The 100ā€™s of questions per day doesnā€™t phase me, but this is the reason why there is no SLA

    ha ha šŸ™‚ Letā€™s not exaggerate.

  • @DownPW I donā€™t see 100s of questions a day as an exageration actually. Iā€™m personally grateful that this forum isnā€™t swamped, as its my go-to for NodeBB issues and its a vital part of NodeBB support.

    It can be over-whelming when a site grows exponentially. I had that once with a Mastodon Server. Before I had chance to plan, my server was grinding to a halt and there were disputes between members, as admin I had to referee!

    This brings up the topic of SEO and previously documented comments on NodeBB community that NodeBB forums donā€™t seem to get well indexed in google.
    This is a whole area Iā€™m not an expert on, but I help a few people with forums and anecdotally I see the ones on websitetoolbox get their posts indexed faster!

    I hear that getting sites indexed ā€˜for freeā€™ is harder than it used to be.

  • Oups sorry, Iā€™m talking about SLA.

  • @Panda said in Rebranding / other changes:

    I hear that getting sites indexed ā€˜for freeā€™ is harder than it used to be.

    This is true. Google wonā€™t crawl your site if it considers it to be of low quality.

  • New OG:Image created, which will be the placeholder each time the link is shared on social media, or in other forums etc.

    https://sudonix.org

  • @phenomlab how can you set this up and make sure this is the picture that the social media website is picking?

  • @crazycells go to /admin/settings/general and then upload where it shows below

    7748c41f-31c8-4bef-ac18-7be9081990b2-image.png

  • @phenomlab yeah, I use the same areaā€¦

    However, for example, Facebook always fails at showing this image, whereas we never have a problem with Twitter. I wonder if there is any solution for facebook to show this image as the preview.

  • @crazycells You get an error when you post on Facebook referencing your own site? My guess is that the OG variables are missing in the headers.

  • @phenomlab said in Rebranding / other changes:

    @crazycells You get an error when you post on Facebook referencing your own site? My guess is that the OG variables are missing in the headers.

    yeah, basically facebook does not post any pic, it is an empty image spaceā€¦

    Screen Shot 2023-06-28 at 13.12.24.png

    how can we fix the problem you mentioned? is it fixable?

  • @crazycells Not sure thereā€™s anything to fix. Iā€™ve just tested it and got this

    c4afa383-9be2-40e0-8148-cd12b23a407f-image.png

  • @phenomlab yes, that is usually deceivingā€¦ I also see this as preview, I never see an empty image in the previews, but after it posts, it changesā€¦ this logo does not show upā€¦

    thanks for the info you gave, I need to transfer this info to our dev team šŸ™‚

  • @crazycells said in Rebranding / other changes:

    thanks for the info you gave, I need to transfer this info to our dev team

    No problems - let me know if you need any other info.


Related Topics
  • Ch..ch..ch..ch..changes!

    Announcements
    16
    15 Votes
    16 Posts
    230 Views

    @phenomlab of course, to be recognised is fantastic.

    @phenomlab said in Ch..ch..ch..ch..changes!:

    Sadly, no. Web crawlers and scrapers are often JS based and read text only, so styles donā€™t have any bearing.

    Iā€™ve read mixed things about this, but no that does make sense, it was something I read a many years back when using Wordpress.

  • ANNOUNCEMENT: Social Login Changes

    Announcements
    4
    6 Votes
    4 Posts
    467 Views

    @DownPW Always looking for ways to improve the overall experience.

  • IMPORTANT: Theme / Swatch changes

    Announcements
    4
    6 Votes
    4 Posts
    287 Views

    @cagatay these changes arenā€™t published anywhere presently, so nothing for you to do.

  • Website and mail branding failures

    Blog
    12
    16 Votes
    12 Posts
    659 Views

    @phenomlab šŸ‘

  • Changing the look of recent cards

    Announcements
    1
    2 Votes
    1 Posts
    277 Views
    No one has replied
  • 2 Votes
    10 Posts
    1k Views

    @DownPW

    We just have to change the cycles automatically according to each period ?

    Yes, this is by far the safest

    I think it is possible to achieve the goal, I have already seen this kind of thing on a site without any perf problems.

    Itā€™s certainly possible, but not without issues or impact to performance (in my view)

  • 5 Votes
    9 Posts
    2k Views

    @phenomlab

    Very very great Mark šŸ˜‰
    Thanks again, Itā€™s perfect now !

    ā€“> I share my code that I modified.

    Iā€™ve added French and English comments.
    If you see things to change Mark, donā€™t hesitate.

    As usual, all the access paths (FA icons, logo) will have to be modified according to your architecture.

    You can also very well add/remove time slots and change welcome messages to suit your needs.

    Widgets ACP/HTML Widget Footer Logo <center> <br><br> <img id="thislogo" src="path/to/my/image"> </center> Widget Welcome Message <!-- IF loggedIn --> <div class="getUsername">, <a href="/me"><span class="username"></span></a></div> <!-- ENDIF loggedIn --> CSS

    ā€“ I added the size font-weight: 900; in the CSS because otherwise some FA icon wasnā€™t displayed correctly and reduce margin :

    i#thisicon { font-family: "Font Awesome 5 Free"; font-style: normal; margin-right: 8px; font-weight: 900; } .getUsername { padding-top: 20px; text-align: right; } /*Smartphone*/ /*On dĆ©sactive le message de bienvenue"*/ /*We disable the welcome message"*/ @media all and (max-width: 1024px) { .getUsername { display: none; } } JAVASCRIPT // ------------------------------------------ // Welcome Message avec icĆ“ne et Footer logo // Welcome Message with icon and Footer logo // ------------------------------------------ $(window).on('action:ajaxify.end', function (data) { //On rĆ©cupĆØre le username dans le DOM et on l'affiche //We retrieve the username from the DOM and display it function updateUsername() { $('.getUsername .username').text(app.user.username); } if (document.readyState === 'loading') { document.addEventListener('DOMContentLoaded', updateUsername); } else { updateUsername(); } //On dĆ©clare les variables principales (themessage & thehours) ainsi que les variables secondaires correspondants aux plages horaires //We declare the main variables (themessage & thehours) as well as the secondary variables corresponding to the time slots var thehours = new Date().getHours(); var themessage; var wakeup = ('Good day'); var morning = ('Good morning'); var lunch = ('Bon appĆ©tit'); var afternoon = ('Good afternoon'); var drink = ('Cheers'); var evening = ('Good evening'); var night = ('Good night'); var welcome = ('Welcome'); var matched = false; //On peux ici tester le rĆ©sultat du code en spĆ©cifiant une heure (!!!IMPORTANT: Commenter une fois le script testĆ©!!!) //Here we can test the result of the code by specifying a time (!!!IMPORTANT: Comment once the script has been tested!!!) //thehours = 20 //On dĆ©clare les plages horaires avec les icones FA et les logos //We declare the time slots with FA icons and logos path if (thehours >= 0 && thehours < 6) { themessage = night; theicon = "fa-solid fa-moon"; thelogo = "/assets/customlogo/XXX.png"; } else if (thehours >= 6 && thehours < 8) { themessage = wakeup; theicon = "fa-solid fa-mug-hot"; thelogo = "/assets/customlogo/XXX.png"; } else if (thehours >= 8 && thehours < 12) { themessage = morning; theicon = "fa-solid fa-sun"; thelogo = "/assets/customlogo/XXX.png"; } else if (thehours >= 12 && thehours < 13) { themessage = lunch; theicon = "fas fa-hamburger"; thelogo = "/assets/customlogo/XXX.png"; } else if (thehours >= 13 && thehours < 16) { themessage = afternoon; theicon = "fa-solid fa-sun"; thelogo = "/assets/customlogo/XXX.png"; } else if (thehours >= 16 && thehours < 18) { themessage = welcome; theicon = "fa-solid fa-rocket"; thelogo = "/assets/customlogo/XXX.png"; } else if (thehours >= 18 && thehours < 19) { themessage = drink; theicon = "fa-solid fa-wine-glass"; thelogo = "/assets/customlogo/XXX.png"; } else if (thehours >= 19 && thehours < 20) { themessage = lunch; theicon = "fas fa-pizza-slice"; thelogo = "/assets/customlogo/XXX.png"; } else if (thehours >= 20 && thehours < 24) { themessage = evening; theicon = "fa-solid fa-tv"; thelogo = "/assets/customlogo/XXX.png"; } // Si la page active est un topic, on dĆ©sactive/cache le message de bienvenue // If the active page is a topic, we deactivate/hide the welcome message if (window.location.href.indexOf("topic") > -1) { console.log("This is a topic, so hide the user welcome message"); $('#thisuser').hide(); } // Sinon, on affiche le message en fonction, l'icone FA et son emplacement (prepend) // Otherwise, we display the message in function, the FA icon and its location (prepend) else { $('.getUsername').prepend("<i id='thisicon' class='" + theicon + "'></i>" + themessage); $("#thislogo").attr("src", thelogo); //$('.getUsername').prepend("<img id='thisicon' src='" + thelogo + "'></>" + themessage); } });
  • Theme changes

    Announcements
    6
    10 Votes
    6 Posts
    553 Views

    Thereā€™s still some very minor bugs in the two themes (light and dark) but these will be resolved in the coming days. Some are specific to firefox, and well require special attention, but will still be resolved nonetheless.