We are pleased to inform you about significant improvements to our website aimed at providing a more tailored and sophisticated user experience. The website has been updated to v2.0.0 and introduces a theme selector and a colour mode selector, offering you the ability to personalise your interaction with our website.<\/p>\n\n\n\n
This website utilises the Bootstrap<\/a> framework as the backbone to the website structure. This has been updated from v4.6.0 to v5.3.2. This upgrade bring various improvements and some changes to how the information is being shown. Some minor layout changes have been implemented which uses the screen space more effectively. Where possible the website style and look has not been changed to aid with maintaining familiarity. The main benefit of this upgrade is to implement a dark mode as described below.<\/p>\n\n\n\n Our new theme selector, powered by Bootswatch<\/a> themes for Bootstrap v5.3.2, gives you the ability to customise the visual aesthetics of our website. The implementation involves dynamically loading the theme based on user selections from a choice of themes. You may choose your theme using the paint palette icon at the far right of the top navigation menu. By default the existing theme is displayed but if you like to try something different feel free to use the theme selector. There are various themes available to use that vary in colour, line spacing, font and visual design.<\/p>\n\n\n\n Introducing a colour mode selector that facilitates the choice between light and dark modes. This feature is designed to accommodate different user preferences. If you find that overall brightness of the white background to be too much then dark mode might suit you better. The default is your system preference (auto), however you can manually switch between light and dark modes. To change the colour mode use the sun\/ moon icon at the far right of the top navigation menu<\/p>\n\n\n\n For those interested in the technical aspects:<\/p>\n\n\n\n Our theme selector leverages Bootswatch<\/a> themes and dynamically applies the selected theme by creating and appending a new link element to the document’s head before unloading the old theme and reloading the new theme. This process has been implemented so that themes are loaded effectively and as quickly as possible.<\/p>\n\n\n\n Various colour and styling adjustments are made to the loaded theme to ensure reasonable readability and contrast. Please let us know if you believe there is content that you believe doesn’t provide enough contrast to view in a legible fashion.<\/p>\n\n\n\n This utilises local Storage to store user preferences, ensuring that your chosen colour mode persists across sessions. Additionally, the implementation includes a system preference check by default (the auto setting), to dynamically setting the theme based on the user’s operating system.<\/p>\n\n\n\n Feel free to explore the newly integrated theme selector and colour mode selector. Your preferences will be retained for future visits, ensuring a consistent and personalised experience.<\/p>\n\n\n\n We extend our sincere appreciation to our valued website users for their continued support for Ferny Grove Weather (December 2023 was our strongest month for visitor activity yet). These updates are aimed at elevating your experience, and we hope they prove to be valuable additions.<\/p>\n\n\n\n Please note there is the chance of the website experiencing unexpected behaviour when using these features. Whilst this has undergone significant testing these issues may occur. Please reply to this post or contact us<\/a> to inform of the issue for rectification in a future update.<\/p>\n\n\n\n Further updates to bring new content and different ways to explore existing data are in the works for 2024.<\/p>\n\n\n\n For any inquiries or feedback, please don’t hesitate to reach out.<\/p>\n2. Theme Selector: Personalising Your Visual Experience<\/strong><\/h3>\n\n\n\n
3. Colour Mode Selector: Enhancing Visual Comfort<\/strong> <\/h3>\n\n\n\n
Additional Considerations:<\/strong><\/h2>\n\n\n\n
\n
Technical Insights:<\/strong><\/h2>\n\n\n\n
Theme Selector and Colour Mode Selector Implementation:<\/strong><\/h3>\n\n\n\n
Other updates:<\/strong><\/h2>\n\n\n\n
\n
Getting Started:<\/strong><\/h2>\n\n\n\n
Thank you:<\/strong><\/h2>\n\n\n\n