Added darkmode in home page

[tfsumon]

Added module & improved core files code structure

• organized partials and removed partials and shortcodes that is added as modules.
• renamed video section shortcode for avoid conflict with video shortcode
• added automation scripts to update modules

[stackblitz[bot]]

Run & review this pull request in StackBlitz Codeflow.

[dryrunsecurity[bot]]

Hi there :wave:, @dryrunsecurity here, below is a summary of our analysis and findings.

DryRun Security	Status	Findings
Server-Side Request Forgery Analyzer	:white_check_mark:	0 findings
Configured Codepaths Analyzer	:white_check_mark:	0 findings
IDOR Analyzer	:white_check_mark:	0 findings
SQL Injection Analyzer	:white_check_mark:	0 findings
Secrets Analyzer	:white_check_mark:	0 findings
Authn/Authz Analyzer	:white_check_mark:	0 findings
Sensitive Files Analyzer	:white_check_mark:	0 findings

[!Note] :green_circle: Risk threshold not exceeded.

Change Summary (click to expand)

The following is a summary of changes in this pull request made by me, your security buddy :robot:. Note that this summary is auto-generated and not meant to be a definitive list of security issues but rather a helpful summary from a security perspective. **Summary:** This GitHub Pull Request contains a variety of changes across multiple files, primarily focused on updates to the development environment, configuration, and content of a Hugo-based website. The changes do not appear to introduce any significant security concerns, but as an application security engineer, I would recommend the following: 1. Review any changes that involve user-supplied input or external integrations to ensure proper input validation and sanitization is in place to prevent potential security vulnerabilities, such as injection attacks. 2. Ensure that the development environment is properly secured and that any dependencies or external libraries are kept up-to-date to mitigate known security vulnerabilities. 3. Monitor the application's security posture closely, even for changes that seem relatively minor, as they could potentially have unintended consequences or introduce new risks. 4. Establish a robust security review process for all code changes, including regular security audits and penetration testing to identify and address any security issues. **Files Changed:** 1. `.devcontainer/devcontainer.json`: Updates the versions of Node.js, Go, and Hugo in the development environment. 2. `.gitignore`: Adds new entries to exclude various files and directories from Git tracking. 3. `.vscode/settings.json`: Configures Visual Studio Code settings, such as file exclusions and CSS style sheet management. 4. `.vscode/extensions.json`: Adds recommended Visual Studio Code extensions for the project. 5. `assets/images/icons/compage.svg`, `assets/images/blog/banner-bg.svg`, `assets/images/icons/capten.svg`, `assets/images/icons/quality-trace.svg`, `assets/images/icons/opty.svg`, `assets/images/icons/tarian.svg`: Updates various SVG image files, primarily for visual optimization and simplification. 6. `config/_default/module.toml`: Adds various Hugo modules to the project, including functionality for PWA, image optimization, video, caching, and more. 7. `content/english/blog/_index.md`: Removes hardcoded values for the blog section banner. 8. `content/english/_index.md`: Updates the background color and blog section title color for the homepage. 9. `config/_default/params.toml`: Modifies various configuration parameters, including favicon, logo, Google Tag Manager, cookie consent, and more. 10. `content/english/campaign/compage/code-in-minutes-with-autocodegenerator.md`: Updates the content for a Compage landing page, highlighting the platform's focus on secure code generation and secure software development practices. 11. `content/english/contact.md`: Adds new variables to customize the page header wave colors on the contact page. 12. `content/english/case-studies/_index.md`: Updates the banner text color and publication status for the case studies section. 13. `content/english/campaign/example-landing.md`: Adds a new example landing page with various sections and elements. 14. `content/english/features.md`: Updates the styling and colors of the feature blocks on the features page. 15. `content/english/dynamic-form.md`: Includes various dynamic forms with input validation and Netlify integration. 16. `content/english/learning-center/_index.md`: Modifies the banner text color and banner image for the learning center page. 17. `content/english/how-it-works.md`: Removes the `draft: false` line from the front matter. 18. `content/english/learning-center/sample-topic-2/customization/_index.md`: Changes the `$black` variable value in the SCSS file. 19. `content/english/licensing-terms-conditions/2-terms-and-conditions/customization/_index.md`: Also changes the `$black` variable value in the SCSS file.

Powered by DryRun Security

[tfsumon]

You can safely ignore these code scanning results. Adding go.mod and go.sum files is necessary for Hugo modules to function properly.

[devopstoday11]

@tfsumon , Looks like whole website turned into darkmode in this sample. Was it supposed to? Will I still be able to customize colors on every page as I want, is that functionality still working?

[tfsumon]

Hi @chandu-intelops !

You can customize the page color similarly to how you did before. I just made some global color changes.

Regarding dark mode, you mentioned wanting it on the homepage. However, implementing it solely for the homepage would require rework later for the entire site. To avoid this, I've implemented dark mode with the whole site in mind.

The rest of the pages shouldn't take long to adjust for dark mode, and I'll handle that after our vacation.

[devopstoday11]

@tfsumon I tested the dark mode you submitted. Somehow, it doesn't match the colors of the design I shared. Please verify the color codes. To make your life easy, I added PDF guidance in our chat on discord.

[tfsumon]

Thanks @devopstoday11 for testing dark mode! Checking colors vs your Discord PDF guidance.

[tfsumon]

Hi @devopstoday11,

I've updated the dark mode colors according to your specifications in the PDF. I'd appreciate your feedback on the changes. Looking forward to hearing your thoughts!

Thank you.

[devopstoday11]

Hi @devopstoday11,

I've updated the dark mode colors according to your specifications in the PDF. I'd appreciate your feedback on the changes. Looking forward to hearing your thoughts!

Thank you.

@tfsumon , saw the latest changes you did for whole site. Looks like you forgot for services page. Got to this in the URL and check: ''' /services-form/ '''

Also, please sync with my "chandu" branch in yours so that it will be easy for me to merge once you get the " /services-form/ " also updated with new colors. @tfsumon