updated galatic cleantech CV with mapMarkdownToHTML

export-samples/html/cv-galactic-cleantech.html

@@ -49,6 +49,17 @@
         justify-content: center;
         min-height: 100vh;
       }
+      ul,
+      ul ul {
+        padding-left: var(--spacing_16);
+      }
+      p br {
+        margin-bottom: var(--spacing_12);
+      }
+
+      p span {
+        margin: 0 var(--spacing_8);
+      }
       .container {
         max-width: 1200px;
         background-color: var(--white_color);
@@ -245,7 +256,6 @@
       }
       .section__content__data__ul {
         font-weight: 300;
-        padding-left: var(--spacing_16);
       }
       .data {
         color: var(--gray_color_900);
@@ -391,13 +401,14 @@ <h2>Sobre mi</h2>
             Llevo casi dos décadas desarrollando software, ocupando puestos a lo largo de toda la cadena de valor
             -programacion, diseño de producto, marketing, ventas y gestión de equipos, departamentos y empresas- pero
             creo que el rol donde se cruzan mi vocación, mis habilidades y las necesidades de la mayoría de las empresas
-            es en la gestión de equipos y proyectos de construcción de activos digitales. Me apasiona contribuir en todo
-            el ciclo de vida de un producto o servicio informático, desde la definición hasta el mantenimiento o soporte
-            a clientes, y también involucrarme en la comercialización del mismo. Me gusta trabajar con gente y para la
-            gente. Como responsable de equipos, mi principal prioridad siempre es eliminar cualquier problema que les
-            impida alcanzar todo su potencial. También procuro devolver a la Comunidad informática parte del valor y el
-            conocimiento que me han aportado a lo largo de mi carrera profesional, dando charlas o colaborando con
-            grupos de usuarios y conferencias técnicas; y, a veces, organizándolos.
+            es en la gestión de equipos y proyectos de construcción de activos digitales.<br />
+            Me apasiona contribuir en todo el ciclo de vida de un producto o servicio informático, desde la definición
+            hasta el mantenimiento o soporte a clientes, y también involucrarme en la comercialización del mismo.<br />
+            Me gusta trabajar con gente y para la gente. Como responsable de equipos, mi principal prioridad siempre es
+            eliminar cualquier problema que les impida alcanzar todo su potencial. También procuro devolver a la
+            Comunidad informática parte del valor y el conocimiento que me han aportado a lo largo de mi carrera
+            profesional, dando charlas o colaborando con grupos de usuarios y conferencias técnicas; y, a veces,
+            organizándolos.
           </p>
         </section>
         <section class="main__section">
@@ -428,35 +439,30 @@ <h4>Plataforma de Talento y agencia de recruiting técnico</h4>
                 </svg>
                 <p>Jun 2018 - Actualidad</p>
               </div>
-
-              <p class="section__content__data">Tipo de organización: <b>Startup</b></p>
-              <p class="section__content__data">Roles dentro de la empresa: <b>CEO</b></p>
-              <p class="section__content__data">Retos:</p>
-              <ul class="section__content__data section__content__data__ul">
-                <li>
-                  Adaptación de la organización y procesos de la empresa para escalar las operaciones de la misma.
-                </li>
-                <li>
+              <p class="section__content__data"><b>CEO</b></p>
+              <div class="section__content__data section__content__data__ul">
+                <p>Adaptación de la organización y procesos de la empresa para escalar las operaciones de la misma.</p>
+                <p>
                   Desarrollo de producto propio para escalar las operaciones de la compañía, especialmente la aportación
                   de valor a candidatos.
-                </li>
-                <li>
+                </p>
+                <p>
                   Culminación del [proceso de compraventa](https://bonillaware.com/manfred-sngular) de la compañía por
                   parte de Sngular, manteniendo el núcleo de empleados de la compañía y sin que la productividad o las
                   ventas se resintieran antes, durante y después del mismo.
-                </li>
-                <li>
+                </p>
+                <p>
                   Creación y publicación de contratos open source (candidatos y empresas) para construir un marco legal
                   para una empresa de recruiting.
-                </li>
-                <li>
+                </p>
+                <p>
                   Definición del modelo de datos y los procesos necesarios para identificar, clasificar y gestionar
                   perfiles de profesionales técnicos.
-                </li>
-                <li>Definición de formato CV extendido.</li>
-                <li>Definición e implementación de la web de la compañía.</li>
-                <li>Apertura de nueva filial en Bilbao.</li>
-              </ul>
+                </p>
+                <p>Definición de formato CV extendido.</p>
+                <p>Definición e implementación de la web de la compañía.</p>
+                <p>Apertura de nueva filial en Bilbao.</p>
+              </div>
             </div>
           </div>
           <div class="main__section__item">
@@ -483,18 +489,15 @@ <h4>Herramientas para facilitar el trabajo colaborativo en el ecosistema de Atla
                 </svg>
                 <p>Feb 2017 - Jun 2018</p>
               </div>
-
-              <p class="section__content__data">Tipo de organización: <b>Startup</b></p>
-              <p class="section__content__data">Roles dentro de la empresa: <b>Fundador</b></p>
-              <p class="section__content__data">Retos:</p>
-              <ul class="section__content__data section__content__data__ul">
-                <li>Adaptación de todos los procesos de la compañía al nuevo RGPD</li>
-                <li>Apertura de nueva filial en Bilbao</li>
-                <li>Coordinación de actividades en Europa</li>
-                <li>Estandarización de contratos</li>
-                <li>Soporte</li>
-                <li>Lanzamiento de Comala Agile Ranking</li>
-              </ul>
+              <p class="section__content__data"><b>Fundador</b></p>
+              <div class="section__content__data section__content__data__ul">
+                <p>Adaptación de todos los procesos de la compañía al nuevo RGPD</p>
+                <p>Apertura de nueva filial en Bilbao</p>
+                <p>Coordinación de actividades en Europa</p>
+                <p>Estandarización de contratos</p>
+                <p>Soporte</p>
+                <p>Lanzamiento de Comala Agile Ranking</p>
+              </div>
             </div>
           </div>
           <div class="main__section__item">
@@ -508,7 +511,6 @@ <h3>Instituto de Empresa</h3>
 
               <p class="data">Tipo de organización: <b>Institución académica</b></p>
               <p class="data">
-                Roles dentro de la empresa:
                 <b>Profesor asociado de productividad y metodologías ágiles</b>
               </p>
             </div>
@@ -542,11 +544,11 @@ <h4>Computer Science Grade</h4>
                 </svg>
                 <p>Sep 2002 - Jun 2006</p>
               </div>
-
-              <p class="data">Tipo de estudios: <b>Grado oficial</b></p>
-              <p class="data">Grado obtenido: <b>No obtenido</b></p>
-              <p class="data">Nombre de la institución: <b>OUC</b></p>
-              <p class="data">Ubicación de la institución: <b>Cataluña, España</b></p>
+              <p class="data"><b>OUC</b></p>
+              <p>
+                .NET <span>|</span> .htaccess <span>|</span> ActiveCampaign <span>|</span> Adobe Analytics
+                <span>|</span> Linux <span>|</span> Metasploit
+              </p>
             </div>
           </div>
           <div class="main__section__item">
@@ -572,11 +574,11 @@ <h4>Computer Science Grade</h4>
                 </svg>
                 <p>Sep 2002 - Jun 2006</p>
               </div>
-
-              <p class="data">Tipo de estudios: <b>Certificación</b></p>
-              <p class="data">Grado obtenido: <b>Obtenido</b></p>
-              <p class="data">Nombre de la institución: <b>CFDTI IBM/La Caixa</b></p>
-              <p class="data">Ubicación de la institución: <b>Madrid, España</b></p>
+              <p class="data"><b>CFDTI IBM/La Caixa</b></p>
+              <p>
+                .NET <span>|</span> .htaccess <span>|</span> ActiveCampaign <span>|</span> Adobe Analytics
+                <span>|</span> Linux <span>|</span> Metasploit
+              </p>
             </div>
           </div>
           <div class="main__section__item">
@@ -602,11 +604,11 @@ <h4>Scrum Master certificado por la Scrum Alliance</h4>
                 </svg>
                 <p>Sep 2002 - Jun 2006</p>
               </div>
-
-              <p class="data">Tipo de estudios: <b>Certificación</b></p>
-              <p class="data">Grado obtenido: <b>Obtenido</b></p>
-              <p class="data">Nombre de la institución: <b>Scrum Alliance</b></p>
-              <p class="data">Ubicación de la institución: <b>Madrid, España</b></p>
+              <p class="data"><b>Scrum Alliance</b></p>
+              <p>
+                .NET <span>|</span> .htaccess <span>|</span> ActiveCampaign <span>|</span> Adobe Analytics
+                <span>|</span> Linux <span>|</span> Metasploit
+              </p>
             </div>
           </div>
         </section>

packages/manfred2html/src/engine/cv-galactic-cleantech/html-parts/about-me-section/about-me-section.ejs

@@ -4,7 +4,7 @@
     <h2><%- labels.ABOUT_ME_HEADING %></h2>
     <hr class="divider"/>
   </div>
-    <p class="main__section__item"><%= profile?.description %></p>
+    <div class="main__section__item about-me__description"><%- mapMarkdownToHTML(profile?.description) %></div>
   </section>
 <%_ } -%>
 

packages/manfred2html/src/engine/cv-galactic-cleantech/html-parts/about-me-section/about-me-section.part.ts

@@ -1,6 +1,7 @@
 import ejs from 'ejs';
 import { ProfileSectionVm, mapFromMacCvToProfileSectionVm } from '@lemoncode/manfred-common/profile-section';
 import { ISO_SPANISH_LANGUAGE } from '@/engine/engine.const';
+import { mapMarkdownToHTML } from '@/mappers';
 import { ManfredAwesomicCV, Settings, Language } from '@/model';
 import { getLabels } from './labels';
 import aboutMe from './about-me-section.ejs?raw';
@@ -18,6 +19,7 @@ const generateAboutMeSectionInner = (
   const rootObject = {
     profile: profileSectionVm,
     labels: getLabels(language),
+    mapMarkdownToHTML,
   };
 
   return ejs.render(aboutMe, rootObject);

packages/manfred2html/src/engine/cv-galactic-cleantech/html-parts/experience-section/experience-section.ejs

@@ -46,17 +46,14 @@
               <%_}-%>
             </p>
           </div>
-            <%_ if(experience.type) { -%>
-              <p class="section__content__data">Tipo de organización: <b><%- experience.type %></b></p>
-            <%_ } -%>
-            <p class="section__content__data">Roles dentro de la empresa: <b><%- experience.roles[0].name %></b></p>
+            <p class="section__content__data"><b><%- experience.roles[0].name %></b></p>
             <%_ if(experience.roles[0].challenges && experience.roles[0].challenges.length !== 0) { -%>
-              <p class="section__content__data">Retos:</p>
-                <ul class="section__content__data section__content__data__ul">
+
+                <div class="section__content__data section__content__data__ul">
                   <%_ for(const challenge of experience.roles[0].challenges){ -%>
-                    <li><%- challenge.description %></li>
+                    <%- mapMarkdownToHTML(challenge.description) %>
                   <%_ }-%>
-                </ul>
+                  </div>
               <%_ }-%>
         </div>
       </div>

packages/manfred2html/src/engine/cv-galactic-cleantech/html-parts/experience-section/experience-section.part.ts

@@ -1,5 +1,6 @@
 import ejs from 'ejs';
 import { ExperienceVm, mapFromMacCvToExperienceSectionVm } from '@lemoncode/manfred-common/experience-section';
+import { mapMarkdownToHTML } from '@/mappers';
 import { Settings, Language, ManfredAwesomicCV } from '@/model';
 import { ISO_SPANISH_LANGUAGE } from '@/engine/engine.const';
 import experienceTemplate from './experience-section.ejs?raw';
@@ -18,6 +19,7 @@ const generateExperienceSectionInner = (
   const rootObject = {
     experienceCollection: experienceSectionVm,
     labels: getLabels(language),
+    mapMarkdownToHTML,
   };
 
   return ejs.render(experienceTemplate, rootObject);

packages/manfred2html/src/engine/cv-galactic-cleantech/html-parts/html-document-start/html-document-start.ejs

@@ -49,6 +49,7 @@
         justify-content: center;
         min-height: 100vh;
       }
+
       .container {
         max-width: 1200px;
         background-color: var(--white_color);
@@ -217,6 +218,16 @@
         gap: var(--spacing_8);
         flex-grow: 1;
       }
+      .about-me__description {
+        flex-direction: column;
+      }
+      .about-me__description * + * {
+        margin-top: var(--spacing_8);
+      }
+      .about-me__description ul, .about-me__description ol {
+        padding-left: var(--spacing_16);
+      }
+
       .section__content {
         flex-direction: column;
         gap: var(--spacing_8);
@@ -239,14 +250,21 @@
       }
       .section__content__data {
         color: var(--gray_color_900);
-        line-height: 24px;
+      }
+      .section__content__data * + * {
+        margin-top: var(--spacing_8);
+      }
+      .section__content__data ul, .section__content__data ol {
+        padding-left: var(--spacing_16);
       }
       .section__content__data b {
         font-weight: 600;
       }
+      p.section__content__data span {
+        margin: 0 var(--spacing_8);
+      }
       .section__content__data__ul {
         font-weight: 300;
-        padding-left: var(--spacing_16);
       }
       .data {
         color: var(--gray_color_900);
@@ -259,9 +277,9 @@
         display: flex;
         padding: var(--spacing_base);
       }
-.date {
-  text-transform: capitalize;
-}
+      .date {
+        text-transform: capitalize;
+      }
 
       @media (min-width: 728px) {
         main {

packages/manfred2html/src/engine/cv-galactic-cleantech/html-parts/studies-section/studies-section.ejs

@@ -46,20 +46,17 @@
                   <%_}-%>
                 </p>
           </div>
-            <p class="data">Tipo de estudios: <b><%- study.studyType %></b></p>
-            <p class="data">
-              Grado obtenido: <% if (study.degreeAchieved) { %>
-              <b>Obtenido</b>
-              <%} else { %>
-              <b>No obtenido</b>
-              <% } %>
-            </p>
-            <p class="data">Nombre de la institución: <b><%- study.institution.name %></b></p>
-            <%_ if (study.location) { -%>
-            <p class="data">
-              Ubicación de la institución:
-              <b><%- study.institution.location.region %> , <%- study.institution.location.country %> </b>
-            </p>
+            <p class="data"><b><%- study.institution.name %></b></p>
+            <%_ if (study.linkedCompetences && study.linkedCompetences.length !== 0) { -%>
+              <p class="section__content__data">
+                <% study.linkedCompetences.forEach(function(competence, index) { %>
+                  <% if (index === study.linkedCompetences.length - 1) { %>
+                    <%- competence.name %>
+                  <% } else { %>
+                    <%- competence.name %> <span> | </span>
+                  <% }; %>
+                <% }); %>
+                  </p>
             <%_ } -%>
         </div>
       </div>

packages/manfred2html/src/engine/cv-sith-elegance/html-parts/html-document-start/html-document-start.ejs

@@ -51,17 +51,6 @@
         min-height: 100vh;
         padding: var(--spacing_64) var(--spacing_16);
       }
-      ul  ul {
-        padding-left: var(--spacing_16);
-      }
-
-      p br {
-        margin-bottom: var(--spacing_12);
-      }
-
-      p span {
-        margin: 0 var(--spacing_8);
-      }
       .container {
         display: grid;
         grid-template-areas:
@@ -320,6 +309,18 @@
         padding-left: var(--spacing_16);
         font-weight: 300;
       }
+      .section__content > .data * + * {
+        margin-top: var(--spacing_8);
+      }
+      .section__content > .data ul, .section__content__data ol {
+        padding-left: var(--spacing_16);
+      }
+      .section__content > .data b {
+        font-weight: 600;
+      }
+      p.competences span {
+        margin: 0 var(--spacing_8);
+      }
       @media (min-width: 728px) {
         main {
           gap: var(--spacing_32);

packages/manfred2html/src/engine/cv-sith-elegance/html-parts/studies-section/studies-section.ejs

@@ -38,7 +38,7 @@
           <div class="data">
             <p><b><%- study.institution.name %></b></p>
             <%_ if (study.linkedCompetences && study.linkedCompetences.length !== 0) { -%>
-              <p>
+              <p class="competences">
                 <% study.linkedCompetences.forEach(function(competence, index) { %>
                   <% if (index === study.linkedCompetences.length - 1) { %>
                     <%- competence.name %>