{"id":28148519,"url":"https://github.com/zkjon/tarea-portfolio","last_synced_at":"2025-08-29T06:28:41.909Z","repository":{"id":274559853,"uuid":"923311391","full_name":"zkjon/tarea-portfolio","owner":"zkjon","description":"Tarea Grado Superior DAW","archived":false,"fork":false,"pushed_at":"2025-01-28T19:05:53.000Z","size":2710,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-05-15T01:11:31.481Z","etag":null,"topics":["bootstrap","css","html"],"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/zkjon.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,"zenodo":null}},"created_at":"2025-01-28T02:05:40.000Z","updated_at":"2025-04-24T11:45:13.000Z","dependencies_parsed_at":"2025-04-15T04:20:15.718Z","dependency_job_id":"47715231-f71a-411b-b006-4fefc182f834","html_url":"https://github.com/zkjon/tarea-portfolio","commit_stats":null,"previous_names":["zkj0n/portfolio","zkjon/portfolio","zkjon/tarea-portfolio"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/zkjon/tarea-portfolio","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/zkjon%2Ftarea-portfolio","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/zkjon%2Ftarea-portfolio/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/zkjon%2Ftarea-portfolio/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/zkjon%2Ftarea-portfolio/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/zkjon","download_url":"https://codeload.github.com/zkjon/tarea-portfolio/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/zkjon%2Ftarea-portfolio/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":272641757,"owners_count":24968806,"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","status":"online","status_checked_at":"2025-08-29T02:00:10.610Z","response_time":87,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"can_crawl_api":true,"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":["bootstrap","css","html"],"created_at":"2025-05-15T01:11:23.936Z","updated_at":"2025-08-29T06:28:41.901Z","avatar_url":"https://github.com/zkjon.png","language":"HTML","funding_links":[],"categories":[],"sub_categories":[],"readme":"# instrucciones\n\n## 1. utilización de recursos originales\n- usa tus propias fotos, texto, colores, tipos de letra, etc.\n- se valorará la originalidad y el diseño.\n\n---\n\n## 2. adaptación de columnas según breakpoints\n- **sección de proyectos:** cambia el número de columnas dependiendo del tamaño de la pantalla:\n  - **pantallas pequeñas (sm):** una sola columna.\n  - **pantallas medianas (md):** dos columnas.\n  - **pantallas grandes (lg):** tres columnas.\n  - **pantallas extra grandes (xl):** tres columnas.\n\n---\n\n## 3. contenedor responsivo\n- cambia el tamaño del contenedor según las medidas:\n  - usa las clases de bootstrap: `container`, `container-sm`, `container-md`, `container-lg`, `container-xl`.\n- ajusta el color de fondo según el tamaño de la pantalla:\n  - **pantallas pequeñas:** `bg-light`.\n  - **pantallas medianas y grandes:** cambia a `bg-dark` o un color más destacado.\n\n---\n\n## 4. tamaño de las letras responsivo\n- ajusta el tamaño de los títulos y textos según la pantalla:\n  - usa las clases `fs-*` (como `fs-1`, `fs-2`, etc.).\n- cambia también el color del texto si has modificado los fondos.\n\n---\n\n## 5. márgenes y relleno\n- mejora la apariencia ajustando márgenes y rellenos:\n  - usa clases como `m-*`, `p-*`, `mt-*`, `mb-*`, etc.\n- adapta según dispositivos grandes y pequeños.\n\n---\n\n## 6. imágenes en la sección de proyectos\n- la imagen central debe ser más grande que las otras:\n  - usa `max-width` y `max-height` en css.\n  - asegúrate de que las imágenes sean responsivas con las clases `img-fluid` y `d-block`.\n  - puedes añadir un marco decorativo a las fotos.\n\n---\n\n## 7. menú de navegación (navbar)\n- **navbar responsivo:**\n  - en pantallas pequeñas (sm), usa un botón de hamburguesa.\n  - el menú debe expandirse en pantallas medianas y grandes (md, lg, xl).\n  - el botón de hamburguesa debe estar alineado a la izquierda.\n  - personaliza el `navbar-toggler-icon` en una hoja de estilo.\n\n---\n\n## 8. formulario responsivo\n- ajusta el tamaño de los campos según el tamaño de la pantalla.\n- incluye:\n  - **placeholder.**\n  - **iconos dentro de los campos.**\n  - algún campo adicional que no esté en el ejemplo.\n\n---\n\n## 9. personalización de contenido\n- **sección \"sobre mí\":**\n  - añade una breve descripción personal.\n- **sección \"proyectos\":**\n  - detalla los proyectos realizados.\n- **sección \"contacto\":**\n  - proporciona formas de contacto.\n\n---\n\n## 10. icono en el nombre de la página\n- agrega un ícono relacionado con tecnología o diseño web al nombre de la página:\n  - usa la etiqueta `\u003clink\u003e` para el favicon.\n\n---\n\n## 11. sección \"sobre mí\"\n- **distribución:**\n  - **12 columnas:** pantallas pequeñas.\n  - **6 columnas:** pantallas medianas y grandes.\n- el texto debe cambiar de tamaño según la pantalla.\n- la imagen debe estar redondeada.\n\n---\n\n## 12. pie de página\n- incluye al menos un ícono:\n  - ejemplo: github, css.\n- centra el texto.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fzkjon%2Ftarea-portfolio","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fzkjon%2Ftarea-portfolio","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fzkjon%2Ftarea-portfolio/lists"}