Responsive UI redesign - Githubissues

mozilla / translate

Translations website utilizing Bergamot proceedings

https://mozilla.github.io/translate

Mozilla Public License 2.0

61 stars 15 forks source link

Responsive UI redesign #5

Closed potch closed 3 years ago

potch commented 3 years ago

Hello! This is a very cool project. I wanted to offer a different UI with a few extra features to help show off this awesome tech:

fresh coat of paint (could still use a splash of color)
responsive layout that fits everything on mobile (see screenshots below)
try to guess the default input language using the user agent
a "swap" button to switch the input and output languages and move the current output text to the input

If there's anything you'd like me to change about this, just let me know.

Thank you!

Desktop UI: Screen Shot 2021-09-11 at 00 37 47

Mobile UI: Screen Shot 2021-09-11 at 00 37 18

potch commented 3 years ago

FYI: I was able to test locally on my machine- models loaded and translation worked as expected. However, the models do not load on my gh-pages hosted version due to CORS errors.

andrenatal commented 3 years ago

Thank you @potch ! It's thrilling to see your contribution! I really appreciate it, specially since I totally overlooked the site's responsiveness in apt time. The CORS issue your are seeing when running in your gh-pages is due to the fact that we only support the hosts https://mozilla.github.io/translate/# and http://127.0.0.1 in the GCS bucket where the models are stored. Thank you very much once again!

potch commented 3 years ago

The CORS issue your are seeing when running in your gh-pages is due to the fact that we only support the hosts https://mozilla.github.io/translate/# and http://127.0.0.1 in the GCS bucket where the models are stored.

assumed it was something like that :)