Fixes #625

[anya-xcode]

Fixes #625

Description

Introducing design enhancements to the NewsShelter section, focusing on the email input field and the subscribe button. The aim is to deliver a more polished, user-friendly interface that aligns with modern design practices and improves the overall user experience.

Improvements Implemented

1. Email Input Field:

   • Introduced a rounded border for a softer and more appealing look.
   • Added a subtle glow effect on focus to enhance interactivity and draw user attention.
   • Included the required attribute for better form validation.

2. Subscribe Button:

   • Applied a hover effect with a smooth color transition to provide visual feedback.
   • Adjusted padding for better alignment and visual harmony with the input field.

3. Scoped Styles:

   • All new styles are scoped locally using <style> tags within the file to avoid affecting global styles.

Impact

• Enhanced User Experience:

  These updates create a visually appealing and interactive interface, encouraging user engagement.

• Improved Accessibility:

  The refined designs ensure usability across various screen sizes, enhancing responsiveness.

• Better Maintainability:

  Scoped styles make the design changes easier to manage without interfering with global CSS.

Screenshots

Before

After

[quozl]

• improve the commit message, see our guidance.

[anya-xcode]

@quozl please review changes done

[quozl]

Good progress. Still commit messages do not follow our guidance. Link was given above.

Suggest you squash the commits and reword using git rebase -i and then git push --force.

[anya-xcode]

@quozl
Please review changes in commit message is done!

[quozl]

Thanks. Does not comply. Perhaps you haven't pushed the changes?

Please check what I've checked;

• open https://github.com/sugarlabs/www/pull/628/commits
• open each commit in new tab,
• review commit message.

Guidance for review: https://github.com/sugarlabs/sugar-docs/blob/master/src/contributing.md#guide-for-reviewers

Guidance for commit message: https://github.com/sugarlabs/sugar-docs/blob/master/src/contributing.md#making-commits

[anya-xcode]

@quozl
please review changes done!

[quozl]

Thanks.

• line 107, the type of input is set to " email" instead of "email", i.e. a space before email, why is that?
• your commit message complies but is very bare of information, yet it is clear that you have plenty to say in your pull request introduction comment; isn't there anything in the latter that you could add?

Remember that GitHub pull request does not get kept in the git history, and it is the git history we want to ensure remains useful for everyone who reads it.