https://github.com/swumplurd/color-translator
Traductor de colores de español a ingles.
https://github.com/swumplurd/color-translator
bootsrap5 brainjs javascript neural-network translator
Last synced: 4 months ago
JSON representation
Traductor de colores de español a ingles.
- Host: GitHub
- URL: https://github.com/swumplurd/color-translator
- Owner: Swumplurd
- Created: 2021-05-28T01:45:32.000Z (over 4 years ago)
- Default Branch: master
- Last Pushed: 2021-05-29T00:11:04.000Z (over 4 years ago)
- Last Synced: 2025-03-12T10:11:20.903Z (7 months ago)
- Topics: bootsrap5, brainjs, javascript, neural-network, translator
- Language: HTML
- Homepage:
- Size: 2.93 KB
- Stars: 1
- Watchers: 2
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# color-translator
El traductor funciona de Español a Ingles y por el momento traduce diez colores:
- Rojo
- Naranja
- Amarillo
- Verde
- Cian
- Azul
- Magenta
- Negro
- Gris
- Blanco
## Uso
Al introducir un color en español este sera traducido al ingles, ademas, el texto donde se muestra la traduccion cambiara de color segun la traduccion y el fondo tambien cambiara para hacer contraste al color.
## Sugerencias de cambio
1. Agregar nuevos colores en `js/main.js` en la funcion `traducir()`, simplemente hace falta agregar nuevos casos y colocar los valores rgb de ese color en la llamada de funcion `aplicarColor()`, por ejemplo:
```js
case 'nuevo-color':
$('#color-en').text('Traduccion')
aplicarColor(#r, #g, #b)
break;
```
2. Agregar nuevas opciones de input en `index.html`. Para agregar nuevas opciones tenemos que agregar una etiqueta `` como se muestra a continuacion:
```html
Traducir del español
```
3. Puedes cambiar que el color de fondo cambie segun la traduccion y el texto cambie para hacer contraste modificando las siguientes instrucciones en `js/main.js` en la funcion `aplicarColor()`
- Antes
```js
$('#color-en').css("color", `rgb(${r}, ${g}, ${b})`)
network.run(entrada).color > .5 ? $('#color-en').css("background", "white") : $('#color-en').css("background", "black");
```
- Despues
```js
$('#color-en').css("background", `rgb(${r}, ${g}, ${b})`)
network.run(entrada).color > .5 ? $('#color-en').css("color", "white") : $('#color-en').css("color", "black");
```
## Dependencias
Las dependencias se encuentran por CDN, si se requieren locales los links a las respectivas webs son:
- [jquery](https://jquery.com)
- [Bootstrap 5](https://getbootstrap.com/docs/5.0/getting-started/introduction/)
- [Brain.js](https://brain.js.org/#/)
- [SweetAlert 2](https://sweetalert2.github.io/)