{"id":20839578,"url":"https://github.com/swumplurd/color-translator","last_synced_at":"2025-06-13T00:07:58.693Z","repository":{"id":126267442,"uuid":"371549851","full_name":"Swumplurd/color-translator","owner":"Swumplurd","description":"Traductor de colores de español a ingles.","archived":false,"fork":false,"pushed_at":"2021-05-29T00:11:04.000Z","size":3,"stargazers_count":1,"open_issues_count":0,"forks_count":0,"subscribers_count":2,"default_branch":"master","last_synced_at":"2025-03-12T10:11:20.903Z","etag":null,"topics":["bootsrap5","brainjs","javascript","neural-network","translator"],"latest_commit_sha":null,"homepage":"","language":"HTML","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/Swumplurd.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2021-05-28T01:45:32.000Z","updated_at":"2021-08-13T00:32:24.000Z","dependencies_parsed_at":null,"dependency_job_id":"e2cbd4e8-eb6e-44bc-ae7f-644ff39d0022","html_url":"https://github.com/Swumplurd/color-translator","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/Swumplurd/color-translator","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Swumplurd%2Fcolor-translator","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Swumplurd%2Fcolor-translator/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Swumplurd%2Fcolor-translator/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Swumplurd%2Fcolor-translator/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/Swumplurd","download_url":"https://codeload.github.com/Swumplurd/color-translator/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Swumplurd%2Fcolor-translator/sbom","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":259553129,"owners_count":22875610,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["bootsrap5","brainjs","javascript","neural-network","translator"],"created_at":"2024-11-18T01:13:56.737Z","updated_at":"2025-06-13T00:07:58.682Z","avatar_url":"https://github.com/Swumplurd.png","language":"HTML","funding_links":[],"categories":[],"sub_categories":[],"readme":"# color-translator\n\nEl traductor funciona de Español a Ingles y por el momento traduce diez colores:\n\n- Rojo\n- Naranja\n- Amarillo\n- Verde\n- Cian\n- Azul\n- Magenta\n- Negro\n- Gris\n- Blanco\n\n## Uso\n\nAl 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.\n\n## Sugerencias de cambio\n\n1. 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:\n\n    ```js\n    case 'nuevo-color':\n        $('#color-en').text('Traduccion')\n        aplicarColor(#r, #g, #b)\n        break;\n    ```\n\n2. Agregar nuevas opciones de input en `index.html`. Para agregar nuevas opciones tenemos que agregar una etiqueta `\u003coption value=\"Nuevo-Color\"\u003e` como se muestra a continuacion:\n\n    ```html\n    \u003clabel for=\"color-es\" class=\"form-label\"\u003eTraducir del español\u003c/label\u003e\n    \u003cinput class=\"form-control\" list=\"datalistOptions\" id=\"color-es\" placeholder=\"Escribe a traducir...\"\u003e\n    \u003cdatalist id=\"datalistOptions\"\u003e\n        \u003coption value=\"Rojo\"\u003e\n        \u003coption value=\"Naranja\"\u003e\n        \u003coption value=\"Amarillo\"\u003e\n        \u003coption value=\"Verde\"\u003e\n        \u003coption value=\"Cian\"\u003e\n        \u003coption value=\"Azul\"\u003e\n        \u003coption value=\"Magenta\"\u003e\n        \u003coption value=\"Negro\"\u003e\n        \u003coption value=\"Gris\"\u003e\n        \u003coption value=\"Blanco\"\u003e\n        \u003coption value=\"Nuevo-Color\"\u003e\n    \u003c/datalist\u003e\n    ```\n\n3. 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()`\n\n- Antes\n    ```js\n        $('#color-en').css(\"color\", `rgb(${r}, ${g}, ${b})`)\n\n\n        network.run(entrada).color \u003e .5 ? $('#color-en').css(\"background\", \"white\") : $('#color-en').css(\"background\", \"black\");\n    ```\n- Despues\n    ```js\n        $('#color-en').css(\"background\", `rgb(${r}, ${g}, ${b})`)\n\n\n        network.run(entrada).color \u003e .5 ? $('#color-en').css(\"color\", \"white\") : $('#color-en').css(\"color\", \"black\");\n    ```\n## Dependencias\nLas dependencias se encuentran por CDN, si se requieren locales los links a las respectivas webs son:\n\n- [jquery](https://jquery.com)\n- [Bootstrap 5](https://getbootstrap.com/docs/5.0/getting-started/introduction/)\n- [Brain.js](https://brain.js.org/#/)\n- [SweetAlert 2](https://sweetalert2.github.io/)\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fswumplurd%2Fcolor-translator","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fswumplurd%2Fcolor-translator","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fswumplurd%2Fcolor-translator/lists"}