Closed torotimes closed 1 year ago
I think keeping the design simple with the following on the top right of the page, or depending on spacing a drop down
EN | 日本
And the language that is active is bold
I think that makes sense, @jonny-wg2 :)
Doing something like this might be a clever solution too - https://ipapi.medium.com/change-website-based-on-visitors-country-using-javascript-514ccb5aef4d
Unsure how if it's the best solution though because then a japanese up could never access the English page?
Doing something like this might be a clever solution too - https://ipapi.medium.com/change-website-based-on-visitors-country-using-javascript-514ccb5aef4d
Aah, clever idea ;) but like you said, I already see some issues with it:
If there's some data on this we could make better evaluations 😇 What do you think?
I reckon most JP users find this website through Google or social media links, in which case it's probably the JP site that pops up, right?
Yeah you are totally right - bad idea!!
I just saw this website from a cold email and thought they have a good implementation (for reference)
I now see the current implmentation
I think updating some CSS could do good here! Other than that it looks nice - simple.
Some updates would include:
Thanks for the feedback @jonny-wg2. Check this out: https://github.com/working-group-two/wgtwo.com/pull/386
Can we update the current implementation to match cloudflares? @Prid13
This is a good solution, @jonny-wg2.
@Prid13, can we implement that, and fix the issue on Windows?
Jonny, @Prid13 also submitted this one, by the way, based on your input (I tried to approve it until we have something else in place but there was a prettier issue) https://github.com/working-group-two/wgtwo.com/pull/386
Ah just now saw #386 - looks much better! 👍🏻
@jonny-wg2 that cloudflare example is good, but the only way I was able to make it work in Docusaurus without hacking the navbar was to hide the default element and replace with this another element on top with a Globe icon:
Would have to add another element on top for the arrow 😅 You still want this, or? :)
The reason for this is bc the selected language in the dropdown shows up in the navbar exactly as it looks in the dropdown. E.g., if an option is named "English (UK)" and you select it, "English (UK)" will show up by default in the navbar.
And this is how the options are defined:
Nice! I really like the above solution with the globe!
I vote we go with the globe if possible
A couple things to do
English
日本
Alright, finally got around to making a working solution :) It's a bit hacky, and I kinda hate that, but it works (on my laptop at least haha):
https://github.com/working-group-two/wgtwo.com/assets/27897747/7cbaf4c4-0e94-4914-a0e8-7bd97ff12b55
The globe and arrow icons are raw SVGs pulled from the Lucide library.
Also, the globe icon wasn't aligning percetly with the search icon in the navbar, so I tweaked it a bit by a few pixels. This may have varying results on different devices, so gotta test 😅
Merged! Looks amazing. Great work - was a journey to come up with a clever solution.
Merged! Looks amazing. Great work - was a journey to come up with a clever solution.
Yeah, thanks for all your input, research and inspiration with the examples, I love your willingness to aim for the top 😇👍
Hi @Prid13 - can you experiment with how we can set up a language toggle? To go from wgtwo.com to wgtwo.com/jp and back.
Our issue today is that it is hard to find the /jp pages.
We are not looking to localize our site to a bunch of other languages any time soon, so while we should always keep the future in mind, we don't have to design for a future where we have 20 different languages to choose between.
The most obvious (and most standard UX) approach is to have a small flag/language toggle in the top right corner. Another is a flag or dropdown toggle in the bottom right. But I think we should look at doing something top right.
As for the actual design, there are multiple options:
Here's a simple rundown of some options: https://usersnap.com/blog/design-language-switch/
Have fun with playing around with options!
I've included @naoya-wg2 in this issue for him to comment on the options directly (he's our main man in Japan!).