Skip to content

Conversation

@f-hollow
Copy link
Collaborator

@f-hollow f-hollow commented Mar 7, 2025

Description

This PR improves the Developer Portal's header layout.

To preview how it looks on a mobile device, use your browser's mobile view mode. For example, Firefox has the the Responsive Design Mode.

However, the CI job adds a link back to this PR in the header of the preview website. Maybe the best way to visualize the header changes is on your local machine.

What has been updated

  • The string Espressif Developer Portal in the header was reduced to Developer Portal. This saves horizontal space and removes the duplication of the word Espressif in the logo and Espressif Developer Portal
  • The burger menu, search button, and language switch (also the hidden dark/light theme appearance) will appear in the second row aligned to the right.

Follow-up actions

See issue #161.

Related

Testing

Done locally.


Checklist

Before submitting a Pull Request, please ensure the following:

  • 🚨 This PR does not introduce breaking changes.
  • All CI checks (GH Actions) pass.
  • Documentation is updated as needed.
  • Tests are updated or added as necessary.
  • Code is well-commented, especially in complex areas.
  • Git history is clean — commits are squashed to the minimum necessary.

@FBEZ
Copy link
Collaborator

FBEZ commented Mar 7, 2025

It looks fine to me now!

languageName = "Czech"
weight = 1
title = "Developer Portal"
title = "Espressif Developer Portal"
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Remove Espressif and keep Developer Portal.

Copy link
Collaborator Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Done.

May I ask why we omit the company name in the Czech version?

Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Kirill, the logo with Espressif written using a different font from the original version does not align with our logo guidelines.
We can keep the logo plus the Developer Portal only or change the logo to include the version with the logo on the top and Espressif on the bottom, which will add more space on the top.

Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

This should be not for the CZ version but for all languages we will support in the future.

@f-hollow f-hollow force-pushed the feat/improve_website_header_layout branch from f9235ce to e5f679f Compare March 10, 2025 03:29
@f-hollow
Copy link
Collaborator Author

@pedrominatel PTAL again

@f-hollow f-hollow force-pushed the feat/improve_website_header_layout branch from bbe7bcc to 0337416 Compare March 10, 2025 11:37
@pedrominatel pedrominatel merged commit 53ac2e9 into espressif:main Mar 10, 2025
3 of 4 checks passed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

3 participants