Adding the Keras developer survey banner to the landing page

[buildwithsuhana]

This PR adds the Keras developer survey banner to the Keras.io landing page linked to the issue. The landing page now looks like:

[gemini-code-assist]

Summary of Changes

Hello @buildwithsuhana, I'm Gemini Code Assist¹! I'm currently reviewing this pull request and will post my feedback shortly. In the meantime, here's a summary to help you and other reviewers quickly get up to speed!

This pull request integrates a prominent Keras developer survey banner onto the Keras.io landing page. The primary goal is to increase visibility and participation in the survey by making it a fixed element at the top of the page. To maintain a seamless user experience, a JavaScript solution ensures that the main navigation bar automatically adjusts its position to accommodate the banner, preventing any layout overlaps.

Highlights

• Survey Banner Addition: A new Keras developer survey banner has been added to the Keras.io landing page to promote participation in the survey.
• Styling: Custom CSS has been introduced to style the survey banner, giving it a distinct red background, white text, and fixing its position at the top of the page.
• Dynamic Layout Adjustment: JavaScript has been implemented to dynamically adjust the top margin of the navigation bar, ensuring it remains visible and does not get obscured by the new fixed survey banner.

Using Gemini Code Assist

The full guide for Gemini Code Assist can be found on our documentation page, here are some quick tips.

Invoking Gemini

You can request assistance from Gemini at any point by creating a comment using either /gemini <command> or @gemini-code-assist <command>. Below is a summary of the supported commands on the current page.

Feature	Command	Description
Code Review	/gemini review	Performs a code review for the current pull request in its current state.
Pull Request Summary	/gemini summary	Provides a summary of the current pull request in its current state.
Comment	@gemini-code-assist	Responds in comments when explicitly tagged, both in pull request comments and review comments.
Help	/gemini help	Displays a list of available commands.

Customization

To customize Gemini Code Assist for GitHub experience, repository maintainers can create a configuration file and/or provide a custom code review style guide (such as PEP-8 for Python) by creating and adding files to a .gemini/ folder in the base of the repository. Detailed instructions can be found here.

Limitations & Feedback

Gemini Code Assist may make mistakes. Please leave feedback on any instances where its feedback is incorrect or counter productive. You can react with 👍 and 👎 on @gemini-code-assist comments. If you're interested in giving your feedback about your experience with Gemini Code Assist for Github and other Google products, sign up here.

You can also get AI-powered code generation, chat, as well as code reviews directly in the IDE at no cost with the Gemini Code Assist IDE Extension.

Footnotes

1. Review the Privacy Notices, Generative AI Prohibited Use Policy, Terms of Service, and learn how to configure Gemini Code Assist in GitHub here. Gemini can make mistakes, so double check it and use code with caution. ↩

[gemini-code-assist]

Code Review

This pull request adds a developer survey banner to the Keras.io landing page. The changes include adding the banner's HTML structure, its corresponding CSS for styling, and a JavaScript snippet to adjust the page layout to accommodate the banner. The implementation is straightforward and correct. I've added one suggestion to improve the JavaScript code's maintainability by encapsulating it within an IIFE to avoid polluting the global namespace.

[abheesht17]

Thanks, this LGTM! I've left a comment on the banner colour, but it's up to you (I don't know the first thing about design, etc.)

CC: @monicadsong