Changelog

Redesigned Finder: Introduced a completely new design system, page templates, and components (UI Kit). Finder has been rebuilt from scratch to enhance visual appeal and technical performance. Update highlights:

• Real Estate Demo
• Car Finder Demo
• City Guide Demo
• Contractors (Business Listings) Demo
• Doctors (Healthcare Directories) Demo
• Event Listings Demo
• Multiple Add Listing Workflows
• Multiple Listing and Single Item Layouts
• User Account Pages
• Help Center / Support Pages
• Multiple Blog (News) Page Layouts
• Secondary and Specialty Pages: About, Contacts, 404, etc.
• 60+ Flexible Components (UI Kit)
• Fully Interactive API Driven Map
• Support for Light and Dark Modes
• Progressive Web App (PWA) Ready: The template is now PWA-ready, allowing it to be installed on any device for a native app-like experience directly from the browser.
• Caching and Offline Support
• Right-to-Left (RTL) Support

Build System: We've transitioned from Gulp to Npm scripts for a more streamlined and efficient build process. The new Finder build system, located in the build folder, features a series of JavaScript files, each dedicated to specific tasks. These are executed through Npm scripts, integrating following development features:

• SCSS to CSS Compilation: Converts SCSS files into optimized CSS, complete with automatic autoprefixing to ensure styles work across all modern browsers.
• JavaScript Bundling and Minification: Reduces JS file size and combines files for optimal performance.
• Icon Font Generation: The build system includes a process for converting SVG icon files into a custom icon font. This allows for easy integration of scalable icons throughout the application, ensuring consistency and reducing the load times associated with multiple image files.
• Style Linting: Ensures CSS code adheres to Bootstrap's coding standards.
• JavaScript Linting and Formatting: Keeps JavaScript code clean and consistent.
• HTML Markup Validation: Checks HTML for errors and compliance to standards.
• Local Server with Hot Reloads: Enables real-time preview and updates without manual refresh.
• RTL Styles Generation: Automatically generates right-to-left (RTL) stylesheets.
• Production and Deployment: A complex script that prepares and optimizes assets for deployment.
• Main Config File: The build system is designed with a centralized configuration approach. All source and output paths, along with file names, can be easily managed through a single configuration file, simplifying adjustments and scalability.

Demo Site Customizer: Introduced a Customizer tool on the demo site that allows template appearance adjustments in real-time. Features of the Customizer include:

• Color Customization: Users can modify brand colors including Primary, Warning, Info, Success, and Danger.
• Text Direction: Allows switching between left-to-right (LTR) and right-to-left (RTL) text directions.
• Border Customization: Users can change border width and rounding to suit their design needs.
• Style Export: The Customizer enables users to copy generated styles to the clipboard for easy application to websites built with the Finder theme.

Real Estate Demo pages:

• Homepage v.2
• Single Property v.2
• Help Center
• 404 Not Found (Animated)

Standalone sign in/up pages (prior only available as modals):

• Sign In Light Version
• Sign Up Light Version
• Sign In Dark Version
• Sign Up Dark Version

Real Estate Demo pages:

• About
• Contacts
• Help Center
• 404 Not Found (Animated)

Car Finder Demo pages:

• About
• Contacts
• Help Center
• 404 Not Found (Animated)

Job Board Demo pages:

• About
• Contacts
• Help Center
• Help Center Single Topic
• 404 Not Found (Animated)

City Guide Demo pages:

• About
• Contacts
• Help Center
• Help Center Single Topic
• 404 Not Found (Animated)