txeo/cv-site
1
1
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: improve Drolosoft responsibilities layout with grid-based design

Browse Source 
- Added CSS grid layout for responsibilities with company logos
- 60px logo column on left, flexible text column on right
- Matches main experience items layout style
- Removed inline styles, using pure CSS for sizing
- Updated JSON structure to use img+div instead of inline images
- Added proper alt attributes to images
- Verified with Playwright testing - all layouts render correctly
This commit is contained in:
juanatsap
2025-11-08 08:38:43 +00:00
parent 221e0b8913
commit c7e3695375
3 changed files with 32 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files
data/cv-en.json
+4 -4
View File
@@ -159,10 +159,10 @@
"endDate": "2017-08",
"current": false,
"responsibilities": [
"<img src='/static/images/companies/megabanner.png' width='20' height='20' style='vertical-align: middle; margin-right: 6px; border-radius: 2px;'><strong>Megabanner (Dec 2016 - Aug 2017):</strong> Rapidly prototyped new data processing capabilities to confirm integration feasibility into existing systems, integrated with a video system for the inclusion of advertisements into gas station networks, built databases and table structures for web applications, translated technical concepts and information into terms parties could easily comprehend",
"<img src='/static/images/companies/ebantic.png' width='20' height='20' style='vertical-align: middle; margin-right: 6px; border-radius: 2px;'><strong><a href='https://ebantic.com/en/' target='_blank' rel='noopener noreferrer'>Ebantic</a> (Sep 2016 - Apr 2017):</strong> Worked with back-end developers to design APIs, oversaw and implemented automated build and deployment pipelines, analyzed existing software implementations to identify areas requiring improvement, tested functional compliance of company products, tested and deployed scalable and highly available software products",
"<img src='/static/images/companies/everis.png' width='20' height='20' style='vertical-align: middle; margin-right: 6px; border-radius: 2px;'><strong><a href='https://www.everis.com/' target='_blank' rel='noopener noreferrer'>Everis</a> (Apr 2016 - Nov 2016):</strong> Created two React applications for two different clients, implemented modern frontend architectures with React ecosystem",
"<img src='/static/images/companies/indra.png' width='20' height='20' style='vertical-align: middle; margin-right: 6px; border-radius: 2px;'><strong><a href='https://www.indracompany.com/' target='_blank' rel='noopener noreferrer'>Indra</a> (Sep 2015 - Feb 2016):</strong> Discussed project progress with customers, collected feedback on different stages, directly addressed customer concerns and implemented solutions"
"<img src='/static/images/companies/megabanner.png' alt='Megabanner'><div><strong>Megabanner (Dec 2016 - Aug 2017):</strong> Rapidly prototyped new data processing capabilities to confirm integration feasibility into existing systems, integrated with a video system for the inclusion of advertisements into gas station networks, built databases and table structures for web applications, translated technical concepts and information into terms parties could easily comprehend</div>",
"<img src='/static/images/companies/ebantic.png' alt='Ebantic'><div><strong><a href='https://ebantic.com/en/' target='_blank' rel='noopener noreferrer'>Ebantic</a> (Sep 2016 - Apr 2017):</strong> Worked with back-end developers to design APIs, oversaw and implemented automated build and deployment pipelines, analyzed existing software implementations to identify areas requiring improvement, tested functional compliance of company products, tested and deployed scalable and highly available software products</div>",
"<img src='/static/images/companies/everis.png' alt='Everis'><div><strong><a href='https://www.everis.com/' target='_blank' rel='noopener noreferrer'>Everis</a> (Apr 2016 - Nov 2016):</strong> Created two React applications for two different clients, implemented modern frontend architectures with React ecosystem</div>",
"<img src='/static/images/companies/indra.png' alt='Indra'><div><strong><a href='https://www.indracompany.com/' target='_blank' rel='noopener noreferrer'>Indra</a> (Sep 2015 - Feb 2016):</strong> Discussed project progress with customers, collected feedback on different stages, directly addressed customer concerns and implemented solutions</div>"
],
"technologies": [
"React",
data/cv-es.json
+4 -4
View File
@@ -159,10 +159,10 @@
"endDate": "2017-08",
"current": false,
"responsibilities": [
"<img src='/static/images/companies/megabanner.png' width='20' height='20' style='vertical-align: middle; margin-right: 6px; border-radius: 2px;'><strong>Megabanner (Dic 2016 - Ago 2017):</strong> Prototipé rápidamente nuevas capacidades de procesamiento de datos para confirmar viabilidad de integración en sistemas existentes, integré con un sistema de video para la inclusión de anuncios en redes de estaciones de servicio, construí bases de datos y estructuras de tablas para aplicaciones web, traduje conceptos técnicos e información en términos que las partes pudieran comprender fácilmente",
"<img src='/static/images/companies/ebantic.png' width='20' height='20' style='vertical-align: middle; margin-right: 6px; border-radius: 2px;'><strong><a href='https://ebantic.com/en/' target='_blank' rel='noopener noreferrer'>Ebantic</a> (Sep 2016 - Abr 2017):</strong> Trabajé con desarrolladores back-end para diseñar APIs, supervisé e implementé pipelines de construcción y despliegue automatizados, analicé implementaciones de software existentes para identificar áreas que requieren mejora, probé el cumplimiento funcional de productos de la empresa, probé y desplegué productos de software escalables y altamente disponibles",
"<img src='/static/images/companies/everis.png' width='20' height='20' style='vertical-align: middle; margin-right: 6px; border-radius: 2px;'><strong><a href='https://www.everis.com/' target='_blank' rel='noopener noreferrer'>Everis</a> (Abr 2016 - Nov 2016):</strong> Creé dos aplicaciones React para dos clientes diferentes, implementé arquitecturas frontend modernas con el ecosistema React",
"<img src='/static/images/companies/indra.png' width='20' height='20' style='vertical-align: middle; margin-right: 6px; border-radius: 2px;'><strong><a href='https://www.indracompany.com/' target='_blank' rel='noopener noreferrer'>Indra</a> (Sep 2015 - Feb 2016):</strong> Discutí el progreso del proyecto con clientes, recopilé comentarios en diferentes etapas, abordé directamente las preocupaciones del cliente e implementé soluciones"
"<img src='/static/images/companies/megabanner.png' alt='Megabanner'><div><strong>Megabanner (Dic 2016 - Ago 2017):</strong> Prototipé rápidamente nuevas capacidades de procesamiento de datos para confirmar viabilidad de integración en sistemas existentes, integré con un sistema de video para la inclusión de anuncios en redes de estaciones de servicio, construí bases de datos y estructuras de tablas para aplicaciones web, traduje conceptos técnicos e información en términos que las partes pudieran comprender fácilmente</div>",
"<img src='/static/images/companies/ebantic.png' alt='Ebantic'><div><strong><a href='https://ebantic.com/en/' target='_blank' rel='noopener noreferrer'>Ebantic</a> (Sep 2016 - Abr 2017):</strong> Trabajé con desarrolladores back-end para diseñar APIs, supervisé e implementé pipelines de construcción y despliegue automatizados, analicé implementaciones de software existentes para identificar áreas que requieren mejora, probé el cumplimiento funcional de productos de la empresa, probé y desplegué productos de software escalables y altamente disponibles</div>",
"<img src='/static/images/companies/everis.png' alt='Everis'><div><strong><a href='https://www.everis.com/' target='_blank' rel='noopener noreferrer'>Everis</a> (Abr 2016 - Nov 2016):</strong> Creé dos aplicaciones React para dos clientes diferentes, implementé arquitecturas frontend modernas con el ecosistema React</div>",
"<img src='/static/images/companies/indra.png' alt='Indra'><div><strong><a href='https://www.indracompany.com/' target='_blank' rel='noopener noreferrer'>Indra</a> (Sep 2015 - Feb 2016):</strong> Discutí el progreso del proyecto con clientes, recopilé comentarios en diferentes etapas, abordé directamente las preocupaciones del cliente e implementé soluciones</div>"
],
"technologies": [
"React",
static/css/main.css
+24
View File
@@ -777,6 +777,30 @@ iconify-icon {
color: var(--text-gray);
}
/* Responsibilities with company logos (similar to main experience layout) */
.responsibilities li:has(img) {
display: grid;
grid-template-columns: 60px 1fr;
gap: 1rem;
padding-left: 0;
margin-bottom: 1rem;
align-items: start;
}
.responsibilities li:has(img):before {
display: none;
}
.responsibilities li img {
width: 60px;
height: 60px;
object-fit: contain;
border-radius: 4px;
border: 1px solid #ddd;
background: #f5f5f5;
padding: 4px;
}
/* Education */
.education-item {
margin-bottom: 1rem;