[ { "path": ".github/workflows/contributors.yaml", "content": "name: Add contributors\non:\n schedule:\n - cron: '20 20 * * *'\n\njobs:\n add-contributors:\n runs-on: ubuntu-latest\n steps:\n - uses: actions/checkout@v2\n - uses: BobAnkh/add-contributors@master\n with:\n CONTRIBUTOR: '## Contribuidores'\n COLUMN_PER_ROW: '6'\n ACCESS_TOKEN: ${{secrets.GITHUB_TOKEN}}\n IMG_WIDTH: '100'\n FONT_SIZE: '14'\n PATH: '/README.md'\n COMMIT_MESSAGE: 'docs(README): update contributors'\n AVATAR_SHAPE: 'round'" }, { "path": ".gitignore", "content": "# build output\ndist/\n\n# generated types\n.astro/\n\n# dependencies\nnode_modules/\n\n# logs\nnpm-debug.log*\nyarn-debug.log*\nyarn-error.log*\npnpm-debug.log*\n\n#locks\nbun.lockb\npnpm-lock.yaml\npackage-lock.json\n\n# environment variables\n.env\n.env.production\n.env.local\n\n# macOS-specific files\n.DS_Store\n\n# jetbrains setting folder\n.idea/\n" }, { "path": ".vercel/project.json", "content": "{\"projectId\":\"prj_SsanVSwAoWqNeWqovW1OdwWn8CrZ\",\"orgId\":\"team_pzEis5cENnPrEa0YhyEfJ7Ek\"}" }, { "path": ".vscode/extensions.json", "content": "{\n \"recommendations\": [\"astro-build.astro-vscode\"],\n \"unwantedRecommendations\": []\n}\n" }, { "path": ".vscode/launch.json", "content": "{\n \"version\": \"0.2.0\",\n \"configurations\": [\n {\n \"command\": \"./node_modules/.bin/astro dev\",\n \"name\": \"Development server\",\n \"request\": \"launch\",\n \"type\": \"node-terminal\"\n }\n ]\n}\n" }, { "path": ".vscode/settings.json", "content": "{\n \"cSpell.words\": [\"Coméntalo\", \"infojobs\", \"jovenes\", \"Twitea\"]\n}\n" }, { "path": "CODE_OF_CONDUCT.md", "content": "# Código de Conducta para Contribuyentes\n\n## Nuestro compromiso\n\nNosotros, como miembros, contribuyentes y administradores nos comprometemos a hacer de la participación en nuestra comunidad una experiencia libre de acoso para todos, independientemente de la edad, dimensión corporal, discapacidad visible o invisible, etnicidad, características sexuales, identidad y expresión de género, nivel de experiencia, educación, nivel socio-económico, nacionalidad, apariencia personal, raza, religión, o identidad u orientación sexual.\n\nNos comprometemos a actuar e interactuar de maneras que contribuyan a una comunidad abierta, acogedora, diversa, inclusiva y sana.\n\n## Nuestros estándares\n\nEjemplos de comportamiento que contribuyen a crear un ambiente positivo:\n\n* Demostrar empatía y amabilidad ante otras personas\n* Respeto a diferentes opiniones, puntos de vista y experiencias\n* Dar y aceptar adecuadamente retroalimentación constructiva\n* Aceptar la responsabilidad y disculparse ante quienes se vean afectados por nuestros errores, aprendiendo de la experiencia\n* Centrarse en lo que sea mejor no sólo para nosotros como individuos, sino para la comunidad en general\n\nEjemplos de comportamiento inaceptable:\n\n* El uso de lenguaje o imágenes sexualizadas, y aproximaciones o atenciones sexuales de cualquier tipo\n* Comentarios despectivos (_trolling_), insultantes o derogatorios, y ataques personales o políticos\n* El acoso en público o privado\n* Publicar información privada de otras personas, tales como direcciones físicas o de correo electrónico, sin su permiso explícito\n* Otras conductas que puedan ser razonablemente consideradas como inapropiadas en un entorno profesional\n\n## Aplicación de las responsabilidades\n\nLos administradores de la comunidad son responsables de aclarar y hacer cumplir nuestros estándares de comportamiento aceptable y tomarán acciones apropiadas y correctivas de forma justa en respuesta a cualquier comportamiento que consideren inapropiado, amenazante, ofensivo o dañino.\n\nLos administradores de la comunidad tendrán el derecho y la responsabilidad de eliminar, editar o rechazar comentarios, _commits_, código, ediciones de páginas de wiki, _issues_ y otras contribuciones que no se alineen con este Código de Conducta, y comunicarán las razones para sus decisiones de moderación cuando sea apropiado.\n\n## Alcance\n\nEste código de conducta aplica tanto a espacios del proyecto como a espacios públicos donde un individuo esté en representación del proyecto o comunidad. Ejemplos de esto incluyen el uso de la cuenta oficial de correo electrónico, publicaciones a través de las redes sociales oficiales, o presentaciones con personas designadas en eventos en línea o no.\n\n## Aplicación\n\nInstancias de comportamiento abusivo, acosador o inaceptable de otro modo podrán ser reportadas a los administradores de la comunidad responsables del cumplimiento a través de . Todas las quejas serán evaluadas e investigadas de una manera puntual y justa.\n\nTodos los administradores de la comunidad están obligados a respetar la privacidad y la seguridad de quienes reporten incidentes.\n\n## Guías de Aplicación\n\nLos administradores de la comunidad seguirán estas Guías de Impacto en la Comunidad para determinar las consecuencias de cualquier acción que juzguen como un incumplimiento de este Código de Conducta:\n\n### 1. Corrección\n\n**Impacto en la Comunidad**: El uso de lenguaje inapropiado u otro comportamiento considerado no profesional o no acogedor en la comunidad.\n\n**Consecuencia**: Un aviso escrito y privado de los administradores de la comunidad, proporcionando claridad alrededor de la naturaleza de este incumplimiento y una explicación de por qué el comportamiento es inaceptable. Una disculpa pública podría ser solicitada.\n\n### 2. Aviso\n\n**Impacto en la Comunidad**: Un incumplimiento causado por un único incidente o por una cadena de acciones.\n\n**Consecuencia**: Un aviso con consecuencias por comportamiento prolongado. No se interactúa con las personas involucradas, incluyendo interacción no solicitada con quienes se encuentran aplicando el Código de Conducta, por un período específico de tiempo. Esto incluye evitar las interacciones en espacios de la comunidad, así como a través de canales externos como las redes sociales. Incumplir estos términos puede conducir a una expulsión temporal o permanente.\n\n### 3. Expulsión temporal\n\n**Impacto en la Comunidad**: Una serie de incumplimientos de los estándares de la comunidad, incluyendo comportamiento inapropiado continuo.\n\n**Consecuencia**: Una expulsión temporal de cualquier forma de interacción o comunicación pública con la comunidad durante un intervalo de tiempo especificado. No se permite interactuar de manera pública o privada con las personas involucradas, incluyendo interacciones no solicitadas con quienes se encuentran aplicando el Código de Conducta, durante este período. Incumplir estos términos puede conducir a una expulsión permanente.\n\n### 4. Expulsión permanente\n\n**Impacto en la Comunidad**: Demostrar un patrón sistemático de incumplimientos de los estándares de la comunidad, incluyendo conductas inapropiadas prolongadas en el tiempo, acoso de individuos, o agresiones o menosprecio a grupos de individuos.\n\n**Consecuencia**: Una expulsión permanente de cualquier tipo de interacción pública con la comunidad del proyecto.\n\n## Atribución\n\nEste Código de Conducta es una adaptación del [Contributor Covenant][homepage], versión 2.0,\ndisponible en https://www.contributor-covenant.org/es/version/2/0/code_of_conduct.html\n\nLas Guías de Impacto en la Comunidad están inspiradas en la [escalera de aplicación del código de conducta de Mozilla](https://github.com/mozilla/diversity).\n\n[homepage]: https://www.contributor-covenant.org\n\nPara respuestas a las preguntas frecuentes de este código de conducta, consulta las FAQ en\nhttps://www.contributor-covenant.org/faq. Hay traducciones disponibles en\nhttps://www.contributor-covenant.org/translations." }, { "path": "CONTRIBUTING.md", "content": "# Contribuir a Landing de InfoJobs\n\nPrimero que nada, ¡gracias por tomarte el tiempo para contribuir! ❤️\n\nSe anima y valora todo tipo de contribuciones. Consulta la [Tabla de Contenidos](#tabla-de-contenidos) para conocer las diferentes maneras de ayudar y detalles sobre cómo maneja este proyecto las contribuciones. Asegúrate de leer la sección relevante antes de hacer tu contribución, lo que facilitará mucho el trabajo a los mantenedores y mejorará la experiencia para todos los involucrados. La comunidad espera tus contribuciones con entusiasmo. 🎉\n\n> Y si te gusta el proyecto pero no tienes tiempo para contribuir, no te preocupes. Hay otras formas sencillas de apoyar el proyecto y mostrar tu aprecio, las cuales también agradeceríamos mucho:\n> - Dale una estrella al proyecto\n> - Twitea sobre él\n> - Menciona este proyecto en el README de tu proyecto\n> - Coméntalo en reuniones locales y cuéntaselo a tus amigos/colegas\n\n\n## Tabla de Contenidos\n\n- [Código de Conducta](#código-de-conducta)\n- [Tengo una Pregunta](#tengo-una-pregunta)\n- [Quiero Contribuir](#quiero-contribuir)\n- [Reportar Errores](#reportar-errores)\n- [Sugerir Mejoras](#sugerir-mejoras)\n- [Tu Primera Contribución de Código](#tu-primera-contribución-de-código)\n- [Mensajes de Commit](#mensajes-de-commit)\n\n\n## Código de Conducta\n\nEste proyecto y todos los que participan en él están regidos por el [Código de Conducta de Landing de InfoJobs](https://github.com/midudev/landing-infojobs/blob/main/CODE_OF_CONDUCT.md). Al participar, se espera que cumplas con este código. Por favor, reporta cualquier comportamiento inaceptable a .\n\n## Tengo una Pregunta\n\n> Si quieres hacer una pregunta, asumimos que has leído la [Documentación](https://github.com/midudev/landing-infojobs) disponible.\n\nAntes de hacer una pregunta, lo mejor es buscar [Issues](https://github.com/midudev/landing-infojobs/issues) existentes que puedan ayudarte. En caso de encontrar un issue adecuado y aún necesitar aclaraciones, puedes escribir tu pregunta en ese issue. También es aconsejable buscar respuestas en internet primero.\n\nSi después de esto todavía sientes la necesidad de hacer una pregunta y necesitas aclaración, te recomendamos lo siguiente:\n\n- Abre un [Issue](https://github.com/midudev/landing-infojobs/issues/new).\n- Proporciona el mayor contexto posible sobre el problema que estás enfrentando.\n- Proporciona versiones del proyecto y la plataforma (Node.js, npm, etc.), dependiendo de lo que parezca relevante.\n\nNos encargaremos del issue lo antes posible.\n\n## Quiero Contribuir\n\n> ### Aviso Legal \n> Al contribuir a este proyecto, debes aceptar que eres el autor del 100% del contenido, que tienes los derechos necesarios para el contenido, y que el contenido que contribuyas puede ser proporcionado bajo la licencia del proyecto.\n\n### Reportar Errores\n\n#### Antes de Enviar un Informe de Error\n\nUn buen informe de error no debería dejar a otros necesitando más información. Por lo tanto, te pedimos que investigues cuidadosamente, recopiles información y describas el problema en detalle en tu informe. Completa los siguientes pasos para ayudarnos a solucionar cualquier error potencial lo más rápido posible.\n\n- Asegúrate de estar utilizando la última versión.\n- Verifica si el problema realmente es un error y no un problema de configuración (Asegúrate de haber leído la [documentación](https://github.com/midudev/landing-infojobs). Si buscas soporte, podrías consultar [esta sección](#tengo-una-pregunta)).\n- Para ver si otros usuarios han experimentado (y posiblemente resuelto) el mismo problema, verifica si ya existe un informe para ese error en el [rastreador de errores](https://github.com/midudev/landing-infojobs/issues?q=label%3Abug).\n- También asegúrate de buscar en internet (incluyendo Stack Overflow) para ver si usuarios fuera de la comunidad de GitHub han discutido el problema.\n- Recopila información sobre el error:\n - Traza de pila (Stack trace)\n - Sistema operativo, plataforma y versión (Windows, Linux, macOS, x86, ARM)\n - Versión del intérprete, compilador, SDK, entorno de ejecución, gestor de paquetes, dependiendo de lo que parezca relevante.\n - Posiblemente, tu entrada y salida\n - ¿Puedes reproducir el problema de manera confiable? ¿Y también con versiones anteriores?\n\n#### ¿Cómo Enviar un Buen Informe de Error?\n\n> Nunca debes informar problemas relacionados con la seguridad, vulnerabilidades o errores que incluyan información sensible en el rastreador de issues o en otro lugar público. En su lugar, los errores sensibles deben ser enviados por correo electrónico a .\n\nUtilizamos issues de GitHub para rastrear errores. Si encuentras un problema con el proyecto:\n\n- Abre un [Issue](https://github.com/midudev/landing-infojobs/issues/new). (Dado que en este punto no estamos seguros si es un error, te pedimos que no lo llames \"bug\" aún ni lo etiquetes).\n- Explica el comportamiento esperado y el comportamiento real.\n- Proporciona tanto contexto como sea posible y describe los *pasos para reproducir* que alguien más puede seguir para recrear el problema. Esto usualmente incluye tu código. Para buenos informes de error, deberías aislar el problema y crear un caso de prueba reducido.\n- Proporciona la información que recopilaste en la sección anterior.\n\nUna vez enviado:\n\n- El equipo del proyecto etiquetará el issue según corresponda.\n- Un miembro del equipo intentará reproducir el problema con los pasos proporcionados. Si no hay pasos para reproducir o no es obvio cómo hacerlo, el equipo te pedirá esos pasos y marcará el issue como `needs-repro`. Los errores con la etiqueta `needs-repro` no serán atendidos hasta que se puedan reproducir.\n- Si el equipo puede reproducir el problema, será etiquetado como `needs-fix`, además de posiblemente otras etiquetas (como `critical`), y el issue quedará disponible para ser [implementado por alguien](#tu-primera-contribución-de-código).\n\n### Sugerir Mejoras\n\nEsta sección te guiará en la presentación de una sugerencia de mejora para Landing de InfoJobs, **incluyendo nuevas características y mejoras menores de la funcionalidad existente**. Seguir estas pautas ayudará a los mantenedores y la comunidad a entender tu sugerencia y encontrar sugerencias relacionadas.\n\n#### Antes de Enviar una Mejora\n\n- Asegúrate de estar utilizando la última versión.\n- Lee la [documentación](https://github.com/midudev/landing-infojobs) detenidamente y verifica si la funcionalidad ya está cubierta, tal vez por una configuración individual.\n- Realiza una [búsqueda](https://github.com/midudev/landing-infojobs/issues) para ver si la mejora ya ha sido sugerida. Si es así, añade un comentario al issue existente en lugar de abrir uno nuevo.\n- Asegúrate de que tu idea encaje con el alcance y los objetivos del proyecto. Es tu responsabilidad hacer una fuerte argumentación para convencer a los desarrolladores del proyecto de los méritos de esta característica. Ten en cuenta que buscamos características que sean útiles para la mayoría de nuestros usuarios y no solo para un pequeño grupo. Si solo estás apuntando a una minoría de usuarios, considera escribir una biblioteca de complementos.\n\n#### ¿Cómo Enviar una Buena Sugerencia de Mejora?\n\nLas sugerencias de mejora se rastrean como [issues de GitHub](https://github.com/midudev/landing-infojobs/issues).\n\n- Usa un **título claro y descriptivo** para el issue que identifique la sugerencia.\n- Proporciona una **descripción paso a paso de la mejora sugerida** con tantos detalles como sea posible.\n- **Describe el comportamiento actual** y **explica qué comportamiento esperabas ver en su lugar** y por qué. En este punto, también puedes indicar qué alternativas no funcionan para ti.\n- Puedes **incluir capturas de pantalla y GIFs animados** que te ayuden a demostrar los pasos o señalar la parte relacionada con la sugerencia. Puedes usar [esta herramienta](https://www.cockos.com/licecap/) para grabar GIFs en macOS y Windows, y [esta herramienta](https://github.com/colinkeenan/silentcast) o [esta herramienta](https://github.com/GNOME/byzanz) en Linux.\n- **Explica por qué esta mejora sería útil** para la mayoría de los usuarios de Landing de InfoJobs. También puedes mencionar otros proyectos que hayan resuelto mejor el problema y que podrían servir de inspiración.\n\n### Tu Primera Contribución de Código\n\n¿Listo para contribuir con código? ¡Genial! A continuación, te mostramos cómo empezar:\n\n1. **Bifurca (Fork) el repositorio** en tu cuenta de GitHub.\n\n2. **Clona el repositorio bifurcado** en tu máquina local:\n ```bash\n git clone https://github.com/tu-usuario/landing-infojobs.git\n ```\n\n3. **Crea una rama nueva** para tu contribución. Utiliza un nombre de rama descriptivo:\n ```bash\n git checkout -b nombre-de-tu-rama\n ```\n4. **Haz tus cambios**. Asegúrate de seguir las pautas de codificación del proyecto y de que tus contribuciones sean claras y concisas. Si estás agregando una nueva característica, asegúrate de que tenga cobertura de pruebas.\n5. **Prueba tus cambios** para verificar que todo funcione correctamente:\n ```bash\n npm run preview\n ```\n6. **Haz commit de tus cambios** siguiendo las convenciones de mensajes de commit (ver la sección [Mensajes de Commit](#mensajes-de-commit)).\n7. **Sube tu rama** a GitHub:\n ```bash\n git push origin nombre-de-tu-rama\n ```\n8. **Abre un Pull Request (PR)** desde tu rama y describe claramente los cambios que has realizado. Si tu PR resuelve un issue existente, asegúrate de mencionarlo en la descripción.\n9. **Espera la revisión**. Un mantenedor revisará tu PR, te proporcionará comentarios y lo aprobará si está listo para ser fusionado.\n\n### Mensajes de Commit\n\nPara mantener un historial de cambios consistente y claro, utilizamos una convención para los mensajes de commit. El formato es el siguiente:\n\n```scss\ntipo(área): descripción corta [opcional]\n```\n\n- **tipo**: indica la naturaleza del cambio. Algunos ejemplos son:\n - `feat`: una nueva característica para el proyecto.\n - `fix`: corrección de errores.\n - `docs`: cambios en la documentación.\n - `style`: cambios que no afectan la lógica del código (formato, espacios, etc.).\n - `refactor`: cambios en el código que no corrigen errores ni agregan funciones.\n - `test`: agregar o corregir pruebas.\n - `chore`: cambios en el proceso de construcción o herramientas auxiliares.\n- **área**: especifica la parte del proyecto que se ve afectada (por ejemplo, un archivo o módulo).\n- **descripción breve**: explica de manera concisa qué se ha hecho. Usa el modo imperativo (por ejemplo, \"agrega\", \"corrige\").\n- **descripción detallada opcional**: puede incluir más detalles sobre el commit.\n\n
\n\n**Ejemplo de mensaje de commit:**\n ```scss\n docs(readme.md): add local install instructions\n ```\n\nEste mensaje indica que se han añadido instrucciones de instalación local en el archivo `readme.md`.\n\n
\n\n\n¡Gracias por contribuir! Tu ayuda hace una gran diferencia para el proyecto.\n\n
\n\n\n## Atribución\n\nEsta guía está basada en **contributing-gen**. [¡Haz la tuya!](https://github.com/bttger/contributing-gen)\n" }, { "path": "README.md", "content": "\n# Landing de InfoJobs\n\nEste proyecto es una landing page para InfoJobs, diseñada para proporcionar una presentación moderna y atractiva de la plataforma, destacando sus características y beneficios. La landing page busca captar la atención de los usuarios y motivarlos a explorar los servicios de InfoJobs, promoviendo una mejor experiencia de búsqueda de empleo.\n\n\n## Tech Stack\n\n![ASTRO](https://img.shields.io/badge/astro-%23E34F26.svg?style=for-the-badge&logo=astro&logoColor=white)\n\n![TailwindCSS](https://img.shields.io/badge/tailwindcss-%2338B2AC.svg?style=for-the-badge&logo=tailwind-css&logoColor=white)\n\n![TypeScript](https://img.shields.io/badge/typescript-%23007ACC.svg?style=for-the-badge&logo=typescript&logoColor=white)\n\n\n## Contribuidores\n\n\n\n \n \n \n \n \n \n\n\n \n \n \n \n \n \n\n\n \n \n \n \n \n \n\n
\n \n Miguel\n
\n Miguel Ángel Durán\n \n 		\n \n Luciano\n
\n Luciano Fernández\n \n 		\n \n Andrea\n
\n Andrea Llovera De Sousa\n \n 		\n \n Diego\n
\n Diego Ronaldo Sanchez\n \n 		\n \n Melissa\n
\n Melissa Iman Noriega\n \n 		\n \n Jordi\n
\n Jordi Gómez Devesa\n \n
\n \n Edu/\n
\n Edu\n \n 		\n \n DevMetal00/\n
\n DevMetal00\n \n 		\n \n alesdevux/\n
\n alesdevux\n \n 		\n \n DiegoT4l/\n
\n DiegoT4l\n \n 		\n \n Luis\n
\n Luis Gustavo Sequeiros Condori\n \n 		\n \n Javi\n
\n Javi Mata\n \n
\n \n Izan\n
\n Izan Sánchez Ginés\n \n 		\n \n Juan\n
\n Juan Cuellar\n \n 		\n \n Anthony\n
\n Anthony Moya Ochoa\n \n 		\n \n Miguel\n
\n Miguel Vallina Samaniego\n \n 		\n \n Nunu/\n
\n Nunu\n \n 		\n \n Houston\n
\n Houston (Bot)\n \n
\n\n\n## Correr Localmente\n\nClona el proyecto\n\n```bash\ngit clone https://github.com/midudev/landing-infojobs.git\n```\n\nDirigete al directorio del proyecto\n\n```bash\ncd landing-infojobs\n```\n\nInstala las dependencias\n\n```bash\nnpm install\n```\n\nInicia el servidor\n\n```bash\nnpm run start\n```\n\n\n## Variables de entorno\n\nPara correr este proyecto, necesitarás agregar las siguientes variable de entorno `API_INFOJOBS_TOKEN` en tu archivo .env\n\n> [!NOTE]\n> Puedes conseguir el token en esta url [Developer Site InfoJobs](https://developer.infojobs.net/).\n> Debes loguearte con tu cuenta infojobs, y al crear una app, te darán tus credenciales.\n\n> [!WARNING]\n> Deshabilitado en este momento.\n\n## Contribuciones\n\nLas contribuciones son siempre bienvenidas.\n\nConsulta `contributing.md` para saber cómo empezar.\n\nPor favor, respete el `código de conducta` de este proyecto.\n\n" }, { "path": "astro.config.mjs", "content": "// @ts-check\nimport { defineConfig } from 'astro/config';\n\nimport tailwind from '@astrojs/tailwind';\n\n// https://astro.build/config\nexport default defineConfig({\n build: {\n inlineStylesheets: 'always'\n },\n integrations: [tailwind()]\n});" }, { "path": "package.json", "content": "{\n \"name\": \"landing-jovenes-infojobs\",\n \"type\": \"module\",\n \"version\": \"0.0.1\",\n \"scripts\": {\n \"dev\": \"astro dev\",\n \"start\": \"astro dev\",\n \"build\": \"astro check && astro build\",\n \"preview\": \"astro preview\",\n \"astro\": \"astro\"\n },\n \"dependencies\": {\n \"@astrojs/check\": \"0.9.4\",\n \"@astrojs/tailwind\": \"5.1.2\",\n \"astro\": \"4.16.13\",\n \"tailwindcss\": \"3.4.15\",\n \"typescript\": \"5.6.3\"\n }\n}\n" }, { "path": "src/components/AdevintaInfo.astro", "content": "---\nconst LINKS = [\n {\n label: \"JobisJob\",\n href: \"https://www.jobisjob.es/\",\n },\n {\n label: \"Fotocasa\",\n href: \"https://www.fotocasa.es/es\",\n },\n {\n label: \"habitaclia\",\n href: \"https://www.habitaclia.com/\",\n },\n {\n label: \"Coches.net\",\n href: \"https://www.coches.net/\",\n },\n {\n label: \"Motos.net\",\n href: \"https://motos.coches.net/\",\n },\n {\n label: \"Milanuncios\",\n href: \"https://www.milanuncios.com/\",\n },\n]\n---\n\n
\n \n
  • \n InfoJobs es partner de \n
    • \n\n {\n LINKS.map(({ label, href }, index: number) => (\n \n \n {label}\n \n \n ))\n }\n\n
  • \n © 2024 Adevinta Jobs S.L.U.\n
    • \n \n
    \n" }, { "path": "src/components/BentoInfo.astro", "content": "---\nimport SectionContainer from \"@components/SectionContainer.astro\"\nimport Subtitle from \"@components/Subtitle.astro\"\n\nconst ARTICLES = [\n {\n title: \"Qué esperar de un proceso de selección\",\n contentId: \"selection-process\",\n class:\n \"bg-gradient-to-r from-[#fef6db] to-[#fce197] text-ij-yellow md:aspect-[16/8] md:col-span-2 md:row-span-1 h-full\",\n image: \"/bento-info/selection-process.webp\",\n imageClass:\n \"w-full h-auto object-contain object-bottom md:h-auto md:w-auto md:object-right md:max-h-none\",\n action: \"modal\",\n track: \"blog_selection_process\",\n },\n {\n title: \"Los puestos emergentes que van a petarlo\",\n contentId: \"emergent-positions\",\n class:\n \"bg-gradient-to-r from-[#ffd2d2] to-[#f9b395] text-ij-red md:col-start-3 md:row-span-2 md:h-full\",\n image: \"/bento-info/emergent-positions.webp\",\n imageClass:\n \"w-full h-full object-cover object-[center_30%] md:object-center\",\n action: \"modal\",\n track: \"blog_emerging_jobs\",\n },\n {\n title: \"Las opinión de las empresas\",\n contentId: \"company-opinion\",\n class: \"bg-sky-800 text-ij-blue md:h-row-span-1\",\n image: \"/bento-info/company-opinion.webp\",\n imageClass: \"w-full h-full object-cover\",\n action: \"link\",\n link: \"https://www.tiktok.com/@infojobs/video/7291016517217520928?_r=1&%3B_t=8oUBsz4let7\",\n track: \"blog_companies_opinions\",\n },\n {\n title: \"¿Sin experiencia? Destaca en las entrevistas\",\n contentId: \"no-experience\",\n class:\n \"bg-gradient-to-r from-[#e6f6ee] to-[#8bcfad] text-ij-green md:h-row-span-1 md:h-full\",\n image: \"/bento-info/no-experience.webp\",\n imageClass: \"w-3/4 h-auto object-contain mb-4\",\n action: \"modal\",\n track: \"blog_interview_tips\",\n },\n]\n---\n\n\n Prepárate para ganar\n
    \n {\n ARTICLES.map(\n ({\n class: className,\n title,\n contentId,\n image,\n imageClass,\n action,\n link,\n track,\n }) =>\n action === \"link\" ? (\n \n \n \n
    \n
    \n \n {title}\n \n
    \n \n ) : (\n \n \n \n \n
    \n \n {title}\n \n
    \n \n )\n )\n }\n \n    \n\n\n" }, { "path": "src/components/CoolJobBackground.astro", "content": "\n" }, { "path": "src/components/CoolJobBrand.astro", "content": "\n
    \n \n \n {\"Ver todos >\"}\n

    \n
    \n\n" }, { "path": "src/components/CoolJobCard.astro", "content": "---\nconst { image, brand, title, id } = Astro.props\n---\n\n\n \n \n
    \n {brand}\n
    \n

    \n {title}\n

    \n \n \n\n" }, { "path": "src/components/CoolJobs.astro", "content": "---\nimport CoolJobCard from \"@components/CoolJobCard.astro\"\nimport type { CoolJobs } from \"@types\"\nimport CoolJobBackground from \"@components/CoolJobBackground.astro\"\nimport CoolJobBrand from \"@components/CoolJobBrand.astro\"\n\nconst coolJobs: CoolJobs[] = [\n {\n image: \"/img/cool-jobs/port-aventura.webp\",\n title: \"Probador de montañas rusas\",\n brand: \"Port Aventura World\",\n section_id: \"lp-pom-box-499\",\n },\n {\n image: \"/img/cool-jobs/maxibon.webp\",\n title: \"Catadora de helados\",\n brand: \"Maxibon\",\n section_id: \"lp-pom-box-515\",\n },\n {\n image: \"/img/cool-jobs/wizink-center.webp\",\n title: \"Probadora de conciertos\",\n brand: \"WiZink Center\",\n section_id: \"lp-pom-box-528\",\n },\n {\n image: \"/img/cool-jobs/dominos.webp\",\n title: \"Catadora de pizzas\",\n brand: \"Domino's\",\n section_id: \"lp-pom-box-534\",\n },\n {\n image: \"/img/cool-jobs/btravel.webp\",\n title: \"Probadora de viajes\",\n brand: \"B travel\",\n section_id: \"lp-pom-box-584\",\n },\n {\n image: \"/img/cool-jobs/grefusa.webp\",\n title: \"Probadora de snacks\",\n brand: \"Grefusa\",\n section_id: \"lp-pom-box-522\",\n },\n {\n image: \"/img/cool-jobs/visa.webp\",\n title: \"Probador de pagos con el móvil\",\n brand: \"Visa\",\n section_id: \"lp-pom-box-598\",\n },\n]\n---\n\n
    \n \n \n\n \n Los trabajos más cool\n \n\n \n {\n coolJobs.map(({ image, title, brand, section_id }) => (\n \n ))\n }\n\n \n \n\n \n \n
    \n" }, { "path": "src/components/EmergentPositions.astro", "content": "---\nimport InfographicBody from \"./InfographicBody.astro\";\nimport InfographicHeader from \"./InfographicHeader.astro\";\n\nconst standsInterviewsBig = [\n {\n title: \"Inteligencia Artificial\",\n description: \"Ingeniero/a de Machine Learning\",\n requirements: [\n {\n label: \"📖 Estudios\",\n tag: [\"Ciencia Computacional\", \"Matemáticas\", \"Estadística\"],\n },\n {\n label: \"📝 Condiciones\",\n tag: [\"Contrato indefinido\", \"Salario de 35k-58k €/año\"],\n },\n {\n label: \"🦾 Hard Skills\",\n tag: [\"Python\", \"R\", \"TensorFlow\", \"PyTorch\"],\n },\n {\n label: \"👋 Soft Skills\",\n tag: [\"Pensamiento critico\", \"Trabajo en equipo\", \"Analisis\"],\n },\n ],\n location: [\n {\n label: \"📍 Dónde\",\n tag1: \"Madrid\",\n tag2: \"Barcelona\",\n },\n ],\n image1:\n \"bg-[url(/img/emergent-positions/madrid.webp)] w-[31.25rem] md:h-[11rem] h-[7rem] bg-cover bg-center \",\n image2:\n \"bg-[url(/img/emergent-positions/barcelona.webp)] w-[31.25rem] md:h-[11rem] h-[7rem] bg-cover bg-center\",\n backgroundColor:\n \"bg-[url(/img/emergent-positions/bg2Img1.webp)] text-[#3C49F0] md:bg-cover md:bg-[url(/img/emergent-positions/bgImg1.webp)] \",\n backgroundColor2: \"bg-[#CCCCFA]\",\n backgroundColor3: \"bg-[#9B9DF6]\",\n },\n {\n title: \"Data/Analytics\",\n description: \"Data Engineer\",\n requirements: [\n {\n label: \"📖 Estudios\",\n tag: [\"Ingeniería informática\", \"Telecomunicaciones\"],\n },\n {\n label: \"📝 Condiciones\",\n tag: [\"Contrato indefinido\", \"Salario de 33k-60k €/año\"],\n },\n {\n label: \"🦾 Hard Skills\",\n tag: [\"SQL\", \"Python\", \"Big Data\", \"Spark\"],\n },\n {\n label: \"👋 Soft Skills\",\n tag: [\"Resolución de problemas\", \"Adaptación al cambio\"],\n },\n ],\n location: [\n {\n label: \"📍 Dónde\",\n tag1: \"Barcelona\",\n tag2: \"Valencia\",\n },\n ],\n image1:\n \"bg-[url(/img/emergent-positions/barcelona.webp)] w-[31.25rem] md:h-[11rem] h-[7rem] bg-cover bg-center\",\n image2:\n \"bg-[url(/img/emergent-positions/valencia.webp)] w-[31.25rem] md:h-[11rem] h-[7rem] bg-cover bg-center\",\n backgroundColor:\n \" text-[#008949] bg-[url(/img/emergent-positions/bg2Img2.webp)] md:bg-cover md:bg-[url(/img/emergent-positions/bgImg2.webp)] \",\n backgroundColor2: \"bg-[#B4E5CD]\",\n backgroundColor3: \"bg-[#3EB87E]\",\n },\n {\n title: \" Building Information Modeling (BIM)\",\n description: \"Arquitecto/a BIM\",\n requirements: [\n {\n label: \"📖 Estudios\",\n tag: [\"Arquitectura\", \"Ingeneiría de Edificación\"],\n },\n {\n label: \"📝 Condiciones\",\n tag: [\"Contrato indefinido\", \"Salario de 30k-50k €/año\"],\n },\n {\n label: \"🦾 Hard Skills\",\n tag: [\"Revit\", \"AutoCAD\", \"Gestión de proyectos\"],\n },\n {\n label: \"👋 Soft Skills\",\n tag: [\"Comunicación\", \"Liderazgo\", \"Autogestión\"],\n },\n ],\n location: [\n {\n label: \"📍 Dónde\",\n tag1: \"Barcelona\",\n tag2: \"Sevilla\",\n },\n ],\n image1:\n \"bg-[url(/img/emergent-positions/barcelona.webp)] w-[31.25rem] md:h-[11rem] h-[7rem] bg-cover bg-center\",\n image2:\n \"bg-[url(/img/emergent-positions/sevilla.webp)] w-[31.25rem] md:h-[11rem] h-[7rem] bg-cover bg-center\",\n backgroundColor:\n \" text-[#D1A22E] bg-[url(/img/emergent-positions/bg2Img3.webp)] md:bg-cover md:bg-[url(/img/emergent-positions/bgImg3.webp)]\",\n backgroundColor2: \"bg-[#FDECBE]\",\n backgroundColor3: \"bg-[#F7CE5B] text-xs md:text-[0.7rem]\",\n },\n {\n title: \" Ciberseguridad / Cloud\",\n description: \"Cloud Security Engineer\",\n requirements: [\n {\n label: \"📖 Estudios\",\n tag: [\"Informática\", \"Ingeneiría en telecomunicaciones\"],\n },\n {\n label: \"📝 Condiciones\",\n tag: [\"Contrato indefinido\", \"Salario de 40k-60k €/año\"],\n },\n {\n label: \"🦾 Hard Skills\",\n tag: [\"AWS\", \"Azure\", \"Seguridad en la nube\"],\n },\n {\n label: \"👋 Soft Skills\",\n tag: [\"Atención al detalle\", \"Pensamiento analítico\"],\n },\n ],\n location: [\n {\n label: \"📍 Dónde\",\n tag1: \"Madrid\",\n tag2: \"Málaga\",\n },\n ],\n image1:\n \"bg-[url(/img/emergent-positions/madrid.webp)] w-[31.25rem] md:h-[11rem] h-[7rem] bg-cover bg-center\",\n image2:\n \"bg-[url(/img/emergent-positions/malaga.webp)] w-[31.25rem] md:h-[11rem] h-[7rem] bg-cover bg-center\",\n backgroundColor:\n \"bg-[url(/img/emergent-positions/bg2Img4.webp)] md:bg-cover md:bg-[url(/img/emergent-positions/bgImg4.webp)] text-[#006895]\",\n backgroundColor2: \"bg-[#C4DFEB]\",\n backgroundColor3: \"bg-[#7BB6D3] text-xs\",\n },\n {\n title: \"Quality Assurance (QA)\",\n description: \"QA Automation Engineer\",\n requirements: [\n {\n label: \"📖 Estudios\",\n tag: [\"Ingeneiría Técnica o Superior \"],\n },\n {\n label: \"📝 Condiciones\",\n tag: [\"Contrato indefinido\", \"Salario de 30k-50k €/año\"],\n },\n {\n label: \"🦾 Hard Skills\",\n tag: [\"Selenium\", \"Jenkins\", \"Python\"],\n },\n {\n label: \"👋 Soft Skills\",\n tag: [\"Proactividad\", \"Resolución de problemas\"],\n },\n ],\n location: [\n {\n label: \"📍 Dónde\",\n tag1: \"Madrid\",\n tag2: \"Bilbao\",\n },\n ],\n image1:\n \"bg-[url(/img/emergent-positions/madrid.webp)] w-[31.25rem] md:h-[11rem] h-[7rem] bg-cover bg-center\",\n image2:\n \"bg-[url(/img/emergent-positions/bilbao.webp)] w-[31.25rem] md:h-[11rem] h-[7rem] bg-cover bg-center\",\n backgroundColor:\n \"bg-[url(/img/emergent-positions/bg2Img5.webp)] md:bg-cover md:bg-[url(/img/emergent-positions/bgImg5.webp)] text-[#DF4D3A]\",\n backgroundColor2: \"bg-[#FAC7C8]\",\n backgroundColor3: \"bg-[#F1696E] text-xs\",\n },\n {\n title: \"Eficiencia Energética\",\n description: \"Ingeniero/a de Eficiencia Energética\",\n requirements: [\n {\n label: \"📖 Estudios\",\n tag: [\"Ingeniero/a de Eficiencia Energética\"],\n },\n {\n label: \"📝 Condiciones\",\n tag: [\"Contrato indefinido\", \"Salario de 30k-50k €/año\"],\n },\n {\n label: \"🦾 Hard Skills\",\n tag: [\"Presto\", \"DIALux\", \"Análisis de costes\"],\n },\n {\n label: \"👋 Soft Skills\",\n tag: [\"Organización\", \"Planificación\"],\n },\n ],\n location: [\n {\n label: \"📍 Dónde\",\n tag1: \"Valencia\",\n tag2: \"Zaragoza\",\n },\n ],\n image1:\n \"bg-[url(/img/emergent-positions/valencia.webp)] w-[31.25rem] md:h-[11rem] h-[7rem] bg-cover bg-center\",\n image2:\n \"bg-[url(/img/emergent-positions/zaragoza.webp)] w-[31.25rem] md:h-[11rem] h-[7rem] bg-cover bg-center\",\n backgroundColor:\n \"bg-[url(/img/emergent-positions/bg2Img6.webp)] md:bg-cover md:bg-[url(/img/emergent-positions/bgImg6.webp)] text-[#009B4E] \",\n backgroundColor2: \"bg-[#B4E5CD]\",\n backgroundColor3: \"bg-[#008949] md:text-[0.6rem]\",\n },\n {\n title: \"Vocación social\",\n description: \"Psicólogo/a\",\n requirements: [\n {\n label: \"📖 Estudios\",\n tag: [\"Psicología\", \"Trabajo Social\"],\n },\n {\n label: \"📝 Condiciones\",\n tag: [\"Contrato indefinido\", \"Salario de 12k-24k €/año\"],\n },\n {\n label: \"🦾 Hard Skills\",\n tag: [\"Intervención psicológica\", \"Programas sociales\"],\n },\n {\n label: \"👋 Soft Skills\",\n tag: [\"Empatía\", \"Paciencia\", \"Comunicación asertiva\"],\n },\n ],\n location: [\n {\n label: \"📍 Dónde\",\n tag1: \"Madrid\",\n tag2: \"Valencia\",\n },\n ],\n image1:\n \"bg-[url(/img/emergent-positions/madrid.webp)] w-[31.25rem] md:h-[11rem] h-[7rem] bg-cover bg-center\",\n image2:\n \"bg-[url(/img/emergent-positions/valencia.webp)] w-[31.25rem] md:h-[11rem] h-[7rem] bg-cover bg-center\",\n backgroundColor:\n \"bg-[url(/img/emergent-positions/bg2Img7.webp)] md:bg-cover md:bg-[url(/img/emergent-positions/bgImg7.webp)] text-[#006895]\",\n backgroundColor2: \"bg-[#C4DFEB]\",\n backgroundColor3: \"bg-[#7BB6D3] md:text-[0.6rem]\",\n },\n // Agrega más objetos según sea necesario\n];\n\nconst { infographicId } = Astro.props;\n---\n\n\n \n\n \n\n" }, { "path": "src/components/FollowUs.astro", "content": "---\nimport FollowUsLink from \"@components/FollowUsLink.astro\";\nimport Icon from \"./ui/Icon.astro\";\n\nconst hoverSocialNetworks = \"md:transition-transform md:hover:scale-110\";\nconst hoverStoreApps = \"md:transition-opacity md:duration-150 md:ease-in-out md:hover:opacity-90\";\n---\n\n\n
    \n \n

    \n ¡Síguenos!\n

    \n\n \n \n \n \n\n \n \n \n\n \n \n \n\n \n \n \n \n \n\n \n \n \n \n\n \n \n \n \n
    \n" }, { "path": "src/components/FollowUsLink.astro", "content": "---\nconst { href, socialPlatform } = Astro.props;\n---\n\n\n \n\n" }, { "path": "src/components/Footer.astro", "content": "---\nimport LinksColumns from \"@components/LinksColumns.astro\"\nimport FollowUs from \"@components/FollowUs.astro\"\nimport AdevintaInfo from \"@components/AdevintaInfo.astro\"\n---\n\n
    \n
    \n \n \n \n
    \n
    \n" }, { "path": "src/components/Header.astro", "content": "---\nimport Button from \"./ui/Button.astro\"\n---\n\n\n \"Logo    \n\n \n Crea tu cuenta\n \n" }, { "path": "src/components/HeroSearch.astro", "content": "---\nimport SearchIcon from \"@icons/Search.astro\"\nimport { getStudies } from \"@lib/get-ij-studies\"\nimport SectionContainer from \"@components/SectionContainer.astro\"\nimport Button from \"@ui/Button.astro\"\nimport ChevronDown from \"@icons/ChevronDown.astro\"\n\nconst SHORTCUTS = [\n {\n label: \"🌱 Sin experiencia\",\n href: \"https://www.infojobs.net/jobsearch/search-results/list.xhtml?keyword=&segmentId=&page=1&sortBy=PUBLICATION_DATE&onlyForeignCountry=false&countryIds=17&sinceDate=ANY&experienceMin=_0_YEARS&experienceMax=_0_YEARS\",\n track: \"explore_no_experience\",\n },\n {\n label: \"🗓️ Findes\",\n href: \"https://www.infojobs.net/ofertas-trabajo/fines-de-semana\",\n track: \"explore_weekend_jobs\",\n },\n {\n label: \"🕒 Media jornada\",\n href: \"https://www.infojobs.net/ofertas-trabajo/media-jornada\",\n track: \"explore_part_time\",\n },\n {\n label: \"💼 Prácticas\",\n href: \"https://www.infojobs.net/ofertas-trabajo/practicas\",\n track: \"explore_internships\",\n },\n] as const\n\nconst studies = await getStudies()\nconst sortedStudies = studies.sort((a, b) => a.order - b.order)\n---\n\n\n \n \n Tu carrera empieza aquí\n \n\n \n Conecta tus estudios con el empleo ideal\n \n\n \n \n \n \n Nivel de estudios \n\n \n \n\n \n\n
    \n

    Explora trabajos que se adaptan a ti

    \n \n {\n SHORTCUTS.map(({ label, href, track }) => (\n \n {label}\n \n ))\n }\n \n
    \n \n    \n\n\n\n\n\n\n\n\n\n\n\n\n" }, { "path": "src/components/InfographicBody.astro", "content": "---\ntype Props = {\n bentoInfoModalCards?: readonly BentoInfoModalCard[]; // Ahora es opcional\n bentoInfoModalCardsBig?: BentoInfoModalCardBig[];\n};\n\ntype BentoInfoModalCard = {\n image: string;\n title: string;\n description: string;\n firstBgColor: string;\n secondBgColor: string;\n textColor: string;\n};\n\ntype BentoInfoModalCardBig = {\n title: string;\n description: string;\n requirements: { label: string; tag: string[] }[];\n location: { label: string; tag1: string; tag2: string }[];\n image1: string;\n image2: string;\n backgroundColor: string;\n backgroundColor2: string;\n backgroundColor3: string;\n};\n\nconst { bentoInfoModalCards = [], bentoInfoModalCardsBig = [] } =\n Astro.props as Props;\n---\n\n\n {\n bentoInfoModalCards.map(\n ({\n image,\n title,\n description,\n firstBgColor,\n secondBgColor,\n textColor,\n }) => (\n \n
    \n \n\n
    \n \n {title}\n \n\n \n {description}\n

    \n
    \n
    \n \n )\n )\n }\n\n\n
    \n {\n bentoInfoModalCardsBig.map((card) => (\n \n \n {card.title}\n \n

    \n {card.description}\n

    \n\n
    \n {card.requirements.map((requirement) => (\n \n
    \n {requirement.label}\n
    \n
    \n {requirement.tag.map((tag) => (\n \n {tag}\n \n ))}\n
    \n
    \n ))}\n \n\n
    \n {card.location.map((location) => (\n \n
    \n {location.label}\n
    \n
    \n \n \n {location.tag1}\n \n
    \n \n \n {location.tag2}\n \n
    \n \n \n ))}\n \n \n ))\n }\n
    \n\n\n" }, { "path": "src/components/InfographicHeader.astro", "content": "---\nconst { badgeText, title, subtitle } = Astro.props\n---\n\n
    \n \n {badgeText}\n \n\n
    \n \n {title}\n \n\n

    {subtitle}

    \n
    \n
    \n" }, { "path": "src/components/InfographicModal.astro", "content": "---\nimport CloseIcon from \"@icons/CloseIcon.astro\";\n---\n\n\n
    \n \n \n \n
    \n \n \n\n\n\n" }, { "path": "src/components/InfographicTips.astro", "content": "---\nconst TIPS = [\n {\n title: \"Favoritos\",\n description: \"Marca como favoritas las empresas que te molen\",\n image: \"/img/bento-info-modal-cards/heart-on-fire.webp\",\n firstBgColor: \"#FFB3B6\",\n secondBgColor: \"#FCD3D3\",\n titleColor: \"#EA2E39\",\n descriptionColor: \"#F1696E\",\n },\n {\n title: \"Notificaciones\",\n description: \"¡Recibirás un aviso cuando publiquen una oferta!\",\n image: \"/img/bento-info-modal-cards/bell.webp\",\n firstBgColor: \"#FFB3B6\",\n secondBgColor: \"#FCD3D3\",\n titleColor: \"#EA2E39\",\n descriptionColor: \"#F1696E\",\n },\n {\n title: \"Revisa tu CV\",\n description:\n \"Y tómate tu tiempo para contestar bien a las preguntas que hacen \",\n image: \"/img/bento-info-modal-cards/eyes.webp\",\n firstBgColor: \"#FFB3B6\",\n secondBgColor: \"#FCD3D3\",\n titleColor: \"#EA2E39\",\n descriptionColor: \"#F1696E\",\n },\n] as const;\n---\n\n
    \n \n\n
    \n \n Trucos para petarlo\n \n \n {\n TIPS.map(\n ({\n image,\n title,\n description,\n firstBgColor,\n secondBgColor,\n titleColor,\n descriptionColor,\n }) => (\n \n \n \n {title}\n \n \n {description}\n

    \n \n ),\n )\n }\n
    \n \n
    \n\n\n" }, { "path": "src/components/KingsLeagueInfo.astro", "content": "\n
    \n \n \n \n \n

    Patrocinador oficial

    \n

    \n Kings League InfoJobs\n

    \n
    \n     \n \n\n" }, { "path": "src/components/LinksColumns.astro", "content": "---\nconst linksInfo = [\n {\n title: \"Nosotros\",\n links: [\n {\n label: \"Ayuda\",\n href: \"https://ayuda.infojobs.net/hc/es\",\n showOnMobile: true,\n },\n {\n label: \"Seguridad\",\n href: \"https://nosotros.infojobs.net/infojobs-seguridad\",\n },\n {\n label: \"Condiciones legales\",\n href: \"https://www.infojobs.net/lex.xhtml\",\n showOnMobile: true,\n },\n {\n label: \"Política de privacidad\",\n href: \"https://www.infojobs.net/privacy-policy/extended.xhtml\",\n },\n\n {\n label: \"Uso del servicio\",\n href: \"https://www.infojobs.net/rules-and-services.xhtml\",\n },\n {\n label: \"Política de cookies\",\n href: \"https://www.infojobs.net/lex.xhtml#cookies-policy\",\n },\n {\n label: \"Gestión de cookies\",\n href: \"https://www.figma.com/exit?url=javascript%3Avoid(null)%3B\",\n },\n ],\n },\n {\n title: \"Sobre InfoJobs\",\n links: [\n {\n label: \"InfoJobs hoy\",\n href: \"https://nosotros.infojobs.net/\",\n },\n {\n label: \"Trabaja con nosotros\",\n href: \"https://www.infojobs.net/candidate/candidate-login/candidate-login.xhtml?error=caducado&dgv=8615867714346349222\",\n },\n {\n label: \"Ofertas de empleo\",\n href: \"https://www.infojobs.net/ofertas-empleo\",\n },\n ],\n },\n {\n title: \"+ InfoJobs\",\n links: [\n {\n label: \"InfoJobs Awards\",\n href: \"https://awards.infojobs.net/\",\n },\n {\n label: \"InfoJobs Academy\",\n href: \"https://infojobsacademy.com/\",\n },\n {\n label: \"Orientación laboral\",\n href: \"https://orientacion-laboral.infojobs.net/\",\n },\n {\n label: \"InfoJobs Formación\",\n href: \"https://formacion.infojobs.net/\",\n },\n {\n label: \"Blog empresas\",\n href: \"https://recursos-humanos.infojobs.net/\",\n },\n {\n label: \"Offerte di lavoro in Italia\",\n href: \"https://www.infojobs.it/\",\n },\n ],\n },\n {\n title: \"Prensa\",\n links: [\n {\n label: \"Indicadores de InfoJobs\",\n href: \"https://nosotros.infojobs.net/indicadores-infojobs\",\n },\n {\n label: \"Notas de prensa\",\n href: \"https://nosotros.infojobs.net/prensa/notas-prensa\",\n },\n {\n label: \"Contacto de prensa\",\n href: \"https://nosotros.infojobs.net/contacto-prensa/contacto-de-prensa\",\n },\n ],\n },\n]\n---\n\n\n {\n linksInfo.map(({ title, links }, index) => {\n return (\n
    \n \n\n
      \n {links.map(({ label, href, showOnMobile }) => {\n return (\n \n \n {label}\n \n \n )\n })}\n
    \n
    \n )\n })\n }\n\n" }, { "path": "src/components/LiteYoutube.astro", "content": "---\nimport Icon from \"./ui/Icon.astro\"\n\ninterface Props {\n\tvideoId: string\n\ttitle?: string\n}\n\nconst { videoId, title } = Astro.props\n---\n\n\n\t\n\t\t{title}\n\t\t\n\t\n\n\n\n\n" }, { "path": "src/components/OportunidadesTikTok.astro", "content": "---\nconst cardsOportunidades = [\n {\n title1: \"Oferta de empleo\",\n title2: \"Miles de oportunidades\",\n img: \"./img/pre-footer/oferta-empleo.webp\",\n gradient: \"bg-gradient-to-t from-[#8BCFAD] to-[#E6F6EE]\",\n colorTitle: \"text-[#0E8247]\",\n imageClass: \"p-4 sm:p-8 md:p-4 lg:p-8 !pb-0\",\n href: \"https://www.infojobs.net/\",\n track: \"job_offers\",\n },\n {\n title1: \"InfoJobs en TikTok\",\n title2: \"Consejos para encontrar trabajo\",\n img: \"./img/pre-footer/info-tiktok.webp\",\n gradient: \"bg-gradient-to-t from-[#FFE4A2] to-[#FEF6DB]\",\n colorTitle: \"text-[#EFA500]\",\n imageClass: \"\",\n href: \"https://www.tiktok.com/@infojobs/playlist/Encontrar%20trabajo-7401023016819378977 \",\n track: \"tik_tok\",\n },\n] as const\n---\n\n
    \n {\n cardsOportunidades.map((card) => (\n \n

    {card.title1}

    \n

    \n {card.title2}\n

    \n\n
    \n \n
    \n \n ))\n }\n
    \n" }, { "path": "src/components/PreFooter.astro", "content": "---\nimport KingsLeagueInfo from \"@components/KingsLeagueInfo.astro\"\nimport SectionContainer from \"@components/SectionContainer.astro\"\nimport OportunidadesTikTok from \"@components/OportunidadesTikTok.astro\"\nimport Subtitle from \"@components/Subtitle.astro\"\n---\n\n\n InfoJobs, ¿la de trabajar te la sabes?\n
    \n \n \n
    \n    \n" }, { "path": "src/components/SectionContainer.astro", "content": "
    \n
    \n \n
    \n
    \n" }, { "path": "src/components/SocialBest.astro", "content": "---\nimport SectionContainer from \"./SectionContainer.astro\"\nimport TiktokVideo from \"./TiktokVideo.astro\"\nimport Icon from \"./ui/Icon.astro\"\nimport Subtitle from \"./Subtitle.astro\"\n\nconst VIDEOS = [\n {\n videoId: \"7222709244125007109\",\n thumbnailUrl: \"/img/thumbnails/ibai.webp\",\n title: \"La relación de Ibai con Marcos\",\n },\n {\n videoId: \"7258016065563807003\",\n thumbnailUrl: \"/img/thumbnails/jijantes.webp\",\n title: \"Fichaje del nuevo reportero de Jijantes\",\n },\n {\n videoId: \"7343332399662533920\",\n thumbnailUrl: \"/img/thumbnails/midudev.webp\",\n title: \"Fichajes de la web de La Velada junto a Midudev\",\n },\n {\n videoId: \"7265231719068880160\",\n thumbnailUrl: \"/img/thumbnails/cristinini.webp\",\n title: \"Ganadora de la Beca Infojobs Cristinini\",\n },\n {\n videoId: \"7285448407756393761\",\n thumbnailUrl: \"/img/thumbnails/marcos.webp\",\n title: \"Entrevista a Marcos de Olañeta\",\n },\n] as const\n---\n\n\n
    \n Trabaja con los mejores\n\n
    \n \n \n \n \n \n \n
    \n
    \n\n \n \n {\n VIDEOS.map(({ videoId, thumbnailUrl, title }) => (\n \n ))\n }\n \n \n    \n\n\n\n\n" }, { "path": "src/components/StandsInterviews.astro", "content": "---\nimport InfographicBody from \"./InfographicBody.astro\"\nimport InfographicHeader from \"./InfographicHeader.astro\"\n\nconst standsInterviews = [\n {\n image: \"/img/bento-info-modal-cards/sincerity-and-trust.webp\",\n title: \"Sinceridad y confianza\",\n description:\n \"¡Si te han llamado será por algo! Demuestra que lo que te falta de experiencia, te sobra de aptitud.\",\n firstBgColor: \"#B4E5CD\",\n secondBgColor: \"#E1F4EB\",\n textColor: \"#008949\",\n },\n {\n image: \"/img/bento-info-modal-cards/show-enthusiasm.webp\",\n title: \"Demuestra entusiasmo\",\n description:\n \"Infórmate sobre la empresa y el puesto para explicar al entrevistador/a tu interés.\",\n firstBgColor: \"#FDECBE\",\n secondBgColor: \"#FFF7E4\",\n textColor: \"#B08B2B\",\n },\n {\n image: \"/img/bento-info-modal-cards/focus-on-your-skills.webp\",\n title: \"Céntrate en tus habilidades\",\n description:\n \"Muestra iniciativa y remarca tus conocimientos: tecnologías, herramientas digitales, idiomas o deportes\",\n firstBgColor: \"#FFBFB5\",\n secondBgColor: \"#FBE9E7\",\n textColor: \"#FF523C\",\n },\n {\n image: \"/img/bento-info-modal-cards/learning-ability.webp\",\n title: \"Capacidad de aprendizaje\",\n description:\n \"Si no tienes experiencia laboral, muestra tus ganas por seguir formándote, dentro y fuera de la compañía.\",\n firstBgColor: \"#64C6F6\",\n secondBgColor: \"#D2EEFA\",\n textColor: \"#085C81\",\n },\n {\n image: \"/img/bento-info-modal-cards/questions-and-answers.webp\",\n title: \"Practica preguntas y respuestas\",\n description:\n \"Prepárate posibles respuestas y preguntas sobre la compañía y tu rol, ¡así verán que vas a por todas!\",\n firstBgColor: \"#88DBFF\",\n secondBgColor: \"#E1F8FF\",\n textColor: \"#0073AA\",\n },\n {\n image: \"/img/bento-info-modal-cards/double-authenticity.webp\",\n title: \"La autenticidad puntúa doble\",\n description:\n \"Mira a los ojos, exprésate con las manos, tú tienes el control de la situación. ¡Y sonríe de forma natural!\",\n firstBgColor: \"#FFBEBF\",\n secondBgColor: \"#FBE9E7\",\n textColor: \"#DF4D3A\",\n },\n] as const\n\nconst { infographicId } = Astro.props\n---\n\n\n \n\n \n\n\n" }, { "path": "src/components/Subtitle.astro", "content": "

    \n \n

    " }, { "path": "src/components/TiktokVideo.astro", "content": "---\nimport Icon from \"./ui/Icon.astro\"\n\ninterface Props {\n videoId: string\n thumbnailUrl: string\n title: string\n}\n\nconst { videoId, thumbnailUrl, title } = Astro.props\n---\n\n\n \n \n \n\n\n\n" }, { "path": "src/components/YourNextJob.astro", "content": "---\nimport InfographicBody from \"./InfographicBody.astro\"\nimport InfographicHeader from \"./InfographicHeader.astro\"\nimport InfographicTips from \"./InfographicTips.astro\"\n\nconst yourNextJobContent = [\n {\n image: \"/img/bento-info-modal-cards/style-your-cv.webp\",\n title: \"Pon guapo tu CV\",\n description: \"Actualízalo, sube una foto profesional ¡y rellena tus habilidades/skills! (sobre todo si te falta experiencia).\",\n firstBgColor: \"#FDECBE\",\n secondBgColor: \"#FFF7E4\",\n textColor: \"#B08B2B\",\n\n },\n {\n image: \"/img/bento-info-modal-cards/search-ideal-offer.webp\",\n title: \"Busca tu oferta ideal\",\n description: \"Utiliza las recomendaciones que te ofrece InfoJobs o busca a tu medida según el sector que más te interesa.\",\n firstBgColor: \"#B4E5CD\",\n secondBgColor: \"#E1F4EB\",\n textColor: \"#008949\",\n },\n {\n image: \"/img/bento-info-modal-cards/register.webp\",\n title: \"¡Inscríbete!\",\n description: \"Lee bien la oferta, ajusta tu CV y adjúntalo. Y no olvides añadir una carta de presentación personalizada a la oferta. ¡Todo suma!\",\n firstBgColor: \"#BADAE8\",\n secondBgColor: \"#E3EFF5\",\n textColor: \"#006895\",\n },\n {\n image: \"/img/bento-info-modal-cards/you-are-their-candidate.webp\",\n title: \"Ya eres su candidato/a\",\n description: \"Toca esperar y cruzar los dedos, pero valora inscribirte en otras ofertas que también te interesen\",\n firstBgColor: \"#FFD1C8\",\n secondBgColor: \"#FBE9E7\",\n textColor: \"#FF523C\",\n }\n] as const\nconst { infographicId } = Astro.props\n---\n\n\n \n\n \n \n\n" }, { "path": "src/components/ui/Button.astro", "content": "---\nimport Icon from \"@ui/Icon.astro\"\n\ninterface ButtonProps {\n variant?: \"solid\" | \"bordered\" | \"light\" | \"ghost\" | \"flat\"\n color?: \"default\" | \"primary\" | \"secondary\" | \"success\" | \"warning\" | \"danger\"\n size?: \"default\" | \"sm\" | \"lg\" | \"full\" | \"icon\"\n radius?: \"none\" | \"lg\" | \"xl\" | \"xxl\" | \"full\" | string\n class?: string\n type?: \"button\" | \"submit\" | \"reset\"\n href?: string\n as?: \"button\" | \"link\"\n role?: \"button\" | \"link\"\n disabled?: boolean\n icon?: string\n iconPosition?: \"left\" | \"right\"\n block?: boolean\n iconOnly?: boolean\n loading?: boolean\n ariaLabel?: string\n track?: string\n disableSaturateHover?: boolean\n}\n\n// Estilos por variante\nconst solid = {\n default: \"bg-neutral-300 text-neutral-900\",\n primary: \"bg-primary text-white\",\n secondary: \"bg-accent text-white\",\n success: \"bg-ij-green text-white\",\n warning: \"bg-ij-yellow text-white\",\n danger: \"bg-red-500 text-white\",\n foreground: \"bg-black text-white\",\n}\n\nconst bordered = {\n default: \"border-2 border-neutral-300 text-neutral-900\",\n primary: \"border-2 border-primary text-primary\",\n secondary: \"border-2 border-gray-500 text-gray-500\",\n success: \"border-2 border-ij-green text-ij-green\",\n warning: \"border-2 border-ij-yellow text-yellow-500\",\n danger: \"border-2 border-red-500 text-red-500\",\n foreground: \"border-2 border-black text-black\",\n}\n\nconst light = {\n default: \"border-transparent text-black hover:bg-neutral-300\",\n primary: \"border-transparent text-primary hover:bg-primary/20\",\n secondary: \"border-transparent text-accent hover:bg-accent/20\",\n success: \"border-transparent text-ij-green hover:bg-ij-green/20\",\n warning: \"border-transparent text-ij-yellow hover:bg-ij-yellow/20\",\n danger: \"border-transparent text-red-500 hover:bg-ij-red/20\",\n foreground: \"border-transparent text-black hover:bg-black/20\",\n}\n\nconst ghost = {\n default: \"border-2 border-neutral-300 text-neutral-900 hover:bg-neutral-300\",\n primary:\n \"border-2 border-primary text-primary hover:bg-primary hover:text-white\",\n secondary: \"border-2 border-gray-500 text-gray-500 hover:bg-accent\",\n success:\n \"border-2 border-ij-green text-ij-green hover:bg-ij-green hover:text-white\",\n warning:\n \"border-2 border-ij-yellow text-ij-yellow hover:bg-ij-yellow hover:text-white\",\n danger: \"border-2 border-ij-red text-ij-red hover:bg-ij-red hover:text-white\",\n foreground:\n \"border-2 border-black text-black hover:bg-black hover:text-white\",\n}\n\nconst flat = {\n default: \"bg-neutral-300/40 text-neutral-900\",\n primary: \"bg-primary/20 text-primary\",\n secondary: \"bg-accent/20 text-accent\",\n success: \"bg-ij-green/20 text-ij-green\",\n warning: \"bg-ij-yellow/20 text-ij-yellow\",\n danger: \"bg-ij-red/20 text-ij-red\",\n foreground: \"bg-black/20 text-black\",\n}\n\nconst variants = {\n solid,\n bordered,\n light,\n ghost,\n flat,\n}\n\n// Función para obtener clases por variante y color\nfunction getVariantClasses(\n variant: keyof typeof variants,\n color: keyof typeof solid\n) {\n const variantGroup = variants[variant] || variants.solid // fallback a 'solid'\n return variantGroup[color] ?? variantGroup.default\n}\n// Clases por tamaño\nconst sizeClasses = {\n default: \"px-4 py-2 text-lg gap-x-2 font-medium\",\n sm: \"px-3 min-w-16 h-8 text-sm gap-x-2\",\n md: \"px-4 min-w-20 h-10 text-base gap-x-2\",\n lg: \"px-6 min-w-24 h-12 text-lg gap-3 font-medium\",\n full: \"px-6 w-full py-2.5 text-lg gap-x-3 font-medium\",\n icon: \"h-10 w-10\",\n}\n\n// Clases por radio\nconst radiusClasses = {\n none: \"rounded-none\",\n lg: \"rounded-xl\",\n xl: \"rounded-2xl\",\n xxl: \"rounded-4xl\",\n full: \"rounded-full\",\n}\n\n// Desestructuración de props\nconst {\n variant = \"solid\",\n color = \"primary\",\n size = \"default\",\n radius = \"xl\",\n class: extraClasses = \"\",\n type = \"button\",\n href,\n as = \"button\",\n role = \"button\",\n disabled = false,\n icon,\n iconPosition = \"left\",\n iconOnly = false,\n loading = false,\n ariaLabel,\n disableSaturateHover = false,\n track,\n} = Astro.props as ButtonProps\n\n// Definición de clases\nconst customRadiusClass =\n typeof radius === \"string\" && radius.startsWith(\"rounded-\")\n ? radius\n : radiusClasses[radius as keyof typeof radiusClasses] || \"\"\n\nconst variantClasses = getVariantClasses(variant, color)\n\nconst baseClasses = [\n \"z-0 group relative inline-flex items-center justify-center\",\n \"box-border appearance-none select-none whitespace-nowrap min-w-max\",\n \"subpixel-antialiased overflow-hidden tap-highlight-transparent\",\n \"focus-visible:z-10 focus-visible:outline-2 focus-visible:outline-double\",\n \"focus-visible:outline-primary focus-visible:outline-offset-2\",\n \"disabled:opacity-75 disabled:select-none disabled:cursor-not-allowed\",\n \"disabled:active:scale-100\",\n \"active:scale-[0.99]\",\n disableSaturateHover ? \"\" : \"hover:saturate-150\",\n \"transition-transform-colors-opacity motion-reduce:transition-none\",\n]\n .filter(Boolean)\n .join(\" \")\n\nconst buttonClasses = [\n baseClasses,\n variantClasses,\n sizeClasses[size],\n customRadiusClass,\n iconOnly ? \"p-2\" : \"\",\n extraClasses,\n loading ? \"loading\" : \"\",\n]\n .filter(Boolean)\n .join(\" \")\n---\n\n{\n as === \"button\" ? (\n \n {loading ? (\n <>\n \n Processing...\n \n ) : (\n <>\n {icon && iconPosition === \"left\" && }\n \n {icon && iconPosition === \"right\" && }\n \n )}\n \n ) : as === \"link\" && href ? (\n \n {icon && iconPosition === \"left\" && }\n \n {icon && iconPosition === \"right\" && }\n \n ) : null\n}\n\n\n" }, { "path": "src/components/ui/Icon.astro", "content": "---\nconst icons = import.meta.glob(\"@icons/*.astro\", { eager: true })\n\ninterface IconMap {\n [key: string]: (_props: Record) => any\n}\n\nconst iconMap: IconMap = Object.fromEntries(\n Object.entries(icons).map(([path, module]) => [\n path.split(\"/\").pop()?.replace(\".astro\", \"\").toLowerCase() || \"\",\n (module as any).default,\n ])\n)\n\nconst iconName = Astro.props.name?.toLowerCase()\nconst IconComponent = iconMap[iconName]\n---\n\n{\n IconComponent ? (\n \n ) : (\n
    \n Icon not found:{\" \"}\n {Astro.props.name}\n
    \n )\n}\n" }, { "path": "src/const.ts", "content": "export const DICTIONARY_TYPE = {\n AVAILABILITY: 'availability',\n CANDIDATE_EXPERIENCE: 'candidate-experience',\n CANDIDATE_SUBSEGMENT: 'candidate-subsegment',\n CATEGORY: 'category',\n CHANNEL: 'channel',\n CITY: 'city',\n CONTRACT_TYPE: 'contract-type',\n COUNTRY: 'country',\n DRIVER_LICENSE: 'driver-license',\n EMPLOYMENT_STATUS: 'employment-status',\n EMPLOYER_TYPE: 'employer-type',\n EXPERIENCE_MIN: 'experience-min',\n GENDER: 'gender',\n GRADE: 'grade',\n ID_TYPE: 'id-type',\n INDUSTRY: 'industry',\n LANGUAGE: 'language',\n LAST_JOB_SEARCH: 'last-job-search',\n LEGAL_FORM: 'legal-form',\n MANAGER_PROFESSIONAL_LEVEL: 'manager-professional-level',\n MANDATORY_STEPS: 'mandatory-steps',\n OFFER_RESIDENCE: 'offer-residence',\n OFFER_STATE: 'offer-state',\n PERIODOS_INTERVALOS: 'periodos-intervalos',\n PROFESSIONAL_LEVEL: 'professional-level',\n PROVINCE: 'province',\n READING_LEVEL: 'reading-level',\n REGION: 'region',\n REPORT_REASONS: 'report-reason',\n REPORTING_TO: 'reporting-to',\n SALARY_BENEFITS: 'salary-benefits',\n SALARY_PERIOD: 'salary-period',\n SALARY_RANGE: 'salary-range',\n STUDY: 'study',\n SKILL_LEVEL: 'skill-level',\n SPEAKING_LEVEL: 'speaking-level',\n STAFF: 'staff',\n STUDY_DETAIL: 'study-detail',\n SUBCATEGORY: 'subcategory',\n TELEWORKING: 'teleworking',\n TIMELINE_EVENT: 'timeline-event',\n URL_TYPE: 'url-type',\n WORK_PERMIT: 'work-permit',\n WORKDAY: 'workday',\n WRITING_LEVEL: 'writing-level'\n} as const\n" }, { "path": "src/env.d.ts", "content": "/// " }, { "path": "src/icons/AppStore.astro", "content": "\n" }, { "path": "src/icons/ChevronDown.astro", "content": "---\nconst { ...props } = Astro.props\n---\n\n\n\t\n\n" }, { "path": "src/icons/CloseIcon.astro", "content": "\n" }, { "path": "src/icons/Facebook.astro", "content": "\n \n \n\n" }, { "path": "src/icons/GooglePlay.astro", "content": "\n" }, { "path": "src/icons/LeftArrow.astro", "content": "\n \n\n" }, { "path": "src/icons/Play.astro", "content": "\n \n\n" }, { "path": "src/icons/RightArrow.astro", "content": "\n \n\n" }, { "path": "src/icons/Search.astro", "content": "\n \n \n\n" }, { "path": "src/icons/Spinner.astro", "content": "\n \n \n \n \n\n" }, { "path": "src/icons/TikTok.astro", "content": "\n \n \n \n \n\n" }, { "path": "src/icons/Twitter.astro", "content": "\n \n \n \n \n\n" }, { "path": "src/icons/YouTube.astro", "content": "\n \n \n\n" }, { "path": "src/layouts/Layout.astro", "content": "---\nimport Header from \"../components/Header.astro\"\nimport Footer from \"../components/Footer.astro\"\n\ninterface Props {\n title: string\n}\n\nconst { title } = Astro.props\n---\n\n\n\n \n \n {title}\n \n \n\n \n \n \n \n\n \n \n \n \n \n\n \n \n\n \n\n \n\n \n \n \n\n\n
    \n
    \n \n
    \n
    \n