question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

add banner to localized pages

See original GitHub issue

Intro

Let’s add a banner to all localized pages for the 10 supported non-English locales. The banner has to account for two cases:

  1. pages within the 6 active locales: ru, ko, fr, ja, zh-CN, and zh-TW
  2. pages within the 4 inactive locales: de, es, pl, and pt-BR

Location and look

Screenshot 2021-04-07 at 17 28 23

Let’s go with @dalexsy’s second mockup:

  • Located just below the breadcrumb bar and much thinner than that bar
  • Left justified text
  • Highlighted background
    • active locales: light pastel yellow or whatever color @schalkneethling and @dalexsy feel is best
    • inactive locales: a color that provides more emphasis, that indicates more of a warning since these locales have no community maintaining them, perhaps a brighter yellow or very light red or whatever color @schalkneethling and @dalexsy feel is best

Text

Let’s hard code the translations of the English text into the banner for each locale.

Active locales

Let’s go with translations of @ddbeck’s text for the 6 active locales (text below shown for French as an example):

This page was translated from English by the community. Learn more by joining the French community on MDN.

Where the language community links for each language would be as follows:

Inactive locales

Let’s go with translations of @chrisdavidmills’ text for the 4 inactive locales:

This page was translated from English by the community, but it is not actively maintained therefore it may be out-of-date. If you’d like to help maintain it, find out how to activate inactive locales.

Issue Analytics

  • State:closed
  • Created 2 years ago
  • Comments:14 (12 by maintainers)

github_iconTop GitHub Comments

4reactions
SphinxKnightcommented, Apr 26, 2021

If I may be of any help 😃 (I was just wandering across the repos)

This page was translated from English by the community. Learn more by joining the French community on MDN.

could be translated in French by

Cette page a été traduite à partir de l’anglais par la communauté. Vous pouvez également contribuer en rejoignant la communauté francophone sur MDN.

3reactions
schalkneethlingcommented, Apr 29, 2021

Screenshot of active translation message on desktop

Read more comments on GitHub >

github_iconTop Results From Across the Web

How to Localize Banner Ad Campaign | by Rafał Rybnik
So, let's integrate our banner with Localazy. First, create a Localazy account and install Localazy CLI. Then, create a new app.
Read more >
Google Sites: Add stock or custom header images ... - YouTube
https://in30minutes.com/?yFrom @in30minutes, learn how to add a banner image in Google Sites, using stock or custom graphic files.
Read more >
To Add Banner on webpage - YouTube
To Add Banner on webpage. 1.5K views · 8 years ago ...more ... Boilermakers local 154. best in the powerhouse industry.
Read more >
Promoting Apps with Smart App Banners - Apple Developer
To add a Smart App Banner to your website, include the following meta tag in the head element of each page where you'd...
Read more >
How to Make a Banner With an Embedded URL
1. Create a banner image using an image editor, then upload the image to your business's Web server. · 2. Launch Notepad or...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found