From ffa44e7e1cefe936f30cfaaaa3e0fde16e8d3311 Mon Sep 17 00:00:00 2001
From: Braulio Diez Botella <braulio.diez@gmail.com>
Date: Wed, 13 Sep 2023 13:33:14 +0200
Subject: [PATCH 01/63] poc

---
 packages/manfred-common/package.json          |  5 ++++
 packages/manfred-common/src/model/index.ts    |  1 +
 .../src/model/settings.model.ts               |  7 ++++++
 .../about-me-section/about-me-section.part.ts |  8 ++++---
 .../experience-section/experience-section.ejs |  5 +++-
 .../experience-section.part.ts                |  9 ++++---
 .../labels/experience-english-labels.const.ts |  5 ++++
 .../experience-label-definition.model.ts      |  3 +++
 .../labels/experience-spanish-labels.const.ts |  5 ++++
 .../experience-section/labels/index.ts        |  3 +++
 packages/manfred2html/src/engine/index.ts     | 11 ++++++---
 ....timestamp-1694604557970-3b169faf68661.mjs | 24 +++++++++++++++++++
 ....timestamp-1694604558387-3ac4cbfc8194f.mjs | 24 +++++++++++++++++++
 13 files changed, 100 insertions(+), 10 deletions(-)
 create mode 100644 packages/manfred-common/src/model/settings.model.ts
 create mode 100644 packages/manfred2html/src/engine/html-parts/experience-section/labels/experience-english-labels.const.ts
 create mode 100644 packages/manfred2html/src/engine/html-parts/experience-section/labels/experience-label-definition.model.ts
 create mode 100644 packages/manfred2html/src/engine/html-parts/experience-section/labels/experience-spanish-labels.const.ts
 create mode 100644 packages/manfred2html/src/engine/html-parts/experience-section/labels/index.ts
 create mode 100644 packages/manfred2html/vite.config.ts.timestamp-1694604557970-3b169faf68661.mjs
 create mode 100644 packages/manfred2word/vite.config.ts.timestamp-1694604558387-3ac4cbfc8194f.mjs

diff --git a/packages/manfred-common/package.json b/packages/manfred-common/package.json
index 01fcb94f..b16ac594 100644
--- a/packages/manfred-common/package.json
+++ b/packages/manfred-common/package.json
@@ -34,6 +34,11 @@
       "import": "./src/doc-parts/studies-section/index.ts",
       "require": "./src/doc-parts/studies-section/index.ts",
       "types": "./src/doc-parts/studies-section/index.ts"
+    },
+    "./model": {
+      "import": "./src/model/index.ts",
+      "require": "./src/model/index.ts",
+      "types": "./src/model/index.ts"
     }
   },
   "scripts": {
diff --git a/packages/manfred-common/src/model/index.ts b/packages/manfred-common/src/model/index.ts
index d8d42b2a..18b62283 100644
--- a/packages/manfred-common/src/model/index.ts
+++ b/packages/manfred-common/src/model/index.ts
@@ -1 +1,2 @@
 export * from './manfred-schema.model';
+export * from './settings.model';
diff --git a/packages/manfred-common/src/model/settings.model.ts b/packages/manfred-common/src/model/settings.model.ts
new file mode 100644
index 00000000..10341da9
--- /dev/null
+++ b/packages/manfred-common/src/model/settings.model.ts
@@ -0,0 +1,7 @@
+export type Theme  = "Gold" | "Eco" | "Serious";
+export type Language = "en" | "es";
+
+export interface Settings {
+  theme?: Theme;
+  language?: Language;
+}
diff --git a/packages/manfred2html/src/engine/html-parts/about-me-section/about-me-section.part.ts b/packages/manfred2html/src/engine/html-parts/about-me-section/about-me-section.part.ts
index d945a21a..c8d2bf27 100644
--- a/packages/manfred2html/src/engine/html-parts/about-me-section/about-me-section.part.ts
+++ b/packages/manfred2html/src/engine/html-parts/about-me-section/about-me-section.part.ts
@@ -2,16 +2,18 @@ import { ManfredAwesomicCV } from '@/model';
 import { ProfileSectionVm, mapFromMacCvToProfileSectionVm } from '@lemoncode/manfred-common/profile-section';
 import aboutMe from './about-me-section.ejs?raw';
 import ejs from 'ejs';
+import { Language } from '@lemoncode/manfred-common/model';
 
-export const generateAboutMeSection = (cv: ManfredAwesomicCV): string => {
+export const generateAboutMeSection = (cv: ManfredAwesomicCV, language: Language = 'es'): string => {
   const profileSectionVm = mapFromMacCvToProfileSectionVm(cv);
 
-  return generateAboutMeSectionInner(profileSectionVm);
+  return generateAboutMeSectionInner(profileSectionVm, language);
 };
 
-const generateAboutMeSectionInner = (profileSectionVm: ProfileSectionVm): string => {
+const generateAboutMeSectionInner = (profileSectionVm: ProfileSectionVm, language: Language): string => {
   const rootObject = {
     profile: profileSectionVm,
+    language: !language || language === 'es' ? null : language,
   };
 
   return ejs.render(aboutMe, rootObject);
diff --git a/packages/manfred2html/src/engine/html-parts/experience-section/experience-section.ejs b/packages/manfred2html/src/engine/html-parts/experience-section/experience-section.ejs
index 5e68152e..f98b6599 100644
--- a/packages/manfred2html/src/engine/html-parts/experience-section/experience-section.ejs
+++ b/packages/manfred2html/src/engine/html-parts/experience-section/experience-section.ejs
@@ -1,7 +1,10 @@
 <%_ if(experienceCollection && experienceCollection.length !== 0){ -%>
   <section class="main__section">
     <div class="main__section__header">
-      <h2>Experiencia / carrera</h2>
+      <h2>
+          <!--Experiencia / carrera-->
+          <%- labels.EXPERIENCE_CAREER_HEADING %>
+      </h2>
       <hr class="secondary-divider" />
     </div>
     <%_ for(const experience of experienceCollection){ -%>
diff --git a/packages/manfred2html/src/engine/html-parts/experience-section/experience-section.part.ts b/packages/manfred2html/src/engine/html-parts/experience-section/experience-section.part.ts
index fc8140f3..5a484f80 100644
--- a/packages/manfred2html/src/engine/html-parts/experience-section/experience-section.part.ts
+++ b/packages/manfred2html/src/engine/html-parts/experience-section/experience-section.part.ts
@@ -2,16 +2,19 @@ import ejs from 'ejs';
 import { ExperienceVm, mapFromMacCvToExperienceSectionVm } from '@lemoncode/manfred-common/experience-section';
 import { ManfredAwesomicCV } from '@/model';
 import experienceTemplate from './experience-section.ejs?raw';
+import { Language } from '@lemoncode/manfred-common/model';
+import { englishExperienceLabels, spanishExperienceLabels } from './labels';
 
-export const generateExperiencesSection = (cv: ManfredAwesomicCV): string => {
+export const generateExperiencesSection = (cv: ManfredAwesomicCV, language: Language = 'es'): string => {
   const experienceSectionVm = mapFromMacCvToExperienceSectionVm(cv);
 
-  return generateExperienceSectionInner(experienceSectionVm);
+  return generateExperienceSectionInner(experienceSectionVm, 'en' /* language */);
 };
 
-const generateExperienceSectionInner = (experienceSectionVm: ExperienceVm[]): string => {
+const generateExperienceSectionInner = (experienceSectionVm: ExperienceVm[], language: Language): string => {
   const rootObject = {
     experienceCollection: experienceSectionVm,
+    labels: !language || language === 'es' ? spanishExperienceLabels : englishExperienceLabels,
   };
 
   return ejs.render(experienceTemplate, rootObject);
diff --git a/packages/manfred2html/src/engine/html-parts/experience-section/labels/experience-english-labels.const.ts b/packages/manfred2html/src/engine/html-parts/experience-section/labels/experience-english-labels.const.ts
new file mode 100644
index 00000000..8ab6d6d4
--- /dev/null
+++ b/packages/manfred2html/src/engine/html-parts/experience-section/labels/experience-english-labels.const.ts
@@ -0,0 +1,5 @@
+import { ExperienceLabels } from './experience-label-definition.model';
+
+export const englishExperienceLabels: ExperienceLabels = {
+  EXPERIENCE_CAREER_HEADING: 'Experience / Career',
+};
diff --git a/packages/manfred2html/src/engine/html-parts/experience-section/labels/experience-label-definition.model.ts b/packages/manfred2html/src/engine/html-parts/experience-section/labels/experience-label-definition.model.ts
new file mode 100644
index 00000000..6f3c04e3
--- /dev/null
+++ b/packages/manfred2html/src/engine/html-parts/experience-section/labels/experience-label-definition.model.ts
@@ -0,0 +1,3 @@
+export interface ExperienceLabels {
+  EXPERIENCE_CAREER_HEADING: string;
+}
diff --git a/packages/manfred2html/src/engine/html-parts/experience-section/labels/experience-spanish-labels.const.ts b/packages/manfred2html/src/engine/html-parts/experience-section/labels/experience-spanish-labels.const.ts
new file mode 100644
index 00000000..99a02460
--- /dev/null
+++ b/packages/manfred2html/src/engine/html-parts/experience-section/labels/experience-spanish-labels.const.ts
@@ -0,0 +1,5 @@
+import { ExperienceLabels } from './experience-label-definition.model';
+
+export const spanishExperienceLabels: ExperienceLabels = {
+  EXPERIENCE_CAREER_HEADING: 'Experiencia / Carrera',
+};
diff --git a/packages/manfred2html/src/engine/html-parts/experience-section/labels/index.ts b/packages/manfred2html/src/engine/html-parts/experience-section/labels/index.ts
new file mode 100644
index 00000000..56feaa6c
--- /dev/null
+++ b/packages/manfred2html/src/engine/html-parts/experience-section/labels/index.ts
@@ -0,0 +1,3 @@
+export * from './experience-label-definition.model';
+export * from './experience-english-labels.const';
+export * from './experience-spanish-labels.const';
diff --git a/packages/manfred2html/src/engine/index.ts b/packages/manfred2html/src/engine/index.ts
index cd20b528..dc5c3d74 100644
--- a/packages/manfred2html/src/engine/index.ts
+++ b/packages/manfred2html/src/engine/index.ts
@@ -17,12 +17,17 @@ import {
   generateStudiesSection,
 } from './html-parts';
 
-export const exportManfredJSonToHTML = (manfredJsonContent: ManfredAwesomicCV): string => {
+import { Settings } from '@lemoncode/manfred-common/model';
+import { StudiesSectionVm, mapFromMacCvToStudiesSectionVm } from '@lemoncode/manfred-common/studies-section';
+
+export const exportManfredJSonToHTML = (manfredJsonContent: ManfredAwesomicCV, settings?: Settings): string => {
+  // A acad uno de estos le pasamos los settings
+
   const htmlDocumentStart = generateHtmlDocumentStart();
   const htmlDocumentEnd = generateHtmlDocumentEnd();
   const headerElementStart = generateHeaderElementStart();
   const headerElementEnd = generateHeaderElementEnd();
-  const aboutMeSection = generateAboutMeSection(manfredJsonContent);
+  const aboutMeSection = generateAboutMeSection(manfredJsonContent, settings?.language);
   const asideElementStart = generateAsideElementStart();
   const asideElementEnd = generateAsideElementEnd();
   const relevantsLinksSection = generateRelevantsLinksSection(manfredJsonContent);
@@ -31,7 +36,7 @@ export const exportManfredJSonToHTML = (manfredJsonContent: ManfredAwesomicCV):
   const languageSection = generateLanguageSection(manfredJsonContent);
   const hardSkillsSection = generateHardSkillsSection(manfredJsonContent);
   const softSkillsSection = generateSoftSkillsSection(manfredJsonContent);
-  const experienceSection = generateExperiencesSection(manfredJsonContent);
+  const experienceSection = generateExperiencesSection(manfredJsonContent, settings?.language);
   const studiesSection = generateStudiesSection(manfredJsonContent);
 
   return `
diff --git a/packages/manfred2html/vite.config.ts.timestamp-1694604557970-3b169faf68661.mjs b/packages/manfred2html/vite.config.ts.timestamp-1694604557970-3b169faf68661.mjs
new file mode 100644
index 00000000..1cf227c2
--- /dev/null
+++ b/packages/manfred2html/vite.config.ts.timestamp-1694604557970-3b169faf68661.mjs
@@ -0,0 +1,24 @@
+// vite.config.ts
+import { defineConfig } from "file:///Users/brauliodiez/lemon/manfred-export-app/node_modules/vite/dist/node/index.js";
+import dts from "file:///Users/brauliodiez/lemon/manfred-export-app/node_modules/vite-plugin-dts/dist/index.mjs";
+import { fileURLToPath } from "node:url";
+var __vite_injected_original_import_meta_url = "file:///Users/brauliodiez/lemon/manfred-export-app/packages/manfred2html/vite.config.ts";
+var vite_config_default = ({ mode }) => defineConfig({
+  plugins: [dts()],
+  build: {
+    lib: {
+      entry: "src/index.ts",
+      name: "Manfred2Html"
+    },
+    sourcemap: mode === "development"
+  },
+  resolve: {
+    alias: {
+      "@": fileURLToPath(new URL("./src", __vite_injected_original_import_meta_url))
+    }
+  }
+});
+export {
+  vite_config_default as default
+};
+//# sourceMappingURL=data:application/json;base64,ewogICJ2ZXJzaW9uIjogMywKICAic291cmNlcyI6IFsidml0ZS5jb25maWcudHMiXSwKICAic291cmNlc0NvbnRlbnQiOiBbImNvbnN0IF9fdml0ZV9pbmplY3RlZF9vcmlnaW5hbF9kaXJuYW1lID0gXCIvVXNlcnMvYnJhdWxpb2RpZXovbGVtb24vbWFuZnJlZC1leHBvcnQtYXBwL3BhY2thZ2VzL21hbmZyZWQyaHRtbFwiO2NvbnN0IF9fdml0ZV9pbmplY3RlZF9vcmlnaW5hbF9maWxlbmFtZSA9IFwiL1VzZXJzL2JyYXVsaW9kaWV6L2xlbW9uL21hbmZyZWQtZXhwb3J0LWFwcC9wYWNrYWdlcy9tYW5mcmVkMmh0bWwvdml0ZS5jb25maWcudHNcIjtjb25zdCBfX3ZpdGVfaW5qZWN0ZWRfb3JpZ2luYWxfaW1wb3J0X21ldGFfdXJsID0gXCJmaWxlOi8vL1VzZXJzL2JyYXVsaW9kaWV6L2xlbW9uL21hbmZyZWQtZXhwb3J0LWFwcC9wYWNrYWdlcy9tYW5mcmVkMmh0bWwvdml0ZS5jb25maWcudHNcIjtpbXBvcnQgeyBkZWZpbmVDb25maWcgfSBmcm9tICd2aXRlJztcbmltcG9ydCBkdHMgZnJvbSAndml0ZS1wbHVnaW4tZHRzJztcbmltcG9ydCB7IGZpbGVVUkxUb1BhdGggfSBmcm9tICdub2RlOnVybCc7XG5cbmV4cG9ydCBkZWZhdWx0ICh7IG1vZGUgfSkgPT5cbiAgZGVmaW5lQ29uZmlnKHtcbiAgICBwbHVnaW5zOiBbZHRzKCldLFxuICAgIGJ1aWxkOiB7XG4gICAgICBsaWI6IHtcbiAgICAgICAgZW50cnk6ICdzcmMvaW5kZXgudHMnLFxuICAgICAgICBuYW1lOiAnTWFuZnJlZDJIdG1sJyxcbiAgICAgIH0sXG4gICAgICBzb3VyY2VtYXA6IG1vZGUgPT09ICdkZXZlbG9wbWVudCcsXG4gICAgfSxcbiAgICByZXNvbHZlOiB7XG4gICAgICBhbGlhczoge1xuICAgICAgICAnQCc6IGZpbGVVUkxUb1BhdGgobmV3IFVSTCgnLi9zcmMnLCBpbXBvcnQubWV0YS51cmwpKSxcbiAgICAgIH0sXG4gICAgfSxcbiAgfSk7XG4iXSwKICAibWFwcGluZ3MiOiAiO0FBQXFYLFNBQVMsb0JBQW9CO0FBQ2xaLE9BQU8sU0FBUztBQUNoQixTQUFTLHFCQUFxQjtBQUY0TSxJQUFNLDJDQUEyQztBQUkzUixJQUFPLHNCQUFRLENBQUMsRUFBRSxLQUFLLE1BQ3JCLGFBQWE7QUFBQSxFQUNYLFNBQVMsQ0FBQyxJQUFJLENBQUM7QUFBQSxFQUNmLE9BQU87QUFBQSxJQUNMLEtBQUs7QUFBQSxNQUNILE9BQU87QUFBQSxNQUNQLE1BQU07QUFBQSxJQUNSO0FBQUEsSUFDQSxXQUFXLFNBQVM7QUFBQSxFQUN0QjtBQUFBLEVBQ0EsU0FBUztBQUFBLElBQ1AsT0FBTztBQUFBLE1BQ0wsS0FBSyxjQUFjLElBQUksSUFBSSxTQUFTLHdDQUFlLENBQUM7QUFBQSxJQUN0RDtBQUFBLEVBQ0Y7QUFDRixDQUFDOyIsCiAgIm5hbWVzIjogW10KfQo=
diff --git a/packages/manfred2word/vite.config.ts.timestamp-1694604558387-3ac4cbfc8194f.mjs b/packages/manfred2word/vite.config.ts.timestamp-1694604558387-3ac4cbfc8194f.mjs
new file mode 100644
index 00000000..ffffb332
--- /dev/null
+++ b/packages/manfred2word/vite.config.ts.timestamp-1694604558387-3ac4cbfc8194f.mjs
@@ -0,0 +1,24 @@
+// vite.config.ts
+import { defineConfig } from "file:///Users/brauliodiez/lemon/manfred-export-app/node_modules/vite/dist/node/index.js";
+import dts from "file:///Users/brauliodiez/lemon/manfred-export-app/node_modules/vite-plugin-dts/dist/index.mjs";
+import { fileURLToPath } from "node:url";
+var __vite_injected_original_import_meta_url = "file:///Users/brauliodiez/lemon/manfred-export-app/packages/manfred2word/vite.config.ts";
+var vite_config_default = ({ mode }) => defineConfig({
+  plugins: [dts()],
+  build: {
+    lib: {
+      entry: "src/index.ts",
+      name: "Manfred2Word"
+    },
+    sourcemap: mode === "development"
+  },
+  resolve: {
+    alias: {
+      "@": fileURLToPath(new URL("./src", __vite_injected_original_import_meta_url))
+    }
+  }
+});
+export {
+  vite_config_default as default
+};
+//# sourceMappingURL=data:application/json;base64,ewogICJ2ZXJzaW9uIjogMywKICAic291cmNlcyI6IFsidml0ZS5jb25maWcudHMiXSwKICAic291cmNlc0NvbnRlbnQiOiBbImNvbnN0IF9fdml0ZV9pbmplY3RlZF9vcmlnaW5hbF9kaXJuYW1lID0gXCIvVXNlcnMvYnJhdWxpb2RpZXovbGVtb24vbWFuZnJlZC1leHBvcnQtYXBwL3BhY2thZ2VzL21hbmZyZWQyd29yZFwiO2NvbnN0IF9fdml0ZV9pbmplY3RlZF9vcmlnaW5hbF9maWxlbmFtZSA9IFwiL1VzZXJzL2JyYXVsaW9kaWV6L2xlbW9uL21hbmZyZWQtZXhwb3J0LWFwcC9wYWNrYWdlcy9tYW5mcmVkMndvcmQvdml0ZS5jb25maWcudHNcIjtjb25zdCBfX3ZpdGVfaW5qZWN0ZWRfb3JpZ2luYWxfaW1wb3J0X21ldGFfdXJsID0gXCJmaWxlOi8vL1VzZXJzL2JyYXVsaW9kaWV6L2xlbW9uL21hbmZyZWQtZXhwb3J0LWFwcC9wYWNrYWdlcy9tYW5mcmVkMndvcmQvdml0ZS5jb25maWcudHNcIjtpbXBvcnQgeyBkZWZpbmVDb25maWcgfSBmcm9tICd2aXRlJztcbmltcG9ydCBkdHMgZnJvbSAndml0ZS1wbHVnaW4tZHRzJztcbmltcG9ydCB7IGZpbGVVUkxUb1BhdGggfSBmcm9tICdub2RlOnVybCc7XG5cbmV4cG9ydCBkZWZhdWx0ICh7IG1vZGUgfSkgPT5cbiAgZGVmaW5lQ29uZmlnKHtcbiAgICBwbHVnaW5zOiBbZHRzKCldLFxuICAgIGJ1aWxkOiB7XG4gICAgICBsaWI6IHtcbiAgICAgICAgZW50cnk6ICdzcmMvaW5kZXgudHMnLFxuICAgICAgICBuYW1lOiAnTWFuZnJlZDJXb3JkJyxcbiAgICAgIH0sXG4gICAgICBzb3VyY2VtYXA6IG1vZGUgPT09ICdkZXZlbG9wbWVudCcsXG4gICAgfSxcbiAgICByZXNvbHZlOiB7XG4gICAgICBhbGlhczoge1xuICAgICAgICAnQCc6IGZpbGVVUkxUb1BhdGgobmV3IFVSTCgnLi9zcmMnLCBpbXBvcnQubWV0YS51cmwpKSxcbiAgICAgIH0sXG4gICAgfSxcbiAgfSk7XG4iXSwKICAibWFwcGluZ3MiOiAiO0FBQXFYLFNBQVMsb0JBQW9CO0FBQ2xaLE9BQU8sU0FBUztBQUNoQixTQUFTLHFCQUFxQjtBQUY0TSxJQUFNLDJDQUEyQztBQUkzUixJQUFPLHNCQUFRLENBQUMsRUFBRSxLQUFLLE1BQ3JCLGFBQWE7QUFBQSxFQUNYLFNBQVMsQ0FBQyxJQUFJLENBQUM7QUFBQSxFQUNmLE9BQU87QUFBQSxJQUNMLEtBQUs7QUFBQSxNQUNILE9BQU87QUFBQSxNQUNQLE1BQU07QUFBQSxJQUNSO0FBQUEsSUFDQSxXQUFXLFNBQVM7QUFBQSxFQUN0QjtBQUFBLEVBQ0EsU0FBUztBQUFBLElBQ1AsT0FBTztBQUFBLE1BQ0wsS0FBSyxjQUFjLElBQUksSUFBSSxTQUFTLHdDQUFlLENBQUM7QUFBQSxJQUN0RDtBQUFBLEVBQ0Y7QUFDRixDQUFDOyIsCiAgIm5hbWVzIjogW10KfQo=

From 5af47b264d8bd921a23d898bfbd2b96470a99457 Mon Sep 17 00:00:00 2001
From: juanpms2 <juanpablo@lemoncode.net>
Date: Wed, 13 Sep 2023 16:24:49 +0200
Subject: [PATCH 02/63] removed import

---
 packages/manfred2html/src/engine/index.ts | 6 ++----
 1 file changed, 2 insertions(+), 4 deletions(-)

diff --git a/packages/manfred2html/src/engine/index.ts b/packages/manfred2html/src/engine/index.ts
index dc5c3d74..aaeebd22 100644
--- a/packages/manfred2html/src/engine/index.ts
+++ b/packages/manfred2html/src/engine/index.ts
@@ -1,3 +1,4 @@
+import { Settings } from '@lemoncode/manfred-common/model';
 import { ManfredAwesomicCV } from '@/model';
 import {
   generateHtmlDocumentStart,
@@ -17,11 +18,8 @@ import {
   generateStudiesSection,
 } from './html-parts';
 
-import { Settings } from '@lemoncode/manfred-common/model';
-import { StudiesSectionVm, mapFromMacCvToStudiesSectionVm } from '@lemoncode/manfred-common/studies-section';
-
 export const exportManfredJSonToHTML = (manfredJsonContent: ManfredAwesomicCV, settings?: Settings): string => {
-  // A acad uno de estos le pasamos los settings
+  // A cada uno de estos le pasamos los settings
 
   const htmlDocumentStart = generateHtmlDocumentStart();
   const htmlDocumentEnd = generateHtmlDocumentEnd();

From 47fd4e4151af92cd00fe62f6ef431ca917040cc2 Mon Sep 17 00:00:00 2001
From: JuanBerrocal <juan.brudner@gmail.com>
Date: Sat, 23 Sep 2023 12:34:30 +0200
Subject: [PATCH 03/63] add multi language to hard skills labels

---
 .../hard-skills-section/hard-skills-section.ejs     |  4 +++-
 .../hard-skills-section/hard-skills-section.part.ts | 13 ++++++++-----
 .../labels/hard-skills-english-labels.const.ts      |  5 +++++
 .../labels/hard-skills-label-definition.model.ts    |  3 +++
 .../labels/hard-skills-spanish-labels.const.ts      |  5 +++++
 .../html-parts/hard-skills-section/labels/index.ts  |  3 +++
 6 files changed, 27 insertions(+), 6 deletions(-)
 create mode 100644 packages/manfred2html/src/engine/html-parts/hard-skills-section/labels/hard-skills-english-labels.const.ts
 create mode 100644 packages/manfred2html/src/engine/html-parts/hard-skills-section/labels/hard-skills-label-definition.model.ts
 create mode 100644 packages/manfred2html/src/engine/html-parts/hard-skills-section/labels/hard-skills-spanish-labels.const.ts
 create mode 100644 packages/manfred2html/src/engine/html-parts/hard-skills-section/labels/index.ts

diff --git a/packages/manfred2html/src/engine/html-parts/hard-skills-section/hard-skills-section.ejs b/packages/manfred2html/src/engine/html-parts/hard-skills-section/hard-skills-section.ejs
index 8006addc..28d98ed8 100644
--- a/packages/manfred2html/src/engine/html-parts/hard-skills-section/hard-skills-section.ejs
+++ b/packages/manfred2html/src/engine/html-parts/hard-skills-section/hard-skills-section.ejs
@@ -17,7 +17,9 @@
           />
         </svg>
         <div>
-          <h3>HARD SKILLS</h3>
+          <h3>
+            <%- labels.HARD_SKILLS_HEADING %>
+          </h3>
           <hr class="secondary-divider" />
         </div>
       </div>
diff --git a/packages/manfred2html/src/engine/html-parts/hard-skills-section/hard-skills-section.part.ts b/packages/manfred2html/src/engine/html-parts/hard-skills-section/hard-skills-section.part.ts
index d5979773..22dd2da9 100644
--- a/packages/manfred2html/src/engine/html-parts/hard-skills-section/hard-skills-section.part.ts
+++ b/packages/manfred2html/src/engine/html-parts/hard-skills-section/hard-skills-section.part.ts
@@ -1,16 +1,19 @@
 import ejs from 'ejs';
 import { ManfredAwesomicCV } from '@/model';
 import { HardSkillVM, mapFromCvToHardSkillVm } from '@lemoncode/manfred-common/hard-skill-section';
-import hardSkillsSection from './hard-skills-section.ejs?raw';
+import hardSkillsTemplate from './hard-skills-section.ejs?raw';
+import { Language } from '@lemoncode/manfred-common/model';
+import { englishHardSkillsLabels, spanishHardSkillsLabels } from './labels';
 
-export const generateHardSkillsSection = (cv: ManfredAwesomicCV): string => {
+export const generateHardSkillsSection = (cv: ManfredAwesomicCV, language: Language = 'es'): string => {
   const hardSkillsSectionVm = mapFromCvToHardSkillVm(cv);
-  return generateHardSkillsSectionInner(hardSkillsSectionVm);
+  return generateHardSkillsSectionInner(hardSkillsSectionVm, 'es');
 };
 
-const generateHardSkillsSectionInner = (hardSkillsSectionVm: HardSkillVM[]): string => {
+const generateHardSkillsSectionInner = (hardSkillsSectionVm: HardSkillVM[], language: Language): string => {
   const rootObject = {
     hardSkillsCollection: hardSkillsSectionVm,
+    labels: !language || language === 'es' ? spanishHardSkillsLabels : englishHardSkillsLabels,
   };
-  return ejs.render(hardSkillsSection, rootObject);
+  return ejs.render(hardSkillsTemplate, rootObject);
 };
diff --git a/packages/manfred2html/src/engine/html-parts/hard-skills-section/labels/hard-skills-english-labels.const.ts b/packages/manfred2html/src/engine/html-parts/hard-skills-section/labels/hard-skills-english-labels.const.ts
new file mode 100644
index 00000000..8337cc4b
--- /dev/null
+++ b/packages/manfred2html/src/engine/html-parts/hard-skills-section/labels/hard-skills-english-labels.const.ts
@@ -0,0 +1,5 @@
+import { HardSkillsLabels } from './hard-skills-label-definition.model';
+
+export const englishHardSkillsLabels: HardSkillsLabels = {
+  HARD_SKILLS_HEADING: 'Hard Skills',
+};
diff --git a/packages/manfred2html/src/engine/html-parts/hard-skills-section/labels/hard-skills-label-definition.model.ts b/packages/manfred2html/src/engine/html-parts/hard-skills-section/labels/hard-skills-label-definition.model.ts
new file mode 100644
index 00000000..c054c0db
--- /dev/null
+++ b/packages/manfred2html/src/engine/html-parts/hard-skills-section/labels/hard-skills-label-definition.model.ts
@@ -0,0 +1,3 @@
+export interface HardSkillsLabels {
+  HARD_SKILLS_HEADING: string;
+}
diff --git a/packages/manfred2html/src/engine/html-parts/hard-skills-section/labels/hard-skills-spanish-labels.const.ts b/packages/manfred2html/src/engine/html-parts/hard-skills-section/labels/hard-skills-spanish-labels.const.ts
new file mode 100644
index 00000000..a45e4362
--- /dev/null
+++ b/packages/manfred2html/src/engine/html-parts/hard-skills-section/labels/hard-skills-spanish-labels.const.ts
@@ -0,0 +1,5 @@
+import { HardSkillsLabels } from './hard-skills-label-definition.model';
+
+export const spanishHardSkillsLabels: HardSkillsLabels = {
+  HARD_SKILLS_HEADING: 'Competencias',
+};
diff --git a/packages/manfred2html/src/engine/html-parts/hard-skills-section/labels/index.ts b/packages/manfred2html/src/engine/html-parts/hard-skills-section/labels/index.ts
new file mode 100644
index 00000000..20631a86
--- /dev/null
+++ b/packages/manfred2html/src/engine/html-parts/hard-skills-section/labels/index.ts
@@ -0,0 +1,3 @@
+export * from './hard-skills-english-labels.const';
+export * from './hard-skills-spanish-labels.const';
+export * from './hard-skills-label-definition.model';

From b5c6ac232412f44f576cbeb08198ed694a5c5091 Mon Sep 17 00:00:00 2001
From: JuanBerrocal <juan.brudner@gmail.com>
Date: Mon, 25 Sep 2023 06:28:58 +0200
Subject: [PATCH 04/63] multi-language soft skillslabels added

---
 .../experience-section/experience-section.part.ts   |  2 +-
 .../html-parts/soft-skills-section/labels/index.ts  |  3 +++
 .../labels/soft-skills-english-labels.const.ts      |  5 +++++
 .../labels/soft-skills-label-definition.model.ts    |  3 +++
 .../labels/soft-skills-spanish-labels.const.ts      |  5 +++++
 .../soft-skills-section/soft-skills-section.ejs     |  5 ++++-
 .../soft-skills-section/soft-skills-section.part.ts | 13 ++++++++-----
 7 files changed, 29 insertions(+), 7 deletions(-)
 create mode 100644 packages/manfred2html/src/engine/html-parts/soft-skills-section/labels/index.ts
 create mode 100644 packages/manfred2html/src/engine/html-parts/soft-skills-section/labels/soft-skills-english-labels.const.ts
 create mode 100644 packages/manfred2html/src/engine/html-parts/soft-skills-section/labels/soft-skills-label-definition.model.ts
 create mode 100644 packages/manfred2html/src/engine/html-parts/soft-skills-section/labels/soft-skills-spanish-labels.const.ts

diff --git a/packages/manfred2html/src/engine/html-parts/experience-section/experience-section.part.ts b/packages/manfred2html/src/engine/html-parts/experience-section/experience-section.part.ts
index 5a484f80..2e2754be 100644
--- a/packages/manfred2html/src/engine/html-parts/experience-section/experience-section.part.ts
+++ b/packages/manfred2html/src/engine/html-parts/experience-section/experience-section.part.ts
@@ -8,7 +8,7 @@ import { englishExperienceLabels, spanishExperienceLabels } from './labels';
 export const generateExperiencesSection = (cv: ManfredAwesomicCV, language: Language = 'es'): string => {
   const experienceSectionVm = mapFromMacCvToExperienceSectionVm(cv);
 
-  return generateExperienceSectionInner(experienceSectionVm, 'en' /* language */);
+  return generateExperienceSectionInner(experienceSectionVm, 'es' /* language */);
 };
 
 const generateExperienceSectionInner = (experienceSectionVm: ExperienceVm[], language: Language): string => {
diff --git a/packages/manfred2html/src/engine/html-parts/soft-skills-section/labels/index.ts b/packages/manfred2html/src/engine/html-parts/soft-skills-section/labels/index.ts
new file mode 100644
index 00000000..d80c3972
--- /dev/null
+++ b/packages/manfred2html/src/engine/html-parts/soft-skills-section/labels/index.ts
@@ -0,0 +1,3 @@
+export * from './soft-skills-label-definition.model';
+export * from './soft-skills-english-labels.const';
+export * from './soft-skills-spanish-labels.const';
diff --git a/packages/manfred2html/src/engine/html-parts/soft-skills-section/labels/soft-skills-english-labels.const.ts b/packages/manfred2html/src/engine/html-parts/soft-skills-section/labels/soft-skills-english-labels.const.ts
new file mode 100644
index 00000000..3e0f1359
--- /dev/null
+++ b/packages/manfred2html/src/engine/html-parts/soft-skills-section/labels/soft-skills-english-labels.const.ts
@@ -0,0 +1,5 @@
+import { SoftSkillsLabels } from './soft-skills-label-definition.model';
+
+export const englishSoftSkillsLabels: SoftSkillsLabels = {
+  SOFT_SKILLS_HEADING: 'Soft skills',
+};
diff --git a/packages/manfred2html/src/engine/html-parts/soft-skills-section/labels/soft-skills-label-definition.model.ts b/packages/manfred2html/src/engine/html-parts/soft-skills-section/labels/soft-skills-label-definition.model.ts
new file mode 100644
index 00000000..602ec990
--- /dev/null
+++ b/packages/manfred2html/src/engine/html-parts/soft-skills-section/labels/soft-skills-label-definition.model.ts
@@ -0,0 +1,3 @@
+export interface SoftSkillsLabels {
+  SOFT_SKILLS_HEADING: string;
+}
diff --git a/packages/manfred2html/src/engine/html-parts/soft-skills-section/labels/soft-skills-spanish-labels.const.ts b/packages/manfred2html/src/engine/html-parts/soft-skills-section/labels/soft-skills-spanish-labels.const.ts
new file mode 100644
index 00000000..e1d7adb5
--- /dev/null
+++ b/packages/manfred2html/src/engine/html-parts/soft-skills-section/labels/soft-skills-spanish-labels.const.ts
@@ -0,0 +1,5 @@
+import { SoftSkillsLabels } from './soft-skills-label-definition.model';
+
+export const spanishSoftSkillsLabels: SoftSkillsLabels = {
+  SOFT_SKILLS_HEADING: 'Habilidades',
+};
diff --git a/packages/manfred2html/src/engine/html-parts/soft-skills-section/soft-skills-section.ejs b/packages/manfred2html/src/engine/html-parts/soft-skills-section/soft-skills-section.ejs
index 4595a44d..c41e8e6e 100644
--- a/packages/manfred2html/src/engine/html-parts/soft-skills-section/soft-skills-section.ejs
+++ b/packages/manfred2html/src/engine/html-parts/soft-skills-section/soft-skills-section.ejs
@@ -17,7 +17,10 @@
           />
         </svg>
         <div>
-          <h3>SOFT SKILLS</h3>
+          <h3>
+            <!--Soft skills -->
+            <%- labels.SOFT_SKILLS_HEADING %>
+          </h3>
           <hr class="secondary-divider" />
         </div>
       </div>
diff --git a/packages/manfred2html/src/engine/html-parts/soft-skills-section/soft-skills-section.part.ts b/packages/manfred2html/src/engine/html-parts/soft-skills-section/soft-skills-section.part.ts
index 915d2484..7d183b86 100644
--- a/packages/manfred2html/src/engine/html-parts/soft-skills-section/soft-skills-section.part.ts
+++ b/packages/manfred2html/src/engine/html-parts/soft-skills-section/soft-skills-section.part.ts
@@ -1,16 +1,19 @@
 import ejs from 'ejs';
 import { ManfredAwesomicCV } from '@/model';
 import { SoftSkillVM, mapFromCvToSoftSkillVm } from '@lemoncode/manfred-common/soft-skill-section';
-import softSkillsSection from './soft-skills-section.ejs?raw';
+import softSkillsTemplate from './soft-skills-section.ejs?raw';
+import { Language } from '@lemoncode/manfred-common/model';
+import { englishSoftSkillsLabels, spanishSoftSkillsLabels } from './labels';
 
-export const generateSoftSkillsSection = (cv: ManfredAwesomicCV): string => {
+export const generateSoftSkillsSection = (cv: ManfredAwesomicCV, language: Language = 'es'): string => {
   const softSkillsSectionVm = mapFromCvToSoftSkillVm(cv);
-  return generateSoftSkillsSectionInner(softSkillsSectionVm);
+  return generateSoftSkillsSectionInner(softSkillsSectionVm, 'es');
 };
 
-const generateSoftSkillsSectionInner = (softSkillsSectionVm: SoftSkillVM[]): string => {
+const generateSoftSkillsSectionInner = (softSkillsSectionVm: SoftSkillVM[], language: Language): string => {
   const rootObject = {
     softSkillsCollection: softSkillsSectionVm,
+    labels: !language || language === 'es' ? spanishSoftSkillsLabels : englishSoftSkillsLabels,
   };
-  return ejs.render(softSkillsSection, rootObject);
+  return ejs.render(softSkillsTemplate, rootObject);
 };

From fed39d33ff9d643ded15952ec186316f81b90f7e Mon Sep 17 00:00:00 2001
From: JuanBerrocal <juan.brudner@gmail.com>
Date: Mon, 25 Sep 2023 06:56:03 +0200
Subject: [PATCH 05/63] add multilanguage to language labels

---
 .../html-parts/language-section/labels/index.ts |  3 +++
 .../labels/language-english-labels.const.ts     |  5 +++++
 .../labels/language-label-definition.model.ts   |  3 +++
 .../labels/language-spanish-labels.const.ts     |  5 +++++
 .../language-section/language-section.ejs       |  5 ++++-
 .../language-section/language-section.part.ts   | 17 ++++++++++-------
 6 files changed, 30 insertions(+), 8 deletions(-)
 create mode 100644 packages/manfred2html/src/engine/html-parts/language-section/labels/index.ts
 create mode 100644 packages/manfred2html/src/engine/html-parts/language-section/labels/language-english-labels.const.ts
 create mode 100644 packages/manfred2html/src/engine/html-parts/language-section/labels/language-label-definition.model.ts
 create mode 100644 packages/manfred2html/src/engine/html-parts/language-section/labels/language-spanish-labels.const.ts

diff --git a/packages/manfred2html/src/engine/html-parts/language-section/labels/index.ts b/packages/manfred2html/src/engine/html-parts/language-section/labels/index.ts
new file mode 100644
index 00000000..d564f2a0
--- /dev/null
+++ b/packages/manfred2html/src/engine/html-parts/language-section/labels/index.ts
@@ -0,0 +1,3 @@
+export * from './language-label-definition.model';
+export * from './language-english-labels.const';
+export * from './language-spanish-labels.const';
diff --git a/packages/manfred2html/src/engine/html-parts/language-section/labels/language-english-labels.const.ts b/packages/manfred2html/src/engine/html-parts/language-section/labels/language-english-labels.const.ts
new file mode 100644
index 00000000..f7cf426f
--- /dev/null
+++ b/packages/manfred2html/src/engine/html-parts/language-section/labels/language-english-labels.const.ts
@@ -0,0 +1,5 @@
+import { LanguageLabels } from './language-label-definition.model';
+
+export const englishLanguageLabels: LanguageLabels = {
+  LANGUAGE_HEADING: 'Languages',
+};
diff --git a/packages/manfred2html/src/engine/html-parts/language-section/labels/language-label-definition.model.ts b/packages/manfred2html/src/engine/html-parts/language-section/labels/language-label-definition.model.ts
new file mode 100644
index 00000000..1151ffd1
--- /dev/null
+++ b/packages/manfred2html/src/engine/html-parts/language-section/labels/language-label-definition.model.ts
@@ -0,0 +1,3 @@
+export interface LanguageLabels {
+  LANGUAGE_HEADING: string;
+}
diff --git a/packages/manfred2html/src/engine/html-parts/language-section/labels/language-spanish-labels.const.ts b/packages/manfred2html/src/engine/html-parts/language-section/labels/language-spanish-labels.const.ts
new file mode 100644
index 00000000..b9d0ff83
--- /dev/null
+++ b/packages/manfred2html/src/engine/html-parts/language-section/labels/language-spanish-labels.const.ts
@@ -0,0 +1,5 @@
+import { LanguageLabels } from './language-label-definition.model';
+
+export const spanishLanguageLabels: LanguageLabels = {
+  LANGUAGE_HEADING: 'Idiomas',
+};
diff --git a/packages/manfred2html/src/engine/html-parts/language-section/language-section.ejs b/packages/manfred2html/src/engine/html-parts/language-section/language-section.ejs
index 4d9e0ec2..76bc0c2c 100644
--- a/packages/manfred2html/src/engine/html-parts/language-section/language-section.ejs
+++ b/packages/manfred2html/src/engine/html-parts/language-section/language-section.ejs
@@ -17,7 +17,10 @@
         />
       </svg>
       <div>
-        <h3>LENGUAJE / NIVEL</h3>
+        <h3>
+          <!--Languages-->
+          <%- labels.LANGUAGE_HEADING %>
+        </h3>
         <hr class="secondary-divider" />
       </div>
     </div>
diff --git a/packages/manfred2html/src/engine/html-parts/language-section/language-section.part.ts b/packages/manfred2html/src/engine/html-parts/language-section/language-section.part.ts
index f27fbf9b..3fefbe0c 100644
--- a/packages/manfred2html/src/engine/html-parts/language-section/language-section.part.ts
+++ b/packages/manfred2html/src/engine/html-parts/language-section/language-section.part.ts
@@ -1,16 +1,19 @@
 import ejs from 'ejs';
 import { ManfredAwesomicCV } from '@/model';
-import { LanguageVm, mapFromCvToLanguageVm } from '@lemoncode/manfred-common/language-section'
-import languageSection from './language-section.ejs?raw';
+import { LanguageVm, mapFromCvToLanguageVm } from '@lemoncode/manfred-common/language-section';
+import languageTemplate from './language-section.ejs?raw';
+import { Language } from '@lemoncode/manfred-common/model';
+import { englishLanguageLabels, spanishLanguageLabels } from './labels';
 
-export const generateLanguageSection = (cv: ManfredAwesomicCV): string => {
+export const generateLanguageSection = (cv: ManfredAwesomicCV, language: Language = 'es'): string => {
   const languageSectionVm = mapFromCvToLanguageVm(cv);
-  return generateLanguageSectionInner(languageSectionVm);
+  return generateLanguageSectionInner(languageSectionVm, 'es');
 };
 
-const generateLanguageSectionInner = (languageSectionVm: LanguageVm[]): string => {
+const generateLanguageSectionInner = (languageSectionVm: LanguageVm[], language: Language): string => {
   const rootObject = {
     languageCollection: languageSectionVm,
-  }
-  return ejs.render(languageSection, rootObject)
+    labels: !language || language === 'es' ? spanishLanguageLabels : englishLanguageLabels,
+  };
+  return ejs.render(languageTemplate, rootObject);
 };

From f08a4d7e40162150c8bd177cd9929e0fed74473a Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Juan=20Pablo=20Mart=C3=ADnez?=
 <58438522+juanpms2@users.noreply.github.com>
Date: Tue, 26 Sep 2023 09:19:51 +0200
Subject: [PATCH 06/63] Update soft-skills-section.ejs

removed comment
---
 .../html-parts/soft-skills-section/soft-skills-section.ejs     | 3 +--
 1 file changed, 1 insertion(+), 2 deletions(-)

diff --git a/packages/manfred2html/src/engine/html-parts/soft-skills-section/soft-skills-section.ejs b/packages/manfred2html/src/engine/html-parts/soft-skills-section/soft-skills-section.ejs
index c41e8e6e..7c71b24c 100644
--- a/packages/manfred2html/src/engine/html-parts/soft-skills-section/soft-skills-section.ejs
+++ b/packages/manfred2html/src/engine/html-parts/soft-skills-section/soft-skills-section.ejs
@@ -18,7 +18,6 @@
         </svg>
         <div>
           <h3>
-            <!--Soft skills -->
             <%- labels.SOFT_SKILLS_HEADING %>
           </h3>
           <hr class="secondary-divider" />
@@ -31,4 +30,4 @@
       </ul>
     </div>
   <%_ } -%>
-  
\ No newline at end of file
+  

From a5d44b5ab7a49c0d0c4badaf4682bf3fb05f4dc3 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Juan=20Pablo=20Mart=C3=ADnez?=
 <58438522+juanpms2@users.noreply.github.com>
Date: Tue, 26 Sep 2023 09:23:59 +0200
Subject: [PATCH 07/63] Update language-section.ejs

removed comment
---
 .../src/engine/html-parts/language-section/language-section.ejs  | 1 -
 1 file changed, 1 deletion(-)

diff --git a/packages/manfred2html/src/engine/html-parts/language-section/language-section.ejs b/packages/manfred2html/src/engine/html-parts/language-section/language-section.ejs
index 76bc0c2c..12ab858b 100644
--- a/packages/manfred2html/src/engine/html-parts/language-section/language-section.ejs
+++ b/packages/manfred2html/src/engine/html-parts/language-section/language-section.ejs
@@ -18,7 +18,6 @@
       </svg>
       <div>
         <h3>
-          <!--Languages-->
           <%- labels.LANGUAGE_HEADING %>
         </h3>
         <hr class="secondary-divider" />

From 3686bb49492b5b234f9d61488cd4b7ef4991b2e2 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Juan=20Pablo=20Mart=C3=ADnez?=
 <58438522+juanpms2@users.noreply.github.com>
Date: Tue, 26 Sep 2023 09:41:57 +0200
Subject: [PATCH 08/63] Update index.ts

added settings
---
 packages/manfred2html/src/engine/index.ts | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/packages/manfred2html/src/engine/index.ts b/packages/manfred2html/src/engine/index.ts
index aaeebd22..a7ffebd9 100644
--- a/packages/manfred2html/src/engine/index.ts
+++ b/packages/manfred2html/src/engine/index.ts
@@ -31,9 +31,9 @@ export const exportManfredJSonToHTML = (manfredJsonContent: ManfredAwesomicCV, s
   const relevantsLinksSection = generateRelevantsLinksSection(manfredJsonContent);
   const mainElementStart = generateMainElementStart();
   const mainElementEnd = generateMainElementEnd();
-  const languageSection = generateLanguageSection(manfredJsonContent);
-  const hardSkillsSection = generateHardSkillsSection(manfredJsonContent);
-  const softSkillsSection = generateSoftSkillsSection(manfredJsonContent);
+  const languageSection = generateLanguageSection(manfredJsonContent, settings?.language);
+  const hardSkillsSection = generateHardSkillsSection(manfredJsonContent, settings?.language);
+  const softSkillsSection = generateSoftSkillsSection(manfredJsonContent, settings?.language);
   const experienceSection = generateExperiencesSection(manfredJsonContent, settings?.language);
   const studiesSection = generateStudiesSection(manfredJsonContent);
 

From a47aab7bad3396102c9d43e2515a63b3394b41e6 Mon Sep 17 00:00:00 2001
From: JuanBerrocal <juan.brudner@gmail.com>
Date: Tue, 26 Sep 2023 23:53:19 +0200
Subject: [PATCH 09/63] add-multi-language-to-studies-label

---
 .../engine/html-parts/studies-section/labels/index.ts    | 3 +++
 .../labels/studies-english-labels.const.ts               | 5 +++++
 .../labels/studies-label-definition.model.ts             | 3 +++
 .../labels/studies-spanish-labels.const.ts               | 5 +++++
 .../html-parts/studies-section/studies-section.ejs       | 4 +++-
 .../html-parts/studies-section/studies-section.part.ts   | 9 ++++++---
 packages/manfred2html/src/engine/index.ts                | 2 +-
 7 files changed, 26 insertions(+), 5 deletions(-)
 create mode 100644 packages/manfred2html/src/engine/html-parts/studies-section/labels/index.ts
 create mode 100644 packages/manfred2html/src/engine/html-parts/studies-section/labels/studies-english-labels.const.ts
 create mode 100644 packages/manfred2html/src/engine/html-parts/studies-section/labels/studies-label-definition.model.ts
 create mode 100644 packages/manfred2html/src/engine/html-parts/studies-section/labels/studies-spanish-labels.const.ts

diff --git a/packages/manfred2html/src/engine/html-parts/studies-section/labels/index.ts b/packages/manfred2html/src/engine/html-parts/studies-section/labels/index.ts
new file mode 100644
index 00000000..234a2e61
--- /dev/null
+++ b/packages/manfred2html/src/engine/html-parts/studies-section/labels/index.ts
@@ -0,0 +1,3 @@
+export * from './studies-label-definition.model';
+export * from './studies-english-labels.const';
+export * from './studies-spanish-labels.const';
diff --git a/packages/manfred2html/src/engine/html-parts/studies-section/labels/studies-english-labels.const.ts b/packages/manfred2html/src/engine/html-parts/studies-section/labels/studies-english-labels.const.ts
new file mode 100644
index 00000000..fbe515ac
--- /dev/null
+++ b/packages/manfred2html/src/engine/html-parts/studies-section/labels/studies-english-labels.const.ts
@@ -0,0 +1,5 @@
+import { StudiesLabels } from './studies-label-definition.model';
+
+export const englishStudiesLabels: StudiesLabels = {
+  STUDIES_HEADING: 'Studies',
+};
diff --git a/packages/manfred2html/src/engine/html-parts/studies-section/labels/studies-label-definition.model.ts b/packages/manfred2html/src/engine/html-parts/studies-section/labels/studies-label-definition.model.ts
new file mode 100644
index 00000000..27d0cf19
--- /dev/null
+++ b/packages/manfred2html/src/engine/html-parts/studies-section/labels/studies-label-definition.model.ts
@@ -0,0 +1,3 @@
+export interface StudiesLabels {
+  STUDIES_HEADING: string;
+}
diff --git a/packages/manfred2html/src/engine/html-parts/studies-section/labels/studies-spanish-labels.const.ts b/packages/manfred2html/src/engine/html-parts/studies-section/labels/studies-spanish-labels.const.ts
new file mode 100644
index 00000000..173878c7
--- /dev/null
+++ b/packages/manfred2html/src/engine/html-parts/studies-section/labels/studies-spanish-labels.const.ts
@@ -0,0 +1,5 @@
+import { StudiesLabels } from './studies-label-definition.model';
+
+export const spanishStudiesLabels: StudiesLabels = {
+  STUDIES_HEADING: 'Estudios',
+};
diff --git a/packages/manfred2html/src/engine/html-parts/studies-section/studies-section.ejs b/packages/manfred2html/src/engine/html-parts/studies-section/studies-section.ejs
index 0b56db2f..059b7d77 100644
--- a/packages/manfred2html/src/engine/html-parts/studies-section/studies-section.ejs
+++ b/packages/manfred2html/src/engine/html-parts/studies-section/studies-section.ejs
@@ -1,7 +1,9 @@
 <%_ if (studiesCollection && studiesCollection.length !== 0) { -%>
     <section class="main__section">
       <div class="main__section__header">
-        <h2>Educación</h2>
+        <h2>
+          <%- labels.STUDIES_HEADING %>
+        </h2>
         <hr class="secondary-divider" />
       </div>
       <%_ for (const study of studiesCollection) { -%>
diff --git a/packages/manfred2html/src/engine/html-parts/studies-section/studies-section.part.ts b/packages/manfred2html/src/engine/html-parts/studies-section/studies-section.part.ts
index 512e6471..0ebf8896 100644
--- a/packages/manfred2html/src/engine/html-parts/studies-section/studies-section.part.ts
+++ b/packages/manfred2html/src/engine/html-parts/studies-section/studies-section.part.ts
@@ -2,16 +2,19 @@ import ejs from 'ejs';
 import { StudiesSectionVm, mapFromMacCvToStudiesSectionVm } from '@lemoncode/manfred-common/studies-section';
 import { ManfredAwesomicCV } from '@/model';
 import studiesTemplate from './studies-section.ejs?raw';
+import { Language } from '@lemoncode/manfred-common/model';
+import { englishStudiesLabels, spanishStudiesLabels } from './labels';
 
-export const generateStudiesSection = (cv: ManfredAwesomicCV): string => {
+export const generateStudiesSection = (cv: ManfredAwesomicCV, languaje: Language = 'es'): string => {
   const studiesSectionVm = mapFromMacCvToStudiesSectionVm(cv);
 
-  return generateStudiesSectionInner(studiesSectionVm);
+  return generateStudiesSectionInner(studiesSectionVm, 'es');
 };
 
-const generateStudiesSectionInner = (studiesSectionVm: StudiesSectionVm[]): string => {
+const generateStudiesSectionInner = (studiesSectionVm: StudiesSectionVm[], language: Language): string => {
   const rootObject = {
     studiesCollection: studiesSectionVm,
+    labels: !language || language === 'es' ? spanishStudiesLabels : englishStudiesLabels,
   };
 
   return ejs.render(studiesTemplate, rootObject);
diff --git a/packages/manfred2html/src/engine/index.ts b/packages/manfred2html/src/engine/index.ts
index aaeebd22..f7c4e586 100644
--- a/packages/manfred2html/src/engine/index.ts
+++ b/packages/manfred2html/src/engine/index.ts
@@ -35,7 +35,7 @@ export const exportManfredJSonToHTML = (manfredJsonContent: ManfredAwesomicCV, s
   const hardSkillsSection = generateHardSkillsSection(manfredJsonContent);
   const softSkillsSection = generateSoftSkillsSection(manfredJsonContent);
   const experienceSection = generateExperiencesSection(manfredJsonContent, settings?.language);
-  const studiesSection = generateStudiesSection(manfredJsonContent);
+  const studiesSection = generateStudiesSection(manfredJsonContent, settings?.language);
 
   return `
     ${htmlDocumentStart}

From 68e46c9912d5a6aa7e8b5a73228107ac1fc99599 Mon Sep 17 00:00:00 2001
From: JuanBerrocal <juan.brudner@gmail.com>
Date: Wed, 27 Sep 2023 00:39:00 +0200
Subject: [PATCH 10/63] add-multi-language-to-my-links-label

---
 .../html-parts/relevants-links-section/labels/index.ts   | 3 +++
 .../labels/relevants-english-labels.const.ts             | 5 +++++
 .../labels/relevants-label-definition.model.ts           | 3 +++
 .../labels/relevants-spanish-labels.const.ts             | 5 +++++
 .../relevants-links-section/relevants-links-section.ejs  | 4 +++-
 .../relevants-links-section.part.ts                      | 9 ++++++---
 packages/manfred2html/src/engine/index.ts                | 2 +-
 7 files changed, 26 insertions(+), 5 deletions(-)
 create mode 100644 packages/manfred2html/src/engine/html-parts/relevants-links-section/labels/index.ts
 create mode 100644 packages/manfred2html/src/engine/html-parts/relevants-links-section/labels/relevants-english-labels.const.ts
 create mode 100644 packages/manfred2html/src/engine/html-parts/relevants-links-section/labels/relevants-label-definition.model.ts
 create mode 100644 packages/manfred2html/src/engine/html-parts/relevants-links-section/labels/relevants-spanish-labels.const.ts

diff --git a/packages/manfred2html/src/engine/html-parts/relevants-links-section/labels/index.ts b/packages/manfred2html/src/engine/html-parts/relevants-links-section/labels/index.ts
new file mode 100644
index 00000000..2f61f68f
--- /dev/null
+++ b/packages/manfred2html/src/engine/html-parts/relevants-links-section/labels/index.ts
@@ -0,0 +1,3 @@
+export * from './relevants-label-definition.model';
+export * from './relevants-english-labels.const';
+export * from './relevants-spanish-labels.const';
diff --git a/packages/manfred2html/src/engine/html-parts/relevants-links-section/labels/relevants-english-labels.const.ts b/packages/manfred2html/src/engine/html-parts/relevants-links-section/labels/relevants-english-labels.const.ts
new file mode 100644
index 00000000..b76fa152
--- /dev/null
+++ b/packages/manfred2html/src/engine/html-parts/relevants-links-section/labels/relevants-english-labels.const.ts
@@ -0,0 +1,5 @@
+import { RelevantsLabels } from './relevants-label-definition.model';
+
+export const englishRelevantsLabels: RelevantsLabels = {
+  RELEVANTS_HEADING: 'My Links',
+};
diff --git a/packages/manfred2html/src/engine/html-parts/relevants-links-section/labels/relevants-label-definition.model.ts b/packages/manfred2html/src/engine/html-parts/relevants-links-section/labels/relevants-label-definition.model.ts
new file mode 100644
index 00000000..f2a44fa6
--- /dev/null
+++ b/packages/manfred2html/src/engine/html-parts/relevants-links-section/labels/relevants-label-definition.model.ts
@@ -0,0 +1,3 @@
+export interface RelevantsLabels {
+  RELEVANTS_HEADING: string;
+}
diff --git a/packages/manfred2html/src/engine/html-parts/relevants-links-section/labels/relevants-spanish-labels.const.ts b/packages/manfred2html/src/engine/html-parts/relevants-links-section/labels/relevants-spanish-labels.const.ts
new file mode 100644
index 00000000..601ee690
--- /dev/null
+++ b/packages/manfred2html/src/engine/html-parts/relevants-links-section/labels/relevants-spanish-labels.const.ts
@@ -0,0 +1,5 @@
+import { RelevantsLabels } from './relevants-label-definition.model';
+
+export const spanishRelevantsLabels: RelevantsLabels = {
+  RELEVANTS_HEADING: 'Mis enlaces',
+};
diff --git a/packages/manfred2html/src/engine/html-parts/relevants-links-section/relevants-links-section.ejs b/packages/manfred2html/src/engine/html-parts/relevants-links-section/relevants-links-section.ejs
index d1cbb86f..3f4eea66 100644
--- a/packages/manfred2html/src/engine/html-parts/relevants-links-section/relevants-links-section.ejs
+++ b/packages/manfred2html/src/engine/html-parts/relevants-links-section/relevants-links-section.ejs
@@ -14,7 +14,9 @@
         />
       </svg>
       <div>
-        <h3>mis enlaces</h3>
+        <h3>
+          <%- labels.RELEVANTS_HEADING %>
+        </h3>
         <hr class="secondary-divider" />
       </div>
     </div>
diff --git a/packages/manfred2html/src/engine/html-parts/relevants-links-section/relevants-links-section.part.ts b/packages/manfred2html/src/engine/html-parts/relevants-links-section/relevants-links-section.part.ts
index 929d0526..dfe46cc7 100644
--- a/packages/manfred2html/src/engine/html-parts/relevants-links-section/relevants-links-section.part.ts
+++ b/packages/manfred2html/src/engine/html-parts/relevants-links-section/relevants-links-section.part.ts
@@ -2,16 +2,19 @@ import ejs from 'ejs';
 import { ManfredAwesomicCV } from '@/model';
 import { ProfileSectionVm, mapFromMacCvToProfileSectionVm } from '@lemoncode/manfred-common/profile-section';
 import relevantsLinksSection from './relevants-links-section.ejs?raw';
+import { Language } from '@lemoncode/manfred-common/model';
+import { englishRelevantsLabels, spanishRelevantsLabels } from './labels';
 
-export const generateRelevantsLinksSection = (cv: ManfredAwesomicCV): string => {
+export const generateRelevantsLinksSection = (cv: ManfredAwesomicCV, language: Language = 'es'): string => {
   const profileSectionVm = mapFromMacCvToProfileSectionVm(cv);
 
-  return generateRelevantsLinksSectionInner(profileSectionVm);
+  return generateRelevantsLinksSectionInner(profileSectionVm, 'es');
 };
 
-const generateRelevantsLinksSectionInner = (profileSectionVm: ProfileSectionVm): string => {
+const generateRelevantsLinksSectionInner = (profileSectionVm: ProfileSectionVm, language: Language): string => {
   const rootObject = {
     profile: profileSectionVm,
+    labels: !language || language === 'es' ? spanishRelevantsLabels : englishRelevantsLabels,
   };
 
   return ejs.render(relevantsLinksSection, rootObject);
diff --git a/packages/manfred2html/src/engine/index.ts b/packages/manfred2html/src/engine/index.ts
index aaeebd22..f6d37780 100644
--- a/packages/manfred2html/src/engine/index.ts
+++ b/packages/manfred2html/src/engine/index.ts
@@ -28,7 +28,7 @@ export const exportManfredJSonToHTML = (manfredJsonContent: ManfredAwesomicCV, s
   const aboutMeSection = generateAboutMeSection(manfredJsonContent, settings?.language);
   const asideElementStart = generateAsideElementStart();
   const asideElementEnd = generateAsideElementEnd();
-  const relevantsLinksSection = generateRelevantsLinksSection(manfredJsonContent);
+  const relevantsLinksSection = generateRelevantsLinksSection(manfredJsonContent, settings?.language);
   const mainElementStart = generateMainElementStart();
   const mainElementEnd = generateMainElementEnd();
   const languageSection = generateLanguageSection(manfredJsonContent);

From 809a2274b484522e823871f907f1c57e1e252a4d Mon Sep 17 00:00:00 2001
From: migalko94 <miguelgalvezugr@gmail.com>
Date: Wed, 27 Sep 2023 18:10:24 +0200
Subject: [PATCH 11/63] update exportmanfredjsontohtml to select template html

---
 packages/manfred2html/src/engine/index.ts     |  63 +--
 .../about-me-section/about-me-section.ejs     |   0
 .../about-me-section/about-me-section.part.ts |   0
 .../html-parts/about-me-section/index.ts      |   0
 .../aside-element-end/aside-element-end.ejs   |   0
 .../aside-element-end.part.ts                 |   0
 .../html-parts/aside-element-end/index.ts     |   0
 .../aside-element-start.ejs                   |   0
 .../aside-element-start.part.ts               |   0
 .../html-parts/aside-element-start/index.ts   |   0
 .../experience-section/experience-section.ejs |   0
 .../experience-section.part.ts                |   0
 .../html-parts/experience-section/index.ts    |   0
 .../hard-skills-section.ejs                   |   0
 .../hard-skills-section.part.ts               |   0
 .../html-parts/hard-skills-section/index.ts   |   0
 .../header-element-end/header-element-end.ejs |   0
 .../header-element-end.part.ts                |   0
 .../html-parts/header-element-end/index.ts    |   0
 .../header-element-start.ejs                  |   0
 .../header-element-start.part.ts              |   0
 .../html-parts/header-element-start/index.ts  |   0
 .../html-document-end/html-document-end.ejs   |   0
 .../html-document-end.part.ts                 |   0
 .../html-parts/html-document-end/index.ts     |   0
 .../html-document-start.ejs                   |   0
 .../html-document-start.part.ts               |   0
 .../html-parts/html-document-start/index.ts   |   0
 .../{ => template-a}/html-parts/index.ts      |   0
 .../html-parts/language-section/index.ts      |   0
 .../language-section/language-section.ejs     |   0
 .../language-section/language-section.part.ts |   0
 .../html-parts/main-element-end/index.ts      |   0
 .../main-element-end/main-element-end.ejs     |   0
 .../main-element-end/main-element-end.part.ts |   0
 .../html-parts/main-element-start/index.ts    |   0
 .../main-element-start/main-element-start.ejs |   0
 .../main-element-start.part.ts                |   0
 .../relevants-links-section/index.ts          |   0
 .../relevants-links-section.ejs               |   0
 .../relevants-links-section.part.ts           |   0
 .../html-parts/soft-skills-section/index.ts   |   0
 .../soft-skills-section.ejs                   |   0
 .../soft-skills-section.part.ts               |   0
 .../html-parts/studies-section/index.ts       |   0
 .../studies-section/studies-section.ejs       |   0
 .../studies-section/studies-section.part.ts   |   0
 .../src/engine/template-a/index.ts            |  57 +++
 .../about-me-section/about-me-section.ejs     |   9 +
 .../about-me-section/about-me-section.part.ts |  18 +
 .../html-parts/about-me-section/index.ts      |   1 +
 .../aside-element-end/aside-element-end.ejs   |   1 +
 .../aside-element-end.part.ts                 |   4 +
 .../html-parts/aside-element-end/index.ts     |   1 +
 .../aside-element-start.ejs                   |   1 +
 .../aside-element-start.part.ts               |   4 +
 .../html-parts/aside-element-start/index.ts   |   1 +
 .../experience-section/experience-section.ejs |  50 +++
 .../experience-section.part.ts                |  18 +
 .../html-parts/experience-section/index.ts    |   1 +
 .../hard-skills-section.ejs                   |  30 ++
 .../hard-skills-section.part.ts               |  16 +
 .../html-parts/hard-skills-section/index.ts   |   1 +
 .../header-element-end/header-element-end.ejs |   1 +
 .../header-element-end.part.ts                |   4 +
 .../html-parts/header-element-end/index.ts    |   1 +
 .../header-element-start.ejs                  |   1 +
 .../header-element-start.part.ts              |   4 +
 .../html-parts/header-element-start/index.ts  |   1 +
 .../html-document-end/html-document-end.ejs   |   3 +
 .../html-document-end.part.ts                 |   4 +
 .../html-parts/html-document-end/index.ts     |   1 +
 .../html-document-start.ejs                   | 362 ++++++++++++++++++
 .../html-document-start.part.ts               |   4 +
 .../html-parts/html-document-start/index.ts   |   1 +
 .../src/engine/template-b/html-parts/index.ts |  15 +
 .../html-parts/language-section/index.ts      |   1 +
 .../language-section/language-section.ejs     |  31 ++
 .../language-section/language-section.part.ts |  16 +
 .../html-parts/main-element-end/index.ts      |   1 +
 .../main-element-end/main-element-end.ejs     |   1 +
 .../main-element-end/main-element-end.part.ts |   4 +
 .../html-parts/main-element-start/index.ts    |   1 +
 .../main-element-start/main-element-start.ejs |   1 +
 .../main-element-start.part.ts                |   4 +
 .../relevants-links-section/index.ts          |   1 +
 .../relevants-links-section.ejs               | 137 +++++++
 .../relevants-links-section.part.ts           |  18 +
 .../html-parts/soft-skills-section/index.ts   |   1 +
 .../soft-skills-section.ejs                   |  31 ++
 .../soft-skills-section.part.ts               |  16 +
 .../html-parts/studies-section/index.ts       |   1 +
 .../studies-section/studies-section.ejs       |  55 +++
 .../studies-section/studies-section.part.ts   |  18 +
 .../src/engine/template-b/index.ts            |  57 +++
 95 files changed, 1023 insertions(+), 50 deletions(-)
 rename packages/manfred2html/src/engine/{ => template-a}/html-parts/about-me-section/about-me-section.ejs (100%)
 rename packages/manfred2html/src/engine/{ => template-a}/html-parts/about-me-section/about-me-section.part.ts (100%)
 rename packages/manfred2html/src/engine/{ => template-a}/html-parts/about-me-section/index.ts (100%)
 rename packages/manfred2html/src/engine/{ => template-a}/html-parts/aside-element-end/aside-element-end.ejs (100%)
 rename packages/manfred2html/src/engine/{ => template-a}/html-parts/aside-element-end/aside-element-end.part.ts (100%)
 rename packages/manfred2html/src/engine/{ => template-a}/html-parts/aside-element-end/index.ts (100%)
 rename packages/manfred2html/src/engine/{ => template-a}/html-parts/aside-element-start/aside-element-start.ejs (100%)
 rename packages/manfred2html/src/engine/{ => template-a}/html-parts/aside-element-start/aside-element-start.part.ts (100%)
 rename packages/manfred2html/src/engine/{ => template-a}/html-parts/aside-element-start/index.ts (100%)
 rename packages/manfred2html/src/engine/{ => template-a}/html-parts/experience-section/experience-section.ejs (100%)
 rename packages/manfred2html/src/engine/{ => template-a}/html-parts/experience-section/experience-section.part.ts (100%)
 rename packages/manfred2html/src/engine/{ => template-a}/html-parts/experience-section/index.ts (100%)
 rename packages/manfred2html/src/engine/{ => template-a}/html-parts/hard-skills-section/hard-skills-section.ejs (100%)
 rename packages/manfred2html/src/engine/{ => template-a}/html-parts/hard-skills-section/hard-skills-section.part.ts (100%)
 rename packages/manfred2html/src/engine/{ => template-a}/html-parts/hard-skills-section/index.ts (100%)
 rename packages/manfred2html/src/engine/{ => template-a}/html-parts/header-element-end/header-element-end.ejs (100%)
 rename packages/manfred2html/src/engine/{ => template-a}/html-parts/header-element-end/header-element-end.part.ts (100%)
 rename packages/manfred2html/src/engine/{ => template-a}/html-parts/header-element-end/index.ts (100%)
 rename packages/manfred2html/src/engine/{ => template-a}/html-parts/header-element-start/header-element-start.ejs (100%)
 rename packages/manfred2html/src/engine/{ => template-a}/html-parts/header-element-start/header-element-start.part.ts (100%)
 rename packages/manfred2html/src/engine/{ => template-a}/html-parts/header-element-start/index.ts (100%)
 rename packages/manfred2html/src/engine/{ => template-a}/html-parts/html-document-end/html-document-end.ejs (100%)
 rename packages/manfred2html/src/engine/{ => template-a}/html-parts/html-document-end/html-document-end.part.ts (100%)
 rename packages/manfred2html/src/engine/{ => template-a}/html-parts/html-document-end/index.ts (100%)
 rename packages/manfred2html/src/engine/{ => template-a}/html-parts/html-document-start/html-document-start.ejs (100%)
 rename packages/manfred2html/src/engine/{ => template-a}/html-parts/html-document-start/html-document-start.part.ts (100%)
 rename packages/manfred2html/src/engine/{ => template-a}/html-parts/html-document-start/index.ts (100%)
 rename packages/manfred2html/src/engine/{ => template-a}/html-parts/index.ts (100%)
 rename packages/manfred2html/src/engine/{ => template-a}/html-parts/language-section/index.ts (100%)
 rename packages/manfred2html/src/engine/{ => template-a}/html-parts/language-section/language-section.ejs (100%)
 rename packages/manfred2html/src/engine/{ => template-a}/html-parts/language-section/language-section.part.ts (100%)
 rename packages/manfred2html/src/engine/{ => template-a}/html-parts/main-element-end/index.ts (100%)
 rename packages/manfred2html/src/engine/{ => template-a}/html-parts/main-element-end/main-element-end.ejs (100%)
 rename packages/manfred2html/src/engine/{ => template-a}/html-parts/main-element-end/main-element-end.part.ts (100%)
 rename packages/manfred2html/src/engine/{ => template-a}/html-parts/main-element-start/index.ts (100%)
 rename packages/manfred2html/src/engine/{ => template-a}/html-parts/main-element-start/main-element-start.ejs (100%)
 rename packages/manfred2html/src/engine/{ => template-a}/html-parts/main-element-start/main-element-start.part.ts (100%)
 rename packages/manfred2html/src/engine/{ => template-a}/html-parts/relevants-links-section/index.ts (100%)
 rename packages/manfred2html/src/engine/{ => template-a}/html-parts/relevants-links-section/relevants-links-section.ejs (100%)
 rename packages/manfred2html/src/engine/{ => template-a}/html-parts/relevants-links-section/relevants-links-section.part.ts (100%)
 rename packages/manfred2html/src/engine/{ => template-a}/html-parts/soft-skills-section/index.ts (100%)
 rename packages/manfred2html/src/engine/{ => template-a}/html-parts/soft-skills-section/soft-skills-section.ejs (100%)
 rename packages/manfred2html/src/engine/{ => template-a}/html-parts/soft-skills-section/soft-skills-section.part.ts (100%)
 rename packages/manfred2html/src/engine/{ => template-a}/html-parts/studies-section/index.ts (100%)
 rename packages/manfred2html/src/engine/{ => template-a}/html-parts/studies-section/studies-section.ejs (100%)
 rename packages/manfred2html/src/engine/{ => template-a}/html-parts/studies-section/studies-section.part.ts (100%)
 create mode 100644 packages/manfred2html/src/engine/template-a/index.ts
 create mode 100644 packages/manfred2html/src/engine/template-b/html-parts/about-me-section/about-me-section.ejs
 create mode 100644 packages/manfred2html/src/engine/template-b/html-parts/about-me-section/about-me-section.part.ts
 create mode 100644 packages/manfred2html/src/engine/template-b/html-parts/about-me-section/index.ts
 create mode 100644 packages/manfred2html/src/engine/template-b/html-parts/aside-element-end/aside-element-end.ejs
 create mode 100644 packages/manfred2html/src/engine/template-b/html-parts/aside-element-end/aside-element-end.part.ts
 create mode 100644 packages/manfred2html/src/engine/template-b/html-parts/aside-element-end/index.ts
 create mode 100644 packages/manfred2html/src/engine/template-b/html-parts/aside-element-start/aside-element-start.ejs
 create mode 100644 packages/manfred2html/src/engine/template-b/html-parts/aside-element-start/aside-element-start.part.ts
 create mode 100644 packages/manfred2html/src/engine/template-b/html-parts/aside-element-start/index.ts
 create mode 100644 packages/manfred2html/src/engine/template-b/html-parts/experience-section/experience-section.ejs
 create mode 100644 packages/manfred2html/src/engine/template-b/html-parts/experience-section/experience-section.part.ts
 create mode 100644 packages/manfred2html/src/engine/template-b/html-parts/experience-section/index.ts
 create mode 100644 packages/manfred2html/src/engine/template-b/html-parts/hard-skills-section/hard-skills-section.ejs
 create mode 100644 packages/manfred2html/src/engine/template-b/html-parts/hard-skills-section/hard-skills-section.part.ts
 create mode 100644 packages/manfred2html/src/engine/template-b/html-parts/hard-skills-section/index.ts
 create mode 100644 packages/manfred2html/src/engine/template-b/html-parts/header-element-end/header-element-end.ejs
 create mode 100644 packages/manfred2html/src/engine/template-b/html-parts/header-element-end/header-element-end.part.ts
 create mode 100644 packages/manfred2html/src/engine/template-b/html-parts/header-element-end/index.ts
 create mode 100644 packages/manfred2html/src/engine/template-b/html-parts/header-element-start/header-element-start.ejs
 create mode 100644 packages/manfred2html/src/engine/template-b/html-parts/header-element-start/header-element-start.part.ts
 create mode 100644 packages/manfred2html/src/engine/template-b/html-parts/header-element-start/index.ts
 create mode 100644 packages/manfred2html/src/engine/template-b/html-parts/html-document-end/html-document-end.ejs
 create mode 100644 packages/manfred2html/src/engine/template-b/html-parts/html-document-end/html-document-end.part.ts
 create mode 100644 packages/manfred2html/src/engine/template-b/html-parts/html-document-end/index.ts
 create mode 100644 packages/manfred2html/src/engine/template-b/html-parts/html-document-start/html-document-start.ejs
 create mode 100644 packages/manfred2html/src/engine/template-b/html-parts/html-document-start/html-document-start.part.ts
 create mode 100644 packages/manfred2html/src/engine/template-b/html-parts/html-document-start/index.ts
 create mode 100644 packages/manfred2html/src/engine/template-b/html-parts/index.ts
 create mode 100644 packages/manfred2html/src/engine/template-b/html-parts/language-section/index.ts
 create mode 100644 packages/manfred2html/src/engine/template-b/html-parts/language-section/language-section.ejs
 create mode 100644 packages/manfred2html/src/engine/template-b/html-parts/language-section/language-section.part.ts
 create mode 100644 packages/manfred2html/src/engine/template-b/html-parts/main-element-end/index.ts
 create mode 100644 packages/manfred2html/src/engine/template-b/html-parts/main-element-end/main-element-end.ejs
 create mode 100644 packages/manfred2html/src/engine/template-b/html-parts/main-element-end/main-element-end.part.ts
 create mode 100644 packages/manfred2html/src/engine/template-b/html-parts/main-element-start/index.ts
 create mode 100644 packages/manfred2html/src/engine/template-b/html-parts/main-element-start/main-element-start.ejs
 create mode 100644 packages/manfred2html/src/engine/template-b/html-parts/main-element-start/main-element-start.part.ts
 create mode 100644 packages/manfred2html/src/engine/template-b/html-parts/relevants-links-section/index.ts
 create mode 100644 packages/manfred2html/src/engine/template-b/html-parts/relevants-links-section/relevants-links-section.ejs
 create mode 100644 packages/manfred2html/src/engine/template-b/html-parts/relevants-links-section/relevants-links-section.part.ts
 create mode 100644 packages/manfred2html/src/engine/template-b/html-parts/soft-skills-section/index.ts
 create mode 100644 packages/manfred2html/src/engine/template-b/html-parts/soft-skills-section/soft-skills-section.ejs
 create mode 100644 packages/manfred2html/src/engine/template-b/html-parts/soft-skills-section/soft-skills-section.part.ts
 create mode 100644 packages/manfred2html/src/engine/template-b/html-parts/studies-section/index.ts
 create mode 100644 packages/manfred2html/src/engine/template-b/html-parts/studies-section/studies-section.ejs
 create mode 100644 packages/manfred2html/src/engine/template-b/html-parts/studies-section/studies-section.part.ts
 create mode 100644 packages/manfred2html/src/engine/template-b/index.ts

diff --git a/packages/manfred2html/src/engine/index.ts b/packages/manfred2html/src/engine/index.ts
index cd20b528..63919118 100644
--- a/packages/manfred2html/src/engine/index.ts
+++ b/packages/manfred2html/src/engine/index.ts
@@ -1,54 +1,17 @@
 import { ManfredAwesomicCV } from '@/model';
-import {
-  generateHtmlDocumentStart,
-  generateHtmlDocumentEnd,
-  generateHeaderElementStart,
-  generateHeaderElementEnd,
-  generateAboutMeSection,
-  generateAsideElementStart,
-  generateAsideElementEnd,
-  generateRelevantsLinksSection,
-  generateLanguageSection,
-  generateHardSkillsSection,
-  generateSoftSkillsSection,
-  generateMainElementStart,
-  generateMainElementEnd,
-  generateExperiencesSection,
-  generateStudiesSection,
-} from './html-parts';
 
-export const exportManfredJSonToHTML = (manfredJsonContent: ManfredAwesomicCV): string => {
-  const htmlDocumentStart = generateHtmlDocumentStart();
-  const htmlDocumentEnd = generateHtmlDocumentEnd();
-  const headerElementStart = generateHeaderElementStart();
-  const headerElementEnd = generateHeaderElementEnd();
-  const aboutMeSection = generateAboutMeSection(manfredJsonContent);
-  const asideElementStart = generateAsideElementStart();
-  const asideElementEnd = generateAsideElementEnd();
-  const relevantsLinksSection = generateRelevantsLinksSection(manfredJsonContent);
-  const mainElementStart = generateMainElementStart();
-  const mainElementEnd = generateMainElementEnd();
-  const languageSection = generateLanguageSection(manfredJsonContent);
-  const hardSkillsSection = generateHardSkillsSection(manfredJsonContent);
-  const softSkillsSection = generateSoftSkillsSection(manfredJsonContent);
-  const experienceSection = generateExperiencesSection(manfredJsonContent);
-  const studiesSection = generateStudiesSection(manfredJsonContent);
+import { exportManfredJSonToHTMLTemplateA } from './template-a';
+import { exportManfredJSonToHTMLTemplateB } from './template-b';
 
-  return `
-    ${htmlDocumentStart}
-      ${headerElementStart}
-        ${aboutMeSection}
-      ${headerElementEnd}
-      ${asideElementStart}
-        ${relevantsLinksSection}
-        ${languageSection}
-        ${hardSkillsSection}
-        ${softSkillsSection}
-      ${asideElementEnd}
-      ${mainElementStart}
-        ${experienceSection}
-        ${studiesSection}
-      ${mainElementEnd}
-    ${htmlDocumentEnd}
-  `;
+export const exportHTMLTemplate = (manfredJsonContent: ManfredAwesomicCV, settings?: Settings): string => {
+  const template = settings?.template || 'template-a';
+
+  switch (template) {
+    case 'template-a':
+      return exportManfredJSonToHTMLTemplateA(manfredJsonContent, settings);
+    case 'template-b':
+      return exportManfredJSonToHTMLTemplateB(manfredJsonContent, settings);
+    default:
+      throw new Error('Template not found');
+  }
 };
diff --git a/packages/manfred2html/src/engine/html-parts/about-me-section/about-me-section.ejs b/packages/manfred2html/src/engine/template-a/html-parts/about-me-section/about-me-section.ejs
similarity index 100%
rename from packages/manfred2html/src/engine/html-parts/about-me-section/about-me-section.ejs
rename to packages/manfred2html/src/engine/template-a/html-parts/about-me-section/about-me-section.ejs
diff --git a/packages/manfred2html/src/engine/html-parts/about-me-section/about-me-section.part.ts b/packages/manfred2html/src/engine/template-a/html-parts/about-me-section/about-me-section.part.ts
similarity index 100%
rename from packages/manfred2html/src/engine/html-parts/about-me-section/about-me-section.part.ts
rename to packages/manfred2html/src/engine/template-a/html-parts/about-me-section/about-me-section.part.ts
diff --git a/packages/manfred2html/src/engine/html-parts/about-me-section/index.ts b/packages/manfred2html/src/engine/template-a/html-parts/about-me-section/index.ts
similarity index 100%
rename from packages/manfred2html/src/engine/html-parts/about-me-section/index.ts
rename to packages/manfred2html/src/engine/template-a/html-parts/about-me-section/index.ts
diff --git a/packages/manfred2html/src/engine/html-parts/aside-element-end/aside-element-end.ejs b/packages/manfred2html/src/engine/template-a/html-parts/aside-element-end/aside-element-end.ejs
similarity index 100%
rename from packages/manfred2html/src/engine/html-parts/aside-element-end/aside-element-end.ejs
rename to packages/manfred2html/src/engine/template-a/html-parts/aside-element-end/aside-element-end.ejs
diff --git a/packages/manfred2html/src/engine/html-parts/aside-element-end/aside-element-end.part.ts b/packages/manfred2html/src/engine/template-a/html-parts/aside-element-end/aside-element-end.part.ts
similarity index 100%
rename from packages/manfred2html/src/engine/html-parts/aside-element-end/aside-element-end.part.ts
rename to packages/manfred2html/src/engine/template-a/html-parts/aside-element-end/aside-element-end.part.ts
diff --git a/packages/manfred2html/src/engine/html-parts/aside-element-end/index.ts b/packages/manfred2html/src/engine/template-a/html-parts/aside-element-end/index.ts
similarity index 100%
rename from packages/manfred2html/src/engine/html-parts/aside-element-end/index.ts
rename to packages/manfred2html/src/engine/template-a/html-parts/aside-element-end/index.ts
diff --git a/packages/manfred2html/src/engine/html-parts/aside-element-start/aside-element-start.ejs b/packages/manfred2html/src/engine/template-a/html-parts/aside-element-start/aside-element-start.ejs
similarity index 100%
rename from packages/manfred2html/src/engine/html-parts/aside-element-start/aside-element-start.ejs
rename to packages/manfred2html/src/engine/template-a/html-parts/aside-element-start/aside-element-start.ejs
diff --git a/packages/manfred2html/src/engine/html-parts/aside-element-start/aside-element-start.part.ts b/packages/manfred2html/src/engine/template-a/html-parts/aside-element-start/aside-element-start.part.ts
similarity index 100%
rename from packages/manfred2html/src/engine/html-parts/aside-element-start/aside-element-start.part.ts
rename to packages/manfred2html/src/engine/template-a/html-parts/aside-element-start/aside-element-start.part.ts
diff --git a/packages/manfred2html/src/engine/html-parts/aside-element-start/index.ts b/packages/manfred2html/src/engine/template-a/html-parts/aside-element-start/index.ts
similarity index 100%
rename from packages/manfred2html/src/engine/html-parts/aside-element-start/index.ts
rename to packages/manfred2html/src/engine/template-a/html-parts/aside-element-start/index.ts
diff --git a/packages/manfred2html/src/engine/html-parts/experience-section/experience-section.ejs b/packages/manfred2html/src/engine/template-a/html-parts/experience-section/experience-section.ejs
similarity index 100%
rename from packages/manfred2html/src/engine/html-parts/experience-section/experience-section.ejs
rename to packages/manfred2html/src/engine/template-a/html-parts/experience-section/experience-section.ejs
diff --git a/packages/manfred2html/src/engine/html-parts/experience-section/experience-section.part.ts b/packages/manfred2html/src/engine/template-a/html-parts/experience-section/experience-section.part.ts
similarity index 100%
rename from packages/manfred2html/src/engine/html-parts/experience-section/experience-section.part.ts
rename to packages/manfred2html/src/engine/template-a/html-parts/experience-section/experience-section.part.ts
diff --git a/packages/manfred2html/src/engine/html-parts/experience-section/index.ts b/packages/manfred2html/src/engine/template-a/html-parts/experience-section/index.ts
similarity index 100%
rename from packages/manfred2html/src/engine/html-parts/experience-section/index.ts
rename to packages/manfred2html/src/engine/template-a/html-parts/experience-section/index.ts
diff --git a/packages/manfred2html/src/engine/html-parts/hard-skills-section/hard-skills-section.ejs b/packages/manfred2html/src/engine/template-a/html-parts/hard-skills-section/hard-skills-section.ejs
similarity index 100%
rename from packages/manfred2html/src/engine/html-parts/hard-skills-section/hard-skills-section.ejs
rename to packages/manfred2html/src/engine/template-a/html-parts/hard-skills-section/hard-skills-section.ejs
diff --git a/packages/manfred2html/src/engine/html-parts/hard-skills-section/hard-skills-section.part.ts b/packages/manfred2html/src/engine/template-a/html-parts/hard-skills-section/hard-skills-section.part.ts
similarity index 100%
rename from packages/manfred2html/src/engine/html-parts/hard-skills-section/hard-skills-section.part.ts
rename to packages/manfred2html/src/engine/template-a/html-parts/hard-skills-section/hard-skills-section.part.ts
diff --git a/packages/manfred2html/src/engine/html-parts/hard-skills-section/index.ts b/packages/manfred2html/src/engine/template-a/html-parts/hard-skills-section/index.ts
similarity index 100%
rename from packages/manfred2html/src/engine/html-parts/hard-skills-section/index.ts
rename to packages/manfred2html/src/engine/template-a/html-parts/hard-skills-section/index.ts
diff --git a/packages/manfred2html/src/engine/html-parts/header-element-end/header-element-end.ejs b/packages/manfred2html/src/engine/template-a/html-parts/header-element-end/header-element-end.ejs
similarity index 100%
rename from packages/manfred2html/src/engine/html-parts/header-element-end/header-element-end.ejs
rename to packages/manfred2html/src/engine/template-a/html-parts/header-element-end/header-element-end.ejs
diff --git a/packages/manfred2html/src/engine/html-parts/header-element-end/header-element-end.part.ts b/packages/manfred2html/src/engine/template-a/html-parts/header-element-end/header-element-end.part.ts
similarity index 100%
rename from packages/manfred2html/src/engine/html-parts/header-element-end/header-element-end.part.ts
rename to packages/manfred2html/src/engine/template-a/html-parts/header-element-end/header-element-end.part.ts
diff --git a/packages/manfred2html/src/engine/html-parts/header-element-end/index.ts b/packages/manfred2html/src/engine/template-a/html-parts/header-element-end/index.ts
similarity index 100%
rename from packages/manfred2html/src/engine/html-parts/header-element-end/index.ts
rename to packages/manfred2html/src/engine/template-a/html-parts/header-element-end/index.ts
diff --git a/packages/manfred2html/src/engine/html-parts/header-element-start/header-element-start.ejs b/packages/manfred2html/src/engine/template-a/html-parts/header-element-start/header-element-start.ejs
similarity index 100%
rename from packages/manfred2html/src/engine/html-parts/header-element-start/header-element-start.ejs
rename to packages/manfred2html/src/engine/template-a/html-parts/header-element-start/header-element-start.ejs
diff --git a/packages/manfred2html/src/engine/html-parts/header-element-start/header-element-start.part.ts b/packages/manfred2html/src/engine/template-a/html-parts/header-element-start/header-element-start.part.ts
similarity index 100%
rename from packages/manfred2html/src/engine/html-parts/header-element-start/header-element-start.part.ts
rename to packages/manfred2html/src/engine/template-a/html-parts/header-element-start/header-element-start.part.ts
diff --git a/packages/manfred2html/src/engine/html-parts/header-element-start/index.ts b/packages/manfred2html/src/engine/template-a/html-parts/header-element-start/index.ts
similarity index 100%
rename from packages/manfred2html/src/engine/html-parts/header-element-start/index.ts
rename to packages/manfred2html/src/engine/template-a/html-parts/header-element-start/index.ts
diff --git a/packages/manfred2html/src/engine/html-parts/html-document-end/html-document-end.ejs b/packages/manfred2html/src/engine/template-a/html-parts/html-document-end/html-document-end.ejs
similarity index 100%
rename from packages/manfred2html/src/engine/html-parts/html-document-end/html-document-end.ejs
rename to packages/manfred2html/src/engine/template-a/html-parts/html-document-end/html-document-end.ejs
diff --git a/packages/manfred2html/src/engine/html-parts/html-document-end/html-document-end.part.ts b/packages/manfred2html/src/engine/template-a/html-parts/html-document-end/html-document-end.part.ts
similarity index 100%
rename from packages/manfred2html/src/engine/html-parts/html-document-end/html-document-end.part.ts
rename to packages/manfred2html/src/engine/template-a/html-parts/html-document-end/html-document-end.part.ts
diff --git a/packages/manfred2html/src/engine/html-parts/html-document-end/index.ts b/packages/manfred2html/src/engine/template-a/html-parts/html-document-end/index.ts
similarity index 100%
rename from packages/manfred2html/src/engine/html-parts/html-document-end/index.ts
rename to packages/manfred2html/src/engine/template-a/html-parts/html-document-end/index.ts
diff --git a/packages/manfred2html/src/engine/html-parts/html-document-start/html-document-start.ejs b/packages/manfred2html/src/engine/template-a/html-parts/html-document-start/html-document-start.ejs
similarity index 100%
rename from packages/manfred2html/src/engine/html-parts/html-document-start/html-document-start.ejs
rename to packages/manfred2html/src/engine/template-a/html-parts/html-document-start/html-document-start.ejs
diff --git a/packages/manfred2html/src/engine/html-parts/html-document-start/html-document-start.part.ts b/packages/manfred2html/src/engine/template-a/html-parts/html-document-start/html-document-start.part.ts
similarity index 100%
rename from packages/manfred2html/src/engine/html-parts/html-document-start/html-document-start.part.ts
rename to packages/manfred2html/src/engine/template-a/html-parts/html-document-start/html-document-start.part.ts
diff --git a/packages/manfred2html/src/engine/html-parts/html-document-start/index.ts b/packages/manfred2html/src/engine/template-a/html-parts/html-document-start/index.ts
similarity index 100%
rename from packages/manfred2html/src/engine/html-parts/html-document-start/index.ts
rename to packages/manfred2html/src/engine/template-a/html-parts/html-document-start/index.ts
diff --git a/packages/manfred2html/src/engine/html-parts/index.ts b/packages/manfred2html/src/engine/template-a/html-parts/index.ts
similarity index 100%
rename from packages/manfred2html/src/engine/html-parts/index.ts
rename to packages/manfred2html/src/engine/template-a/html-parts/index.ts
diff --git a/packages/manfred2html/src/engine/html-parts/language-section/index.ts b/packages/manfred2html/src/engine/template-a/html-parts/language-section/index.ts
similarity index 100%
rename from packages/manfred2html/src/engine/html-parts/language-section/index.ts
rename to packages/manfred2html/src/engine/template-a/html-parts/language-section/index.ts
diff --git a/packages/manfred2html/src/engine/html-parts/language-section/language-section.ejs b/packages/manfred2html/src/engine/template-a/html-parts/language-section/language-section.ejs
similarity index 100%
rename from packages/manfred2html/src/engine/html-parts/language-section/language-section.ejs
rename to packages/manfred2html/src/engine/template-a/html-parts/language-section/language-section.ejs
diff --git a/packages/manfred2html/src/engine/html-parts/language-section/language-section.part.ts b/packages/manfred2html/src/engine/template-a/html-parts/language-section/language-section.part.ts
similarity index 100%
rename from packages/manfred2html/src/engine/html-parts/language-section/language-section.part.ts
rename to packages/manfred2html/src/engine/template-a/html-parts/language-section/language-section.part.ts
diff --git a/packages/manfred2html/src/engine/html-parts/main-element-end/index.ts b/packages/manfred2html/src/engine/template-a/html-parts/main-element-end/index.ts
similarity index 100%
rename from packages/manfred2html/src/engine/html-parts/main-element-end/index.ts
rename to packages/manfred2html/src/engine/template-a/html-parts/main-element-end/index.ts
diff --git a/packages/manfred2html/src/engine/html-parts/main-element-end/main-element-end.ejs b/packages/manfred2html/src/engine/template-a/html-parts/main-element-end/main-element-end.ejs
similarity index 100%
rename from packages/manfred2html/src/engine/html-parts/main-element-end/main-element-end.ejs
rename to packages/manfred2html/src/engine/template-a/html-parts/main-element-end/main-element-end.ejs
diff --git a/packages/manfred2html/src/engine/html-parts/main-element-end/main-element-end.part.ts b/packages/manfred2html/src/engine/template-a/html-parts/main-element-end/main-element-end.part.ts
similarity index 100%
rename from packages/manfred2html/src/engine/html-parts/main-element-end/main-element-end.part.ts
rename to packages/manfred2html/src/engine/template-a/html-parts/main-element-end/main-element-end.part.ts
diff --git a/packages/manfred2html/src/engine/html-parts/main-element-start/index.ts b/packages/manfred2html/src/engine/template-a/html-parts/main-element-start/index.ts
similarity index 100%
rename from packages/manfred2html/src/engine/html-parts/main-element-start/index.ts
rename to packages/manfred2html/src/engine/template-a/html-parts/main-element-start/index.ts
diff --git a/packages/manfred2html/src/engine/html-parts/main-element-start/main-element-start.ejs b/packages/manfred2html/src/engine/template-a/html-parts/main-element-start/main-element-start.ejs
similarity index 100%
rename from packages/manfred2html/src/engine/html-parts/main-element-start/main-element-start.ejs
rename to packages/manfred2html/src/engine/template-a/html-parts/main-element-start/main-element-start.ejs
diff --git a/packages/manfred2html/src/engine/html-parts/main-element-start/main-element-start.part.ts b/packages/manfred2html/src/engine/template-a/html-parts/main-element-start/main-element-start.part.ts
similarity index 100%
rename from packages/manfred2html/src/engine/html-parts/main-element-start/main-element-start.part.ts
rename to packages/manfred2html/src/engine/template-a/html-parts/main-element-start/main-element-start.part.ts
diff --git a/packages/manfred2html/src/engine/html-parts/relevants-links-section/index.ts b/packages/manfred2html/src/engine/template-a/html-parts/relevants-links-section/index.ts
similarity index 100%
rename from packages/manfred2html/src/engine/html-parts/relevants-links-section/index.ts
rename to packages/manfred2html/src/engine/template-a/html-parts/relevants-links-section/index.ts
diff --git a/packages/manfred2html/src/engine/html-parts/relevants-links-section/relevants-links-section.ejs b/packages/manfred2html/src/engine/template-a/html-parts/relevants-links-section/relevants-links-section.ejs
similarity index 100%
rename from packages/manfred2html/src/engine/html-parts/relevants-links-section/relevants-links-section.ejs
rename to packages/manfred2html/src/engine/template-a/html-parts/relevants-links-section/relevants-links-section.ejs
diff --git a/packages/manfred2html/src/engine/html-parts/relevants-links-section/relevants-links-section.part.ts b/packages/manfred2html/src/engine/template-a/html-parts/relevants-links-section/relevants-links-section.part.ts
similarity index 100%
rename from packages/manfred2html/src/engine/html-parts/relevants-links-section/relevants-links-section.part.ts
rename to packages/manfred2html/src/engine/template-a/html-parts/relevants-links-section/relevants-links-section.part.ts
diff --git a/packages/manfred2html/src/engine/html-parts/soft-skills-section/index.ts b/packages/manfred2html/src/engine/template-a/html-parts/soft-skills-section/index.ts
similarity index 100%
rename from packages/manfred2html/src/engine/html-parts/soft-skills-section/index.ts
rename to packages/manfred2html/src/engine/template-a/html-parts/soft-skills-section/index.ts
diff --git a/packages/manfred2html/src/engine/html-parts/soft-skills-section/soft-skills-section.ejs b/packages/manfred2html/src/engine/template-a/html-parts/soft-skills-section/soft-skills-section.ejs
similarity index 100%
rename from packages/manfred2html/src/engine/html-parts/soft-skills-section/soft-skills-section.ejs
rename to packages/manfred2html/src/engine/template-a/html-parts/soft-skills-section/soft-skills-section.ejs
diff --git a/packages/manfred2html/src/engine/html-parts/soft-skills-section/soft-skills-section.part.ts b/packages/manfred2html/src/engine/template-a/html-parts/soft-skills-section/soft-skills-section.part.ts
similarity index 100%
rename from packages/manfred2html/src/engine/html-parts/soft-skills-section/soft-skills-section.part.ts
rename to packages/manfred2html/src/engine/template-a/html-parts/soft-skills-section/soft-skills-section.part.ts
diff --git a/packages/manfred2html/src/engine/html-parts/studies-section/index.ts b/packages/manfred2html/src/engine/template-a/html-parts/studies-section/index.ts
similarity index 100%
rename from packages/manfred2html/src/engine/html-parts/studies-section/index.ts
rename to packages/manfred2html/src/engine/template-a/html-parts/studies-section/index.ts
diff --git a/packages/manfred2html/src/engine/html-parts/studies-section/studies-section.ejs b/packages/manfred2html/src/engine/template-a/html-parts/studies-section/studies-section.ejs
similarity index 100%
rename from packages/manfred2html/src/engine/html-parts/studies-section/studies-section.ejs
rename to packages/manfred2html/src/engine/template-a/html-parts/studies-section/studies-section.ejs
diff --git a/packages/manfred2html/src/engine/html-parts/studies-section/studies-section.part.ts b/packages/manfred2html/src/engine/template-a/html-parts/studies-section/studies-section.part.ts
similarity index 100%
rename from packages/manfred2html/src/engine/html-parts/studies-section/studies-section.part.ts
rename to packages/manfred2html/src/engine/template-a/html-parts/studies-section/studies-section.part.ts
diff --git a/packages/manfred2html/src/engine/template-a/index.ts b/packages/manfred2html/src/engine/template-a/index.ts
new file mode 100644
index 00000000..24c6c354
--- /dev/null
+++ b/packages/manfred2html/src/engine/template-a/index.ts
@@ -0,0 +1,57 @@
+import { ManfredAwesomicCV } from '@/model';
+import {
+  generateHtmlDocumentStart,
+  generateHtmlDocumentEnd,
+  generateHeaderElementStart,
+  generateHeaderElementEnd,
+  generateAboutMeSection,
+  generateAsideElementStart,
+  generateAsideElementEnd,
+  generateRelevantsLinksSection,
+  generateLanguageSection,
+  generateHardSkillsSection,
+  generateSoftSkillsSection,
+  generateMainElementStart,
+  generateMainElementEnd,
+  generateExperiencesSection,
+  generateStudiesSection,
+} from './html-parts';
+
+export const exportManfredJSonToHTMLTemplateA = (
+  manfredJsonContent: ManfredAwesomicCV,
+  settings?: Settings
+): string => {
+  const htmlDocumentStart = generateHtmlDocumentStart();
+  const htmlDocumentEnd = generateHtmlDocumentEnd();
+  const headerElementStart = generateHeaderElementStart();
+  const headerElementEnd = generateHeaderElementEnd();
+  const aboutMeSection = generateAboutMeSection(manfredJsonContent);
+  const asideElementStart = generateAsideElementStart();
+  const asideElementEnd = generateAsideElementEnd();
+  const relevantsLinksSection = generateRelevantsLinksSection(manfredJsonContent);
+  const mainElementStart = generateMainElementStart();
+  const mainElementEnd = generateMainElementEnd();
+  const languageSection = generateLanguageSection(manfredJsonContent);
+  const hardSkillsSection = generateHardSkillsSection(manfredJsonContent);
+  const softSkillsSection = generateSoftSkillsSection(manfredJsonContent);
+  const experienceSection = generateExperiencesSection(manfredJsonContent);
+  const studiesSection = generateStudiesSection(manfredJsonContent);
+
+  return `
+    ${htmlDocumentStart}
+      ${headerElementStart}
+        ${aboutMeSection}
+      ${headerElementEnd}
+      ${asideElementStart}
+        ${relevantsLinksSection}
+        ${languageSection}
+        ${hardSkillsSection}
+        ${softSkillsSection}
+      ${asideElementEnd}
+      ${mainElementStart}
+        ${experienceSection}
+        ${studiesSection}
+      ${mainElementEnd}
+    ${htmlDocumentEnd}
+  `;
+};
diff --git a/packages/manfred2html/src/engine/template-b/html-parts/about-me-section/about-me-section.ejs b/packages/manfred2html/src/engine/template-b/html-parts/about-me-section/about-me-section.ejs
new file mode 100644
index 00000000..378ceee3
--- /dev/null
+++ b/packages/manfred2html/src/engine/template-b/html-parts/about-me-section/about-me-section.ejs
@@ -0,0 +1,9 @@
+
+  <%_ if (profile && profile !== 'undefined' ) { -%>
+    <h1><%= profile?.name %> <br /><span><%= profile?.surnames %></span></h1>
+    <hr />
+    <p class="job-title"><%= profile?.title %></p>
+    <p><%= profile?.description %></p>
+<%_ } -%>
+
+
diff --git a/packages/manfred2html/src/engine/template-b/html-parts/about-me-section/about-me-section.part.ts b/packages/manfred2html/src/engine/template-b/html-parts/about-me-section/about-me-section.part.ts
new file mode 100644
index 00000000..d945a21a
--- /dev/null
+++ b/packages/manfred2html/src/engine/template-b/html-parts/about-me-section/about-me-section.part.ts
@@ -0,0 +1,18 @@
+import { ManfredAwesomicCV } from '@/model';
+import { ProfileSectionVm, mapFromMacCvToProfileSectionVm } from '@lemoncode/manfred-common/profile-section';
+import aboutMe from './about-me-section.ejs?raw';
+import ejs from 'ejs';
+
+export const generateAboutMeSection = (cv: ManfredAwesomicCV): string => {
+  const profileSectionVm = mapFromMacCvToProfileSectionVm(cv);
+
+  return generateAboutMeSectionInner(profileSectionVm);
+};
+
+const generateAboutMeSectionInner = (profileSectionVm: ProfileSectionVm): string => {
+  const rootObject = {
+    profile: profileSectionVm,
+  };
+
+  return ejs.render(aboutMe, rootObject);
+};
diff --git a/packages/manfred2html/src/engine/template-b/html-parts/about-me-section/index.ts b/packages/manfred2html/src/engine/template-b/html-parts/about-me-section/index.ts
new file mode 100644
index 00000000..b0ee7d15
--- /dev/null
+++ b/packages/manfred2html/src/engine/template-b/html-parts/about-me-section/index.ts
@@ -0,0 +1 @@
+export * from './about-me-section.part';
diff --git a/packages/manfred2html/src/engine/template-b/html-parts/aside-element-end/aside-element-end.ejs b/packages/manfred2html/src/engine/template-b/html-parts/aside-element-end/aside-element-end.ejs
new file mode 100644
index 00000000..0124ef29
--- /dev/null
+++ b/packages/manfred2html/src/engine/template-b/html-parts/aside-element-end/aside-element-end.ejs
@@ -0,0 +1 @@
+</aside>
diff --git a/packages/manfred2html/src/engine/template-b/html-parts/aside-element-end/aside-element-end.part.ts b/packages/manfred2html/src/engine/template-b/html-parts/aside-element-end/aside-element-end.part.ts
new file mode 100644
index 00000000..34639985
--- /dev/null
+++ b/packages/manfred2html/src/engine/template-b/html-parts/aside-element-end/aside-element-end.part.ts
@@ -0,0 +1,4 @@
+import ejs from 'ejs';
+import asideElementEndTemplate from './aside-element-end.ejs?raw';
+
+export const generateAsideElementEnd = (): string => ejs.render(asideElementEndTemplate);
diff --git a/packages/manfred2html/src/engine/template-b/html-parts/aside-element-end/index.ts b/packages/manfred2html/src/engine/template-b/html-parts/aside-element-end/index.ts
new file mode 100644
index 00000000..e1b267cb
--- /dev/null
+++ b/packages/manfred2html/src/engine/template-b/html-parts/aside-element-end/index.ts
@@ -0,0 +1 @@
+export * from './aside-element-end.part';
diff --git a/packages/manfred2html/src/engine/template-b/html-parts/aside-element-start/aside-element-start.ejs b/packages/manfred2html/src/engine/template-b/html-parts/aside-element-start/aside-element-start.ejs
new file mode 100644
index 00000000..fbfaf4bc
--- /dev/null
+++ b/packages/manfred2html/src/engine/template-b/html-parts/aside-element-start/aside-element-start.ejs
@@ -0,0 +1 @@
+<aside>
diff --git a/packages/manfred2html/src/engine/template-b/html-parts/aside-element-start/aside-element-start.part.ts b/packages/manfred2html/src/engine/template-b/html-parts/aside-element-start/aside-element-start.part.ts
new file mode 100644
index 00000000..ba0290d3
--- /dev/null
+++ b/packages/manfred2html/src/engine/template-b/html-parts/aside-element-start/aside-element-start.part.ts
@@ -0,0 +1,4 @@
+import ejs from 'ejs';
+import asideElementStartTemplate from './aside-element-start.ejs?raw';
+
+export const generateAsideElementStart = (): string => ejs.render(asideElementStartTemplate);
diff --git a/packages/manfred2html/src/engine/template-b/html-parts/aside-element-start/index.ts b/packages/manfred2html/src/engine/template-b/html-parts/aside-element-start/index.ts
new file mode 100644
index 00000000..b43ccc07
--- /dev/null
+++ b/packages/manfred2html/src/engine/template-b/html-parts/aside-element-start/index.ts
@@ -0,0 +1 @@
+export * from './aside-element-start.part';
diff --git a/packages/manfred2html/src/engine/template-b/html-parts/experience-section/experience-section.ejs b/packages/manfred2html/src/engine/template-b/html-parts/experience-section/experience-section.ejs
new file mode 100644
index 00000000..5e68152e
--- /dev/null
+++ b/packages/manfred2html/src/engine/template-b/html-parts/experience-section/experience-section.ejs
@@ -0,0 +1,50 @@
+<%_ if(experienceCollection && experienceCollection.length !== 0){ -%>
+  <section class="main__section">
+    <div class="main__section__header">
+      <h2>Experiencia / carrera</h2>
+      <hr class="secondary-divider" />
+    </div>
+    <%_ for(const experience of experienceCollection){ -%>
+      <div class="main__section__item">
+        <div class="date date-desktop">
+          <p>Inicio: <b><%- experience.roles[0].startDate %></b></p>
+          <%_ if(experience.roles[0].finishDate || experience.roles[0].finishDate === 'Actualidad') { -%>
+            <p>Fin: <b><%- experience.roles[0].finishDate %></b></p>
+          <%_ } -%>
+        </div>
+        <div class="line-icon">
+          <div class="circle"></div>
+          <hr class="line" />
+        </div>
+        <div class="section__content">
+          <div class="section__content__header">
+            <h3><%- experience.name %></h3>
+            <%_ if(experience.type) { -%>
+              <h4><%- experience.description %></h4>
+            <%_ } -%>
+          </div>
+          <div class="date date-mobile">
+            <p>Inicio: <b><%- experience.roles[0].startDate %></b></p>
+            <%_ if(experience.roles[0].finishDate || experience.roles[0].finishDate === 'Actualidad') { -%>
+              <p>Fin: <b><%- experience.roles[0].finishDate %></b></p>
+            <%_ } -%>
+          </div>
+          <div class="data">
+            <%_ if(experience.type) { -%>
+              <p>Tipo de organización: <b><%- experience.type %></b></p>
+            <%_ } -%>
+            <p>Roles dentro de la empresa: <b><%- experience.roles[0].name %></b></p>
+            <%_ if(experience.roles[0].challenges && experience.roles[0].challenges.length !== 0) { -%>
+              <p>Retos:</p>
+                <ul>
+                  <%_ for(const challenge of experience.roles[0].challenges){ -%>
+                    <li><%- challenge.description %></li>
+                  <%_ }-%>
+                </ul>
+              <%_ }-%>
+          </div>
+        </div>
+      </div>
+      <%_ }-%>
+    </section>
+<%_ }-%>
diff --git a/packages/manfred2html/src/engine/template-b/html-parts/experience-section/experience-section.part.ts b/packages/manfred2html/src/engine/template-b/html-parts/experience-section/experience-section.part.ts
new file mode 100644
index 00000000..fc8140f3
--- /dev/null
+++ b/packages/manfred2html/src/engine/template-b/html-parts/experience-section/experience-section.part.ts
@@ -0,0 +1,18 @@
+import ejs from 'ejs';
+import { ExperienceVm, mapFromMacCvToExperienceSectionVm } from '@lemoncode/manfred-common/experience-section';
+import { ManfredAwesomicCV } from '@/model';
+import experienceTemplate from './experience-section.ejs?raw';
+
+export const generateExperiencesSection = (cv: ManfredAwesomicCV): string => {
+  const experienceSectionVm = mapFromMacCvToExperienceSectionVm(cv);
+
+  return generateExperienceSectionInner(experienceSectionVm);
+};
+
+const generateExperienceSectionInner = (experienceSectionVm: ExperienceVm[]): string => {
+  const rootObject = {
+    experienceCollection: experienceSectionVm,
+  };
+
+  return ejs.render(experienceTemplate, rootObject);
+};
diff --git a/packages/manfred2html/src/engine/template-b/html-parts/experience-section/index.ts b/packages/manfred2html/src/engine/template-b/html-parts/experience-section/index.ts
new file mode 100644
index 00000000..03b6e599
--- /dev/null
+++ b/packages/manfred2html/src/engine/template-b/html-parts/experience-section/index.ts
@@ -0,0 +1 @@
+export* from './experience-section.part';
diff --git a/packages/manfred2html/src/engine/template-b/html-parts/hard-skills-section/hard-skills-section.ejs b/packages/manfred2html/src/engine/template-b/html-parts/hard-skills-section/hard-skills-section.ejs
new file mode 100644
index 00000000..8006addc
--- /dev/null
+++ b/packages/manfred2html/src/engine/template-b/html-parts/hard-skills-section/hard-skills-section.ejs
@@ -0,0 +1,30 @@
+<%_ if (hardSkillsCollection && hardSkillsCollection.length !== 0) { -%>
+    <div class="aside__section">
+      <div class="aside__section__header">
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          width="21"
+          height="33"
+          viewBox="0 0 21 33"
+          fill="none"
+          class="svg-stroke"
+        >
+          <path
+            d="M19.6061 22.939C18.4811 24.2172 17.0964 25.2407 15.5444 25.9412C13.9924 26.6417 12.3088 27.003 10.6061 27.001M10.6061 27.001C8.90332 27.003 7.21973 26.6417 5.66772 25.9412C4.11571 25.2407 2.73101 24.2172 1.60608 22.939M10.6061 27.001V31.501M7.60608 31.501H13.6061M10.6061 1.50098C13.9198 1.50098 16.6061 4.18727 16.6061 7.50098V15.001C16.6061 18.3147 13.9198 21.001 10.6061 21.001C7.29237 21.001 4.60608 18.3147 4.60608 15.001V7.50098C4.60608 4.18727 7.29237 1.50098 10.6061 1.50098Z"
+            stroke-width="2.5"
+            stroke-linecap="round"
+            stroke-linejoin="round"
+          />
+        </svg>
+        <div>
+          <h3>HARD SKILLS</h3>
+          <hr class="secondary-divider" />
+        </div>
+      </div>
+      <ul class="aside__section__list-items">
+        <%_ for (const item of hardSkillsCollection) { -%>
+          <li><%- item.skill.name %></li>
+        <%_ } -%>
+      </ul>
+    </div>
+  <%_ } -%>
diff --git a/packages/manfred2html/src/engine/template-b/html-parts/hard-skills-section/hard-skills-section.part.ts b/packages/manfred2html/src/engine/template-b/html-parts/hard-skills-section/hard-skills-section.part.ts
new file mode 100644
index 00000000..d5979773
--- /dev/null
+++ b/packages/manfred2html/src/engine/template-b/html-parts/hard-skills-section/hard-skills-section.part.ts
@@ -0,0 +1,16 @@
+import ejs from 'ejs';
+import { ManfredAwesomicCV } from '@/model';
+import { HardSkillVM, mapFromCvToHardSkillVm } from '@lemoncode/manfred-common/hard-skill-section';
+import hardSkillsSection from './hard-skills-section.ejs?raw';
+
+export const generateHardSkillsSection = (cv: ManfredAwesomicCV): string => {
+  const hardSkillsSectionVm = mapFromCvToHardSkillVm(cv);
+  return generateHardSkillsSectionInner(hardSkillsSectionVm);
+};
+
+const generateHardSkillsSectionInner = (hardSkillsSectionVm: HardSkillVM[]): string => {
+  const rootObject = {
+    hardSkillsCollection: hardSkillsSectionVm,
+  };
+  return ejs.render(hardSkillsSection, rootObject);
+};
diff --git a/packages/manfred2html/src/engine/template-b/html-parts/hard-skills-section/index.ts b/packages/manfred2html/src/engine/template-b/html-parts/hard-skills-section/index.ts
new file mode 100644
index 00000000..8f718aca
--- /dev/null
+++ b/packages/manfred2html/src/engine/template-b/html-parts/hard-skills-section/index.ts
@@ -0,0 +1 @@
+export * from './hard-skills-section.part';
diff --git a/packages/manfred2html/src/engine/template-b/html-parts/header-element-end/header-element-end.ejs b/packages/manfred2html/src/engine/template-b/html-parts/header-element-end/header-element-end.ejs
new file mode 100644
index 00000000..9fca915f
--- /dev/null
+++ b/packages/manfred2html/src/engine/template-b/html-parts/header-element-end/header-element-end.ejs
@@ -0,0 +1 @@
+</header>
diff --git a/packages/manfred2html/src/engine/template-b/html-parts/header-element-end/header-element-end.part.ts b/packages/manfred2html/src/engine/template-b/html-parts/header-element-end/header-element-end.part.ts
new file mode 100644
index 00000000..8412032b
--- /dev/null
+++ b/packages/manfred2html/src/engine/template-b/html-parts/header-element-end/header-element-end.part.ts
@@ -0,0 +1,4 @@
+import ejs from 'ejs';
+import headerElementEndTemplate from './header-element-end.ejs?raw';
+
+export const generateHeaderElementEnd = (): string => ejs.render(headerElementEndTemplate);
diff --git a/packages/manfred2html/src/engine/template-b/html-parts/header-element-end/index.ts b/packages/manfred2html/src/engine/template-b/html-parts/header-element-end/index.ts
new file mode 100644
index 00000000..a3cb12e2
--- /dev/null
+++ b/packages/manfred2html/src/engine/template-b/html-parts/header-element-end/index.ts
@@ -0,0 +1 @@
+export * from './header-element-end.part';
diff --git a/packages/manfred2html/src/engine/template-b/html-parts/header-element-start/header-element-start.ejs b/packages/manfred2html/src/engine/template-b/html-parts/header-element-start/header-element-start.ejs
new file mode 100644
index 00000000..39ffd5ec
--- /dev/null
+++ b/packages/manfred2html/src/engine/template-b/html-parts/header-element-start/header-element-start.ejs
@@ -0,0 +1 @@
+<header>
diff --git a/packages/manfred2html/src/engine/template-b/html-parts/header-element-start/header-element-start.part.ts b/packages/manfred2html/src/engine/template-b/html-parts/header-element-start/header-element-start.part.ts
new file mode 100644
index 00000000..df24cee8
--- /dev/null
+++ b/packages/manfred2html/src/engine/template-b/html-parts/header-element-start/header-element-start.part.ts
@@ -0,0 +1,4 @@
+import ejs from 'ejs';
+import headerElementStartTemplate from './header-element-start.ejs?raw';
+
+export const generateHeaderElementStart = (): string => ejs.render(headerElementStartTemplate);
diff --git a/packages/manfred2html/src/engine/template-b/html-parts/header-element-start/index.ts b/packages/manfred2html/src/engine/template-b/html-parts/header-element-start/index.ts
new file mode 100644
index 00000000..9eca2091
--- /dev/null
+++ b/packages/manfred2html/src/engine/template-b/html-parts/header-element-start/index.ts
@@ -0,0 +1 @@
+export * from './header-element-start.part';
diff --git a/packages/manfred2html/src/engine/template-b/html-parts/html-document-end/html-document-end.ejs b/packages/manfred2html/src/engine/template-b/html-parts/html-document-end/html-document-end.ejs
new file mode 100644
index 00000000..5b6e2d65
--- /dev/null
+++ b/packages/manfred2html/src/engine/template-b/html-parts/html-document-end/html-document-end.ejs
@@ -0,0 +1,3 @@
+    </div>
+  </body>
+</html>
diff --git a/packages/manfred2html/src/engine/template-b/html-parts/html-document-end/html-document-end.part.ts b/packages/manfred2html/src/engine/template-b/html-parts/html-document-end/html-document-end.part.ts
new file mode 100644
index 00000000..43b00dee
--- /dev/null
+++ b/packages/manfred2html/src/engine/template-b/html-parts/html-document-end/html-document-end.part.ts
@@ -0,0 +1,4 @@
+import ejs from 'ejs';
+import htmlDocumentEndTemplate from './html-document-end.ejs?raw';
+
+export const generateHtmlDocumentEnd = (): string => ejs.render(htmlDocumentEndTemplate);
diff --git a/packages/manfred2html/src/engine/template-b/html-parts/html-document-end/index.ts b/packages/manfred2html/src/engine/template-b/html-parts/html-document-end/index.ts
new file mode 100644
index 00000000..b8cab897
--- /dev/null
+++ b/packages/manfred2html/src/engine/template-b/html-parts/html-document-end/index.ts
@@ -0,0 +1 @@
+export * from './html-document-end.part';
diff --git a/packages/manfred2html/src/engine/template-b/html-parts/html-document-start/html-document-start.ejs b/packages/manfred2html/src/engine/template-b/html-parts/html-document-start/html-document-start.ejs
new file mode 100644
index 00000000..de9f6a24
--- /dev/null
+++ b/packages/manfred2html/src/engine/template-b/html-parts/html-document-start/html-document-start.ejs
@@ -0,0 +1,362 @@
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <link rel="preconnect" href="https://fonts.googleapis.com" />
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
+    <link
+      href="https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap"
+      rel="stylesheet"
+    />
+    <title>CV Manfred Export</title>
+    <style>
+      /* css vars */
+      :root {
+        /* spacing */
+        --spacing_base: 4px;
+        --spacing_2: calc(var(--spacing_base) / 2);
+        --spacing_8: calc(var(--spacing_base) * 2);
+        --spacing_12: calc(var(--spacing_base) * 3);
+        --spacing_16: calc(var(--spacing_base) * 4);
+        --spacing_24: calc(var(--spacing_base) * 6);
+        --spacing_32: calc(var(--spacing_base) * 8);
+        --spacing_48: calc(var(--spacing_base) * 12);
+        --spacing_64: calc(var(--spacing_base) * 16);
+
+        /* colors */
+        --primary_color: #247a7e; /* only this color can be changed  */
+        --white_color: #f4f2f1;
+        --black_color: #0d1418;
+        --gray_color_600: #c6c3be;
+        --gray_color_800: #787673;
+        --gray_color_900: #5c5a58;
+      }
+      /* General styles */
+      * {
+        margin: 0;
+        padding: 0;
+        box-sizing: border-box;
+      }
+      html {
+        font-family: Roboto, sans-serif;
+        font-size: 16px;
+        color: var(--black_color);
+        font-style: normal;
+        background-color: var(--white_color);
+      }
+      body {
+        display: flex;
+        flex-direction: column;
+        min-height: 100vh;
+        padding: var(--spacing_64) var(--spacing_16);
+      }
+      .container {
+        display: grid;
+        grid-template-areas:
+          "divider header"
+          "divider aside"
+          "divider main";
+        row-gap: var(--spacing_32);
+        column-gap: var(--spacing_16);
+      }
+      .divider {
+        min-height: 100%;
+        border: var(--spacing_base) solid var(--primary_color);
+        grid-area: divider;
+      }
+      .secondary-divider {
+        border: var(--spacing_2) solid var(--primary_color);
+        width: 50%;
+      }
+      .svg-stroke {
+        stroke: var(--gray_color_800);
+      }
+      .svg-fill {
+        fill: var(--gray_color_800);
+      }
+
+      @media (min-width: 728px) {
+        body {
+          padding: var(--spacing_64);
+        }
+        .container {
+          column-gap: var(--spacing_32);
+        }
+      }
+      @media (min-width: 1024px) {
+        .container {
+          grid-template-areas:
+            "aside divider header"
+            "aside divider main";
+          max-width: 1220px;
+          align-self: center;
+        }
+      }
+      /* header styles */
+      header {
+        grid-area: header;
+        display: flex;
+        flex-direction: column;
+        align-items: flex-start;
+        gap: var(--spacing_16);
+        align-self: stretch;
+      }
+
+      h1 {
+        color: var(--primary_color);
+        font-family: Roboto;
+        font-size: 40px;
+        font-weight: 900;
+        letter-spacing: 4.8px;
+        text-transform: uppercase;
+        display: flex;
+        flex-direction: column;
+        gap: var(--spacing_8);
+      }
+      h1 > span {
+        color: var(--gray_color_600);
+        font-size: 32px;
+        font-weight: 900;
+        letter-spacing: 3.6px;
+        text-transform: uppercase;
+      }
+      h2,
+      .job-title {
+        color: var(--gray_color_900);
+        font-size: 20px;
+        font-weight: 500;
+        letter-spacing: 0.96px;
+      }
+      header > p {
+        color: var(--black_color);
+        font-size: 12px;
+        font-weight: 400;
+        line-height: 16px;
+        letter-spacing: 0.6px;
+      }
+      header > hr {
+        border: var(--spacing_2) solid var(--primary_color);
+        width: 100%;
+      }
+
+      @media (min-width: 728px) {
+        h1 {
+          font-size: 48px;
+        }
+        h1 > span {
+          font-size: 36px;
+        }
+        h2,
+        .job-title {
+          font-size: 24px;
+        }
+        header > p {
+          font-size: 14px;
+          line-height: 20px;
+        }
+      }
+      @media (min-width: 1024px) {
+        h1 {
+          font-size: 52px;
+        }
+        h1 > span {
+          font-size: 40px;
+        }
+      }
+      /* aside styles */
+      aside {
+        display: flex;
+        flex-direction: column;
+        gap: var(--spacing_32);
+        /*TODO EJS and display none*/
+      }
+      .aside__section {
+        grid-area: aside;
+        display: flex;
+        flex-direction: column;
+        gap: var(--spacing_16);
+      }
+      .aside__section__header {
+        display: flex;
+        align-items: center;
+        gap: var(--spacing_16);
+      }
+      .aside__section__header > div {
+        display: flex;
+        flex-direction: column;
+        justify-content: space-between;
+        gap: var(--spacing_8);
+        height: 100%;
+      }
+      .aside__section__header > div > h3 {
+        color: var(--gray_color_900);
+        font-size: 16px;
+        font-weight: 400;
+        text-transform: uppercase;
+      }
+      .aside__section__item {
+        display: flex;
+        align-items: center;
+        gap: var(--spacing_8);
+        padding-left: var(--spacing_32);
+      }
+      .aside__section__item > a {
+        color: var(--black_color);
+        font-size: 14px;
+        text-decoration: none;
+        text-transform: capitalize;
+      }
+      .aside__section__item > a:hover {
+        color: var(--primary_color);
+      }
+      .aside__section__list-items {
+        display: flex;
+        flex-direction: column;
+        gap: var(--spacing_8);
+        padding-left: var(--spacing_32);
+        font-size: 12px;
+        line-height: 24px;
+      }
+
+      @media (min-width: 728px) {
+        .aside__section__item > a {
+          font-size: 16px;
+        }
+        .aside__section__list-items {
+          font-size: 14px;
+          line-height: 30px;
+        }
+      }
+      @media (min-width: 1024px) {
+        aside {
+          grid-area: aside;
+          padding: var(--spacing_64) 0;
+        }
+      }
+      /* main section styles */
+      main {
+        grid-area: main;
+        display: flex;
+        flex-direction: column;
+        gap: var(--spacing_16);
+      }
+      .main__section {
+        display: flex;
+        flex-direction: column;
+        gap: var(--spacing_16);
+      }
+      .main__section__header {
+        display: flex;
+        flex-direction: column;
+        gap: var(--spacing_8);
+        color: var(var(--gray_color_900));
+        font-size: 20px;
+        font-weight: 500;
+        text-transform: uppercase;
+        width: max-content;
+      }
+      .main__section__item {
+        display: flex;
+        gap: var(--spacing_32);
+      }
+      .section__content {
+        display: flex;
+        flex-direction: column;
+        gap: var(--spacing_16);
+      }
+      .section__content__header {
+        display: flex;
+        flex-direction: column;
+        gap: var(--spacing_8);
+      }
+      .section__content__header > h3 {
+        font-size: 20px;
+        font-weight: 600;
+      }
+      .section__content__header > h4 {
+        font-size: 14px;
+        font-weight: 500;
+        color: var(--gray_color_800);
+      }
+      .main__section__item .date {
+        color: var(--gray_color_900);
+        font-size: 12px;
+        letter-spacing: 0.48px;
+        display: flex;
+        flex-direction: column;
+        gap: var(--spacing_8);
+      }
+      .main__section__item > .date-desktop {
+        display: none;
+      }
+      .section__content > .data {
+        display: flex;
+        flex-direction: column;
+        gap: var(--spacing_8);
+        font-size: 12px;
+      }
+      .section__content > .data b {
+        font-weight: 600;
+      }
+      .section__content > .data > ul {
+        display: flex;
+        flex-direction: column;
+        gap: var(--spacing_12);
+        padding-left: var(--spacing_16);
+        font-weight: 300;
+      }
+      @media (min-width: 728px) {
+        main {
+          gap: var(--spacing_32);
+        }
+        .main__section__item {
+          display: grid;
+          grid-template-columns: minmax(106px, 15%) auto 1fr;
+          gap: var(--spacing_32);
+        }
+        .main__section__item > .date-desktop {
+          display: flex;
+          min-width: max-content;
+          align-items: flex-end;
+        }
+        .section__content__header > h3 {
+          font-size: 24px;
+        }
+        .section__content__header > h4 {
+          font-size: 16px;
+        }
+        .section__content > .date-mobile {
+          display: none;
+        }
+        .section__content > .data {
+          grid-area: date;
+          font-size: 14px;
+          line-height: 18px;
+        }
+      }
+      .line-icon {
+        display: flex;
+        flex-direction: column;
+        align-items: center;
+        height: 100%;
+      }
+      .line-icon > .circle {
+        flex-shrink: 0;
+        width: 24px;
+        height: 24px;
+        border-radius: 50%;
+        border: 2px solid var(--primary_color);
+      }
+      .line-icon > .line {
+        flex-shrink: 1;
+        flex-grow: 1;
+        flex-basis: 100%;
+        border: 0px;
+        border-left: 2px solid var(--primary_color);
+      }
+    </style>
+  </head>
+  <body>
+    <div class="container">
+      <hr class="divider" />
+
diff --git a/packages/manfred2html/src/engine/template-b/html-parts/html-document-start/html-document-start.part.ts b/packages/manfred2html/src/engine/template-b/html-parts/html-document-start/html-document-start.part.ts
new file mode 100644
index 00000000..985cba7c
--- /dev/null
+++ b/packages/manfred2html/src/engine/template-b/html-parts/html-document-start/html-document-start.part.ts
@@ -0,0 +1,4 @@
+import ejs from 'ejs';
+import htmlDocumentStartTemplate from './html-document-start.ejs?raw';
+
+export const generateHtmlDocumentStart = (): string => ejs.render(htmlDocumentStartTemplate);
diff --git a/packages/manfred2html/src/engine/template-b/html-parts/html-document-start/index.ts b/packages/manfred2html/src/engine/template-b/html-parts/html-document-start/index.ts
new file mode 100644
index 00000000..d4b22932
--- /dev/null
+++ b/packages/manfred2html/src/engine/template-b/html-parts/html-document-start/index.ts
@@ -0,0 +1 @@
+export * from './html-document-start.part';
diff --git a/packages/manfred2html/src/engine/template-b/html-parts/index.ts b/packages/manfred2html/src/engine/template-b/html-parts/index.ts
new file mode 100644
index 00000000..89ee8c19
--- /dev/null
+++ b/packages/manfred2html/src/engine/template-b/html-parts/index.ts
@@ -0,0 +1,15 @@
+export * from './html-document-start';
+export * from './html-document-end';
+export * from './header-element-start';
+export * from './header-element-end';
+export * from './about-me-section';
+export * from './aside-element-start';
+export * from './aside-element-end';
+export * from './relevants-links-section';
+export * from './main-element-start';
+export * from './main-element-end';
+export * from './language-section';
+export * from './hard-skills-section';
+export * from './soft-skills-section';
+export * from './experience-section';
+export * from './studies-section';
diff --git a/packages/manfred2html/src/engine/template-b/html-parts/language-section/index.ts b/packages/manfred2html/src/engine/template-b/html-parts/language-section/index.ts
new file mode 100644
index 00000000..c79bff55
--- /dev/null
+++ b/packages/manfred2html/src/engine/template-b/html-parts/language-section/index.ts
@@ -0,0 +1 @@
+export * from './language-section.part';
diff --git a/packages/manfred2html/src/engine/template-b/html-parts/language-section/language-section.ejs b/packages/manfred2html/src/engine/template-b/html-parts/language-section/language-section.ejs
new file mode 100644
index 00000000..4d9e0ec2
--- /dev/null
+++ b/packages/manfred2html/src/engine/template-b/html-parts/language-section/language-section.ejs
@@ -0,0 +1,31 @@
+<%_ if (languageCollection && languageCollection.length !== 0) { -%>
+  <div class="aside__section">
+    <div class="aside__section__header">
+      <svg
+        xmlns="http://www.w3.org/2000/svg"
+        width="21"
+        height="33"
+        viewBox="0 0 21 33"
+        fill="none"
+        class="svg-stroke"
+      >
+        <path
+          d="M19.6061 22.939C18.4811 24.2172 17.0964 25.2407 15.5444 25.9412C13.9924 26.6417 12.3088 27.003 10.6061 27.001M10.6061 27.001C8.90332 27.003 7.21973 26.6417 5.66772 25.9412C4.11571 25.2407 2.73101 24.2172 1.60608 22.939M10.6061 27.001V31.501M7.60608 31.501H13.6061M10.6061 1.50098C13.9198 1.50098 16.6061 4.18727 16.6061 7.50098V15.001C16.6061 18.3147 13.9198 21.001 10.6061 21.001C7.29237 21.001 4.60608 18.3147 4.60608 15.001V7.50098C4.60608 4.18727 7.29237 1.50098 10.6061 1.50098Z"
+          stroke-width="2.5"
+          stroke-linecap="round"
+          stroke-linejoin="round"
+        />
+      </svg>
+      <div>
+        <h3>LENGUAJE / NIVEL</h3>
+        <hr class="secondary-divider" />
+      </div>
+    </div>
+    <ul class="aside__section__list-items">
+      <%_ for (const language of languageCollection) { -%>
+        <li><%- language.name %> (<%- language.level %>)</li>
+      <%_ } -%>
+    </ul>
+  </div>
+<%_ } -%>
+
diff --git a/packages/manfred2html/src/engine/template-b/html-parts/language-section/language-section.part.ts b/packages/manfred2html/src/engine/template-b/html-parts/language-section/language-section.part.ts
new file mode 100644
index 00000000..f27fbf9b
--- /dev/null
+++ b/packages/manfred2html/src/engine/template-b/html-parts/language-section/language-section.part.ts
@@ -0,0 +1,16 @@
+import ejs from 'ejs';
+import { ManfredAwesomicCV } from '@/model';
+import { LanguageVm, mapFromCvToLanguageVm } from '@lemoncode/manfred-common/language-section'
+import languageSection from './language-section.ejs?raw';
+
+export const generateLanguageSection = (cv: ManfredAwesomicCV): string => {
+  const languageSectionVm = mapFromCvToLanguageVm(cv);
+  return generateLanguageSectionInner(languageSectionVm);
+};
+
+const generateLanguageSectionInner = (languageSectionVm: LanguageVm[]): string => {
+  const rootObject = {
+    languageCollection: languageSectionVm,
+  }
+  return ejs.render(languageSection, rootObject)
+};
diff --git a/packages/manfred2html/src/engine/template-b/html-parts/main-element-end/index.ts b/packages/manfred2html/src/engine/template-b/html-parts/main-element-end/index.ts
new file mode 100644
index 00000000..43da82c1
--- /dev/null
+++ b/packages/manfred2html/src/engine/template-b/html-parts/main-element-end/index.ts
@@ -0,0 +1 @@
+export * from './main-element-end.part';
diff --git a/packages/manfred2html/src/engine/template-b/html-parts/main-element-end/main-element-end.ejs b/packages/manfred2html/src/engine/template-b/html-parts/main-element-end/main-element-end.ejs
new file mode 100644
index 00000000..0f4bf453
--- /dev/null
+++ b/packages/manfred2html/src/engine/template-b/html-parts/main-element-end/main-element-end.ejs
@@ -0,0 +1 @@
+</main>
diff --git a/packages/manfred2html/src/engine/template-b/html-parts/main-element-end/main-element-end.part.ts b/packages/manfred2html/src/engine/template-b/html-parts/main-element-end/main-element-end.part.ts
new file mode 100644
index 00000000..ad9c1b96
--- /dev/null
+++ b/packages/manfred2html/src/engine/template-b/html-parts/main-element-end/main-element-end.part.ts
@@ -0,0 +1,4 @@
+import ejs from 'ejs';
+import mainElementEndTemplate from './main-element-end.ejs?raw';
+
+export const generateMainElementEnd = (): string => ejs.render(mainElementEndTemplate);
diff --git a/packages/manfred2html/src/engine/template-b/html-parts/main-element-start/index.ts b/packages/manfred2html/src/engine/template-b/html-parts/main-element-start/index.ts
new file mode 100644
index 00000000..5286e5ba
--- /dev/null
+++ b/packages/manfred2html/src/engine/template-b/html-parts/main-element-start/index.ts
@@ -0,0 +1 @@
+export * from './main-element-start.part';
diff --git a/packages/manfred2html/src/engine/template-b/html-parts/main-element-start/main-element-start.ejs b/packages/manfred2html/src/engine/template-b/html-parts/main-element-start/main-element-start.ejs
new file mode 100644
index 00000000..506713e2
--- /dev/null
+++ b/packages/manfred2html/src/engine/template-b/html-parts/main-element-start/main-element-start.ejs
@@ -0,0 +1 @@
+<main>
diff --git a/packages/manfred2html/src/engine/template-b/html-parts/main-element-start/main-element-start.part.ts b/packages/manfred2html/src/engine/template-b/html-parts/main-element-start/main-element-start.part.ts
new file mode 100644
index 00000000..0ebd42f9
--- /dev/null
+++ b/packages/manfred2html/src/engine/template-b/html-parts/main-element-start/main-element-start.part.ts
@@ -0,0 +1,4 @@
+import ejs from 'ejs';
+import mainElementStartTemplate from './main-element-start.ejs?raw';
+
+export const generateMainElementStart = (): string => ejs.render(mainElementStartTemplate);
diff --git a/packages/manfred2html/src/engine/template-b/html-parts/relevants-links-section/index.ts b/packages/manfred2html/src/engine/template-b/html-parts/relevants-links-section/index.ts
new file mode 100644
index 00000000..12fe55f6
--- /dev/null
+++ b/packages/manfred2html/src/engine/template-b/html-parts/relevants-links-section/index.ts
@@ -0,0 +1 @@
+export * from './relevants-links-section.part';
diff --git a/packages/manfred2html/src/engine/template-b/html-parts/relevants-links-section/relevants-links-section.ejs b/packages/manfred2html/src/engine/template-b/html-parts/relevants-links-section/relevants-links-section.ejs
new file mode 100644
index 00000000..d1cbb86f
--- /dev/null
+++ b/packages/manfred2html/src/engine/template-b/html-parts/relevants-links-section/relevants-links-section.ejs
@@ -0,0 +1,137 @@
+<%_ if (profile.relevantLinks && profile.relevantLinks.length !== 0) { -%>
+  <div class="aside__section">
+    <div class="aside__section__header">
+      <svg
+        xmlns="http://www.w3.org/2000/svg"
+        width="34"
+        height="33"
+        viewBox="0 0 35 33"
+        fill="none"
+        class="svg-fill"
+      >
+        <path
+          d="M16.8561 2.5C9.26216 2.5 3.10608 8.65609 3.10608 16.25C3.10608 23.8439 9.26216 30 16.8561 30C24.45 30 30.6061 23.8439 30.6061 16.25C30.6061 8.65609 24.45 2.5 16.8561 2.5ZM0.606079 16.25C0.606079 7.27537 7.88145 0 16.8561 0C25.8307 0 33.1061 7.27537 33.1061 16.25C33.1061 25.2246 25.8307 32.5 16.8561 32.5C7.88145 32.5 0.606079 25.2246 0.606079 16.25ZM15.6061 8.75C15.6061 8.05964 16.1657 7.5 16.8561 7.5H16.8706C17.561 7.5 18.1206 8.05964 18.1206 8.75C18.1206 9.44036 17.561 10 16.8706 10H16.8561C16.1657 10 15.6061 9.44036 15.6061 8.75ZM12.6061 14.75C12.6061 14.0596 13.1657 13.5 13.8561 13.5H16.8561C17.5464 13.5 18.1061 14.0596 18.1061 14.75V21H19.8561C20.5464 21 21.1061 21.5596 21.1061 22.25C21.1061 22.9404 20.5464 23.5 19.8561 23.5H13.8561C13.1657 23.5 12.6061 22.9404 12.6061 22.25C12.6061 21.5596 13.1657 21 13.8561 21H15.6061V16H13.8561C13.1657 16 12.6061 15.4404 12.6061 14.75Z"
+        />
+      </svg>
+      <div>
+        <h3>mis enlaces</h3>
+        <hr class="secondary-divider" />
+      </div>
+    </div>
+    <%_ for (const link of profile?.relevantLinks) { -%>
+      <%_ if (link.type === 'linkedin') { -%>
+        <div class="aside__section__item">
+          <svg
+            xmlns="http://www.w3.org/2000/svg"
+            width="21"
+            height="20"
+            viewBox="0 0 21 20"
+            fill="none"
+            class="svg-fill svg-stroke"
+          >
+            <path
+              d="M14.0906 6.76565C13.121 6.7658 12.3285 7.08199 11.7438 7.52808V7.4968V6.9968H11.2438H8.39788H7.89788V7.4968V17.0493V17.5493H8.39788H11.3618H11.8618V17.0493V12.3296C11.8618 11.7165 11.9296 11.213 12.1185 10.8736C12.2069 10.7149 12.3192 10.5973 12.466 10.5156C12.6152 10.4325 12.8293 10.3706 13.1438 10.3706C13.4447 10.3706 13.6258 10.4399 13.741 10.5204C13.8574 10.6016 13.9499 10.7245 14.0212 10.9048C14.175 11.2945 14.1864 11.8261 14.1864 12.4017V17.0493V17.5493H14.6864H17.6553H18.1553V17.0493V11.8034C18.1553 10.5093 18.0202 9.24651 17.4233 8.30269C16.7931 7.30618 15.7169 6.7622 14.0906 6.76565ZM14.0906 6.76565C14.0905 6.76565 14.0904 6.76565 14.0902 6.76565L14.0913 7.26565V6.76565C14.0911 6.76565 14.0909 6.76565 14.0906 6.76565ZM11.2438 8.78748V8.80827H11.2831M11.2438 8.78748L11.7438 8.19095C11.5475 8.38799 11.3933 8.59971 11.2831 8.80827M11.2438 8.78748L11.2831 8.80827M11.2438 8.78748V8.30827H11.2831V8.80827M19.1307 0.500092L19.1347 0.50006C19.3887 0.498028 19.6332 0.596329 19.8151 0.773595C19.9961 0.949927 20.1005 1.19022 20.1061 1.44271V18.5522C20.1019 18.8058 19.9979 19.0475 19.8166 19.225C19.6345 19.4032 19.3894 19.5021 19.1346 19.5001V19.5001H19.1307L2.08149 19.5L2.07639 19.5001C1.82234 19.5027 1.57761 19.4045 1.39575 19.2271C1.21467 19.0505 1.11061 18.8096 1.10608 18.5567V1.44609C1.10992 1.19268 1.21375 0.951015 1.39501 0.773781C1.57693 0.595905 1.82198 0.497461 2.0764 0.50005L2.0764 0.500076H2.08149L19.1307 0.500092ZM6.53559 17.5493H7.03559V17.0493V7.4968V6.9968H6.53559H3.56673H3.06673V7.4968V17.0493V17.5493H3.56673H6.53559ZM5.06065 6.69516L5.06128 6.69189C5.34954 6.69153 5.63501 6.63508 5.90176 6.52563C6.17196 6.41476 6.41765 6.25169 6.62475 6.04576C6.83186 5.83983 6.99633 5.59508 7.10874 5.32551C7.22115 5.05595 7.27929 4.76686 7.27985 4.4748V4.47385C7.27985 4.03442 7.14952 3.60487 6.90534 3.23953C6.66117 2.87419 6.31412 2.58948 5.90811 2.42142C5.50209 2.25336 5.05535 2.20949 4.6244 2.29537C4.19345 2.38125 3.79766 2.59302 3.48709 2.90389C3.17651 3.21476 2.96512 3.61076 2.87965 4.04179C2.79418 4.47282 2.83847 4.91952 3.00692 5.32537C3.17537 5.73123 3.46041 6.078 3.82598 6.32183C4.19155 6.56565 4.62123 6.69558 5.06065 6.69516Z"
+            />
+          </svg>
+          <a href="<%= link.URL -%>" target="_blank">linkedin</a>
+        </div>
+      <%_ } -%>
+      <%_ if (link.type === 'github') { -%>
+        <div class="aside__section__item">
+          <svg
+            xmlns="http://www.w3.org/2000/svg"
+            width="22"
+            height="21"
+            viewBox="0 0 22 21"
+            fill="none"
+            class="svg-fill"
+          >
+            <mask id="path-1-inside-1_1218_1523">
+              <path
+                fill-rule="evenodd"
+                clip-rule="evenodd"
+                d="M10.8593 0.5C5.19732 0.5 0.606079 5.09022 0.606079 10.7532C0.606079 15.2835 3.54393 19.1266 7.61782 20.4825C8.13007 20.5776 8.3182 20.2601 8.3182 19.9893C8.3182 19.7448 8.30869 18.9371 8.30428 18.0804C5.45184 18.7006 4.84994 16.8706 4.84994 16.8706C4.38353 15.6855 3.71151 15.3704 3.71151 15.3704C2.78107 14.734 3.78163 14.7473 3.78163 14.7473C4.81105 14.8194 5.35336 15.8039 5.35336 15.8039C6.26784 17.371 7.75196 16.918 8.33705 16.6562C8.42907 15.9935 8.69479 15.541 8.98801 15.285C6.71065 15.0261 4.31646 14.1467 4.31646 10.218C4.31646 9.09859 4.71716 8.18394 5.37305 7.46573C5.26643 7.20765 4.91547 6.16481 5.47221 4.75252C5.47221 4.75252 6.33304 4.47695 8.29239 5.8035C9.11043 5.57616 9.98773 5.46189 10.8593 5.45799C11.7303 5.46189 12.6081 5.57582 13.4276 5.80317C15.3846 4.47661 16.2444 4.75218 16.2444 4.75218C16.8025 6.1643 16.4516 7.20731 16.3451 7.46539C17.0025 8.1836 17.4003 9.09825 17.4003 10.2177C17.4003 14.1557 15.0017 15.0227 12.7186 15.2767C13.0865 15.5949 13.4142 16.219 13.4142 17.1754C13.4142 18.5473 13.4023 19.6514 13.4023 19.9891C13.4023 20.262 13.5871 20.5817 14.1066 20.481C18.1781 19.1237 21.1126 15.2818 21.1126 10.7532C21.1124 5.09056 16.5217 0.5 10.8593 0.5Z"
+              />
+              <path
+                d="M4.48948 15.2211C4.46689 15.2721 4.38675 15.2874 4.31374 15.2526C4.23904 15.2193 4.19744 15.1498 4.22155 15.0987C4.24362 15.0461 4.32393 15.0317 4.39813 15.0668C4.47284 15.1003 4.51528 15.1704 4.48931 15.2213L4.48948 15.2211ZM4.90478 15.6845C4.85605 15.7298 4.76046 15.7088 4.6956 15.637C4.62836 15.5656 4.6158 15.4701 4.66555 15.424C4.71614 15.3789 4.80885 15.4003 4.87608 15.4716C4.94298 15.5439 4.95622 15.6387 4.90495 15.6847L4.90478 15.6845ZM5.30921 16.2749C5.24639 16.3187 5.1435 16.2777 5.08 16.1866C5.01718 16.0952 5.01718 15.9857 5.0817 15.9421C5.14503 15.8983 5.24639 15.9378 5.31091 16.0282C5.37339 16.1207 5.37339 16.2304 5.30921 16.2749ZM5.86289 16.8455C5.80686 16.9075 5.68699 16.8908 5.59938 16.8065C5.5099 16.7238 5.48494 16.6061 5.54114 16.5443C5.59819 16.4822 5.71857 16.4995 5.80669 16.5834C5.89617 16.6659 5.92317 16.7837 5.86323 16.8453L5.86289 16.8455ZM6.62694 17.1768C6.60198 17.2571 6.48686 17.2936 6.37056 17.2593C6.25459 17.2241 6.1787 17.1302 6.20247 17.0491C6.22624 16.9681 6.3422 16.9302 6.45919 16.9667C6.57515 17.0017 6.65105 17.0951 6.62694 17.1768ZM7.4662 17.2381C7.46909 17.3226 7.37061 17.3926 7.24887 17.3943C7.12612 17.3972 7.02679 17.3286 7.0256 17.2454C7.0256 17.16 7.12204 17.0909 7.24463 17.0885C7.36637 17.0863 7.46637 17.1542 7.46637 17.2379L7.4662 17.2381ZM8.24689 17.1053C8.26149 17.1876 8.17677 17.2724 8.05571 17.2949C7.93686 17.317 7.82649 17.2657 7.81121 17.1841C7.79661 17.0995 7.88286 17.0148 8.00171 16.9929C8.12294 16.972 8.23161 17.0216 8.24689 17.1053Z"
+              />
+            </mask>
+            <path
+              fill-rule="evenodd"
+              clip-rule="evenodd"
+              d="M10.8593 0.5C5.19732 0.5 0.606079 5.09022 0.606079 10.7532C0.606079 15.2835 3.54393 19.1266 7.61782 20.4825C8.13007 20.5776 8.3182 20.2601 8.3182 19.9893C8.3182 19.7448 8.30869 18.9371 8.30428 18.0804C5.45184 18.7006 4.84994 16.8706 4.84994 16.8706C4.38353 15.6855 3.71151 15.3704 3.71151 15.3704C2.78107 14.734 3.78163 14.7473 3.78163 14.7473C4.81105 14.8194 5.35336 15.8039 5.35336 15.8039C6.26784 17.371 7.75196 16.918 8.33705 16.6562C8.42907 15.9935 8.69479 15.541 8.98801 15.285C6.71065 15.0261 4.31646 14.1467 4.31646 10.218C4.31646 9.09859 4.71716 8.18394 5.37305 7.46573C5.26643 7.20765 4.91547 6.16481 5.47221 4.75252C5.47221 4.75252 6.33304 4.47695 8.29239 5.8035C9.11043 5.57616 9.98773 5.46189 10.8593 5.45799C11.7303 5.46189 12.6081 5.57582 13.4276 5.80317C15.3846 4.47661 16.2444 4.75218 16.2444 4.75218C16.8025 6.1643 16.4516 7.20731 16.3451 7.46539C17.0025 8.1836 17.4003 9.09825 17.4003 10.2177C17.4003 14.1557 15.0017 15.0227 12.7186 15.2767C13.0865 15.5949 13.4142 16.219 13.4142 17.1754C13.4142 18.5473 13.4023 19.6514 13.4023 19.9891C13.4023 20.262 13.5871 20.5817 14.1066 20.481C18.1781 19.1237 21.1126 15.2818 21.1126 10.7532C21.1124 5.09056 16.5217 0.5 10.8593 0.5Z"
+            />
+            <path
+              d="M4.48948 15.2211C4.46689 15.2721 4.38675 15.2874 4.31374 15.2526C4.23904 15.2193 4.19744 15.1498 4.22155 15.0987C4.24362 15.0461 4.32393 15.0317 4.39813 15.0668C4.47284 15.1003 4.51528 15.1704 4.48931 15.2213L4.48948 15.2211ZM4.90478 15.6845C4.85605 15.7298 4.76046 15.7088 4.6956 15.637C4.62836 15.5656 4.6158 15.4701 4.66555 15.424C4.71614 15.3789 4.80885 15.4003 4.87608 15.4716C4.94298 15.5439 4.95622 15.6387 4.90495 15.6847L4.90478 15.6845ZM5.30921 16.2749C5.24639 16.3187 5.1435 16.2777 5.08 16.1866C5.01718 16.0952 5.01718 15.9857 5.0817 15.9421C5.14503 15.8983 5.24639 15.9378 5.31091 16.0282C5.37339 16.1207 5.37339 16.2304 5.30921 16.2749ZM5.86289 16.8455C5.80686 16.9075 5.68699 16.8908 5.59938 16.8065C5.5099 16.7238 5.48494 16.6061 5.54114 16.5443C5.59819 16.4822 5.71857 16.4995 5.80669 16.5834C5.89617 16.6659 5.92317 16.7837 5.86323 16.8453L5.86289 16.8455ZM6.62694 17.1768C6.60198 17.2571 6.48686 17.2936 6.37056 17.2593C6.25459 17.2241 6.1787 17.1302 6.20247 17.0491C6.22624 16.9681 6.3422 16.9302 6.45919 16.9667C6.57515 17.0017 6.65105 17.0951 6.62694 17.1768ZM7.4662 17.2381C7.46909 17.3226 7.37061 17.3926 7.24887 17.3943C7.12612 17.3972 7.02679 17.3286 7.0256 17.2454C7.0256 17.16 7.12204 17.0909 7.24463 17.0885C7.36637 17.0863 7.46637 17.1542 7.46637 17.2379L7.4662 17.2381ZM8.24689 17.1053C8.26149 17.1876 8.17677 17.2724 8.05571 17.2949C7.93686 17.317 7.82649 17.2657 7.81121 17.1841C7.79661 17.0995 7.88286 17.0148 8.00171 16.9929C8.12294 16.972 8.23161 17.0216 8.24689 17.1053Z"
+            />
+            <path
+              d="M7.61782 20.4825L7.30202 21.4314L7.36749 21.4532L7.43533 21.4658L7.61782 20.4825ZM8.30428 18.0804L9.30426 18.0752L9.2979 16.841L8.0918 17.1032L8.30428 18.0804ZM4.84994 16.8706L5.79987 16.5582L5.79094 16.531L5.78047 16.5044L4.84994 16.8706ZM3.71151 15.3704L3.14697 16.1958L3.21372 16.2415L3.28694 16.2758L3.71151 15.3704ZM3.78163 14.7473L3.85155 13.7497L3.82324 13.7477L3.79486 13.7474L3.78163 14.7473ZM5.35336 15.8039L4.47747 16.2864L4.48343 16.2972L4.48965 16.3079L5.35336 15.8039ZM8.33705 16.6562L8.74549 17.569L9.25132 17.3426L9.32754 16.7937L8.33705 16.6562ZM8.98801 15.285L9.64575 16.0382L11.353 14.5474L9.10098 14.2914L8.98801 15.285ZM5.37305 7.46573L6.11147 8.14008L6.53985 7.671L6.29728 7.08388L5.37305 7.46573ZM5.47221 4.75252L5.16733 3.80012L4.71577 3.94468L4.54189 4.38578L5.47221 4.75252ZM8.29239 5.8035L7.73176 6.63157L8.11465 6.8908L8.56016 6.76699L8.29239 5.8035ZM10.8593 5.45799L10.8637 4.45796L10.8548 4.458L10.8593 5.45799ZM13.4276 5.80317L13.1603 6.76678L13.6059 6.89039L13.9887 6.63092L13.4276 5.80317ZM16.2444 4.75218L17.1744 4.38463L17.0004 3.94437L16.5496 3.79989L16.2444 4.75218ZM16.3451 7.46539L15.4207 7.08406L15.1783 7.6717L15.6075 8.14059L16.3451 7.46539ZM12.7186 15.2767L12.608 14.2828L10.3332 14.5359L12.0645 16.0331L12.7186 15.2767ZM14.1066 20.481L14.2969 21.4628L14.361 21.4503L14.4229 21.4297L14.1066 20.481ZM21.1126 10.7532H22.1126V10.7531L21.1126 10.7532ZM4.48948 15.2211L5.40366 15.6264L3.78237 14.514L4.48948 15.2211ZM4.31374 15.2526L4.74409 14.3499L4.73244 14.3443L4.72065 14.3391L4.31374 15.2526ZM4.22155 15.0987L5.12596 15.5254L5.13529 15.5056L5.14374 15.4855L4.22155 15.0987ZM4.39813 15.0668L3.97004 15.9705L3.97972 15.9751L3.98949 15.9795L4.39813 15.0668ZM4.48931 15.2213L3.59847 14.767L5.19641 15.9284L4.48931 15.2213ZM4.90478 15.6845L5.61188 14.9774L4.92984 14.2954L4.22364 14.9523L4.90478 15.6845ZM4.6956 15.637L5.43776 14.9667L5.43056 14.9588L5.42319 14.9509L4.6956 15.637ZM4.66555 15.424L3.99963 14.678L3.99303 14.6839L3.98654 14.6899L4.66555 15.424ZM4.87608 15.4716L5.61026 14.7926L5.60367 14.7856L4.87608 15.4716ZM4.90495 15.6847L4.19784 16.3918L4.86773 17.0617L5.57282 16.4289L4.90495 15.6847ZM5.30921 16.2749L4.73955 15.453L4.73724 15.4546L5.30921 16.2749ZM5.08 16.1866L4.25603 16.7532L4.25941 16.7581L5.08 16.1866ZM5.0817 15.9421L5.64195 16.7705L5.65056 16.7645L5.0817 15.9421ZM5.31091 16.0282L6.13967 15.4685L6.1323 15.4576L6.12464 15.4469L5.31091 16.0282ZM5.86289 16.8455L5.41568 15.9511L5.24734 16.0353L5.12112 16.1749L5.86289 16.8455ZM5.59938 16.8065L6.2931 16.0862L6.28566 16.079L6.27807 16.072L5.59938 16.8065ZM5.54114 16.5443L4.80448 15.868L4.8013 15.8715L5.54114 16.5443ZM5.80669 16.5834L5.11725 17.3077L5.12296 17.3131L5.12876 17.3185L5.80669 16.5834ZM5.86323 16.8453L6.31045 17.7398L6.46201 17.664L6.58014 17.5425L5.86323 16.8453ZM6.62694 17.1768L7.58189 17.4735L7.584 17.4667L7.58602 17.4599L6.62694 17.1768ZM6.37056 17.2593L6.0805 18.2163L6.08771 18.2185L6.37056 17.2593ZM6.20247 17.0491L5.24294 16.7675L5.24278 16.768L6.20247 17.0491ZM6.45919 16.9667L6.16129 17.9214L6.17043 17.9241L6.45919 16.9667ZM7.4662 17.2381L6.7591 16.531L6.45197 16.8381L6.46678 17.2722L7.4662 17.2381ZM7.24887 17.3943L7.23493 16.3943L7.22537 16.3945L7.24887 17.3943ZM7.0256 17.2454H6.0256V17.2525L6.0257 17.2596L7.0256 17.2454ZM7.24463 17.0885L7.2265 16.0886L7.22524 16.0887L7.24463 17.0885ZM7.46637 17.2379L8.17348 17.945L8.46637 17.6521V17.2379H7.46637ZM8.24689 17.1053L9.23154 16.9307L9.23063 16.9257L8.24689 17.1053ZM8.05571 17.2949L8.2383 18.2781L8.23908 18.278L8.05571 17.2949ZM7.81121 17.1841L6.8257 17.3543L6.82827 17.368L7.81121 17.1841ZM8.00171 16.9929L7.83193 16.0073L7.82048 16.0094L8.00171 16.9929ZM10.8593 -0.5C4.6451 -0.5 -0.393921 4.53787 -0.393921 10.7532H1.60608C1.60608 5.64257 5.74954 1.5 10.8593 1.5V-0.5ZM-0.393921 10.7532C-0.393921 15.7269 2.83184 19.9435 7.30202 21.4314L7.93362 19.5337C4.25601 18.3097 1.60608 14.8401 1.60608 10.7532H-0.393921ZM7.43533 21.4658C7.91945 21.5556 8.43747 21.4738 8.83415 21.1118C9.20061 20.7774 9.3182 20.3339 9.3182 19.9893H7.3182C7.3182 19.9155 7.34172 19.7662 7.48606 19.6344C7.56146 19.5656 7.64615 19.5259 7.71919 19.5091C7.78739 19.4934 7.82061 19.5031 7.80032 19.4993L7.43533 21.4658ZM9.3182 19.9893C9.3182 19.7445 9.3086 18.9162 9.30426 18.0752L7.30429 18.0855C7.30879 18.9581 7.3182 19.7451 7.3182 19.9893H9.3182ZM8.0918 17.1032C6.90138 17.3621 6.34548 17.0865 6.10713 16.9079C5.97051 16.8055 5.88554 16.6954 5.83695 16.6175C5.81278 16.5788 5.79874 16.5498 5.79289 16.5368C5.79002 16.5304 5.78933 16.5284 5.79055 16.5316C5.79116 16.5332 5.79227 16.5361 5.79383 16.5405C5.79461 16.5427 5.79551 16.5453 5.79652 16.5482C5.79702 16.5497 5.79755 16.5512 5.79811 16.5529C5.79839 16.5537 5.79868 16.5546 5.79897 16.5555C5.79912 16.5559 5.79934 16.5566 5.79942 16.5568C5.79964 16.5575 5.79987 16.5582 4.84994 16.8706C3.9 17.1831 3.90023 17.1838 3.90047 17.1845C3.90055 17.1848 3.90079 17.1855 3.90095 17.186C3.90128 17.187 3.90163 17.188 3.90198 17.189C3.90269 17.1912 3.90344 17.1934 3.90425 17.1957C3.90586 17.2004 3.90766 17.2056 3.90967 17.2113C3.91368 17.2225 3.91852 17.2357 3.92424 17.2505C3.93567 17.2802 3.95069 17.3169 3.96985 17.3593C4.00806 17.444 4.06333 17.5531 4.14015 17.6762C4.29356 17.9221 4.53734 18.2308 4.90775 18.5083C5.68347 19.0896 6.85474 19.4189 8.51675 19.0576L8.0918 17.1032ZM5.78047 16.5044C5.49681 15.7837 5.13617 15.2931 4.81388 14.97C4.65402 14.8097 4.50681 14.6937 4.38822 14.6127C4.32901 14.5722 4.27706 14.5405 4.23439 14.5163C4.21305 14.5042 4.19403 14.494 4.17756 14.4855C4.16933 14.4812 4.16174 14.4774 4.15481 14.474C4.15135 14.4723 4.14805 14.4707 4.14493 14.4692C4.14337 14.4684 4.14185 14.4677 4.14037 14.467C4.13963 14.4667 4.1389 14.4663 4.13819 14.466C4.13783 14.4658 4.1373 14.4656 4.13712 14.4655C4.13659 14.4652 4.13607 14.465 3.71151 15.3704C3.28694 16.2758 3.28642 16.2755 3.28591 16.2753C3.28574 16.2752 3.28522 16.275 3.28489 16.2748C3.28421 16.2745 3.28354 16.2742 3.28289 16.2739C3.28157 16.2733 3.2803 16.2726 3.27906 16.2721C3.27659 16.2709 3.27426 16.2697 3.27209 16.2687C3.26773 16.2665 3.26397 16.2646 3.26077 16.263C3.25438 16.2597 3.25025 16.2574 3.2482 16.2562C3.24409 16.2539 3.2483 16.2561 3.25937 16.2636C3.28137 16.2787 3.33131 16.3156 3.39775 16.3822C3.52808 16.5129 3.73665 16.7725 3.9194 17.2369L5.78047 16.5044ZM4.27604 14.545C4.18958 14.4858 4.15405 14.4533 4.14782 14.4472C4.13446 14.4341 4.19876 14.4907 4.252 14.6175C4.28116 14.687 4.31079 14.7868 4.31492 14.9105C4.31919 15.0383 4.29532 15.1696 4.24163 15.2929C4.13719 15.5327 3.96445 15.6482 3.8926 15.6891C3.81633 15.7326 3.76005 15.7459 3.75324 15.7476C3.74028 15.7508 3.73819 15.7504 3.74895 15.7492C3.75801 15.7482 3.76777 15.7476 3.77492 15.7473C3.77804 15.7472 3.77954 15.7472 3.77884 15.7472C3.77846 15.7472 3.77746 15.7473 3.77576 15.7472C3.77491 15.7472 3.77388 15.7472 3.77266 15.7472C3.77205 15.7472 3.77139 15.7472 3.77068 15.7472C3.77032 15.7472 3.76995 15.7472 3.76957 15.7472C3.76938 15.7472 3.76909 15.7472 3.76899 15.7472C3.76869 15.7472 3.76839 15.7472 3.78163 14.7473C3.79486 13.7474 3.79455 13.7474 3.79424 13.7473C3.79413 13.7473 3.79381 13.7473 3.79359 13.7473C3.79315 13.7473 3.79269 13.7473 3.79222 13.7473C3.79127 13.7473 3.79025 13.7473 3.78916 13.7473C3.78698 13.7473 3.78453 13.7473 3.78181 13.7473C3.77638 13.7472 3.76988 13.7472 3.7624 13.7473C3.7475 13.7474 3.72841 13.7478 3.70599 13.7485C3.66206 13.7501 3.60091 13.7534 3.5307 13.7611C3.43011 13.7722 3.15872 13.8054 2.9027 13.9513C2.76394 14.0303 2.53882 14.1939 2.40799 14.4943C2.26365 14.8257 2.30716 15.1517 2.40786 15.3916C2.56764 15.7723 2.90592 16.0309 3.14697 16.1958L4.27604 14.545ZM3.7117 15.7448C3.90999 15.7587 4.09331 15.8621 4.25895 16.022C4.33834 16.0987 4.39956 16.1754 4.43962 16.2313C4.45919 16.2586 4.47241 16.2792 4.47902 16.2898C4.4823 16.295 4.48383 16.2977 4.4836 16.2973C4.48349 16.2971 4.48292 16.2961 4.4819 16.2943C4.48139 16.2934 4.48077 16.2923 4.48003 16.291C4.47966 16.2903 4.47926 16.2896 4.47883 16.2888C4.47862 16.2885 4.4784 16.2881 4.47817 16.2877C4.47806 16.2874 4.47788 16.2871 4.47783 16.287C4.47765 16.2867 4.47747 16.2864 5.35336 15.8039C6.22925 15.3214 6.22906 15.321 6.22888 15.3207C6.22881 15.3206 6.22862 15.3202 6.22849 15.32C6.22823 15.3195 6.22796 15.319 6.22768 15.3185C6.22712 15.3175 6.22653 15.3164 6.22589 15.3153C6.22463 15.313 6.22321 15.3105 6.22164 15.3078C6.21851 15.3022 6.21477 15.2957 6.21043 15.2883C6.20175 15.2734 6.19063 15.2549 6.17707 15.2331C6.15 15.1896 6.11281 15.1326 6.06545 15.0665C5.97166 14.9356 5.83297 14.7617 5.6481 14.5832C5.28524 14.2329 4.6827 13.808 3.85155 13.7497L3.7117 15.7448ZM4.48965 16.3079C5.11413 17.378 6.00643 17.8339 6.8797 17.9119C7.68396 17.9838 8.38514 17.7302 8.74549 17.569L7.9286 15.7434C7.70386 15.844 7.37044 15.9478 7.05775 15.9199C6.81406 15.8981 6.50707 15.7968 6.21706 15.2999L4.48965 16.3079ZM9.32754 16.7937C9.39248 16.3261 9.56458 16.1091 9.64575 16.0382L8.33028 14.5317C7.825 14.9729 7.46566 15.6609 7.34655 16.5187L9.32754 16.7937ZM9.10098 14.2914C8.02059 14.1686 7.09558 13.9125 6.44212 13.3626C5.837 12.8533 5.31646 11.9633 5.31646 10.218H3.31646C3.31646 12.4015 3.99302 13.9155 5.15433 14.8928C6.2673 15.8294 7.67807 16.1425 8.87505 16.2786L9.10098 14.2914ZM5.31646 10.218C5.31646 9.35979 5.61583 8.68281 6.11147 8.14008L4.63464 6.79138C3.81849 7.68507 3.31646 8.83738 3.31646 10.218H5.31646ZM6.29728 7.08388C6.25492 6.98136 5.96949 6.21778 6.40253 5.11925L4.54189 4.38578C3.86146 6.11185 4.27793 7.43394 4.44883 7.84758L6.29728 7.08388ZM5.47221 4.75252C5.77709 5.70491 5.77613 5.70521 5.77518 5.70552C5.77487 5.70562 5.77392 5.70592 5.77329 5.70611C5.77204 5.70651 5.7708 5.7069 5.76957 5.70728C5.7671 5.70805 5.76469 5.70879 5.76232 5.70951C5.75758 5.71094 5.75302 5.71228 5.74865 5.71352C5.73991 5.71601 5.73193 5.71813 5.72471 5.71993C5.71025 5.72354 5.69893 5.72587 5.69082 5.72733C5.67449 5.73028 5.67169 5.72966 5.68316 5.72914C5.70545 5.72811 5.78959 5.7271 5.94141 5.75908C6.24664 5.82337 6.83272 6.02289 7.73176 6.63157L8.85302 4.97544C7.7927 4.25757 6.9687 3.93159 6.35367 3.80203C6.04537 3.73708 5.79184 3.72205 5.5915 3.73124C5.49165 3.73582 5.40629 3.74636 5.33523 3.7592C5.29976 3.76561 5.26803 3.77256 5.24 3.77956C5.226 3.78305 5.21294 3.78656 5.20082 3.79001C5.19477 3.79174 5.18895 3.79345 5.18336 3.79514C5.18057 3.79598 5.17784 3.79682 5.17517 3.79765C5.17383 3.79807 5.17251 3.79848 5.17121 3.79889C5.17055 3.7991 5.16958 3.79941 5.16926 3.79951C5.16829 3.79982 5.16733 3.80012 5.47221 4.75252ZM8.56016 6.76699C9.28601 6.56526 10.0743 6.46151 10.8637 6.45798L10.8548 4.458C9.90119 4.46227 8.93485 4.58705 8.02462 4.84002L8.56016 6.76699ZM10.8548 6.45798C11.6439 6.46151 12.4328 6.56498 13.1603 6.76678L13.6949 4.83955C12.7833 4.58666 11.8166 4.46227 10.8637 4.458L10.8548 6.45798ZM13.9887 6.63092C14.8866 6.0223 15.4718 5.82291 15.7763 5.75869C15.9277 5.72674 16.0116 5.72778 16.0336 5.72879C16.045 5.72931 16.0421 5.72992 16.0257 5.72696C16.0175 5.72548 16.0062 5.72315 15.9917 5.71953C15.9844 5.71772 15.9764 5.71559 15.9677 5.71309C15.9633 5.71185 15.9587 5.71051 15.954 5.70907C15.9516 5.70835 15.9492 5.70761 15.9467 5.70684C15.9455 5.70646 15.9443 5.70607 15.943 5.70567C15.9424 5.70547 15.9414 5.70517 15.9411 5.70507C15.9402 5.70477 15.9392 5.70446 16.2444 4.75218C16.5496 3.79989 16.5487 3.79958 16.5477 3.79927C16.5474 3.79917 16.5464 3.79886 16.5458 3.79866C16.5444 3.79824 16.5431 3.79783 16.5418 3.79741C16.5391 3.79658 16.5364 3.79574 16.5336 3.79489C16.528 3.7932 16.5222 3.79149 16.5161 3.78976C16.504 3.7863 16.4909 3.78279 16.4769 3.77928C16.4489 3.77227 16.4171 3.76531 16.3817 3.7589C16.3106 3.74604 16.2252 3.73549 16.1254 3.7309C15.9251 3.7217 15.6716 3.73675 15.3635 3.80174C14.7489 3.93137 13.9257 4.25748 12.8665 4.97542L13.9887 6.63092ZM15.3144 5.11973C15.7484 6.21773 15.4631 6.9812 15.4207 7.08406L17.2695 7.84672C17.44 7.43342 17.8567 6.11088 17.1744 4.38463L15.3144 5.11973ZM15.6075 8.14059C16.1026 8.68151 16.4003 9.35763 16.4003 10.2177H18.4003C18.4003 8.83886 17.9024 7.68568 17.0827 6.79019L15.6075 8.14059ZM16.4003 10.2177C16.4003 11.9679 15.8787 12.8556 15.2738 13.3618C14.6197 13.9093 13.6931 14.1621 12.608 14.2828L12.8292 16.2705C14.0273 16.1372 15.4415 15.8295 16.5575 14.8955C17.7227 13.9203 18.4003 12.4055 18.4003 10.2177H16.4003ZM12.0645 16.0331C12.1668 16.1215 12.4142 16.4425 12.4142 17.1754H14.4142C14.4142 15.9955 14.0063 15.0682 13.3727 14.5203L12.0645 16.0331ZM12.4142 17.1754C12.4142 17.8586 12.4113 18.4753 12.4083 18.964C12.4054 19.4486 12.4023 19.8163 12.4023 19.9891H14.4023C14.4023 19.8243 14.4053 19.471 14.4083 18.9762C14.4112 18.4854 14.4142 17.8642 14.4142 17.1754H12.4142ZM12.4023 19.9891C12.4023 20.3273 12.5146 20.7752 12.8854 21.1137C13.288 21.4812 13.8127 21.5566 14.2969 21.4628L13.9164 19.4993C13.8928 19.5038 13.9252 19.4935 13.9942 19.5088C14.0687 19.5253 14.1561 19.5656 14.2339 19.6366C14.3824 19.7722 14.4023 19.9239 14.4023 19.9891H12.4023ZM14.4229 21.4297C18.8906 19.9403 22.1126 15.7248 22.1126 10.7532H20.1126C20.1126 14.8387 17.4657 18.3071 13.7904 19.5323L14.4229 21.4297ZM22.1126 10.7531C22.1124 4.53827 17.074 -0.5 10.8593 -0.5V1.5C15.9694 1.5 20.1124 5.64286 20.1126 10.7532L22.1126 10.7531ZM3.57529 14.8159C3.7377 14.4495 4.05709 14.3188 4.24101 14.2853C4.4344 14.25 4.60871 14.2854 4.74409 14.3499L3.8834 16.1552C4.09179 16.2546 4.34267 16.2997 4.60003 16.2528C4.84791 16.2075 5.21867 16.0437 5.40366 15.6264L3.57529 14.8159ZM4.72065 14.3391C4.84762 14.3956 4.98696 14.4991 5.08837 14.6683C5.18709 14.8331 5.29719 15.1624 5.12596 15.5254L3.31714 14.6721C3.1218 15.0861 3.24064 15.4758 3.37281 15.6963C3.50767 15.9214 3.70516 16.0762 3.90684 16.166L4.72065 14.3391ZM5.14374 15.4855C4.9863 15.8609 4.66098 15.9991 4.46786 16.034C4.27044 16.0696 4.09798 16.0312 3.97004 15.9705L4.82622 14.1631C4.62408 14.0673 4.37437 14.0185 4.11273 14.0657C3.85538 14.1122 3.47887 14.2839 3.29936 14.712L5.14374 15.4855ZM3.98949 15.9795C3.86339 15.9231 3.72364 15.8196 3.62204 15.6488C3.52272 15.4818 3.40902 15.1385 3.59847 14.767L5.38014 15.6756C5.59557 15.2532 5.47363 14.8494 5.34091 14.6263C5.2059 14.3993 5.00757 14.244 4.80677 14.1541L3.98949 15.9795ZM5.19641 15.9284L5.19658 15.9283L3.78237 14.514L3.7822 14.5142L5.19641 15.9284ZM4.22364 14.9523C4.51446 14.6818 4.85412 14.6904 5.02582 14.7291C5.20781 14.77 5.34502 14.864 5.43776 14.9667L3.95344 16.3072C4.11104 16.4817 4.32847 16.6221 4.58665 16.6803C4.83455 16.7361 5.24637 16.7325 5.58591 16.4167L4.22364 14.9523ZM5.42319 14.9509C5.51537 15.0487 5.60099 15.1938 5.6273 15.3842C5.65295 15.5699 5.62499 15.8988 5.34455 16.1582L3.98654 14.6899C3.65635 14.9953 3.6098 15.395 3.64611 15.6579C3.68307 15.9254 3.8086 16.1539 3.96801 16.323L5.42319 14.9509ZM5.33146 16.1701C5.04903 16.4222 4.72244 16.4201 4.54291 16.3793C4.361 16.3379 4.23139 16.2455 4.14849 16.1576L5.60367 14.7856C5.45354 14.6263 5.24396 14.4876 4.98624 14.429C4.7309 14.371 4.33266 14.3807 3.99963 14.678L5.33146 16.1701ZM4.14194 16.1506C4.05666 16.0584 3.97042 15.9162 3.94406 15.7235C3.91765 15.5305 3.95081 15.1973 4.23707 14.9404L5.57282 16.4289C5.91036 16.1261 5.96253 15.7224 5.9256 15.4525C5.88872 15.1828 5.76241 14.9571 5.61023 14.7926L4.14194 16.1506ZM5.61205 14.9776L5.61188 14.9774L4.19767 16.3916L4.19784 16.3918L5.61205 14.9776ZM4.73724 15.4546C5.06325 15.2273 5.3977 15.2872 5.55745 15.3494C5.72384 15.4141 5.83371 15.519 5.90059 15.6151L4.25941 16.7581C4.38979 16.9453 4.58285 17.1162 4.83227 17.2133C5.07505 17.3077 5.49235 17.3663 5.88119 17.0951L4.73724 15.4546ZM5.90395 15.6199C5.97268 15.7198 6.03397 15.8658 6.03308 16.0512C6.03221 16.2342 5.95879 16.5561 5.64192 16.7704L4.52148 15.1137C4.14008 15.3717 4.03441 15.7701 4.03311 16.0416C4.03179 16.3155 4.1245 16.5619 4.25605 16.7532L5.90395 15.6199ZM5.65056 16.7645C5.33331 16.9839 5.00602 16.9325 4.84059 16.8696C4.67218 16.8056 4.56266 16.7011 4.49718 16.6094L6.12464 15.4469C5.99464 15.2649 5.80218 15.0955 5.55113 15C5.30305 14.9058 4.89342 14.8564 4.51283 15.1196L5.65056 16.7645ZM4.48215 16.5878C4.4163 16.4902 4.3567 16.3472 4.35757 16.1648C4.35843 15.9849 4.42943 15.6679 4.73955 15.453L5.87888 17.0967C6.25318 16.8373 6.35627 16.4432 6.35755 16.1743C6.35884 15.9028 6.268 15.6586 6.13967 15.4685L4.48215 16.5878ZM5.12112 16.1749C5.3813 15.8871 5.71317 15.866 5.88673 15.8913C6.06751 15.9175 6.20289 15.9993 6.2931 16.0862L4.90566 17.5267C5.08349 17.698 5.3226 17.8303 5.59922 17.8705C5.86863 17.9096 6.28846 17.8659 6.60467 17.5162L5.12112 16.1749ZM6.27807 16.072C6.36664 16.1539 6.45438 16.2797 6.49247 16.4536C6.52906 16.6206 6.53277 16.9402 6.28099 17.2171L4.8013 15.8715C4.49332 16.2102 4.48141 16.6195 4.53879 16.8815C4.59768 17.1504 4.74264 17.3764 4.9207 17.5409L6.27807 16.072ZM6.2778 17.2206C6.0177 17.5039 5.6891 17.5236 5.51773 17.4986C5.3396 17.4726 5.20633 17.3925 5.11725 17.3077L6.49614 15.859C6.31893 15.6904 6.08141 15.5597 5.8068 15.5196C5.53895 15.4805 5.12163 15.5226 4.80449 15.868L6.2778 17.2206ZM5.12876 17.3185C5.0437 17.24 4.95355 17.1153 4.91434 16.937C4.87549 16.7604 4.87616 16.426 5.14632 16.1482L6.58014 17.5425C6.91024 17.2031 6.92737 16.7789 6.86765 16.5074C6.80756 16.2341 6.65916 16.0092 6.48462 15.8482L5.12876 17.3185ZM5.41602 15.9509L5.41568 15.9511L6.31011 17.7399L6.31045 17.7398L5.41602 15.9509ZM5.67199 16.88C5.78473 16.5172 6.06787 16.36 6.2279 16.3087C6.39422 16.2554 6.54261 16.2674 6.65341 16.3001L6.08771 18.2185C6.31481 18.2854 6.57892 18.2964 6.83811 18.2133C7.09101 18.1323 7.44419 17.9166 7.58189 17.4735L5.67199 16.88ZM6.66061 16.3023C6.77201 16.336 6.90382 16.4082 7.01409 16.5456C7.12087 16.6787 7.2686 16.9667 7.16215 17.3302L5.24278 16.768C5.11257 17.2126 5.28636 17.5881 5.45414 17.7973C5.6254 18.0107 5.85314 18.1474 6.08051 18.2163L6.66061 16.3023ZM7.16199 17.3307C7.05356 17.7002 6.76704 17.8626 6.60285 17.9156C6.43185 17.9707 6.27762 17.9576 6.16131 17.9213L6.75707 16.0121C6.52377 15.9393 6.25307 15.9269 5.98889 16.0121C5.73153 16.0952 5.37515 16.317 5.24294 16.7675L7.16199 17.3307ZM6.17043 17.9241C6.06001 17.8908 5.92725 17.8191 5.81588 17.6804C5.70682 17.5446 5.561 17.2556 5.66786 16.8936L7.58602 17.4599C7.71699 17.0163 7.54527 16.6398 7.37531 16.4281C7.20302 16.2136 6.97434 16.0776 6.74795 16.0093L6.17043 17.9241ZM6.46678 17.2722C6.45351 16.8832 6.67905 16.6366 6.82204 16.5342C6.96876 16.4291 7.11818 16.396 7.23493 16.3944L7.26282 18.3942C7.50131 18.3908 7.76084 18.3219 7.98651 18.1603C8.20844 18.0013 8.48178 17.6775 8.46562 17.2039L6.46678 17.2722ZM7.22537 16.3945C7.3481 16.3917 7.50101 16.422 7.65068 16.5229C7.79385 16.6195 8.02008 16.8518 8.0255 17.2311L6.0257 17.2596C6.03231 17.7221 6.3088 18.0303 6.53262 18.1812C6.76294 18.3365 7.02689 18.3998 7.27238 18.394L7.22537 16.3945ZM8.0256 17.2454C8.0256 17.6091 7.81754 17.8441 7.6715 17.9487C7.52465 18.0539 7.37631 18.0861 7.26402 18.0883L7.22524 16.0887C6.99036 16.0932 6.73251 16.1612 6.50679 16.3229C6.28189 16.484 6.0256 16.7962 6.0256 17.2454H8.0256ZM7.26276 18.0883C7.14217 18.0905 6.99064 18.0604 6.84142 17.9596C6.69787 17.8627 6.46637 17.6253 6.46637 17.2379H8.46637C8.46637 16.7668 8.18487 16.4536 7.96089 16.3023C7.73123 16.1472 7.46882 16.0843 7.2265 16.0886L7.26276 18.0883ZM6.75927 16.5308L6.7591 16.531L8.17331 17.9452L8.17348 17.945L6.75927 16.5308ZM7.26225 17.2799C7.19594 16.9059 7.37501 16.6348 7.49703 16.5135C7.62295 16.3882 7.76182 16.3325 7.87233 16.3119L8.23908 18.278C8.47066 18.2348 8.71242 18.1254 8.90731 17.9316C9.09831 17.7417 9.31244 17.387 9.23153 16.9307L7.26225 17.2799ZM7.87312 16.3118C7.99655 16.2888 8.15035 16.2958 8.31023 16.3689C8.46091 16.4377 8.72413 16.6259 8.79415 17.0002L6.82827 17.368C6.91358 17.8239 7.23962 18.0786 7.47901 18.188C7.72761 18.3015 7.99602 18.3231 8.2383 18.2781L7.87312 16.3118ZM8.79663 17.0139C8.86025 17.3823 8.68519 17.6508 8.56244 17.7732C8.43711 17.8981 8.29753 17.9552 8.18295 17.9763L7.82048 16.0094C7.58704 16.0525 7.34491 16.1629 7.1504 16.3568C6.95845 16.5482 6.74757 16.9013 6.8258 17.3542L8.79663 17.0139ZM8.17148 17.9784C8.0618 17.9973 7.9112 17.9939 7.7478 17.9191C7.58636 17.8452 7.33014 17.6519 7.26315 17.2849L9.23063 16.9257C9.14836 16.475 8.83016 16.215 8.58027 16.1006C8.3284 15.9853 8.06286 15.9676 7.83195 16.0074L8.17148 17.9784Z"
+              mask="url(#path-1-inside-1_1218_1523)"
+            />
+          </svg>
+          <a href="<%= link.URL -%>" target="_blank">github</a>
+        </div>
+      <%_ } %>
+      <%_ if (link.type === 'twitter') { -%>
+        <div class="aside__section__item">
+          <svg
+            xmlns="http://www.w3.org/2000/svg"
+            width="21"
+            height="21"
+            viewBox="0 0 21 21"
+            fill="none"
+            class="svg-fill"
+          >
+            <path
+              d="M6.93408 20.5C14.5275 20.5 18.6797 12.8041 18.6797 6.13165C18.6797 5.91314 18.6797 5.69511 18.6679 5.47833C19.4761 4.76356 20.1737 3.87806 20.7276 2.86366C19.9746 3.27269 19.1759 3.5404 18.3573 3.65956C19.2188 3.02762 19.8636 2.03476 20.1712 0.865523C19.3607 1.45391 18.474 1.86845 17.5492 2.09182C16.2702 0.427727 14.237 0.0199563 12.5901 1.09833C10.9439 2.17671 10.0934 4.4718 10.5152 6.69725C7.19628 6.49399 4.10326 4.57571 2.00765 1.42137C0.9101 3.72747 1.46878 6.68011 3.28206 8.16359C2.63 8.13655 1.99193 7.91915 1.42209 7.52992V7.59437C1.42209 9.99526 2.80323 12.0648 4.72639 12.5448C4.12497 12.747 3.47893 12.7766 2.86155 12.6302C3.40184 14.6886 4.95181 16.0996 6.7184 16.1401C5.25568 17.542 3.44979 18.3016 1.59108 18.2969C1.26191 18.2969 0.932736 18.2733 0.606079 18.2268C2.49371 19.7096 4.69008 20.4969 6.93392 20.4939"
+            />
+          </svg>
+          <a href="<%= link.URL -%>" target="_blank">twitter</a>
+        </div>
+      <%_ } %>
+      <%_ if (link.type === 'web') { -%>
+        <div class="aside__section__item">
+          <svg
+            xmlns="http://www.w3.org/2000/svg"
+            width="21"
+            height="21"
+            viewBox="0 0 21 21"
+            fill="none"
+            class="svg-fill"
+          >
+            <path
+              d="M20.0495 13.7905C20.4096 12.7597 20.6061 11.6522 20.6061 10.5002C20.6061 9.34807 20.4096 8.24118 20.0495 7.21039C20.041 7.17954 20.0303 7.14928 20.0178 7.12031C18.6291 3.26449 14.9347 0.5 10.6062 0.5C6.2776 0.5 2.5832 3.26435 1.19454 7.12031C1.18186 7.14913 1.17105 7.17954 1.16284 7.21039C0.802664 8.24118 0.606079 9.34807 0.606079 10.5002C0.606079 11.6522 0.802664 12.7597 1.16284 13.7905C1.17163 13.8213 1.18201 13.8516 1.19454 13.8806C2.58378 17.7364 6.2776 20.5009 10.6062 20.5009C14.9347 20.5009 18.6291 17.7365 20.0178 13.8806C20.0303 13.8516 20.041 13.8213 20.0495 13.7905ZM10.606 19.0672C10.2252 19.0672 9.6111 18.3779 9.09786 16.8382C8.85011 16.0952 8.65222 15.2408 8.50767 14.3118H12.7045C12.5604 15.241 12.362 16.0949 12.1143 16.8382C11.6009 18.3779 10.9868 19.0672 10.606 19.0672ZM8.33356 12.8782C8.26438 12.1139 8.22806 11.3164 8.22806 10.5002C8.22806 9.68403 8.26438 8.88701 8.33356 8.12271H12.8786C12.9473 8.88701 12.9837 9.68403 12.9837 10.5002C12.9837 11.3164 12.9473 12.1139 12.8786 12.8782H8.33356ZM2.03941 10.5002C2.03941 9.67567 2.15645 8.87778 2.37538 8.12271H6.89576C6.82859 8.90286 6.79458 9.70219 6.79458 10.5002C6.79458 11.2987 6.82859 12.098 6.89576 12.8782H2.37538C2.15645 12.1226 2.03941 11.3252 2.03941 10.5002ZM10.606 1.93363C10.9868 1.93363 11.6009 2.62298 12.1141 4.16269C12.3619 4.90566 12.5602 5.76004 12.7043 6.68908H8.50753C8.65165 5.75946 8.84997 4.90551 9.09772 4.16269C9.6111 2.62284 10.2252 1.93363 10.606 1.93363ZM14.3163 8.12271H18.8365C19.055 8.87764 19.1726 9.67567 19.1726 10.5002C19.1726 11.3252 19.055 12.1232 18.8365 12.8782H14.3163C14.3834 12.098 14.417 11.2987 14.417 10.5002C14.417 9.70219 14.3834 8.90286 14.3163 8.12271ZM18.2767 6.68922H14.1521C13.8968 4.93088 13.4596 3.3537 12.8459 2.23139C15.2248 2.87621 17.1959 4.523 18.2767 6.68922ZM8.36613 2.23125C7.75244 3.35356 7.31531 4.93074 7.05992 6.68908H2.9353C4.01611 4.523 5.98718 2.87621 8.36613 2.23125ZM2.93545 14.3116H7.06006C7.31531 16.07 7.75259 17.6472 8.36628 18.7695C5.98718 18.1241 4.01611 16.4779 2.93545 14.3116ZM12.8459 18.7695C13.4596 17.6472 13.8967 16.07 14.1521 14.3116H18.2767C17.1959 16.4779 15.2248 18.1241 12.8459 18.7695Z"
+            />
+          </svg>
+          <a href="<%= link.URL -%>" target="_blank"><%= link.type -%></a>
+        </div>
+      <%_ } %>
+      <%_ if (link.type === 'otros') { -%>
+        <div class="aside__section__item">
+          <svg
+            xmlns="http://www.w3.org/2000/svg"
+            width="21"
+            height="21"
+            viewBox="0 0 21 21"
+            fill="none"
+            class="svg-fill"
+          >
+            <path
+              d="M7.40295 9.87598H3.1842C1.7626 9.87598 0.606079 8.71945 0.606079 7.29785V3.0791C0.606079 1.6575 1.7626 0.500977 3.1842 0.500977H7.40295C8.82456 0.500977 9.98108 1.6575 9.98108 3.0791V7.29785C9.98108 8.71945 8.82456 9.87598 7.40295 9.87598ZM3.1842 1.75098C2.45186 1.75098 1.85608 2.34676 1.85608 3.0791V7.29785C1.85608 8.0302 2.45186 8.62598 3.1842 8.62598H7.40295C8.1353 8.62598 8.73108 8.0302 8.73108 7.29785V3.0791C8.73108 2.34676 8.1353 1.75098 7.40295 1.75098H3.1842Z"
+            />
+            <path
+              d="M18.028 9.87598H13.8092C12.3876 9.87598 11.2311 8.71945 11.2311 7.29785V3.0791C11.2311 1.6575 12.3876 0.500977 13.8092 0.500977H18.028C19.4496 0.500977 20.6061 1.6575 20.6061 3.0791V7.29785C20.6061 8.71945 19.4496 9.87598 18.028 9.87598ZM13.8092 1.75098C13.0769 1.75098 12.4811 2.34676 12.4811 3.0791V7.29785C12.4811 8.0302 13.0769 8.62598 13.8092 8.62598H18.028C18.7603 8.62598 19.3561 8.0302 19.3561 7.29785V3.0791C19.3561 2.34676 18.7603 1.75098 18.028 1.75098H13.8092Z"
+            />
+            <path
+              d="M15.9186 20.501C13.3339 20.501 11.2311 18.3982 11.2311 15.8135C11.2311 13.2288 13.3339 11.126 15.9186 11.126C18.5033 11.126 20.6061 13.2288 20.6061 15.8135C20.6061 18.3982 18.5033 20.501 15.9186 20.501ZM15.9186 12.376C14.0231 12.376 12.4811 13.918 12.4811 15.8135C12.4811 17.7089 14.0231 19.251 15.9186 19.251C17.814 19.251 19.3561 17.7089 19.3561 15.8135C19.3561 13.918 17.814 12.376 15.9186 12.376Z"
+            />
+            <path
+              d="M7.40295 20.501H3.1842C1.7626 20.501 0.606079 19.3445 0.606079 17.9229V13.7041C0.606079 12.2825 1.7626 11.126 3.1842 11.126H7.40295C8.82456 11.126 9.98108 12.2825 9.98108 13.7041V17.9229C9.98108 19.3445 8.82456 20.501 7.40295 20.501ZM3.1842 12.376C2.45186 12.376 1.85608 12.9718 1.85608 13.7041V17.9229C1.85608 18.6552 2.45186 19.251 3.1842 19.251H7.40295C8.1353 19.251 8.73108 18.6552 8.73108 17.9229V13.7041C8.73108 12.9718 8.1353 12.376 7.40295 12.376H3.1842Z"
+            />
+          </svg>
+          <a href="<%= link.URL -%>" target="_blank"><%= link.type -%></a>
+        </div>
+      <%_ } %>
+    <%_ } %>
+  </div>
+<%_ } -%>
diff --git a/packages/manfred2html/src/engine/template-b/html-parts/relevants-links-section/relevants-links-section.part.ts b/packages/manfred2html/src/engine/template-b/html-parts/relevants-links-section/relevants-links-section.part.ts
new file mode 100644
index 00000000..929d0526
--- /dev/null
+++ b/packages/manfred2html/src/engine/template-b/html-parts/relevants-links-section/relevants-links-section.part.ts
@@ -0,0 +1,18 @@
+import ejs from 'ejs';
+import { ManfredAwesomicCV } from '@/model';
+import { ProfileSectionVm, mapFromMacCvToProfileSectionVm } from '@lemoncode/manfred-common/profile-section';
+import relevantsLinksSection from './relevants-links-section.ejs?raw';
+
+export const generateRelevantsLinksSection = (cv: ManfredAwesomicCV): string => {
+  const profileSectionVm = mapFromMacCvToProfileSectionVm(cv);
+
+  return generateRelevantsLinksSectionInner(profileSectionVm);
+};
+
+const generateRelevantsLinksSectionInner = (profileSectionVm: ProfileSectionVm): string => {
+  const rootObject = {
+    profile: profileSectionVm,
+  };
+
+  return ejs.render(relevantsLinksSection, rootObject);
+};
diff --git a/packages/manfred2html/src/engine/template-b/html-parts/soft-skills-section/index.ts b/packages/manfred2html/src/engine/template-b/html-parts/soft-skills-section/index.ts
new file mode 100644
index 00000000..caf64397
--- /dev/null
+++ b/packages/manfred2html/src/engine/template-b/html-parts/soft-skills-section/index.ts
@@ -0,0 +1 @@
+export * from './soft-skills-section.part';
diff --git a/packages/manfred2html/src/engine/template-b/html-parts/soft-skills-section/soft-skills-section.ejs b/packages/manfred2html/src/engine/template-b/html-parts/soft-skills-section/soft-skills-section.ejs
new file mode 100644
index 00000000..4595a44d
--- /dev/null
+++ b/packages/manfred2html/src/engine/template-b/html-parts/soft-skills-section/soft-skills-section.ejs
@@ -0,0 +1,31 @@
+<%_ if (softSkillsCollection && softSkillsCollection.length !== 0) { -%>
+    <div class="aside__section">
+      <div class="aside__section__header">
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          width="21"
+          height="33"
+          viewBox="0 0 21 33"
+          fill="none"
+          class="svg-stroke"
+        >
+          <path
+            d="M19.6061 22.939C18.4811 24.2172 17.0964 25.2407 15.5444 25.9412C13.9924 26.6417 12.3088 27.003 10.6061 27.001M10.6061 27.001C8.90332 27.003 7.21973 26.6417 5.66772 25.9412C4.11571 25.2407 2.73101 24.2172 1.60608 22.939M10.6061 27.001V31.501M7.60608 31.501H13.6061M10.6061 1.50098C13.9198 1.50098 16.6061 4.18727 16.6061 7.50098V15.001C16.6061 18.3147 13.9198 21.001 10.6061 21.001C7.29237 21.001 4.60608 18.3147 4.60608 15.001V7.50098C4.60608 4.18727 7.29237 1.50098 10.6061 1.50098Z"
+            stroke-width="2.5"
+            stroke-linecap="round"
+            stroke-linejoin="round"
+          />
+        </svg>
+        <div>
+          <h3>SOFT SKILLS</h3>
+          <hr class="secondary-divider" />
+        </div>
+      </div>
+      <ul class="aside__section__list-items">
+        <%_ for (const item of softSkillsCollection) { -%>
+          <li><%- item.skill.name %></li>
+        <%_ } -%>
+      </ul>
+    </div>
+  <%_ } -%>
+  
\ No newline at end of file
diff --git a/packages/manfred2html/src/engine/template-b/html-parts/soft-skills-section/soft-skills-section.part.ts b/packages/manfred2html/src/engine/template-b/html-parts/soft-skills-section/soft-skills-section.part.ts
new file mode 100644
index 00000000..915d2484
--- /dev/null
+++ b/packages/manfred2html/src/engine/template-b/html-parts/soft-skills-section/soft-skills-section.part.ts
@@ -0,0 +1,16 @@
+import ejs from 'ejs';
+import { ManfredAwesomicCV } from '@/model';
+import { SoftSkillVM, mapFromCvToSoftSkillVm } from '@lemoncode/manfred-common/soft-skill-section';
+import softSkillsSection from './soft-skills-section.ejs?raw';
+
+export const generateSoftSkillsSection = (cv: ManfredAwesomicCV): string => {
+  const softSkillsSectionVm = mapFromCvToSoftSkillVm(cv);
+  return generateSoftSkillsSectionInner(softSkillsSectionVm);
+};
+
+const generateSoftSkillsSectionInner = (softSkillsSectionVm: SoftSkillVM[]): string => {
+  const rootObject = {
+    softSkillsCollection: softSkillsSectionVm,
+  };
+  return ejs.render(softSkillsSection, rootObject);
+};
diff --git a/packages/manfred2html/src/engine/template-b/html-parts/studies-section/index.ts b/packages/manfred2html/src/engine/template-b/html-parts/studies-section/index.ts
new file mode 100644
index 00000000..bd83d5eb
--- /dev/null
+++ b/packages/manfred2html/src/engine/template-b/html-parts/studies-section/index.ts
@@ -0,0 +1 @@
+export * from './studies-section.part';
diff --git a/packages/manfred2html/src/engine/template-b/html-parts/studies-section/studies-section.ejs b/packages/manfred2html/src/engine/template-b/html-parts/studies-section/studies-section.ejs
new file mode 100644
index 00000000..0b56db2f
--- /dev/null
+++ b/packages/manfred2html/src/engine/template-b/html-parts/studies-section/studies-section.ejs
@@ -0,0 +1,55 @@
+<%_ if (studiesCollection && studiesCollection.length !== 0) { -%>
+    <section class="main__section">
+      <div class="main__section__header">
+        <h2>Educación</h2>
+        <hr class="secondary-divider" />
+      </div>
+      <%_ for (const study of studiesCollection) { -%>
+      <div class="main__section__item">
+        <div class="date date-desktop">
+          <p>Inicio: <b><%- study.startDate %></b></p>
+          <%_ if (study.finishDate || study.finishDate === 'Actualidad') { -%>            
+            <p>Fin: <b><%- study.finishDate %></b></p>
+            <%_ } -%>
+        </div>
+        <div class="line-icon">
+          <div class="circle"></div>
+          <hr class="line" />
+        </div>
+        <div class="section__content">
+          <div class="section__content__header">
+            <h3><%- study.name %></h3>
+            <%_ if (study.description) { -%>
+                <h4><%- study.description %></h4>
+                <%_ } -%>
+          </div>
+          <div class="date date-mobile">
+            <p>Inicio: <b><%- study.startDate %></b></p>
+            <%_ if (study.finishDate || study.finishDate === 'Actualidad') { -%>            
+              <p>Fin: <b><%- study.finishDate %></b></p>
+              <%_ } -%>            
+          </div>
+          <div class="data">
+            <p>Tipo de estudios: <b><%- study.studyType %></b></p>
+            <p>
+              Grado obtenido: <% if (study.degreeAchieved) { %>
+              <b>Obtenido</b>
+              <%} else { %>
+              <b>No obtenido</b>
+              <% } %>
+            </p>
+            <p>Nombre de la institución: <b><%- study.institution.name %></b></p>
+            <%_ if (study.location) { -%>
+            <p>
+              Ubicación de la institución:
+                <h4><%- study.description %></h4>                
+              <b><%- study.institution.location.region %> , <%- study.institution.location.country %> </b>
+            </p>
+            <%_ } -%>
+          </div>
+        </div>
+      </div>
+      <%_ } -%>
+    </section>
+    <%_ } -%>
+    
\ No newline at end of file
diff --git a/packages/manfred2html/src/engine/template-b/html-parts/studies-section/studies-section.part.ts b/packages/manfred2html/src/engine/template-b/html-parts/studies-section/studies-section.part.ts
new file mode 100644
index 00000000..512e6471
--- /dev/null
+++ b/packages/manfred2html/src/engine/template-b/html-parts/studies-section/studies-section.part.ts
@@ -0,0 +1,18 @@
+import ejs from 'ejs';
+import { StudiesSectionVm, mapFromMacCvToStudiesSectionVm } from '@lemoncode/manfred-common/studies-section';
+import { ManfredAwesomicCV } from '@/model';
+import studiesTemplate from './studies-section.ejs?raw';
+
+export const generateStudiesSection = (cv: ManfredAwesomicCV): string => {
+  const studiesSectionVm = mapFromMacCvToStudiesSectionVm(cv);
+
+  return generateStudiesSectionInner(studiesSectionVm);
+};
+
+const generateStudiesSectionInner = (studiesSectionVm: StudiesSectionVm[]): string => {
+  const rootObject = {
+    studiesCollection: studiesSectionVm,
+  };
+
+  return ejs.render(studiesTemplate, rootObject);
+};
diff --git a/packages/manfred2html/src/engine/template-b/index.ts b/packages/manfred2html/src/engine/template-b/index.ts
new file mode 100644
index 00000000..8dc982a5
--- /dev/null
+++ b/packages/manfred2html/src/engine/template-b/index.ts
@@ -0,0 +1,57 @@
+import { ManfredAwesomicCV } from '@/model';
+import {
+  generateHtmlDocumentStart,
+  generateHtmlDocumentEnd,
+  generateHeaderElementStart,
+  generateHeaderElementEnd,
+  generateAboutMeSection,
+  generateAsideElementStart,
+  generateAsideElementEnd,
+  generateRelevantsLinksSection,
+  generateLanguageSection,
+  generateHardSkillsSection,
+  generateSoftSkillsSection,
+  generateMainElementStart,
+  generateMainElementEnd,
+  generateExperiencesSection,
+  generateStudiesSection,
+} from './html-parts';
+
+export const exportManfredJSonToHTMLTemplateB = (
+  manfredJsonContent: ManfredAwesomicCV,
+  settings?: Settings
+): string => {
+  const htmlDocumentStart = generateHtmlDocumentStart();
+  const htmlDocumentEnd = generateHtmlDocumentEnd();
+  const headerElementStart = generateHeaderElementStart();
+  const headerElementEnd = generateHeaderElementEnd();
+  const aboutMeSection = generateAboutMeSection(manfredJsonContent);
+  const asideElementStart = generateAsideElementStart();
+  const asideElementEnd = generateAsideElementEnd();
+  const relevantsLinksSection = generateRelevantsLinksSection(manfredJsonContent);
+  const mainElementStart = generateMainElementStart();
+  const mainElementEnd = generateMainElementEnd();
+  const languageSection = generateLanguageSection(manfredJsonContent);
+  const hardSkillsSection = generateHardSkillsSection(manfredJsonContent);
+  const softSkillsSection = generateSoftSkillsSection(manfredJsonContent);
+  const experienceSection = generateExperiencesSection(manfredJsonContent);
+  const studiesSection = generateStudiesSection(manfredJsonContent);
+
+  return `
+    ${htmlDocumentStart}
+      ${headerElementStart}
+        ${aboutMeSection}
+      ${headerElementEnd}
+      ${asideElementStart}
+        ${relevantsLinksSection}
+        ${languageSection}
+        ${hardSkillsSection}
+        ${softSkillsSection}
+      ${asideElementEnd}
+      ${mainElementStart}
+        ${experienceSection}
+        ${studiesSection}
+      ${mainElementEnd}
+    ${htmlDocumentEnd}
+  `;
+};

From 185c5a20ad04c4f4a66e1fbf26dea1ef8cb264a7 Mon Sep 17 00:00:00 2001
From: migalko94 <miguelgalvezugr@gmail.com>
Date: Wed, 27 Sep 2023 19:45:18 +0200
Subject: [PATCH 12/63] change name of function at index of engine manfred2html

---
 packages/manfred2html/src/engine/index.ts | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/manfred2html/src/engine/index.ts b/packages/manfred2html/src/engine/index.ts
index 63919118..64aed60d 100644
--- a/packages/manfred2html/src/engine/index.ts
+++ b/packages/manfred2html/src/engine/index.ts
@@ -3,7 +3,7 @@ import { ManfredAwesomicCV } from '@/model';
 import { exportManfredJSonToHTMLTemplateA } from './template-a';
 import { exportManfredJSonToHTMLTemplateB } from './template-b';
 
-export const exportHTMLTemplate = (manfredJsonContent: ManfredAwesomicCV, settings?: Settings): string => {
+export const exportManfredJSonToHTML = (manfredJsonContent: ManfredAwesomicCV, settings?: Settings): string => {
   const template = settings?.template || 'template-a';
 
   switch (template) {

From 902798af21c5501528e698354e9a6985ea6d7fd9 Mon Sep 17 00:00:00 2001
From: migalko94 <miguelgalvezugr@gmail.com>
Date: Wed, 27 Sep 2023 20:03:43 +0200
Subject: [PATCH 13/63] implement html template 2 layout without content

---
 packages/manfred2html/src/engine/index.ts     |   6 +-
 .../html-document-start.ejs                   |   1 +
 .../src/engine/template-a/index.ts            |   2 +
 .../html-document-start.ejs                   | 327 +++++++-----------
 .../src/engine/template-b/index.ts            |  14 +-
 5 files changed, 135 insertions(+), 215 deletions(-)

diff --git a/packages/manfred2html/src/engine/index.ts b/packages/manfred2html/src/engine/index.ts
index 64aed60d..c838441d 100644
--- a/packages/manfred2html/src/engine/index.ts
+++ b/packages/manfred2html/src/engine/index.ts
@@ -3,8 +3,12 @@ import { ManfredAwesomicCV } from '@/model';
 import { exportManfredJSonToHTMLTemplateA } from './template-a';
 import { exportManfredJSonToHTMLTemplateB } from './template-b';
 
+interface Settings {
+  template: string;
+}
+
 export const exportManfredJSonToHTML = (manfredJsonContent: ManfredAwesomicCV, settings?: Settings): string => {
-  const template = settings?.template || 'template-a';
+  const template = settings?.template || 'template-b';
 
   switch (template) {
     case 'template-a':
diff --git a/packages/manfred2html/src/engine/template-a/html-parts/html-document-start/html-document-start.ejs b/packages/manfred2html/src/engine/template-a/html-parts/html-document-start/html-document-start.ejs
index de9f6a24..65ffc3b6 100644
--- a/packages/manfred2html/src/engine/template-a/html-parts/html-document-start/html-document-start.ejs
+++ b/packages/manfred2html/src/engine/template-a/html-parts/html-document-start/html-document-start.ejs
@@ -1,3 +1,4 @@
+<!DOCTYPE html>
 <html lang="en">
   <head>
     <meta charset="UTF-8" />
diff --git a/packages/manfred2html/src/engine/template-a/index.ts b/packages/manfred2html/src/engine/template-a/index.ts
index 24c6c354..92a187ec 100644
--- a/packages/manfred2html/src/engine/template-a/index.ts
+++ b/packages/manfred2html/src/engine/template-a/index.ts
@@ -17,6 +17,8 @@ import {
   generateStudiesSection,
 } from './html-parts';
 
+interface Settings {}
+
 export const exportManfredJSonToHTMLTemplateA = (
   manfredJsonContent: ManfredAwesomicCV,
   settings?: Settings
diff --git a/packages/manfred2html/src/engine/template-b/html-parts/html-document-start/html-document-start.ejs b/packages/manfred2html/src/engine/template-b/html-parts/html-document-start/html-document-start.ejs
index de9f6a24..a8357bd7 100644
--- a/packages/manfred2html/src/engine/template-b/html-parts/html-document-start/html-document-start.ejs
+++ b/packages/manfred2html/src/engine/template-b/html-parts/html-document-start/html-document-start.ejs
@@ -1,3 +1,4 @@
+<!DOCTYPE html>
 <html lang="en">
   <head>
     <meta charset="UTF-8" />
@@ -5,7 +6,7 @@
     <link rel="preconnect" href="https://fonts.googleapis.com" />
     <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
     <link
-      href="https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap"
+      href="https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap"
       rel="stylesheet"
     />
     <title>CV Manfred Export</title>
@@ -22,14 +23,14 @@
         --spacing_32: calc(var(--spacing_base) * 8);
         --spacing_48: calc(var(--spacing_base) * 12);
         --spacing_64: calc(var(--spacing_base) * 16);
-
         /* colors */
         --primary_color: #247a7e; /* only this color can be changed  */
-        --white_color: #f4f2f1;
-        --black_color: #0d1418;
-        --gray_color_600: #c6c3be;
-        --gray_color_800: #787673;
+        --light_color: #f0f8f9;
+        --white_color: #fbfbfa;
+        --black_color_800: #111a1f;
+        --black_color_900: #0d1418;
         --gray_color_900: #5c5a58;
+        --gray_color_50: #e9eaeb;
       }
       /* General styles */
       * {
@@ -38,325 +39,239 @@
         box-sizing: border-box;
       }
       html {
-        font-family: Roboto, sans-serif;
+        font-family: Poppins, sans-serif;
+        min-width: 390px;
         font-size: 16px;
-        color: var(--black_color);
         font-style: normal;
-        background-color: var(--white_color);
       }
       body {
         display: flex;
-        flex-direction: column;
+        justify-content: center;
         min-height: 100vh;
-        padding: var(--spacing_64) var(--spacing_16);
       }
       .container {
+        max-width: 1200px;
+        background-color: var(--white_color);
         display: grid;
         grid-template-areas:
-          "divider header"
-          "divider aside"
-          "divider main";
-        row-gap: var(--spacing_32);
-        column-gap: var(--spacing_16);
+          "aside"
+          "main";
       }
       .divider {
-        min-height: 100%;
-        border: var(--spacing_base) solid var(--primary_color);
-        grid-area: divider;
-      }
-      .secondary-divider {
+        border-radius: var(--spacing_base);
         border: var(--spacing_2) solid var(--primary_color);
         width: 50%;
       }
-      .svg-stroke {
-        stroke: var(--gray_color_800);
-      }
-      .svg-fill {
-        fill: var(--gray_color_800);
-      }
-
-      @media (min-width: 728px) {
-        body {
-          padding: var(--spacing_64);
-        }
-        .container {
-          column-gap: var(--spacing_32);
-        }
-      }
-      @media (min-width: 1024px) {
-        .container {
-          grid-template-areas:
-            "aside divider header"
-            "aside divider main";
-          max-width: 1220px;
-          align-self: center;
-        }
-      }
       /* header styles */
       header {
-        grid-area: header;
         display: flex;
         flex-direction: column;
-        align-items: flex-start;
         gap: var(--spacing_16);
-        align-self: stretch;
       }
-
       h1 {
-        color: var(--primary_color);
-        font-family: Roboto;
-        font-size: 40px;
-        font-weight: 900;
-        letter-spacing: 4.8px;
-        text-transform: uppercase;
         display: flex;
         flex-direction: column;
-        gap: var(--spacing_8);
+        color: var(--white_color);
+        font-size: 48px;
+        font-weight: 600;
+        line-height: 28px;
+        text-transform: uppercase;
+        gap: var(--spacing_16);
       }
       h1 > span {
-        color: var(--gray_color_600);
-        font-size: 32px;
-        font-weight: 900;
-        letter-spacing: 3.6px;
-        text-transform: uppercase;
+        font-size: 36px;
       }
-      h2,
       .job-title {
-        color: var(--gray_color_900);
+        color: var(--gray_color_50);
         font-size: 20px;
         font-weight: 500;
-        letter-spacing: 0.96px;
-      }
-      header > p {
-        color: var(--black_color);
-        font-size: 12px;
-        font-weight: 400;
-        line-height: 16px;
-        letter-spacing: 0.6px;
+        letter-spacing: 0.4px;
       }
       header > hr {
-        border: var(--spacing_2) solid var(--primary_color);
+        border: 1px solid var(--light_color);
         width: 100%;
       }
 
-      @media (min-width: 728px) {
+      @media (min-width: 1024px) {
         h1 {
-          font-size: 48px;
-        }
-        h1 > span {
-          font-size: 36px;
+          gap: var(--spacing_8);
         }
-        h2,
         .job-title {
-          font-size: 24px;
-        }
-        header > p {
-          font-size: 14px;
-          line-height: 20px;
-        }
-      }
-      @media (min-width: 1024px) {
-        h1 {
-          font-size: 52px;
+          font-size: 16px;
         }
-        h1 > span {
-          font-size: 40px;
+        .container {
+          grid-template-areas: "aside main";
+          grid-template-columns: 333px auto;
+          align-self: center;
         }
       }
       /* aside styles */
       aside {
+        grid-area: aside;
+        background-color: var(--primary_color);
         display: flex;
         flex-direction: column;
+        padding: var(--spacing_64) var(--spacing_32);
         gap: var(--spacing_32);
-        /*TODO EJS and display none*/
       }
       .aside__section {
-        grid-area: aside;
         display: flex;
         flex-direction: column;
-        gap: var(--spacing_16);
+        align-items: flex-start;
+        gap: var(--spacing_8);
       }
-      .aside__section__header {
-        display: flex;
-        align-items: center;
-        gap: var(--spacing_16);
+      .aside__section > h3 {
+        color: var(--white_color);
+        font-size: 16px;
+        font-weight: 600;
       }
-      .aside__section__header > div {
+      .aside__section__link-items {
         display: flex;
-        flex-direction: column;
+        padding: 0px var(--spacing_8);
         justify-content: space-between;
-        gap: var(--spacing_8);
-        height: 100%;
+        row-gap: var(--spacing_32);
+        column-gap: var(--spacing_8);
+        font-size: 14px;
+        flex-wrap: wrap;
       }
-      .aside__section__header > div > h3 {
-        color: var(--gray_color_900);
-        font-size: 16px;
+      .aside__section__list-items {
+        color: var(--white_color);
+        font-size: 14px;
         font-weight: 400;
-        text-transform: uppercase;
+        line-height: 28px;
+        display: flex;
+        flex-direction: column;
+        gap: var(--spacing_8);
+        padding-left: var(--spacing_32);
       }
       .aside__section__item {
         display: flex;
         align-items: center;
         gap: var(--spacing_8);
-        padding-left: var(--spacing_32);
       }
       .aside__section__item > a {
-        color: var(--black_color);
+        color: var(--white_color);
         font-size: 14px;
         text-decoration: none;
         text-transform: capitalize;
       }
       .aside__section__item > a:hover {
-        color: var(--primary_color);
-      }
-      .aside__section__list-items {
-        display: flex;
-        flex-direction: column;
-        gap: var(--spacing_8);
-        padding-left: var(--spacing_32);
-        font-size: 12px;
-        line-height: 24px;
+        color: var(--black_color);
       }
-
       @media (min-width: 728px) {
-        .aside__section__item > a {
-          font-size: 16px;
+        aside {
+          padding: var(--spacing_64) var(--spacing_32) var(--spacing_32)
+            var(--spacing_32);
         }
-        .aside__section__list-items {
-          font-size: 14px;
-          line-height: 30px;
+        .aside__section__link-items {
+          flex-wrap: nowrap;
         }
       }
       @media (min-width: 1024px) {
         aside {
           grid-area: aside;
-          padding: var(--spacing_64) 0;
+          padding: var(--spacing_64) var(--spacing_32);
+          width: 100%;
+        }
+        h1 {
+          font-size: 36px;
+        }
+        h1 > span {
+          font-size: 24px;
+        }
+        .aside__section__link-items {
+          flex-direction: column;
+          gap: var(--spacing_16);
         }
       }
       /* main section styles */
       main {
         grid-area: main;
         display: flex;
+        padding: var(--spacing_32) var(--spacing_16);
         flex-direction: column;
-        gap: var(--spacing_16);
+        gap: var(--spacing_32);
       }
       .main__section {
         display: flex;
         flex-direction: column;
+        align-items: flex-start;
         gap: var(--spacing_16);
       }
       .main__section__header {
         display: flex;
         flex-direction: column;
-        gap: var(--spacing_8);
-        color: var(var(--gray_color_900));
-        font-size: 20px;
-        font-weight: 500;
-        text-transform: uppercase;
-        width: max-content;
+      }
+      .main__section__header > h2 {
+        color: var(--primary_color);
+        text-align: center;
+        font-size: 24px;
+        font-weight: 600;
+        line-height: normal;
       }
       .main__section__item {
+        color: var(--black_color_900);
+        font-size: 12px;
+        font-weight: 400;
         display: flex;
-        gap: var(--spacing_32);
+        gap: var(--spacing_8);
+        flex-grow: 1;
       }
       .section__content {
-        display: flex;
-        flex-direction: column;
-        gap: var(--spacing_16);
-      }
-      .section__content__header {
-        display: flex;
         flex-direction: column;
         gap: var(--spacing_8);
+        display: flex;
       }
-      .section__content__header > h3 {
+      .section__content > h3 {
+        color: var(--black_color_900);
         font-size: 20px;
         font-weight: 600;
+        line-height: 20px;
       }
-      .section__content__header > h4 {
-        font-size: 14px;
-        font-weight: 500;
-        color: var(--gray_color_800);
+      .section__content > h4 {
+        color: var(--black_color_900);
+        font-size: 16px;
+        font-weight: 400;
       }
-      .main__section__item .date {
-        color: var(--gray_color_900);
-        font-size: 12px;
-        letter-spacing: 0.48px;
+      .section__content__date {
         display: flex;
-        flex-direction: column;
         gap: var(--spacing_8);
       }
-      .main__section__item > .date-desktop {
-        display: none;
-      }
-      .section__content > .data {
-        display: flex;
-        flex-direction: column;
-        gap: var(--spacing_8);
-        font-size: 12px;
+      .section__content__data {
+        color: var(--gray_color_900);
+        line-height: 24px;
       }
-      .section__content > .data b {
+      .section__content__data b {
         font-weight: 600;
       }
-      .section__content > .data > ul {
-        display: flex;
-        flex-direction: column;
-        gap: var(--spacing_12);
-        padding-left: var(--spacing_16);
+      .section__content__data__ul {
         font-weight: 300;
+        padding-left: var(--spacing_16);
       }
-      @media (min-width: 728px) {
-        main {
-          gap: var(--spacing_32);
-        }
-        .main__section__item {
-          display: grid;
-          grid-template-columns: minmax(106px, 15%) auto 1fr;
-          gap: var(--spacing_32);
-        }
-        .main__section__item > .date-desktop {
-          display: flex;
-          min-width: max-content;
-          align-items: flex-end;
-        }
-        .section__content__header > h3 {
-          font-size: 24px;
-        }
-        .section__content__header > h4 {
-          font-size: 16px;
-        }
-        .section__content > .date-mobile {
-          display: none;
-        }
-        .section__content > .data {
-          grid-area: date;
-          font-size: 14px;
-          line-height: 18px;
-        }
+      .data {
+        color: var(--gray_color_900);
+        font-weight: 400;
       }
-      .line-icon {
+      .data b {
+        font-weight: 700;
+      }
+      .dot-icon {
         display: flex;
-        flex-direction: column;
-        align-items: center;
-        height: 100%;
+        padding: var(--spacing_base);
       }
-      .line-icon > .circle {
-        flex-shrink: 0;
-        width: 24px;
-        height: 24px;
-        border-radius: 50%;
-        border: 2px solid var(--primary_color);
+      @media (min-width: 728px) {
+        main {
+          padding: var(--spacing_32) var(--spacing_64);
+        }
       }
-      .line-icon > .line {
-        flex-shrink: 1;
-        flex-grow: 1;
-        flex-basis: 100%;
-        border: 0px;
-        border-left: 2px solid var(--primary_color);
+      @media (min-width: 1024px) {
+        main {
+          grid-area: main;
+          padding: var(--spacing_64);
+        }
       }
     </style>
   </head>
   <body>
     <div class="container">
-      <hr class="divider" />
 
diff --git a/packages/manfred2html/src/engine/template-b/index.ts b/packages/manfred2html/src/engine/template-b/index.ts
index 8dc982a5..2ac888ea 100644
--- a/packages/manfred2html/src/engine/template-b/index.ts
+++ b/packages/manfred2html/src/engine/template-b/index.ts
@@ -17,6 +17,8 @@ import {
   generateStudiesSection,
 } from './html-parts';
 
+interface Settings {}
+
 export const exportManfredJSonToHTMLTemplateB = (
   manfredJsonContent: ManfredAwesomicCV,
   settings?: Settings
@@ -39,18 +41,14 @@ export const exportManfredJSonToHTMLTemplateB = (
 
   return `
     ${htmlDocumentStart}
+      
+      ${asideElementStart}
       ${headerElementStart}
-        ${aboutMeSection}
+       
       ${headerElementEnd}
-      ${asideElementStart}
-        ${relevantsLinksSection}
-        ${languageSection}
-        ${hardSkillsSection}
-        ${softSkillsSection}
       ${asideElementEnd}
       ${mainElementStart}
-        ${experienceSection}
-        ${studiesSection}
+        
       ${mainElementEnd}
     ${htmlDocumentEnd}
   `;

From 6f810e1a260cd597234c14c5ed7beb0237eadc29 Mon Sep 17 00:00:00 2001
From: migalko94 <miguelgalvezugr@gmail.com>
Date: Wed, 27 Sep 2023 20:35:18 +0200
Subject: [PATCH 14/63] amendment

---
 packages/manfred2html/src/engine/index.ts            | 6 +-----
 packages/manfred2html/src/engine/template-a/index.ts | 2 --
 packages/manfred2html/src/engine/template-b/index.ts | 2 --
 3 files changed, 1 insertion(+), 9 deletions(-)

diff --git a/packages/manfred2html/src/engine/index.ts b/packages/manfred2html/src/engine/index.ts
index c838441d..64aed60d 100644
--- a/packages/manfred2html/src/engine/index.ts
+++ b/packages/manfred2html/src/engine/index.ts
@@ -3,12 +3,8 @@ import { ManfredAwesomicCV } from '@/model';
 import { exportManfredJSonToHTMLTemplateA } from './template-a';
 import { exportManfredJSonToHTMLTemplateB } from './template-b';
 
-interface Settings {
-  template: string;
-}
-
 export const exportManfredJSonToHTML = (manfredJsonContent: ManfredAwesomicCV, settings?: Settings): string => {
-  const template = settings?.template || 'template-b';
+  const template = settings?.template || 'template-a';
 
   switch (template) {
     case 'template-a':
diff --git a/packages/manfred2html/src/engine/template-a/index.ts b/packages/manfred2html/src/engine/template-a/index.ts
index 92a187ec..24c6c354 100644
--- a/packages/manfred2html/src/engine/template-a/index.ts
+++ b/packages/manfred2html/src/engine/template-a/index.ts
@@ -17,8 +17,6 @@ import {
   generateStudiesSection,
 } from './html-parts';
 
-interface Settings {}
-
 export const exportManfredJSonToHTMLTemplateA = (
   manfredJsonContent: ManfredAwesomicCV,
   settings?: Settings
diff --git a/packages/manfred2html/src/engine/template-b/index.ts b/packages/manfred2html/src/engine/template-b/index.ts
index 2ac888ea..d7d3dc2d 100644
--- a/packages/manfred2html/src/engine/template-b/index.ts
+++ b/packages/manfred2html/src/engine/template-b/index.ts
@@ -17,8 +17,6 @@ import {
   generateStudiesSection,
 } from './html-parts';
 
-interface Settings {}
-
 export const exportManfredJSonToHTMLTemplateB = (
   manfredJsonContent: ManfredAwesomicCV,
   settings?: Settings

From 5e8b3d84bc8525d10c09f22f686c9765a36368fd Mon Sep 17 00:00:00 2001
From: migalko94 <miguelgalvezugr@gmail.com>
Date: Wed, 27 Sep 2023 20:57:18 +0200
Subject: [PATCH 15/63] implement html template 2 header to ejs

---
 .../template-b/html-parts/about-me-section/about-me-section.ejs | 2 +-
 packages/manfred2html/src/engine/template-b/index.ts            | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/packages/manfred2html/src/engine/template-b/html-parts/about-me-section/about-me-section.ejs b/packages/manfred2html/src/engine/template-b/html-parts/about-me-section/about-me-section.ejs
index 378ceee3..5c37ac96 100644
--- a/packages/manfred2html/src/engine/template-b/html-parts/about-me-section/about-me-section.ejs
+++ b/packages/manfred2html/src/engine/template-b/html-parts/about-me-section/about-me-section.ejs
@@ -3,7 +3,7 @@
     <h1><%= profile?.name %> <br /><span><%= profile?.surnames %></span></h1>
     <hr />
     <p class="job-title"><%= profile?.title %></p>
-    <p><%= profile?.description %></p>
+    
 <%_ } -%>
 
 
diff --git a/packages/manfred2html/src/engine/template-b/index.ts b/packages/manfred2html/src/engine/template-b/index.ts
index d7d3dc2d..05809249 100644
--- a/packages/manfred2html/src/engine/template-b/index.ts
+++ b/packages/manfred2html/src/engine/template-b/index.ts
@@ -42,7 +42,7 @@ export const exportManfredJSonToHTMLTemplateB = (
       
       ${asideElementStart}
       ${headerElementStart}
-       
+      ${aboutMeSection}
       ${headerElementEnd}
       ${asideElementEnd}
       ${mainElementStart}

From d00c132fe91f5895951db7d5ecf5affa2cdc72aa Mon Sep 17 00:00:00 2001
From: migalko94 <miguelgalvezugr@gmail.com>
Date: Wed, 27 Sep 2023 21:33:33 +0200
Subject: [PATCH 16/63] section name amendment

---
 packages/manfred2html/src/engine/index.ts      |  6 +++++-
 .../src/engine/template-a/index.ts             |  4 ++++
 .../about-me-section/about-me-section.part.ts  | 18 ------------------
 .../html-parts/about-me-section/index.ts       |  1 -
 .../header-section.ejs}                        |  0
 .../header-section/header-section.part.ts      | 18 ++++++++++++++++++
 .../html-parts/header-section/index.ts         |  1 +
 .../src/engine/template-b/html-parts/index.ts  |  2 +-
 .../src/engine/template-b/index.ts             | 10 +++++++---
 9 files changed, 36 insertions(+), 24 deletions(-)
 delete mode 100644 packages/manfred2html/src/engine/template-b/html-parts/about-me-section/about-me-section.part.ts
 delete mode 100644 packages/manfred2html/src/engine/template-b/html-parts/about-me-section/index.ts
 rename packages/manfred2html/src/engine/template-b/html-parts/{about-me-section/about-me-section.ejs => header-section/header-section.ejs} (100%)
 create mode 100644 packages/manfred2html/src/engine/template-b/html-parts/header-section/header-section.part.ts
 create mode 100644 packages/manfred2html/src/engine/template-b/html-parts/header-section/index.ts

diff --git a/packages/manfred2html/src/engine/index.ts b/packages/manfred2html/src/engine/index.ts
index 64aed60d..c838441d 100644
--- a/packages/manfred2html/src/engine/index.ts
+++ b/packages/manfred2html/src/engine/index.ts
@@ -3,8 +3,12 @@ import { ManfredAwesomicCV } from '@/model';
 import { exportManfredJSonToHTMLTemplateA } from './template-a';
 import { exportManfredJSonToHTMLTemplateB } from './template-b';
 
+interface Settings {
+  template: string;
+}
+
 export const exportManfredJSonToHTML = (manfredJsonContent: ManfredAwesomicCV, settings?: Settings): string => {
-  const template = settings?.template || 'template-a';
+  const template = settings?.template || 'template-b';
 
   switch (template) {
     case 'template-a':
diff --git a/packages/manfred2html/src/engine/template-a/index.ts b/packages/manfred2html/src/engine/template-a/index.ts
index 24c6c354..480fd344 100644
--- a/packages/manfred2html/src/engine/template-a/index.ts
+++ b/packages/manfred2html/src/engine/template-a/index.ts
@@ -17,6 +17,10 @@ import {
   generateStudiesSection,
 } from './html-parts';
 
+interface Settings {
+  template: string;
+}
+
 export const exportManfredJSonToHTMLTemplateA = (
   manfredJsonContent: ManfredAwesomicCV,
   settings?: Settings
diff --git a/packages/manfred2html/src/engine/template-b/html-parts/about-me-section/about-me-section.part.ts b/packages/manfred2html/src/engine/template-b/html-parts/about-me-section/about-me-section.part.ts
deleted file mode 100644
index d945a21a..00000000
--- a/packages/manfred2html/src/engine/template-b/html-parts/about-me-section/about-me-section.part.ts
+++ /dev/null
@@ -1,18 +0,0 @@
-import { ManfredAwesomicCV } from '@/model';
-import { ProfileSectionVm, mapFromMacCvToProfileSectionVm } from '@lemoncode/manfred-common/profile-section';
-import aboutMe from './about-me-section.ejs?raw';
-import ejs from 'ejs';
-
-export const generateAboutMeSection = (cv: ManfredAwesomicCV): string => {
-  const profileSectionVm = mapFromMacCvToProfileSectionVm(cv);
-
-  return generateAboutMeSectionInner(profileSectionVm);
-};
-
-const generateAboutMeSectionInner = (profileSectionVm: ProfileSectionVm): string => {
-  const rootObject = {
-    profile: profileSectionVm,
-  };
-
-  return ejs.render(aboutMe, rootObject);
-};
diff --git a/packages/manfred2html/src/engine/template-b/html-parts/about-me-section/index.ts b/packages/manfred2html/src/engine/template-b/html-parts/about-me-section/index.ts
deleted file mode 100644
index b0ee7d15..00000000
--- a/packages/manfred2html/src/engine/template-b/html-parts/about-me-section/index.ts
+++ /dev/null
@@ -1 +0,0 @@
-export * from './about-me-section.part';
diff --git a/packages/manfred2html/src/engine/template-b/html-parts/about-me-section/about-me-section.ejs b/packages/manfred2html/src/engine/template-b/html-parts/header-section/header-section.ejs
similarity index 100%
rename from packages/manfred2html/src/engine/template-b/html-parts/about-me-section/about-me-section.ejs
rename to packages/manfred2html/src/engine/template-b/html-parts/header-section/header-section.ejs
diff --git a/packages/manfred2html/src/engine/template-b/html-parts/header-section/header-section.part.ts b/packages/manfred2html/src/engine/template-b/html-parts/header-section/header-section.part.ts
new file mode 100644
index 00000000..05991bf2
--- /dev/null
+++ b/packages/manfred2html/src/engine/template-b/html-parts/header-section/header-section.part.ts
@@ -0,0 +1,18 @@
+import { ManfredAwesomicCV } from '@/model';
+import { ProfileSectionVm, mapFromMacCvToProfileSectionVm } from '@lemoncode/manfred-common/profile-section';
+import headerSection from './header-section.ejs?raw';
+import ejs from 'ejs';
+
+export const generateHeaderSection = (cv: ManfredAwesomicCV): string => {
+  const profileSectionVm = mapFromMacCvToProfileSectionVm(cv);
+
+  return generateHeaderSectionInner(profileSectionVm);
+};
+
+const generateHeaderSectionInner = (profileSectionVm: ProfileSectionVm): string => {
+  const rootObject = {
+    profile: profileSectionVm,
+  };
+
+  return ejs.render(headerSection, rootObject);
+};
diff --git a/packages/manfred2html/src/engine/template-b/html-parts/header-section/index.ts b/packages/manfred2html/src/engine/template-b/html-parts/header-section/index.ts
new file mode 100644
index 00000000..af70765e
--- /dev/null
+++ b/packages/manfred2html/src/engine/template-b/html-parts/header-section/index.ts
@@ -0,0 +1 @@
+export * from './header-section.part';
diff --git a/packages/manfred2html/src/engine/template-b/html-parts/index.ts b/packages/manfred2html/src/engine/template-b/html-parts/index.ts
index 89ee8c19..e901b2d9 100644
--- a/packages/manfred2html/src/engine/template-b/html-parts/index.ts
+++ b/packages/manfred2html/src/engine/template-b/html-parts/index.ts
@@ -2,7 +2,7 @@ export * from './html-document-start';
 export * from './html-document-end';
 export * from './header-element-start';
 export * from './header-element-end';
-export * from './about-me-section';
+export * from './header-section';
 export * from './aside-element-start';
 export * from './aside-element-end';
 export * from './relevants-links-section';
diff --git a/packages/manfred2html/src/engine/template-b/index.ts b/packages/manfred2html/src/engine/template-b/index.ts
index 05809249..86944d3c 100644
--- a/packages/manfred2html/src/engine/template-b/index.ts
+++ b/packages/manfred2html/src/engine/template-b/index.ts
@@ -4,7 +4,7 @@ import {
   generateHtmlDocumentEnd,
   generateHeaderElementStart,
   generateHeaderElementEnd,
-  generateAboutMeSection,
+  generateHeaderSection,
   generateAsideElementStart,
   generateAsideElementEnd,
   generateRelevantsLinksSection,
@@ -17,6 +17,10 @@ import {
   generateStudiesSection,
 } from './html-parts';
 
+interface Settings {
+  template: string;
+}
+
 export const exportManfredJSonToHTMLTemplateB = (
   manfredJsonContent: ManfredAwesomicCV,
   settings?: Settings
@@ -25,7 +29,7 @@ export const exportManfredJSonToHTMLTemplateB = (
   const htmlDocumentEnd = generateHtmlDocumentEnd();
   const headerElementStart = generateHeaderElementStart();
   const headerElementEnd = generateHeaderElementEnd();
-  const aboutMeSection = generateAboutMeSection(manfredJsonContent);
+  const headerSection = generateHeaderSection(manfredJsonContent);
   const asideElementStart = generateAsideElementStart();
   const asideElementEnd = generateAsideElementEnd();
   const relevantsLinksSection = generateRelevantsLinksSection(manfredJsonContent);
@@ -42,7 +46,7 @@ export const exportManfredJSonToHTMLTemplateB = (
       
       ${asideElementStart}
       ${headerElementStart}
-      ${aboutMeSection}
+      ${headerSection}
       ${headerElementEnd}
       ${asideElementEnd}
       ${mainElementStart}

From f0d8000fa65587594508309e5c6de00fe5f8e761 Mon Sep 17 00:00:00 2001
From: migalko94 <miguelgalvezugr@gmail.com>
Date: Wed, 27 Sep 2023 21:37:13 +0200
Subject: [PATCH 17/63] remove safeguards and change default template

---
 packages/manfred2html/src/engine/index.ts            | 6 +-----
 packages/manfred2html/src/engine/template-a/index.ts | 4 ----
 packages/manfred2html/src/engine/template-b/index.ts | 4 ----
 3 files changed, 1 insertion(+), 13 deletions(-)

diff --git a/packages/manfred2html/src/engine/index.ts b/packages/manfred2html/src/engine/index.ts
index c838441d..64aed60d 100644
--- a/packages/manfred2html/src/engine/index.ts
+++ b/packages/manfred2html/src/engine/index.ts
@@ -3,12 +3,8 @@ import { ManfredAwesomicCV } from '@/model';
 import { exportManfredJSonToHTMLTemplateA } from './template-a';
 import { exportManfredJSonToHTMLTemplateB } from './template-b';
 
-interface Settings {
-  template: string;
-}
-
 export const exportManfredJSonToHTML = (manfredJsonContent: ManfredAwesomicCV, settings?: Settings): string => {
-  const template = settings?.template || 'template-b';
+  const template = settings?.template || 'template-a';
 
   switch (template) {
     case 'template-a':
diff --git a/packages/manfred2html/src/engine/template-a/index.ts b/packages/manfred2html/src/engine/template-a/index.ts
index 480fd344..24c6c354 100644
--- a/packages/manfred2html/src/engine/template-a/index.ts
+++ b/packages/manfred2html/src/engine/template-a/index.ts
@@ -17,10 +17,6 @@ import {
   generateStudiesSection,
 } from './html-parts';
 
-interface Settings {
-  template: string;
-}
-
 export const exportManfredJSonToHTMLTemplateA = (
   manfredJsonContent: ManfredAwesomicCV,
   settings?: Settings
diff --git a/packages/manfred2html/src/engine/template-b/index.ts b/packages/manfred2html/src/engine/template-b/index.ts
index 86944d3c..439e3a9d 100644
--- a/packages/manfred2html/src/engine/template-b/index.ts
+++ b/packages/manfred2html/src/engine/template-b/index.ts
@@ -17,10 +17,6 @@ import {
   generateStudiesSection,
 } from './html-parts';
 
-interface Settings {
-  template: string;
-}
-
 export const exportManfredJSonToHTMLTemplateB = (
   manfredJsonContent: ManfredAwesomicCV,
   settings?: Settings

From 883603f24b713de336e4f1d950259521eef770b5 Mon Sep 17 00:00:00 2001
From: migalko94 <miguelgalvezugr@gmail.com>
Date: Thu, 28 Sep 2023 10:55:54 +0200
Subject: [PATCH 18/63] implement my links section to ejs

---
 .../relevants-links-section.ejs               | 148 +++++++++---------
 .../src/engine/template-b/index.ts            |   1 +
 2 files changed, 75 insertions(+), 74 deletions(-)

diff --git a/packages/manfred2html/src/engine/template-b/html-parts/relevants-links-section/relevants-links-section.ejs b/packages/manfred2html/src/engine/template-b/html-parts/relevants-links-section/relevants-links-section.ejs
index d1cbb86f..f2bb3fc0 100644
--- a/packages/manfred2html/src/engine/template-b/html-parts/relevants-links-section/relevants-links-section.ejs
+++ b/packages/manfred2html/src/engine/template-b/html-parts/relevants-links-section/relevants-links-section.ejs
@@ -1,137 +1,137 @@
 <%_ if (profile.relevantLinks && profile.relevantLinks.length !== 0) { -%>
   <div class="aside__section">
-    <div class="aside__section__header">
-      <svg
-        xmlns="http://www.w3.org/2000/svg"
-        width="34"
-        height="33"
-        viewBox="0 0 35 33"
-        fill="none"
-        class="svg-fill"
-      >
-        <path
-          d="M16.8561 2.5C9.26216 2.5 3.10608 8.65609 3.10608 16.25C3.10608 23.8439 9.26216 30 16.8561 30C24.45 30 30.6061 23.8439 30.6061 16.25C30.6061 8.65609 24.45 2.5 16.8561 2.5ZM0.606079 16.25C0.606079 7.27537 7.88145 0 16.8561 0C25.8307 0 33.1061 7.27537 33.1061 16.25C33.1061 25.2246 25.8307 32.5 16.8561 32.5C7.88145 32.5 0.606079 25.2246 0.606079 16.25ZM15.6061 8.75C15.6061 8.05964 16.1657 7.5 16.8561 7.5H16.8706C17.561 7.5 18.1206 8.05964 18.1206 8.75C18.1206 9.44036 17.561 10 16.8706 10H16.8561C16.1657 10 15.6061 9.44036 15.6061 8.75ZM12.6061 14.75C12.6061 14.0596 13.1657 13.5 13.8561 13.5H16.8561C17.5464 13.5 18.1061 14.0596 18.1061 14.75V21H19.8561C20.5464 21 21.1061 21.5596 21.1061 22.25C21.1061 22.9404 20.5464 23.5 19.8561 23.5H13.8561C13.1657 23.5 12.6061 22.9404 12.6061 22.25C12.6061 21.5596 13.1657 21 13.8561 21H15.6061V16H13.8561C13.1657 16 12.6061 15.4404 12.6061 14.75Z"
-        />
-      </svg>
-      <div>
-        <h3>mis enlaces</h3>
-        <hr class="secondary-divider" />
-      </div>
-    </div>
+        <h3>Mis enlaces</h3>
+        <div class="aside__section__link-items">
     <%_ for (const link of profile?.relevantLinks) { -%>
       <%_ if (link.type === 'linkedin') { -%>
         <div class="aside__section__item">
           <svg
             xmlns="http://www.w3.org/2000/svg"
-            width="21"
-            height="20"
-            viewBox="0 0 21 20"
+            width="14"
+            height="15"
+            viewBox="0 0 14 15"
             fill="none"
-            class="svg-fill svg-stroke"
           >
-            <path
-              d="M14.0906 6.76565C13.121 6.7658 12.3285 7.08199 11.7438 7.52808V7.4968V6.9968H11.2438H8.39788H7.89788V7.4968V17.0493V17.5493H8.39788H11.3618H11.8618V17.0493V12.3296C11.8618 11.7165 11.9296 11.213 12.1185 10.8736C12.2069 10.7149 12.3192 10.5973 12.466 10.5156C12.6152 10.4325 12.8293 10.3706 13.1438 10.3706C13.4447 10.3706 13.6258 10.4399 13.741 10.5204C13.8574 10.6016 13.9499 10.7245 14.0212 10.9048C14.175 11.2945 14.1864 11.8261 14.1864 12.4017V17.0493V17.5493H14.6864H17.6553H18.1553V17.0493V11.8034C18.1553 10.5093 18.0202 9.24651 17.4233 8.30269C16.7931 7.30618 15.7169 6.7622 14.0906 6.76565ZM14.0906 6.76565C14.0905 6.76565 14.0904 6.76565 14.0902 6.76565L14.0913 7.26565V6.76565C14.0911 6.76565 14.0909 6.76565 14.0906 6.76565ZM11.2438 8.78748V8.80827H11.2831M11.2438 8.78748L11.7438 8.19095C11.5475 8.38799 11.3933 8.59971 11.2831 8.80827M11.2438 8.78748L11.2831 8.80827M11.2438 8.78748V8.30827H11.2831V8.80827M19.1307 0.500092L19.1347 0.50006C19.3887 0.498028 19.6332 0.596329 19.8151 0.773595C19.9961 0.949927 20.1005 1.19022 20.1061 1.44271V18.5522C20.1019 18.8058 19.9979 19.0475 19.8166 19.225C19.6345 19.4032 19.3894 19.5021 19.1346 19.5001V19.5001H19.1307L2.08149 19.5L2.07639 19.5001C1.82234 19.5027 1.57761 19.4045 1.39575 19.2271C1.21467 19.0505 1.11061 18.8096 1.10608 18.5567V1.44609C1.10992 1.19268 1.21375 0.951015 1.39501 0.773781C1.57693 0.595905 1.82198 0.497461 2.0764 0.50005L2.0764 0.500076H2.08149L19.1307 0.500092ZM6.53559 17.5493H7.03559V17.0493V7.4968V6.9968H6.53559H3.56673H3.06673V7.4968V17.0493V17.5493H3.56673H6.53559ZM5.06065 6.69516L5.06128 6.69189C5.34954 6.69153 5.63501 6.63508 5.90176 6.52563C6.17196 6.41476 6.41765 6.25169 6.62475 6.04576C6.83186 5.83983 6.99633 5.59508 7.10874 5.32551C7.22115 5.05595 7.27929 4.76686 7.27985 4.4748V4.47385C7.27985 4.03442 7.14952 3.60487 6.90534 3.23953C6.66117 2.87419 6.31412 2.58948 5.90811 2.42142C5.50209 2.25336 5.05535 2.20949 4.6244 2.29537C4.19345 2.38125 3.79766 2.59302 3.48709 2.90389C3.17651 3.21476 2.96512 3.61076 2.87965 4.04179C2.79418 4.47282 2.83847 4.91952 3.00692 5.32537C3.17537 5.73123 3.46041 6.078 3.82598 6.32183C4.19155 6.56565 4.62123 6.69558 5.06065 6.69516Z"
-            />
+            <g clip-path="url(#clip0_1324_769)">
+              <path
+                d="M11.9274 12.4303H9.85425V9.18175C9.85425 8.40708 9.8385 7.41017 8.77392 7.41017C7.693 7.41017 7.52792 8.25308 7.52792 9.12458V12.4303H5.45475V5.75H7.44625V6.66058H7.47308C7.75133 6.13558 8.428 5.58142 9.43892 5.58142C11.5395 5.58142 11.928 6.96392 11.928 8.7635V12.4303H11.9274ZM3.11325 4.83592C2.9551 4.83599 2.79848 4.80488 2.65236 4.74436C2.50625 4.68383 2.3735 4.59509 2.26172 4.4832C2.14994 4.37132 2.06133 4.23848 2.00095 4.09231C1.94056 3.94614 1.9096 3.78949 1.90983 3.63133C1.90995 3.3932 1.98067 3.16046 2.11307 2.96253C2.24546 2.76459 2.43357 2.61036 2.65362 2.51934C2.87367 2.42832 3.11576 2.4046 3.34929 2.45117C3.58282 2.49774 3.7973 2.61251 3.9656 2.78097C4.1339 2.94944 4.24847 3.16402 4.29481 3.3976C4.34116 3.63118 4.3172 3.87325 4.22596 4.09321C4.13473 4.31316 3.98032 4.50113 3.78225 4.63333C3.58419 4.76553 3.35138 4.83603 3.11325 4.83592ZM4.15275 12.4303H2.07375V5.75H4.15275V12.4303ZM12.9646 0.5H1.03308C0.462 0.5 0 0.9515 0 1.50858V13.4914C0 14.0491 0.462 14.5 1.03308 14.5H12.9628C13.5333 14.5 14 14.0491 14 13.4914V1.50858C14 0.9515 13.5333 0.5 12.9628 0.5H12.9646Z"
+                fill="#FBFBFA"
+              />
+            </g>
+            <defs>
+              <clipPath id="clip0_1324_769">
+                <rect
+                  width="14"
+                  height="14"
+                  fill="white"
+                  transform="translate(0 0.5)"
+                />
+              </clipPath>
+            </defs>
           </svg>
-          <a href="<%= link.URL -%>" target="_blank">linkedin</a>
+          <a href="#" target="_blank">Linkedin</a>
         </div>
       <%_ } -%>
-      <%_ if (link.type === 'github') { -%>
+      <%_ if (link.type === 'twitter') { -%>
         <div class="aside__section__item">
           <svg
             xmlns="http://www.w3.org/2000/svg"
-            width="22"
-            height="21"
-            viewBox="0 0 22 21"
+            width="14"
+            height="15"
+            viewBox="0 0 14 15"
             fill="none"
-            class="svg-fill"
           >
-            <mask id="path-1-inside-1_1218_1523">
-              <path
-                fill-rule="evenodd"
-                clip-rule="evenodd"
-                d="M10.8593 0.5C5.19732 0.5 0.606079 5.09022 0.606079 10.7532C0.606079 15.2835 3.54393 19.1266 7.61782 20.4825C8.13007 20.5776 8.3182 20.2601 8.3182 19.9893C8.3182 19.7448 8.30869 18.9371 8.30428 18.0804C5.45184 18.7006 4.84994 16.8706 4.84994 16.8706C4.38353 15.6855 3.71151 15.3704 3.71151 15.3704C2.78107 14.734 3.78163 14.7473 3.78163 14.7473C4.81105 14.8194 5.35336 15.8039 5.35336 15.8039C6.26784 17.371 7.75196 16.918 8.33705 16.6562C8.42907 15.9935 8.69479 15.541 8.98801 15.285C6.71065 15.0261 4.31646 14.1467 4.31646 10.218C4.31646 9.09859 4.71716 8.18394 5.37305 7.46573C5.26643 7.20765 4.91547 6.16481 5.47221 4.75252C5.47221 4.75252 6.33304 4.47695 8.29239 5.8035C9.11043 5.57616 9.98773 5.46189 10.8593 5.45799C11.7303 5.46189 12.6081 5.57582 13.4276 5.80317C15.3846 4.47661 16.2444 4.75218 16.2444 4.75218C16.8025 6.1643 16.4516 7.20731 16.3451 7.46539C17.0025 8.1836 17.4003 9.09825 17.4003 10.2177C17.4003 14.1557 15.0017 15.0227 12.7186 15.2767C13.0865 15.5949 13.4142 16.219 13.4142 17.1754C13.4142 18.5473 13.4023 19.6514 13.4023 19.9891C13.4023 20.262 13.5871 20.5817 14.1066 20.481C18.1781 19.1237 21.1126 15.2818 21.1126 10.7532C21.1124 5.09056 16.5217 0.5 10.8593 0.5Z"
-              />
-              <path
-                d="M4.48948 15.2211C4.46689 15.2721 4.38675 15.2874 4.31374 15.2526C4.23904 15.2193 4.19744 15.1498 4.22155 15.0987C4.24362 15.0461 4.32393 15.0317 4.39813 15.0668C4.47284 15.1003 4.51528 15.1704 4.48931 15.2213L4.48948 15.2211ZM4.90478 15.6845C4.85605 15.7298 4.76046 15.7088 4.6956 15.637C4.62836 15.5656 4.6158 15.4701 4.66555 15.424C4.71614 15.3789 4.80885 15.4003 4.87608 15.4716C4.94298 15.5439 4.95622 15.6387 4.90495 15.6847L4.90478 15.6845ZM5.30921 16.2749C5.24639 16.3187 5.1435 16.2777 5.08 16.1866C5.01718 16.0952 5.01718 15.9857 5.0817 15.9421C5.14503 15.8983 5.24639 15.9378 5.31091 16.0282C5.37339 16.1207 5.37339 16.2304 5.30921 16.2749ZM5.86289 16.8455C5.80686 16.9075 5.68699 16.8908 5.59938 16.8065C5.5099 16.7238 5.48494 16.6061 5.54114 16.5443C5.59819 16.4822 5.71857 16.4995 5.80669 16.5834C5.89617 16.6659 5.92317 16.7837 5.86323 16.8453L5.86289 16.8455ZM6.62694 17.1768C6.60198 17.2571 6.48686 17.2936 6.37056 17.2593C6.25459 17.2241 6.1787 17.1302 6.20247 17.0491C6.22624 16.9681 6.3422 16.9302 6.45919 16.9667C6.57515 17.0017 6.65105 17.0951 6.62694 17.1768ZM7.4662 17.2381C7.46909 17.3226 7.37061 17.3926 7.24887 17.3943C7.12612 17.3972 7.02679 17.3286 7.0256 17.2454C7.0256 17.16 7.12204 17.0909 7.24463 17.0885C7.36637 17.0863 7.46637 17.1542 7.46637 17.2379L7.4662 17.2381ZM8.24689 17.1053C8.26149 17.1876 8.17677 17.2724 8.05571 17.2949C7.93686 17.317 7.82649 17.2657 7.81121 17.1841C7.79661 17.0995 7.88286 17.0148 8.00171 16.9929C8.12294 16.972 8.23161 17.0216 8.24689 17.1053Z"
-              />
-            </mask>
-            <path
-              fill-rule="evenodd"
-              clip-rule="evenodd"
-              d="M10.8593 0.5C5.19732 0.5 0.606079 5.09022 0.606079 10.7532C0.606079 15.2835 3.54393 19.1266 7.61782 20.4825C8.13007 20.5776 8.3182 20.2601 8.3182 19.9893C8.3182 19.7448 8.30869 18.9371 8.30428 18.0804C5.45184 18.7006 4.84994 16.8706 4.84994 16.8706C4.38353 15.6855 3.71151 15.3704 3.71151 15.3704C2.78107 14.734 3.78163 14.7473 3.78163 14.7473C4.81105 14.8194 5.35336 15.8039 5.35336 15.8039C6.26784 17.371 7.75196 16.918 8.33705 16.6562C8.42907 15.9935 8.69479 15.541 8.98801 15.285C6.71065 15.0261 4.31646 14.1467 4.31646 10.218C4.31646 9.09859 4.71716 8.18394 5.37305 7.46573C5.26643 7.20765 4.91547 6.16481 5.47221 4.75252C5.47221 4.75252 6.33304 4.47695 8.29239 5.8035C9.11043 5.57616 9.98773 5.46189 10.8593 5.45799C11.7303 5.46189 12.6081 5.57582 13.4276 5.80317C15.3846 4.47661 16.2444 4.75218 16.2444 4.75218C16.8025 6.1643 16.4516 7.20731 16.3451 7.46539C17.0025 8.1836 17.4003 9.09825 17.4003 10.2177C17.4003 14.1557 15.0017 15.0227 12.7186 15.2767C13.0865 15.5949 13.4142 16.219 13.4142 17.1754C13.4142 18.5473 13.4023 19.6514 13.4023 19.9891C13.4023 20.262 13.5871 20.5817 14.1066 20.481C18.1781 19.1237 21.1126 15.2818 21.1126 10.7532C21.1124 5.09056 16.5217 0.5 10.8593 0.5Z"
-            />
             <path
-              d="M4.48948 15.2211C4.46689 15.2721 4.38675 15.2874 4.31374 15.2526C4.23904 15.2193 4.19744 15.1498 4.22155 15.0987C4.24362 15.0461 4.32393 15.0317 4.39813 15.0668C4.47284 15.1003 4.51528 15.1704 4.48931 15.2213L4.48948 15.2211ZM4.90478 15.6845C4.85605 15.7298 4.76046 15.7088 4.6956 15.637C4.62836 15.5656 4.6158 15.4701 4.66555 15.424C4.71614 15.3789 4.80885 15.4003 4.87608 15.4716C4.94298 15.5439 4.95622 15.6387 4.90495 15.6847L4.90478 15.6845ZM5.30921 16.2749C5.24639 16.3187 5.1435 16.2777 5.08 16.1866C5.01718 16.0952 5.01718 15.9857 5.0817 15.9421C5.14503 15.8983 5.24639 15.9378 5.31091 16.0282C5.37339 16.1207 5.37339 16.2304 5.30921 16.2749ZM5.86289 16.8455C5.80686 16.9075 5.68699 16.8908 5.59938 16.8065C5.5099 16.7238 5.48494 16.6061 5.54114 16.5443C5.59819 16.4822 5.71857 16.4995 5.80669 16.5834C5.89617 16.6659 5.92317 16.7837 5.86323 16.8453L5.86289 16.8455ZM6.62694 17.1768C6.60198 17.2571 6.48686 17.2936 6.37056 17.2593C6.25459 17.2241 6.1787 17.1302 6.20247 17.0491C6.22624 16.9681 6.3422 16.9302 6.45919 16.9667C6.57515 17.0017 6.65105 17.0951 6.62694 17.1768ZM7.4662 17.2381C7.46909 17.3226 7.37061 17.3926 7.24887 17.3943C7.12612 17.3972 7.02679 17.3286 7.0256 17.2454C7.0256 17.16 7.12204 17.0909 7.24463 17.0885C7.36637 17.0863 7.46637 17.1542 7.46637 17.2379L7.4662 17.2381ZM8.24689 17.1053C8.26149 17.1876 8.17677 17.2724 8.05571 17.2949C7.93686 17.317 7.82649 17.2657 7.81121 17.1841C7.79661 17.0995 7.88286 17.0148 8.00171 16.9929C8.12294 16.972 8.23161 17.0216 8.24689 17.1053Z"
+              d="M10.4626 11.2442H9.22283L3.55665 3.71839H4.82549L10.4626 11.2442Z"
+              fill="#FBFBFA"
             />
             <path
-              d="M7.61782 20.4825L7.30202 21.4314L7.36749 21.4532L7.43533 21.4658L7.61782 20.4825ZM8.30428 18.0804L9.30426 18.0752L9.2979 16.841L8.0918 17.1032L8.30428 18.0804ZM4.84994 16.8706L5.79987 16.5582L5.79094 16.531L5.78047 16.5044L4.84994 16.8706ZM3.71151 15.3704L3.14697 16.1958L3.21372 16.2415L3.28694 16.2758L3.71151 15.3704ZM3.78163 14.7473L3.85155 13.7497L3.82324 13.7477L3.79486 13.7474L3.78163 14.7473ZM5.35336 15.8039L4.47747 16.2864L4.48343 16.2972L4.48965 16.3079L5.35336 15.8039ZM8.33705 16.6562L8.74549 17.569L9.25132 17.3426L9.32754 16.7937L8.33705 16.6562ZM8.98801 15.285L9.64575 16.0382L11.353 14.5474L9.10098 14.2914L8.98801 15.285ZM5.37305 7.46573L6.11147 8.14008L6.53985 7.671L6.29728 7.08388L5.37305 7.46573ZM5.47221 4.75252L5.16733 3.80012L4.71577 3.94468L4.54189 4.38578L5.47221 4.75252ZM8.29239 5.8035L7.73176 6.63157L8.11465 6.8908L8.56016 6.76699L8.29239 5.8035ZM10.8593 5.45799L10.8637 4.45796L10.8548 4.458L10.8593 5.45799ZM13.4276 5.80317L13.1603 6.76678L13.6059 6.89039L13.9887 6.63092L13.4276 5.80317ZM16.2444 4.75218L17.1744 4.38463L17.0004 3.94437L16.5496 3.79989L16.2444 4.75218ZM16.3451 7.46539L15.4207 7.08406L15.1783 7.6717L15.6075 8.14059L16.3451 7.46539ZM12.7186 15.2767L12.608 14.2828L10.3332 14.5359L12.0645 16.0331L12.7186 15.2767ZM14.1066 20.481L14.2969 21.4628L14.361 21.4503L14.4229 21.4297L14.1066 20.481ZM21.1126 10.7532H22.1126V10.7531L21.1126 10.7532ZM4.48948 15.2211L5.40366 15.6264L3.78237 14.514L4.48948 15.2211ZM4.31374 15.2526L4.74409 14.3499L4.73244 14.3443L4.72065 14.3391L4.31374 15.2526ZM4.22155 15.0987L5.12596 15.5254L5.13529 15.5056L5.14374 15.4855L4.22155 15.0987ZM4.39813 15.0668L3.97004 15.9705L3.97972 15.9751L3.98949 15.9795L4.39813 15.0668ZM4.48931 15.2213L3.59847 14.767L5.19641 15.9284L4.48931 15.2213ZM4.90478 15.6845L5.61188 14.9774L4.92984 14.2954L4.22364 14.9523L4.90478 15.6845ZM4.6956 15.637L5.43776 14.9667L5.43056 14.9588L5.42319 14.9509L4.6956 15.637ZM4.66555 15.424L3.99963 14.678L3.99303 14.6839L3.98654 14.6899L4.66555 15.424ZM4.87608 15.4716L5.61026 14.7926L5.60367 14.7856L4.87608 15.4716ZM4.90495 15.6847L4.19784 16.3918L4.86773 17.0617L5.57282 16.4289L4.90495 15.6847ZM5.30921 16.2749L4.73955 15.453L4.73724 15.4546L5.30921 16.2749ZM5.08 16.1866L4.25603 16.7532L4.25941 16.7581L5.08 16.1866ZM5.0817 15.9421L5.64195 16.7705L5.65056 16.7645L5.0817 15.9421ZM5.31091 16.0282L6.13967 15.4685L6.1323 15.4576L6.12464 15.4469L5.31091 16.0282ZM5.86289 16.8455L5.41568 15.9511L5.24734 16.0353L5.12112 16.1749L5.86289 16.8455ZM5.59938 16.8065L6.2931 16.0862L6.28566 16.079L6.27807 16.072L5.59938 16.8065ZM5.54114 16.5443L4.80448 15.868L4.8013 15.8715L5.54114 16.5443ZM5.80669 16.5834L5.11725 17.3077L5.12296 17.3131L5.12876 17.3185L5.80669 16.5834ZM5.86323 16.8453L6.31045 17.7398L6.46201 17.664L6.58014 17.5425L5.86323 16.8453ZM6.62694 17.1768L7.58189 17.4735L7.584 17.4667L7.58602 17.4599L6.62694 17.1768ZM6.37056 17.2593L6.0805 18.2163L6.08771 18.2185L6.37056 17.2593ZM6.20247 17.0491L5.24294 16.7675L5.24278 16.768L6.20247 17.0491ZM6.45919 16.9667L6.16129 17.9214L6.17043 17.9241L6.45919 16.9667ZM7.4662 17.2381L6.7591 16.531L6.45197 16.8381L6.46678 17.2722L7.4662 17.2381ZM7.24887 17.3943L7.23493 16.3943L7.22537 16.3945L7.24887 17.3943ZM7.0256 17.2454H6.0256V17.2525L6.0257 17.2596L7.0256 17.2454ZM7.24463 17.0885L7.2265 16.0886L7.22524 16.0887L7.24463 17.0885ZM7.46637 17.2379L8.17348 17.945L8.46637 17.6521V17.2379H7.46637ZM8.24689 17.1053L9.23154 16.9307L9.23063 16.9257L8.24689 17.1053ZM8.05571 17.2949L8.2383 18.2781L8.23908 18.278L8.05571 17.2949ZM7.81121 17.1841L6.8257 17.3543L6.82827 17.368L7.81121 17.1841ZM8.00171 16.9929L7.83193 16.0073L7.82048 16.0094L8.00171 16.9929ZM10.8593 -0.5C4.6451 -0.5 -0.393921 4.53787 -0.393921 10.7532H1.60608C1.60608 5.64257 5.74954 1.5 10.8593 1.5V-0.5ZM-0.393921 10.7532C-0.393921 15.7269 2.83184 19.9435 7.30202 21.4314L7.93362 19.5337C4.25601 18.3097 1.60608 14.8401 1.60608 10.7532H-0.393921ZM7.43533 21.4658C7.91945 21.5556 8.43747 21.4738 8.83415 21.1118C9.20061 20.7774 9.3182 20.3339 9.3182 19.9893H7.3182C7.3182 19.9155 7.34172 19.7662 7.48606 19.6344C7.56146 19.5656 7.64615 19.5259 7.71919 19.5091C7.78739 19.4934 7.82061 19.5031 7.80032 19.4993L7.43533 21.4658ZM9.3182 19.9893C9.3182 19.7445 9.3086 18.9162 9.30426 18.0752L7.30429 18.0855C7.30879 18.9581 7.3182 19.7451 7.3182 19.9893H9.3182ZM8.0918 17.1032C6.90138 17.3621 6.34548 17.0865 6.10713 16.9079C5.97051 16.8055 5.88554 16.6954 5.83695 16.6175C5.81278 16.5788 5.79874 16.5498 5.79289 16.5368C5.79002 16.5304 5.78933 16.5284 5.79055 16.5316C5.79116 16.5332 5.79227 16.5361 5.79383 16.5405C5.79461 16.5427 5.79551 16.5453 5.79652 16.5482C5.79702 16.5497 5.79755 16.5512 5.79811 16.5529C5.79839 16.5537 5.79868 16.5546 5.79897 16.5555C5.79912 16.5559 5.79934 16.5566 5.79942 16.5568C5.79964 16.5575 5.79987 16.5582 4.84994 16.8706C3.9 17.1831 3.90023 17.1838 3.90047 17.1845C3.90055 17.1848 3.90079 17.1855 3.90095 17.186C3.90128 17.187 3.90163 17.188 3.90198 17.189C3.90269 17.1912 3.90344 17.1934 3.90425 17.1957C3.90586 17.2004 3.90766 17.2056 3.90967 17.2113C3.91368 17.2225 3.91852 17.2357 3.92424 17.2505C3.93567 17.2802 3.95069 17.3169 3.96985 17.3593C4.00806 17.444 4.06333 17.5531 4.14015 17.6762C4.29356 17.9221 4.53734 18.2308 4.90775 18.5083C5.68347 19.0896 6.85474 19.4189 8.51675 19.0576L8.0918 17.1032ZM5.78047 16.5044C5.49681 15.7837 5.13617 15.2931 4.81388 14.97C4.65402 14.8097 4.50681 14.6937 4.38822 14.6127C4.32901 14.5722 4.27706 14.5405 4.23439 14.5163C4.21305 14.5042 4.19403 14.494 4.17756 14.4855C4.16933 14.4812 4.16174 14.4774 4.15481 14.474C4.15135 14.4723 4.14805 14.4707 4.14493 14.4692C4.14337 14.4684 4.14185 14.4677 4.14037 14.467C4.13963 14.4667 4.1389 14.4663 4.13819 14.466C4.13783 14.4658 4.1373 14.4656 4.13712 14.4655C4.13659 14.4652 4.13607 14.465 3.71151 15.3704C3.28694 16.2758 3.28642 16.2755 3.28591 16.2753C3.28574 16.2752 3.28522 16.275 3.28489 16.2748C3.28421 16.2745 3.28354 16.2742 3.28289 16.2739C3.28157 16.2733 3.2803 16.2726 3.27906 16.2721C3.27659 16.2709 3.27426 16.2697 3.27209 16.2687C3.26773 16.2665 3.26397 16.2646 3.26077 16.263C3.25438 16.2597 3.25025 16.2574 3.2482 16.2562C3.24409 16.2539 3.2483 16.2561 3.25937 16.2636C3.28137 16.2787 3.33131 16.3156 3.39775 16.3822C3.52808 16.5129 3.73665 16.7725 3.9194 17.2369L5.78047 16.5044ZM4.27604 14.545C4.18958 14.4858 4.15405 14.4533 4.14782 14.4472C4.13446 14.4341 4.19876 14.4907 4.252 14.6175C4.28116 14.687 4.31079 14.7868 4.31492 14.9105C4.31919 15.0383 4.29532 15.1696 4.24163 15.2929C4.13719 15.5327 3.96445 15.6482 3.8926 15.6891C3.81633 15.7326 3.76005 15.7459 3.75324 15.7476C3.74028 15.7508 3.73819 15.7504 3.74895 15.7492C3.75801 15.7482 3.76777 15.7476 3.77492 15.7473C3.77804 15.7472 3.77954 15.7472 3.77884 15.7472C3.77846 15.7472 3.77746 15.7473 3.77576 15.7472C3.77491 15.7472 3.77388 15.7472 3.77266 15.7472C3.77205 15.7472 3.77139 15.7472 3.77068 15.7472C3.77032 15.7472 3.76995 15.7472 3.76957 15.7472C3.76938 15.7472 3.76909 15.7472 3.76899 15.7472C3.76869 15.7472 3.76839 15.7472 3.78163 14.7473C3.79486 13.7474 3.79455 13.7474 3.79424 13.7473C3.79413 13.7473 3.79381 13.7473 3.79359 13.7473C3.79315 13.7473 3.79269 13.7473 3.79222 13.7473C3.79127 13.7473 3.79025 13.7473 3.78916 13.7473C3.78698 13.7473 3.78453 13.7473 3.78181 13.7473C3.77638 13.7472 3.76988 13.7472 3.7624 13.7473C3.7475 13.7474 3.72841 13.7478 3.70599 13.7485C3.66206 13.7501 3.60091 13.7534 3.5307 13.7611C3.43011 13.7722 3.15872 13.8054 2.9027 13.9513C2.76394 14.0303 2.53882 14.1939 2.40799 14.4943C2.26365 14.8257 2.30716 15.1517 2.40786 15.3916C2.56764 15.7723 2.90592 16.0309 3.14697 16.1958L4.27604 14.545ZM3.7117 15.7448C3.90999 15.7587 4.09331 15.8621 4.25895 16.022C4.33834 16.0987 4.39956 16.1754 4.43962 16.2313C4.45919 16.2586 4.47241 16.2792 4.47902 16.2898C4.4823 16.295 4.48383 16.2977 4.4836 16.2973C4.48349 16.2971 4.48292 16.2961 4.4819 16.2943C4.48139 16.2934 4.48077 16.2923 4.48003 16.291C4.47966 16.2903 4.47926 16.2896 4.47883 16.2888C4.47862 16.2885 4.4784 16.2881 4.47817 16.2877C4.47806 16.2874 4.47788 16.2871 4.47783 16.287C4.47765 16.2867 4.47747 16.2864 5.35336 15.8039C6.22925 15.3214 6.22906 15.321 6.22888 15.3207C6.22881 15.3206 6.22862 15.3202 6.22849 15.32C6.22823 15.3195 6.22796 15.319 6.22768 15.3185C6.22712 15.3175 6.22653 15.3164 6.22589 15.3153C6.22463 15.313 6.22321 15.3105 6.22164 15.3078C6.21851 15.3022 6.21477 15.2957 6.21043 15.2883C6.20175 15.2734 6.19063 15.2549 6.17707 15.2331C6.15 15.1896 6.11281 15.1326 6.06545 15.0665C5.97166 14.9356 5.83297 14.7617 5.6481 14.5832C5.28524 14.2329 4.6827 13.808 3.85155 13.7497L3.7117 15.7448ZM4.48965 16.3079C5.11413 17.378 6.00643 17.8339 6.8797 17.9119C7.68396 17.9838 8.38514 17.7302 8.74549 17.569L7.9286 15.7434C7.70386 15.844 7.37044 15.9478 7.05775 15.9199C6.81406 15.8981 6.50707 15.7968 6.21706 15.2999L4.48965 16.3079ZM9.32754 16.7937C9.39248 16.3261 9.56458 16.1091 9.64575 16.0382L8.33028 14.5317C7.825 14.9729 7.46566 15.6609 7.34655 16.5187L9.32754 16.7937ZM9.10098 14.2914C8.02059 14.1686 7.09558 13.9125 6.44212 13.3626C5.837 12.8533 5.31646 11.9633 5.31646 10.218H3.31646C3.31646 12.4015 3.99302 13.9155 5.15433 14.8928C6.2673 15.8294 7.67807 16.1425 8.87505 16.2786L9.10098 14.2914ZM5.31646 10.218C5.31646 9.35979 5.61583 8.68281 6.11147 8.14008L4.63464 6.79138C3.81849 7.68507 3.31646 8.83738 3.31646 10.218H5.31646ZM6.29728 7.08388C6.25492 6.98136 5.96949 6.21778 6.40253 5.11925L4.54189 4.38578C3.86146 6.11185 4.27793 7.43394 4.44883 7.84758L6.29728 7.08388ZM5.47221 4.75252C5.77709 5.70491 5.77613 5.70521 5.77518 5.70552C5.77487 5.70562 5.77392 5.70592 5.77329 5.70611C5.77204 5.70651 5.7708 5.7069 5.76957 5.70728C5.7671 5.70805 5.76469 5.70879 5.76232 5.70951C5.75758 5.71094 5.75302 5.71228 5.74865 5.71352C5.73991 5.71601 5.73193 5.71813 5.72471 5.71993C5.71025 5.72354 5.69893 5.72587 5.69082 5.72733C5.67449 5.73028 5.67169 5.72966 5.68316 5.72914C5.70545 5.72811 5.78959 5.7271 5.94141 5.75908C6.24664 5.82337 6.83272 6.02289 7.73176 6.63157L8.85302 4.97544C7.7927 4.25757 6.9687 3.93159 6.35367 3.80203C6.04537 3.73708 5.79184 3.72205 5.5915 3.73124C5.49165 3.73582 5.40629 3.74636 5.33523 3.7592C5.29976 3.76561 5.26803 3.77256 5.24 3.77956C5.226 3.78305 5.21294 3.78656 5.20082 3.79001C5.19477 3.79174 5.18895 3.79345 5.18336 3.79514C5.18057 3.79598 5.17784 3.79682 5.17517 3.79765C5.17383 3.79807 5.17251 3.79848 5.17121 3.79889C5.17055 3.7991 5.16958 3.79941 5.16926 3.79951C5.16829 3.79982 5.16733 3.80012 5.47221 4.75252ZM8.56016 6.76699C9.28601 6.56526 10.0743 6.46151 10.8637 6.45798L10.8548 4.458C9.90119 4.46227 8.93485 4.58705 8.02462 4.84002L8.56016 6.76699ZM10.8548 6.45798C11.6439 6.46151 12.4328 6.56498 13.1603 6.76678L13.6949 4.83955C12.7833 4.58666 11.8166 4.46227 10.8637 4.458L10.8548 6.45798ZM13.9887 6.63092C14.8866 6.0223 15.4718 5.82291 15.7763 5.75869C15.9277 5.72674 16.0116 5.72778 16.0336 5.72879C16.045 5.72931 16.0421 5.72992 16.0257 5.72696C16.0175 5.72548 16.0062 5.72315 15.9917 5.71953C15.9844 5.71772 15.9764 5.71559 15.9677 5.71309C15.9633 5.71185 15.9587 5.71051 15.954 5.70907C15.9516 5.70835 15.9492 5.70761 15.9467 5.70684C15.9455 5.70646 15.9443 5.70607 15.943 5.70567C15.9424 5.70547 15.9414 5.70517 15.9411 5.70507C15.9402 5.70477 15.9392 5.70446 16.2444 4.75218C16.5496 3.79989 16.5487 3.79958 16.5477 3.79927C16.5474 3.79917 16.5464 3.79886 16.5458 3.79866C16.5444 3.79824 16.5431 3.79783 16.5418 3.79741C16.5391 3.79658 16.5364 3.79574 16.5336 3.79489C16.528 3.7932 16.5222 3.79149 16.5161 3.78976C16.504 3.7863 16.4909 3.78279 16.4769 3.77928C16.4489 3.77227 16.4171 3.76531 16.3817 3.7589C16.3106 3.74604 16.2252 3.73549 16.1254 3.7309C15.9251 3.7217 15.6716 3.73675 15.3635 3.80174C14.7489 3.93137 13.9257 4.25748 12.8665 4.97542L13.9887 6.63092ZM15.3144 5.11973C15.7484 6.21773 15.4631 6.9812 15.4207 7.08406L17.2695 7.84672C17.44 7.43342 17.8567 6.11088 17.1744 4.38463L15.3144 5.11973ZM15.6075 8.14059C16.1026 8.68151 16.4003 9.35763 16.4003 10.2177H18.4003C18.4003 8.83886 17.9024 7.68568 17.0827 6.79019L15.6075 8.14059ZM16.4003 10.2177C16.4003 11.9679 15.8787 12.8556 15.2738 13.3618C14.6197 13.9093 13.6931 14.1621 12.608 14.2828L12.8292 16.2705C14.0273 16.1372 15.4415 15.8295 16.5575 14.8955C17.7227 13.9203 18.4003 12.4055 18.4003 10.2177H16.4003ZM12.0645 16.0331C12.1668 16.1215 12.4142 16.4425 12.4142 17.1754H14.4142C14.4142 15.9955 14.0063 15.0682 13.3727 14.5203L12.0645 16.0331ZM12.4142 17.1754C12.4142 17.8586 12.4113 18.4753 12.4083 18.964C12.4054 19.4486 12.4023 19.8163 12.4023 19.9891H14.4023C14.4023 19.8243 14.4053 19.471 14.4083 18.9762C14.4112 18.4854 14.4142 17.8642 14.4142 17.1754H12.4142ZM12.4023 19.9891C12.4023 20.3273 12.5146 20.7752 12.8854 21.1137C13.288 21.4812 13.8127 21.5566 14.2969 21.4628L13.9164 19.4993C13.8928 19.5038 13.9252 19.4935 13.9942 19.5088C14.0687 19.5253 14.1561 19.5656 14.2339 19.6366C14.3824 19.7722 14.4023 19.9239 14.4023 19.9891H12.4023ZM14.4229 21.4297C18.8906 19.9403 22.1126 15.7248 22.1126 10.7532H20.1126C20.1126 14.8387 17.4657 18.3071 13.7904 19.5323L14.4229 21.4297ZM22.1126 10.7531C22.1124 4.53827 17.074 -0.5 10.8593 -0.5V1.5C15.9694 1.5 20.1124 5.64286 20.1126 10.7532L22.1126 10.7531ZM3.57529 14.8159C3.7377 14.4495 4.05709 14.3188 4.24101 14.2853C4.4344 14.25 4.60871 14.2854 4.74409 14.3499L3.8834 16.1552C4.09179 16.2546 4.34267 16.2997 4.60003 16.2528C4.84791 16.2075 5.21867 16.0437 5.40366 15.6264L3.57529 14.8159ZM4.72065 14.3391C4.84762 14.3956 4.98696 14.4991 5.08837 14.6683C5.18709 14.8331 5.29719 15.1624 5.12596 15.5254L3.31714 14.6721C3.1218 15.0861 3.24064 15.4758 3.37281 15.6963C3.50767 15.9214 3.70516 16.0762 3.90684 16.166L4.72065 14.3391ZM5.14374 15.4855C4.9863 15.8609 4.66098 15.9991 4.46786 16.034C4.27044 16.0696 4.09798 16.0312 3.97004 15.9705L4.82622 14.1631C4.62408 14.0673 4.37437 14.0185 4.11273 14.0657C3.85538 14.1122 3.47887 14.2839 3.29936 14.712L5.14374 15.4855ZM3.98949 15.9795C3.86339 15.9231 3.72364 15.8196 3.62204 15.6488C3.52272 15.4818 3.40902 15.1385 3.59847 14.767L5.38014 15.6756C5.59557 15.2532 5.47363 14.8494 5.34091 14.6263C5.2059 14.3993 5.00757 14.244 4.80677 14.1541L3.98949 15.9795ZM5.19641 15.9284L5.19658 15.9283L3.78237 14.514L3.7822 14.5142L5.19641 15.9284ZM4.22364 14.9523C4.51446 14.6818 4.85412 14.6904 5.02582 14.7291C5.20781 14.77 5.34502 14.864 5.43776 14.9667L3.95344 16.3072C4.11104 16.4817 4.32847 16.6221 4.58665 16.6803C4.83455 16.7361 5.24637 16.7325 5.58591 16.4167L4.22364 14.9523ZM5.42319 14.9509C5.51537 15.0487 5.60099 15.1938 5.6273 15.3842C5.65295 15.5699 5.62499 15.8988 5.34455 16.1582L3.98654 14.6899C3.65635 14.9953 3.6098 15.395 3.64611 15.6579C3.68307 15.9254 3.8086 16.1539 3.96801 16.323L5.42319 14.9509ZM5.33146 16.1701C5.04903 16.4222 4.72244 16.4201 4.54291 16.3793C4.361 16.3379 4.23139 16.2455 4.14849 16.1576L5.60367 14.7856C5.45354 14.6263 5.24396 14.4876 4.98624 14.429C4.7309 14.371 4.33266 14.3807 3.99963 14.678L5.33146 16.1701ZM4.14194 16.1506C4.05666 16.0584 3.97042 15.9162 3.94406 15.7235C3.91765 15.5305 3.95081 15.1973 4.23707 14.9404L5.57282 16.4289C5.91036 16.1261 5.96253 15.7224 5.9256 15.4525C5.88872 15.1828 5.76241 14.9571 5.61023 14.7926L4.14194 16.1506ZM5.61205 14.9776L5.61188 14.9774L4.19767 16.3916L4.19784 16.3918L5.61205 14.9776ZM4.73724 15.4546C5.06325 15.2273 5.3977 15.2872 5.55745 15.3494C5.72384 15.4141 5.83371 15.519 5.90059 15.6151L4.25941 16.7581C4.38979 16.9453 4.58285 17.1162 4.83227 17.2133C5.07505 17.3077 5.49235 17.3663 5.88119 17.0951L4.73724 15.4546ZM5.90395 15.6199C5.97268 15.7198 6.03397 15.8658 6.03308 16.0512C6.03221 16.2342 5.95879 16.5561 5.64192 16.7704L4.52148 15.1137C4.14008 15.3717 4.03441 15.7701 4.03311 16.0416C4.03179 16.3155 4.1245 16.5619 4.25605 16.7532L5.90395 15.6199ZM5.65056 16.7645C5.33331 16.9839 5.00602 16.9325 4.84059 16.8696C4.67218 16.8056 4.56266 16.7011 4.49718 16.6094L6.12464 15.4469C5.99464 15.2649 5.80218 15.0955 5.55113 15C5.30305 14.9058 4.89342 14.8564 4.51283 15.1196L5.65056 16.7645ZM4.48215 16.5878C4.4163 16.4902 4.3567 16.3472 4.35757 16.1648C4.35843 15.9849 4.42943 15.6679 4.73955 15.453L5.87888 17.0967C6.25318 16.8373 6.35627 16.4432 6.35755 16.1743C6.35884 15.9028 6.268 15.6586 6.13967 15.4685L4.48215 16.5878ZM5.12112 16.1749C5.3813 15.8871 5.71317 15.866 5.88673 15.8913C6.06751 15.9175 6.20289 15.9993 6.2931 16.0862L4.90566 17.5267C5.08349 17.698 5.3226 17.8303 5.59922 17.8705C5.86863 17.9096 6.28846 17.8659 6.60467 17.5162L5.12112 16.1749ZM6.27807 16.072C6.36664 16.1539 6.45438 16.2797 6.49247 16.4536C6.52906 16.6206 6.53277 16.9402 6.28099 17.2171L4.8013 15.8715C4.49332 16.2102 4.48141 16.6195 4.53879 16.8815C4.59768 17.1504 4.74264 17.3764 4.9207 17.5409L6.27807 16.072ZM6.2778 17.2206C6.0177 17.5039 5.6891 17.5236 5.51773 17.4986C5.3396 17.4726 5.20633 17.3925 5.11725 17.3077L6.49614 15.859C6.31893 15.6904 6.08141 15.5597 5.8068 15.5196C5.53895 15.4805 5.12163 15.5226 4.80449 15.868L6.2778 17.2206ZM5.12876 17.3185C5.0437 17.24 4.95355 17.1153 4.91434 16.937C4.87549 16.7604 4.87616 16.426 5.14632 16.1482L6.58014 17.5425C6.91024 17.2031 6.92737 16.7789 6.86765 16.5074C6.80756 16.2341 6.65916 16.0092 6.48462 15.8482L5.12876 17.3185ZM5.41602 15.9509L5.41568 15.9511L6.31011 17.7399L6.31045 17.7398L5.41602 15.9509ZM5.67199 16.88C5.78473 16.5172 6.06787 16.36 6.2279 16.3087C6.39422 16.2554 6.54261 16.2674 6.65341 16.3001L6.08771 18.2185C6.31481 18.2854 6.57892 18.2964 6.83811 18.2133C7.09101 18.1323 7.44419 17.9166 7.58189 17.4735L5.67199 16.88ZM6.66061 16.3023C6.77201 16.336 6.90382 16.4082 7.01409 16.5456C7.12087 16.6787 7.2686 16.9667 7.16215 17.3302L5.24278 16.768C5.11257 17.2126 5.28636 17.5881 5.45414 17.7973C5.6254 18.0107 5.85314 18.1474 6.08051 18.2163L6.66061 16.3023ZM7.16199 17.3307C7.05356 17.7002 6.76704 17.8626 6.60285 17.9156C6.43185 17.9707 6.27762 17.9576 6.16131 17.9213L6.75707 16.0121C6.52377 15.9393 6.25307 15.9269 5.98889 16.0121C5.73153 16.0952 5.37515 16.317 5.24294 16.7675L7.16199 17.3307ZM6.17043 17.9241C6.06001 17.8908 5.92725 17.8191 5.81588 17.6804C5.70682 17.5446 5.561 17.2556 5.66786 16.8936L7.58602 17.4599C7.71699 17.0163 7.54527 16.6398 7.37531 16.4281C7.20302 16.2136 6.97434 16.0776 6.74795 16.0093L6.17043 17.9241ZM6.46678 17.2722C6.45351 16.8832 6.67905 16.6366 6.82204 16.5342C6.96876 16.4291 7.11818 16.396 7.23493 16.3944L7.26282 18.3942C7.50131 18.3908 7.76084 18.3219 7.98651 18.1603C8.20844 18.0013 8.48178 17.6775 8.46562 17.2039L6.46678 17.2722ZM7.22537 16.3945C7.3481 16.3917 7.50101 16.422 7.65068 16.5229C7.79385 16.6195 8.02008 16.8518 8.0255 17.2311L6.0257 17.2596C6.03231 17.7221 6.3088 18.0303 6.53262 18.1812C6.76294 18.3365 7.02689 18.3998 7.27238 18.394L7.22537 16.3945ZM8.0256 17.2454C8.0256 17.6091 7.81754 17.8441 7.6715 17.9487C7.52465 18.0539 7.37631 18.0861 7.26402 18.0883L7.22524 16.0887C6.99036 16.0932 6.73251 16.1612 6.50679 16.3229C6.28189 16.484 6.0256 16.7962 6.0256 17.2454H8.0256ZM7.26276 18.0883C7.14217 18.0905 6.99064 18.0604 6.84142 17.9596C6.69787 17.8627 6.46637 17.6253 6.46637 17.2379H8.46637C8.46637 16.7668 8.18487 16.4536 7.96089 16.3023C7.73123 16.1472 7.46882 16.0843 7.2265 16.0886L7.26276 18.0883ZM6.75927 16.5308L6.7591 16.531L8.17331 17.9452L8.17348 17.945L6.75927 16.5308ZM7.26225 17.2799C7.19594 16.9059 7.37501 16.6348 7.49703 16.5135C7.62295 16.3882 7.76182 16.3325 7.87233 16.3119L8.23908 18.278C8.47066 18.2348 8.71242 18.1254 8.90731 17.9316C9.09831 17.7417 9.31244 17.387 9.23153 16.9307L7.26225 17.2799ZM7.87312 16.3118C7.99655 16.2888 8.15035 16.2958 8.31023 16.3689C8.46091 16.4377 8.72413 16.6259 8.79415 17.0002L6.82827 17.368C6.91358 17.8239 7.23962 18.0786 7.47901 18.188C7.72761 18.3015 7.99602 18.3231 8.2383 18.2781L7.87312 16.3118ZM8.79663 17.0139C8.86025 17.3823 8.68519 17.6508 8.56244 17.7732C8.43711 17.8981 8.29753 17.9552 8.18295 17.9763L7.82048 16.0094C7.58704 16.0525 7.34491 16.1629 7.1504 16.3568C6.95845 16.5482 6.74757 16.9013 6.8258 17.3542L8.79663 17.0139ZM8.17148 17.9784C8.0618 17.9973 7.9112 17.9939 7.7478 17.9191C7.58636 17.8452 7.33014 17.6519 7.26315 17.2849L9.23063 16.9257C9.14836 16.475 8.83016 16.215 8.58027 16.1006C8.3284 15.9853 8.06286 15.9676 7.83195 16.0074L8.17148 17.9784Z"
-              mask="url(#path-1-inside-1_1218_1523)"
+              fill-rule="evenodd"
+              clip-rule="evenodd"
+              d="M7 0.5C10.866 0.5 14 3.63402 14 7.5C14 11.366 10.866 14.5 7 14.5C3.13401 14.5 0 11.366 0 7.5C0 3.63402 3.13401 0.5 7 0.5ZM8.89353 11.8545H11.5958L7.83379 6.84406L11.276 3.14674H10.5304L7.49777 6.39625L5.05809 3.14674H2.40417L6.01222 7.98825L2.40417 11.8545H3.16915L6.34874 8.43958L8.89353 11.8545Z"
+              fill="#FBFBFA"
             />
           </svg>
-          <a href="<%= link.URL -%>" target="_blank">github</a>
+          <a href="#" target="_blank">Twitter</a>
         </div>
       <%_ } %>
-      <%_ if (link.type === 'twitter') { -%>
+      <%_ if (link.type === 'github') { -%>
         <div class="aside__section__item">
           <svg
             xmlns="http://www.w3.org/2000/svg"
-            width="21"
-            height="21"
-            viewBox="0 0 21 21"
+            width="14"
+            height="15"
+            viewBox="0 0 14 15"
             fill="none"
-            class="svg-fill"
           >
-            <path
-              d="M6.93408 20.5C14.5275 20.5 18.6797 12.8041 18.6797 6.13165C18.6797 5.91314 18.6797 5.69511 18.6679 5.47833C19.4761 4.76356 20.1737 3.87806 20.7276 2.86366C19.9746 3.27269 19.1759 3.5404 18.3573 3.65956C19.2188 3.02762 19.8636 2.03476 20.1712 0.865523C19.3607 1.45391 18.474 1.86845 17.5492 2.09182C16.2702 0.427727 14.237 0.0199563 12.5901 1.09833C10.9439 2.17671 10.0934 4.4718 10.5152 6.69725C7.19628 6.49399 4.10326 4.57571 2.00765 1.42137C0.9101 3.72747 1.46878 6.68011 3.28206 8.16359C2.63 8.13655 1.99193 7.91915 1.42209 7.52992V7.59437C1.42209 9.99526 2.80323 12.0648 4.72639 12.5448C4.12497 12.747 3.47893 12.7766 2.86155 12.6302C3.40184 14.6886 4.95181 16.0996 6.7184 16.1401C5.25568 17.542 3.44979 18.3016 1.59108 18.2969C1.26191 18.2969 0.932736 18.2733 0.606079 18.2268C2.49371 19.7096 4.69008 20.4969 6.93392 20.4939"
-            />
+            <g clip-path="url(#clip0_1324_773)">
+              <path
+                d="M7 0.672852C3.1325 0.672852 0 3.8071 0 7.67285C0 10.7663 2.0055 13.3895 4.78625 14.3141C5.13625 14.38 5.26458 14.1636 5.26458 13.9775C5.26458 13.8113 5.25875 13.3709 5.25583 12.7875C3.30867 13.2099 2.898 11.8484 2.898 11.8484C2.5795 11.0404 2.11925 10.8246 2.11925 10.8246C1.48517 10.3906 2.16825 10.3994 2.16825 10.3994C2.87117 10.4484 3.24042 11.1204 3.24042 11.1204C3.86458 12.1908 4.879 11.8816 5.27917 11.7025C5.34217 11.2499 5.52242 10.9413 5.7225 10.7663C4.16792 10.5913 2.534 9.98927 2.534 7.3071C2.534 6.54294 2.80525 5.91877 3.25442 5.42877C3.17567 5.25202 2.93942 4.54035 3.31567 3.5761C3.31567 3.5761 3.90192 3.38827 5.24067 4.2936C5.80067 4.13785 6.39567 4.06085 6.99067 4.05735C7.58567 4.06085 8.18067 4.13785 8.74067 4.2936C10.0707 3.38827 10.6569 3.5761 10.6569 3.5761C11.0332 4.54035 10.7969 5.25202 10.7269 5.42877C11.1732 5.91877 11.4444 6.54294 11.4444 7.3071C11.4444 9.99627 9.80817 10.5884 8.25067 10.7604C8.49567 10.9704 8.72317 11.3998 8.72317 12.0554C8.72317 12.9923 8.71442 13.7448 8.71442 13.9723C8.71442 14.156 8.83692 14.3748 9.19567 14.3048C11.9962 13.3866 14 10.7616 14 7.67285C14 3.8071 10.8657 0.672852 7 0.672852Z"
+                fill="#FBFBFA"
+              />
+            </g>
+            <defs>
+              <clipPath id="clip0_1324_773">
+                <rect
+                  width="14"
+                  height="14"
+                  fill="white"
+                  transform="translate(0 0.5)"
+                />
+              </clipPath>
+            </defs>
           </svg>
-          <a href="<%= link.URL -%>" target="_blank">twitter</a>
+          <a href="#" target="_blank">GitHub</a>
         </div>
       <%_ } %>
       <%_ if (link.type === 'web') { -%>
         <div class="aside__section__item">
           <svg
             xmlns="http://www.w3.org/2000/svg"
-            width="21"
-            height="21"
-            viewBox="0 0 21 21"
+            width="14"
+            height="15"
+            viewBox="0 0 14 15"
             fill="none"
-            class="svg-fill"
           >
             <path
-              d="M20.0495 13.7905C20.4096 12.7597 20.6061 11.6522 20.6061 10.5002C20.6061 9.34807 20.4096 8.24118 20.0495 7.21039C20.041 7.17954 20.0303 7.14928 20.0178 7.12031C18.6291 3.26449 14.9347 0.5 10.6062 0.5C6.2776 0.5 2.5832 3.26435 1.19454 7.12031C1.18186 7.14913 1.17105 7.17954 1.16284 7.21039C0.802664 8.24118 0.606079 9.34807 0.606079 10.5002C0.606079 11.6522 0.802664 12.7597 1.16284 13.7905C1.17163 13.8213 1.18201 13.8516 1.19454 13.8806C2.58378 17.7364 6.2776 20.5009 10.6062 20.5009C14.9347 20.5009 18.6291 17.7365 20.0178 13.8806C20.0303 13.8516 20.041 13.8213 20.0495 13.7905ZM10.606 19.0672C10.2252 19.0672 9.6111 18.3779 9.09786 16.8382C8.85011 16.0952 8.65222 15.2408 8.50767 14.3118H12.7045C12.5604 15.241 12.362 16.0949 12.1143 16.8382C11.6009 18.3779 10.9868 19.0672 10.606 19.0672ZM8.33356 12.8782C8.26438 12.1139 8.22806 11.3164 8.22806 10.5002C8.22806 9.68403 8.26438 8.88701 8.33356 8.12271H12.8786C12.9473 8.88701 12.9837 9.68403 12.9837 10.5002C12.9837 11.3164 12.9473 12.1139 12.8786 12.8782H8.33356ZM2.03941 10.5002C2.03941 9.67567 2.15645 8.87778 2.37538 8.12271H6.89576C6.82859 8.90286 6.79458 9.70219 6.79458 10.5002C6.79458 11.2987 6.82859 12.098 6.89576 12.8782H2.37538C2.15645 12.1226 2.03941 11.3252 2.03941 10.5002ZM10.606 1.93363C10.9868 1.93363 11.6009 2.62298 12.1141 4.16269C12.3619 4.90566 12.5602 5.76004 12.7043 6.68908H8.50753C8.65165 5.75946 8.84997 4.90551 9.09772 4.16269C9.6111 2.62284 10.2252 1.93363 10.606 1.93363ZM14.3163 8.12271H18.8365C19.055 8.87764 19.1726 9.67567 19.1726 10.5002C19.1726 11.3252 19.055 12.1232 18.8365 12.8782H14.3163C14.3834 12.098 14.417 11.2987 14.417 10.5002C14.417 9.70219 14.3834 8.90286 14.3163 8.12271ZM18.2767 6.68922H14.1521C13.8968 4.93088 13.4596 3.3537 12.8459 2.23139C15.2248 2.87621 17.1959 4.523 18.2767 6.68922ZM8.36613 2.23125C7.75244 3.35356 7.31531 4.93074 7.05992 6.68908H2.9353C4.01611 4.523 5.98718 2.87621 8.36613 2.23125ZM2.93545 14.3116H7.06006C7.31531 16.07 7.75259 17.6472 8.36628 18.7695C5.98718 18.1241 4.01611 16.4779 2.93545 14.3116ZM12.8459 18.7695C13.4596 17.6472 13.8967 16.07 14.1521 14.3116H18.2767C17.1959 16.4779 15.2248 18.1241 12.8459 18.7695Z"
+              d="M13.6104 9.80334C13.8625 9.08178 14 8.30655 14 7.50015C14 6.69365 13.8625 5.91883 13.6104 5.19727C13.6044 5.17568 13.597 5.15449 13.5882 5.13421C12.6161 2.43514 10.03 0.5 7.00005 0.5C3.97007 0.5 1.38399 2.43504 0.411926 5.13421C0.403047 5.15439 0.395481 5.17568 0.38973 5.19727C0.13761 5.91883 0 6.69365 0 7.50015C0 8.30655 0.13761 9.08178 0.38973 9.80334C0.395884 9.82493 0.403148 9.84611 0.411926 9.86639C1.38439 12.5655 3.97007 14.5006 7.00005 14.5006C10.03 14.5006 12.6161 12.5656 13.5882 9.86639C13.597 9.84611 13.6044 9.82493 13.6104 9.80334ZM6.99995 13.4971C6.7334 13.4971 6.30351 13.0145 5.94425 11.9367C5.77082 11.4166 5.6323 10.8186 5.53111 10.1683H8.46889C8.368 10.8187 8.22917 11.4164 8.05575 11.9367C7.69638 13.0145 7.2665 13.4971 6.99995 13.4971ZM5.40924 9.16471C5.36081 8.6297 5.33539 8.07148 5.33539 7.50015C5.33539 6.92882 5.36081 6.37091 5.40924 5.83589H8.59076C8.63888 6.37091 8.66431 6.92882 8.66431 7.50015C8.66431 8.07148 8.63888 8.6297 8.59076 9.16471H5.40924ZM1.00333 7.50015C1.00333 6.92297 1.08526 6.36445 1.23851 5.83589H4.40277C4.35576 6.382 4.33195 6.94153 4.33195 7.50015C4.33195 8.05907 4.35576 8.6186 4.40277 9.16471H1.23851C1.08526 8.63585 1.00333 8.07764 1.00333 7.50015ZM6.99995 1.50354C7.2665 1.50354 7.69638 1.98609 8.05565 3.06388C8.22907 3.58396 8.3679 4.18203 8.46878 4.83236H5.53101C5.6319 4.18162 5.77072 3.58386 5.94415 3.06388C6.30352 1.98599 6.7334 1.50354 6.99995 1.50354ZM9.59712 5.83589H12.7613C12.9142 6.36435 12.9966 6.92297 12.9966 7.50015C12.9966 8.07764 12.9142 8.63626 12.7613 9.16471H9.59712C9.64414 8.6186 9.66764 8.05907 9.66764 7.50015C9.66764 6.94153 9.64414 6.382 9.59712 5.83589ZM12.3694 4.83246H9.48221C9.30354 3.60162 8.99744 2.49759 8.56786 1.71197C10.2331 2.16335 11.6129 3.3161 12.3694 4.83246ZM5.43204 1.71187C5.00246 2.49749 4.69646 3.60152 4.51769 4.83236H1.63046C2.38702 3.3161 3.76677 2.16335 5.43204 1.71187ZM1.63056 10.1681H4.51779C4.69646 11.399 5.00256 12.503 5.43214 13.2886C3.76677 12.8369 2.38702 11.6845 1.63056 10.1681ZM8.56786 13.2886C8.99744 12.503 9.30344 11.399 9.48221 10.1681H12.3694C11.6129 11.6845 10.2331 12.8369 8.56786 13.2886Z"
+              fill="#FBFBFA"
             />
           </svg>
-          <a href="<%= link.URL -%>" target="_blank"><%= link.type -%></a>
+          <a href="#" target="_blank">Web</a>
         </div>
       <%_ } %>
       <%_ if (link.type === 'otros') { -%>
         <div class="aside__section__item">
           <svg
             xmlns="http://www.w3.org/2000/svg"
-            width="21"
-            height="21"
-            viewBox="0 0 21 21"
+            width="14"
+            height="15"
+            viewBox="0 0 14 15"
             fill="none"
-            class="svg-fill"
           >
             <path
-              d="M7.40295 9.87598H3.1842C1.7626 9.87598 0.606079 8.71945 0.606079 7.29785V3.0791C0.606079 1.6575 1.7626 0.500977 3.1842 0.500977H7.40295C8.82456 0.500977 9.98108 1.6575 9.98108 3.0791V7.29785C9.98108 8.71945 8.82456 9.87598 7.40295 9.87598ZM3.1842 1.75098C2.45186 1.75098 1.85608 2.34676 1.85608 3.0791V7.29785C1.85608 8.0302 2.45186 8.62598 3.1842 8.62598H7.40295C8.1353 8.62598 8.73108 8.0302 8.73108 7.29785V3.0791C8.73108 2.34676 8.1353 1.75098 7.40295 1.75098H3.1842Z"
+              d="M4.75781 7.0625H1.80469C0.809566 7.0625 0 6.25293 0 5.25781V2.30469C0 1.30957 0.809566 0.5 1.80469 0.5H4.75781C5.75293 0.5 6.5625 1.30957 6.5625 2.30469V5.25781C6.5625 6.25293 5.75293 7.0625 4.75781 7.0625ZM1.80469 1.375C1.29205 1.375 0.875 1.79205 0.875 2.30469V5.25781C0.875 5.77045 1.29205 6.1875 1.80469 6.1875H4.75781C5.27045 6.1875 5.6875 5.77045 5.6875 5.25781V2.30469C5.6875 1.79205 5.27045 1.375 4.75781 1.375H1.80469Z"
+              fill="#FBFBFA"
             />
             <path
-              d="M18.028 9.87598H13.8092C12.3876 9.87598 11.2311 8.71945 11.2311 7.29785V3.0791C11.2311 1.6575 12.3876 0.500977 13.8092 0.500977H18.028C19.4496 0.500977 20.6061 1.6575 20.6061 3.0791V7.29785C20.6061 8.71945 19.4496 9.87598 18.028 9.87598ZM13.8092 1.75098C13.0769 1.75098 12.4811 2.34676 12.4811 3.0791V7.29785C12.4811 8.0302 13.0769 8.62598 13.8092 8.62598H18.028C18.7603 8.62598 19.3561 8.0302 19.3561 7.29785V3.0791C19.3561 2.34676 18.7603 1.75098 18.028 1.75098H13.8092Z"
+              d="M12.1953 7.0625H9.24219C8.24707 7.0625 7.4375 6.25293 7.4375 5.25781V2.30469C7.4375 1.30957 8.24707 0.5 9.24219 0.5H12.1953C13.1904 0.5 14 1.30957 14 2.30469V5.25781C14 6.25293 13.1904 7.0625 12.1953 7.0625ZM9.24219 1.375C8.72955 1.375 8.3125 1.79205 8.3125 2.30469V5.25781C8.3125 5.77045 8.72955 6.1875 9.24219 6.1875H12.1953C12.708 6.1875 13.125 5.77045 13.125 5.25781V2.30469C13.125 1.79205 12.708 1.375 12.1953 1.375H9.24219Z"
+              fill="#FBFBFA"
             />
             <path
-              d="M15.9186 20.501C13.3339 20.501 11.2311 18.3982 11.2311 15.8135C11.2311 13.2288 13.3339 11.126 15.9186 11.126C18.5033 11.126 20.6061 13.2288 20.6061 15.8135C20.6061 18.3982 18.5033 20.501 15.9186 20.501ZM15.9186 12.376C14.0231 12.376 12.4811 13.918 12.4811 15.8135C12.4811 17.7089 14.0231 19.251 15.9186 19.251C17.814 19.251 19.3561 17.7089 19.3561 15.8135C19.3561 13.918 17.814 12.376 15.9186 12.376Z"
+              d="M10.7188 14.5C8.90947 14.5 7.4375 13.028 7.4375 11.2188C7.4375 9.40947 8.90947 7.9375 10.7188 7.9375C12.528 7.9375 14 9.40947 14 11.2188C14 13.028 12.528 14.5 10.7188 14.5ZM10.7188 8.8125C9.39195 8.8125 8.3125 9.89195 8.3125 11.2188C8.3125 12.5456 9.39195 13.625 10.7188 13.625C12.0456 13.625 13.125 12.5456 13.125 11.2188C13.125 9.89195 12.0456 8.8125 10.7188 8.8125Z"
+              fill="#FBFBFA"
             />
             <path
-              d="M7.40295 20.501H3.1842C1.7626 20.501 0.606079 19.3445 0.606079 17.9229V13.7041C0.606079 12.2825 1.7626 11.126 3.1842 11.126H7.40295C8.82456 11.126 9.98108 12.2825 9.98108 13.7041V17.9229C9.98108 19.3445 8.82456 20.501 7.40295 20.501ZM3.1842 12.376C2.45186 12.376 1.85608 12.9718 1.85608 13.7041V17.9229C1.85608 18.6552 2.45186 19.251 3.1842 19.251H7.40295C8.1353 19.251 8.73108 18.6552 8.73108 17.9229V13.7041C8.73108 12.9718 8.1353 12.376 7.40295 12.376H3.1842Z"
+              d="M4.75781 14.5H1.80469C0.809566 14.5 0 13.6904 0 12.6953V9.74219C0 8.74707 0.809566 7.9375 1.80469 7.9375H4.75781C5.75293 7.9375 6.5625 8.74707 6.5625 9.74219V12.6953C6.5625 13.6904 5.75293 14.5 4.75781 14.5ZM1.80469 8.8125C1.29205 8.8125 0.875 9.22955 0.875 9.74219V12.6953C0.875 13.208 1.29205 13.625 1.80469 13.625H4.75781C5.27045 13.625 5.6875 13.208 5.6875 12.6953V9.74219C5.6875 9.22955 5.27045 8.8125 4.75781 8.8125H1.80469Z"
+              fill="#FBFBFA"
             />
           </svg>
-          <a href="<%= link.URL -%>" target="_blank"><%= link.type -%></a>
+          <a href="#" target="_blank">Otros</a>
         </div>
       <%_ } %>
     <%_ } %>
   </div>
+</div>
 <%_ } -%>
+
diff --git a/packages/manfred2html/src/engine/template-b/index.ts b/packages/manfred2html/src/engine/template-b/index.ts
index 439e3a9d..4301c97b 100644
--- a/packages/manfred2html/src/engine/template-b/index.ts
+++ b/packages/manfred2html/src/engine/template-b/index.ts
@@ -44,6 +44,7 @@ export const exportManfredJSonToHTMLTemplateB = (
       ${headerElementStart}
       ${headerSection}
       ${headerElementEnd}
+      ${relevantsLinksSection}
       ${asideElementEnd}
       ${mainElementStart}
         

From 0333add0d91491f3fdab7c149881ee2fe3da7bfd Mon Sep 17 00:00:00 2001
From: migalko94 <miguelgalvezugr@gmail.com>
Date: Thu, 28 Sep 2023 11:25:12 +0200
Subject: [PATCH 19/63] implement languages section to ejs

---
 .../language-section/language-section.ejs     | 22 +------------------
 .../src/engine/template-b/index.ts            |  1 +
 2 files changed, 2 insertions(+), 21 deletions(-)

diff --git a/packages/manfred2html/src/engine/template-b/html-parts/language-section/language-section.ejs b/packages/manfred2html/src/engine/template-b/html-parts/language-section/language-section.ejs
index 4d9e0ec2..4fca980c 100644
--- a/packages/manfred2html/src/engine/template-b/html-parts/language-section/language-section.ejs
+++ b/packages/manfred2html/src/engine/template-b/html-parts/language-section/language-section.ejs
@@ -1,26 +1,6 @@
 <%_ if (languageCollection && languageCollection.length !== 0) { -%>
   <div class="aside__section">
-    <div class="aside__section__header">
-      <svg
-        xmlns="http://www.w3.org/2000/svg"
-        width="21"
-        height="33"
-        viewBox="0 0 21 33"
-        fill="none"
-        class="svg-stroke"
-      >
-        <path
-          d="M19.6061 22.939C18.4811 24.2172 17.0964 25.2407 15.5444 25.9412C13.9924 26.6417 12.3088 27.003 10.6061 27.001M10.6061 27.001C8.90332 27.003 7.21973 26.6417 5.66772 25.9412C4.11571 25.2407 2.73101 24.2172 1.60608 22.939M10.6061 27.001V31.501M7.60608 31.501H13.6061M10.6061 1.50098C13.9198 1.50098 16.6061 4.18727 16.6061 7.50098V15.001C16.6061 18.3147 13.9198 21.001 10.6061 21.001C7.29237 21.001 4.60608 18.3147 4.60608 15.001V7.50098C4.60608 4.18727 7.29237 1.50098 10.6061 1.50098Z"
-          stroke-width="2.5"
-          stroke-linecap="round"
-          stroke-linejoin="round"
-        />
-      </svg>
-      <div>
-        <h3>LENGUAJE / NIVEL</h3>
-        <hr class="secondary-divider" />
-      </div>
-    </div>
+    <h3>Idiomas / Nivel</h3>
     <ul class="aside__section__list-items">
       <%_ for (const language of languageCollection) { -%>
         <li><%- language.name %> (<%- language.level %>)</li>
diff --git a/packages/manfred2html/src/engine/template-b/index.ts b/packages/manfred2html/src/engine/template-b/index.ts
index 4301c97b..14f30005 100644
--- a/packages/manfred2html/src/engine/template-b/index.ts
+++ b/packages/manfred2html/src/engine/template-b/index.ts
@@ -45,6 +45,7 @@ export const exportManfredJSonToHTMLTemplateB = (
       ${headerSection}
       ${headerElementEnd}
       ${relevantsLinksSection}
+      ${languageSection}
       ${asideElementEnd}
       ${mainElementStart}
         

From 7ef74f9948d4a2712c419387e32051f3352ca35f Mon Sep 17 00:00:00 2001
From: migalko94 <miguelgalvezugr@gmail.com>
Date: Thu, 28 Sep 2023 11:43:14 +0200
Subject: [PATCH 20/63] implement hard skills section to ejs

---
 .../hard-skills-section.ejs                   | 22 +------------------
 .../src/engine/template-b/index.ts            |  1 +
 2 files changed, 2 insertions(+), 21 deletions(-)

diff --git a/packages/manfred2html/src/engine/template-b/html-parts/hard-skills-section/hard-skills-section.ejs b/packages/manfred2html/src/engine/template-b/html-parts/hard-skills-section/hard-skills-section.ejs
index 8006addc..dade5cd5 100644
--- a/packages/manfred2html/src/engine/template-b/html-parts/hard-skills-section/hard-skills-section.ejs
+++ b/packages/manfred2html/src/engine/template-b/html-parts/hard-skills-section/hard-skills-section.ejs
@@ -1,26 +1,6 @@
 <%_ if (hardSkillsCollection && hardSkillsCollection.length !== 0) { -%>
     <div class="aside__section">
-      <div class="aside__section__header">
-        <svg
-          xmlns="http://www.w3.org/2000/svg"
-          width="21"
-          height="33"
-          viewBox="0 0 21 33"
-          fill="none"
-          class="svg-stroke"
-        >
-          <path
-            d="M19.6061 22.939C18.4811 24.2172 17.0964 25.2407 15.5444 25.9412C13.9924 26.6417 12.3088 27.003 10.6061 27.001M10.6061 27.001C8.90332 27.003 7.21973 26.6417 5.66772 25.9412C4.11571 25.2407 2.73101 24.2172 1.60608 22.939M10.6061 27.001V31.501M7.60608 31.501H13.6061M10.6061 1.50098C13.9198 1.50098 16.6061 4.18727 16.6061 7.50098V15.001C16.6061 18.3147 13.9198 21.001 10.6061 21.001C7.29237 21.001 4.60608 18.3147 4.60608 15.001V7.50098C4.60608 4.18727 7.29237 1.50098 10.6061 1.50098Z"
-            stroke-width="2.5"
-            stroke-linecap="round"
-            stroke-linejoin="round"
-          />
-        </svg>
-        <div>
-          <h3>HARD SKILLS</h3>
-          <hr class="secondary-divider" />
-        </div>
-      </div>
+        <h3>Habilidades Técnicas</h3>
       <ul class="aside__section__list-items">
         <%_ for (const item of hardSkillsCollection) { -%>
           <li><%- item.skill.name %></li>
diff --git a/packages/manfred2html/src/engine/template-b/index.ts b/packages/manfred2html/src/engine/template-b/index.ts
index 14f30005..0b92dce9 100644
--- a/packages/manfred2html/src/engine/template-b/index.ts
+++ b/packages/manfred2html/src/engine/template-b/index.ts
@@ -46,6 +46,7 @@ export const exportManfredJSonToHTMLTemplateB = (
       ${headerElementEnd}
       ${relevantsLinksSection}
       ${languageSection}
+      ${hardSkillsSection}
       ${asideElementEnd}
       ${mainElementStart}
         

From 4ef5fd3ae3a241f6e4bf365d81051f7663335fef Mon Sep 17 00:00:00 2001
From: migalko94 <miguelgalvezugr@gmail.com>
Date: Thu, 28 Sep 2023 11:55:49 +0200
Subject: [PATCH 21/63] implement soft skills section to ejs

---
 .../soft-skills-section.ejs                   | 22 +------------------
 .../src/engine/template-b/index.ts            |  1 +
 2 files changed, 2 insertions(+), 21 deletions(-)

diff --git a/packages/manfred2html/src/engine/template-b/html-parts/soft-skills-section/soft-skills-section.ejs b/packages/manfred2html/src/engine/template-b/html-parts/soft-skills-section/soft-skills-section.ejs
index 4595a44d..e85a62fc 100644
--- a/packages/manfred2html/src/engine/template-b/html-parts/soft-skills-section/soft-skills-section.ejs
+++ b/packages/manfred2html/src/engine/template-b/html-parts/soft-skills-section/soft-skills-section.ejs
@@ -1,26 +1,6 @@
 <%_ if (softSkillsCollection && softSkillsCollection.length !== 0) { -%>
     <div class="aside__section">
-      <div class="aside__section__header">
-        <svg
-          xmlns="http://www.w3.org/2000/svg"
-          width="21"
-          height="33"
-          viewBox="0 0 21 33"
-          fill="none"
-          class="svg-stroke"
-        >
-          <path
-            d="M19.6061 22.939C18.4811 24.2172 17.0964 25.2407 15.5444 25.9412C13.9924 26.6417 12.3088 27.003 10.6061 27.001M10.6061 27.001C8.90332 27.003 7.21973 26.6417 5.66772 25.9412C4.11571 25.2407 2.73101 24.2172 1.60608 22.939M10.6061 27.001V31.501M7.60608 31.501H13.6061M10.6061 1.50098C13.9198 1.50098 16.6061 4.18727 16.6061 7.50098V15.001C16.6061 18.3147 13.9198 21.001 10.6061 21.001C7.29237 21.001 4.60608 18.3147 4.60608 15.001V7.50098C4.60608 4.18727 7.29237 1.50098 10.6061 1.50098Z"
-            stroke-width="2.5"
-            stroke-linecap="round"
-            stroke-linejoin="round"
-          />
-        </svg>
-        <div>
-          <h3>SOFT SKILLS</h3>
-          <hr class="secondary-divider" />
-        </div>
-      </div>
+      <h3>Habilidades interpersonales</h3>
       <ul class="aside__section__list-items">
         <%_ for (const item of softSkillsCollection) { -%>
           <li><%- item.skill.name %></li>
diff --git a/packages/manfred2html/src/engine/template-b/index.ts b/packages/manfred2html/src/engine/template-b/index.ts
index 0b92dce9..f2e7f003 100644
--- a/packages/manfred2html/src/engine/template-b/index.ts
+++ b/packages/manfred2html/src/engine/template-b/index.ts
@@ -47,6 +47,7 @@ export const exportManfredJSonToHTMLTemplateB = (
       ${relevantsLinksSection}
       ${languageSection}
       ${hardSkillsSection}
+      ${softSkillsSection}
       ${asideElementEnd}
       ${mainElementStart}
         

From 312772204b3cc01583183413e1999f0cb3587c8a Mon Sep 17 00:00:00 2001
From: migalko94 <miguelgalvezugr@gmail.com>
Date: Thu, 28 Sep 2023 12:25:31 +0200
Subject: [PATCH 22/63] implement about me section to ejs

---
 .../about-me-section/about-me-section.ejs      | 11 +++++++++++
 .../about-me-section/about-me-section.part.ts  | 18 ++++++++++++++++++
 .../html-parts/about-me-section/index.ts       |  1 +
 .../src/engine/template-b/html-parts/index.ts  |  1 +
 .../src/engine/template-b/index.ts             |  4 +++-
 5 files changed, 34 insertions(+), 1 deletion(-)
 create mode 100644 packages/manfred2html/src/engine/template-b/html-parts/about-me-section/about-me-section.ejs
 create mode 100644 packages/manfred2html/src/engine/template-b/html-parts/about-me-section/about-me-section.part.ts
 create mode 100644 packages/manfred2html/src/engine/template-b/html-parts/about-me-section/index.ts

diff --git a/packages/manfred2html/src/engine/template-b/html-parts/about-me-section/about-me-section.ejs b/packages/manfred2html/src/engine/template-b/html-parts/about-me-section/about-me-section.ejs
new file mode 100644
index 00000000..acf71af2
--- /dev/null
+++ b/packages/manfred2html/src/engine/template-b/html-parts/about-me-section/about-me-section.ejs
@@ -0,0 +1,11 @@
+  <%_ if (profile && profile !== 'undefined' ) { -%>
+    <section class="main__section">
+    <div class="main__section__header">
+    <h2>Sobre mi</h2>
+    <hr class="divider"/>
+  </div>
+    <p class="main__section__item"><%= profile?.description %></p>
+  </section>
+<%_ } -%>
+
+
diff --git a/packages/manfred2html/src/engine/template-b/html-parts/about-me-section/about-me-section.part.ts b/packages/manfred2html/src/engine/template-b/html-parts/about-me-section/about-me-section.part.ts
new file mode 100644
index 00000000..d945a21a
--- /dev/null
+++ b/packages/manfred2html/src/engine/template-b/html-parts/about-me-section/about-me-section.part.ts
@@ -0,0 +1,18 @@
+import { ManfredAwesomicCV } from '@/model';
+import { ProfileSectionVm, mapFromMacCvToProfileSectionVm } from '@lemoncode/manfred-common/profile-section';
+import aboutMe from './about-me-section.ejs?raw';
+import ejs from 'ejs';
+
+export const generateAboutMeSection = (cv: ManfredAwesomicCV): string => {
+  const profileSectionVm = mapFromMacCvToProfileSectionVm(cv);
+
+  return generateAboutMeSectionInner(profileSectionVm);
+};
+
+const generateAboutMeSectionInner = (profileSectionVm: ProfileSectionVm): string => {
+  const rootObject = {
+    profile: profileSectionVm,
+  };
+
+  return ejs.render(aboutMe, rootObject);
+};
diff --git a/packages/manfred2html/src/engine/template-b/html-parts/about-me-section/index.ts b/packages/manfred2html/src/engine/template-b/html-parts/about-me-section/index.ts
new file mode 100644
index 00000000..b0ee7d15
--- /dev/null
+++ b/packages/manfred2html/src/engine/template-b/html-parts/about-me-section/index.ts
@@ -0,0 +1 @@
+export * from './about-me-section.part';
diff --git a/packages/manfred2html/src/engine/template-b/html-parts/index.ts b/packages/manfred2html/src/engine/template-b/html-parts/index.ts
index e901b2d9..f3907ab4 100644
--- a/packages/manfred2html/src/engine/template-b/html-parts/index.ts
+++ b/packages/manfred2html/src/engine/template-b/html-parts/index.ts
@@ -13,3 +13,4 @@ export * from './hard-skills-section';
 export * from './soft-skills-section';
 export * from './experience-section';
 export * from './studies-section';
+export * from './about-me-section';
diff --git a/packages/manfred2html/src/engine/template-b/index.ts b/packages/manfred2html/src/engine/template-b/index.ts
index f2e7f003..99a9778a 100644
--- a/packages/manfred2html/src/engine/template-b/index.ts
+++ b/packages/manfred2html/src/engine/template-b/index.ts
@@ -12,6 +12,7 @@ import {
   generateHardSkillsSection,
   generateSoftSkillsSection,
   generateMainElementStart,
+  generateAboutMeSection,
   generateMainElementEnd,
   generateExperiencesSection,
   generateStudiesSection,
@@ -30,6 +31,7 @@ export const exportManfredJSonToHTMLTemplateB = (
   const asideElementEnd = generateAsideElementEnd();
   const relevantsLinksSection = generateRelevantsLinksSection(manfredJsonContent);
   const mainElementStart = generateMainElementStart();
+  const aboutMeSection = generateAboutMeSection(manfredJsonContent);
   const mainElementEnd = generateMainElementEnd();
   const languageSection = generateLanguageSection(manfredJsonContent);
   const hardSkillsSection = generateHardSkillsSection(manfredJsonContent);
@@ -50,7 +52,7 @@ export const exportManfredJSonToHTMLTemplateB = (
       ${softSkillsSection}
       ${asideElementEnd}
       ${mainElementStart}
-        
+      ${aboutMeSection}
       ${mainElementEnd}
     ${htmlDocumentEnd}
   `;

From 6623146bf1c126513f05ef4f46f219644dba7977 Mon Sep 17 00:00:00 2001
From: migalko94 <miguelgalvezugr@gmail.com>
Date: Thu, 28 Sep 2023 13:42:13 +0200
Subject: [PATCH 23/63] implement experience section pending two issues

---
 .../experience-section/experience-section.ejs | 60 +++++++++++--------
 .../src/engine/template-b/index.ts            |  1 +
 2 files changed, 37 insertions(+), 24 deletions(-)

diff --git a/packages/manfred2html/src/engine/template-b/html-parts/experience-section/experience-section.ejs b/packages/manfred2html/src/engine/template-b/html-parts/experience-section/experience-section.ejs
index 5e68152e..f61deb50 100644
--- a/packages/manfred2html/src/engine/template-b/html-parts/experience-section/experience-section.ejs
+++ b/packages/manfred2html/src/engine/template-b/html-parts/experience-section/experience-section.ejs
@@ -1,48 +1,60 @@
 <%_ if(experienceCollection && experienceCollection.length !== 0){ -%>
   <section class="main__section">
     <div class="main__section__header">
-      <h2>Experiencia / carrera</h2>
-      <hr class="secondary-divider" />
+      <h2>Experiencia</h2>
+      <hr class="divider" />
     </div>
     <%_ for(const experience of experienceCollection){ -%>
       <div class="main__section__item">
-        <div class="date date-desktop">
-          <p>Inicio: <b><%- experience.roles[0].startDate %></b></p>
-          <%_ if(experience.roles[0].finishDate || experience.roles[0].finishDate === 'Actualidad') { -%>
-            <p>Fin: <b><%- experience.roles[0].finishDate %></b></p>
-          <%_ } -%>
-        </div>
-        <div class="line-icon">
-          <div class="circle"></div>
-          <hr class="line" />
+        <div class="dot-icon">
+          <svg
+            xmlns="http://www.w3.org/2000/svg"
+            width="8"
+            height="8"
+            viewBox="0 0 8 8"
+            fill="none"
+          >
+            <circle opacity="0.33" cx="4" cy="4" r="4" fill="#247A7E" />
+          </svg>
         </div>
         <div class="section__content">
-          <div class="section__content__header">
             <h3><%- experience.name %></h3>
             <%_ if(experience.type) { -%>
               <h4><%- experience.description %></h4>
             <%_ } -%>
+          <div class="section__content__date">
+            <svg
+                  xmlns="http://www.w3.org/2000/svg"
+                  width="18"
+                  height="18"
+                  viewBox="0 0 18 18"
+                  fill="none"
+                >
+                  <path
+                    opacity="0.75"
+                    d="M4.33333 1V3M13.6667 1V3M1 15V5C1 4.46957 1.21071 3.96086 1.58579 3.58579C1.96086 3.21071 2.46957 3 3 3H15C15.5304 3 16.0391 3.21071 16.4142 3.58579C16.7893 3.96086 17 4.46957 17 5V15M1 15C1 15.5304 1.21071 16.0391 1.58579 16.4142C1.96086 16.7893 2.46957 17 3 17H15C15.5304 17 16.0391 16.7893 16.4142 16.4142C16.7893 16.0391 17 15.5304 17 15M1 15V8.33333C1 7.8029 1.21071 7.29419 1.58579 6.91912C1.96086 6.54405 2.46957 6.33333 3 6.33333H15C15.5304 6.33333 16.0391 6.54405 16.4142 6.91912C16.7893 7.29419 17 7.8029 17 8.33333V15M9 9.66667H9.00711V9.67378H9V9.66667ZM9 11.6667H9.00711V11.6738H9V11.6667ZM9 13.6667H9.00711V13.6738H9V13.6667ZM7 11.6667H7.00711V11.6738H7V11.6667ZM7 13.6667H7.00711V13.6738H7V13.6667ZM5 11.6667H5.00711V11.6738H5V11.6667ZM5 13.6667H5.00711V13.6738H5V13.6667ZM11 9.66667H11.0071V9.67378H11V9.66667ZM11 11.6667H11.0071V11.6738H11V11.6667ZM11 13.6667H11.0071V13.6738H11V13.6667ZM13 9.66667H13.0071V9.67378H13V9.66667ZM13 11.6667H13.0071V11.6738H13V11.6667Z"
+                    stroke="#0D1418"
+                    stroke-width="0.75"
+                    stroke-linecap="round"
+                    stroke-linejoin="round"
+                  />
+                </svg>
+            <p><%- experience.roles[0].startDate %> <%_ if(experience.roles[0].finishDate || experience.roles[0].finishDate === 'Actualidad') { -%>
+              <%- experience.roles[0].finishDate %>
+            <%_ } -%></p>
           </div>
-          <div class="date date-mobile">
-            <p>Inicio: <b><%- experience.roles[0].startDate %></b></p>
-            <%_ if(experience.roles[0].finishDate || experience.roles[0].finishDate === 'Actualidad') { -%>
-              <p>Fin: <b><%- experience.roles[0].finishDate %></b></p>
-            <%_ } -%>
-          </div>
-          <div class="data">
             <%_ if(experience.type) { -%>
-              <p>Tipo de organización: <b><%- experience.type %></b></p>
+              <p class="section__content__data">Tipo de organización: <b><%- experience.type %></b></p>
             <%_ } -%>
-            <p>Roles dentro de la empresa: <b><%- experience.roles[0].name %></b></p>
+            <p class="section__content__data">Roles dentro de la empresa: <b><%- experience.roles[0].name %></b></p>
             <%_ if(experience.roles[0].challenges && experience.roles[0].challenges.length !== 0) { -%>
-              <p>Retos:</p>
-                <ul>
+              <p class="section__content__data">Retos:</p>
+                <ul class="section__content__data section__content__data__ul">
                   <%_ for(const challenge of experience.roles[0].challenges){ -%>
                     <li><%- challenge.description %></li>
                   <%_ }-%>
                 </ul>
               <%_ }-%>
-          </div>
         </div>
       </div>
       <%_ }-%>
diff --git a/packages/manfred2html/src/engine/template-b/index.ts b/packages/manfred2html/src/engine/template-b/index.ts
index 99a9778a..96a34a7c 100644
--- a/packages/manfred2html/src/engine/template-b/index.ts
+++ b/packages/manfred2html/src/engine/template-b/index.ts
@@ -53,6 +53,7 @@ export const exportManfredJSonToHTMLTemplateB = (
       ${asideElementEnd}
       ${mainElementStart}
       ${aboutMeSection}
+      ${experienceSection}
       ${mainElementEnd}
     ${htmlDocumentEnd}
   `;

From dbc8b3c7865a0e8e611f02ad2d34a9b11c1ea84e Mon Sep 17 00:00:00 2001
From: migalko94 <miguelgalvezugr@gmail.com>
Date: Thu, 28 Sep 2023 14:32:45 +0200
Subject: [PATCH 24/63] implement education section pending issues

---
 .../studies-section/studies-section.ejs       | 61 +++++++++++--------
 .../src/engine/template-b/index.ts            |  2 +-
 2 files changed, 37 insertions(+), 26 deletions(-)

diff --git a/packages/manfred2html/src/engine/template-b/html-parts/studies-section/studies-section.ejs b/packages/manfred2html/src/engine/template-b/html-parts/studies-section/studies-section.ejs
index 0b56db2f..224e3c5b 100644
--- a/packages/manfred2html/src/engine/template-b/html-parts/studies-section/studies-section.ejs
+++ b/packages/manfred2html/src/engine/template-b/html-parts/studies-section/studies-section.ejs
@@ -2,51 +2,62 @@
     <section class="main__section">
       <div class="main__section__header">
         <h2>Educación</h2>
-        <hr class="secondary-divider" />
+        <hr class="divider" />
       </div>
       <%_ for (const study of studiesCollection) { -%>
       <div class="main__section__item">
-        <div class="date date-desktop">
-          <p>Inicio: <b><%- study.startDate %></b></p>
-          <%_ if (study.finishDate || study.finishDate === 'Actualidad') { -%>            
-            <p>Fin: <b><%- study.finishDate %></b></p>
-            <%_ } -%>
-        </div>
-        <div class="line-icon">
-          <div class="circle"></div>
-          <hr class="line" />
+        <div class="dot-icon">
+          <svg
+            xmlns="http://www.w3.org/2000/svg"
+            width="8"
+            height="8"
+            viewBox="0 0 8 8"
+            fill="none"
+          >
+            <circle opacity="0.33" cx="4" cy="4" r="4" fill="#247A7E" />
+          </svg>
         </div>
         <div class="section__content">
-          <div class="section__content__header">
             <h3><%- study.name %></h3>
             <%_ if (study.description) { -%>
                 <h4><%- study.description %></h4>
                 <%_ } -%>
+          <div class="section__content__date">
+            <svg
+                  xmlns="http://www.w3.org/2000/svg"
+                  width="18"
+                  height="18"
+                  viewBox="0 0 18 18"
+                  fill="none"
+                >
+                  <path
+                    opacity="0.75"
+                    d="M4.33333 1V3M13.6667 1V3M1 15V5C1 4.46957 1.21071 3.96086 1.58579 3.58579C1.96086 3.21071 2.46957 3 3 3H15C15.5304 3 16.0391 3.21071 16.4142 3.58579C16.7893 3.96086 17 4.46957 17 5V15M1 15C1 15.5304 1.21071 16.0391 1.58579 16.4142C1.96086 16.7893 2.46957 17 3 17H15C15.5304 17 16.0391 16.7893 16.4142 16.4142C16.7893 16.0391 17 15.5304 17 15M1 15V8.33333C1 7.8029 1.21071 7.29419 1.58579 6.91912C1.96086 6.54405 2.46957 6.33333 3 6.33333H15C15.5304 6.33333 16.0391 6.54405 16.4142 6.91912C16.7893 7.29419 17 7.8029 17 8.33333V15M9 9.66667H9.00711V9.67378H9V9.66667ZM9 11.6667H9.00711V11.6738H9V11.6667ZM9 13.6667H9.00711V13.6738H9V13.6667ZM7 11.6667H7.00711V11.6738H7V11.6667ZM7 13.6667H7.00711V13.6738H7V13.6667ZM5 11.6667H5.00711V11.6738H5V11.6667ZM5 13.6667H5.00711V13.6738H5V13.6667ZM11 9.66667H11.0071V9.67378H11V9.66667ZM11 11.6667H11.0071V11.6738H11V11.6667ZM11 13.6667H11.0071V13.6738H11V13.6667ZM13 9.66667H13.0071V9.67378H13V9.66667ZM13 11.6667H13.0071V11.6738H13V11.6667Z"
+                    stroke="#0D1418"
+                    stroke-width="0.75"
+                    stroke-linecap="round"
+                    stroke-linejoin="round"
+                  />
+                </svg>
+            <p><%- study.startDate %> <%_ if (study.finishDate || study.finishDate === 'Actualidad') { -%>            
+              <%- study.finishDate %>
+              <%_ } -%></p>  
           </div>
-          <div class="date date-mobile">
-            <p>Inicio: <b><%- study.startDate %></b></p>
-            <%_ if (study.finishDate || study.finishDate === 'Actualidad') { -%>            
-              <p>Fin: <b><%- study.finishDate %></b></p>
-              <%_ } -%>            
-          </div>
-          <div class="data">
-            <p>Tipo de estudios: <b><%- study.studyType %></b></p>
-            <p>
+            <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>Nombre de la institución: <b><%- study.institution.name %></b></p>
+            <p class="data">Nombre de la institución: <b><%- study.institution.name %></b></p>
             <%_ if (study.location) { -%>
-            <p>
-              Ubicación de la institución:
-                <h4><%- study.description %></h4>                
+            <p class="data">
+              Ubicación de la institución:              
               <b><%- study.institution.location.region %> , <%- study.institution.location.country %> </b>
             </p>
             <%_ } -%>
-          </div>
         </div>
       </div>
       <%_ } -%>
diff --git a/packages/manfred2html/src/engine/template-b/index.ts b/packages/manfred2html/src/engine/template-b/index.ts
index 96a34a7c..9d2a369e 100644
--- a/packages/manfred2html/src/engine/template-b/index.ts
+++ b/packages/manfred2html/src/engine/template-b/index.ts
@@ -41,7 +41,6 @@ export const exportManfredJSonToHTMLTemplateB = (
 
   return `
     ${htmlDocumentStart}
-      
       ${asideElementStart}
       ${headerElementStart}
       ${headerSection}
@@ -54,6 +53,7 @@ export const exportManfredJSonToHTMLTemplateB = (
       ${mainElementStart}
       ${aboutMeSection}
       ${experienceSection}
+      ${studiesSection}
       ${mainElementEnd}
     ${htmlDocumentEnd}
   `;

From 323107e55488777e39bcb3a8ab4b52e2e1f41cb7 Mon Sep 17 00:00:00 2001
From: migalko94 <miguelgalvezugr@gmail.com>
Date: Mon, 2 Oct 2023 10:04:21 +0200
Subject: [PATCH 25/63] change

---
 .../pods/template-export/template-export.container.tsx    | 4 ++--
 packages/manfred2html/src/engine/index.ts                 | 8 ++++----
 packages/manfred2html/src/engine/template-a/index.ts      | 5 +----
 packages/manfred2html/src/engine/template-b/index.ts      | 1 +
 4 files changed, 8 insertions(+), 10 deletions(-)

diff --git a/apps/react-app/src/pods/template-export/template-export.container.tsx b/apps/react-app/src/pods/template-export/template-export.container.tsx
index b833d391..5d6957d8 100644
--- a/apps/react-app/src/pods/template-export/template-export.container.tsx
+++ b/apps/react-app/src/pods/template-export/template-export.container.tsx
@@ -1,7 +1,7 @@
 import React from 'react';
 import { exportManfredJSonToWordAndDownload, parseStringToManfredJSon } from '@lemoncode/manfred2word';
 import { exportManfredJSonToMarkdown } from '@lemoncode/manfred2md';
-import { exportManfredJSonToHTML } from '@lemoncode/manfred2html';
+import { exportHTMLTemplate } from '@lemoncode/manfred2html';
 import { DEFAULT_EXPORT_FILENAME } from '@/core';
 import { download } from '@/common';
 import { TemplateExport } from './template-export.component';
@@ -38,7 +38,7 @@ export const TemplateExportContainer: React.FC = () => {
   const onExportJsonToHTML = async (text: string) => {
     try {
       const manfredJsonContent = parseManfredJson(text);
-      const content = exportManfredJSonToHTML(manfredJsonContent);
+      const content = exportHTMLTemplate(manfredJsonContent);
       const blob = new Blob([content], { type: 'text/html' });
 
       await download(blob, 'manfred.html');
diff --git a/packages/manfred2html/src/engine/index.ts b/packages/manfred2html/src/engine/index.ts
index 64aed60d..484d963a 100644
--- a/packages/manfred2html/src/engine/index.ts
+++ b/packages/manfred2html/src/engine/index.ts
@@ -3,14 +3,14 @@ import { ManfredAwesomicCV } from '@/model';
 import { exportManfredJSonToHTMLTemplateA } from './template-a';
 import { exportManfredJSonToHTMLTemplateB } from './template-b';
 
-export const exportManfredJSonToHTML = (manfredJsonContent: ManfredAwesomicCV, settings?: Settings): string => {
-  const template = settings?.template || 'template-a';
+export const exportHTMLTemplate = (manfredJsonContent: ManfredAwesomicCV, theme?: string): string => {
+  const template = theme || 'template-b';
 
   switch (template) {
     case 'template-a':
-      return exportManfredJSonToHTMLTemplateA(manfredJsonContent, settings);
+      return exportManfredJSonToHTMLTemplateA(manfredJsonContent, theme);
     case 'template-b':
-      return exportManfredJSonToHTMLTemplateB(manfredJsonContent, settings);
+      return exportManfredJSonToHTMLTemplateB(manfredJsonContent, theme);
     default:
       throw new Error('Template not found');
   }
diff --git a/packages/manfred2html/src/engine/template-a/index.ts b/packages/manfred2html/src/engine/template-a/index.ts
index 24c6c354..add287af 100644
--- a/packages/manfred2html/src/engine/template-a/index.ts
+++ b/packages/manfred2html/src/engine/template-a/index.ts
@@ -17,10 +17,7 @@ import {
   generateStudiesSection,
 } from './html-parts';
 
-export const exportManfredJSonToHTMLTemplateA = (
-  manfredJsonContent: ManfredAwesomicCV,
-  settings?: Settings
-): string => {
+export const exportManfredJSonToHTMLTemplateA = (manfredJsonContent: ManfredAwesomicCV, theme?: string): string => {
   const htmlDocumentStart = generateHtmlDocumentStart();
   const htmlDocumentEnd = generateHtmlDocumentEnd();
   const headerElementStart = generateHeaderElementStart();
diff --git a/packages/manfred2html/src/engine/template-b/index.ts b/packages/manfred2html/src/engine/template-b/index.ts
index 8dc982a5..23ad27a0 100644
--- a/packages/manfred2html/src/engine/template-b/index.ts
+++ b/packages/manfred2html/src/engine/template-b/index.ts
@@ -17,6 +17,7 @@ import {
   generateStudiesSection,
 } from './html-parts';
 
+interface Settings {}
 export const exportManfredJSonToHTMLTemplateB = (
   manfredJsonContent: ManfredAwesomicCV,
   settings?: Settings

From 5ec93246f01b14bfa28f40456310b259e5d4d2ac Mon Sep 17 00:00:00 2001
From: migalko94 <miguelgalvezugr@gmail.com>
Date: Mon, 2 Oct 2023 11:14:12 +0200
Subject: [PATCH 26/63] last changes

---
 packages/manfred2html/src/engine/index.ts     |   2 +-
 .../html-document-start.ejs                   |   1 +
 .../about-me-section/about-me-section.ejs     |   9 -
 .../about-me-section/about-me-section.part.ts |  18 -
 .../html-parts/about-me-section/index.ts      |   1 -
 .../aside-element-end/aside-element-end.ejs   |   1 -
 .../aside-element-end.part.ts                 |   4 -
 .../html-parts/aside-element-end/index.ts     |   1 -
 .../aside-element-start.ejs                   |   1 -
 .../aside-element-start.part.ts               |   4 -
 .../html-parts/aside-element-start/index.ts   |   1 -
 .../experience-section/experience-section.ejs |  50 ---
 .../experience-section.part.ts                |  18 -
 .../html-parts/experience-section/index.ts    |   1 -
 .../hard-skills-section.ejs                   |  30 --
 .../hard-skills-section.part.ts               |  16 -
 .../html-parts/hard-skills-section/index.ts   |   1 -
 .../header-element-end/header-element-end.ejs |   1 -
 .../header-element-end.part.ts                |   4 -
 .../html-parts/header-element-end/index.ts    |   1 -
 .../header-element-start.ejs                  |   1 -
 .../header-element-start.part.ts              |   4 -
 .../html-parts/header-element-start/index.ts  |   1 -
 .../html-document-end/html-document-end.ejs   |   3 -
 .../html-document-end.part.ts                 |   4 -
 .../html-parts/html-document-end/index.ts     |   1 -
 .../html-document-start.ejs                   | 362 ------------------
 .../html-document-start.part.ts               |   4 -
 .../html-parts/html-document-start/index.ts   |   1 -
 .../src/engine/template-b/html-parts/index.ts |  15 -
 .../html-parts/language-section/index.ts      |   1 -
 .../language-section/language-section.ejs     |  31 --
 .../language-section/language-section.part.ts |  16 -
 .../html-parts/main-element-end/index.ts      |   1 -
 .../main-element-end/main-element-end.ejs     |   1 -
 .../main-element-end/main-element-end.part.ts |   4 -
 .../html-parts/main-element-start/index.ts    |   1 -
 .../main-element-start/main-element-start.ejs |   1 -
 .../main-element-start.part.ts                |   4 -
 .../relevants-links-section/index.ts          |   1 -
 .../relevants-links-section.ejs               | 137 -------
 .../relevants-links-section.part.ts           |  18 -
 .../html-parts/soft-skills-section/index.ts   |   1 -
 .../soft-skills-section.ejs                   |  31 --
 .../soft-skills-section.part.ts               |  16 -
 .../html-parts/studies-section/index.ts       |   1 -
 .../studies-section/studies-section.ejs       |  55 ---
 .../studies-section/studies-section.part.ts   |  18 -
 .../src/engine/template-b/index.ts            |  55 +--
 49 files changed, 4 insertions(+), 950 deletions(-)
 delete mode 100644 packages/manfred2html/src/engine/template-b/html-parts/about-me-section/about-me-section.ejs
 delete mode 100644 packages/manfred2html/src/engine/template-b/html-parts/about-me-section/about-me-section.part.ts
 delete mode 100644 packages/manfred2html/src/engine/template-b/html-parts/about-me-section/index.ts
 delete mode 100644 packages/manfred2html/src/engine/template-b/html-parts/aside-element-end/aside-element-end.ejs
 delete mode 100644 packages/manfred2html/src/engine/template-b/html-parts/aside-element-end/aside-element-end.part.ts
 delete mode 100644 packages/manfred2html/src/engine/template-b/html-parts/aside-element-end/index.ts
 delete mode 100644 packages/manfred2html/src/engine/template-b/html-parts/aside-element-start/aside-element-start.ejs
 delete mode 100644 packages/manfred2html/src/engine/template-b/html-parts/aside-element-start/aside-element-start.part.ts
 delete mode 100644 packages/manfred2html/src/engine/template-b/html-parts/aside-element-start/index.ts
 delete mode 100644 packages/manfred2html/src/engine/template-b/html-parts/experience-section/experience-section.ejs
 delete mode 100644 packages/manfred2html/src/engine/template-b/html-parts/experience-section/experience-section.part.ts
 delete mode 100644 packages/manfred2html/src/engine/template-b/html-parts/experience-section/index.ts
 delete mode 100644 packages/manfred2html/src/engine/template-b/html-parts/hard-skills-section/hard-skills-section.ejs
 delete mode 100644 packages/manfred2html/src/engine/template-b/html-parts/hard-skills-section/hard-skills-section.part.ts
 delete mode 100644 packages/manfred2html/src/engine/template-b/html-parts/hard-skills-section/index.ts
 delete mode 100644 packages/manfred2html/src/engine/template-b/html-parts/header-element-end/header-element-end.ejs
 delete mode 100644 packages/manfred2html/src/engine/template-b/html-parts/header-element-end/header-element-end.part.ts
 delete mode 100644 packages/manfred2html/src/engine/template-b/html-parts/header-element-end/index.ts
 delete mode 100644 packages/manfred2html/src/engine/template-b/html-parts/header-element-start/header-element-start.ejs
 delete mode 100644 packages/manfred2html/src/engine/template-b/html-parts/header-element-start/header-element-start.part.ts
 delete mode 100644 packages/manfred2html/src/engine/template-b/html-parts/header-element-start/index.ts
 delete mode 100644 packages/manfred2html/src/engine/template-b/html-parts/html-document-end/html-document-end.ejs
 delete mode 100644 packages/manfred2html/src/engine/template-b/html-parts/html-document-end/html-document-end.part.ts
 delete mode 100644 packages/manfred2html/src/engine/template-b/html-parts/html-document-end/index.ts
 delete mode 100644 packages/manfred2html/src/engine/template-b/html-parts/html-document-start/html-document-start.ejs
 delete mode 100644 packages/manfred2html/src/engine/template-b/html-parts/html-document-start/html-document-start.part.ts
 delete mode 100644 packages/manfred2html/src/engine/template-b/html-parts/html-document-start/index.ts
 delete mode 100644 packages/manfred2html/src/engine/template-b/html-parts/index.ts
 delete mode 100644 packages/manfred2html/src/engine/template-b/html-parts/language-section/index.ts
 delete mode 100644 packages/manfred2html/src/engine/template-b/html-parts/language-section/language-section.ejs
 delete mode 100644 packages/manfred2html/src/engine/template-b/html-parts/language-section/language-section.part.ts
 delete mode 100644 packages/manfred2html/src/engine/template-b/html-parts/main-element-end/index.ts
 delete mode 100644 packages/manfred2html/src/engine/template-b/html-parts/main-element-end/main-element-end.ejs
 delete mode 100644 packages/manfred2html/src/engine/template-b/html-parts/main-element-end/main-element-end.part.ts
 delete mode 100644 packages/manfred2html/src/engine/template-b/html-parts/main-element-start/index.ts
 delete mode 100644 packages/manfred2html/src/engine/template-b/html-parts/main-element-start/main-element-start.ejs
 delete mode 100644 packages/manfred2html/src/engine/template-b/html-parts/main-element-start/main-element-start.part.ts
 delete mode 100644 packages/manfred2html/src/engine/template-b/html-parts/relevants-links-section/index.ts
 delete mode 100644 packages/manfred2html/src/engine/template-b/html-parts/relevants-links-section/relevants-links-section.ejs
 delete mode 100644 packages/manfred2html/src/engine/template-b/html-parts/relevants-links-section/relevants-links-section.part.ts
 delete mode 100644 packages/manfred2html/src/engine/template-b/html-parts/soft-skills-section/index.ts
 delete mode 100644 packages/manfred2html/src/engine/template-b/html-parts/soft-skills-section/soft-skills-section.ejs
 delete mode 100644 packages/manfred2html/src/engine/template-b/html-parts/soft-skills-section/soft-skills-section.part.ts
 delete mode 100644 packages/manfred2html/src/engine/template-b/html-parts/studies-section/index.ts
 delete mode 100644 packages/manfred2html/src/engine/template-b/html-parts/studies-section/studies-section.ejs
 delete mode 100644 packages/manfred2html/src/engine/template-b/html-parts/studies-section/studies-section.part.ts

diff --git a/packages/manfred2html/src/engine/index.ts b/packages/manfred2html/src/engine/index.ts
index 484d963a..b995e209 100644
--- a/packages/manfred2html/src/engine/index.ts
+++ b/packages/manfred2html/src/engine/index.ts
@@ -4,7 +4,7 @@ import { exportManfredJSonToHTMLTemplateA } from './template-a';
 import { exportManfredJSonToHTMLTemplateB } from './template-b';
 
 export const exportHTMLTemplate = (manfredJsonContent: ManfredAwesomicCV, theme?: string): string => {
-  const template = theme || 'template-b';
+  const template = theme || 'template-a';
 
   switch (template) {
     case 'template-a':
diff --git a/packages/manfred2html/src/engine/template-a/html-parts/html-document-start/html-document-start.ejs b/packages/manfred2html/src/engine/template-a/html-parts/html-document-start/html-document-start.ejs
index de9f6a24..65ffc3b6 100644
--- a/packages/manfred2html/src/engine/template-a/html-parts/html-document-start/html-document-start.ejs
+++ b/packages/manfred2html/src/engine/template-a/html-parts/html-document-start/html-document-start.ejs
@@ -1,3 +1,4 @@
+<!DOCTYPE html>
 <html lang="en">
   <head>
     <meta charset="UTF-8" />
diff --git a/packages/manfred2html/src/engine/template-b/html-parts/about-me-section/about-me-section.ejs b/packages/manfred2html/src/engine/template-b/html-parts/about-me-section/about-me-section.ejs
deleted file mode 100644
index 378ceee3..00000000
--- a/packages/manfred2html/src/engine/template-b/html-parts/about-me-section/about-me-section.ejs
+++ /dev/null
@@ -1,9 +0,0 @@
-
-  <%_ if (profile && profile !== 'undefined' ) { -%>
-    <h1><%= profile?.name %> <br /><span><%= profile?.surnames %></span></h1>
-    <hr />
-    <p class="job-title"><%= profile?.title %></p>
-    <p><%= profile?.description %></p>
-<%_ } -%>
-
-
diff --git a/packages/manfred2html/src/engine/template-b/html-parts/about-me-section/about-me-section.part.ts b/packages/manfred2html/src/engine/template-b/html-parts/about-me-section/about-me-section.part.ts
deleted file mode 100644
index d945a21a..00000000
--- a/packages/manfred2html/src/engine/template-b/html-parts/about-me-section/about-me-section.part.ts
+++ /dev/null
@@ -1,18 +0,0 @@
-import { ManfredAwesomicCV } from '@/model';
-import { ProfileSectionVm, mapFromMacCvToProfileSectionVm } from '@lemoncode/manfred-common/profile-section';
-import aboutMe from './about-me-section.ejs?raw';
-import ejs from 'ejs';
-
-export const generateAboutMeSection = (cv: ManfredAwesomicCV): string => {
-  const profileSectionVm = mapFromMacCvToProfileSectionVm(cv);
-
-  return generateAboutMeSectionInner(profileSectionVm);
-};
-
-const generateAboutMeSectionInner = (profileSectionVm: ProfileSectionVm): string => {
-  const rootObject = {
-    profile: profileSectionVm,
-  };
-
-  return ejs.render(aboutMe, rootObject);
-};
diff --git a/packages/manfred2html/src/engine/template-b/html-parts/about-me-section/index.ts b/packages/manfred2html/src/engine/template-b/html-parts/about-me-section/index.ts
deleted file mode 100644
index b0ee7d15..00000000
--- a/packages/manfred2html/src/engine/template-b/html-parts/about-me-section/index.ts
+++ /dev/null
@@ -1 +0,0 @@
-export * from './about-me-section.part';
diff --git a/packages/manfred2html/src/engine/template-b/html-parts/aside-element-end/aside-element-end.ejs b/packages/manfred2html/src/engine/template-b/html-parts/aside-element-end/aside-element-end.ejs
deleted file mode 100644
index 0124ef29..00000000
--- a/packages/manfred2html/src/engine/template-b/html-parts/aside-element-end/aside-element-end.ejs
+++ /dev/null
@@ -1 +0,0 @@
-</aside>
diff --git a/packages/manfred2html/src/engine/template-b/html-parts/aside-element-end/aside-element-end.part.ts b/packages/manfred2html/src/engine/template-b/html-parts/aside-element-end/aside-element-end.part.ts
deleted file mode 100644
index 34639985..00000000
--- a/packages/manfred2html/src/engine/template-b/html-parts/aside-element-end/aside-element-end.part.ts
+++ /dev/null
@@ -1,4 +0,0 @@
-import ejs from 'ejs';
-import asideElementEndTemplate from './aside-element-end.ejs?raw';
-
-export const generateAsideElementEnd = (): string => ejs.render(asideElementEndTemplate);
diff --git a/packages/manfred2html/src/engine/template-b/html-parts/aside-element-end/index.ts b/packages/manfred2html/src/engine/template-b/html-parts/aside-element-end/index.ts
deleted file mode 100644
index e1b267cb..00000000
--- a/packages/manfred2html/src/engine/template-b/html-parts/aside-element-end/index.ts
+++ /dev/null
@@ -1 +0,0 @@
-export * from './aside-element-end.part';
diff --git a/packages/manfred2html/src/engine/template-b/html-parts/aside-element-start/aside-element-start.ejs b/packages/manfred2html/src/engine/template-b/html-parts/aside-element-start/aside-element-start.ejs
deleted file mode 100644
index fbfaf4bc..00000000
--- a/packages/manfred2html/src/engine/template-b/html-parts/aside-element-start/aside-element-start.ejs
+++ /dev/null
@@ -1 +0,0 @@
-<aside>
diff --git a/packages/manfred2html/src/engine/template-b/html-parts/aside-element-start/aside-element-start.part.ts b/packages/manfred2html/src/engine/template-b/html-parts/aside-element-start/aside-element-start.part.ts
deleted file mode 100644
index ba0290d3..00000000
--- a/packages/manfred2html/src/engine/template-b/html-parts/aside-element-start/aside-element-start.part.ts
+++ /dev/null
@@ -1,4 +0,0 @@
-import ejs from 'ejs';
-import asideElementStartTemplate from './aside-element-start.ejs?raw';
-
-export const generateAsideElementStart = (): string => ejs.render(asideElementStartTemplate);
diff --git a/packages/manfred2html/src/engine/template-b/html-parts/aside-element-start/index.ts b/packages/manfred2html/src/engine/template-b/html-parts/aside-element-start/index.ts
deleted file mode 100644
index b43ccc07..00000000
--- a/packages/manfred2html/src/engine/template-b/html-parts/aside-element-start/index.ts
+++ /dev/null
@@ -1 +0,0 @@
-export * from './aside-element-start.part';
diff --git a/packages/manfred2html/src/engine/template-b/html-parts/experience-section/experience-section.ejs b/packages/manfred2html/src/engine/template-b/html-parts/experience-section/experience-section.ejs
deleted file mode 100644
index 5e68152e..00000000
--- a/packages/manfred2html/src/engine/template-b/html-parts/experience-section/experience-section.ejs
+++ /dev/null
@@ -1,50 +0,0 @@
-<%_ if(experienceCollection && experienceCollection.length !== 0){ -%>
-  <section class="main__section">
-    <div class="main__section__header">
-      <h2>Experiencia / carrera</h2>
-      <hr class="secondary-divider" />
-    </div>
-    <%_ for(const experience of experienceCollection){ -%>
-      <div class="main__section__item">
-        <div class="date date-desktop">
-          <p>Inicio: <b><%- experience.roles[0].startDate %></b></p>
-          <%_ if(experience.roles[0].finishDate || experience.roles[0].finishDate === 'Actualidad') { -%>
-            <p>Fin: <b><%- experience.roles[0].finishDate %></b></p>
-          <%_ } -%>
-        </div>
-        <div class="line-icon">
-          <div class="circle"></div>
-          <hr class="line" />
-        </div>
-        <div class="section__content">
-          <div class="section__content__header">
-            <h3><%- experience.name %></h3>
-            <%_ if(experience.type) { -%>
-              <h4><%- experience.description %></h4>
-            <%_ } -%>
-          </div>
-          <div class="date date-mobile">
-            <p>Inicio: <b><%- experience.roles[0].startDate %></b></p>
-            <%_ if(experience.roles[0].finishDate || experience.roles[0].finishDate === 'Actualidad') { -%>
-              <p>Fin: <b><%- experience.roles[0].finishDate %></b></p>
-            <%_ } -%>
-          </div>
-          <div class="data">
-            <%_ if(experience.type) { -%>
-              <p>Tipo de organización: <b><%- experience.type %></b></p>
-            <%_ } -%>
-            <p>Roles dentro de la empresa: <b><%- experience.roles[0].name %></b></p>
-            <%_ if(experience.roles[0].challenges && experience.roles[0].challenges.length !== 0) { -%>
-              <p>Retos:</p>
-                <ul>
-                  <%_ for(const challenge of experience.roles[0].challenges){ -%>
-                    <li><%- challenge.description %></li>
-                  <%_ }-%>
-                </ul>
-              <%_ }-%>
-          </div>
-        </div>
-      </div>
-      <%_ }-%>
-    </section>
-<%_ }-%>
diff --git a/packages/manfred2html/src/engine/template-b/html-parts/experience-section/experience-section.part.ts b/packages/manfred2html/src/engine/template-b/html-parts/experience-section/experience-section.part.ts
deleted file mode 100644
index fc8140f3..00000000
--- a/packages/manfred2html/src/engine/template-b/html-parts/experience-section/experience-section.part.ts
+++ /dev/null
@@ -1,18 +0,0 @@
-import ejs from 'ejs';
-import { ExperienceVm, mapFromMacCvToExperienceSectionVm } from '@lemoncode/manfred-common/experience-section';
-import { ManfredAwesomicCV } from '@/model';
-import experienceTemplate from './experience-section.ejs?raw';
-
-export const generateExperiencesSection = (cv: ManfredAwesomicCV): string => {
-  const experienceSectionVm = mapFromMacCvToExperienceSectionVm(cv);
-
-  return generateExperienceSectionInner(experienceSectionVm);
-};
-
-const generateExperienceSectionInner = (experienceSectionVm: ExperienceVm[]): string => {
-  const rootObject = {
-    experienceCollection: experienceSectionVm,
-  };
-
-  return ejs.render(experienceTemplate, rootObject);
-};
diff --git a/packages/manfred2html/src/engine/template-b/html-parts/experience-section/index.ts b/packages/manfred2html/src/engine/template-b/html-parts/experience-section/index.ts
deleted file mode 100644
index 03b6e599..00000000
--- a/packages/manfred2html/src/engine/template-b/html-parts/experience-section/index.ts
+++ /dev/null
@@ -1 +0,0 @@
-export* from './experience-section.part';
diff --git a/packages/manfred2html/src/engine/template-b/html-parts/hard-skills-section/hard-skills-section.ejs b/packages/manfred2html/src/engine/template-b/html-parts/hard-skills-section/hard-skills-section.ejs
deleted file mode 100644
index 8006addc..00000000
--- a/packages/manfred2html/src/engine/template-b/html-parts/hard-skills-section/hard-skills-section.ejs
+++ /dev/null
@@ -1,30 +0,0 @@
-<%_ if (hardSkillsCollection && hardSkillsCollection.length !== 0) { -%>
-    <div class="aside__section">
-      <div class="aside__section__header">
-        <svg
-          xmlns="http://www.w3.org/2000/svg"
-          width="21"
-          height="33"
-          viewBox="0 0 21 33"
-          fill="none"
-          class="svg-stroke"
-        >
-          <path
-            d="M19.6061 22.939C18.4811 24.2172 17.0964 25.2407 15.5444 25.9412C13.9924 26.6417 12.3088 27.003 10.6061 27.001M10.6061 27.001C8.90332 27.003 7.21973 26.6417 5.66772 25.9412C4.11571 25.2407 2.73101 24.2172 1.60608 22.939M10.6061 27.001V31.501M7.60608 31.501H13.6061M10.6061 1.50098C13.9198 1.50098 16.6061 4.18727 16.6061 7.50098V15.001C16.6061 18.3147 13.9198 21.001 10.6061 21.001C7.29237 21.001 4.60608 18.3147 4.60608 15.001V7.50098C4.60608 4.18727 7.29237 1.50098 10.6061 1.50098Z"
-            stroke-width="2.5"
-            stroke-linecap="round"
-            stroke-linejoin="round"
-          />
-        </svg>
-        <div>
-          <h3>HARD SKILLS</h3>
-          <hr class="secondary-divider" />
-        </div>
-      </div>
-      <ul class="aside__section__list-items">
-        <%_ for (const item of hardSkillsCollection) { -%>
-          <li><%- item.skill.name %></li>
-        <%_ } -%>
-      </ul>
-    </div>
-  <%_ } -%>
diff --git a/packages/manfred2html/src/engine/template-b/html-parts/hard-skills-section/hard-skills-section.part.ts b/packages/manfred2html/src/engine/template-b/html-parts/hard-skills-section/hard-skills-section.part.ts
deleted file mode 100644
index d5979773..00000000
--- a/packages/manfred2html/src/engine/template-b/html-parts/hard-skills-section/hard-skills-section.part.ts
+++ /dev/null
@@ -1,16 +0,0 @@
-import ejs from 'ejs';
-import { ManfredAwesomicCV } from '@/model';
-import { HardSkillVM, mapFromCvToHardSkillVm } from '@lemoncode/manfred-common/hard-skill-section';
-import hardSkillsSection from './hard-skills-section.ejs?raw';
-
-export const generateHardSkillsSection = (cv: ManfredAwesomicCV): string => {
-  const hardSkillsSectionVm = mapFromCvToHardSkillVm(cv);
-  return generateHardSkillsSectionInner(hardSkillsSectionVm);
-};
-
-const generateHardSkillsSectionInner = (hardSkillsSectionVm: HardSkillVM[]): string => {
-  const rootObject = {
-    hardSkillsCollection: hardSkillsSectionVm,
-  };
-  return ejs.render(hardSkillsSection, rootObject);
-};
diff --git a/packages/manfred2html/src/engine/template-b/html-parts/hard-skills-section/index.ts b/packages/manfred2html/src/engine/template-b/html-parts/hard-skills-section/index.ts
deleted file mode 100644
index 8f718aca..00000000
--- a/packages/manfred2html/src/engine/template-b/html-parts/hard-skills-section/index.ts
+++ /dev/null
@@ -1 +0,0 @@
-export * from './hard-skills-section.part';
diff --git a/packages/manfred2html/src/engine/template-b/html-parts/header-element-end/header-element-end.ejs b/packages/manfred2html/src/engine/template-b/html-parts/header-element-end/header-element-end.ejs
deleted file mode 100644
index 9fca915f..00000000
--- a/packages/manfred2html/src/engine/template-b/html-parts/header-element-end/header-element-end.ejs
+++ /dev/null
@@ -1 +0,0 @@
-</header>
diff --git a/packages/manfred2html/src/engine/template-b/html-parts/header-element-end/header-element-end.part.ts b/packages/manfred2html/src/engine/template-b/html-parts/header-element-end/header-element-end.part.ts
deleted file mode 100644
index 8412032b..00000000
--- a/packages/manfred2html/src/engine/template-b/html-parts/header-element-end/header-element-end.part.ts
+++ /dev/null
@@ -1,4 +0,0 @@
-import ejs from 'ejs';
-import headerElementEndTemplate from './header-element-end.ejs?raw';
-
-export const generateHeaderElementEnd = (): string => ejs.render(headerElementEndTemplate);
diff --git a/packages/manfred2html/src/engine/template-b/html-parts/header-element-end/index.ts b/packages/manfred2html/src/engine/template-b/html-parts/header-element-end/index.ts
deleted file mode 100644
index a3cb12e2..00000000
--- a/packages/manfred2html/src/engine/template-b/html-parts/header-element-end/index.ts
+++ /dev/null
@@ -1 +0,0 @@
-export * from './header-element-end.part';
diff --git a/packages/manfred2html/src/engine/template-b/html-parts/header-element-start/header-element-start.ejs b/packages/manfred2html/src/engine/template-b/html-parts/header-element-start/header-element-start.ejs
deleted file mode 100644
index 39ffd5ec..00000000
--- a/packages/manfred2html/src/engine/template-b/html-parts/header-element-start/header-element-start.ejs
+++ /dev/null
@@ -1 +0,0 @@
-<header>
diff --git a/packages/manfred2html/src/engine/template-b/html-parts/header-element-start/header-element-start.part.ts b/packages/manfred2html/src/engine/template-b/html-parts/header-element-start/header-element-start.part.ts
deleted file mode 100644
index df24cee8..00000000
--- a/packages/manfred2html/src/engine/template-b/html-parts/header-element-start/header-element-start.part.ts
+++ /dev/null
@@ -1,4 +0,0 @@
-import ejs from 'ejs';
-import headerElementStartTemplate from './header-element-start.ejs?raw';
-
-export const generateHeaderElementStart = (): string => ejs.render(headerElementStartTemplate);
diff --git a/packages/manfred2html/src/engine/template-b/html-parts/header-element-start/index.ts b/packages/manfred2html/src/engine/template-b/html-parts/header-element-start/index.ts
deleted file mode 100644
index 9eca2091..00000000
--- a/packages/manfred2html/src/engine/template-b/html-parts/header-element-start/index.ts
+++ /dev/null
@@ -1 +0,0 @@
-export * from './header-element-start.part';
diff --git a/packages/manfred2html/src/engine/template-b/html-parts/html-document-end/html-document-end.ejs b/packages/manfred2html/src/engine/template-b/html-parts/html-document-end/html-document-end.ejs
deleted file mode 100644
index 5b6e2d65..00000000
--- a/packages/manfred2html/src/engine/template-b/html-parts/html-document-end/html-document-end.ejs
+++ /dev/null
@@ -1,3 +0,0 @@
-    </div>
-  </body>
-</html>
diff --git a/packages/manfred2html/src/engine/template-b/html-parts/html-document-end/html-document-end.part.ts b/packages/manfred2html/src/engine/template-b/html-parts/html-document-end/html-document-end.part.ts
deleted file mode 100644
index 43b00dee..00000000
--- a/packages/manfred2html/src/engine/template-b/html-parts/html-document-end/html-document-end.part.ts
+++ /dev/null
@@ -1,4 +0,0 @@
-import ejs from 'ejs';
-import htmlDocumentEndTemplate from './html-document-end.ejs?raw';
-
-export const generateHtmlDocumentEnd = (): string => ejs.render(htmlDocumentEndTemplate);
diff --git a/packages/manfred2html/src/engine/template-b/html-parts/html-document-end/index.ts b/packages/manfred2html/src/engine/template-b/html-parts/html-document-end/index.ts
deleted file mode 100644
index b8cab897..00000000
--- a/packages/manfred2html/src/engine/template-b/html-parts/html-document-end/index.ts
+++ /dev/null
@@ -1 +0,0 @@
-export * from './html-document-end.part';
diff --git a/packages/manfred2html/src/engine/template-b/html-parts/html-document-start/html-document-start.ejs b/packages/manfred2html/src/engine/template-b/html-parts/html-document-start/html-document-start.ejs
deleted file mode 100644
index de9f6a24..00000000
--- a/packages/manfred2html/src/engine/template-b/html-parts/html-document-start/html-document-start.ejs
+++ /dev/null
@@ -1,362 +0,0 @@
-<html lang="en">
-  <head>
-    <meta charset="UTF-8" />
-    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <link rel="preconnect" href="https://fonts.googleapis.com" />
-    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
-    <link
-      href="https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap"
-      rel="stylesheet"
-    />
-    <title>CV Manfred Export</title>
-    <style>
-      /* css vars */
-      :root {
-        /* spacing */
-        --spacing_base: 4px;
-        --spacing_2: calc(var(--spacing_base) / 2);
-        --spacing_8: calc(var(--spacing_base) * 2);
-        --spacing_12: calc(var(--spacing_base) * 3);
-        --spacing_16: calc(var(--spacing_base) * 4);
-        --spacing_24: calc(var(--spacing_base) * 6);
-        --spacing_32: calc(var(--spacing_base) * 8);
-        --spacing_48: calc(var(--spacing_base) * 12);
-        --spacing_64: calc(var(--spacing_base) * 16);
-
-        /* colors */
-        --primary_color: #247a7e; /* only this color can be changed  */
-        --white_color: #f4f2f1;
-        --black_color: #0d1418;
-        --gray_color_600: #c6c3be;
-        --gray_color_800: #787673;
-        --gray_color_900: #5c5a58;
-      }
-      /* General styles */
-      * {
-        margin: 0;
-        padding: 0;
-        box-sizing: border-box;
-      }
-      html {
-        font-family: Roboto, sans-serif;
-        font-size: 16px;
-        color: var(--black_color);
-        font-style: normal;
-        background-color: var(--white_color);
-      }
-      body {
-        display: flex;
-        flex-direction: column;
-        min-height: 100vh;
-        padding: var(--spacing_64) var(--spacing_16);
-      }
-      .container {
-        display: grid;
-        grid-template-areas:
-          "divider header"
-          "divider aside"
-          "divider main";
-        row-gap: var(--spacing_32);
-        column-gap: var(--spacing_16);
-      }
-      .divider {
-        min-height: 100%;
-        border: var(--spacing_base) solid var(--primary_color);
-        grid-area: divider;
-      }
-      .secondary-divider {
-        border: var(--spacing_2) solid var(--primary_color);
-        width: 50%;
-      }
-      .svg-stroke {
-        stroke: var(--gray_color_800);
-      }
-      .svg-fill {
-        fill: var(--gray_color_800);
-      }
-
-      @media (min-width: 728px) {
-        body {
-          padding: var(--spacing_64);
-        }
-        .container {
-          column-gap: var(--spacing_32);
-        }
-      }
-      @media (min-width: 1024px) {
-        .container {
-          grid-template-areas:
-            "aside divider header"
-            "aside divider main";
-          max-width: 1220px;
-          align-self: center;
-        }
-      }
-      /* header styles */
-      header {
-        grid-area: header;
-        display: flex;
-        flex-direction: column;
-        align-items: flex-start;
-        gap: var(--spacing_16);
-        align-self: stretch;
-      }
-
-      h1 {
-        color: var(--primary_color);
-        font-family: Roboto;
-        font-size: 40px;
-        font-weight: 900;
-        letter-spacing: 4.8px;
-        text-transform: uppercase;
-        display: flex;
-        flex-direction: column;
-        gap: var(--spacing_8);
-      }
-      h1 > span {
-        color: var(--gray_color_600);
-        font-size: 32px;
-        font-weight: 900;
-        letter-spacing: 3.6px;
-        text-transform: uppercase;
-      }
-      h2,
-      .job-title {
-        color: var(--gray_color_900);
-        font-size: 20px;
-        font-weight: 500;
-        letter-spacing: 0.96px;
-      }
-      header > p {
-        color: var(--black_color);
-        font-size: 12px;
-        font-weight: 400;
-        line-height: 16px;
-        letter-spacing: 0.6px;
-      }
-      header > hr {
-        border: var(--spacing_2) solid var(--primary_color);
-        width: 100%;
-      }
-
-      @media (min-width: 728px) {
-        h1 {
-          font-size: 48px;
-        }
-        h1 > span {
-          font-size: 36px;
-        }
-        h2,
-        .job-title {
-          font-size: 24px;
-        }
-        header > p {
-          font-size: 14px;
-          line-height: 20px;
-        }
-      }
-      @media (min-width: 1024px) {
-        h1 {
-          font-size: 52px;
-        }
-        h1 > span {
-          font-size: 40px;
-        }
-      }
-      /* aside styles */
-      aside {
-        display: flex;
-        flex-direction: column;
-        gap: var(--spacing_32);
-        /*TODO EJS and display none*/
-      }
-      .aside__section {
-        grid-area: aside;
-        display: flex;
-        flex-direction: column;
-        gap: var(--spacing_16);
-      }
-      .aside__section__header {
-        display: flex;
-        align-items: center;
-        gap: var(--spacing_16);
-      }
-      .aside__section__header > div {
-        display: flex;
-        flex-direction: column;
-        justify-content: space-between;
-        gap: var(--spacing_8);
-        height: 100%;
-      }
-      .aside__section__header > div > h3 {
-        color: var(--gray_color_900);
-        font-size: 16px;
-        font-weight: 400;
-        text-transform: uppercase;
-      }
-      .aside__section__item {
-        display: flex;
-        align-items: center;
-        gap: var(--spacing_8);
-        padding-left: var(--spacing_32);
-      }
-      .aside__section__item > a {
-        color: var(--black_color);
-        font-size: 14px;
-        text-decoration: none;
-        text-transform: capitalize;
-      }
-      .aside__section__item > a:hover {
-        color: var(--primary_color);
-      }
-      .aside__section__list-items {
-        display: flex;
-        flex-direction: column;
-        gap: var(--spacing_8);
-        padding-left: var(--spacing_32);
-        font-size: 12px;
-        line-height: 24px;
-      }
-
-      @media (min-width: 728px) {
-        .aside__section__item > a {
-          font-size: 16px;
-        }
-        .aside__section__list-items {
-          font-size: 14px;
-          line-height: 30px;
-        }
-      }
-      @media (min-width: 1024px) {
-        aside {
-          grid-area: aside;
-          padding: var(--spacing_64) 0;
-        }
-      }
-      /* main section styles */
-      main {
-        grid-area: main;
-        display: flex;
-        flex-direction: column;
-        gap: var(--spacing_16);
-      }
-      .main__section {
-        display: flex;
-        flex-direction: column;
-        gap: var(--spacing_16);
-      }
-      .main__section__header {
-        display: flex;
-        flex-direction: column;
-        gap: var(--spacing_8);
-        color: var(var(--gray_color_900));
-        font-size: 20px;
-        font-weight: 500;
-        text-transform: uppercase;
-        width: max-content;
-      }
-      .main__section__item {
-        display: flex;
-        gap: var(--spacing_32);
-      }
-      .section__content {
-        display: flex;
-        flex-direction: column;
-        gap: var(--spacing_16);
-      }
-      .section__content__header {
-        display: flex;
-        flex-direction: column;
-        gap: var(--spacing_8);
-      }
-      .section__content__header > h3 {
-        font-size: 20px;
-        font-weight: 600;
-      }
-      .section__content__header > h4 {
-        font-size: 14px;
-        font-weight: 500;
-        color: var(--gray_color_800);
-      }
-      .main__section__item .date {
-        color: var(--gray_color_900);
-        font-size: 12px;
-        letter-spacing: 0.48px;
-        display: flex;
-        flex-direction: column;
-        gap: var(--spacing_8);
-      }
-      .main__section__item > .date-desktop {
-        display: none;
-      }
-      .section__content > .data {
-        display: flex;
-        flex-direction: column;
-        gap: var(--spacing_8);
-        font-size: 12px;
-      }
-      .section__content > .data b {
-        font-weight: 600;
-      }
-      .section__content > .data > ul {
-        display: flex;
-        flex-direction: column;
-        gap: var(--spacing_12);
-        padding-left: var(--spacing_16);
-        font-weight: 300;
-      }
-      @media (min-width: 728px) {
-        main {
-          gap: var(--spacing_32);
-        }
-        .main__section__item {
-          display: grid;
-          grid-template-columns: minmax(106px, 15%) auto 1fr;
-          gap: var(--spacing_32);
-        }
-        .main__section__item > .date-desktop {
-          display: flex;
-          min-width: max-content;
-          align-items: flex-end;
-        }
-        .section__content__header > h3 {
-          font-size: 24px;
-        }
-        .section__content__header > h4 {
-          font-size: 16px;
-        }
-        .section__content > .date-mobile {
-          display: none;
-        }
-        .section__content > .data {
-          grid-area: date;
-          font-size: 14px;
-          line-height: 18px;
-        }
-      }
-      .line-icon {
-        display: flex;
-        flex-direction: column;
-        align-items: center;
-        height: 100%;
-      }
-      .line-icon > .circle {
-        flex-shrink: 0;
-        width: 24px;
-        height: 24px;
-        border-radius: 50%;
-        border: 2px solid var(--primary_color);
-      }
-      .line-icon > .line {
-        flex-shrink: 1;
-        flex-grow: 1;
-        flex-basis: 100%;
-        border: 0px;
-        border-left: 2px solid var(--primary_color);
-      }
-    </style>
-  </head>
-  <body>
-    <div class="container">
-      <hr class="divider" />
-
diff --git a/packages/manfred2html/src/engine/template-b/html-parts/html-document-start/html-document-start.part.ts b/packages/manfred2html/src/engine/template-b/html-parts/html-document-start/html-document-start.part.ts
deleted file mode 100644
index 985cba7c..00000000
--- a/packages/manfred2html/src/engine/template-b/html-parts/html-document-start/html-document-start.part.ts
+++ /dev/null
@@ -1,4 +0,0 @@
-import ejs from 'ejs';
-import htmlDocumentStartTemplate from './html-document-start.ejs?raw';
-
-export const generateHtmlDocumentStart = (): string => ejs.render(htmlDocumentStartTemplate);
diff --git a/packages/manfred2html/src/engine/template-b/html-parts/html-document-start/index.ts b/packages/manfred2html/src/engine/template-b/html-parts/html-document-start/index.ts
deleted file mode 100644
index d4b22932..00000000
--- a/packages/manfred2html/src/engine/template-b/html-parts/html-document-start/index.ts
+++ /dev/null
@@ -1 +0,0 @@
-export * from './html-document-start.part';
diff --git a/packages/manfred2html/src/engine/template-b/html-parts/index.ts b/packages/manfred2html/src/engine/template-b/html-parts/index.ts
deleted file mode 100644
index 89ee8c19..00000000
--- a/packages/manfred2html/src/engine/template-b/html-parts/index.ts
+++ /dev/null
@@ -1,15 +0,0 @@
-export * from './html-document-start';
-export * from './html-document-end';
-export * from './header-element-start';
-export * from './header-element-end';
-export * from './about-me-section';
-export * from './aside-element-start';
-export * from './aside-element-end';
-export * from './relevants-links-section';
-export * from './main-element-start';
-export * from './main-element-end';
-export * from './language-section';
-export * from './hard-skills-section';
-export * from './soft-skills-section';
-export * from './experience-section';
-export * from './studies-section';
diff --git a/packages/manfred2html/src/engine/template-b/html-parts/language-section/index.ts b/packages/manfred2html/src/engine/template-b/html-parts/language-section/index.ts
deleted file mode 100644
index c79bff55..00000000
--- a/packages/manfred2html/src/engine/template-b/html-parts/language-section/index.ts
+++ /dev/null
@@ -1 +0,0 @@
-export * from './language-section.part';
diff --git a/packages/manfred2html/src/engine/template-b/html-parts/language-section/language-section.ejs b/packages/manfred2html/src/engine/template-b/html-parts/language-section/language-section.ejs
deleted file mode 100644
index 4d9e0ec2..00000000
--- a/packages/manfred2html/src/engine/template-b/html-parts/language-section/language-section.ejs
+++ /dev/null
@@ -1,31 +0,0 @@
-<%_ if (languageCollection && languageCollection.length !== 0) { -%>
-  <div class="aside__section">
-    <div class="aside__section__header">
-      <svg
-        xmlns="http://www.w3.org/2000/svg"
-        width="21"
-        height="33"
-        viewBox="0 0 21 33"
-        fill="none"
-        class="svg-stroke"
-      >
-        <path
-          d="M19.6061 22.939C18.4811 24.2172 17.0964 25.2407 15.5444 25.9412C13.9924 26.6417 12.3088 27.003 10.6061 27.001M10.6061 27.001C8.90332 27.003 7.21973 26.6417 5.66772 25.9412C4.11571 25.2407 2.73101 24.2172 1.60608 22.939M10.6061 27.001V31.501M7.60608 31.501H13.6061M10.6061 1.50098C13.9198 1.50098 16.6061 4.18727 16.6061 7.50098V15.001C16.6061 18.3147 13.9198 21.001 10.6061 21.001C7.29237 21.001 4.60608 18.3147 4.60608 15.001V7.50098C4.60608 4.18727 7.29237 1.50098 10.6061 1.50098Z"
-          stroke-width="2.5"
-          stroke-linecap="round"
-          stroke-linejoin="round"
-        />
-      </svg>
-      <div>
-        <h3>LENGUAJE / NIVEL</h3>
-        <hr class="secondary-divider" />
-      </div>
-    </div>
-    <ul class="aside__section__list-items">
-      <%_ for (const language of languageCollection) { -%>
-        <li><%- language.name %> (<%- language.level %>)</li>
-      <%_ } -%>
-    </ul>
-  </div>
-<%_ } -%>
-
diff --git a/packages/manfred2html/src/engine/template-b/html-parts/language-section/language-section.part.ts b/packages/manfred2html/src/engine/template-b/html-parts/language-section/language-section.part.ts
deleted file mode 100644
index f27fbf9b..00000000
--- a/packages/manfred2html/src/engine/template-b/html-parts/language-section/language-section.part.ts
+++ /dev/null
@@ -1,16 +0,0 @@
-import ejs from 'ejs';
-import { ManfredAwesomicCV } from '@/model';
-import { LanguageVm, mapFromCvToLanguageVm } from '@lemoncode/manfred-common/language-section'
-import languageSection from './language-section.ejs?raw';
-
-export const generateLanguageSection = (cv: ManfredAwesomicCV): string => {
-  const languageSectionVm = mapFromCvToLanguageVm(cv);
-  return generateLanguageSectionInner(languageSectionVm);
-};
-
-const generateLanguageSectionInner = (languageSectionVm: LanguageVm[]): string => {
-  const rootObject = {
-    languageCollection: languageSectionVm,
-  }
-  return ejs.render(languageSection, rootObject)
-};
diff --git a/packages/manfred2html/src/engine/template-b/html-parts/main-element-end/index.ts b/packages/manfred2html/src/engine/template-b/html-parts/main-element-end/index.ts
deleted file mode 100644
index 43da82c1..00000000
--- a/packages/manfred2html/src/engine/template-b/html-parts/main-element-end/index.ts
+++ /dev/null
@@ -1 +0,0 @@
-export * from './main-element-end.part';
diff --git a/packages/manfred2html/src/engine/template-b/html-parts/main-element-end/main-element-end.ejs b/packages/manfred2html/src/engine/template-b/html-parts/main-element-end/main-element-end.ejs
deleted file mode 100644
index 0f4bf453..00000000
--- a/packages/manfred2html/src/engine/template-b/html-parts/main-element-end/main-element-end.ejs
+++ /dev/null
@@ -1 +0,0 @@
-</main>
diff --git a/packages/manfred2html/src/engine/template-b/html-parts/main-element-end/main-element-end.part.ts b/packages/manfred2html/src/engine/template-b/html-parts/main-element-end/main-element-end.part.ts
deleted file mode 100644
index ad9c1b96..00000000
--- a/packages/manfred2html/src/engine/template-b/html-parts/main-element-end/main-element-end.part.ts
+++ /dev/null
@@ -1,4 +0,0 @@
-import ejs from 'ejs';
-import mainElementEndTemplate from './main-element-end.ejs?raw';
-
-export const generateMainElementEnd = (): string => ejs.render(mainElementEndTemplate);
diff --git a/packages/manfred2html/src/engine/template-b/html-parts/main-element-start/index.ts b/packages/manfred2html/src/engine/template-b/html-parts/main-element-start/index.ts
deleted file mode 100644
index 5286e5ba..00000000
--- a/packages/manfred2html/src/engine/template-b/html-parts/main-element-start/index.ts
+++ /dev/null
@@ -1 +0,0 @@
-export * from './main-element-start.part';
diff --git a/packages/manfred2html/src/engine/template-b/html-parts/main-element-start/main-element-start.ejs b/packages/manfred2html/src/engine/template-b/html-parts/main-element-start/main-element-start.ejs
deleted file mode 100644
index 506713e2..00000000
--- a/packages/manfred2html/src/engine/template-b/html-parts/main-element-start/main-element-start.ejs
+++ /dev/null
@@ -1 +0,0 @@
-<main>
diff --git a/packages/manfred2html/src/engine/template-b/html-parts/main-element-start/main-element-start.part.ts b/packages/manfred2html/src/engine/template-b/html-parts/main-element-start/main-element-start.part.ts
deleted file mode 100644
index 0ebd42f9..00000000
--- a/packages/manfred2html/src/engine/template-b/html-parts/main-element-start/main-element-start.part.ts
+++ /dev/null
@@ -1,4 +0,0 @@
-import ejs from 'ejs';
-import mainElementStartTemplate from './main-element-start.ejs?raw';
-
-export const generateMainElementStart = (): string => ejs.render(mainElementStartTemplate);
diff --git a/packages/manfred2html/src/engine/template-b/html-parts/relevants-links-section/index.ts b/packages/manfred2html/src/engine/template-b/html-parts/relevants-links-section/index.ts
deleted file mode 100644
index 12fe55f6..00000000
--- a/packages/manfred2html/src/engine/template-b/html-parts/relevants-links-section/index.ts
+++ /dev/null
@@ -1 +0,0 @@
-export * from './relevants-links-section.part';
diff --git a/packages/manfred2html/src/engine/template-b/html-parts/relevants-links-section/relevants-links-section.ejs b/packages/manfred2html/src/engine/template-b/html-parts/relevants-links-section/relevants-links-section.ejs
deleted file mode 100644
index d1cbb86f..00000000
--- a/packages/manfred2html/src/engine/template-b/html-parts/relevants-links-section/relevants-links-section.ejs
+++ /dev/null
@@ -1,137 +0,0 @@
-<%_ if (profile.relevantLinks && profile.relevantLinks.length !== 0) { -%>
-  <div class="aside__section">
-    <div class="aside__section__header">
-      <svg
-        xmlns="http://www.w3.org/2000/svg"
-        width="34"
-        height="33"
-        viewBox="0 0 35 33"
-        fill="none"
-        class="svg-fill"
-      >
-        <path
-          d="M16.8561 2.5C9.26216 2.5 3.10608 8.65609 3.10608 16.25C3.10608 23.8439 9.26216 30 16.8561 30C24.45 30 30.6061 23.8439 30.6061 16.25C30.6061 8.65609 24.45 2.5 16.8561 2.5ZM0.606079 16.25C0.606079 7.27537 7.88145 0 16.8561 0C25.8307 0 33.1061 7.27537 33.1061 16.25C33.1061 25.2246 25.8307 32.5 16.8561 32.5C7.88145 32.5 0.606079 25.2246 0.606079 16.25ZM15.6061 8.75C15.6061 8.05964 16.1657 7.5 16.8561 7.5H16.8706C17.561 7.5 18.1206 8.05964 18.1206 8.75C18.1206 9.44036 17.561 10 16.8706 10H16.8561C16.1657 10 15.6061 9.44036 15.6061 8.75ZM12.6061 14.75C12.6061 14.0596 13.1657 13.5 13.8561 13.5H16.8561C17.5464 13.5 18.1061 14.0596 18.1061 14.75V21H19.8561C20.5464 21 21.1061 21.5596 21.1061 22.25C21.1061 22.9404 20.5464 23.5 19.8561 23.5H13.8561C13.1657 23.5 12.6061 22.9404 12.6061 22.25C12.6061 21.5596 13.1657 21 13.8561 21H15.6061V16H13.8561C13.1657 16 12.6061 15.4404 12.6061 14.75Z"
-        />
-      </svg>
-      <div>
-        <h3>mis enlaces</h3>
-        <hr class="secondary-divider" />
-      </div>
-    </div>
-    <%_ for (const link of profile?.relevantLinks) { -%>
-      <%_ if (link.type === 'linkedin') { -%>
-        <div class="aside__section__item">
-          <svg
-            xmlns="http://www.w3.org/2000/svg"
-            width="21"
-            height="20"
-            viewBox="0 0 21 20"
-            fill="none"
-            class="svg-fill svg-stroke"
-          >
-            <path
-              d="M14.0906 6.76565C13.121 6.7658 12.3285 7.08199 11.7438 7.52808V7.4968V6.9968H11.2438H8.39788H7.89788V7.4968V17.0493V17.5493H8.39788H11.3618H11.8618V17.0493V12.3296C11.8618 11.7165 11.9296 11.213 12.1185 10.8736C12.2069 10.7149 12.3192 10.5973 12.466 10.5156C12.6152 10.4325 12.8293 10.3706 13.1438 10.3706C13.4447 10.3706 13.6258 10.4399 13.741 10.5204C13.8574 10.6016 13.9499 10.7245 14.0212 10.9048C14.175 11.2945 14.1864 11.8261 14.1864 12.4017V17.0493V17.5493H14.6864H17.6553H18.1553V17.0493V11.8034C18.1553 10.5093 18.0202 9.24651 17.4233 8.30269C16.7931 7.30618 15.7169 6.7622 14.0906 6.76565ZM14.0906 6.76565C14.0905 6.76565 14.0904 6.76565 14.0902 6.76565L14.0913 7.26565V6.76565C14.0911 6.76565 14.0909 6.76565 14.0906 6.76565ZM11.2438 8.78748V8.80827H11.2831M11.2438 8.78748L11.7438 8.19095C11.5475 8.38799 11.3933 8.59971 11.2831 8.80827M11.2438 8.78748L11.2831 8.80827M11.2438 8.78748V8.30827H11.2831V8.80827M19.1307 0.500092L19.1347 0.50006C19.3887 0.498028 19.6332 0.596329 19.8151 0.773595C19.9961 0.949927 20.1005 1.19022 20.1061 1.44271V18.5522C20.1019 18.8058 19.9979 19.0475 19.8166 19.225C19.6345 19.4032 19.3894 19.5021 19.1346 19.5001V19.5001H19.1307L2.08149 19.5L2.07639 19.5001C1.82234 19.5027 1.57761 19.4045 1.39575 19.2271C1.21467 19.0505 1.11061 18.8096 1.10608 18.5567V1.44609C1.10992 1.19268 1.21375 0.951015 1.39501 0.773781C1.57693 0.595905 1.82198 0.497461 2.0764 0.50005L2.0764 0.500076H2.08149L19.1307 0.500092ZM6.53559 17.5493H7.03559V17.0493V7.4968V6.9968H6.53559H3.56673H3.06673V7.4968V17.0493V17.5493H3.56673H6.53559ZM5.06065 6.69516L5.06128 6.69189C5.34954 6.69153 5.63501 6.63508 5.90176 6.52563C6.17196 6.41476 6.41765 6.25169 6.62475 6.04576C6.83186 5.83983 6.99633 5.59508 7.10874 5.32551C7.22115 5.05595 7.27929 4.76686 7.27985 4.4748V4.47385C7.27985 4.03442 7.14952 3.60487 6.90534 3.23953C6.66117 2.87419 6.31412 2.58948 5.90811 2.42142C5.50209 2.25336 5.05535 2.20949 4.6244 2.29537C4.19345 2.38125 3.79766 2.59302 3.48709 2.90389C3.17651 3.21476 2.96512 3.61076 2.87965 4.04179C2.79418 4.47282 2.83847 4.91952 3.00692 5.32537C3.17537 5.73123 3.46041 6.078 3.82598 6.32183C4.19155 6.56565 4.62123 6.69558 5.06065 6.69516Z"
-            />
-          </svg>
-          <a href="<%= link.URL -%>" target="_blank">linkedin</a>
-        </div>
-      <%_ } -%>
-      <%_ if (link.type === 'github') { -%>
-        <div class="aside__section__item">
-          <svg
-            xmlns="http://www.w3.org/2000/svg"
-            width="22"
-            height="21"
-            viewBox="0 0 22 21"
-            fill="none"
-            class="svg-fill"
-          >
-            <mask id="path-1-inside-1_1218_1523">
-              <path
-                fill-rule="evenodd"
-                clip-rule="evenodd"
-                d="M10.8593 0.5C5.19732 0.5 0.606079 5.09022 0.606079 10.7532C0.606079 15.2835 3.54393 19.1266 7.61782 20.4825C8.13007 20.5776 8.3182 20.2601 8.3182 19.9893C8.3182 19.7448 8.30869 18.9371 8.30428 18.0804C5.45184 18.7006 4.84994 16.8706 4.84994 16.8706C4.38353 15.6855 3.71151 15.3704 3.71151 15.3704C2.78107 14.734 3.78163 14.7473 3.78163 14.7473C4.81105 14.8194 5.35336 15.8039 5.35336 15.8039C6.26784 17.371 7.75196 16.918 8.33705 16.6562C8.42907 15.9935 8.69479 15.541 8.98801 15.285C6.71065 15.0261 4.31646 14.1467 4.31646 10.218C4.31646 9.09859 4.71716 8.18394 5.37305 7.46573C5.26643 7.20765 4.91547 6.16481 5.47221 4.75252C5.47221 4.75252 6.33304 4.47695 8.29239 5.8035C9.11043 5.57616 9.98773 5.46189 10.8593 5.45799C11.7303 5.46189 12.6081 5.57582 13.4276 5.80317C15.3846 4.47661 16.2444 4.75218 16.2444 4.75218C16.8025 6.1643 16.4516 7.20731 16.3451 7.46539C17.0025 8.1836 17.4003 9.09825 17.4003 10.2177C17.4003 14.1557 15.0017 15.0227 12.7186 15.2767C13.0865 15.5949 13.4142 16.219 13.4142 17.1754C13.4142 18.5473 13.4023 19.6514 13.4023 19.9891C13.4023 20.262 13.5871 20.5817 14.1066 20.481C18.1781 19.1237 21.1126 15.2818 21.1126 10.7532C21.1124 5.09056 16.5217 0.5 10.8593 0.5Z"
-              />
-              <path
-                d="M4.48948 15.2211C4.46689 15.2721 4.38675 15.2874 4.31374 15.2526C4.23904 15.2193 4.19744 15.1498 4.22155 15.0987C4.24362 15.0461 4.32393 15.0317 4.39813 15.0668C4.47284 15.1003 4.51528 15.1704 4.48931 15.2213L4.48948 15.2211ZM4.90478 15.6845C4.85605 15.7298 4.76046 15.7088 4.6956 15.637C4.62836 15.5656 4.6158 15.4701 4.66555 15.424C4.71614 15.3789 4.80885 15.4003 4.87608 15.4716C4.94298 15.5439 4.95622 15.6387 4.90495 15.6847L4.90478 15.6845ZM5.30921 16.2749C5.24639 16.3187 5.1435 16.2777 5.08 16.1866C5.01718 16.0952 5.01718 15.9857 5.0817 15.9421C5.14503 15.8983 5.24639 15.9378 5.31091 16.0282C5.37339 16.1207 5.37339 16.2304 5.30921 16.2749ZM5.86289 16.8455C5.80686 16.9075 5.68699 16.8908 5.59938 16.8065C5.5099 16.7238 5.48494 16.6061 5.54114 16.5443C5.59819 16.4822 5.71857 16.4995 5.80669 16.5834C5.89617 16.6659 5.92317 16.7837 5.86323 16.8453L5.86289 16.8455ZM6.62694 17.1768C6.60198 17.2571 6.48686 17.2936 6.37056 17.2593C6.25459 17.2241 6.1787 17.1302 6.20247 17.0491C6.22624 16.9681 6.3422 16.9302 6.45919 16.9667C6.57515 17.0017 6.65105 17.0951 6.62694 17.1768ZM7.4662 17.2381C7.46909 17.3226 7.37061 17.3926 7.24887 17.3943C7.12612 17.3972 7.02679 17.3286 7.0256 17.2454C7.0256 17.16 7.12204 17.0909 7.24463 17.0885C7.36637 17.0863 7.46637 17.1542 7.46637 17.2379L7.4662 17.2381ZM8.24689 17.1053C8.26149 17.1876 8.17677 17.2724 8.05571 17.2949C7.93686 17.317 7.82649 17.2657 7.81121 17.1841C7.79661 17.0995 7.88286 17.0148 8.00171 16.9929C8.12294 16.972 8.23161 17.0216 8.24689 17.1053Z"
-              />
-            </mask>
-            <path
-              fill-rule="evenodd"
-              clip-rule="evenodd"
-              d="M10.8593 0.5C5.19732 0.5 0.606079 5.09022 0.606079 10.7532C0.606079 15.2835 3.54393 19.1266 7.61782 20.4825C8.13007 20.5776 8.3182 20.2601 8.3182 19.9893C8.3182 19.7448 8.30869 18.9371 8.30428 18.0804C5.45184 18.7006 4.84994 16.8706 4.84994 16.8706C4.38353 15.6855 3.71151 15.3704 3.71151 15.3704C2.78107 14.734 3.78163 14.7473 3.78163 14.7473C4.81105 14.8194 5.35336 15.8039 5.35336 15.8039C6.26784 17.371 7.75196 16.918 8.33705 16.6562C8.42907 15.9935 8.69479 15.541 8.98801 15.285C6.71065 15.0261 4.31646 14.1467 4.31646 10.218C4.31646 9.09859 4.71716 8.18394 5.37305 7.46573C5.26643 7.20765 4.91547 6.16481 5.47221 4.75252C5.47221 4.75252 6.33304 4.47695 8.29239 5.8035C9.11043 5.57616 9.98773 5.46189 10.8593 5.45799C11.7303 5.46189 12.6081 5.57582 13.4276 5.80317C15.3846 4.47661 16.2444 4.75218 16.2444 4.75218C16.8025 6.1643 16.4516 7.20731 16.3451 7.46539C17.0025 8.1836 17.4003 9.09825 17.4003 10.2177C17.4003 14.1557 15.0017 15.0227 12.7186 15.2767C13.0865 15.5949 13.4142 16.219 13.4142 17.1754C13.4142 18.5473 13.4023 19.6514 13.4023 19.9891C13.4023 20.262 13.5871 20.5817 14.1066 20.481C18.1781 19.1237 21.1126 15.2818 21.1126 10.7532C21.1124 5.09056 16.5217 0.5 10.8593 0.5Z"
-            />
-            <path
-              d="M4.48948 15.2211C4.46689 15.2721 4.38675 15.2874 4.31374 15.2526C4.23904 15.2193 4.19744 15.1498 4.22155 15.0987C4.24362 15.0461 4.32393 15.0317 4.39813 15.0668C4.47284 15.1003 4.51528 15.1704 4.48931 15.2213L4.48948 15.2211ZM4.90478 15.6845C4.85605 15.7298 4.76046 15.7088 4.6956 15.637C4.62836 15.5656 4.6158 15.4701 4.66555 15.424C4.71614 15.3789 4.80885 15.4003 4.87608 15.4716C4.94298 15.5439 4.95622 15.6387 4.90495 15.6847L4.90478 15.6845ZM5.30921 16.2749C5.24639 16.3187 5.1435 16.2777 5.08 16.1866C5.01718 16.0952 5.01718 15.9857 5.0817 15.9421C5.14503 15.8983 5.24639 15.9378 5.31091 16.0282C5.37339 16.1207 5.37339 16.2304 5.30921 16.2749ZM5.86289 16.8455C5.80686 16.9075 5.68699 16.8908 5.59938 16.8065C5.5099 16.7238 5.48494 16.6061 5.54114 16.5443C5.59819 16.4822 5.71857 16.4995 5.80669 16.5834C5.89617 16.6659 5.92317 16.7837 5.86323 16.8453L5.86289 16.8455ZM6.62694 17.1768C6.60198 17.2571 6.48686 17.2936 6.37056 17.2593C6.25459 17.2241 6.1787 17.1302 6.20247 17.0491C6.22624 16.9681 6.3422 16.9302 6.45919 16.9667C6.57515 17.0017 6.65105 17.0951 6.62694 17.1768ZM7.4662 17.2381C7.46909 17.3226 7.37061 17.3926 7.24887 17.3943C7.12612 17.3972 7.02679 17.3286 7.0256 17.2454C7.0256 17.16 7.12204 17.0909 7.24463 17.0885C7.36637 17.0863 7.46637 17.1542 7.46637 17.2379L7.4662 17.2381ZM8.24689 17.1053C8.26149 17.1876 8.17677 17.2724 8.05571 17.2949C7.93686 17.317 7.82649 17.2657 7.81121 17.1841C7.79661 17.0995 7.88286 17.0148 8.00171 16.9929C8.12294 16.972 8.23161 17.0216 8.24689 17.1053Z"
-            />
-            <path
-              d="M7.61782 20.4825L7.30202 21.4314L7.36749 21.4532L7.43533 21.4658L7.61782 20.4825ZM8.30428 18.0804L9.30426 18.0752L9.2979 16.841L8.0918 17.1032L8.30428 18.0804ZM4.84994 16.8706L5.79987 16.5582L5.79094 16.531L5.78047 16.5044L4.84994 16.8706ZM3.71151 15.3704L3.14697 16.1958L3.21372 16.2415L3.28694 16.2758L3.71151 15.3704ZM3.78163 14.7473L3.85155 13.7497L3.82324 13.7477L3.79486 13.7474L3.78163 14.7473ZM5.35336 15.8039L4.47747 16.2864L4.48343 16.2972L4.48965 16.3079L5.35336 15.8039ZM8.33705 16.6562L8.74549 17.569L9.25132 17.3426L9.32754 16.7937L8.33705 16.6562ZM8.98801 15.285L9.64575 16.0382L11.353 14.5474L9.10098 14.2914L8.98801 15.285ZM5.37305 7.46573L6.11147 8.14008L6.53985 7.671L6.29728 7.08388L5.37305 7.46573ZM5.47221 4.75252L5.16733 3.80012L4.71577 3.94468L4.54189 4.38578L5.47221 4.75252ZM8.29239 5.8035L7.73176 6.63157L8.11465 6.8908L8.56016 6.76699L8.29239 5.8035ZM10.8593 5.45799L10.8637 4.45796L10.8548 4.458L10.8593 5.45799ZM13.4276 5.80317L13.1603 6.76678L13.6059 6.89039L13.9887 6.63092L13.4276 5.80317ZM16.2444 4.75218L17.1744 4.38463L17.0004 3.94437L16.5496 3.79989L16.2444 4.75218ZM16.3451 7.46539L15.4207 7.08406L15.1783 7.6717L15.6075 8.14059L16.3451 7.46539ZM12.7186 15.2767L12.608 14.2828L10.3332 14.5359L12.0645 16.0331L12.7186 15.2767ZM14.1066 20.481L14.2969 21.4628L14.361 21.4503L14.4229 21.4297L14.1066 20.481ZM21.1126 10.7532H22.1126V10.7531L21.1126 10.7532ZM4.48948 15.2211L5.40366 15.6264L3.78237 14.514L4.48948 15.2211ZM4.31374 15.2526L4.74409 14.3499L4.73244 14.3443L4.72065 14.3391L4.31374 15.2526ZM4.22155 15.0987L5.12596 15.5254L5.13529 15.5056L5.14374 15.4855L4.22155 15.0987ZM4.39813 15.0668L3.97004 15.9705L3.97972 15.9751L3.98949 15.9795L4.39813 15.0668ZM4.48931 15.2213L3.59847 14.767L5.19641 15.9284L4.48931 15.2213ZM4.90478 15.6845L5.61188 14.9774L4.92984 14.2954L4.22364 14.9523L4.90478 15.6845ZM4.6956 15.637L5.43776 14.9667L5.43056 14.9588L5.42319 14.9509L4.6956 15.637ZM4.66555 15.424L3.99963 14.678L3.99303 14.6839L3.98654 14.6899L4.66555 15.424ZM4.87608 15.4716L5.61026 14.7926L5.60367 14.7856L4.87608 15.4716ZM4.90495 15.6847L4.19784 16.3918L4.86773 17.0617L5.57282 16.4289L4.90495 15.6847ZM5.30921 16.2749L4.73955 15.453L4.73724 15.4546L5.30921 16.2749ZM5.08 16.1866L4.25603 16.7532L4.25941 16.7581L5.08 16.1866ZM5.0817 15.9421L5.64195 16.7705L5.65056 16.7645L5.0817 15.9421ZM5.31091 16.0282L6.13967 15.4685L6.1323 15.4576L6.12464 15.4469L5.31091 16.0282ZM5.86289 16.8455L5.41568 15.9511L5.24734 16.0353L5.12112 16.1749L5.86289 16.8455ZM5.59938 16.8065L6.2931 16.0862L6.28566 16.079L6.27807 16.072L5.59938 16.8065ZM5.54114 16.5443L4.80448 15.868L4.8013 15.8715L5.54114 16.5443ZM5.80669 16.5834L5.11725 17.3077L5.12296 17.3131L5.12876 17.3185L5.80669 16.5834ZM5.86323 16.8453L6.31045 17.7398L6.46201 17.664L6.58014 17.5425L5.86323 16.8453ZM6.62694 17.1768L7.58189 17.4735L7.584 17.4667L7.58602 17.4599L6.62694 17.1768ZM6.37056 17.2593L6.0805 18.2163L6.08771 18.2185L6.37056 17.2593ZM6.20247 17.0491L5.24294 16.7675L5.24278 16.768L6.20247 17.0491ZM6.45919 16.9667L6.16129 17.9214L6.17043 17.9241L6.45919 16.9667ZM7.4662 17.2381L6.7591 16.531L6.45197 16.8381L6.46678 17.2722L7.4662 17.2381ZM7.24887 17.3943L7.23493 16.3943L7.22537 16.3945L7.24887 17.3943ZM7.0256 17.2454H6.0256V17.2525L6.0257 17.2596L7.0256 17.2454ZM7.24463 17.0885L7.2265 16.0886L7.22524 16.0887L7.24463 17.0885ZM7.46637 17.2379L8.17348 17.945L8.46637 17.6521V17.2379H7.46637ZM8.24689 17.1053L9.23154 16.9307L9.23063 16.9257L8.24689 17.1053ZM8.05571 17.2949L8.2383 18.2781L8.23908 18.278L8.05571 17.2949ZM7.81121 17.1841L6.8257 17.3543L6.82827 17.368L7.81121 17.1841ZM8.00171 16.9929L7.83193 16.0073L7.82048 16.0094L8.00171 16.9929ZM10.8593 -0.5C4.6451 -0.5 -0.393921 4.53787 -0.393921 10.7532H1.60608C1.60608 5.64257 5.74954 1.5 10.8593 1.5V-0.5ZM-0.393921 10.7532C-0.393921 15.7269 2.83184 19.9435 7.30202 21.4314L7.93362 19.5337C4.25601 18.3097 1.60608 14.8401 1.60608 10.7532H-0.393921ZM7.43533 21.4658C7.91945 21.5556 8.43747 21.4738 8.83415 21.1118C9.20061 20.7774 9.3182 20.3339 9.3182 19.9893H7.3182C7.3182 19.9155 7.34172 19.7662 7.48606 19.6344C7.56146 19.5656 7.64615 19.5259 7.71919 19.5091C7.78739 19.4934 7.82061 19.5031 7.80032 19.4993L7.43533 21.4658ZM9.3182 19.9893C9.3182 19.7445 9.3086 18.9162 9.30426 18.0752L7.30429 18.0855C7.30879 18.9581 7.3182 19.7451 7.3182 19.9893H9.3182ZM8.0918 17.1032C6.90138 17.3621 6.34548 17.0865 6.10713 16.9079C5.97051 16.8055 5.88554 16.6954 5.83695 16.6175C5.81278 16.5788 5.79874 16.5498 5.79289 16.5368C5.79002 16.5304 5.78933 16.5284 5.79055 16.5316C5.79116 16.5332 5.79227 16.5361 5.79383 16.5405C5.79461 16.5427 5.79551 16.5453 5.79652 16.5482C5.79702 16.5497 5.79755 16.5512 5.79811 16.5529C5.79839 16.5537 5.79868 16.5546 5.79897 16.5555C5.79912 16.5559 5.79934 16.5566 5.79942 16.5568C5.79964 16.5575 5.79987 16.5582 4.84994 16.8706C3.9 17.1831 3.90023 17.1838 3.90047 17.1845C3.90055 17.1848 3.90079 17.1855 3.90095 17.186C3.90128 17.187 3.90163 17.188 3.90198 17.189C3.90269 17.1912 3.90344 17.1934 3.90425 17.1957C3.90586 17.2004 3.90766 17.2056 3.90967 17.2113C3.91368 17.2225 3.91852 17.2357 3.92424 17.2505C3.93567 17.2802 3.95069 17.3169 3.96985 17.3593C4.00806 17.444 4.06333 17.5531 4.14015 17.6762C4.29356 17.9221 4.53734 18.2308 4.90775 18.5083C5.68347 19.0896 6.85474 19.4189 8.51675 19.0576L8.0918 17.1032ZM5.78047 16.5044C5.49681 15.7837 5.13617 15.2931 4.81388 14.97C4.65402 14.8097 4.50681 14.6937 4.38822 14.6127C4.32901 14.5722 4.27706 14.5405 4.23439 14.5163C4.21305 14.5042 4.19403 14.494 4.17756 14.4855C4.16933 14.4812 4.16174 14.4774 4.15481 14.474C4.15135 14.4723 4.14805 14.4707 4.14493 14.4692C4.14337 14.4684 4.14185 14.4677 4.14037 14.467C4.13963 14.4667 4.1389 14.4663 4.13819 14.466C4.13783 14.4658 4.1373 14.4656 4.13712 14.4655C4.13659 14.4652 4.13607 14.465 3.71151 15.3704C3.28694 16.2758 3.28642 16.2755 3.28591 16.2753C3.28574 16.2752 3.28522 16.275 3.28489 16.2748C3.28421 16.2745 3.28354 16.2742 3.28289 16.2739C3.28157 16.2733 3.2803 16.2726 3.27906 16.2721C3.27659 16.2709 3.27426 16.2697 3.27209 16.2687C3.26773 16.2665 3.26397 16.2646 3.26077 16.263C3.25438 16.2597 3.25025 16.2574 3.2482 16.2562C3.24409 16.2539 3.2483 16.2561 3.25937 16.2636C3.28137 16.2787 3.33131 16.3156 3.39775 16.3822C3.52808 16.5129 3.73665 16.7725 3.9194 17.2369L5.78047 16.5044ZM4.27604 14.545C4.18958 14.4858 4.15405 14.4533 4.14782 14.4472C4.13446 14.4341 4.19876 14.4907 4.252 14.6175C4.28116 14.687 4.31079 14.7868 4.31492 14.9105C4.31919 15.0383 4.29532 15.1696 4.24163 15.2929C4.13719 15.5327 3.96445 15.6482 3.8926 15.6891C3.81633 15.7326 3.76005 15.7459 3.75324 15.7476C3.74028 15.7508 3.73819 15.7504 3.74895 15.7492C3.75801 15.7482 3.76777 15.7476 3.77492 15.7473C3.77804 15.7472 3.77954 15.7472 3.77884 15.7472C3.77846 15.7472 3.77746 15.7473 3.77576 15.7472C3.77491 15.7472 3.77388 15.7472 3.77266 15.7472C3.77205 15.7472 3.77139 15.7472 3.77068 15.7472C3.77032 15.7472 3.76995 15.7472 3.76957 15.7472C3.76938 15.7472 3.76909 15.7472 3.76899 15.7472C3.76869 15.7472 3.76839 15.7472 3.78163 14.7473C3.79486 13.7474 3.79455 13.7474 3.79424 13.7473C3.79413 13.7473 3.79381 13.7473 3.79359 13.7473C3.79315 13.7473 3.79269 13.7473 3.79222 13.7473C3.79127 13.7473 3.79025 13.7473 3.78916 13.7473C3.78698 13.7473 3.78453 13.7473 3.78181 13.7473C3.77638 13.7472 3.76988 13.7472 3.7624 13.7473C3.7475 13.7474 3.72841 13.7478 3.70599 13.7485C3.66206 13.7501 3.60091 13.7534 3.5307 13.7611C3.43011 13.7722 3.15872 13.8054 2.9027 13.9513C2.76394 14.0303 2.53882 14.1939 2.40799 14.4943C2.26365 14.8257 2.30716 15.1517 2.40786 15.3916C2.56764 15.7723 2.90592 16.0309 3.14697 16.1958L4.27604 14.545ZM3.7117 15.7448C3.90999 15.7587 4.09331 15.8621 4.25895 16.022C4.33834 16.0987 4.39956 16.1754 4.43962 16.2313C4.45919 16.2586 4.47241 16.2792 4.47902 16.2898C4.4823 16.295 4.48383 16.2977 4.4836 16.2973C4.48349 16.2971 4.48292 16.2961 4.4819 16.2943C4.48139 16.2934 4.48077 16.2923 4.48003 16.291C4.47966 16.2903 4.47926 16.2896 4.47883 16.2888C4.47862 16.2885 4.4784 16.2881 4.47817 16.2877C4.47806 16.2874 4.47788 16.2871 4.47783 16.287C4.47765 16.2867 4.47747 16.2864 5.35336 15.8039C6.22925 15.3214 6.22906 15.321 6.22888 15.3207C6.22881 15.3206 6.22862 15.3202 6.22849 15.32C6.22823 15.3195 6.22796 15.319 6.22768 15.3185C6.22712 15.3175 6.22653 15.3164 6.22589 15.3153C6.22463 15.313 6.22321 15.3105 6.22164 15.3078C6.21851 15.3022 6.21477 15.2957 6.21043 15.2883C6.20175 15.2734 6.19063 15.2549 6.17707 15.2331C6.15 15.1896 6.11281 15.1326 6.06545 15.0665C5.97166 14.9356 5.83297 14.7617 5.6481 14.5832C5.28524 14.2329 4.6827 13.808 3.85155 13.7497L3.7117 15.7448ZM4.48965 16.3079C5.11413 17.378 6.00643 17.8339 6.8797 17.9119C7.68396 17.9838 8.38514 17.7302 8.74549 17.569L7.9286 15.7434C7.70386 15.844 7.37044 15.9478 7.05775 15.9199C6.81406 15.8981 6.50707 15.7968 6.21706 15.2999L4.48965 16.3079ZM9.32754 16.7937C9.39248 16.3261 9.56458 16.1091 9.64575 16.0382L8.33028 14.5317C7.825 14.9729 7.46566 15.6609 7.34655 16.5187L9.32754 16.7937ZM9.10098 14.2914C8.02059 14.1686 7.09558 13.9125 6.44212 13.3626C5.837 12.8533 5.31646 11.9633 5.31646 10.218H3.31646C3.31646 12.4015 3.99302 13.9155 5.15433 14.8928C6.2673 15.8294 7.67807 16.1425 8.87505 16.2786L9.10098 14.2914ZM5.31646 10.218C5.31646 9.35979 5.61583 8.68281 6.11147 8.14008L4.63464 6.79138C3.81849 7.68507 3.31646 8.83738 3.31646 10.218H5.31646ZM6.29728 7.08388C6.25492 6.98136 5.96949 6.21778 6.40253 5.11925L4.54189 4.38578C3.86146 6.11185 4.27793 7.43394 4.44883 7.84758L6.29728 7.08388ZM5.47221 4.75252C5.77709 5.70491 5.77613 5.70521 5.77518 5.70552C5.77487 5.70562 5.77392 5.70592 5.77329 5.70611C5.77204 5.70651 5.7708 5.7069 5.76957 5.70728C5.7671 5.70805 5.76469 5.70879 5.76232 5.70951C5.75758 5.71094 5.75302 5.71228 5.74865 5.71352C5.73991 5.71601 5.73193 5.71813 5.72471 5.71993C5.71025 5.72354 5.69893 5.72587 5.69082 5.72733C5.67449 5.73028 5.67169 5.72966 5.68316 5.72914C5.70545 5.72811 5.78959 5.7271 5.94141 5.75908C6.24664 5.82337 6.83272 6.02289 7.73176 6.63157L8.85302 4.97544C7.7927 4.25757 6.9687 3.93159 6.35367 3.80203C6.04537 3.73708 5.79184 3.72205 5.5915 3.73124C5.49165 3.73582 5.40629 3.74636 5.33523 3.7592C5.29976 3.76561 5.26803 3.77256 5.24 3.77956C5.226 3.78305 5.21294 3.78656 5.20082 3.79001C5.19477 3.79174 5.18895 3.79345 5.18336 3.79514C5.18057 3.79598 5.17784 3.79682 5.17517 3.79765C5.17383 3.79807 5.17251 3.79848 5.17121 3.79889C5.17055 3.7991 5.16958 3.79941 5.16926 3.79951C5.16829 3.79982 5.16733 3.80012 5.47221 4.75252ZM8.56016 6.76699C9.28601 6.56526 10.0743 6.46151 10.8637 6.45798L10.8548 4.458C9.90119 4.46227 8.93485 4.58705 8.02462 4.84002L8.56016 6.76699ZM10.8548 6.45798C11.6439 6.46151 12.4328 6.56498 13.1603 6.76678L13.6949 4.83955C12.7833 4.58666 11.8166 4.46227 10.8637 4.458L10.8548 6.45798ZM13.9887 6.63092C14.8866 6.0223 15.4718 5.82291 15.7763 5.75869C15.9277 5.72674 16.0116 5.72778 16.0336 5.72879C16.045 5.72931 16.0421 5.72992 16.0257 5.72696C16.0175 5.72548 16.0062 5.72315 15.9917 5.71953C15.9844 5.71772 15.9764 5.71559 15.9677 5.71309C15.9633 5.71185 15.9587 5.71051 15.954 5.70907C15.9516 5.70835 15.9492 5.70761 15.9467 5.70684C15.9455 5.70646 15.9443 5.70607 15.943 5.70567C15.9424 5.70547 15.9414 5.70517 15.9411 5.70507C15.9402 5.70477 15.9392 5.70446 16.2444 4.75218C16.5496 3.79989 16.5487 3.79958 16.5477 3.79927C16.5474 3.79917 16.5464 3.79886 16.5458 3.79866C16.5444 3.79824 16.5431 3.79783 16.5418 3.79741C16.5391 3.79658 16.5364 3.79574 16.5336 3.79489C16.528 3.7932 16.5222 3.79149 16.5161 3.78976C16.504 3.7863 16.4909 3.78279 16.4769 3.77928C16.4489 3.77227 16.4171 3.76531 16.3817 3.7589C16.3106 3.74604 16.2252 3.73549 16.1254 3.7309C15.9251 3.7217 15.6716 3.73675 15.3635 3.80174C14.7489 3.93137 13.9257 4.25748 12.8665 4.97542L13.9887 6.63092ZM15.3144 5.11973C15.7484 6.21773 15.4631 6.9812 15.4207 7.08406L17.2695 7.84672C17.44 7.43342 17.8567 6.11088 17.1744 4.38463L15.3144 5.11973ZM15.6075 8.14059C16.1026 8.68151 16.4003 9.35763 16.4003 10.2177H18.4003C18.4003 8.83886 17.9024 7.68568 17.0827 6.79019L15.6075 8.14059ZM16.4003 10.2177C16.4003 11.9679 15.8787 12.8556 15.2738 13.3618C14.6197 13.9093 13.6931 14.1621 12.608 14.2828L12.8292 16.2705C14.0273 16.1372 15.4415 15.8295 16.5575 14.8955C17.7227 13.9203 18.4003 12.4055 18.4003 10.2177H16.4003ZM12.0645 16.0331C12.1668 16.1215 12.4142 16.4425 12.4142 17.1754H14.4142C14.4142 15.9955 14.0063 15.0682 13.3727 14.5203L12.0645 16.0331ZM12.4142 17.1754C12.4142 17.8586 12.4113 18.4753 12.4083 18.964C12.4054 19.4486 12.4023 19.8163 12.4023 19.9891H14.4023C14.4023 19.8243 14.4053 19.471 14.4083 18.9762C14.4112 18.4854 14.4142 17.8642 14.4142 17.1754H12.4142ZM12.4023 19.9891C12.4023 20.3273 12.5146 20.7752 12.8854 21.1137C13.288 21.4812 13.8127 21.5566 14.2969 21.4628L13.9164 19.4993C13.8928 19.5038 13.9252 19.4935 13.9942 19.5088C14.0687 19.5253 14.1561 19.5656 14.2339 19.6366C14.3824 19.7722 14.4023 19.9239 14.4023 19.9891H12.4023ZM14.4229 21.4297C18.8906 19.9403 22.1126 15.7248 22.1126 10.7532H20.1126C20.1126 14.8387 17.4657 18.3071 13.7904 19.5323L14.4229 21.4297ZM22.1126 10.7531C22.1124 4.53827 17.074 -0.5 10.8593 -0.5V1.5C15.9694 1.5 20.1124 5.64286 20.1126 10.7532L22.1126 10.7531ZM3.57529 14.8159C3.7377 14.4495 4.05709 14.3188 4.24101 14.2853C4.4344 14.25 4.60871 14.2854 4.74409 14.3499L3.8834 16.1552C4.09179 16.2546 4.34267 16.2997 4.60003 16.2528C4.84791 16.2075 5.21867 16.0437 5.40366 15.6264L3.57529 14.8159ZM4.72065 14.3391C4.84762 14.3956 4.98696 14.4991 5.08837 14.6683C5.18709 14.8331 5.29719 15.1624 5.12596 15.5254L3.31714 14.6721C3.1218 15.0861 3.24064 15.4758 3.37281 15.6963C3.50767 15.9214 3.70516 16.0762 3.90684 16.166L4.72065 14.3391ZM5.14374 15.4855C4.9863 15.8609 4.66098 15.9991 4.46786 16.034C4.27044 16.0696 4.09798 16.0312 3.97004 15.9705L4.82622 14.1631C4.62408 14.0673 4.37437 14.0185 4.11273 14.0657C3.85538 14.1122 3.47887 14.2839 3.29936 14.712L5.14374 15.4855ZM3.98949 15.9795C3.86339 15.9231 3.72364 15.8196 3.62204 15.6488C3.52272 15.4818 3.40902 15.1385 3.59847 14.767L5.38014 15.6756C5.59557 15.2532 5.47363 14.8494 5.34091 14.6263C5.2059 14.3993 5.00757 14.244 4.80677 14.1541L3.98949 15.9795ZM5.19641 15.9284L5.19658 15.9283L3.78237 14.514L3.7822 14.5142L5.19641 15.9284ZM4.22364 14.9523C4.51446 14.6818 4.85412 14.6904 5.02582 14.7291C5.20781 14.77 5.34502 14.864 5.43776 14.9667L3.95344 16.3072C4.11104 16.4817 4.32847 16.6221 4.58665 16.6803C4.83455 16.7361 5.24637 16.7325 5.58591 16.4167L4.22364 14.9523ZM5.42319 14.9509C5.51537 15.0487 5.60099 15.1938 5.6273 15.3842C5.65295 15.5699 5.62499 15.8988 5.34455 16.1582L3.98654 14.6899C3.65635 14.9953 3.6098 15.395 3.64611 15.6579C3.68307 15.9254 3.8086 16.1539 3.96801 16.323L5.42319 14.9509ZM5.33146 16.1701C5.04903 16.4222 4.72244 16.4201 4.54291 16.3793C4.361 16.3379 4.23139 16.2455 4.14849 16.1576L5.60367 14.7856C5.45354 14.6263 5.24396 14.4876 4.98624 14.429C4.7309 14.371 4.33266 14.3807 3.99963 14.678L5.33146 16.1701ZM4.14194 16.1506C4.05666 16.0584 3.97042 15.9162 3.94406 15.7235C3.91765 15.5305 3.95081 15.1973 4.23707 14.9404L5.57282 16.4289C5.91036 16.1261 5.96253 15.7224 5.9256 15.4525C5.88872 15.1828 5.76241 14.9571 5.61023 14.7926L4.14194 16.1506ZM5.61205 14.9776L5.61188 14.9774L4.19767 16.3916L4.19784 16.3918L5.61205 14.9776ZM4.73724 15.4546C5.06325 15.2273 5.3977 15.2872 5.55745 15.3494C5.72384 15.4141 5.83371 15.519 5.90059 15.6151L4.25941 16.7581C4.38979 16.9453 4.58285 17.1162 4.83227 17.2133C5.07505 17.3077 5.49235 17.3663 5.88119 17.0951L4.73724 15.4546ZM5.90395 15.6199C5.97268 15.7198 6.03397 15.8658 6.03308 16.0512C6.03221 16.2342 5.95879 16.5561 5.64192 16.7704L4.52148 15.1137C4.14008 15.3717 4.03441 15.7701 4.03311 16.0416C4.03179 16.3155 4.1245 16.5619 4.25605 16.7532L5.90395 15.6199ZM5.65056 16.7645C5.33331 16.9839 5.00602 16.9325 4.84059 16.8696C4.67218 16.8056 4.56266 16.7011 4.49718 16.6094L6.12464 15.4469C5.99464 15.2649 5.80218 15.0955 5.55113 15C5.30305 14.9058 4.89342 14.8564 4.51283 15.1196L5.65056 16.7645ZM4.48215 16.5878C4.4163 16.4902 4.3567 16.3472 4.35757 16.1648C4.35843 15.9849 4.42943 15.6679 4.73955 15.453L5.87888 17.0967C6.25318 16.8373 6.35627 16.4432 6.35755 16.1743C6.35884 15.9028 6.268 15.6586 6.13967 15.4685L4.48215 16.5878ZM5.12112 16.1749C5.3813 15.8871 5.71317 15.866 5.88673 15.8913C6.06751 15.9175 6.20289 15.9993 6.2931 16.0862L4.90566 17.5267C5.08349 17.698 5.3226 17.8303 5.59922 17.8705C5.86863 17.9096 6.28846 17.8659 6.60467 17.5162L5.12112 16.1749ZM6.27807 16.072C6.36664 16.1539 6.45438 16.2797 6.49247 16.4536C6.52906 16.6206 6.53277 16.9402 6.28099 17.2171L4.8013 15.8715C4.49332 16.2102 4.48141 16.6195 4.53879 16.8815C4.59768 17.1504 4.74264 17.3764 4.9207 17.5409L6.27807 16.072ZM6.2778 17.2206C6.0177 17.5039 5.6891 17.5236 5.51773 17.4986C5.3396 17.4726 5.20633 17.3925 5.11725 17.3077L6.49614 15.859C6.31893 15.6904 6.08141 15.5597 5.8068 15.5196C5.53895 15.4805 5.12163 15.5226 4.80449 15.868L6.2778 17.2206ZM5.12876 17.3185C5.0437 17.24 4.95355 17.1153 4.91434 16.937C4.87549 16.7604 4.87616 16.426 5.14632 16.1482L6.58014 17.5425C6.91024 17.2031 6.92737 16.7789 6.86765 16.5074C6.80756 16.2341 6.65916 16.0092 6.48462 15.8482L5.12876 17.3185ZM5.41602 15.9509L5.41568 15.9511L6.31011 17.7399L6.31045 17.7398L5.41602 15.9509ZM5.67199 16.88C5.78473 16.5172 6.06787 16.36 6.2279 16.3087C6.39422 16.2554 6.54261 16.2674 6.65341 16.3001L6.08771 18.2185C6.31481 18.2854 6.57892 18.2964 6.83811 18.2133C7.09101 18.1323 7.44419 17.9166 7.58189 17.4735L5.67199 16.88ZM6.66061 16.3023C6.77201 16.336 6.90382 16.4082 7.01409 16.5456C7.12087 16.6787 7.2686 16.9667 7.16215 17.3302L5.24278 16.768C5.11257 17.2126 5.28636 17.5881 5.45414 17.7973C5.6254 18.0107 5.85314 18.1474 6.08051 18.2163L6.66061 16.3023ZM7.16199 17.3307C7.05356 17.7002 6.76704 17.8626 6.60285 17.9156C6.43185 17.9707 6.27762 17.9576 6.16131 17.9213L6.75707 16.0121C6.52377 15.9393 6.25307 15.9269 5.98889 16.0121C5.73153 16.0952 5.37515 16.317 5.24294 16.7675L7.16199 17.3307ZM6.17043 17.9241C6.06001 17.8908 5.92725 17.8191 5.81588 17.6804C5.70682 17.5446 5.561 17.2556 5.66786 16.8936L7.58602 17.4599C7.71699 17.0163 7.54527 16.6398 7.37531 16.4281C7.20302 16.2136 6.97434 16.0776 6.74795 16.0093L6.17043 17.9241ZM6.46678 17.2722C6.45351 16.8832 6.67905 16.6366 6.82204 16.5342C6.96876 16.4291 7.11818 16.396 7.23493 16.3944L7.26282 18.3942C7.50131 18.3908 7.76084 18.3219 7.98651 18.1603C8.20844 18.0013 8.48178 17.6775 8.46562 17.2039L6.46678 17.2722ZM7.22537 16.3945C7.3481 16.3917 7.50101 16.422 7.65068 16.5229C7.79385 16.6195 8.02008 16.8518 8.0255 17.2311L6.0257 17.2596C6.03231 17.7221 6.3088 18.0303 6.53262 18.1812C6.76294 18.3365 7.02689 18.3998 7.27238 18.394L7.22537 16.3945ZM8.0256 17.2454C8.0256 17.6091 7.81754 17.8441 7.6715 17.9487C7.52465 18.0539 7.37631 18.0861 7.26402 18.0883L7.22524 16.0887C6.99036 16.0932 6.73251 16.1612 6.50679 16.3229C6.28189 16.484 6.0256 16.7962 6.0256 17.2454H8.0256ZM7.26276 18.0883C7.14217 18.0905 6.99064 18.0604 6.84142 17.9596C6.69787 17.8627 6.46637 17.6253 6.46637 17.2379H8.46637C8.46637 16.7668 8.18487 16.4536 7.96089 16.3023C7.73123 16.1472 7.46882 16.0843 7.2265 16.0886L7.26276 18.0883ZM6.75927 16.5308L6.7591 16.531L8.17331 17.9452L8.17348 17.945L6.75927 16.5308ZM7.26225 17.2799C7.19594 16.9059 7.37501 16.6348 7.49703 16.5135C7.62295 16.3882 7.76182 16.3325 7.87233 16.3119L8.23908 18.278C8.47066 18.2348 8.71242 18.1254 8.90731 17.9316C9.09831 17.7417 9.31244 17.387 9.23153 16.9307L7.26225 17.2799ZM7.87312 16.3118C7.99655 16.2888 8.15035 16.2958 8.31023 16.3689C8.46091 16.4377 8.72413 16.6259 8.79415 17.0002L6.82827 17.368C6.91358 17.8239 7.23962 18.0786 7.47901 18.188C7.72761 18.3015 7.99602 18.3231 8.2383 18.2781L7.87312 16.3118ZM8.79663 17.0139C8.86025 17.3823 8.68519 17.6508 8.56244 17.7732C8.43711 17.8981 8.29753 17.9552 8.18295 17.9763L7.82048 16.0094C7.58704 16.0525 7.34491 16.1629 7.1504 16.3568C6.95845 16.5482 6.74757 16.9013 6.8258 17.3542L8.79663 17.0139ZM8.17148 17.9784C8.0618 17.9973 7.9112 17.9939 7.7478 17.9191C7.58636 17.8452 7.33014 17.6519 7.26315 17.2849L9.23063 16.9257C9.14836 16.475 8.83016 16.215 8.58027 16.1006C8.3284 15.9853 8.06286 15.9676 7.83195 16.0074L8.17148 17.9784Z"
-              mask="url(#path-1-inside-1_1218_1523)"
-            />
-          </svg>
-          <a href="<%= link.URL -%>" target="_blank">github</a>
-        </div>
-      <%_ } %>
-      <%_ if (link.type === 'twitter') { -%>
-        <div class="aside__section__item">
-          <svg
-            xmlns="http://www.w3.org/2000/svg"
-            width="21"
-            height="21"
-            viewBox="0 0 21 21"
-            fill="none"
-            class="svg-fill"
-          >
-            <path
-              d="M6.93408 20.5C14.5275 20.5 18.6797 12.8041 18.6797 6.13165C18.6797 5.91314 18.6797 5.69511 18.6679 5.47833C19.4761 4.76356 20.1737 3.87806 20.7276 2.86366C19.9746 3.27269 19.1759 3.5404 18.3573 3.65956C19.2188 3.02762 19.8636 2.03476 20.1712 0.865523C19.3607 1.45391 18.474 1.86845 17.5492 2.09182C16.2702 0.427727 14.237 0.0199563 12.5901 1.09833C10.9439 2.17671 10.0934 4.4718 10.5152 6.69725C7.19628 6.49399 4.10326 4.57571 2.00765 1.42137C0.9101 3.72747 1.46878 6.68011 3.28206 8.16359C2.63 8.13655 1.99193 7.91915 1.42209 7.52992V7.59437C1.42209 9.99526 2.80323 12.0648 4.72639 12.5448C4.12497 12.747 3.47893 12.7766 2.86155 12.6302C3.40184 14.6886 4.95181 16.0996 6.7184 16.1401C5.25568 17.542 3.44979 18.3016 1.59108 18.2969C1.26191 18.2969 0.932736 18.2733 0.606079 18.2268C2.49371 19.7096 4.69008 20.4969 6.93392 20.4939"
-            />
-          </svg>
-          <a href="<%= link.URL -%>" target="_blank">twitter</a>
-        </div>
-      <%_ } %>
-      <%_ if (link.type === 'web') { -%>
-        <div class="aside__section__item">
-          <svg
-            xmlns="http://www.w3.org/2000/svg"
-            width="21"
-            height="21"
-            viewBox="0 0 21 21"
-            fill="none"
-            class="svg-fill"
-          >
-            <path
-              d="M20.0495 13.7905C20.4096 12.7597 20.6061 11.6522 20.6061 10.5002C20.6061 9.34807 20.4096 8.24118 20.0495 7.21039C20.041 7.17954 20.0303 7.14928 20.0178 7.12031C18.6291 3.26449 14.9347 0.5 10.6062 0.5C6.2776 0.5 2.5832 3.26435 1.19454 7.12031C1.18186 7.14913 1.17105 7.17954 1.16284 7.21039C0.802664 8.24118 0.606079 9.34807 0.606079 10.5002C0.606079 11.6522 0.802664 12.7597 1.16284 13.7905C1.17163 13.8213 1.18201 13.8516 1.19454 13.8806C2.58378 17.7364 6.2776 20.5009 10.6062 20.5009C14.9347 20.5009 18.6291 17.7365 20.0178 13.8806C20.0303 13.8516 20.041 13.8213 20.0495 13.7905ZM10.606 19.0672C10.2252 19.0672 9.6111 18.3779 9.09786 16.8382C8.85011 16.0952 8.65222 15.2408 8.50767 14.3118H12.7045C12.5604 15.241 12.362 16.0949 12.1143 16.8382C11.6009 18.3779 10.9868 19.0672 10.606 19.0672ZM8.33356 12.8782C8.26438 12.1139 8.22806 11.3164 8.22806 10.5002C8.22806 9.68403 8.26438 8.88701 8.33356 8.12271H12.8786C12.9473 8.88701 12.9837 9.68403 12.9837 10.5002C12.9837 11.3164 12.9473 12.1139 12.8786 12.8782H8.33356ZM2.03941 10.5002C2.03941 9.67567 2.15645 8.87778 2.37538 8.12271H6.89576C6.82859 8.90286 6.79458 9.70219 6.79458 10.5002C6.79458 11.2987 6.82859 12.098 6.89576 12.8782H2.37538C2.15645 12.1226 2.03941 11.3252 2.03941 10.5002ZM10.606 1.93363C10.9868 1.93363 11.6009 2.62298 12.1141 4.16269C12.3619 4.90566 12.5602 5.76004 12.7043 6.68908H8.50753C8.65165 5.75946 8.84997 4.90551 9.09772 4.16269C9.6111 2.62284 10.2252 1.93363 10.606 1.93363ZM14.3163 8.12271H18.8365C19.055 8.87764 19.1726 9.67567 19.1726 10.5002C19.1726 11.3252 19.055 12.1232 18.8365 12.8782H14.3163C14.3834 12.098 14.417 11.2987 14.417 10.5002C14.417 9.70219 14.3834 8.90286 14.3163 8.12271ZM18.2767 6.68922H14.1521C13.8968 4.93088 13.4596 3.3537 12.8459 2.23139C15.2248 2.87621 17.1959 4.523 18.2767 6.68922ZM8.36613 2.23125C7.75244 3.35356 7.31531 4.93074 7.05992 6.68908H2.9353C4.01611 4.523 5.98718 2.87621 8.36613 2.23125ZM2.93545 14.3116H7.06006C7.31531 16.07 7.75259 17.6472 8.36628 18.7695C5.98718 18.1241 4.01611 16.4779 2.93545 14.3116ZM12.8459 18.7695C13.4596 17.6472 13.8967 16.07 14.1521 14.3116H18.2767C17.1959 16.4779 15.2248 18.1241 12.8459 18.7695Z"
-            />
-          </svg>
-          <a href="<%= link.URL -%>" target="_blank"><%= link.type -%></a>
-        </div>
-      <%_ } %>
-      <%_ if (link.type === 'otros') { -%>
-        <div class="aside__section__item">
-          <svg
-            xmlns="http://www.w3.org/2000/svg"
-            width="21"
-            height="21"
-            viewBox="0 0 21 21"
-            fill="none"
-            class="svg-fill"
-          >
-            <path
-              d="M7.40295 9.87598H3.1842C1.7626 9.87598 0.606079 8.71945 0.606079 7.29785V3.0791C0.606079 1.6575 1.7626 0.500977 3.1842 0.500977H7.40295C8.82456 0.500977 9.98108 1.6575 9.98108 3.0791V7.29785C9.98108 8.71945 8.82456 9.87598 7.40295 9.87598ZM3.1842 1.75098C2.45186 1.75098 1.85608 2.34676 1.85608 3.0791V7.29785C1.85608 8.0302 2.45186 8.62598 3.1842 8.62598H7.40295C8.1353 8.62598 8.73108 8.0302 8.73108 7.29785V3.0791C8.73108 2.34676 8.1353 1.75098 7.40295 1.75098H3.1842Z"
-            />
-            <path
-              d="M18.028 9.87598H13.8092C12.3876 9.87598 11.2311 8.71945 11.2311 7.29785V3.0791C11.2311 1.6575 12.3876 0.500977 13.8092 0.500977H18.028C19.4496 0.500977 20.6061 1.6575 20.6061 3.0791V7.29785C20.6061 8.71945 19.4496 9.87598 18.028 9.87598ZM13.8092 1.75098C13.0769 1.75098 12.4811 2.34676 12.4811 3.0791V7.29785C12.4811 8.0302 13.0769 8.62598 13.8092 8.62598H18.028C18.7603 8.62598 19.3561 8.0302 19.3561 7.29785V3.0791C19.3561 2.34676 18.7603 1.75098 18.028 1.75098H13.8092Z"
-            />
-            <path
-              d="M15.9186 20.501C13.3339 20.501 11.2311 18.3982 11.2311 15.8135C11.2311 13.2288 13.3339 11.126 15.9186 11.126C18.5033 11.126 20.6061 13.2288 20.6061 15.8135C20.6061 18.3982 18.5033 20.501 15.9186 20.501ZM15.9186 12.376C14.0231 12.376 12.4811 13.918 12.4811 15.8135C12.4811 17.7089 14.0231 19.251 15.9186 19.251C17.814 19.251 19.3561 17.7089 19.3561 15.8135C19.3561 13.918 17.814 12.376 15.9186 12.376Z"
-            />
-            <path
-              d="M7.40295 20.501H3.1842C1.7626 20.501 0.606079 19.3445 0.606079 17.9229V13.7041C0.606079 12.2825 1.7626 11.126 3.1842 11.126H7.40295C8.82456 11.126 9.98108 12.2825 9.98108 13.7041V17.9229C9.98108 19.3445 8.82456 20.501 7.40295 20.501ZM3.1842 12.376C2.45186 12.376 1.85608 12.9718 1.85608 13.7041V17.9229C1.85608 18.6552 2.45186 19.251 3.1842 19.251H7.40295C8.1353 19.251 8.73108 18.6552 8.73108 17.9229V13.7041C8.73108 12.9718 8.1353 12.376 7.40295 12.376H3.1842Z"
-            />
-          </svg>
-          <a href="<%= link.URL -%>" target="_blank"><%= link.type -%></a>
-        </div>
-      <%_ } %>
-    <%_ } %>
-  </div>
-<%_ } -%>
diff --git a/packages/manfred2html/src/engine/template-b/html-parts/relevants-links-section/relevants-links-section.part.ts b/packages/manfred2html/src/engine/template-b/html-parts/relevants-links-section/relevants-links-section.part.ts
deleted file mode 100644
index 929d0526..00000000
--- a/packages/manfred2html/src/engine/template-b/html-parts/relevants-links-section/relevants-links-section.part.ts
+++ /dev/null
@@ -1,18 +0,0 @@
-import ejs from 'ejs';
-import { ManfredAwesomicCV } from '@/model';
-import { ProfileSectionVm, mapFromMacCvToProfileSectionVm } from '@lemoncode/manfred-common/profile-section';
-import relevantsLinksSection from './relevants-links-section.ejs?raw';
-
-export const generateRelevantsLinksSection = (cv: ManfredAwesomicCV): string => {
-  const profileSectionVm = mapFromMacCvToProfileSectionVm(cv);
-
-  return generateRelevantsLinksSectionInner(profileSectionVm);
-};
-
-const generateRelevantsLinksSectionInner = (profileSectionVm: ProfileSectionVm): string => {
-  const rootObject = {
-    profile: profileSectionVm,
-  };
-
-  return ejs.render(relevantsLinksSection, rootObject);
-};
diff --git a/packages/manfred2html/src/engine/template-b/html-parts/soft-skills-section/index.ts b/packages/manfred2html/src/engine/template-b/html-parts/soft-skills-section/index.ts
deleted file mode 100644
index caf64397..00000000
--- a/packages/manfred2html/src/engine/template-b/html-parts/soft-skills-section/index.ts
+++ /dev/null
@@ -1 +0,0 @@
-export * from './soft-skills-section.part';
diff --git a/packages/manfred2html/src/engine/template-b/html-parts/soft-skills-section/soft-skills-section.ejs b/packages/manfred2html/src/engine/template-b/html-parts/soft-skills-section/soft-skills-section.ejs
deleted file mode 100644
index 4595a44d..00000000
--- a/packages/manfred2html/src/engine/template-b/html-parts/soft-skills-section/soft-skills-section.ejs
+++ /dev/null
@@ -1,31 +0,0 @@
-<%_ if (softSkillsCollection && softSkillsCollection.length !== 0) { -%>
-    <div class="aside__section">
-      <div class="aside__section__header">
-        <svg
-          xmlns="http://www.w3.org/2000/svg"
-          width="21"
-          height="33"
-          viewBox="0 0 21 33"
-          fill="none"
-          class="svg-stroke"
-        >
-          <path
-            d="M19.6061 22.939C18.4811 24.2172 17.0964 25.2407 15.5444 25.9412C13.9924 26.6417 12.3088 27.003 10.6061 27.001M10.6061 27.001C8.90332 27.003 7.21973 26.6417 5.66772 25.9412C4.11571 25.2407 2.73101 24.2172 1.60608 22.939M10.6061 27.001V31.501M7.60608 31.501H13.6061M10.6061 1.50098C13.9198 1.50098 16.6061 4.18727 16.6061 7.50098V15.001C16.6061 18.3147 13.9198 21.001 10.6061 21.001C7.29237 21.001 4.60608 18.3147 4.60608 15.001V7.50098C4.60608 4.18727 7.29237 1.50098 10.6061 1.50098Z"
-            stroke-width="2.5"
-            stroke-linecap="round"
-            stroke-linejoin="round"
-          />
-        </svg>
-        <div>
-          <h3>SOFT SKILLS</h3>
-          <hr class="secondary-divider" />
-        </div>
-      </div>
-      <ul class="aside__section__list-items">
-        <%_ for (const item of softSkillsCollection) { -%>
-          <li><%- item.skill.name %></li>
-        <%_ } -%>
-      </ul>
-    </div>
-  <%_ } -%>
-  
\ No newline at end of file
diff --git a/packages/manfred2html/src/engine/template-b/html-parts/soft-skills-section/soft-skills-section.part.ts b/packages/manfred2html/src/engine/template-b/html-parts/soft-skills-section/soft-skills-section.part.ts
deleted file mode 100644
index 915d2484..00000000
--- a/packages/manfred2html/src/engine/template-b/html-parts/soft-skills-section/soft-skills-section.part.ts
+++ /dev/null
@@ -1,16 +0,0 @@
-import ejs from 'ejs';
-import { ManfredAwesomicCV } from '@/model';
-import { SoftSkillVM, mapFromCvToSoftSkillVm } from '@lemoncode/manfred-common/soft-skill-section';
-import softSkillsSection from './soft-skills-section.ejs?raw';
-
-export const generateSoftSkillsSection = (cv: ManfredAwesomicCV): string => {
-  const softSkillsSectionVm = mapFromCvToSoftSkillVm(cv);
-  return generateSoftSkillsSectionInner(softSkillsSectionVm);
-};
-
-const generateSoftSkillsSectionInner = (softSkillsSectionVm: SoftSkillVM[]): string => {
-  const rootObject = {
-    softSkillsCollection: softSkillsSectionVm,
-  };
-  return ejs.render(softSkillsSection, rootObject);
-};
diff --git a/packages/manfred2html/src/engine/template-b/html-parts/studies-section/index.ts b/packages/manfred2html/src/engine/template-b/html-parts/studies-section/index.ts
deleted file mode 100644
index bd83d5eb..00000000
--- a/packages/manfred2html/src/engine/template-b/html-parts/studies-section/index.ts
+++ /dev/null
@@ -1 +0,0 @@
-export * from './studies-section.part';
diff --git a/packages/manfred2html/src/engine/template-b/html-parts/studies-section/studies-section.ejs b/packages/manfred2html/src/engine/template-b/html-parts/studies-section/studies-section.ejs
deleted file mode 100644
index 0b56db2f..00000000
--- a/packages/manfred2html/src/engine/template-b/html-parts/studies-section/studies-section.ejs
+++ /dev/null
@@ -1,55 +0,0 @@
-<%_ if (studiesCollection && studiesCollection.length !== 0) { -%>
-    <section class="main__section">
-      <div class="main__section__header">
-        <h2>Educación</h2>
-        <hr class="secondary-divider" />
-      </div>
-      <%_ for (const study of studiesCollection) { -%>
-      <div class="main__section__item">
-        <div class="date date-desktop">
-          <p>Inicio: <b><%- study.startDate %></b></p>
-          <%_ if (study.finishDate || study.finishDate === 'Actualidad') { -%>            
-            <p>Fin: <b><%- study.finishDate %></b></p>
-            <%_ } -%>
-        </div>
-        <div class="line-icon">
-          <div class="circle"></div>
-          <hr class="line" />
-        </div>
-        <div class="section__content">
-          <div class="section__content__header">
-            <h3><%- study.name %></h3>
-            <%_ if (study.description) { -%>
-                <h4><%- study.description %></h4>
-                <%_ } -%>
-          </div>
-          <div class="date date-mobile">
-            <p>Inicio: <b><%- study.startDate %></b></p>
-            <%_ if (study.finishDate || study.finishDate === 'Actualidad') { -%>            
-              <p>Fin: <b><%- study.finishDate %></b></p>
-              <%_ } -%>            
-          </div>
-          <div class="data">
-            <p>Tipo de estudios: <b><%- study.studyType %></b></p>
-            <p>
-              Grado obtenido: <% if (study.degreeAchieved) { %>
-              <b>Obtenido</b>
-              <%} else { %>
-              <b>No obtenido</b>
-              <% } %>
-            </p>
-            <p>Nombre de la institución: <b><%- study.institution.name %></b></p>
-            <%_ if (study.location) { -%>
-            <p>
-              Ubicación de la institución:
-                <h4><%- study.description %></h4>                
-              <b><%- study.institution.location.region %> , <%- study.institution.location.country %> </b>
-            </p>
-            <%_ } -%>
-          </div>
-        </div>
-      </div>
-      <%_ } -%>
-    </section>
-    <%_ } -%>
-    
\ No newline at end of file
diff --git a/packages/manfred2html/src/engine/template-b/html-parts/studies-section/studies-section.part.ts b/packages/manfred2html/src/engine/template-b/html-parts/studies-section/studies-section.part.ts
deleted file mode 100644
index 512e6471..00000000
--- a/packages/manfred2html/src/engine/template-b/html-parts/studies-section/studies-section.part.ts
+++ /dev/null
@@ -1,18 +0,0 @@
-import ejs from 'ejs';
-import { StudiesSectionVm, mapFromMacCvToStudiesSectionVm } from '@lemoncode/manfred-common/studies-section';
-import { ManfredAwesomicCV } from '@/model';
-import studiesTemplate from './studies-section.ejs?raw';
-
-export const generateStudiesSection = (cv: ManfredAwesomicCV): string => {
-  const studiesSectionVm = mapFromMacCvToStudiesSectionVm(cv);
-
-  return generateStudiesSectionInner(studiesSectionVm);
-};
-
-const generateStudiesSectionInner = (studiesSectionVm: StudiesSectionVm[]): string => {
-  const rootObject = {
-    studiesCollection: studiesSectionVm,
-  };
-
-  return ejs.render(studiesTemplate, rootObject);
-};
diff --git a/packages/manfred2html/src/engine/template-b/index.ts b/packages/manfred2html/src/engine/template-b/index.ts
index 23ad27a0..096799bd 100644
--- a/packages/manfred2html/src/engine/template-b/index.ts
+++ b/packages/manfred2html/src/engine/template-b/index.ts
@@ -1,58 +1,7 @@
 import { ManfredAwesomicCV } from '@/model';
-import {
-  generateHtmlDocumentStart,
-  generateHtmlDocumentEnd,
-  generateHeaderElementStart,
-  generateHeaderElementEnd,
-  generateAboutMeSection,
-  generateAsideElementStart,
-  generateAsideElementEnd,
-  generateRelevantsLinksSection,
-  generateLanguageSection,
-  generateHardSkillsSection,
-  generateSoftSkillsSection,
-  generateMainElementStart,
-  generateMainElementEnd,
-  generateExperiencesSection,
-  generateStudiesSection,
-} from './html-parts';
-
-interface Settings {}
-export const exportManfredJSonToHTMLTemplateB = (
-  manfredJsonContent: ManfredAwesomicCV,
-  settings?: Settings
-): string => {
-  const htmlDocumentStart = generateHtmlDocumentStart();
-  const htmlDocumentEnd = generateHtmlDocumentEnd();
-  const headerElementStart = generateHeaderElementStart();
-  const headerElementEnd = generateHeaderElementEnd();
-  const aboutMeSection = generateAboutMeSection(manfredJsonContent);
-  const asideElementStart = generateAsideElementStart();
-  const asideElementEnd = generateAsideElementEnd();
-  const relevantsLinksSection = generateRelevantsLinksSection(manfredJsonContent);
-  const mainElementStart = generateMainElementStart();
-  const mainElementEnd = generateMainElementEnd();
-  const languageSection = generateLanguageSection(manfredJsonContent);
-  const hardSkillsSection = generateHardSkillsSection(manfredJsonContent);
-  const softSkillsSection = generateSoftSkillsSection(manfredJsonContent);
-  const experienceSection = generateExperiencesSection(manfredJsonContent);
-  const studiesSection = generateStudiesSection(manfredJsonContent);
 
+export const exportManfredJSonToHTMLTemplateB = (manfredJsonContent: ManfredAwesomicCV, theme?: string): string => {
   return `
-    ${htmlDocumentStart}
-      ${headerElementStart}
-        ${aboutMeSection}
-      ${headerElementEnd}
-      ${asideElementStart}
-        ${relevantsLinksSection}
-        ${languageSection}
-        ${hardSkillsSection}
-        ${softSkillsSection}
-      ${asideElementEnd}
-      ${mainElementStart}
-        ${experienceSection}
-        ${studiesSection}
-      ${mainElementEnd}
-    ${htmlDocumentEnd}
+   
   `;
 };

From 62016b7e94e03efa5e19109802078f8b74013ba3 Mon Sep 17 00:00:00 2001
From: migalko94 <miguelgalvezugr@gmail.com>
Date: Mon, 2 Oct 2023 14:17:28 +0200
Subject: [PATCH 27/63] adapt

---
 .../aside-element-end/aside-element-end.ejs   |  1 +
 .../aside-element-end.part.ts                 |  4 ++++
 .../html-parts/aside-element-end/index.ts     |  1 +
 .../aside-element-start.ejs                   |  1 +
 .../aside-element-start.part.ts               |  4 ++++
 .../html-parts/aside-element-start/index.ts   |  1 +
 .../html-document-end/html-document-end.ejs   |  3 +++
 .../html-document-end.part.ts                 |  4 ++++
 .../html-parts/html-document-end/index.ts     |  1 +
 .../html-document-start.part.ts               |  4 ++++
 .../html-parts/html-document-start/index.ts   |  1 +
 .../src/engine/template-b/html-parts/index.ts |  6 ++++++
 .../html-parts/main-element-end/index.ts      |  1 +
 .../main-element-end/main-element-end.ejs     |  1 +
 .../main-element-end/main-element-end.part.ts |  4 ++++
 .../html-parts/main-element-start/index.ts    |  1 +
 .../main-element-start/main-element-start.ejs |  1 +
 .../main-element-start.part.ts                |  4 ++++
 .../src/engine/template-b/index.ts            | 21 ++++++++++++++-----
 19 files changed, 59 insertions(+), 5 deletions(-)
 create mode 100644 packages/manfred2html/src/engine/template-b/html-parts/aside-element-end/aside-element-end.ejs
 create mode 100644 packages/manfred2html/src/engine/template-b/html-parts/aside-element-end/aside-element-end.part.ts
 create mode 100644 packages/manfred2html/src/engine/template-b/html-parts/aside-element-end/index.ts
 create mode 100644 packages/manfred2html/src/engine/template-b/html-parts/aside-element-start/aside-element-start.ejs
 create mode 100644 packages/manfred2html/src/engine/template-b/html-parts/aside-element-start/aside-element-start.part.ts
 create mode 100644 packages/manfred2html/src/engine/template-b/html-parts/aside-element-start/index.ts
 create mode 100644 packages/manfred2html/src/engine/template-b/html-parts/html-document-end/html-document-end.ejs
 create mode 100644 packages/manfred2html/src/engine/template-b/html-parts/html-document-end/html-document-end.part.ts
 create mode 100644 packages/manfred2html/src/engine/template-b/html-parts/html-document-end/index.ts
 create mode 100644 packages/manfred2html/src/engine/template-b/html-parts/html-document-start/html-document-start.part.ts
 create mode 100644 packages/manfred2html/src/engine/template-b/html-parts/html-document-start/index.ts
 create mode 100644 packages/manfred2html/src/engine/template-b/html-parts/index.ts
 create mode 100644 packages/manfred2html/src/engine/template-b/html-parts/main-element-end/index.ts
 create mode 100644 packages/manfred2html/src/engine/template-b/html-parts/main-element-end/main-element-end.ejs
 create mode 100644 packages/manfred2html/src/engine/template-b/html-parts/main-element-end/main-element-end.part.ts
 create mode 100644 packages/manfred2html/src/engine/template-b/html-parts/main-element-start/index.ts
 create mode 100644 packages/manfred2html/src/engine/template-b/html-parts/main-element-start/main-element-start.ejs
 create mode 100644 packages/manfred2html/src/engine/template-b/html-parts/main-element-start/main-element-start.part.ts

diff --git a/packages/manfred2html/src/engine/template-b/html-parts/aside-element-end/aside-element-end.ejs b/packages/manfred2html/src/engine/template-b/html-parts/aside-element-end/aside-element-end.ejs
new file mode 100644
index 00000000..0124ef29
--- /dev/null
+++ b/packages/manfred2html/src/engine/template-b/html-parts/aside-element-end/aside-element-end.ejs
@@ -0,0 +1 @@
+</aside>
diff --git a/packages/manfred2html/src/engine/template-b/html-parts/aside-element-end/aside-element-end.part.ts b/packages/manfred2html/src/engine/template-b/html-parts/aside-element-end/aside-element-end.part.ts
new file mode 100644
index 00000000..34639985
--- /dev/null
+++ b/packages/manfred2html/src/engine/template-b/html-parts/aside-element-end/aside-element-end.part.ts
@@ -0,0 +1,4 @@
+import ejs from 'ejs';
+import asideElementEndTemplate from './aside-element-end.ejs?raw';
+
+export const generateAsideElementEnd = (): string => ejs.render(asideElementEndTemplate);
diff --git a/packages/manfred2html/src/engine/template-b/html-parts/aside-element-end/index.ts b/packages/manfred2html/src/engine/template-b/html-parts/aside-element-end/index.ts
new file mode 100644
index 00000000..e1b267cb
--- /dev/null
+++ b/packages/manfred2html/src/engine/template-b/html-parts/aside-element-end/index.ts
@@ -0,0 +1 @@
+export * from './aside-element-end.part';
diff --git a/packages/manfred2html/src/engine/template-b/html-parts/aside-element-start/aside-element-start.ejs b/packages/manfred2html/src/engine/template-b/html-parts/aside-element-start/aside-element-start.ejs
new file mode 100644
index 00000000..fbfaf4bc
--- /dev/null
+++ b/packages/manfred2html/src/engine/template-b/html-parts/aside-element-start/aside-element-start.ejs
@@ -0,0 +1 @@
+<aside>
diff --git a/packages/manfred2html/src/engine/template-b/html-parts/aside-element-start/aside-element-start.part.ts b/packages/manfred2html/src/engine/template-b/html-parts/aside-element-start/aside-element-start.part.ts
new file mode 100644
index 00000000..ba0290d3
--- /dev/null
+++ b/packages/manfred2html/src/engine/template-b/html-parts/aside-element-start/aside-element-start.part.ts
@@ -0,0 +1,4 @@
+import ejs from 'ejs';
+import asideElementStartTemplate from './aside-element-start.ejs?raw';
+
+export const generateAsideElementStart = (): string => ejs.render(asideElementStartTemplate);
diff --git a/packages/manfred2html/src/engine/template-b/html-parts/aside-element-start/index.ts b/packages/manfred2html/src/engine/template-b/html-parts/aside-element-start/index.ts
new file mode 100644
index 00000000..b43ccc07
--- /dev/null
+++ b/packages/manfred2html/src/engine/template-b/html-parts/aside-element-start/index.ts
@@ -0,0 +1 @@
+export * from './aside-element-start.part';
diff --git a/packages/manfred2html/src/engine/template-b/html-parts/html-document-end/html-document-end.ejs b/packages/manfred2html/src/engine/template-b/html-parts/html-document-end/html-document-end.ejs
new file mode 100644
index 00000000..5b6e2d65
--- /dev/null
+++ b/packages/manfred2html/src/engine/template-b/html-parts/html-document-end/html-document-end.ejs
@@ -0,0 +1,3 @@
+    </div>
+  </body>
+</html>
diff --git a/packages/manfred2html/src/engine/template-b/html-parts/html-document-end/html-document-end.part.ts b/packages/manfred2html/src/engine/template-b/html-parts/html-document-end/html-document-end.part.ts
new file mode 100644
index 00000000..43b00dee
--- /dev/null
+++ b/packages/manfred2html/src/engine/template-b/html-parts/html-document-end/html-document-end.part.ts
@@ -0,0 +1,4 @@
+import ejs from 'ejs';
+import htmlDocumentEndTemplate from './html-document-end.ejs?raw';
+
+export const generateHtmlDocumentEnd = (): string => ejs.render(htmlDocumentEndTemplate);
diff --git a/packages/manfred2html/src/engine/template-b/html-parts/html-document-end/index.ts b/packages/manfred2html/src/engine/template-b/html-parts/html-document-end/index.ts
new file mode 100644
index 00000000..b8cab897
--- /dev/null
+++ b/packages/manfred2html/src/engine/template-b/html-parts/html-document-end/index.ts
@@ -0,0 +1 @@
+export * from './html-document-end.part';
diff --git a/packages/manfred2html/src/engine/template-b/html-parts/html-document-start/html-document-start.part.ts b/packages/manfred2html/src/engine/template-b/html-parts/html-document-start/html-document-start.part.ts
new file mode 100644
index 00000000..985cba7c
--- /dev/null
+++ b/packages/manfred2html/src/engine/template-b/html-parts/html-document-start/html-document-start.part.ts
@@ -0,0 +1,4 @@
+import ejs from 'ejs';
+import htmlDocumentStartTemplate from './html-document-start.ejs?raw';
+
+export const generateHtmlDocumentStart = (): string => ejs.render(htmlDocumentStartTemplate);
diff --git a/packages/manfred2html/src/engine/template-b/html-parts/html-document-start/index.ts b/packages/manfred2html/src/engine/template-b/html-parts/html-document-start/index.ts
new file mode 100644
index 00000000..d4b22932
--- /dev/null
+++ b/packages/manfred2html/src/engine/template-b/html-parts/html-document-start/index.ts
@@ -0,0 +1 @@
+export * from './html-document-start.part';
diff --git a/packages/manfred2html/src/engine/template-b/html-parts/index.ts b/packages/manfred2html/src/engine/template-b/html-parts/index.ts
new file mode 100644
index 00000000..bb772289
--- /dev/null
+++ b/packages/manfred2html/src/engine/template-b/html-parts/index.ts
@@ -0,0 +1,6 @@
+export * from './html-document-start';
+export * from './html-document-end';
+export * from './aside-element-start';
+export * from './aside-element-end';
+export * from './main-element-start';
+export * from './main-element-end';
diff --git a/packages/manfred2html/src/engine/template-b/html-parts/main-element-end/index.ts b/packages/manfred2html/src/engine/template-b/html-parts/main-element-end/index.ts
new file mode 100644
index 00000000..43da82c1
--- /dev/null
+++ b/packages/manfred2html/src/engine/template-b/html-parts/main-element-end/index.ts
@@ -0,0 +1 @@
+export * from './main-element-end.part';
diff --git a/packages/manfred2html/src/engine/template-b/html-parts/main-element-end/main-element-end.ejs b/packages/manfred2html/src/engine/template-b/html-parts/main-element-end/main-element-end.ejs
new file mode 100644
index 00000000..0f4bf453
--- /dev/null
+++ b/packages/manfred2html/src/engine/template-b/html-parts/main-element-end/main-element-end.ejs
@@ -0,0 +1 @@
+</main>
diff --git a/packages/manfred2html/src/engine/template-b/html-parts/main-element-end/main-element-end.part.ts b/packages/manfred2html/src/engine/template-b/html-parts/main-element-end/main-element-end.part.ts
new file mode 100644
index 00000000..ad9c1b96
--- /dev/null
+++ b/packages/manfred2html/src/engine/template-b/html-parts/main-element-end/main-element-end.part.ts
@@ -0,0 +1,4 @@
+import ejs from 'ejs';
+import mainElementEndTemplate from './main-element-end.ejs?raw';
+
+export const generateMainElementEnd = (): string => ejs.render(mainElementEndTemplate);
diff --git a/packages/manfred2html/src/engine/template-b/html-parts/main-element-start/index.ts b/packages/manfred2html/src/engine/template-b/html-parts/main-element-start/index.ts
new file mode 100644
index 00000000..5286e5ba
--- /dev/null
+++ b/packages/manfred2html/src/engine/template-b/html-parts/main-element-start/index.ts
@@ -0,0 +1 @@
+export * from './main-element-start.part';
diff --git a/packages/manfred2html/src/engine/template-b/html-parts/main-element-start/main-element-start.ejs b/packages/manfred2html/src/engine/template-b/html-parts/main-element-start/main-element-start.ejs
new file mode 100644
index 00000000..506713e2
--- /dev/null
+++ b/packages/manfred2html/src/engine/template-b/html-parts/main-element-start/main-element-start.ejs
@@ -0,0 +1 @@
+<main>
diff --git a/packages/manfred2html/src/engine/template-b/html-parts/main-element-start/main-element-start.part.ts b/packages/manfred2html/src/engine/template-b/html-parts/main-element-start/main-element-start.part.ts
new file mode 100644
index 00000000..0ebd42f9
--- /dev/null
+++ b/packages/manfred2html/src/engine/template-b/html-parts/main-element-start/main-element-start.part.ts
@@ -0,0 +1,4 @@
+import ejs from 'ejs';
+import mainElementStartTemplate from './main-element-start.ejs?raw';
+
+export const generateMainElementStart = (): string => ejs.render(mainElementStartTemplate);
diff --git a/packages/manfred2html/src/engine/template-b/index.ts b/packages/manfred2html/src/engine/template-b/index.ts
index a0f906c9..5013ffbf 100644
--- a/packages/manfred2html/src/engine/template-b/index.ts
+++ b/packages/manfred2html/src/engine/template-b/index.ts
@@ -1,16 +1,27 @@
 import { ManfredAwesomicCV } from '@/model';
 
+import {
+  generateHtmlDocumentStart,
+  generateHtmlDocumentEnd,
+  generateAsideElementStart,
+  generateAsideElementEnd,
+  generateMainElementStart,
+  generateMainElementEnd,
+} from './html-parts';
+
 export const exportManfredJSonToHTMLTemplateB = (manfredJsonContent: ManfredAwesomicCV, theme?: string): string => {
+  const htmlDocumentStart = generateHtmlDocumentStart();
+  const htmlDocumentEnd = generateHtmlDocumentEnd();
+  const asideElementStart = generateAsideElementStart();
+  const asideElementEnd = generateAsideElementEnd();
+  const mainElementStart = generateMainElementStart();
+  const mainElementEnd = generateMainElementEnd();
+
   return `
     ${htmlDocumentStart}
-      
       ${asideElementStart}
-      ${headerElementStart}
-       
-      ${headerElementEnd}
       ${asideElementEnd}
       ${mainElementStart}
-        
       ${mainElementEnd}
     ${htmlDocumentEnd}
   `;

From c60f5f6c36e3bee7aa955afee6eb98f2063a0010 Mon Sep 17 00:00:00 2001
From: migalko94 <miguelgalvezugr@gmail.com>
Date: Mon, 2 Oct 2023 16:32:53 +0200
Subject: [PATCH 28/63] adapt

---
 .../html-parts/header-element-end/header-element-end.ejs    | 1 +
 .../header-element-end/header-element-end.part.ts           | 4 ++++
 .../template-b/html-parts/header-element-end/index.ts       | 1 +
 .../header-element-start/header-element-start.ejs           | 1 +
 .../header-element-start/header-element-start.part.ts       | 4 ++++
 .../template-b/html-parts/header-element-start/index.ts     | 1 +
 .../manfred2html/src/engine/template-b/html-parts/index.ts  | 6 +++---
 7 files changed, 15 insertions(+), 3 deletions(-)
 create mode 100644 packages/manfred2html/src/engine/template-b/html-parts/header-element-end/header-element-end.ejs
 create mode 100644 packages/manfred2html/src/engine/template-b/html-parts/header-element-end/header-element-end.part.ts
 create mode 100644 packages/manfred2html/src/engine/template-b/html-parts/header-element-end/index.ts
 create mode 100644 packages/manfred2html/src/engine/template-b/html-parts/header-element-start/header-element-start.ejs
 create mode 100644 packages/manfred2html/src/engine/template-b/html-parts/header-element-start/header-element-start.part.ts
 create mode 100644 packages/manfred2html/src/engine/template-b/html-parts/header-element-start/index.ts

diff --git a/packages/manfred2html/src/engine/template-b/html-parts/header-element-end/header-element-end.ejs b/packages/manfred2html/src/engine/template-b/html-parts/header-element-end/header-element-end.ejs
new file mode 100644
index 00000000..9fca915f
--- /dev/null
+++ b/packages/manfred2html/src/engine/template-b/html-parts/header-element-end/header-element-end.ejs
@@ -0,0 +1 @@
+</header>
diff --git a/packages/manfred2html/src/engine/template-b/html-parts/header-element-end/header-element-end.part.ts b/packages/manfred2html/src/engine/template-b/html-parts/header-element-end/header-element-end.part.ts
new file mode 100644
index 00000000..8412032b
--- /dev/null
+++ b/packages/manfred2html/src/engine/template-b/html-parts/header-element-end/header-element-end.part.ts
@@ -0,0 +1,4 @@
+import ejs from 'ejs';
+import headerElementEndTemplate from './header-element-end.ejs?raw';
+
+export const generateHeaderElementEnd = (): string => ejs.render(headerElementEndTemplate);
diff --git a/packages/manfred2html/src/engine/template-b/html-parts/header-element-end/index.ts b/packages/manfred2html/src/engine/template-b/html-parts/header-element-end/index.ts
new file mode 100644
index 00000000..a3cb12e2
--- /dev/null
+++ b/packages/manfred2html/src/engine/template-b/html-parts/header-element-end/index.ts
@@ -0,0 +1 @@
+export * from './header-element-end.part';
diff --git a/packages/manfred2html/src/engine/template-b/html-parts/header-element-start/header-element-start.ejs b/packages/manfred2html/src/engine/template-b/html-parts/header-element-start/header-element-start.ejs
new file mode 100644
index 00000000..39ffd5ec
--- /dev/null
+++ b/packages/manfred2html/src/engine/template-b/html-parts/header-element-start/header-element-start.ejs
@@ -0,0 +1 @@
+<header>
diff --git a/packages/manfred2html/src/engine/template-b/html-parts/header-element-start/header-element-start.part.ts b/packages/manfred2html/src/engine/template-b/html-parts/header-element-start/header-element-start.part.ts
new file mode 100644
index 00000000..df24cee8
--- /dev/null
+++ b/packages/manfred2html/src/engine/template-b/html-parts/header-element-start/header-element-start.part.ts
@@ -0,0 +1,4 @@
+import ejs from 'ejs';
+import headerElementStartTemplate from './header-element-start.ejs?raw';
+
+export const generateHeaderElementStart = (): string => ejs.render(headerElementStartTemplate);
diff --git a/packages/manfred2html/src/engine/template-b/html-parts/header-element-start/index.ts b/packages/manfred2html/src/engine/template-b/html-parts/header-element-start/index.ts
new file mode 100644
index 00000000..9eca2091
--- /dev/null
+++ b/packages/manfred2html/src/engine/template-b/html-parts/header-element-start/index.ts
@@ -0,0 +1 @@
+export * from './header-element-start.part';
diff --git a/packages/manfred2html/src/engine/template-b/html-parts/index.ts b/packages/manfred2html/src/engine/template-b/html-parts/index.ts
index 8e587689..21b5ac87 100644
--- a/packages/manfred2html/src/engine/template-b/html-parts/index.ts
+++ b/packages/manfred2html/src/engine/template-b/html-parts/index.ts
@@ -1,9 +1,9 @@
 export * from './html-document-start';
 export * from './html-document-end';
-export * from './header-element-start';
-export * from './header-element-end';
-export * from './header-section';
 export * from './aside-element-start';
 export * from './aside-element-end';
 export * from './main-element-start';
 export * from './main-element-end';
+export * from './header-element-start';
+export * from './header-element-end';
+export * from './header-section';

From 9340bebac09547a11f185fcd0b1f6bbff030947e Mon Sep 17 00:00:00 2001
From: migalko94 <miguelgalvezugr@gmail.com>
Date: Mon, 2 Oct 2023 17:16:20 +0200
Subject: [PATCH 29/63] adapt

---
 .../src/engine/template-b/html-parts/index.ts |  1 +
 .../relevants-links-section/index.ts          |  1 +
 .../relevants-links-section.ejs               | 46 +++++++++----------
 .../relevants-links-section.part.ts           | 18 ++++++++
 .../src/engine/template-b/index.ts            |  2 +
 5 files changed, 45 insertions(+), 23 deletions(-)
 create mode 100644 packages/manfred2html/src/engine/template-b/html-parts/relevants-links-section/index.ts
 create mode 100644 packages/manfred2html/src/engine/template-b/html-parts/relevants-links-section/relevants-links-section.part.ts

diff --git a/packages/manfred2html/src/engine/template-b/html-parts/index.ts b/packages/manfred2html/src/engine/template-b/html-parts/index.ts
index 21b5ac87..cc491812 100644
--- a/packages/manfred2html/src/engine/template-b/html-parts/index.ts
+++ b/packages/manfred2html/src/engine/template-b/html-parts/index.ts
@@ -7,3 +7,4 @@ export * from './main-element-end';
 export * from './header-element-start';
 export * from './header-element-end';
 export * from './header-section';
+export * from './relevants-links-section';
diff --git a/packages/manfred2html/src/engine/template-b/html-parts/relevants-links-section/index.ts b/packages/manfred2html/src/engine/template-b/html-parts/relevants-links-section/index.ts
new file mode 100644
index 00000000..12fe55f6
--- /dev/null
+++ b/packages/manfred2html/src/engine/template-b/html-parts/relevants-links-section/index.ts
@@ -0,0 +1 @@
+export * from './relevants-links-section.part';
diff --git a/packages/manfred2html/src/engine/template-b/html-parts/relevants-links-section/relevants-links-section.ejs b/packages/manfred2html/src/engine/template-b/html-parts/relevants-links-section/relevants-links-section.ejs
index f2bb3fc0..85834f3d 100644
--- a/packages/manfred2html/src/engine/template-b/html-parts/relevants-links-section/relevants-links-section.ejs
+++ b/packages/manfred2html/src/engine/template-b/html-parts/relevants-links-section/relevants-links-section.ejs
@@ -32,29 +32,6 @@
           <a href="#" target="_blank">Linkedin</a>
         </div>
       <%_ } -%>
-      <%_ if (link.type === 'twitter') { -%>
-        <div class="aside__section__item">
-          <svg
-            xmlns="http://www.w3.org/2000/svg"
-            width="14"
-            height="15"
-            viewBox="0 0 14 15"
-            fill="none"
-          >
-            <path
-              d="M10.4626 11.2442H9.22283L3.55665 3.71839H4.82549L10.4626 11.2442Z"
-              fill="#FBFBFA"
-            />
-            <path
-              fill-rule="evenodd"
-              clip-rule="evenodd"
-              d="M7 0.5C10.866 0.5 14 3.63402 14 7.5C14 11.366 10.866 14.5 7 14.5C3.13401 14.5 0 11.366 0 7.5C0 3.63402 3.13401 0.5 7 0.5ZM8.89353 11.8545H11.5958L7.83379 6.84406L11.276 3.14674H10.5304L7.49777 6.39625L5.05809 3.14674H2.40417L6.01222 7.98825L2.40417 11.8545H3.16915L6.34874 8.43958L8.89353 11.8545Z"
-              fill="#FBFBFA"
-            />
-          </svg>
-          <a href="#" target="_blank">Twitter</a>
-        </div>
-      <%_ } %>
       <%_ if (link.type === 'github') { -%>
         <div class="aside__section__item">
           <svg
@@ -84,6 +61,29 @@
           <a href="#" target="_blank">GitHub</a>
         </div>
       <%_ } %>
+      <%_ if (link.type === 'twitter') { -%>
+        <div class="aside__section__item">
+          <svg
+            xmlns="http://www.w3.org/2000/svg"
+            width="14"
+            height="15"
+            viewBox="0 0 14 15"
+            fill="none"
+          >
+            <path
+              d="M10.4626 11.2442H9.22283L3.55665 3.71839H4.82549L10.4626 11.2442Z"
+              fill="#FBFBFA"
+            />
+            <path
+              fill-rule="evenodd"
+              clip-rule="evenodd"
+              d="M7 0.5C10.866 0.5 14 3.63402 14 7.5C14 11.366 10.866 14.5 7 14.5C3.13401 14.5 0 11.366 0 7.5C0 3.63402 3.13401 0.5 7 0.5ZM8.89353 11.8545H11.5958L7.83379 6.84406L11.276 3.14674H10.5304L7.49777 6.39625L5.05809 3.14674H2.40417L6.01222 7.98825L2.40417 11.8545H3.16915L6.34874 8.43958L8.89353 11.8545Z"
+              fill="#FBFBFA"
+            />
+          </svg>
+          <a href="#" target="_blank">Twitter</a>
+        </div>
+      <%_ } %>
       <%_ if (link.type === 'web') { -%>
         <div class="aside__section__item">
           <svg
diff --git a/packages/manfred2html/src/engine/template-b/html-parts/relevants-links-section/relevants-links-section.part.ts b/packages/manfred2html/src/engine/template-b/html-parts/relevants-links-section/relevants-links-section.part.ts
new file mode 100644
index 00000000..929d0526
--- /dev/null
+++ b/packages/manfred2html/src/engine/template-b/html-parts/relevants-links-section/relevants-links-section.part.ts
@@ -0,0 +1,18 @@
+import ejs from 'ejs';
+import { ManfredAwesomicCV } from '@/model';
+import { ProfileSectionVm, mapFromMacCvToProfileSectionVm } from '@lemoncode/manfred-common/profile-section';
+import relevantsLinksSection from './relevants-links-section.ejs?raw';
+
+export const generateRelevantsLinksSection = (cv: ManfredAwesomicCV): string => {
+  const profileSectionVm = mapFromMacCvToProfileSectionVm(cv);
+
+  return generateRelevantsLinksSectionInner(profileSectionVm);
+};
+
+const generateRelevantsLinksSectionInner = (profileSectionVm: ProfileSectionVm): string => {
+  const rootObject = {
+    profile: profileSectionVm,
+  };
+
+  return ejs.render(relevantsLinksSection, rootObject);
+};
diff --git a/packages/manfred2html/src/engine/template-b/index.ts b/packages/manfred2html/src/engine/template-b/index.ts
index ea734d79..b6aa1b51 100644
--- a/packages/manfred2html/src/engine/template-b/index.ts
+++ b/packages/manfred2html/src/engine/template-b/index.ts
@@ -10,6 +10,7 @@ import {
   generateAsideElementEnd,
   generateMainElementStart,
   generateMainElementEnd,
+  generateRelevantsLinksSection,
 } from './html-parts';
 
 export const exportManfredJSonToHTMLTemplateB = (manfredJsonContent: ManfredAwesomicCV, theme?: string): string => {
@@ -17,6 +18,7 @@ export const exportManfredJSonToHTMLTemplateB = (manfredJsonContent: ManfredAwes
   const htmlDocumentEnd = generateHtmlDocumentEnd();
   const headerElementStart = generateHeaderElementStart();
   const headerElementEnd = generateHeaderElementEnd();
+  const relevantsLinksSection = generateRelevantsLinksSection(manfredJsonContent);
   const headerSection = generateHeaderSection(manfredJsonContent);
   const asideElementStart = generateAsideElementStart();
   const asideElementEnd = generateAsideElementEnd();

From d2fbeb73b3a1458587d49a8b8cc2545973d198a1 Mon Sep 17 00:00:00 2001
From: migalko94 <miguelgalvezugr@gmail.com>
Date: Mon, 2 Oct 2023 17:48:17 +0200
Subject: [PATCH 30/63] adapt

---
 .../src/engine/template-b/html-parts/index.ts    |  1 +
 .../html-parts/language-section/index.ts         |  1 +
 .../language-section/language-section.part.ts    | 16 ++++++++++++++++
 .../manfred2html/src/engine/template-b/index.ts  |  4 +++-
 4 files changed, 21 insertions(+), 1 deletion(-)
 create mode 100644 packages/manfred2html/src/engine/template-b/html-parts/language-section/index.ts
 create mode 100644 packages/manfred2html/src/engine/template-b/html-parts/language-section/language-section.part.ts

diff --git a/packages/manfred2html/src/engine/template-b/html-parts/index.ts b/packages/manfred2html/src/engine/template-b/html-parts/index.ts
index cc491812..c18715f3 100644
--- a/packages/manfred2html/src/engine/template-b/html-parts/index.ts
+++ b/packages/manfred2html/src/engine/template-b/html-parts/index.ts
@@ -8,3 +8,4 @@ export * from './header-element-start';
 export * from './header-element-end';
 export * from './header-section';
 export * from './relevants-links-section';
+export * from './language-section';
diff --git a/packages/manfred2html/src/engine/template-b/html-parts/language-section/index.ts b/packages/manfred2html/src/engine/template-b/html-parts/language-section/index.ts
new file mode 100644
index 00000000..c79bff55
--- /dev/null
+++ b/packages/manfred2html/src/engine/template-b/html-parts/language-section/index.ts
@@ -0,0 +1 @@
+export * from './language-section.part';
diff --git a/packages/manfred2html/src/engine/template-b/html-parts/language-section/language-section.part.ts b/packages/manfred2html/src/engine/template-b/html-parts/language-section/language-section.part.ts
new file mode 100644
index 00000000..f27fbf9b
--- /dev/null
+++ b/packages/manfred2html/src/engine/template-b/html-parts/language-section/language-section.part.ts
@@ -0,0 +1,16 @@
+import ejs from 'ejs';
+import { ManfredAwesomicCV } from '@/model';
+import { LanguageVm, mapFromCvToLanguageVm } from '@lemoncode/manfred-common/language-section'
+import languageSection from './language-section.ejs?raw';
+
+export const generateLanguageSection = (cv: ManfredAwesomicCV): string => {
+  const languageSectionVm = mapFromCvToLanguageVm(cv);
+  return generateLanguageSectionInner(languageSectionVm);
+};
+
+const generateLanguageSectionInner = (languageSectionVm: LanguageVm[]): string => {
+  const rootObject = {
+    languageCollection: languageSectionVm,
+  }
+  return ejs.render(languageSection, rootObject)
+};
diff --git a/packages/manfred2html/src/engine/template-b/index.ts b/packages/manfred2html/src/engine/template-b/index.ts
index 97c127eb..fe1e63a1 100644
--- a/packages/manfred2html/src/engine/template-b/index.ts
+++ b/packages/manfred2html/src/engine/template-b/index.ts
@@ -11,6 +11,7 @@ import {
   generateMainElementStart,
   generateMainElementEnd,
   generateRelevantsLinksSection,
+  generateLanguageSection,
 } from './html-parts';
 
 export const exportManfredJSonToHTMLTemplateB = (manfredJsonContent: ManfredAwesomicCV, theme?: string): string => {
@@ -18,8 +19,9 @@ export const exportManfredJSonToHTMLTemplateB = (manfredJsonContent: ManfredAwes
   const htmlDocumentEnd = generateHtmlDocumentEnd();
   const headerElementStart = generateHeaderElementStart();
   const headerElementEnd = generateHeaderElementEnd();
-  const relevantsLinksSection = generateRelevantsLinksSection(manfredJsonContent);
   const headerSection = generateHeaderSection(manfredJsonContent);
+  const relevantsLinksSection = generateRelevantsLinksSection(manfredJsonContent);
+  const languageSection = generateLanguageSection(manfredJsonContent);
   const asideElementStart = generateAsideElementStart();
   const asideElementEnd = generateAsideElementEnd();
   const mainElementStart = generateMainElementStart();

From c5708013b2a78092c1979f001b19de7b9f4b421a Mon Sep 17 00:00:00 2001
From: migalko94 <miguelgalvezugr@gmail.com>
Date: Tue, 3 Oct 2023 09:42:16 +0200
Subject: [PATCH 31/63] adapt

---
 .../hard-skills-section.part.ts                  | 16 ++++++++++++++++
 .../html-parts/hard-skills-section/index.ts      |  1 +
 .../src/engine/template-b/html-parts/index.ts    |  1 +
 .../manfred2html/src/engine/template-b/index.ts  |  2 ++
 4 files changed, 20 insertions(+)
 create mode 100644 packages/manfred2html/src/engine/template-b/html-parts/hard-skills-section/hard-skills-section.part.ts
 create mode 100644 packages/manfred2html/src/engine/template-b/html-parts/hard-skills-section/index.ts

diff --git a/packages/manfred2html/src/engine/template-b/html-parts/hard-skills-section/hard-skills-section.part.ts b/packages/manfred2html/src/engine/template-b/html-parts/hard-skills-section/hard-skills-section.part.ts
new file mode 100644
index 00000000..d5979773
--- /dev/null
+++ b/packages/manfred2html/src/engine/template-b/html-parts/hard-skills-section/hard-skills-section.part.ts
@@ -0,0 +1,16 @@
+import ejs from 'ejs';
+import { ManfredAwesomicCV } from '@/model';
+import { HardSkillVM, mapFromCvToHardSkillVm } from '@lemoncode/manfred-common/hard-skill-section';
+import hardSkillsSection from './hard-skills-section.ejs?raw';
+
+export const generateHardSkillsSection = (cv: ManfredAwesomicCV): string => {
+  const hardSkillsSectionVm = mapFromCvToHardSkillVm(cv);
+  return generateHardSkillsSectionInner(hardSkillsSectionVm);
+};
+
+const generateHardSkillsSectionInner = (hardSkillsSectionVm: HardSkillVM[]): string => {
+  const rootObject = {
+    hardSkillsCollection: hardSkillsSectionVm,
+  };
+  return ejs.render(hardSkillsSection, rootObject);
+};
diff --git a/packages/manfred2html/src/engine/template-b/html-parts/hard-skills-section/index.ts b/packages/manfred2html/src/engine/template-b/html-parts/hard-skills-section/index.ts
new file mode 100644
index 00000000..8f718aca
--- /dev/null
+++ b/packages/manfred2html/src/engine/template-b/html-parts/hard-skills-section/index.ts
@@ -0,0 +1 @@
+export * from './hard-skills-section.part';
diff --git a/packages/manfred2html/src/engine/template-b/html-parts/index.ts b/packages/manfred2html/src/engine/template-b/html-parts/index.ts
index c18715f3..547bff28 100644
--- a/packages/manfred2html/src/engine/template-b/html-parts/index.ts
+++ b/packages/manfred2html/src/engine/template-b/html-parts/index.ts
@@ -9,3 +9,4 @@ export * from './header-element-end';
 export * from './header-section';
 export * from './relevants-links-section';
 export * from './language-section';
+export * from './hard-skills-section';
diff --git a/packages/manfred2html/src/engine/template-b/index.ts b/packages/manfred2html/src/engine/template-b/index.ts
index 3bacb297..d21d1320 100644
--- a/packages/manfred2html/src/engine/template-b/index.ts
+++ b/packages/manfred2html/src/engine/template-b/index.ts
@@ -12,6 +12,7 @@ import {
   generateMainElementEnd,
   generateRelevantsLinksSection,
   generateLanguageSection,
+  generateHardSkillsSection,
 } from './html-parts';
 
 export const exportManfredJSonToHTMLTemplateB = (manfredJsonContent: ManfredAwesomicCV, theme?: string): string => {
@@ -21,6 +22,7 @@ export const exportManfredJSonToHTMLTemplateB = (manfredJsonContent: ManfredAwes
   const headerElementEnd = generateHeaderElementEnd();
   const headerSection = generateHeaderSection(manfredJsonContent);
   const relevantsLinksSection = generateRelevantsLinksSection(manfredJsonContent);
+  const hardSkillsSection = generateHardSkillsSection(manfredJsonContent);
   const languageSection = generateLanguageSection(manfredJsonContent);
   const asideElementStart = generateAsideElementStart();
   const asideElementEnd = generateAsideElementEnd();

From 2290664195106ec4bd7b10528c78a1095ceac41b Mon Sep 17 00:00:00 2001
From: migalko94 <miguelgalvezugr@gmail.com>
Date: Tue, 3 Oct 2023 10:00:25 +0200
Subject: [PATCH 32/63] adapt

---
 .../src/engine/template-b/html-parts/index.ts    |  1 +
 .../html-parts/soft-skills-section/index.ts      |  1 +
 .../soft-skills-section.part.ts                  | 16 ++++++++++++++++
 .../manfred2html/src/engine/template-b/index.ts  |  2 ++
 4 files changed, 20 insertions(+)
 create mode 100644 packages/manfred2html/src/engine/template-b/html-parts/soft-skills-section/index.ts
 create mode 100644 packages/manfred2html/src/engine/template-b/html-parts/soft-skills-section/soft-skills-section.part.ts

diff --git a/packages/manfred2html/src/engine/template-b/html-parts/index.ts b/packages/manfred2html/src/engine/template-b/html-parts/index.ts
index 547bff28..7343beeb 100644
--- a/packages/manfred2html/src/engine/template-b/html-parts/index.ts
+++ b/packages/manfred2html/src/engine/template-b/html-parts/index.ts
@@ -10,3 +10,4 @@ export * from './header-section';
 export * from './relevants-links-section';
 export * from './language-section';
 export * from './hard-skills-section';
+export * from './soft-skills-section';
diff --git a/packages/manfred2html/src/engine/template-b/html-parts/soft-skills-section/index.ts b/packages/manfred2html/src/engine/template-b/html-parts/soft-skills-section/index.ts
new file mode 100644
index 00000000..caf64397
--- /dev/null
+++ b/packages/manfred2html/src/engine/template-b/html-parts/soft-skills-section/index.ts
@@ -0,0 +1 @@
+export * from './soft-skills-section.part';
diff --git a/packages/manfred2html/src/engine/template-b/html-parts/soft-skills-section/soft-skills-section.part.ts b/packages/manfred2html/src/engine/template-b/html-parts/soft-skills-section/soft-skills-section.part.ts
new file mode 100644
index 00000000..915d2484
--- /dev/null
+++ b/packages/manfred2html/src/engine/template-b/html-parts/soft-skills-section/soft-skills-section.part.ts
@@ -0,0 +1,16 @@
+import ejs from 'ejs';
+import { ManfredAwesomicCV } from '@/model';
+import { SoftSkillVM, mapFromCvToSoftSkillVm } from '@lemoncode/manfred-common/soft-skill-section';
+import softSkillsSection from './soft-skills-section.ejs?raw';
+
+export const generateSoftSkillsSection = (cv: ManfredAwesomicCV): string => {
+  const softSkillsSectionVm = mapFromCvToSoftSkillVm(cv);
+  return generateSoftSkillsSectionInner(softSkillsSectionVm);
+};
+
+const generateSoftSkillsSectionInner = (softSkillsSectionVm: SoftSkillVM[]): string => {
+  const rootObject = {
+    softSkillsCollection: softSkillsSectionVm,
+  };
+  return ejs.render(softSkillsSection, rootObject);
+};
diff --git a/packages/manfred2html/src/engine/template-b/index.ts b/packages/manfred2html/src/engine/template-b/index.ts
index 7bf07b34..e3dee43b 100644
--- a/packages/manfred2html/src/engine/template-b/index.ts
+++ b/packages/manfred2html/src/engine/template-b/index.ts
@@ -13,6 +13,7 @@ import {
   generateRelevantsLinksSection,
   generateLanguageSection,
   generateHardSkillsSection,
+  generateSoftSkillsSection,
 } from './html-parts';
 
 export const exportManfredJSonToHTMLTemplateB = (manfredJsonContent: ManfredAwesomicCV, theme?: string): string => {
@@ -23,6 +24,7 @@ export const exportManfredJSonToHTMLTemplateB = (manfredJsonContent: ManfredAwes
   const headerSection = generateHeaderSection(manfredJsonContent);
   const relevantsLinksSection = generateRelevantsLinksSection(manfredJsonContent);
   const hardSkillsSection = generateHardSkillsSection(manfredJsonContent);
+  const softSkillsSection = generateSoftSkillsSection(manfredJsonContent);
   const languageSection = generateLanguageSection(manfredJsonContent);
   const asideElementStart = generateAsideElementStart();
   const asideElementEnd = generateAsideElementEnd();

From 704ee13064e308de149f2787aff4274a0200fd4f Mon Sep 17 00:00:00 2001
From: migalko94 <miguelgalvezugr@gmail.com>
Date: Tue, 3 Oct 2023 10:22:12 +0200
Subject: [PATCH 33/63] adapt

---
 .../manfred2html/src/engine/template-b/html-parts/index.ts     | 1 +
 packages/manfred2html/src/engine/template-b/index.ts           | 3 +++
 2 files changed, 4 insertions(+)

diff --git a/packages/manfred2html/src/engine/template-b/html-parts/index.ts b/packages/manfred2html/src/engine/template-b/html-parts/index.ts
index 7343beeb..436f018a 100644
--- a/packages/manfred2html/src/engine/template-b/html-parts/index.ts
+++ b/packages/manfred2html/src/engine/template-b/html-parts/index.ts
@@ -11,3 +11,4 @@ export * from './relevants-links-section';
 export * from './language-section';
 export * from './hard-skills-section';
 export * from './soft-skills-section';
+export * from './about-me-section';
diff --git a/packages/manfred2html/src/engine/template-b/index.ts b/packages/manfred2html/src/engine/template-b/index.ts
index e3dee43b..b9d742aa 100644
--- a/packages/manfred2html/src/engine/template-b/index.ts
+++ b/packages/manfred2html/src/engine/template-b/index.ts
@@ -14,6 +14,7 @@ import {
   generateLanguageSection,
   generateHardSkillsSection,
   generateSoftSkillsSection,
+  generateAboutMeSection,
 } from './html-parts';
 
 export const exportManfredJSonToHTMLTemplateB = (manfredJsonContent: ManfredAwesomicCV, theme?: string): string => {
@@ -30,6 +31,7 @@ export const exportManfredJSonToHTMLTemplateB = (manfredJsonContent: ManfredAwes
   const asideElementEnd = generateAsideElementEnd();
   const mainElementStart = generateMainElementStart();
   const mainElementEnd = generateMainElementEnd();
+  const aboutMeSection = generateAboutMeSection(manfredJsonContent);
 
   return `
     ${htmlDocumentStart}
@@ -43,6 +45,7 @@ export const exportManfredJSonToHTMLTemplateB = (manfredJsonContent: ManfredAwes
       ${softSkillsSection}
       ${asideElementEnd}
       ${mainElementStart}
+      ${aboutMeSection}
       ${mainElementEnd}
     ${htmlDocumentEnd}
   `;

From ae71241ca8e2e1c460ca19717d04260b448e2635 Mon Sep 17 00:00:00 2001
From: migalko94 <miguelgalvezugr@gmail.com>
Date: Tue, 3 Oct 2023 10:36:30 +0200
Subject: [PATCH 34/63] adapt

---
 .../experience-section.part.ts                 | 18 ++++++++++++++++++
 .../html-parts/experience-section/index.ts     |  1 +
 .../src/engine/template-b/html-parts/index.ts  |  1 +
 .../src/engine/template-b/index.ts             |  2 ++
 4 files changed, 22 insertions(+)
 create mode 100644 packages/manfred2html/src/engine/template-b/html-parts/experience-section/experience-section.part.ts
 create mode 100644 packages/manfred2html/src/engine/template-b/html-parts/experience-section/index.ts

diff --git a/packages/manfred2html/src/engine/template-b/html-parts/experience-section/experience-section.part.ts b/packages/manfred2html/src/engine/template-b/html-parts/experience-section/experience-section.part.ts
new file mode 100644
index 00000000..fc8140f3
--- /dev/null
+++ b/packages/manfred2html/src/engine/template-b/html-parts/experience-section/experience-section.part.ts
@@ -0,0 +1,18 @@
+import ejs from 'ejs';
+import { ExperienceVm, mapFromMacCvToExperienceSectionVm } from '@lemoncode/manfred-common/experience-section';
+import { ManfredAwesomicCV } from '@/model';
+import experienceTemplate from './experience-section.ejs?raw';
+
+export const generateExperiencesSection = (cv: ManfredAwesomicCV): string => {
+  const experienceSectionVm = mapFromMacCvToExperienceSectionVm(cv);
+
+  return generateExperienceSectionInner(experienceSectionVm);
+};
+
+const generateExperienceSectionInner = (experienceSectionVm: ExperienceVm[]): string => {
+  const rootObject = {
+    experienceCollection: experienceSectionVm,
+  };
+
+  return ejs.render(experienceTemplate, rootObject);
+};
diff --git a/packages/manfred2html/src/engine/template-b/html-parts/experience-section/index.ts b/packages/manfred2html/src/engine/template-b/html-parts/experience-section/index.ts
new file mode 100644
index 00000000..03b6e599
--- /dev/null
+++ b/packages/manfred2html/src/engine/template-b/html-parts/experience-section/index.ts
@@ -0,0 +1 @@
+export* from './experience-section.part';
diff --git a/packages/manfred2html/src/engine/template-b/html-parts/index.ts b/packages/manfred2html/src/engine/template-b/html-parts/index.ts
index 436f018a..917e15fc 100644
--- a/packages/manfred2html/src/engine/template-b/html-parts/index.ts
+++ b/packages/manfred2html/src/engine/template-b/html-parts/index.ts
@@ -12,3 +12,4 @@ export * from './language-section';
 export * from './hard-skills-section';
 export * from './soft-skills-section';
 export * from './about-me-section';
+export * from './experience-section';
diff --git a/packages/manfred2html/src/engine/template-b/index.ts b/packages/manfred2html/src/engine/template-b/index.ts
index 5dc2a6ce..8ad80fb2 100644
--- a/packages/manfred2html/src/engine/template-b/index.ts
+++ b/packages/manfred2html/src/engine/template-b/index.ts
@@ -15,6 +15,7 @@ import {
   generateHardSkillsSection,
   generateSoftSkillsSection,
   generateAboutMeSection,
+  generateExperiencesSection,
 } from './html-parts';
 
 export const exportManfredJSonToHTMLTemplateB = (manfredJsonContent: ManfredAwesomicCV, theme?: string): string => {
@@ -32,6 +33,7 @@ export const exportManfredJSonToHTMLTemplateB = (manfredJsonContent: ManfredAwes
   const mainElementStart = generateMainElementStart();
   const mainElementEnd = generateMainElementEnd();
   const aboutMeSection = generateAboutMeSection(manfredJsonContent);
+  const experienceSection = generateExperiencesSection(manfredJsonContent);
 
   return `
     ${htmlDocumentStart}

From debf9dec559cf2a15ea608675228ec37cfe3b0fb Mon Sep 17 00:00:00 2001
From: migalko94 <miguelgalvezugr@gmail.com>
Date: Tue, 3 Oct 2023 12:26:04 +0200
Subject: [PATCH 35/63] changes date format

---
 .../html-parts/experience-section/experience-section.ejs | 9 ++++++---
 .../html-document-start/html-document-start.ejs          | 4 ++++
 2 files changed, 10 insertions(+), 3 deletions(-)

diff --git a/packages/manfred2html/src/engine/template-b/html-parts/experience-section/experience-section.ejs b/packages/manfred2html/src/engine/template-b/html-parts/experience-section/experience-section.ejs
index f61deb50..dce07542 100644
--- a/packages/manfred2html/src/engine/template-b/html-parts/experience-section/experience-section.ejs
+++ b/packages/manfred2html/src/engine/template-b/html-parts/experience-section/experience-section.ejs
@@ -39,9 +39,12 @@
                     stroke-linejoin="round"
                   />
                 </svg>
-            <p><%- experience.roles[0].startDate %> <%_ if(experience.roles[0].finishDate || experience.roles[0].finishDate === 'Actualidad') { -%>
-              <%- experience.roles[0].finishDate %>
-            <%_ } -%></p>
+            <p class="date"><%- new Date(experience.roles[0].startDate).toLocaleDateString(undefined, { year:"numeric", month:"short"})%> <%_ if(experience.roles[0].finishDate && experience.roles[0].finishDate.toLowerCase() !=='actualidad') { -%>
+              <%- "- "+new Date(experience.roles[0].finishDate).toLocaleDateString(undefined, { year:"numeric", month:"short"}) -%>
+            <%_ } else { -%>
+              - Actualidad
+              <%_}-%>
+            </p>
           </div>
             <%_ if(experience.type) { -%>
               <p class="section__content__data">Tipo de organización: <b><%- experience.type %></b></p>
diff --git a/packages/manfred2html/src/engine/template-b/html-parts/html-document-start/html-document-start.ejs b/packages/manfred2html/src/engine/template-b/html-parts/html-document-start/html-document-start.ejs
index a8357bd7..61639013 100644
--- a/packages/manfred2html/src/engine/template-b/html-parts/html-document-start/html-document-start.ejs
+++ b/packages/manfred2html/src/engine/template-b/html-parts/html-document-start/html-document-start.ejs
@@ -259,6 +259,10 @@
         display: flex;
         padding: var(--spacing_base);
       }
+.date {
+  text-transform: capitalize;
+}
+
       @media (min-width: 728px) {
         main {
           padding: var(--spacing_32) var(--spacing_64);

From bfa6e3ec4cbb682ceabbfd42329c740bdaa50883 Mon Sep 17 00:00:00 2001
From: migalko94 <miguelgalvezugr@gmail.com>
Date: Wed, 4 Oct 2023 10:02:03 +0200
Subject: [PATCH 36/63] adapt

---
 .../src/engine/template-b/html-parts/index.ts  |  1 +
 .../html-parts/studies-section/index.ts        |  1 +
 .../studies-section/studies-section.ejs        |  9 ++++++---
 .../studies-section/studies-section.part.ts    | 18 ++++++++++++++++++
 .../src/engine/template-b/index.ts             |  3 ++-
 5 files changed, 28 insertions(+), 4 deletions(-)
 create mode 100644 packages/manfred2html/src/engine/template-b/html-parts/studies-section/index.ts
 create mode 100644 packages/manfred2html/src/engine/template-b/html-parts/studies-section/studies-section.part.ts

diff --git a/packages/manfred2html/src/engine/template-b/html-parts/index.ts b/packages/manfred2html/src/engine/template-b/html-parts/index.ts
index 917e15fc..15718c41 100644
--- a/packages/manfred2html/src/engine/template-b/html-parts/index.ts
+++ b/packages/manfred2html/src/engine/template-b/html-parts/index.ts
@@ -13,3 +13,4 @@ export * from './hard-skills-section';
 export * from './soft-skills-section';
 export * from './about-me-section';
 export * from './experience-section';
+export * from './studies-section';
diff --git a/packages/manfred2html/src/engine/template-b/html-parts/studies-section/index.ts b/packages/manfred2html/src/engine/template-b/html-parts/studies-section/index.ts
new file mode 100644
index 00000000..bd83d5eb
--- /dev/null
+++ b/packages/manfred2html/src/engine/template-b/html-parts/studies-section/index.ts
@@ -0,0 +1 @@
+export * from './studies-section.part';
diff --git a/packages/manfred2html/src/engine/template-b/html-parts/studies-section/studies-section.ejs b/packages/manfred2html/src/engine/template-b/html-parts/studies-section/studies-section.ejs
index 224e3c5b..d454cf62 100644
--- a/packages/manfred2html/src/engine/template-b/html-parts/studies-section/studies-section.ejs
+++ b/packages/manfred2html/src/engine/template-b/html-parts/studies-section/studies-section.ejs
@@ -39,9 +39,12 @@
                     stroke-linejoin="round"
                   />
                 </svg>
-            <p><%- study.startDate %> <%_ if (study.finishDate || study.finishDate === 'Actualidad') { -%>            
-              <%- study.finishDate %>
-              <%_ } -%></p>  
+                <p class="date"><%- new Date(study.startDate).toLocaleDateString(undefined, { year:"numeric", month:"short"})%> <%_ if(study.finishDate && study.finishDate.toLowerCase() !=='actualidad') { -%>
+                  <%- "- "+new Date(study.finishDate).toLocaleDateString(undefined, { year:"numeric", month:"short"}) -%>
+                <%_ } else { -%>
+                  - Actualidad
+                  <%_}-%>
+                </p> 
           </div>
             <p class="data">Tipo de estudios: <b><%- study.studyType %></b></p>
             <p class="data">
diff --git a/packages/manfred2html/src/engine/template-b/html-parts/studies-section/studies-section.part.ts b/packages/manfred2html/src/engine/template-b/html-parts/studies-section/studies-section.part.ts
new file mode 100644
index 00000000..512e6471
--- /dev/null
+++ b/packages/manfred2html/src/engine/template-b/html-parts/studies-section/studies-section.part.ts
@@ -0,0 +1,18 @@
+import ejs from 'ejs';
+import { StudiesSectionVm, mapFromMacCvToStudiesSectionVm } from '@lemoncode/manfred-common/studies-section';
+import { ManfredAwesomicCV } from '@/model';
+import studiesTemplate from './studies-section.ejs?raw';
+
+export const generateStudiesSection = (cv: ManfredAwesomicCV): string => {
+  const studiesSectionVm = mapFromMacCvToStudiesSectionVm(cv);
+
+  return generateStudiesSectionInner(studiesSectionVm);
+};
+
+const generateStudiesSectionInner = (studiesSectionVm: StudiesSectionVm[]): string => {
+  const rootObject = {
+    studiesCollection: studiesSectionVm,
+  };
+
+  return ejs.render(studiesTemplate, rootObject);
+};
diff --git a/packages/manfred2html/src/engine/template-b/index.ts b/packages/manfred2html/src/engine/template-b/index.ts
index d323d48e..84685455 100644
--- a/packages/manfred2html/src/engine/template-b/index.ts
+++ b/packages/manfred2html/src/engine/template-b/index.ts
@@ -16,6 +16,7 @@ import {
   generateSoftSkillsSection,
   generateAboutMeSection,
   generateExperiencesSection,
+  generateStudiesSection,
 } from './html-parts';
 
 export const exportManfredJSonToHTMLTemplateB = (manfredJsonContent: ManfredAwesomicCV, theme?: string): string => {
@@ -34,7 +35,7 @@ export const exportManfredJSonToHTMLTemplateB = (manfredJsonContent: ManfredAwes
   const mainElementEnd = generateMainElementEnd();
   const aboutMeSection = generateAboutMeSection(manfredJsonContent);
   const experienceSection = generateExperiencesSection(manfredJsonContent);
-
+  const studiesSection = generateStudiesSection(manfredJsonContent);
   return `
     ${htmlDocumentStart}
       ${asideElementStart}

From 0cdad88151ca5c326f2f486d8e2c69f42ba67bc1 Mon Sep 17 00:00:00 2001
From: MTeresaMB <milanesteresa@gmail.com>
Date: Tue, 17 Oct 2023 16:01:44 +0200
Subject: [PATCH 37/63] closed #229 implement new design modal settings

---
 .../customSelectColor.component.tsx           |  26 +++
 .../components/customSelectColor.styles.ts    |  26 +++
 .../export-config/export-config.component.tsx | 161 ++++++++++--------
 .../export-config/export-config.styles.ts     | 114 ++++++++++---
 .../src/common-app/components/index.ts        |   1 +
 .../select/customSelect.component.tsx         |  29 ++++
 .../components/select/customSelect.styles.ts  |  59 +++++++
 .../src/common-app/components/select/index.ts |   1 +
 8 files changed, 321 insertions(+), 96 deletions(-)
 create mode 100644 apps/react-app/src/common-app/components/export-config/components/customSelectColor.component.tsx
 create mode 100644 apps/react-app/src/common-app/components/export-config/components/customSelectColor.styles.ts
 create mode 100644 apps/react-app/src/common-app/components/select/customSelect.component.tsx
 create mode 100644 apps/react-app/src/common-app/components/select/customSelect.styles.ts
 create mode 100644 apps/react-app/src/common-app/components/select/index.ts

diff --git a/apps/react-app/src/common-app/components/export-config/components/customSelectColor.component.tsx b/apps/react-app/src/common-app/components/export-config/components/customSelectColor.component.tsx
new file mode 100644
index 00000000..8dd82f06
--- /dev/null
+++ b/apps/react-app/src/common-app/components/export-config/components/customSelectColor.component.tsx
@@ -0,0 +1,26 @@
+import React from 'react';
+import * as classes from './customSelectColor.styles';
+
+interface Props {
+  label: string;
+  children: React.ReactNode;
+}
+
+export const CustomSelectColor: React.FC<Props> = ({ label, children }) => {
+  const [isOpen, setIsOpen] = React.useState<boolean>(false);
+  const toggleIsOpen = () => setIsOpen(!isOpen);
+  return (
+    <>
+      <div className={classes.selectColor} onClick={toggleIsOpen}>
+        <span>{label}</span>
+        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
+          <path
+            d="M12.277 14.7522L8.45062 10.5007C8.27687 10.3076 8.41388 10 8.67361 10H16.3264C16.5861 10 16.7231 10.3076 16.5494 10.5007L12.723 14.7522C12.6038 14.8846 12.3962 14.8846 12.277 14.7522Z"
+            fill="#787673"
+          />
+        </svg>
+      </div>
+      {isOpen && <>{children}</>}
+    </>
+  );
+};
diff --git a/apps/react-app/src/common-app/components/export-config/components/customSelectColor.styles.ts b/apps/react-app/src/common-app/components/export-config/components/customSelectColor.styles.ts
new file mode 100644
index 00000000..bd83323d
--- /dev/null
+++ b/apps/react-app/src/common-app/components/export-config/components/customSelectColor.styles.ts
@@ -0,0 +1,26 @@
+import { css } from '@emotion/css';
+import { theme } from '@/core/theme';
+
+export const selectColor = css`
+  display: flex;
+  min-width: 100%;
+  height: 48px;
+  padding: ${theme.spacing(3)} ${theme.spacing(4)};
+  padding-right: 0;
+  align-items: flex-start;
+  gap: ${theme.spacing(2)};
+  align-self: stretch;
+  border-radius: 8px;
+  border-bottom: 1px solid ${theme.palette.info[600]};
+  background: ${theme.palette.info[50]};
+
+  span {
+    flex: 1 0 0;
+    color: ${theme.palette.info[900]};
+    font-family: Sanchez;
+    font-size: 18px;
+    font-style: normal;
+    font-weight: 400;
+    line-height: 24px;
+  }
+`;
diff --git a/apps/react-app/src/common-app/components/export-config/export-config.component.tsx b/apps/react-app/src/common-app/components/export-config/export-config.component.tsx
index 6767b264..cb6740b5 100644
--- a/apps/react-app/src/common-app/components/export-config/export-config.component.tsx
+++ b/apps/react-app/src/common-app/components/export-config/export-config.component.tsx
@@ -2,8 +2,10 @@ import React from 'react';
 import { ExportHTMLSettings } from '@lemoncode/manfred2html';
 import { theme } from '@/core/theme';
 import { Button } from '@/common-app/components';
-import * as classes from './export-config.styles';
 import { useUserChoiceContext } from '@/core/user-choice';
+import { CustomSelectColor } from './components/customSelectColor.component';
+import { CustomSelect } from '../select/customSelect.component';
+import * as classes from './export-config.styles';
 interface Props {
   htmlTemplate: string;
   cancelExport: () => void;
@@ -12,6 +14,8 @@ interface Props {
 }
 
 const DOWNLOAD_MESSAGE_TIMEOUT = 2500;
+const OPTIONSDESING = ['Item 1', 'Item 2', 'Item 3'];
+const OPTIONSlANGUAGE = ['Item 1', 'Item 2', 'Item 3'];
 
 export const ExportConfig: React.FC<Props> = props => {
   const { onExportToHTML, cancelExport, htmlTemplate, onHTMLSettingSelectionChanged } = props;
@@ -44,83 +48,90 @@ export const ExportConfig: React.FC<Props> = props => {
 
   return (
     <div className={classes.content}>
+      <p className={classes.title}>PERSONALIZA A TU GUSTO</p>
       <div className={classes.optionsContainer}>
-        <p className={classes.title}>SELECCIONA TU TEMA FAVORITO</p>
-        <fieldset className={classes.colorFieldset}>
-          <input
-            type="radio"
-            id={theme.palette.primary[600]}
-            name="color"
-            value={theme.palette.primary[600]}
-            className={classes.inputRadioButton(theme.palette.primary[600])}
-            onChange={handleColorChange}
-            defaultChecked
-          />
-          <input
-            type="radio"
-            id={theme.palette.secondary[600]}
-            name="color"
-            value={theme.palette.secondary[600]}
-            className={classes.inputRadioButton(theme.palette.secondary[600])}
-            onChange={handleColorChange}
-          />
-          <input
-            type="radio"
-            id={theme.palette.success[600]}
-            name="color"
-            value={theme.palette.success[600]}
-            className={classes.inputRadioButton(theme.palette.success[600])}
-            onChange={handleColorChange}
-          />
-          <input
-            type="radio"
-            id={theme.palette.warning[600]}
-            name="color"
-            value={theme.palette.warning[600]}
-            className={classes.inputRadioButton(theme.palette.warning[600])}
-            onChange={handleColorChange}
-          />
-          <input
-            type="radio"
-            id={theme.palette.error[600]}
-            name="color"
-            value={theme.palette.error[600]}
-            className={classes.inputRadioButton(theme.palette.error[600])}
-            onChange={handleColorChange}
-          />
-          <input
-            type="radio"
-            id={theme.palette.dark[600]}
-            name="color"
-            value={theme.palette.dark[600]}
-            className={classes.inputRadioButton(theme.palette.dark[600])}
-            onChange={handleColorChange}
-          />
-        </fieldset>
-        <p className={`${classes.title}`}>Ejemplo de previsualización</p>
-        <iframe id="iframeCV" className={classes.iframeCV} srcDoc={htmlPreview}></iframe>
-        <div className={classes.buttonContainer}>
-          <Button
-            onClick={handleExportConfigSelection}
-            showIcon={false}
-            className={classes.buttonStyle}
-            disabled={isDownloadInProgress}
-          >
-            DESCARGAR
-          </Button>
-          <Button
-            onClick={cancelExport}
-            showIcon={false}
-            className={classes.buttonStyle}
-            disabled={isDownloadInProgress}
-          >
-            CANCELAR
-          </Button>
+        <div className={classes.optionsContent}>
+          <div className={classes.selectContainer}>
+            <CustomSelect listOptions={OPTIONSDESING} label={'Diseño'} />
+            <CustomSelect listOptions={OPTIONSlANGUAGE} label={'Idioma cabeceras'} />
+          </div>
+          <div className={classes.selectColorContainer}>
+            <CustomSelectColor label={'Colores'}>
+              <fieldset className={classes.colorFieldset}>
+                <input
+                  type="radio"
+                  id={theme.palette.primary[600]}
+                  name="color"
+                  value={theme.palette.primary[600]}
+                  className={classes.inputRadioButton(theme.palette.primary[600])}
+                  onChange={handleColorChange}
+                  defaultChecked
+                />
+                <input
+                  type="radio"
+                  id={theme.palette.secondary[600]}
+                  name="color"
+                  value={theme.palette.secondary[600]}
+                  className={classes.inputRadioButton(theme.palette.secondary[600])}
+                  onChange={handleColorChange}
+                />
+                <input
+                  type="radio"
+                  id={theme.palette.success[600]}
+                  name="color"
+                  value={theme.palette.success[600]}
+                  className={classes.inputRadioButton(theme.palette.success[600])}
+                  onChange={handleColorChange}
+                />
+                <input
+                  type="radio"
+                  id={theme.palette.warning[600]}
+                  name="color"
+                  value={theme.palette.warning[600]}
+                  className={classes.inputRadioButton(theme.palette.warning[600])}
+                  onChange={handleColorChange}
+                />
+                <input
+                  type="radio"
+                  id={theme.palette.error[600]}
+                  name="color"
+                  value={theme.palette.error[600]}
+                  className={classes.inputRadioButton(theme.palette.error[600])}
+                  onChange={handleColorChange}
+                />
+                <input
+                  type="radio"
+                  id={theme.palette.dark[600]}
+                  name="color"
+                  value={theme.palette.dark[600]}
+                  className={classes.inputRadioButton(theme.palette.dark[600])}
+                  onChange={handleColorChange}
+                />
+              </fieldset>
+            </CustomSelectColor>
+          </div>
         </div>
-        {isDownloadInProgress && (
-          <div className={classes.downloadMessage}>Descarga completada. Revisa tu carpeta de descargas</div>
-        )}
+        <div className={classes.prevContainer}>
+          <p className={`${classes.title}`}>Previsualización</p>
+          <iframe id="iframeCV" className={classes.iframeCV} srcDoc={htmlPreview}></iframe>
+        </div>
+      </div>
+      <div className={classes.buttonContainer}>
+        <Button
+          onClick={handleExportConfigSelection}
+          showIcon={false}
+          className={classes.buttonStyle}
+          disabled={isDownloadInProgress}
+        >
+          DESCARGAR
+        </Button>
+        <Button onClick={cancelExport} showIcon={false} className={classes.buttonStyle} disabled={isDownloadInProgress}>
+          CANCELAR
+        </Button>
       </div>
+      {isDownloadInProgress && (
+        <div className={classes.downloadMessage}>Descarga completada. Revisa tu carpeta de descargas</div>
+      )}
     </div>
   );
 };
diff --git a/apps/react-app/src/common-app/components/export-config/export-config.styles.ts b/apps/react-app/src/common-app/components/export-config/export-config.styles.ts
index 006128ab..78e8446b 100644
--- a/apps/react-app/src/common-app/components/export-config/export-config.styles.ts
+++ b/apps/react-app/src/common-app/components/export-config/export-config.styles.ts
@@ -3,41 +3,40 @@ import { theme } from '@/core/theme';
 
 export const content = css`
   display: flex;
-  padding: ${theme.spacing(8)};
+  padding: ${theme.spacing(4)};
   flex-direction: column;
-  align-items: center;
-  gap: ${theme.spacing(16)};
+  align-items: stretch;
+  gap: ${theme.spacing(10)};
   flex-grow: 1;
   width: 100%;
   background: ${theme.palette.info[50]};
   ${theme.typography.mobile.h5};
   @media (min-width: 725px) {
-    border-radius: 16px;
     ${theme.typography.tablet.h5};
+    padding: ${theme.spacing(8)};
+    gap: ${theme.spacing(12)};
+    flex: 1 0 0;
+    border-radius: 16px;
+    align-items: stretch;
   }
   @media (min-width: 1024px) {
     ${theme.typography.desktop.h5};
+    align-items: flex-center;
+    gap: 32px;
+    align-self: stretch;
+    padding: ${theme.spacing(8)};
   }
 `;
 
-export const optionsContainer = css`
-  display: flex;
-  flex-direction: column;
-  flex-grow: 1;
-  gap: ${theme.spacing(8)};
-  width: 100%;
-`;
-
 export const colorFieldset = css`
   display: flex;
+  padding: 32px 0px;
   flex-wrap: wrap;
   justify-content: center;
+  align-items: flex-start;
+  align-content: flex-start;
   gap: ${theme.spacing(8)};
-  width: 100%;
-
-  @media (min-width: 1024px) {
-    justify-content: start;
-  }
+  align-self: stretch;
 `;
 export const inputRadioButton = (color: string) => css`
   appearance: none;
@@ -57,7 +56,7 @@ export const inputRadioButton = (color: string) => css`
 export const title = css`
   width: 100%;
   padding-bottom: ${theme.spacing(2)};
-  display: block;
+  display: relative;
   color: ${theme.palette.dark[900]};
   border-bottom: 1px solid ${theme.palette.info[900]};
 `;
@@ -70,14 +69,15 @@ export const iframeCV = css`
 
 export const buttonContainer = css`
   display: flex;
-  justify-content: center;
+  flex-direction: column;
+  justify-content: flex-end;
   align-items: center;
   gap: ${theme.spacing(8)};
-  padding: ${theme.spacing(4)};
-  flex-direction: column;
+  width: 100%;
 
   @media (min-width: 1024px) {
     flex-direction: row;
+    justify-content: flex-end;
   }
 `;
 
@@ -108,3 +108,75 @@ export const downloadMessage = css`
     ${theme.typography.desktop.h5};
   }
 `;
+
+export const optionsContainer = css`
+  display: flex;
+  flex-direction: column;
+  gap: ${theme.spacing(10)};
+  flex-grow: 1;
+  @media (min-width: 725px) {
+    gap: ${theme.spacing(12)};
+  }
+  @media (min-width: 1024px) {
+    flex-direction: row;
+    align-items: flex-start;
+    align-self: stretch;
+
+    height: 512px;
+  }
+`;
+
+export const optionsContent = css`
+  display: flex;
+  flex-direction: column;
+  gap: ${theme.spacing(10)};
+
+  @media (min-width: 725px) {
+    gap: ${theme.spacing(12)};
+  }
+
+  @media (min-width: 1024px) {
+    gap: ${theme.spacing(4)};
+  }
+`;
+export const selectContainer = css`
+  display: flex;
+  flex-direction: column;
+  gap: ${theme.spacing(10)};
+
+  @media (min-width: 725px) {
+    gap: ${theme.spacing(4)};
+    flex-direction: row;
+    width: 100%;
+  }
+  @media (min-width: 1024px) {
+    width: 274px;
+    flex-direction: column;
+    gap: ${theme.spacing(4)};
+  }
+`;
+export const selectColorContainer = css`
+  @media (min-width: 1024px) {
+    width: 274px;
+    flex-direction: column;
+    gap: ${theme.spacing(4)};
+  }
+`;
+export const prevContainer = css`
+  display: flex;
+  flex-direction: column;
+  gap: ${theme.spacing(10)};
+  flex-grow: 1;
+
+  @media (min-width: 725px) {
+    gap: ${theme.spacing(12)};
+  }
+
+  @media (min-width: 1024px) {
+    flex-direction: column;
+    align-items: flex-start;
+    flex: 1 0 0;
+    align-self: stretch;
+    gap: ${theme.spacing(8)};
+  }
+`;
diff --git a/apps/react-app/src/common-app/components/index.ts b/apps/react-app/src/common-app/components/index.ts
index 1e7a68d9..68807431 100644
--- a/apps/react-app/src/common-app/components/index.ts
+++ b/apps/react-app/src/common-app/components/index.ts
@@ -4,4 +4,5 @@ export * from './button';
 export * from './navbar';
 export * from './card';
 export * from './modal';
+export * from './select';
 export * from './export-config';
diff --git a/apps/react-app/src/common-app/components/select/customSelect.component.tsx b/apps/react-app/src/common-app/components/select/customSelect.component.tsx
new file mode 100644
index 00000000..498a1e86
--- /dev/null
+++ b/apps/react-app/src/common-app/components/select/customSelect.component.tsx
@@ -0,0 +1,29 @@
+import React from 'react';
+import * as classes from './customSelect.styles';
+
+interface Props {
+  listOptions: string[];
+  label: string;
+}
+export const CustomSelect: React.FC<Props> = ({ listOptions, label }) => {
+  const [isOpen, setIsOpen] = React.useState<boolean>(false);
+  const toggleIsOpen = () => setIsOpen(!isOpen);
+  return (
+    <div className={classes.selectContainer}>
+      <div className={classes.selectContent} onClick={toggleIsOpen}>
+        <span>{label}</span>
+        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
+          <path
+            d="M12.277 14.7522L8.45062 10.5007C8.27687 10.3076 8.41388 10 8.67361 10H16.3264C16.5861 10 16.7231 10.3076 16.5494 10.5007L12.723 14.7522C12.6038 14.8846 12.3962 14.8846 12.277 14.7522Z"
+            fill="#787673"
+          />
+        </svg>
+      </div>
+      {isOpen && (
+        <ul className={classes.listContainer}>
+          {listOptions && listOptions.map((list, index) => <li key={index}>{list}</li>)}
+        </ul>
+      )}
+    </div>
+  );
+};
diff --git a/apps/react-app/src/common-app/components/select/customSelect.styles.ts b/apps/react-app/src/common-app/components/select/customSelect.styles.ts
new file mode 100644
index 00000000..b789b327
--- /dev/null
+++ b/apps/react-app/src/common-app/components/select/customSelect.styles.ts
@@ -0,0 +1,59 @@
+import { css } from '@emotion/css';
+import { theme } from '@/core/theme';
+
+export const selectContainer = css`
+  @media (min-width: 725px) {
+    flex-grow: 1;
+    width: 100%;
+  }
+`;
+export const selectContent = css`
+  display: flex;
+  padding: 12px 16px;
+  align-items: flex-start;
+  gap: ${theme.spacing(2)};
+  align-self: stretch;
+  border: 1px solid ${theme.palette.info[600]};
+  border-radius: 8px;
+  background: ${theme.palette.info[50]};
+  span {
+    flex-grow: 1;
+    color: ${theme.palette.dark[900]};
+    font-family: Inter;
+    font-size: 16px;
+    font-style: normal;
+    font-weight: 400;
+    line-height: 22px; /* 137.5% */
+    letter-spacing: 0.15px;
+  }
+`;
+
+export const listContainer = css`
+  display: flex;
+  flex-direction: column;
+  padding: 8px 0px;
+  gap: 8px;
+  border-radius: 4px;
+  //border: 1px solid blue;
+  background: ${theme.palette.info[50]};
+  box-shadow: 0px 2px 6px 2px rgba(0, 0, 0, 0.15), 0px 1px 2px 0px rgba(0, 0, 0, 0.3);
+  li {
+    display: flex;
+    height: 32px;
+    padding: 0px 16px;
+    justify-content: flex-start;
+    align-items: center;
+
+    color: ${theme.palette.dark[900]};
+    font-family: Inter;
+    font-size: 14px;
+    font-style: normal;
+    font-weight: 400;
+    line-height: 20px; /* 142.857% */
+    letter-spacing: 0.25px;
+
+    :hover {
+      background: ${theme.palette.primary[50]};
+    }
+  }
+`;
diff --git a/apps/react-app/src/common-app/components/select/index.ts b/apps/react-app/src/common-app/components/select/index.ts
new file mode 100644
index 00000000..c77d0ae0
--- /dev/null
+++ b/apps/react-app/src/common-app/components/select/index.ts
@@ -0,0 +1 @@
+export * from './customSelect.component';

From ef04c90bbe62e5ef5b62d0f793aa39c9d1c5a09f Mon Sep 17 00:00:00 2001
From: MTeresaMB <milanesteresa@gmail.com>
Date: Tue, 17 Oct 2023 16:16:33 +0200
Subject: [PATCH 38/63] closed #229 implement new design modal settings

---
 .../export-config/components/customSelectColor.component.tsx      | 0
 .../export-config/components/customSelectColor.styles.ts          | 0
 .../components/export-config/export-config.component.tsx          | 0
 .../components/export-config/export-config.styles.ts              | 0
 .../template-export}/components/export-config/index.ts            | 0
 5 files changed, 0 insertions(+), 0 deletions(-)
 rename apps/react-app/src/{common-app => pods/template-export}/components/export-config/components/customSelectColor.component.tsx (100%)
 rename apps/react-app/src/{common-app => pods/template-export}/components/export-config/components/customSelectColor.styles.ts (100%)
 rename apps/react-app/src/{common-app => pods/template-export}/components/export-config/export-config.component.tsx (100%)
 rename apps/react-app/src/{common-app => pods/template-export}/components/export-config/export-config.styles.ts (100%)
 rename apps/react-app/src/{common-app => pods/template-export}/components/export-config/index.ts (100%)

diff --git a/apps/react-app/src/common-app/components/export-config/components/customSelectColor.component.tsx b/apps/react-app/src/pods/template-export/components/export-config/components/customSelectColor.component.tsx
similarity index 100%
rename from apps/react-app/src/common-app/components/export-config/components/customSelectColor.component.tsx
rename to apps/react-app/src/pods/template-export/components/export-config/components/customSelectColor.component.tsx
diff --git a/apps/react-app/src/common-app/components/export-config/components/customSelectColor.styles.ts b/apps/react-app/src/pods/template-export/components/export-config/components/customSelectColor.styles.ts
similarity index 100%
rename from apps/react-app/src/common-app/components/export-config/components/customSelectColor.styles.ts
rename to apps/react-app/src/pods/template-export/components/export-config/components/customSelectColor.styles.ts
diff --git a/apps/react-app/src/common-app/components/export-config/export-config.component.tsx b/apps/react-app/src/pods/template-export/components/export-config/export-config.component.tsx
similarity index 100%
rename from apps/react-app/src/common-app/components/export-config/export-config.component.tsx
rename to apps/react-app/src/pods/template-export/components/export-config/export-config.component.tsx
diff --git a/apps/react-app/src/common-app/components/export-config/export-config.styles.ts b/apps/react-app/src/pods/template-export/components/export-config/export-config.styles.ts
similarity index 100%
rename from apps/react-app/src/common-app/components/export-config/export-config.styles.ts
rename to apps/react-app/src/pods/template-export/components/export-config/export-config.styles.ts
diff --git a/apps/react-app/src/common-app/components/export-config/index.ts b/apps/react-app/src/pods/template-export/components/export-config/index.ts
similarity index 100%
rename from apps/react-app/src/common-app/components/export-config/index.ts
rename to apps/react-app/src/pods/template-export/components/export-config/index.ts

From fd9372efd503025ed72a5bff71f3b4fa1d8d2395 Mon Sep 17 00:00:00 2001
From: MTeresaMB <milanesteresa@gmail.com>
Date: Wed, 18 Oct 2023 09:20:12 +0200
Subject: [PATCH 39/63] fixed errors template export imports

---
 apps/react-app/src/common-app/components/index.ts              | 1 -
 .../components/export-config/components/index.ts               | 1 +
 .../components/export-config/export-config.component.tsx       | 3 +--
 .../src/pods/template-export/template-export.component.tsx     | 3 ++-
 4 files changed, 4 insertions(+), 4 deletions(-)
 create mode 100644 apps/react-app/src/pods/template-export/components/export-config/components/index.ts

diff --git a/apps/react-app/src/common-app/components/index.ts b/apps/react-app/src/common-app/components/index.ts
index 68807431..9db140cf 100644
--- a/apps/react-app/src/common-app/components/index.ts
+++ b/apps/react-app/src/common-app/components/index.ts
@@ -5,4 +5,3 @@ export * from './navbar';
 export * from './card';
 export * from './modal';
 export * from './select';
-export * from './export-config';
diff --git a/apps/react-app/src/pods/template-export/components/export-config/components/index.ts b/apps/react-app/src/pods/template-export/components/export-config/components/index.ts
new file mode 100644
index 00000000..5e468c64
--- /dev/null
+++ b/apps/react-app/src/pods/template-export/components/export-config/components/index.ts
@@ -0,0 +1 @@
+export * from './customSelectColor.component';
diff --git a/apps/react-app/src/pods/template-export/components/export-config/export-config.component.tsx b/apps/react-app/src/pods/template-export/components/export-config/export-config.component.tsx
index cb6740b5..4918ed95 100644
--- a/apps/react-app/src/pods/template-export/components/export-config/export-config.component.tsx
+++ b/apps/react-app/src/pods/template-export/components/export-config/export-config.component.tsx
@@ -1,10 +1,9 @@
 import React from 'react';
 import { ExportHTMLSettings } from '@lemoncode/manfred2html';
 import { theme } from '@/core/theme';
-import { Button } from '@/common-app/components';
+import { Button, CustomSelect } from '@/common-app/components';
 import { useUserChoiceContext } from '@/core/user-choice';
 import { CustomSelectColor } from './components/customSelectColor.component';
-import { CustomSelect } from '../select/customSelect.component';
 import * as classes from './export-config.styles';
 interface Props {
   htmlTemplate: string;
diff --git a/apps/react-app/src/pods/template-export/template-export.component.tsx b/apps/react-app/src/pods/template-export/template-export.component.tsx
index c971269c..5a1a00bb 100644
--- a/apps/react-app/src/pods/template-export/template-export.component.tsx
+++ b/apps/react-app/src/pods/template-export/template-export.component.tsx
@@ -1,8 +1,9 @@
 import React from 'react';
 import { ExportHTMLSettings } from '@lemoncode/manfred2html';
 import { useUserChoiceContext } from '@/core';
-import { Button, Footer, Header, Modal, Navbar, ExportConfig } from '@/common-app/components';
+import { Button, Footer, Header, Modal, Navbar } from '@/common-app/components';
 import * as classes from './template-export.styles';
+import { ExportConfig } from './components/export-config';
 
 interface Props {
   error: boolean;

From 6e2cb8e564259809abb2f89b81990f935b8f71e7 Mon Sep 17 00:00:00 2001
From: MTeresaMB <milanesteresa@gmail.com>
Date: Wed, 18 Oct 2023 16:19:41 +0200
Subject: [PATCH 40/63] change styles design modal settings

---
 .../public/assets/arrow_down_select.svg       |  6 ++
 .../select/customSelect.component.tsx         |  9 +--
 .../components/select/customSelect.styles.ts  | 15 ++--
 .../customSelectColor.component.tsx           | 74 +++++++++++++++++++
 .../customSelectColor.styles.ts               | 51 +++++++++++++
 .../components => customSelectColor}/index.ts |  0
 .../customSelectColor.component.tsx           | 26 -------
 .../components/customSelectColor.styles.ts    | 26 -------
 .../export-config/export-config.component.tsx | 56 +-------------
 .../export-config/export-config.styles.ts     | 28 +------
 10 files changed, 143 insertions(+), 148 deletions(-)
 create mode 100644 apps/react-app/public/assets/arrow_down_select.svg
 create mode 100644 apps/react-app/src/pods/template-export/components/customSelectColor/customSelectColor.component.tsx
 create mode 100644 apps/react-app/src/pods/template-export/components/customSelectColor/customSelectColor.styles.ts
 rename apps/react-app/src/pods/template-export/components/{export-config/components => customSelectColor}/index.ts (100%)
 delete mode 100644 apps/react-app/src/pods/template-export/components/export-config/components/customSelectColor.component.tsx
 delete mode 100644 apps/react-app/src/pods/template-export/components/export-config/components/customSelectColor.styles.ts

diff --git a/apps/react-app/public/assets/arrow_down_select.svg b/apps/react-app/public/assets/arrow_down_select.svg
new file mode 100644
index 00000000..e95f9707
--- /dev/null
+++ b/apps/react-app/public/assets/arrow_down_select.svg
@@ -0,0 +1,6 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
+  <path
+    d="M12.277 14.7522L8.45062 10.5007C8.27687 10.3076 8.41388 10 8.67361 10H16.3264C16.5861 10 16.7231 10.3076 16.5494 10.5007L12.723 14.7522C12.6038 14.8846 12.3962 14.8846 12.277 14.7522Z"
+    fill="#787673"
+  />
+</svg>
diff --git a/apps/react-app/src/common-app/components/select/customSelect.component.tsx b/apps/react-app/src/common-app/components/select/customSelect.component.tsx
index 498a1e86..1e5b09f1 100644
--- a/apps/react-app/src/common-app/components/select/customSelect.component.tsx
+++ b/apps/react-app/src/common-app/components/select/customSelect.component.tsx
@@ -12,16 +12,11 @@ export const CustomSelect: React.FC<Props> = ({ listOptions, label }) => {
     <div className={classes.selectContainer}>
       <div className={classes.selectContent} onClick={toggleIsOpen}>
         <span>{label}</span>
-        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
-          <path
-            d="M12.277 14.7522L8.45062 10.5007C8.27687 10.3076 8.41388 10 8.67361 10H16.3264C16.5861 10 16.7231 10.3076 16.5494 10.5007L12.723 14.7522C12.6038 14.8846 12.3962 14.8846 12.277 14.7522Z"
-            fill="#787673"
-          />
-        </svg>
+        <img src="./assets/arrow_down_select.svg" alt="arrow down select" />{' '}
       </div>
       {isOpen && (
         <ul className={classes.listContainer}>
-          {listOptions && listOptions.map((list, index) => <li key={index}>{list}</li>)}
+          {listOptions && listOptions.map((option, index) => <li key={index}>{option}</li>)}
         </ul>
       )}
     </div>
diff --git a/apps/react-app/src/common-app/components/select/customSelect.styles.ts b/apps/react-app/src/common-app/components/select/customSelect.styles.ts
index b789b327..2445e83d 100644
--- a/apps/react-app/src/common-app/components/select/customSelect.styles.ts
+++ b/apps/react-app/src/common-app/components/select/customSelect.styles.ts
@@ -9,7 +9,7 @@ export const selectContainer = css`
 `;
 export const selectContent = css`
   display: flex;
-  padding: 12px 16px;
+  padding: ${theme.spacing(3)} ${theme.spacing(4)};
   align-items: flex-start;
   gap: ${theme.spacing(2)};
   align-self: stretch;
@@ -23,7 +23,7 @@ export const selectContent = css`
     font-size: 16px;
     font-style: normal;
     font-weight: 400;
-    line-height: 22px; /* 137.5% */
+    line-height: 22px;
     letter-spacing: 0.15px;
   }
 `;
@@ -31,16 +31,15 @@ export const selectContent = css`
 export const listContainer = css`
   display: flex;
   flex-direction: column;
-  padding: 8px 0px;
-  gap: 8px;
+  padding: ${theme.spacing(2)} ${theme.spacing(0)};
+  gap: ${theme.spacing(2)};
   border-radius: 4px;
-  //border: 1px solid blue;
   background: ${theme.palette.info[50]};
   box-shadow: 0px 2px 6px 2px rgba(0, 0, 0, 0.15), 0px 1px 2px 0px rgba(0, 0, 0, 0.3);
   li {
     display: flex;
-    height: 32px;
-    padding: 0px 16px;
+    height: ${theme.spacing(8)};
+    padding: ${theme.spacing(0)} ${theme.spacing(4)};
     justify-content: flex-start;
     align-items: center;
 
@@ -49,7 +48,7 @@ export const listContainer = css`
     font-size: 14px;
     font-style: normal;
     font-weight: 400;
-    line-height: 20px; /* 142.857% */
+    line-height: 20px;
     letter-spacing: 0.25px;
 
     :hover {
diff --git a/apps/react-app/src/pods/template-export/components/customSelectColor/customSelectColor.component.tsx b/apps/react-app/src/pods/template-export/components/customSelectColor/customSelectColor.component.tsx
new file mode 100644
index 00000000..00281ef3
--- /dev/null
+++ b/apps/react-app/src/pods/template-export/components/customSelectColor/customSelectColor.component.tsx
@@ -0,0 +1,74 @@
+import React from 'react';
+import { theme } from '@/core/theme';
+import * as classes from './customSelectColor.styles';
+
+interface Props {
+  label: string;
+  onChange: (event: React.ChangeEvent<HTMLInputElement>) => void;
+}
+
+export const CustomSelectColor: React.FC<Props> = ({ label, onChange }) => {
+  const [isOpen, setIsOpen] = React.useState<boolean>(false);
+  const toggleIsOpen = () => setIsOpen(!isOpen);
+  return (
+    <div className={classes.root}>
+      <div className={classes.container} onClick={toggleIsOpen}>
+        <span>{label}</span>
+        <img src="../assets/arrow_down_select.svg" alt="arrow down select" />
+      </div>
+      {isOpen && (
+        <fieldset className={classes.colorFieldset}>
+          <input
+            type="radio"
+            id={theme.palette.primary[600]}
+            name="color"
+            value={theme.palette.primary[600]}
+            className={classes.inputRadioButton(theme.palette.primary[600])}
+            onChange={onChange}
+            defaultChecked
+          />
+          <input
+            type="radio"
+            id={theme.palette.secondary[600]}
+            name="color"
+            value={theme.palette.secondary[600]}
+            className={classes.inputRadioButton(theme.palette.secondary[600])}
+            onChange={onChange}
+          />
+          <input
+            type="radio"
+            id={theme.palette.success[600]}
+            name="color"
+            value={theme.palette.success[600]}
+            className={classes.inputRadioButton(theme.palette.success[600])}
+            onChange={onChange}
+          />
+          <input
+            type="radio"
+            id={theme.palette.warning[600]}
+            name="color"
+            value={theme.palette.warning[600]}
+            className={classes.inputRadioButton(theme.palette.warning[600])}
+            onChange={onChange}
+          />
+          <input
+            type="radio"
+            id={theme.palette.error[600]}
+            name="color"
+            value={theme.palette.error[600]}
+            className={classes.inputRadioButton(theme.palette.error[600])}
+            onChange={onChange}
+          />
+          <input
+            type="radio"
+            id={theme.palette.dark[600]}
+            name="color"
+            value={theme.palette.dark[600]}
+            className={classes.inputRadioButton(theme.palette.dark[600])}
+            onChange={onChange}
+          />
+        </fieldset>
+      )}
+    </div>
+  );
+};
diff --git a/apps/react-app/src/pods/template-export/components/customSelectColor/customSelectColor.styles.ts b/apps/react-app/src/pods/template-export/components/customSelectColor/customSelectColor.styles.ts
new file mode 100644
index 00000000..32e1cbd4
--- /dev/null
+++ b/apps/react-app/src/pods/template-export/components/customSelectColor/customSelectColor.styles.ts
@@ -0,0 +1,51 @@
+import { css } from '@emotion/css';
+import { theme } from '@/core/theme';
+
+export const root = css`
+  border-bottom: 1px solid ${theme.palette.info[600]};
+`;
+export const container = css`
+  display: flex;
+  min-width: 100%;
+  height: 48px;
+  padding: ${theme.spacing(3)} ${theme.spacing(4)};
+  align-items: flex-start;
+  gap: ${theme.spacing(2)};
+  align-self: stretch;
+  border-radius: 8px;
+  background: ${theme.palette.info[50]};
+
+  span {
+    flex: 1 0 0;
+    color: ${theme.palette.info[900]};
+    font-family: Sanchez;
+    font-size: 18px;
+    font-style: normal;
+    font-weight: 400;
+    line-height: 24px;
+  }
+`;
+export const colorFieldset = css`
+  display: flex;
+  padding: ${theme.spacing(8)} ${theme.spacing(0)};
+  flex-wrap: wrap;
+  justify-content: center;
+  align-items: flex-start;
+  align-content: flex-start;
+  gap: ${theme.spacing(8)};
+  align-self: stretch;
+`;
+export const inputRadioButton = (color: string) => css`
+  appearance: none;
+  width: 82px;
+  height: 82px;
+  box-shadow: 8px 8px 16px 0px rgba(0, 0, 0, 0.25);
+  border-radius: 50%;
+  background-color: ${color};
+  cursor: pointer;
+  outline: none;
+  border: 15px solid ${theme.palette.info[50]};
+  &[type='radio']:checked {
+    box-shadow: 0px 0px 0px 4px ${theme.palette.dark[200]};
+  }
+`;
diff --git a/apps/react-app/src/pods/template-export/components/export-config/components/index.ts b/apps/react-app/src/pods/template-export/components/customSelectColor/index.ts
similarity index 100%
rename from apps/react-app/src/pods/template-export/components/export-config/components/index.ts
rename to apps/react-app/src/pods/template-export/components/customSelectColor/index.ts
diff --git a/apps/react-app/src/pods/template-export/components/export-config/components/customSelectColor.component.tsx b/apps/react-app/src/pods/template-export/components/export-config/components/customSelectColor.component.tsx
deleted file mode 100644
index 8dd82f06..00000000
--- a/apps/react-app/src/pods/template-export/components/export-config/components/customSelectColor.component.tsx
+++ /dev/null
@@ -1,26 +0,0 @@
-import React from 'react';
-import * as classes from './customSelectColor.styles';
-
-interface Props {
-  label: string;
-  children: React.ReactNode;
-}
-
-export const CustomSelectColor: React.FC<Props> = ({ label, children }) => {
-  const [isOpen, setIsOpen] = React.useState<boolean>(false);
-  const toggleIsOpen = () => setIsOpen(!isOpen);
-  return (
-    <>
-      <div className={classes.selectColor} onClick={toggleIsOpen}>
-        <span>{label}</span>
-        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
-          <path
-            d="M12.277 14.7522L8.45062 10.5007C8.27687 10.3076 8.41388 10 8.67361 10H16.3264C16.5861 10 16.7231 10.3076 16.5494 10.5007L12.723 14.7522C12.6038 14.8846 12.3962 14.8846 12.277 14.7522Z"
-            fill="#787673"
-          />
-        </svg>
-      </div>
-      {isOpen && <>{children}</>}
-    </>
-  );
-};
diff --git a/apps/react-app/src/pods/template-export/components/export-config/components/customSelectColor.styles.ts b/apps/react-app/src/pods/template-export/components/export-config/components/customSelectColor.styles.ts
deleted file mode 100644
index bd83323d..00000000
--- a/apps/react-app/src/pods/template-export/components/export-config/components/customSelectColor.styles.ts
+++ /dev/null
@@ -1,26 +0,0 @@
-import { css } from '@emotion/css';
-import { theme } from '@/core/theme';
-
-export const selectColor = css`
-  display: flex;
-  min-width: 100%;
-  height: 48px;
-  padding: ${theme.spacing(3)} ${theme.spacing(4)};
-  padding-right: 0;
-  align-items: flex-start;
-  gap: ${theme.spacing(2)};
-  align-self: stretch;
-  border-radius: 8px;
-  border-bottom: 1px solid ${theme.palette.info[600]};
-  background: ${theme.palette.info[50]};
-
-  span {
-    flex: 1 0 0;
-    color: ${theme.palette.info[900]};
-    font-family: Sanchez;
-    font-size: 18px;
-    font-style: normal;
-    font-weight: 400;
-    line-height: 24px;
-  }
-`;
diff --git a/apps/react-app/src/pods/template-export/components/export-config/export-config.component.tsx b/apps/react-app/src/pods/template-export/components/export-config/export-config.component.tsx
index 4918ed95..007a2a27 100644
--- a/apps/react-app/src/pods/template-export/components/export-config/export-config.component.tsx
+++ b/apps/react-app/src/pods/template-export/components/export-config/export-config.component.tsx
@@ -3,7 +3,7 @@ import { ExportHTMLSettings } from '@lemoncode/manfred2html';
 import { theme } from '@/core/theme';
 import { Button, CustomSelect } from '@/common-app/components';
 import { useUserChoiceContext } from '@/core/user-choice';
-import { CustomSelectColor } from './components/customSelectColor.component';
+import { CustomSelectColor } from '../customSelectColor/customSelectColor.component';
 import * as classes from './export-config.styles';
 interface Props {
   htmlTemplate: string;
@@ -55,59 +55,7 @@ export const ExportConfig: React.FC<Props> = props => {
             <CustomSelect listOptions={OPTIONSlANGUAGE} label={'Idioma cabeceras'} />
           </div>
           <div className={classes.selectColorContainer}>
-            <CustomSelectColor label={'Colores'}>
-              <fieldset className={classes.colorFieldset}>
-                <input
-                  type="radio"
-                  id={theme.palette.primary[600]}
-                  name="color"
-                  value={theme.palette.primary[600]}
-                  className={classes.inputRadioButton(theme.palette.primary[600])}
-                  onChange={handleColorChange}
-                  defaultChecked
-                />
-                <input
-                  type="radio"
-                  id={theme.palette.secondary[600]}
-                  name="color"
-                  value={theme.palette.secondary[600]}
-                  className={classes.inputRadioButton(theme.palette.secondary[600])}
-                  onChange={handleColorChange}
-                />
-                <input
-                  type="radio"
-                  id={theme.palette.success[600]}
-                  name="color"
-                  value={theme.palette.success[600]}
-                  className={classes.inputRadioButton(theme.palette.success[600])}
-                  onChange={handleColorChange}
-                />
-                <input
-                  type="radio"
-                  id={theme.palette.warning[600]}
-                  name="color"
-                  value={theme.palette.warning[600]}
-                  className={classes.inputRadioButton(theme.palette.warning[600])}
-                  onChange={handleColorChange}
-                />
-                <input
-                  type="radio"
-                  id={theme.palette.error[600]}
-                  name="color"
-                  value={theme.palette.error[600]}
-                  className={classes.inputRadioButton(theme.palette.error[600])}
-                  onChange={handleColorChange}
-                />
-                <input
-                  type="radio"
-                  id={theme.palette.dark[600]}
-                  name="color"
-                  value={theme.palette.dark[600]}
-                  className={classes.inputRadioButton(theme.palette.dark[600])}
-                  onChange={handleColorChange}
-                />
-              </fieldset>
-            </CustomSelectColor>
+            <CustomSelectColor label={'Colores'} onChange={handleColorChange} />
           </div>
         </div>
         <div className={classes.prevContainer}>
diff --git a/apps/react-app/src/pods/template-export/components/export-config/export-config.styles.ts b/apps/react-app/src/pods/template-export/components/export-config/export-config.styles.ts
index 78e8446b..06695969 100644
--- a/apps/react-app/src/pods/template-export/components/export-config/export-config.styles.ts
+++ b/apps/react-app/src/pods/template-export/components/export-config/export-config.styles.ts
@@ -22,37 +22,12 @@ export const content = css`
   @media (min-width: 1024px) {
     ${theme.typography.desktop.h5};
     align-items: flex-center;
-    gap: 32px;
+    gap: ${theme.spacing(8)};
     align-self: stretch;
     padding: ${theme.spacing(8)};
   }
 `;
 
-export const colorFieldset = css`
-  display: flex;
-  padding: 32px 0px;
-  flex-wrap: wrap;
-  justify-content: center;
-  align-items: flex-start;
-  align-content: flex-start;
-  gap: ${theme.spacing(8)};
-  align-self: stretch;
-`;
-export const inputRadioButton = (color: string) => css`
-  appearance: none;
-  width: 82px;
-  height: 82px;
-  box-shadow: 8px 8px 16px 0px rgba(0, 0, 0, 0.25);
-  border-radius: 50%;
-  background-color: ${color};
-  cursor: pointer;
-  outline: none;
-  border: 15px solid ${theme.palette.info[50]};
-  &[type='radio']:checked {
-    box-shadow: 0px 0px 0px 4px ${theme.palette.dark[200]};
-  }
-`;
-
 export const title = css`
   width: 100%;
   padding-bottom: ${theme.spacing(2)};
@@ -121,7 +96,6 @@ export const optionsContainer = css`
     flex-direction: row;
     align-items: flex-start;
     align-self: stretch;
-
     height: 512px;
   }
 `;

From 071b7256f0b3a026e5f9852e6760db27e719d394 Mon Sep 17 00:00:00 2001
From: MTeresaMB <milanesteresa@gmail.com>
Date: Thu, 19 Oct 2023 13:53:42 +0200
Subject: [PATCH 41/63] add arrow select and animation select color

---
 ...arrow_down_select.svg => arrow_select.svg} |   0
 .../components/modal/modal.styles.ts          |  10 +-
 .../select/customSelect.component.tsx         |  25 +++-
 .../components/select/customSelect.styles.ts  |   9 ++
 .../customSelectColor.component.tsx           | 126 ++++++++++--------
 .../customSelectColor.styles.ts               |  49 +++++--
 .../export-config/export-config.styles.ts     |   2 +-
 7 files changed, 144 insertions(+), 77 deletions(-)
 rename apps/react-app/public/assets/{arrow_down_select.svg => arrow_select.svg} (100%)

diff --git a/apps/react-app/public/assets/arrow_down_select.svg b/apps/react-app/public/assets/arrow_select.svg
similarity index 100%
rename from apps/react-app/public/assets/arrow_down_select.svg
rename to apps/react-app/public/assets/arrow_select.svg
diff --git a/apps/react-app/src/common-app/components/modal/modal.styles.ts b/apps/react-app/src/common-app/components/modal/modal.styles.ts
index 1070dbcc..9a05a012 100644
--- a/apps/react-app/src/common-app/components/modal/modal.styles.ts
+++ b/apps/react-app/src/common-app/components/modal/modal.styles.ts
@@ -8,13 +8,17 @@ export const container = css`
   flex-direction: column;
   justify-content: center;
   align-items: center;
-  gap: 40px;
+  gap: ${theme.spacing(10)};
   position: absolute;
   z-index: 9999;
   top: 0;
   background: rgba(13, 20, 24, 0.75);
-  overflow: hidden;
-
+  & > :first-child {
+    max-width: 1400px;
+    align-self: center;
+    overflow: hidden;
+    overflow-y: scroll;
+  }
   @media (min-width: 725px) {
     padding: ${theme.spacing(4)};
   }
diff --git a/apps/react-app/src/common-app/components/select/customSelect.component.tsx b/apps/react-app/src/common-app/components/select/customSelect.component.tsx
index 1e5b09f1..7e79b0bc 100644
--- a/apps/react-app/src/common-app/components/select/customSelect.component.tsx
+++ b/apps/react-app/src/common-app/components/select/customSelect.component.tsx
@@ -7,16 +7,33 @@ interface Props {
 }
 export const CustomSelect: React.FC<Props> = ({ listOptions, label }) => {
   const [isOpen, setIsOpen] = React.useState<boolean>(false);
-  const toggleIsOpen = () => setIsOpen(!isOpen);
+  const [selectedOption, setSelectedOption] = React.useState<string>(label);
+  const [rotate, setRotate] = React.useState<boolean>(false);
+
+  const toggleIsOpen = () => {
+    setIsOpen(!isOpen);
+    setRotate(!rotate);
+  };
+
+  const handleOptionSelect = (option: string) => {
+    setSelectedOption(option);
+    setIsOpen(false);
+    setRotate(!rotate);
+  };
   return (
     <div className={classes.selectContainer}>
       <div className={classes.selectContent} onClick={toggleIsOpen}>
-        <span>{label}</span>
-        <img src="./assets/arrow_down_select.svg" alt="arrow down select" />{' '}
+        <span>{selectedOption || label}</span>
+        <img src="./assets/arrow_select.svg" alt="arrow select" className={classes.rotate(rotate)} />
       </div>
       {isOpen && (
         <ul className={classes.listContainer}>
-          {listOptions && listOptions.map((option, index) => <li key={index}>{option}</li>)}
+          {listOptions &&
+            listOptions.map((option, index) => (
+              <li key={index} onClick={() => handleOptionSelect(option)}>
+                {option}
+              </li>
+            ))}
         </ul>
       )}
     </div>
diff --git a/apps/react-app/src/common-app/components/select/customSelect.styles.ts b/apps/react-app/src/common-app/components/select/customSelect.styles.ts
index 2445e83d..e4245933 100644
--- a/apps/react-app/src/common-app/components/select/customSelect.styles.ts
+++ b/apps/react-app/src/common-app/components/select/customSelect.styles.ts
@@ -2,6 +2,8 @@ import { css } from '@emotion/css';
 import { theme } from '@/core/theme';
 
 export const selectContainer = css`
+  position: relative;
+  cursor: pointer;
   @media (min-width: 725px) {
     flex-grow: 1;
     width: 100%;
@@ -29,8 +31,11 @@ export const selectContent = css`
 `;
 
 export const listContainer = css`
+  position: absolute;
+  width: 100%;
   display: flex;
   flex-direction: column;
+  z-index: 999;
   padding: ${theme.spacing(2)} ${theme.spacing(0)};
   gap: ${theme.spacing(2)};
   border-radius: 4px;
@@ -56,3 +61,7 @@ export const listContainer = css`
     }
   }
 `;
+export const rotate = (rotate: boolean) => css`
+  rotate: ${rotate ? '180deg' : '0deg'};
+  transition: rotate 0.3s ease;
+`;
diff --git a/apps/react-app/src/pods/template-export/components/customSelectColor/customSelectColor.component.tsx b/apps/react-app/src/pods/template-export/components/customSelectColor/customSelectColor.component.tsx
index 00281ef3..46086651 100644
--- a/apps/react-app/src/pods/template-export/components/customSelectColor/customSelectColor.component.tsx
+++ b/apps/react-app/src/pods/template-export/components/customSelectColor/customSelectColor.component.tsx
@@ -1,74 +1,84 @@
 import React from 'react';
 import { theme } from '@/core/theme';
 import * as classes from './customSelectColor.styles';
+import { cx } from '@emotion/css';
 
 interface Props {
   label: string;
   onChange: (event: React.ChangeEvent<HTMLInputElement>) => void;
 }
+type ToggleStatus = 'noInit' | 'open' | 'close';
 
 export const CustomSelectColor: React.FC<Props> = ({ label, onChange }) => {
-  const [isOpen, setIsOpen] = React.useState<boolean>(false);
-  const toggleIsOpen = () => setIsOpen(!isOpen);
+  const [isOpen, setIsOpen] = React.useState<ToggleStatus>('noInit');
+  const [rotate, setRotate] = React.useState<boolean>(false);
+
+  const toggleIsOpen = () => {
+    setIsOpen(isOpen === 'open' ? 'close' : 'open');
+    setRotate(!rotate);
+  };
   return (
-    <div className={classes.root}>
-      <div className={classes.container} onClick={toggleIsOpen}>
+    <div
+      className={cx(classes.root, {
+        [classes.rootOpenAnimation]: isOpen === 'open',
+        [classes.rootCloseAnimation]: isOpen === 'close',
+      })}
+    >
+      <div className={classes.labelContainer} onClick={toggleIsOpen}>
         <span>{label}</span>
-        <img src="../assets/arrow_down_select.svg" alt="arrow down select" />
+        <img src="../assets/arrow_select.svg" alt="arrow select" className={classes.rotate(rotate)} />
       </div>
-      {isOpen && (
-        <fieldset className={classes.colorFieldset}>
-          <input
-            type="radio"
-            id={theme.palette.primary[600]}
-            name="color"
-            value={theme.palette.primary[600]}
-            className={classes.inputRadioButton(theme.palette.primary[600])}
-            onChange={onChange}
-            defaultChecked
-          />
-          <input
-            type="radio"
-            id={theme.palette.secondary[600]}
-            name="color"
-            value={theme.palette.secondary[600]}
-            className={classes.inputRadioButton(theme.palette.secondary[600])}
-            onChange={onChange}
-          />
-          <input
-            type="radio"
-            id={theme.palette.success[600]}
-            name="color"
-            value={theme.palette.success[600]}
-            className={classes.inputRadioButton(theme.palette.success[600])}
-            onChange={onChange}
-          />
-          <input
-            type="radio"
-            id={theme.palette.warning[600]}
-            name="color"
-            value={theme.palette.warning[600]}
-            className={classes.inputRadioButton(theme.palette.warning[600])}
-            onChange={onChange}
-          />
-          <input
-            type="radio"
-            id={theme.palette.error[600]}
-            name="color"
-            value={theme.palette.error[600]}
-            className={classes.inputRadioButton(theme.palette.error[600])}
-            onChange={onChange}
-          />
-          <input
-            type="radio"
-            id={theme.palette.dark[600]}
-            name="color"
-            value={theme.palette.dark[600]}
-            className={classes.inputRadioButton(theme.palette.dark[600])}
-            onChange={onChange}
-          />
-        </fieldset>
-      )}
+      <fieldset className={classes.colorFieldset}>
+        <input
+          type="radio"
+          id={theme.palette.primary[600]}
+          name="color"
+          value={theme.palette.primary[600]}
+          className={classes.inputRadioButton(theme.palette.primary[600])}
+          onChange={onChange}
+          defaultChecked
+        />
+        <input
+          type="radio"
+          id={theme.palette.secondary[600]}
+          name="color"
+          value={theme.palette.secondary[600]}
+          className={classes.inputRadioButton(theme.palette.secondary[600])}
+          onChange={onChange}
+        />
+        <input
+          type="radio"
+          id={theme.palette.success[600]}
+          name="color"
+          value={theme.palette.success[600]}
+          className={classes.inputRadioButton(theme.palette.success[600])}
+          onChange={onChange}
+        />
+        <input
+          type="radio"
+          id={theme.palette.warning[600]}
+          name="color"
+          value={theme.palette.warning[600]}
+          className={classes.inputRadioButton(theme.palette.warning[600])}
+          onChange={onChange}
+        />
+        <input
+          type="radio"
+          id={theme.palette.error[600]}
+          name="color"
+          value={theme.palette.error[600]}
+          className={classes.inputRadioButton(theme.palette.error[600])}
+          onChange={onChange}
+        />
+        <input
+          type="radio"
+          id={theme.palette.dark[600]}
+          name="color"
+          value={theme.palette.dark[600]}
+          className={classes.inputRadioButton(theme.palette.dark[600])}
+          onChange={onChange}
+        />
+      </fieldset>
     </div>
   );
 };
diff --git a/apps/react-app/src/pods/template-export/components/customSelectColor/customSelectColor.styles.ts b/apps/react-app/src/pods/template-export/components/customSelectColor/customSelectColor.styles.ts
index 32e1cbd4..5cb5818a 100644
--- a/apps/react-app/src/pods/template-export/components/customSelectColor/customSelectColor.styles.ts
+++ b/apps/react-app/src/pods/template-export/components/customSelectColor/customSelectColor.styles.ts
@@ -1,22 +1,46 @@
-import { css } from '@emotion/css';
+import { css, keyframes } from '@emotion/css';
 import { theme } from '@/core/theme';
 
+const openAnimation = keyframes`
+  0% {
+    max-height: 48px;
+  }
+
+  100% {
+    max-height: 500px;
+  }
+`;
+const closeAnimation = keyframes`
+  0% {
+    max-height: 500px;
+  }
+
+  100% {
+    max-height: 48px;
+  }
+`;
+
+export const rootOpenAnimation = css`
+  animation: ${openAnimation} 0.8s ease forwards;
+`;
+export const rootCloseAnimation = css`
+  animation: ${closeAnimation} 0.8s ease forwards;
+`;
+
 export const root = css`
   border-bottom: 1px solid ${theme.palette.info[600]};
+  overflow: hidden;
+  max-height: 48px;
 `;
-export const container = css`
+export const labelContainer = css`
   display: flex;
-  min-width: 100%;
-  height: 48px;
+  justify-content: space-between;
   padding: ${theme.spacing(3)} ${theme.spacing(4)};
-  align-items: flex-start;
   gap: ${theme.spacing(2)};
-  align-self: stretch;
   border-radius: 8px;
   background: ${theme.palette.info[50]};
-
+  cursor: pointer;
   span {
-    flex: 1 0 0;
     color: ${theme.palette.info[900]};
     font-family: Sanchez;
     font-size: 18px;
@@ -26,14 +50,12 @@ export const container = css`
   }
 `;
 export const colorFieldset = css`
+  background: ${theme.palette.info[50]};
   display: flex;
   padding: ${theme.spacing(8)} ${theme.spacing(0)};
   flex-wrap: wrap;
   justify-content: center;
-  align-items: flex-start;
-  align-content: flex-start;
   gap: ${theme.spacing(8)};
-  align-self: stretch;
 `;
 export const inputRadioButton = (color: string) => css`
   appearance: none;
@@ -49,3 +71,8 @@ export const inputRadioButton = (color: string) => css`
     box-shadow: 0px 0px 0px 4px ${theme.palette.dark[200]};
   }
 `;
+
+export const rotate = (rotate: boolean) => css`
+  rotate: ${rotate ? '180deg' : '0deg'};
+  transition: rotate 0.3s ease;
+`;
diff --git a/apps/react-app/src/pods/template-export/components/export-config/export-config.styles.ts b/apps/react-app/src/pods/template-export/components/export-config/export-config.styles.ts
index 06695969..ca59e59a 100644
--- a/apps/react-app/src/pods/template-export/components/export-config/export-config.styles.ts
+++ b/apps/react-app/src/pods/template-export/components/export-config/export-config.styles.ts
@@ -31,7 +31,7 @@ export const content = css`
 export const title = css`
   width: 100%;
   padding-bottom: ${theme.spacing(2)};
-  display: relative;
+  display: block;
   color: ${theme.palette.dark[900]};
   border-bottom: 1px solid ${theme.palette.info[900]};
 `;

From 06b93987591b4a842a16e60d7adaf9b45dd809ac Mon Sep 17 00:00:00 2001
From: MTeresaMB <milanesteresa@gmail.com>
Date: Fri, 20 Oct 2023 14:15:08 +0200
Subject: [PATCH 42/63] delete state rotate customSelect customSelectColor

---
 .../select/customSelect.component.tsx          |  5 +----
 .../components/select/customSelect.styles.ts   |  1 +
 .../customSelectColor.component.tsx            | 18 ++++++++++--------
 .../customSelectColor.styles.ts                |  4 ++--
 4 files changed, 14 insertions(+), 14 deletions(-)

diff --git a/apps/react-app/src/common-app/components/select/customSelect.component.tsx b/apps/react-app/src/common-app/components/select/customSelect.component.tsx
index 7e79b0bc..a0cca9d9 100644
--- a/apps/react-app/src/common-app/components/select/customSelect.component.tsx
+++ b/apps/react-app/src/common-app/components/select/customSelect.component.tsx
@@ -8,23 +8,20 @@ interface Props {
 export const CustomSelect: React.FC<Props> = ({ listOptions, label }) => {
   const [isOpen, setIsOpen] = React.useState<boolean>(false);
   const [selectedOption, setSelectedOption] = React.useState<string>(label);
-  const [rotate, setRotate] = React.useState<boolean>(false);
 
   const toggleIsOpen = () => {
     setIsOpen(!isOpen);
-    setRotate(!rotate);
   };
 
   const handleOptionSelect = (option: string) => {
     setSelectedOption(option);
     setIsOpen(false);
-    setRotate(!rotate);
   };
   return (
     <div className={classes.selectContainer}>
       <div className={classes.selectContent} onClick={toggleIsOpen}>
         <span>{selectedOption || label}</span>
-        <img src="./assets/arrow_select.svg" alt="arrow select" className={classes.rotate(rotate)} />
+        <img src="./assets/arrow_select.svg" alt="arrow select" className={classes.rotate(isOpen)} />
       </div>
       {isOpen && (
         <ul className={classes.listContainer}>
diff --git a/apps/react-app/src/common-app/components/select/customSelect.styles.ts b/apps/react-app/src/common-app/components/select/customSelect.styles.ts
index e4245933..df9479cc 100644
--- a/apps/react-app/src/common-app/components/select/customSelect.styles.ts
+++ b/apps/react-app/src/common-app/components/select/customSelect.styles.ts
@@ -61,6 +61,7 @@ export const listContainer = css`
     }
   }
 `;
+
 export const rotate = (rotate: boolean) => css`
   rotate: ${rotate ? '180deg' : '0deg'};
   transition: rotate 0.3s ease;
diff --git a/apps/react-app/src/pods/template-export/components/customSelectColor/customSelectColor.component.tsx b/apps/react-app/src/pods/template-export/components/customSelectColor/customSelectColor.component.tsx
index 46086651..e0527022 100644
--- a/apps/react-app/src/pods/template-export/components/customSelectColor/customSelectColor.component.tsx
+++ b/apps/react-app/src/pods/template-export/components/customSelectColor/customSelectColor.component.tsx
@@ -7,26 +7,28 @@ interface Props {
   label: string;
   onChange: (event: React.ChangeEvent<HTMLInputElement>) => void;
 }
-type ToggleStatus = 'noInit' | 'open' | 'close';
+type CustomSelectState = 'noInit' | 'open' | 'close';
 
 export const CustomSelectColor: React.FC<Props> = ({ label, onChange }) => {
-  const [isOpen, setIsOpen] = React.useState<ToggleStatus>('noInit');
-  const [rotate, setRotate] = React.useState<boolean>(false);
+  const [customSelectState, setCustomSelectState] = React.useState<CustomSelectState>('noInit');
 
   const toggleIsOpen = () => {
-    setIsOpen(isOpen === 'open' ? 'close' : 'open');
-    setRotate(!rotate);
+    setCustomSelectState(customSelectState === 'open' ? 'close' : 'open');
   };
   return (
     <div
       className={cx(classes.root, {
-        [classes.rootOpenAnimation]: isOpen === 'open',
-        [classes.rootCloseAnimation]: isOpen === 'close',
+        [classes.rootOpenAnimation]: customSelectState === 'open',
+        [classes.rootCloseAnimation]: customSelectState === 'close',
       })}
     >
       <div className={classes.labelContainer} onClick={toggleIsOpen}>
         <span>{label}</span>
-        <img src="../assets/arrow_select.svg" alt="arrow select" className={classes.rotate(rotate)} />
+        <img
+          src="../assets/arrow_select.svg"
+          alt="arrow select"
+          className={classes.rotate(customSelectState === 'open')}
+        />
       </div>
       <fieldset className={classes.colorFieldset}>
         <input
diff --git a/apps/react-app/src/pods/template-export/components/customSelectColor/customSelectColor.styles.ts b/apps/react-app/src/pods/template-export/components/customSelectColor/customSelectColor.styles.ts
index 5cb5818a..a5abd57c 100644
--- a/apps/react-app/src/pods/template-export/components/customSelectColor/customSelectColor.styles.ts
+++ b/apps/react-app/src/pods/template-export/components/customSelectColor/customSelectColor.styles.ts
@@ -72,7 +72,7 @@ export const inputRadioButton = (color: string) => css`
   }
 `;
 
-export const rotate = (rotate: boolean) => css`
-  rotate: ${rotate ? '180deg' : '0deg'};
+export const rotate = (customSelectState: boolean) => css`
+  rotate: ${customSelectState ? '180deg' : '0deg'};
   transition: rotate 0.3s ease;
 `;

From 8ed378ed8c7dfba1f0c7071cdebe85742ec93a5b Mon Sep 17 00:00:00 2001
From: juanpms2 <juanpablo@lemoncode.net>
Date: Fri, 3 Nov 2023 12:16:41 +0100
Subject: [PATCH 43/63] updated selected colors

---
 .../customSelectColor/components/index.ts     |  1 +
 .../components/inputRadioButton.component.tsx | 22 +++++++
 .../components/inputRadioButton.styles.ts     | 17 +++++
 .../customSelectColor.component.tsx           | 62 ++++---------------
 .../customSelectColor.styles.ts               | 14 -----
 .../export-config/export-config.component.tsx | 16 ++---
 .../template-export.container.tsx             |  6 +-
 packages/manfred2html/src/engine/index.ts     | 21 ++++---
 .../html-document-start.part.ts               |  3 +-
 .../src/engine/template-a/index.ts            |  6 +-
 .../html-document-start.ejs                   |  2 +-
 .../html-document-start.part.ts               |  3 +-
 .../src/engine/template-b/index.ts            |  7 +--
 packages/manfred2html/src/index.ts            |  1 +
 .../src/mappers/exportHTMLSettings.mappers.ts | 26 ++++++++
 packages/manfred2html/src/mappers/index.ts    |  1 +
 .../src/model/export-html-settings.model.ts   | 29 ++++++++-
 17 files changed, 141 insertions(+), 96 deletions(-)
 create mode 100644 apps/react-app/src/pods/template-export/components/customSelectColor/components/index.ts
 create mode 100644 apps/react-app/src/pods/template-export/components/customSelectColor/components/inputRadioButton.component.tsx
 create mode 100644 apps/react-app/src/pods/template-export/components/customSelectColor/components/inputRadioButton.styles.ts
 create mode 100644 packages/manfred2html/src/mappers/exportHTMLSettings.mappers.ts
 create mode 100644 packages/manfred2html/src/mappers/index.ts

diff --git a/apps/react-app/src/pods/template-export/components/customSelectColor/components/index.ts b/apps/react-app/src/pods/template-export/components/customSelectColor/components/index.ts
new file mode 100644
index 00000000..a3d6fe86
--- /dev/null
+++ b/apps/react-app/src/pods/template-export/components/customSelectColor/components/index.ts
@@ -0,0 +1 @@
+export * from './inputRadioButton.component';
diff --git a/apps/react-app/src/pods/template-export/components/customSelectColor/components/inputRadioButton.component.tsx b/apps/react-app/src/pods/template-export/components/customSelectColor/components/inputRadioButton.component.tsx
new file mode 100644
index 00000000..a540096f
--- /dev/null
+++ b/apps/react-app/src/pods/template-export/components/customSelectColor/components/inputRadioButton.component.tsx
@@ -0,0 +1,22 @@
+import { HexColor, ColorTheme } from '@lemoncode/manfred2html';
+import * as classes from './inputRadioButton.styles';
+
+interface Props {
+  value: ColorTheme;
+  hexColor: HexColor;
+  onChange: (event: React.ChangeEvent<HTMLInputElement>) => void;
+}
+
+export const InputRadioButton: React.FC<Props> = ({ value, hexColor, onChange }) => {
+  return (
+    <input
+      type="radio"
+      id={value}
+      name="color"
+      value={value}
+      className={classes.inputRadioButton(hexColor)}
+      onChange={onChange}
+      defaultChecked={value === 'default'}
+    />
+  );
+};
diff --git a/apps/react-app/src/pods/template-export/components/customSelectColor/components/inputRadioButton.styles.ts b/apps/react-app/src/pods/template-export/components/customSelectColor/components/inputRadioButton.styles.ts
new file mode 100644
index 00000000..802b4958
--- /dev/null
+++ b/apps/react-app/src/pods/template-export/components/customSelectColor/components/inputRadioButton.styles.ts
@@ -0,0 +1,17 @@
+import { css } from '@emotion/css';
+import { theme } from '@/core/theme';
+
+export const inputRadioButton = (color: string) => css`
+  appearance: none;
+  width: 82px;
+  height: 82px;
+  box-shadow: 8px 8px 16px 0px rgba(0, 0, 0, 0.25);
+  border-radius: 50%;
+  background-color: ${color};
+  cursor: pointer;
+  outline: none;
+  border: 15px solid ${theme.palette.info[50]};
+  &[type='radio']:checked {
+    box-shadow: 0px 0px 0px 4px ${theme.palette.dark[200]};
+  }
+`;
diff --git a/apps/react-app/src/pods/template-export/components/customSelectColor/customSelectColor.component.tsx b/apps/react-app/src/pods/template-export/components/customSelectColor/customSelectColor.component.tsx
index e0527022..2d716192 100644
--- a/apps/react-app/src/pods/template-export/components/customSelectColor/customSelectColor.component.tsx
+++ b/apps/react-app/src/pods/template-export/components/customSelectColor/customSelectColor.component.tsx
@@ -1,7 +1,8 @@
 import React from 'react';
-import { theme } from '@/core/theme';
-import * as classes from './customSelectColor.styles';
 import { cx } from '@emotion/css';
+import { ColorTheme, HexColor } from '@lemoncode/manfred2html';
+import { InputRadioButton } from './components';
+import * as classes from './customSelectColor.styles';
 
 interface Props {
   label: string;
@@ -31,55 +32,14 @@ export const CustomSelectColor: React.FC<Props> = ({ label, onChange }) => {
         />
       </div>
       <fieldset className={classes.colorFieldset}>
-        <input
-          type="radio"
-          id={theme.palette.primary[600]}
-          name="color"
-          value={theme.palette.primary[600]}
-          className={classes.inputRadioButton(theme.palette.primary[600])}
-          onChange={onChange}
-          defaultChecked
-        />
-        <input
-          type="radio"
-          id={theme.palette.secondary[600]}
-          name="color"
-          value={theme.palette.secondary[600]}
-          className={classes.inputRadioButton(theme.palette.secondary[600])}
-          onChange={onChange}
-        />
-        <input
-          type="radio"
-          id={theme.palette.success[600]}
-          name="color"
-          value={theme.palette.success[600]}
-          className={classes.inputRadioButton(theme.palette.success[600])}
-          onChange={onChange}
-        />
-        <input
-          type="radio"
-          id={theme.palette.warning[600]}
-          name="color"
-          value={theme.palette.warning[600]}
-          className={classes.inputRadioButton(theme.palette.warning[600])}
-          onChange={onChange}
-        />
-        <input
-          type="radio"
-          id={theme.palette.error[600]}
-          name="color"
-          value={theme.palette.error[600]}
-          className={classes.inputRadioButton(theme.palette.error[600])}
-          onChange={onChange}
-        />
-        <input
-          type="radio"
-          id={theme.palette.dark[600]}
-          name="color"
-          value={theme.palette.dark[600]}
-          className={classes.inputRadioButton(theme.palette.dark[600])}
-          onChange={onChange}
-        />
+        {Object.keys(HexColor).map(colorKey => (
+          <InputRadioButton
+            key={colorKey}
+            value={colorKey as ColorTheme}
+            hexColor={HexColor[colorKey as keyof typeof HexColor]}
+            onChange={onChange}
+          />
+        ))}
       </fieldset>
     </div>
   );
diff --git a/apps/react-app/src/pods/template-export/components/customSelectColor/customSelectColor.styles.ts b/apps/react-app/src/pods/template-export/components/customSelectColor/customSelectColor.styles.ts
index a5abd57c..16bf642c 100644
--- a/apps/react-app/src/pods/template-export/components/customSelectColor/customSelectColor.styles.ts
+++ b/apps/react-app/src/pods/template-export/components/customSelectColor/customSelectColor.styles.ts
@@ -57,20 +57,6 @@ export const colorFieldset = css`
   justify-content: center;
   gap: ${theme.spacing(8)};
 `;
-export const inputRadioButton = (color: string) => css`
-  appearance: none;
-  width: 82px;
-  height: 82px;
-  box-shadow: 8px 8px 16px 0px rgba(0, 0, 0, 0.25);
-  border-radius: 50%;
-  background-color: ${color};
-  cursor: pointer;
-  outline: none;
-  border: 15px solid ${theme.palette.info[50]};
-  &[type='radio']:checked {
-    box-shadow: 0px 0px 0px 4px ${theme.palette.dark[200]};
-  }
-`;
 
 export const rotate = (customSelectState: boolean) => css`
   rotate: ${customSelectState ? '180deg' : '0deg'};
diff --git a/apps/react-app/src/pods/template-export/components/export-config/export-config.component.tsx b/apps/react-app/src/pods/template-export/components/export-config/export-config.component.tsx
index 007a2a27..bdfa4277 100644
--- a/apps/react-app/src/pods/template-export/components/export-config/export-config.component.tsx
+++ b/apps/react-app/src/pods/template-export/components/export-config/export-config.component.tsx
@@ -1,6 +1,5 @@
 import React from 'react';
-import { ExportHTMLSettings } from '@lemoncode/manfred2html';
-import { theme } from '@/core/theme';
+import { ColorTheme, ExportHTMLSettings, createDefaultExportHTMLSettings } from '@lemoncode/manfred2html';
 import { Button, CustomSelect } from '@/common-app/components';
 import { useUserChoiceContext } from '@/core/user-choice';
 import { CustomSelectColor } from '../customSelectColor/customSelectColor.component';
@@ -19,9 +18,9 @@ const OPTIONSlANGUAGE = ['Item 1', 'Item 2', 'Item 3'];
 export const ExportConfig: React.FC<Props> = props => {
   const { onExportToHTML, cancelExport, htmlTemplate, onHTMLSettingSelectionChanged } = props;
   const { userChoice } = useUserChoiceContext();
-  const [exportHTMLSettings, setExportHTMLSettings] = React.useState<ExportHTMLSettings>({
-    primaryColor: theme.palette.primary[600],
-  });
+  const [exportHTMLSettings, setExportHTMLSettings] = React.useState<ExportHTMLSettings>(
+    createDefaultExportHTMLSettings()
+  );
   const [isDownloadInProgress, setIsDownloadInProgress] = React.useState<boolean>(false);
 
   const [htmlPreview, setHtmlPreview] = React.useState<string>(
@@ -29,8 +28,11 @@ export const ExportConfig: React.FC<Props> = props => {
   );
 
   const handleColorChange = (event: React.ChangeEvent<HTMLInputElement>) => {
-    setExportHTMLSettings({ primaryColor: event.target.value });
-    onHTMLSettingSelectionChanged(htmlTemplate, { primaryColor: event.target.value });
+    setExportHTMLSettings({ ...exportHTMLSettings, colorTheme: event.target.value as ColorTheme });
+    onHTMLSettingSelectionChanged(htmlTemplate, {
+      ...exportHTMLSettings,
+      colorTheme: event.target.value as ColorTheme,
+    });
   };
   const handleExportConfigSelection = () => {
     setIsDownloadInProgress(true);
diff --git a/apps/react-app/src/pods/template-export/template-export.container.tsx b/apps/react-app/src/pods/template-export/template-export.container.tsx
index 9fe87295..a6a63c55 100644
--- a/apps/react-app/src/pods/template-export/template-export.container.tsx
+++ b/apps/react-app/src/pods/template-export/template-export.container.tsx
@@ -1,7 +1,7 @@
 import React from 'react';
 import { exportManfredJSonToWordAndDownload, parseStringToManfredJSon } from '@lemoncode/manfred2word';
 import { exportManfredJSonToMarkdown } from '@lemoncode/manfred2md';
-import { exportManfredJSonToHTML, ExportHTMLSettings } from '@lemoncode/manfred2html';
+import { exportHTMLTemplate, ExportHTMLSettings } from '@lemoncode/manfred2html';
 import { DEFAULT_EXPORT_FILENAME } from '@/core';
 import { download } from '@/common';
 import { TemplateExport } from './template-export.component';
@@ -38,7 +38,7 @@ export const TemplateExportContainer: React.FC = () => {
   const onExportToHTML = async (text: string, exportHTMLSettings: ExportHTMLSettings) => {
     try {
       const manfredJsonContent = parseManfredJson(text);
-      const content = exportManfredJSonToHTML(manfredJsonContent, exportHTMLSettings);
+      const content = exportHTMLTemplate(manfredJsonContent, exportHTMLSettings);
       const blob = new Blob([content], { type: 'text/html' });
 
       await download(blob, 'manfred.html');
@@ -49,7 +49,7 @@ export const TemplateExportContainer: React.FC = () => {
 
   const onHTMLSettingChanged = (text: string, exportHTMLSettings: ExportHTMLSettings): string => {
     const manfredJsonContent = parseManfredJson(text);
-    const content = exportManfredJSonToHTML(manfredJsonContent, exportHTMLSettings);
+    const content = exportHTMLTemplate(manfredJsonContent, exportHTMLSettings);
     return content;
   };
 
diff --git a/packages/manfred2html/src/engine/index.ts b/packages/manfred2html/src/engine/index.ts
index b995e209..02897462 100644
--- a/packages/manfred2html/src/engine/index.ts
+++ b/packages/manfred2html/src/engine/index.ts
@@ -1,16 +1,19 @@
-import { ManfredAwesomicCV } from '@/model';
-
+import { ManfredAwesomicCV, ExportHTMLSettings } from '@/model';
+import { mapExportHTMLSettingsToSettings } from '@/mappers';
 import { exportManfredJSonToHTMLTemplateA } from './template-a';
 import { exportManfredJSonToHTMLTemplateB } from './template-b';
 
-export const exportHTMLTemplate = (manfredJsonContent: ManfredAwesomicCV, theme?: string): string => {
-  const template = theme || 'template-a';
+export const exportHTMLTemplate = (
+  manfredJsonContent: ManfredAwesomicCV,
+  exportHTMLSettings: ExportHTMLSettings
+): string => {
+  const settings = mapExportHTMLSettingsToSettings(exportHTMLSettings);
 
-  switch (template) {
-    case 'template-a':
-      return exportManfredJSonToHTMLTemplateA(manfredJsonContent, theme);
-    case 'template-b':
-      return exportManfredJSonToHTMLTemplateB(manfredJsonContent, theme);
+  switch (settings.template) {
+    case 'default':
+      return exportManfredJSonToHTMLTemplateA(manfredJsonContent, settings);
+    case 'template-1':
+      return exportManfredJSonToHTMLTemplateB(manfredJsonContent, settings);
     default:
       throw new Error('Template not found');
   }
diff --git a/packages/manfred2html/src/engine/template-a/html-parts/html-document-start/html-document-start.part.ts b/packages/manfred2html/src/engine/template-a/html-parts/html-document-start/html-document-start.part.ts
index f7c92c5d..08456f9e 100644
--- a/packages/manfred2html/src/engine/template-a/html-parts/html-document-start/html-document-start.part.ts
+++ b/packages/manfred2html/src/engine/template-a/html-parts/html-document-start/html-document-start.part.ts
@@ -1,4 +1,5 @@
 import ejs from 'ejs';
+import { HexColor } from '@/model';
 import htmlDocumentStartTemplate from './html-document-start.ejs?raw';
 
-export const generateHtmlDocumentStart = (color: string): string => ejs.render(htmlDocumentStartTemplate, { color });
+export const generateHtmlDocumentStart = (color: HexColor): string => ejs.render(htmlDocumentStartTemplate, { color });
diff --git a/packages/manfred2html/src/engine/template-a/index.ts b/packages/manfred2html/src/engine/template-a/index.ts
index add287af..ab79d39a 100644
--- a/packages/manfred2html/src/engine/template-a/index.ts
+++ b/packages/manfred2html/src/engine/template-a/index.ts
@@ -1,4 +1,4 @@
-import { ManfredAwesomicCV } from '@/model';
+import { ManfredAwesomicCV, Settings } from '@/model';
 import {
   generateHtmlDocumentStart,
   generateHtmlDocumentEnd,
@@ -17,8 +17,8 @@ import {
   generateStudiesSection,
 } from './html-parts';
 
-export const exportManfredJSonToHTMLTemplateA = (manfredJsonContent: ManfredAwesomicCV, theme?: string): string => {
-  const htmlDocumentStart = generateHtmlDocumentStart();
+export const exportManfredJSonToHTMLTemplateA = (manfredJsonContent: ManfredAwesomicCV, settings: Settings): string => {
+  const htmlDocumentStart = generateHtmlDocumentStart(settings.colorTheme);
   const htmlDocumentEnd = generateHtmlDocumentEnd();
   const headerElementStart = generateHeaderElementStart();
   const headerElementEnd = generateHeaderElementEnd();
diff --git a/packages/manfred2html/src/engine/template-b/html-parts/html-document-start/html-document-start.ejs b/packages/manfred2html/src/engine/template-b/html-parts/html-document-start/html-document-start.ejs
index 61639013..121c511e 100644
--- a/packages/manfred2html/src/engine/template-b/html-parts/html-document-start/html-document-start.ejs
+++ b/packages/manfred2html/src/engine/template-b/html-parts/html-document-start/html-document-start.ejs
@@ -24,7 +24,7 @@
         --spacing_48: calc(var(--spacing_base) * 12);
         --spacing_64: calc(var(--spacing_base) * 16);
         /* colors */
-        --primary_color: #247a7e; /* only this color can be changed  */
+        --primary_color: <%= color -%> /* only this color can be changed  */
         --light_color: #f0f8f9;
         --white_color: #fbfbfa;
         --black_color_800: #111a1f;
diff --git a/packages/manfred2html/src/engine/template-b/html-parts/html-document-start/html-document-start.part.ts b/packages/manfred2html/src/engine/template-b/html-parts/html-document-start/html-document-start.part.ts
index 985cba7c..08456f9e 100644
--- a/packages/manfred2html/src/engine/template-b/html-parts/html-document-start/html-document-start.part.ts
+++ b/packages/manfred2html/src/engine/template-b/html-parts/html-document-start/html-document-start.part.ts
@@ -1,4 +1,5 @@
 import ejs from 'ejs';
+import { HexColor } from '@/model';
 import htmlDocumentStartTemplate from './html-document-start.ejs?raw';
 
-export const generateHtmlDocumentStart = (): string => ejs.render(htmlDocumentStartTemplate);
+export const generateHtmlDocumentStart = (color: HexColor): string => ejs.render(htmlDocumentStartTemplate, { color });
diff --git a/packages/manfred2html/src/engine/template-b/index.ts b/packages/manfred2html/src/engine/template-b/index.ts
index 84685455..3bd2850b 100644
--- a/packages/manfred2html/src/engine/template-b/index.ts
+++ b/packages/manfred2html/src/engine/template-b/index.ts
@@ -1,5 +1,4 @@
-import { ManfredAwesomicCV } from '@/model';
-
+import { ManfredAwesomicCV, Settings } from '@/model';
 import {
   generateHtmlDocumentStart,
   generateHtmlDocumentEnd,
@@ -19,8 +18,8 @@ import {
   generateStudiesSection,
 } from './html-parts';
 
-export const exportManfredJSonToHTMLTemplateB = (manfredJsonContent: ManfredAwesomicCV, theme?: string): string => {
-  const htmlDocumentStart = generateHtmlDocumentStart();
+export const exportManfredJSonToHTMLTemplateB = (manfredJsonContent: ManfredAwesomicCV, settings: Settings): string => {
+  const htmlDocumentStart = generateHtmlDocumentStart(settings.colorTheme);
   const htmlDocumentEnd = generateHtmlDocumentEnd();
   const headerElementStart = generateHeaderElementStart();
   const headerElementEnd = generateHeaderElementEnd();
diff --git a/packages/manfred2html/src/index.ts b/packages/manfred2html/src/index.ts
index 18539350..2f7c68aa 100644
--- a/packages/manfred2html/src/index.ts
+++ b/packages/manfred2html/src/index.ts
@@ -1,2 +1,3 @@
 export * from '@/engine';
 export * from '@/model';
+export * from '@/mappers';
diff --git a/packages/manfred2html/src/mappers/exportHTMLSettings.mappers.ts b/packages/manfred2html/src/mappers/exportHTMLSettings.mappers.ts
new file mode 100644
index 00000000..6ba8989d
--- /dev/null
+++ b/packages/manfred2html/src/mappers/exportHTMLSettings.mappers.ts
@@ -0,0 +1,26 @@
+import { ColorTheme, ExportHTMLSettings, Settings, HexColor } from '@/model';
+
+export const mapColorThemeToHex = (colorTheme: ColorTheme): HexColor => {
+  switch (colorTheme) {
+    case 'default':
+      return HexColor.default;
+    case 'red':
+      return HexColor.red;
+    case 'green':
+      return HexColor.green;
+    case 'orange':
+      return HexColor.orange;
+    case 'yellow':
+      return HexColor.yellow;
+    case 'dark':
+      return HexColor.dark;
+    default:
+      return HexColor.default;
+  }
+};
+
+export const mapExportHTMLSettingsToSettings = (exportHTMLSettings: ExportHTMLSettings): Settings => ({
+  colorTheme: mapColorThemeToHex(exportHTMLSettings.colorTheme),
+  template: exportHTMLSettings.template || 'default',
+  language: exportHTMLSettings.language || 'es',
+});
diff --git a/packages/manfred2html/src/mappers/index.ts b/packages/manfred2html/src/mappers/index.ts
new file mode 100644
index 00000000..00e00995
--- /dev/null
+++ b/packages/manfred2html/src/mappers/index.ts
@@ -0,0 +1 @@
+export * from './exportHTMLSettings.mappers';
diff --git a/packages/manfred2html/src/model/export-html-settings.model.ts b/packages/manfred2html/src/model/export-html-settings.model.ts
index 88f8deda..6e7ada30 100644
--- a/packages/manfred2html/src/model/export-html-settings.model.ts
+++ b/packages/manfred2html/src/model/export-html-settings.model.ts
@@ -1,4 +1,29 @@
+export type ColorTheme = 'default' | 'red' | 'green' | 'orange' | 'yellow' | 'dark';
+export type template = 'default' | 'template-1' | 'template-2';
+export type language = 'es' | 'en';
+export enum HexColor {
+  default = '#247A7E',
+  red = '#E61934',
+  green = '#1DB155',
+  orange = '#CD562F',
+  yellow = '#DEBC19',
+  dark = '#1B2B33',
+}
+
 export interface ExportHTMLSettings {
-  primaryColor: string;
-  // TODO: More settings to be added here
+  colorTheme: ColorTheme;
+  template: template;
+  language: language;
+}
+
+export interface Settings {
+  colorTheme: HexColor;
+  template: template;
+  language: language;
 }
+
+export const createDefaultExportHTMLSettings = (): ExportHTMLSettings => ({
+  colorTheme: 'default',
+  template: 'default',
+  language: 'es',
+});

From 50c5e34aa60a213d7ce6cc52d06cb032ec20ef8a Mon Sep 17 00:00:00 2001
From: juanpms2 <juanpablo@lemoncode.net>
Date: Fri, 3 Nov 2023 13:02:41 +0100
Subject: [PATCH 44/63] changed template selected

---
 .../select/customSelect.component.tsx         |  5 ++-
 .../export-config/export-config.component.tsx | 36 ++++++++++++++++---
 packages/manfred2html/src/engine/index.ts     |  2 +-
 .../html-document-start.ejs                   |  2 +-
 .../src/model/export-html-settings.model.ts   | 12 +++----
 5 files changed, 43 insertions(+), 14 deletions(-)

diff --git a/apps/react-app/src/common-app/components/select/customSelect.component.tsx b/apps/react-app/src/common-app/components/select/customSelect.component.tsx
index a0cca9d9..4a32c3c7 100644
--- a/apps/react-app/src/common-app/components/select/customSelect.component.tsx
+++ b/apps/react-app/src/common-app/components/select/customSelect.component.tsx
@@ -4,8 +4,10 @@ import * as classes from './customSelect.styles';
 interface Props {
   listOptions: string[];
   label: string;
+  onSelectedOption: (option: string) => void;
 }
-export const CustomSelect: React.FC<Props> = ({ listOptions, label }) => {
+export const CustomSelect: React.FC<Props> = props => {
+  const { listOptions, label, onSelectedOption } = props;
   const [isOpen, setIsOpen] = React.useState<boolean>(false);
   const [selectedOption, setSelectedOption] = React.useState<string>(label);
 
@@ -14,6 +16,7 @@ export const CustomSelect: React.FC<Props> = ({ listOptions, label }) => {
   };
 
   const handleOptionSelect = (option: string) => {
+    onSelectedOption(option);
     setSelectedOption(option);
     setIsOpen(false);
   };
diff --git a/apps/react-app/src/pods/template-export/components/export-config/export-config.component.tsx b/apps/react-app/src/pods/template-export/components/export-config/export-config.component.tsx
index bdfa4277..0530825b 100644
--- a/apps/react-app/src/pods/template-export/components/export-config/export-config.component.tsx
+++ b/apps/react-app/src/pods/template-export/components/export-config/export-config.component.tsx
@@ -1,5 +1,11 @@
 import React from 'react';
-import { ColorTheme, ExportHTMLSettings, createDefaultExportHTMLSettings } from '@lemoncode/manfred2html';
+import {
+  TemplateCV,
+  ColorTheme,
+  Language,
+  ExportHTMLSettings,
+  createDefaultExportHTMLSettings,
+} from '@lemoncode/manfred2html';
 import { Button, CustomSelect } from '@/common-app/components';
 import { useUserChoiceContext } from '@/core/user-choice';
 import { CustomSelectColor } from '../customSelectColor/customSelectColor.component';
@@ -12,8 +18,8 @@ interface Props {
 }
 
 const DOWNLOAD_MESSAGE_TIMEOUT = 2500;
-const OPTIONSDESING = ['Item 1', 'Item 2', 'Item 3'];
-const OPTIONSlANGUAGE = ['Item 1', 'Item 2', 'Item 3'];
+const OPTIONSDESING: TemplateCV[] = ['default', 'CV-1'];
+const OPTIONSlANGUAGE: Language[] = ['es', 'en'];
 
 export const ExportConfig: React.FC<Props> = props => {
   const { onExportToHTML, cancelExport, htmlTemplate, onHTMLSettingSelectionChanged } = props;
@@ -34,6 +40,22 @@ export const ExportConfig: React.FC<Props> = props => {
       colorTheme: event.target.value as ColorTheme,
     });
   };
+
+  const handleTemplateChange = (templateCV: string) => {
+    setExportHTMLSettings({ ...exportHTMLSettings, template: templateCV as TemplateCV });
+    onHTMLSettingSelectionChanged(htmlTemplate, {
+      ...exportHTMLSettings,
+      template: templateCV as TemplateCV,
+    });
+  };
+
+  const handleLanguageChange = (language: string) => {
+    setExportHTMLSettings({ ...exportHTMLSettings, language: language as Language });
+    onHTMLSettingSelectionChanged(htmlTemplate, {
+      ...exportHTMLSettings,
+      language: language as Language,
+    });
+  };
   const handleExportConfigSelection = () => {
     setIsDownloadInProgress(true);
     onExportToHTML(exportHTMLSettings);
@@ -53,8 +75,12 @@ export const ExportConfig: React.FC<Props> = props => {
       <div className={classes.optionsContainer}>
         <div className={classes.optionsContent}>
           <div className={classes.selectContainer}>
-            <CustomSelect listOptions={OPTIONSDESING} label={'Diseño'} />
-            <CustomSelect listOptions={OPTIONSlANGUAGE} label={'Idioma cabeceras'} />
+            <CustomSelect listOptions={OPTIONSDESING} onSelectedOption={handleTemplateChange} label={'Diseño'} />
+            <CustomSelect
+              listOptions={OPTIONSlANGUAGE}
+              onSelectedOption={handleLanguageChange}
+              label={'Idioma cabeceras'}
+            />
           </div>
           <div className={classes.selectColorContainer}>
             <CustomSelectColor label={'Colores'} onChange={handleColorChange} />
diff --git a/packages/manfred2html/src/engine/index.ts b/packages/manfred2html/src/engine/index.ts
index 02897462..222b82c9 100644
--- a/packages/manfred2html/src/engine/index.ts
+++ b/packages/manfred2html/src/engine/index.ts
@@ -12,7 +12,7 @@ export const exportHTMLTemplate = (
   switch (settings.template) {
     case 'default':
       return exportManfredJSonToHTMLTemplateA(manfredJsonContent, settings);
-    case 'template-1':
+    case 'CV-1':
       return exportManfredJSonToHTMLTemplateB(manfredJsonContent, settings);
     default:
       throw new Error('Template not found');
diff --git a/packages/manfred2html/src/engine/template-b/html-parts/html-document-start/html-document-start.ejs b/packages/manfred2html/src/engine/template-b/html-parts/html-document-start/html-document-start.ejs
index 121c511e..baac6313 100644
--- a/packages/manfred2html/src/engine/template-b/html-parts/html-document-start/html-document-start.ejs
+++ b/packages/manfred2html/src/engine/template-b/html-parts/html-document-start/html-document-start.ejs
@@ -24,7 +24,7 @@
         --spacing_48: calc(var(--spacing_base) * 12);
         --spacing_64: calc(var(--spacing_base) * 16);
         /* colors */
-        --primary_color: <%= color -%> /* only this color can be changed  */
+        --primary_color: <%= color -%>;/* only this color can be changed  */
         --light_color: #f0f8f9;
         --white_color: #fbfbfa;
         --black_color_800: #111a1f;
diff --git a/packages/manfred2html/src/model/export-html-settings.model.ts b/packages/manfred2html/src/model/export-html-settings.model.ts
index 6e7ada30..c291d231 100644
--- a/packages/manfred2html/src/model/export-html-settings.model.ts
+++ b/packages/manfred2html/src/model/export-html-settings.model.ts
@@ -1,6 +1,6 @@
 export type ColorTheme = 'default' | 'red' | 'green' | 'orange' | 'yellow' | 'dark';
-export type template = 'default' | 'template-1' | 'template-2';
-export type language = 'es' | 'en';
+export type TemplateCV = 'default' | 'CV-1';
+export type Language = 'es' | 'en';
 export enum HexColor {
   default = '#247A7E',
   red = '#E61934',
@@ -12,14 +12,14 @@ export enum HexColor {
 
 export interface ExportHTMLSettings {
   colorTheme: ColorTheme;
-  template: template;
-  language: language;
+  template: TemplateCV;
+  language: Language;
 }
 
 export interface Settings {
   colorTheme: HexColor;
-  template: template;
-  language: language;
+  template: TemplateCV;
+  language: Language;
 }
 
 export const createDefaultExportHTMLSettings = (): ExportHTMLSettings => ({

From 30e35fc01b7f857fcd9b42383bd2257c5d5dcafe Mon Sep 17 00:00:00 2001
From: juanpms2 <juanpablo@lemoncode.net>
Date: Fri, 3 Nov 2023 13:09:46 +0100
Subject: [PATCH 45/63] refactor

---
 .../export-config/export-config.component.tsx          | 10 ++++------
 .../pods/template-export/template-export.component.tsx |  2 +-
 2 files changed, 5 insertions(+), 7 deletions(-)

diff --git a/apps/react-app/src/pods/template-export/components/export-config/export-config.component.tsx b/apps/react-app/src/pods/template-export/components/export-config/export-config.component.tsx
index 0530825b..7973c137 100644
--- a/apps/react-app/src/pods/template-export/components/export-config/export-config.component.tsx
+++ b/apps/react-app/src/pods/template-export/components/export-config/export-config.component.tsx
@@ -7,7 +7,6 @@ import {
   createDefaultExportHTMLSettings,
 } from '@lemoncode/manfred2html';
 import { Button, CustomSelect } from '@/common-app/components';
-import { useUserChoiceContext } from '@/core/user-choice';
 import { CustomSelectColor } from '../customSelectColor/customSelectColor.component';
 import * as classes from './export-config.styles';
 interface Props {
@@ -18,12 +17,11 @@ interface Props {
 }
 
 const DOWNLOAD_MESSAGE_TIMEOUT = 2500;
-const OPTIONSDESING: TemplateCV[] = ['default', 'CV-1'];
-const OPTIONSlANGUAGE: Language[] = ['es', 'en'];
+const DESING_OPTIONS: TemplateCV[] = ['default', 'CV-1'];
+const LANGUAGE_OPTIONS: Language[] = ['es', 'en'];
 
 export const ExportConfig: React.FC<Props> = props => {
   const { onExportToHTML, cancelExport, htmlTemplate, onHTMLSettingSelectionChanged } = props;
-  const { userChoice } = useUserChoiceContext();
   const [exportHTMLSettings, setExportHTMLSettings] = React.useState<ExportHTMLSettings>(
     createDefaultExportHTMLSettings()
   );
@@ -75,9 +73,9 @@ export const ExportConfig: React.FC<Props> = props => {
       <div className={classes.optionsContainer}>
         <div className={classes.optionsContent}>
           <div className={classes.selectContainer}>
-            <CustomSelect listOptions={OPTIONSDESING} onSelectedOption={handleTemplateChange} label={'Diseño'} />
+            <CustomSelect listOptions={DESING_OPTIONS} onSelectedOption={handleTemplateChange} label={'Diseño'} />
             <CustomSelect
-              listOptions={OPTIONSlANGUAGE}
+              listOptions={LANGUAGE_OPTIONS}
               onSelectedOption={handleLanguageChange}
               label={'Idioma cabeceras'}
             />
diff --git a/apps/react-app/src/pods/template-export/template-export.component.tsx b/apps/react-app/src/pods/template-export/template-export.component.tsx
index 5a1a00bb..58b3ce0a 100644
--- a/apps/react-app/src/pods/template-export/template-export.component.tsx
+++ b/apps/react-app/src/pods/template-export/template-export.component.tsx
@@ -2,8 +2,8 @@ import React from 'react';
 import { ExportHTMLSettings } from '@lemoncode/manfred2html';
 import { useUserChoiceContext } from '@/core';
 import { Button, Footer, Header, Modal, Navbar } from '@/common-app/components';
-import * as classes from './template-export.styles';
 import { ExportConfig } from './components/export-config';
+import * as classes from './template-export.styles';
 
 interface Props {
   error: boolean;

From d13117bdf33099cfadff457e9f246385f70f1903 Mon Sep 17 00:00:00 2001
From: juanpms2 <juanpablo@lemoncode.net>
Date: Mon, 6 Nov 2023 11:49:30 +0100
Subject: [PATCH 46/63] updated about me and experience language sections

---
 .../about-me-section/about-me-section.part.ts        | 12 ++++++------
 .../labels/about-me-english-labels.const.ts          |  5 +++++
 .../about-me-section/labels/about-me-labels.model.ts |  3 +++
 .../labels/about-me-spanish-labels.const.ts          |  5 +++++
 .../html-parts/about-me-section/labels/index.ts      |  3 +++
 .../experience-section/experience-section.part.ts    | 12 ++++++------
 .../labels/experience-english-labels.const.ts        |  2 +-
 .../labels/experience-label.model.ts}                |  0
 .../labels/experience-spanish-labels.const.ts        |  2 +-
 .../html-parts/experience-section/labels/index.ts    |  2 +-
 .../about-me-section/about-me-section.part.ts        | 12 +++++++-----
 .../labels/about-me-english-labels.const.ts          |  5 +++++
 .../about-me-section/labels/about-me-labels.model.ts |  3 +++
 .../labels/about-me-spanish-labels.const.ts          |  5 +++++
 .../html-parts/about-me-section/labels/index.ts      |  3 +++
 .../experience-section/experience-section.part.ts    | 11 +++++++----
 .../labels/experience-english-labels.const.ts        |  5 +++++
 .../labels/experience-label.model.ts                 |  3 +++
 .../labels/experience-spanish-labels.const.ts        |  5 +++++
 .../html-parts/experience-section/labels/index.ts    |  3 +++
 .../labels/hard-skills-english-labels.const.ts       |  0
 .../labels/hard-skills-label-definition.model.ts     |  0
 .../labels/hard-skills-spanish-labels.const.ts       |  0
 .../hard-skills-section/labels/index.ts              |  0
 .../language-section/labels/index.ts                 |  0
 .../labels/language-english-labels.const.ts          |  0
 .../labels/language-label-definition.model.ts        |  0
 .../labels/language-spanish-labels.const.ts          |  0
 .../relevants-links-section/labels/index.ts          |  0
 .../labels/relevants-english-labels.const.ts         |  0
 .../labels/relevants-label-definition.model.ts       |  0
 .../labels/relevants-spanish-labels.const.ts         |  0
 .../soft-skills-section/labels/index.ts              |  0
 .../labels/soft-skills-english-labels.const.ts       |  0
 .../labels/soft-skills-label-definition.model.ts     |  0
 .../labels/soft-skills-spanish-labels.const.ts       |  0
 .../studies-section/labels/index.ts                  |  0
 .../labels/studies-english-labels.const.ts           |  0
 .../labels/studies-label-definition.model.ts         |  0
 .../labels/studies-spanish-labels.const.ts           |  0
 40 files changed, 77 insertions(+), 24 deletions(-)
 create mode 100644 packages/manfred2html/src/engine/template-a/html-parts/about-me-section/labels/about-me-english-labels.const.ts
 create mode 100644 packages/manfred2html/src/engine/template-a/html-parts/about-me-section/labels/about-me-labels.model.ts
 create mode 100644 packages/manfred2html/src/engine/template-a/html-parts/about-me-section/labels/about-me-spanish-labels.const.ts
 create mode 100644 packages/manfred2html/src/engine/template-a/html-parts/about-me-section/labels/index.ts
 rename packages/manfred2html/src/engine/{ => template-a}/html-parts/experience-section/labels/experience-english-labels.const.ts (61%)
 rename packages/manfred2html/src/engine/{html-parts/experience-section/labels/experience-label-definition.model.ts => template-a/html-parts/experience-section/labels/experience-label.model.ts} (100%)
 rename packages/manfred2html/src/engine/{ => template-a}/html-parts/experience-section/labels/experience-spanish-labels.const.ts (61%)
 rename packages/manfred2html/src/engine/{ => template-a}/html-parts/experience-section/labels/index.ts (65%)
 create mode 100644 packages/manfred2html/src/engine/template-b/html-parts/about-me-section/labels/about-me-english-labels.const.ts
 create mode 100644 packages/manfred2html/src/engine/template-b/html-parts/about-me-section/labels/about-me-labels.model.ts
 create mode 100644 packages/manfred2html/src/engine/template-b/html-parts/about-me-section/labels/about-me-spanish-labels.const.ts
 create mode 100644 packages/manfred2html/src/engine/template-b/html-parts/about-me-section/labels/index.ts
 create mode 100644 packages/manfred2html/src/engine/template-b/html-parts/experience-section/labels/experience-english-labels.const.ts
 create mode 100644 packages/manfred2html/src/engine/template-b/html-parts/experience-section/labels/experience-label.model.ts
 create mode 100644 packages/manfred2html/src/engine/template-b/html-parts/experience-section/labels/experience-spanish-labels.const.ts
 create mode 100644 packages/manfred2html/src/engine/template-b/html-parts/experience-section/labels/index.ts
 rename packages/manfred2html/src/engine/{html-parts => translations}/hard-skills-section/labels/hard-skills-english-labels.const.ts (100%)
 rename packages/manfred2html/src/engine/{html-parts => translations}/hard-skills-section/labels/hard-skills-label-definition.model.ts (100%)
 rename packages/manfred2html/src/engine/{html-parts => translations}/hard-skills-section/labels/hard-skills-spanish-labels.const.ts (100%)
 rename packages/manfred2html/src/engine/{html-parts => translations}/hard-skills-section/labels/index.ts (100%)
 rename packages/manfred2html/src/engine/{html-parts => translations}/language-section/labels/index.ts (100%)
 rename packages/manfred2html/src/engine/{html-parts => translations}/language-section/labels/language-english-labels.const.ts (100%)
 rename packages/manfred2html/src/engine/{html-parts => translations}/language-section/labels/language-label-definition.model.ts (100%)
 rename packages/manfred2html/src/engine/{html-parts => translations}/language-section/labels/language-spanish-labels.const.ts (100%)
 rename packages/manfred2html/src/engine/{html-parts => translations}/relevants-links-section/labels/index.ts (100%)
 rename packages/manfred2html/src/engine/{html-parts => translations}/relevants-links-section/labels/relevants-english-labels.const.ts (100%)
 rename packages/manfred2html/src/engine/{html-parts => translations}/relevants-links-section/labels/relevants-label-definition.model.ts (100%)
 rename packages/manfred2html/src/engine/{html-parts => translations}/relevants-links-section/labels/relevants-spanish-labels.const.ts (100%)
 rename packages/manfred2html/src/engine/{html-parts => translations}/soft-skills-section/labels/index.ts (100%)
 rename packages/manfred2html/src/engine/{html-parts => translations}/soft-skills-section/labels/soft-skills-english-labels.const.ts (100%)
 rename packages/manfred2html/src/engine/{html-parts => translations}/soft-skills-section/labels/soft-skills-label-definition.model.ts (100%)
 rename packages/manfred2html/src/engine/{html-parts => translations}/soft-skills-section/labels/soft-skills-spanish-labels.const.ts (100%)
 rename packages/manfred2html/src/engine/{html-parts => translations}/studies-section/labels/index.ts (100%)
 rename packages/manfred2html/src/engine/{html-parts => translations}/studies-section/labels/studies-english-labels.const.ts (100%)
 rename packages/manfred2html/src/engine/{html-parts => translations}/studies-section/labels/studies-label-definition.model.ts (100%)
 rename packages/manfred2html/src/engine/{html-parts => translations}/studies-section/labels/studies-spanish-labels.const.ts (100%)

diff --git a/packages/manfred2html/src/engine/template-a/html-parts/about-me-section/about-me-section.part.ts b/packages/manfred2html/src/engine/template-a/html-parts/about-me-section/about-me-section.part.ts
index c8d2bf27..76d7917e 100644
--- a/packages/manfred2html/src/engine/template-a/html-parts/about-me-section/about-me-section.part.ts
+++ b/packages/manfred2html/src/engine/template-a/html-parts/about-me-section/about-me-section.part.ts
@@ -1,19 +1,19 @@
-import { ManfredAwesomicCV } from '@/model';
+import ejs from 'ejs';
 import { ProfileSectionVm, mapFromMacCvToProfileSectionVm } from '@lemoncode/manfred-common/profile-section';
+import { ManfredAwesomicCV, ExportHTMLSettings, Language } from '@/model';
+import { englishAboutMeLabels, spanishAboutMeLabels } from './labels';
 import aboutMe from './about-me-section.ejs?raw';
-import ejs from 'ejs';
-import { Language } from '@lemoncode/manfred-common/model';
 
-export const generateAboutMeSection = (cv: ManfredAwesomicCV, language: Language = 'es'): string => {
+export const generateAboutMeSection = (cv: ManfredAwesomicCV, settings: ExportHTMLSettings): string => {
   const profileSectionVm = mapFromMacCvToProfileSectionVm(cv);
 
-  return generateAboutMeSectionInner(profileSectionVm, language);
+  return generateAboutMeSectionInner(profileSectionVm, settings.language);
 };
 
 const generateAboutMeSectionInner = (profileSectionVm: ProfileSectionVm, language: Language): string => {
   const rootObject = {
     profile: profileSectionVm,
-    language: !language || language === 'es' ? null : language,
+    labels: !language || language === 'es' ? spanishAboutMeLabels : englishAboutMeLabels,
   };
 
   return ejs.render(aboutMe, rootObject);
diff --git a/packages/manfred2html/src/engine/template-a/html-parts/about-me-section/labels/about-me-english-labels.const.ts b/packages/manfred2html/src/engine/template-a/html-parts/about-me-section/labels/about-me-english-labels.const.ts
new file mode 100644
index 00000000..7d85fc96
--- /dev/null
+++ b/packages/manfred2html/src/engine/template-a/html-parts/about-me-section/labels/about-me-english-labels.const.ts
@@ -0,0 +1,5 @@
+import { AboutMeLabels } from './about-me-labels.model';
+
+export const englishAboutMeLabels: AboutMeLabels = {
+  ABOUT_ME_HEADING: 'About me',
+};
diff --git a/packages/manfred2html/src/engine/template-a/html-parts/about-me-section/labels/about-me-labels.model.ts b/packages/manfred2html/src/engine/template-a/html-parts/about-me-section/labels/about-me-labels.model.ts
new file mode 100644
index 00000000..ff37c169
--- /dev/null
+++ b/packages/manfred2html/src/engine/template-a/html-parts/about-me-section/labels/about-me-labels.model.ts
@@ -0,0 +1,3 @@
+export interface AboutMeLabels {
+  ABOUT_ME_HEADING: string;
+}
diff --git a/packages/manfred2html/src/engine/template-a/html-parts/about-me-section/labels/about-me-spanish-labels.const.ts b/packages/manfred2html/src/engine/template-a/html-parts/about-me-section/labels/about-me-spanish-labels.const.ts
new file mode 100644
index 00000000..3aa4c27d
--- /dev/null
+++ b/packages/manfred2html/src/engine/template-a/html-parts/about-me-section/labels/about-me-spanish-labels.const.ts
@@ -0,0 +1,5 @@
+import { AboutMeLabels } from './about-me-labels.model';
+
+export const spanishAboutMeLabels: AboutMeLabels = {
+  ABOUT_ME_HEADING: 'Sobre mí',
+};
diff --git a/packages/manfred2html/src/engine/template-a/html-parts/about-me-section/labels/index.ts b/packages/manfred2html/src/engine/template-a/html-parts/about-me-section/labels/index.ts
new file mode 100644
index 00000000..75b78ed9
--- /dev/null
+++ b/packages/manfred2html/src/engine/template-a/html-parts/about-me-section/labels/index.ts
@@ -0,0 +1,3 @@
+export * from './about-me-labels.model';
+export * from './about-me-english-labels.const';
+export * from './about-me-spanish-labels.const';
diff --git a/packages/manfred2html/src/engine/template-a/html-parts/experience-section/experience-section.part.ts b/packages/manfred2html/src/engine/template-a/html-parts/experience-section/experience-section.part.ts
index 2e2754be..f3de1901 100644
--- a/packages/manfred2html/src/engine/template-a/html-parts/experience-section/experience-section.part.ts
+++ b/packages/manfred2html/src/engine/template-a/html-parts/experience-section/experience-section.part.ts
@@ -1,20 +1,20 @@
 import ejs from 'ejs';
 import { ExperienceVm, mapFromMacCvToExperienceSectionVm } from '@lemoncode/manfred-common/experience-section';
-import { ManfredAwesomicCV } from '@/model';
-import experienceTemplate from './experience-section.ejs?raw';
 import { Language } from '@lemoncode/manfred-common/model';
+import { ExportHTMLSettings, ManfredAwesomicCV } from '@/model';
+import experienceTemplate from './experience-section.ejs?raw';
 import { englishExperienceLabels, spanishExperienceLabels } from './labels';
 
-export const generateExperiencesSection = (cv: ManfredAwesomicCV, language: Language = 'es'): string => {
+export const generateExperiencesSection = (cv: ManfredAwesomicCV, settings: ExportHTMLSettings): string => {
   const experienceSectionVm = mapFromMacCvToExperienceSectionVm(cv);
 
-  return generateExperienceSectionInner(experienceSectionVm, 'es' /* language */);
+  return generateExperienceSectionInner(experienceSectionVm, settings.language);
 };
 
-const generateExperienceSectionInner = (experienceSectionVm: ExperienceVm[], language: Language): string => {
+const generateExperienceSectionInner = (experienceSectionVm: ExperienceVm[], language: Language = 'es'): string => {
   const rootObject = {
     experienceCollection: experienceSectionVm,
-    labels: !language || language === 'es' ? spanishExperienceLabels : englishExperienceLabels,
+    labels: language === 'es' ? spanishExperienceLabels : englishExperienceLabels,
   };
 
   return ejs.render(experienceTemplate, rootObject);
diff --git a/packages/manfred2html/src/engine/html-parts/experience-section/labels/experience-english-labels.const.ts b/packages/manfred2html/src/engine/template-a/html-parts/experience-section/labels/experience-english-labels.const.ts
similarity index 61%
rename from packages/manfred2html/src/engine/html-parts/experience-section/labels/experience-english-labels.const.ts
rename to packages/manfred2html/src/engine/template-a/html-parts/experience-section/labels/experience-english-labels.const.ts
index 8ab6d6d4..32bfca4b 100644
--- a/packages/manfred2html/src/engine/html-parts/experience-section/labels/experience-english-labels.const.ts
+++ b/packages/manfred2html/src/engine/template-a/html-parts/experience-section/labels/experience-english-labels.const.ts
@@ -1,4 +1,4 @@
-import { ExperienceLabels } from './experience-label-definition.model';
+import { ExperienceLabels } from './experience-label.model';
 
 export const englishExperienceLabels: ExperienceLabels = {
   EXPERIENCE_CAREER_HEADING: 'Experience / Career',
diff --git a/packages/manfred2html/src/engine/html-parts/experience-section/labels/experience-label-definition.model.ts b/packages/manfred2html/src/engine/template-a/html-parts/experience-section/labels/experience-label.model.ts
similarity index 100%
rename from packages/manfred2html/src/engine/html-parts/experience-section/labels/experience-label-definition.model.ts
rename to packages/manfred2html/src/engine/template-a/html-parts/experience-section/labels/experience-label.model.ts
diff --git a/packages/manfred2html/src/engine/html-parts/experience-section/labels/experience-spanish-labels.const.ts b/packages/manfred2html/src/engine/template-a/html-parts/experience-section/labels/experience-spanish-labels.const.ts
similarity index 61%
rename from packages/manfred2html/src/engine/html-parts/experience-section/labels/experience-spanish-labels.const.ts
rename to packages/manfred2html/src/engine/template-a/html-parts/experience-section/labels/experience-spanish-labels.const.ts
index 99a02460..40dee25d 100644
--- a/packages/manfred2html/src/engine/html-parts/experience-section/labels/experience-spanish-labels.const.ts
+++ b/packages/manfred2html/src/engine/template-a/html-parts/experience-section/labels/experience-spanish-labels.const.ts
@@ -1,4 +1,4 @@
-import { ExperienceLabels } from './experience-label-definition.model';
+import { ExperienceLabels } from './experience-label.model';
 
 export const spanishExperienceLabels: ExperienceLabels = {
   EXPERIENCE_CAREER_HEADING: 'Experiencia / Carrera',
diff --git a/packages/manfred2html/src/engine/html-parts/experience-section/labels/index.ts b/packages/manfred2html/src/engine/template-a/html-parts/experience-section/labels/index.ts
similarity index 65%
rename from packages/manfred2html/src/engine/html-parts/experience-section/labels/index.ts
rename to packages/manfred2html/src/engine/template-a/html-parts/experience-section/labels/index.ts
index 56feaa6c..025c8d1b 100644
--- a/packages/manfred2html/src/engine/html-parts/experience-section/labels/index.ts
+++ b/packages/manfred2html/src/engine/template-a/html-parts/experience-section/labels/index.ts
@@ -1,3 +1,3 @@
-export * from './experience-label-definition.model';
+export * from './experience-label.model';
 export * from './experience-english-labels.const';
 export * from './experience-spanish-labels.const';
diff --git a/packages/manfred2html/src/engine/template-b/html-parts/about-me-section/about-me-section.part.ts b/packages/manfred2html/src/engine/template-b/html-parts/about-me-section/about-me-section.part.ts
index d945a21a..76d7917e 100644
--- a/packages/manfred2html/src/engine/template-b/html-parts/about-me-section/about-me-section.part.ts
+++ b/packages/manfred2html/src/engine/template-b/html-parts/about-me-section/about-me-section.part.ts
@@ -1,17 +1,19 @@
-import { ManfredAwesomicCV } from '@/model';
+import ejs from 'ejs';
 import { ProfileSectionVm, mapFromMacCvToProfileSectionVm } from '@lemoncode/manfred-common/profile-section';
+import { ManfredAwesomicCV, ExportHTMLSettings, Language } from '@/model';
+import { englishAboutMeLabels, spanishAboutMeLabels } from './labels';
 import aboutMe from './about-me-section.ejs?raw';
-import ejs from 'ejs';
 
-export const generateAboutMeSection = (cv: ManfredAwesomicCV): string => {
+export const generateAboutMeSection = (cv: ManfredAwesomicCV, settings: ExportHTMLSettings): string => {
   const profileSectionVm = mapFromMacCvToProfileSectionVm(cv);
 
-  return generateAboutMeSectionInner(profileSectionVm);
+  return generateAboutMeSectionInner(profileSectionVm, settings.language);
 };
 
-const generateAboutMeSectionInner = (profileSectionVm: ProfileSectionVm): string => {
+const generateAboutMeSectionInner = (profileSectionVm: ProfileSectionVm, language: Language): string => {
   const rootObject = {
     profile: profileSectionVm,
+    labels: !language || language === 'es' ? spanishAboutMeLabels : englishAboutMeLabels,
   };
 
   return ejs.render(aboutMe, rootObject);
diff --git a/packages/manfred2html/src/engine/template-b/html-parts/about-me-section/labels/about-me-english-labels.const.ts b/packages/manfred2html/src/engine/template-b/html-parts/about-me-section/labels/about-me-english-labels.const.ts
new file mode 100644
index 00000000..7d85fc96
--- /dev/null
+++ b/packages/manfred2html/src/engine/template-b/html-parts/about-me-section/labels/about-me-english-labels.const.ts
@@ -0,0 +1,5 @@
+import { AboutMeLabels } from './about-me-labels.model';
+
+export const englishAboutMeLabels: AboutMeLabels = {
+  ABOUT_ME_HEADING: 'About me',
+};
diff --git a/packages/manfred2html/src/engine/template-b/html-parts/about-me-section/labels/about-me-labels.model.ts b/packages/manfred2html/src/engine/template-b/html-parts/about-me-section/labels/about-me-labels.model.ts
new file mode 100644
index 00000000..ff37c169
--- /dev/null
+++ b/packages/manfred2html/src/engine/template-b/html-parts/about-me-section/labels/about-me-labels.model.ts
@@ -0,0 +1,3 @@
+export interface AboutMeLabels {
+  ABOUT_ME_HEADING: string;
+}
diff --git a/packages/manfred2html/src/engine/template-b/html-parts/about-me-section/labels/about-me-spanish-labels.const.ts b/packages/manfred2html/src/engine/template-b/html-parts/about-me-section/labels/about-me-spanish-labels.const.ts
new file mode 100644
index 00000000..3aa4c27d
--- /dev/null
+++ b/packages/manfred2html/src/engine/template-b/html-parts/about-me-section/labels/about-me-spanish-labels.const.ts
@@ -0,0 +1,5 @@
+import { AboutMeLabels } from './about-me-labels.model';
+
+export const spanishAboutMeLabels: AboutMeLabels = {
+  ABOUT_ME_HEADING: 'Sobre mí',
+};
diff --git a/packages/manfred2html/src/engine/template-b/html-parts/about-me-section/labels/index.ts b/packages/manfred2html/src/engine/template-b/html-parts/about-me-section/labels/index.ts
new file mode 100644
index 00000000..75b78ed9
--- /dev/null
+++ b/packages/manfred2html/src/engine/template-b/html-parts/about-me-section/labels/index.ts
@@ -0,0 +1,3 @@
+export * from './about-me-labels.model';
+export * from './about-me-english-labels.const';
+export * from './about-me-spanish-labels.const';
diff --git a/packages/manfred2html/src/engine/template-b/html-parts/experience-section/experience-section.part.ts b/packages/manfred2html/src/engine/template-b/html-parts/experience-section/experience-section.part.ts
index fc8140f3..f3de1901 100644
--- a/packages/manfred2html/src/engine/template-b/html-parts/experience-section/experience-section.part.ts
+++ b/packages/manfred2html/src/engine/template-b/html-parts/experience-section/experience-section.part.ts
@@ -1,17 +1,20 @@
 import ejs from 'ejs';
 import { ExperienceVm, mapFromMacCvToExperienceSectionVm } from '@lemoncode/manfred-common/experience-section';
-import { ManfredAwesomicCV } from '@/model';
+import { Language } from '@lemoncode/manfred-common/model';
+import { ExportHTMLSettings, ManfredAwesomicCV } from '@/model';
 import experienceTemplate from './experience-section.ejs?raw';
+import { englishExperienceLabels, spanishExperienceLabels } from './labels';
 
-export const generateExperiencesSection = (cv: ManfredAwesomicCV): string => {
+export const generateExperiencesSection = (cv: ManfredAwesomicCV, settings: ExportHTMLSettings): string => {
   const experienceSectionVm = mapFromMacCvToExperienceSectionVm(cv);
 
-  return generateExperienceSectionInner(experienceSectionVm);
+  return generateExperienceSectionInner(experienceSectionVm, settings.language);
 };
 
-const generateExperienceSectionInner = (experienceSectionVm: ExperienceVm[]): string => {
+const generateExperienceSectionInner = (experienceSectionVm: ExperienceVm[], language: Language = 'es'): string => {
   const rootObject = {
     experienceCollection: experienceSectionVm,
+    labels: language === 'es' ? spanishExperienceLabels : englishExperienceLabels,
   };
 
   return ejs.render(experienceTemplate, rootObject);
diff --git a/packages/manfred2html/src/engine/template-b/html-parts/experience-section/labels/experience-english-labels.const.ts b/packages/manfred2html/src/engine/template-b/html-parts/experience-section/labels/experience-english-labels.const.ts
new file mode 100644
index 00000000..32bfca4b
--- /dev/null
+++ b/packages/manfred2html/src/engine/template-b/html-parts/experience-section/labels/experience-english-labels.const.ts
@@ -0,0 +1,5 @@
+import { ExperienceLabels } from './experience-label.model';
+
+export const englishExperienceLabels: ExperienceLabels = {
+  EXPERIENCE_CAREER_HEADING: 'Experience / Career',
+};
diff --git a/packages/manfred2html/src/engine/template-b/html-parts/experience-section/labels/experience-label.model.ts b/packages/manfred2html/src/engine/template-b/html-parts/experience-section/labels/experience-label.model.ts
new file mode 100644
index 00000000..6f3c04e3
--- /dev/null
+++ b/packages/manfred2html/src/engine/template-b/html-parts/experience-section/labels/experience-label.model.ts
@@ -0,0 +1,3 @@
+export interface ExperienceLabels {
+  EXPERIENCE_CAREER_HEADING: string;
+}
diff --git a/packages/manfred2html/src/engine/template-b/html-parts/experience-section/labels/experience-spanish-labels.const.ts b/packages/manfred2html/src/engine/template-b/html-parts/experience-section/labels/experience-spanish-labels.const.ts
new file mode 100644
index 00000000..40dee25d
--- /dev/null
+++ b/packages/manfred2html/src/engine/template-b/html-parts/experience-section/labels/experience-spanish-labels.const.ts
@@ -0,0 +1,5 @@
+import { ExperienceLabels } from './experience-label.model';
+
+export const spanishExperienceLabels: ExperienceLabels = {
+  EXPERIENCE_CAREER_HEADING: 'Experiencia / Carrera',
+};
diff --git a/packages/manfred2html/src/engine/template-b/html-parts/experience-section/labels/index.ts b/packages/manfred2html/src/engine/template-b/html-parts/experience-section/labels/index.ts
new file mode 100644
index 00000000..025c8d1b
--- /dev/null
+++ b/packages/manfred2html/src/engine/template-b/html-parts/experience-section/labels/index.ts
@@ -0,0 +1,3 @@
+export * from './experience-label.model';
+export * from './experience-english-labels.const';
+export * from './experience-spanish-labels.const';
diff --git a/packages/manfred2html/src/engine/html-parts/hard-skills-section/labels/hard-skills-english-labels.const.ts b/packages/manfred2html/src/engine/translations/hard-skills-section/labels/hard-skills-english-labels.const.ts
similarity index 100%
rename from packages/manfred2html/src/engine/html-parts/hard-skills-section/labels/hard-skills-english-labels.const.ts
rename to packages/manfred2html/src/engine/translations/hard-skills-section/labels/hard-skills-english-labels.const.ts
diff --git a/packages/manfred2html/src/engine/html-parts/hard-skills-section/labels/hard-skills-label-definition.model.ts b/packages/manfred2html/src/engine/translations/hard-skills-section/labels/hard-skills-label-definition.model.ts
similarity index 100%
rename from packages/manfred2html/src/engine/html-parts/hard-skills-section/labels/hard-skills-label-definition.model.ts
rename to packages/manfred2html/src/engine/translations/hard-skills-section/labels/hard-skills-label-definition.model.ts
diff --git a/packages/manfred2html/src/engine/html-parts/hard-skills-section/labels/hard-skills-spanish-labels.const.ts b/packages/manfred2html/src/engine/translations/hard-skills-section/labels/hard-skills-spanish-labels.const.ts
similarity index 100%
rename from packages/manfred2html/src/engine/html-parts/hard-skills-section/labels/hard-skills-spanish-labels.const.ts
rename to packages/manfred2html/src/engine/translations/hard-skills-section/labels/hard-skills-spanish-labels.const.ts
diff --git a/packages/manfred2html/src/engine/html-parts/hard-skills-section/labels/index.ts b/packages/manfred2html/src/engine/translations/hard-skills-section/labels/index.ts
similarity index 100%
rename from packages/manfred2html/src/engine/html-parts/hard-skills-section/labels/index.ts
rename to packages/manfred2html/src/engine/translations/hard-skills-section/labels/index.ts
diff --git a/packages/manfred2html/src/engine/html-parts/language-section/labels/index.ts b/packages/manfred2html/src/engine/translations/language-section/labels/index.ts
similarity index 100%
rename from packages/manfred2html/src/engine/html-parts/language-section/labels/index.ts
rename to packages/manfred2html/src/engine/translations/language-section/labels/index.ts
diff --git a/packages/manfred2html/src/engine/html-parts/language-section/labels/language-english-labels.const.ts b/packages/manfred2html/src/engine/translations/language-section/labels/language-english-labels.const.ts
similarity index 100%
rename from packages/manfred2html/src/engine/html-parts/language-section/labels/language-english-labels.const.ts
rename to packages/manfred2html/src/engine/translations/language-section/labels/language-english-labels.const.ts
diff --git a/packages/manfred2html/src/engine/html-parts/language-section/labels/language-label-definition.model.ts b/packages/manfred2html/src/engine/translations/language-section/labels/language-label-definition.model.ts
similarity index 100%
rename from packages/manfred2html/src/engine/html-parts/language-section/labels/language-label-definition.model.ts
rename to packages/manfred2html/src/engine/translations/language-section/labels/language-label-definition.model.ts
diff --git a/packages/manfred2html/src/engine/html-parts/language-section/labels/language-spanish-labels.const.ts b/packages/manfred2html/src/engine/translations/language-section/labels/language-spanish-labels.const.ts
similarity index 100%
rename from packages/manfred2html/src/engine/html-parts/language-section/labels/language-spanish-labels.const.ts
rename to packages/manfred2html/src/engine/translations/language-section/labels/language-spanish-labels.const.ts
diff --git a/packages/manfred2html/src/engine/html-parts/relevants-links-section/labels/index.ts b/packages/manfred2html/src/engine/translations/relevants-links-section/labels/index.ts
similarity index 100%
rename from packages/manfred2html/src/engine/html-parts/relevants-links-section/labels/index.ts
rename to packages/manfred2html/src/engine/translations/relevants-links-section/labels/index.ts
diff --git a/packages/manfred2html/src/engine/html-parts/relevants-links-section/labels/relevants-english-labels.const.ts b/packages/manfred2html/src/engine/translations/relevants-links-section/labels/relevants-english-labels.const.ts
similarity index 100%
rename from packages/manfred2html/src/engine/html-parts/relevants-links-section/labels/relevants-english-labels.const.ts
rename to packages/manfred2html/src/engine/translations/relevants-links-section/labels/relevants-english-labels.const.ts
diff --git a/packages/manfred2html/src/engine/html-parts/relevants-links-section/labels/relevants-label-definition.model.ts b/packages/manfred2html/src/engine/translations/relevants-links-section/labels/relevants-label-definition.model.ts
similarity index 100%
rename from packages/manfred2html/src/engine/html-parts/relevants-links-section/labels/relevants-label-definition.model.ts
rename to packages/manfred2html/src/engine/translations/relevants-links-section/labels/relevants-label-definition.model.ts
diff --git a/packages/manfred2html/src/engine/html-parts/relevants-links-section/labels/relevants-spanish-labels.const.ts b/packages/manfred2html/src/engine/translations/relevants-links-section/labels/relevants-spanish-labels.const.ts
similarity index 100%
rename from packages/manfred2html/src/engine/html-parts/relevants-links-section/labels/relevants-spanish-labels.const.ts
rename to packages/manfred2html/src/engine/translations/relevants-links-section/labels/relevants-spanish-labels.const.ts
diff --git a/packages/manfred2html/src/engine/html-parts/soft-skills-section/labels/index.ts b/packages/manfred2html/src/engine/translations/soft-skills-section/labels/index.ts
similarity index 100%
rename from packages/manfred2html/src/engine/html-parts/soft-skills-section/labels/index.ts
rename to packages/manfred2html/src/engine/translations/soft-skills-section/labels/index.ts
diff --git a/packages/manfred2html/src/engine/html-parts/soft-skills-section/labels/soft-skills-english-labels.const.ts b/packages/manfred2html/src/engine/translations/soft-skills-section/labels/soft-skills-english-labels.const.ts
similarity index 100%
rename from packages/manfred2html/src/engine/html-parts/soft-skills-section/labels/soft-skills-english-labels.const.ts
rename to packages/manfred2html/src/engine/translations/soft-skills-section/labels/soft-skills-english-labels.const.ts
diff --git a/packages/manfred2html/src/engine/html-parts/soft-skills-section/labels/soft-skills-label-definition.model.ts b/packages/manfred2html/src/engine/translations/soft-skills-section/labels/soft-skills-label-definition.model.ts
similarity index 100%
rename from packages/manfred2html/src/engine/html-parts/soft-skills-section/labels/soft-skills-label-definition.model.ts
rename to packages/manfred2html/src/engine/translations/soft-skills-section/labels/soft-skills-label-definition.model.ts
diff --git a/packages/manfred2html/src/engine/html-parts/soft-skills-section/labels/soft-skills-spanish-labels.const.ts b/packages/manfred2html/src/engine/translations/soft-skills-section/labels/soft-skills-spanish-labels.const.ts
similarity index 100%
rename from packages/manfred2html/src/engine/html-parts/soft-skills-section/labels/soft-skills-spanish-labels.const.ts
rename to packages/manfred2html/src/engine/translations/soft-skills-section/labels/soft-skills-spanish-labels.const.ts
diff --git a/packages/manfred2html/src/engine/html-parts/studies-section/labels/index.ts b/packages/manfred2html/src/engine/translations/studies-section/labels/index.ts
similarity index 100%
rename from packages/manfred2html/src/engine/html-parts/studies-section/labels/index.ts
rename to packages/manfred2html/src/engine/translations/studies-section/labels/index.ts
diff --git a/packages/manfred2html/src/engine/html-parts/studies-section/labels/studies-english-labels.const.ts b/packages/manfred2html/src/engine/translations/studies-section/labels/studies-english-labels.const.ts
similarity index 100%
rename from packages/manfred2html/src/engine/html-parts/studies-section/labels/studies-english-labels.const.ts
rename to packages/manfred2html/src/engine/translations/studies-section/labels/studies-english-labels.const.ts
diff --git a/packages/manfred2html/src/engine/html-parts/studies-section/labels/studies-label-definition.model.ts b/packages/manfred2html/src/engine/translations/studies-section/labels/studies-label-definition.model.ts
similarity index 100%
rename from packages/manfred2html/src/engine/html-parts/studies-section/labels/studies-label-definition.model.ts
rename to packages/manfred2html/src/engine/translations/studies-section/labels/studies-label-definition.model.ts
diff --git a/packages/manfred2html/src/engine/html-parts/studies-section/labels/studies-spanish-labels.const.ts b/packages/manfred2html/src/engine/translations/studies-section/labels/studies-spanish-labels.const.ts
similarity index 100%
rename from packages/manfred2html/src/engine/html-parts/studies-section/labels/studies-spanish-labels.const.ts
rename to packages/manfred2html/src/engine/translations/studies-section/labels/studies-spanish-labels.const.ts

From 336d0e2d1a6c8da5e7760b28cde24c456a054c34 Mon Sep 17 00:00:00 2001
From: juanpms2 <juanpablo@lemoncode.net>
Date: Mon, 6 Nov 2023 11:57:55 +0100
Subject: [PATCH 47/63] updated hard skills labels

---
 packages/manfred-common/src/model/settings.model.ts    |  7 -------
 .../experience-section/experience-section.part.ts      |  3 +--
 .../hard-skills-section/hard-skills-section.part.ts    |  9 ++++-----
 .../labels/hard-skills-english-labels.const.ts         |  5 +++++
 .../labels/hard-skills-label.model.ts}                 |  0
 .../labels/hard-skills-spanish-labels.const.ts         |  5 +++++
 .../html-parts/hard-skills-section/labels/index.ts     |  3 +++
 .../experience-section/experience-section.part.ts      |  3 +--
 .../hard-skills-section/hard-skills-section.part.ts    | 10 ++++++----
 .../labels/hard-skills-english-labels.const.ts         |  5 +++++
 .../labels/hard-skills-label.model.ts                  |  3 +++
 .../labels/hard-skills-spanish-labels.const.ts         |  5 +++++
 .../html-parts/hard-skills-section/labels/index.ts     |  3 +++
 .../labels/hard-skills-english-labels.const.ts         |  2 +-
 .../labels/hard-skills-label.model.ts                  |  3 +++
 .../labels/hard-skills-spanish-labels.const.ts         |  2 +-
 .../translations/hard-skills-section/labels/index.ts   |  2 +-
 17 files changed, 47 insertions(+), 23 deletions(-)
 delete mode 100644 packages/manfred-common/src/model/settings.model.ts
 create mode 100644 packages/manfred2html/src/engine/template-a/html-parts/hard-skills-section/labels/hard-skills-english-labels.const.ts
 rename packages/manfred2html/src/engine/{translations/hard-skills-section/labels/hard-skills-label-definition.model.ts => template-a/html-parts/hard-skills-section/labels/hard-skills-label.model.ts} (100%)
 create mode 100644 packages/manfred2html/src/engine/template-a/html-parts/hard-skills-section/labels/hard-skills-spanish-labels.const.ts
 create mode 100644 packages/manfred2html/src/engine/template-a/html-parts/hard-skills-section/labels/index.ts
 create mode 100644 packages/manfred2html/src/engine/template-b/html-parts/hard-skills-section/labels/hard-skills-english-labels.const.ts
 create mode 100644 packages/manfred2html/src/engine/template-b/html-parts/hard-skills-section/labels/hard-skills-label.model.ts
 create mode 100644 packages/manfred2html/src/engine/template-b/html-parts/hard-skills-section/labels/hard-skills-spanish-labels.const.ts
 create mode 100644 packages/manfred2html/src/engine/template-b/html-parts/hard-skills-section/labels/index.ts
 create mode 100644 packages/manfred2html/src/engine/translations/hard-skills-section/labels/hard-skills-label.model.ts

diff --git a/packages/manfred-common/src/model/settings.model.ts b/packages/manfred-common/src/model/settings.model.ts
deleted file mode 100644
index 10341da9..00000000
--- a/packages/manfred-common/src/model/settings.model.ts
+++ /dev/null
@@ -1,7 +0,0 @@
-export type Theme  = "Gold" | "Eco" | "Serious";
-export type Language = "en" | "es";
-
-export interface Settings {
-  theme?: Theme;
-  language?: Language;
-}
diff --git a/packages/manfred2html/src/engine/template-a/html-parts/experience-section/experience-section.part.ts b/packages/manfred2html/src/engine/template-a/html-parts/experience-section/experience-section.part.ts
index f3de1901..500cdd79 100644
--- a/packages/manfred2html/src/engine/template-a/html-parts/experience-section/experience-section.part.ts
+++ b/packages/manfred2html/src/engine/template-a/html-parts/experience-section/experience-section.part.ts
@@ -1,7 +1,6 @@
 import ejs from 'ejs';
 import { ExperienceVm, mapFromMacCvToExperienceSectionVm } from '@lemoncode/manfred-common/experience-section';
-import { Language } from '@lemoncode/manfred-common/model';
-import { ExportHTMLSettings, ManfredAwesomicCV } from '@/model';
+import { ExportHTMLSettings, Language, ManfredAwesomicCV } from '@/model';
 import experienceTemplate from './experience-section.ejs?raw';
 import { englishExperienceLabels, spanishExperienceLabels } from './labels';
 
diff --git a/packages/manfred2html/src/engine/template-a/html-parts/hard-skills-section/hard-skills-section.part.ts b/packages/manfred2html/src/engine/template-a/html-parts/hard-skills-section/hard-skills-section.part.ts
index 22dd2da9..f2042177 100644
--- a/packages/manfred2html/src/engine/template-a/html-parts/hard-skills-section/hard-skills-section.part.ts
+++ b/packages/manfred2html/src/engine/template-a/html-parts/hard-skills-section/hard-skills-section.part.ts
@@ -1,13 +1,12 @@
 import ejs from 'ejs';
-import { ManfredAwesomicCV } from '@/model';
 import { HardSkillVM, mapFromCvToHardSkillVm } from '@lemoncode/manfred-common/hard-skill-section';
-import hardSkillsTemplate from './hard-skills-section.ejs?raw';
-import { Language } from '@lemoncode/manfred-common/model';
+import { ExportHTMLSettings, Language, ManfredAwesomicCV } from '@/model';
 import { englishHardSkillsLabels, spanishHardSkillsLabels } from './labels';
+import hardSkillsTemplate from './hard-skills-section.ejs?raw';
 
-export const generateHardSkillsSection = (cv: ManfredAwesomicCV, language: Language = 'es'): string => {
+export const generateHardSkillsSection = (cv: ManfredAwesomicCV, settings: ExportHTMLSettings): string => {
   const hardSkillsSectionVm = mapFromCvToHardSkillVm(cv);
-  return generateHardSkillsSectionInner(hardSkillsSectionVm, 'es');
+  return generateHardSkillsSectionInner(hardSkillsSectionVm, settings.language);
 };
 
 const generateHardSkillsSectionInner = (hardSkillsSectionVm: HardSkillVM[], language: Language): string => {
diff --git a/packages/manfred2html/src/engine/template-a/html-parts/hard-skills-section/labels/hard-skills-english-labels.const.ts b/packages/manfred2html/src/engine/template-a/html-parts/hard-skills-section/labels/hard-skills-english-labels.const.ts
new file mode 100644
index 00000000..57fc749e
--- /dev/null
+++ b/packages/manfred2html/src/engine/template-a/html-parts/hard-skills-section/labels/hard-skills-english-labels.const.ts
@@ -0,0 +1,5 @@
+import { HardSkillsLabels } from './hard-skills-label.model';
+
+export const englishHardSkillsLabels: HardSkillsLabels = {
+  HARD_SKILLS_HEADING: 'Hard Skills',
+};
diff --git a/packages/manfred2html/src/engine/translations/hard-skills-section/labels/hard-skills-label-definition.model.ts b/packages/manfred2html/src/engine/template-a/html-parts/hard-skills-section/labels/hard-skills-label.model.ts
similarity index 100%
rename from packages/manfred2html/src/engine/translations/hard-skills-section/labels/hard-skills-label-definition.model.ts
rename to packages/manfred2html/src/engine/template-a/html-parts/hard-skills-section/labels/hard-skills-label.model.ts
diff --git a/packages/manfred2html/src/engine/template-a/html-parts/hard-skills-section/labels/hard-skills-spanish-labels.const.ts b/packages/manfred2html/src/engine/template-a/html-parts/hard-skills-section/labels/hard-skills-spanish-labels.const.ts
new file mode 100644
index 00000000..688d9216
--- /dev/null
+++ b/packages/manfred2html/src/engine/template-a/html-parts/hard-skills-section/labels/hard-skills-spanish-labels.const.ts
@@ -0,0 +1,5 @@
+import { HardSkillsLabels } from './hard-skills-label.model';
+
+export const spanishHardSkillsLabels: HardSkillsLabels = {
+  HARD_SKILLS_HEADING: 'Competencias',
+};
diff --git a/packages/manfred2html/src/engine/template-a/html-parts/hard-skills-section/labels/index.ts b/packages/manfred2html/src/engine/template-a/html-parts/hard-skills-section/labels/index.ts
new file mode 100644
index 00000000..b29a2eaa
--- /dev/null
+++ b/packages/manfred2html/src/engine/template-a/html-parts/hard-skills-section/labels/index.ts
@@ -0,0 +1,3 @@
+export * from './hard-skills-english-labels.const';
+export * from './hard-skills-spanish-labels.const';
+export * from './hard-skills-label.model';
diff --git a/packages/manfred2html/src/engine/template-b/html-parts/experience-section/experience-section.part.ts b/packages/manfred2html/src/engine/template-b/html-parts/experience-section/experience-section.part.ts
index f3de1901..500cdd79 100644
--- a/packages/manfred2html/src/engine/template-b/html-parts/experience-section/experience-section.part.ts
+++ b/packages/manfred2html/src/engine/template-b/html-parts/experience-section/experience-section.part.ts
@@ -1,7 +1,6 @@
 import ejs from 'ejs';
 import { ExperienceVm, mapFromMacCvToExperienceSectionVm } from '@lemoncode/manfred-common/experience-section';
-import { Language } from '@lemoncode/manfred-common/model';
-import { ExportHTMLSettings, ManfredAwesomicCV } from '@/model';
+import { ExportHTMLSettings, Language, ManfredAwesomicCV } from '@/model';
 import experienceTemplate from './experience-section.ejs?raw';
 import { englishExperienceLabels, spanishExperienceLabels } from './labels';
 
diff --git a/packages/manfred2html/src/engine/template-b/html-parts/hard-skills-section/hard-skills-section.part.ts b/packages/manfred2html/src/engine/template-b/html-parts/hard-skills-section/hard-skills-section.part.ts
index d5979773..d714dd27 100644
--- a/packages/manfred2html/src/engine/template-b/html-parts/hard-skills-section/hard-skills-section.part.ts
+++ b/packages/manfred2html/src/engine/template-b/html-parts/hard-skills-section/hard-skills-section.part.ts
@@ -1,16 +1,18 @@
 import ejs from 'ejs';
-import { ManfredAwesomicCV } from '@/model';
 import { HardSkillVM, mapFromCvToHardSkillVm } from '@lemoncode/manfred-common/hard-skill-section';
+import { ExportHTMLSettings, Language, ManfredAwesomicCV } from '@/model';
+import { englishHardSkillsLabels, spanishHardSkillsLabels } from './labels';
 import hardSkillsSection from './hard-skills-section.ejs?raw';
 
-export const generateHardSkillsSection = (cv: ManfredAwesomicCV): string => {
+export const generateHardSkillsSection = (cv: ManfredAwesomicCV, settings: ExportHTMLSettings): string => {
   const hardSkillsSectionVm = mapFromCvToHardSkillVm(cv);
-  return generateHardSkillsSectionInner(hardSkillsSectionVm);
+  return generateHardSkillsSectionInner(hardSkillsSectionVm, settings.language);
 };
 
-const generateHardSkillsSectionInner = (hardSkillsSectionVm: HardSkillVM[]): string => {
+const generateHardSkillsSectionInner = (hardSkillsSectionVm: HardSkillVM[], language: Language): string => {
   const rootObject = {
     hardSkillsCollection: hardSkillsSectionVm,
+    labels: !language || language === 'es' ? spanishHardSkillsLabels : englishHardSkillsLabels,
   };
   return ejs.render(hardSkillsSection, rootObject);
 };
diff --git a/packages/manfred2html/src/engine/template-b/html-parts/hard-skills-section/labels/hard-skills-english-labels.const.ts b/packages/manfred2html/src/engine/template-b/html-parts/hard-skills-section/labels/hard-skills-english-labels.const.ts
new file mode 100644
index 00000000..57fc749e
--- /dev/null
+++ b/packages/manfred2html/src/engine/template-b/html-parts/hard-skills-section/labels/hard-skills-english-labels.const.ts
@@ -0,0 +1,5 @@
+import { HardSkillsLabels } from './hard-skills-label.model';
+
+export const englishHardSkillsLabels: HardSkillsLabels = {
+  HARD_SKILLS_HEADING: 'Hard Skills',
+};
diff --git a/packages/manfred2html/src/engine/template-b/html-parts/hard-skills-section/labels/hard-skills-label.model.ts b/packages/manfred2html/src/engine/template-b/html-parts/hard-skills-section/labels/hard-skills-label.model.ts
new file mode 100644
index 00000000..c054c0db
--- /dev/null
+++ b/packages/manfred2html/src/engine/template-b/html-parts/hard-skills-section/labels/hard-skills-label.model.ts
@@ -0,0 +1,3 @@
+export interface HardSkillsLabels {
+  HARD_SKILLS_HEADING: string;
+}
diff --git a/packages/manfred2html/src/engine/template-b/html-parts/hard-skills-section/labels/hard-skills-spanish-labels.const.ts b/packages/manfred2html/src/engine/template-b/html-parts/hard-skills-section/labels/hard-skills-spanish-labels.const.ts
new file mode 100644
index 00000000..688d9216
--- /dev/null
+++ b/packages/manfred2html/src/engine/template-b/html-parts/hard-skills-section/labels/hard-skills-spanish-labels.const.ts
@@ -0,0 +1,5 @@
+import { HardSkillsLabels } from './hard-skills-label.model';
+
+export const spanishHardSkillsLabels: HardSkillsLabels = {
+  HARD_SKILLS_HEADING: 'Competencias',
+};
diff --git a/packages/manfred2html/src/engine/template-b/html-parts/hard-skills-section/labels/index.ts b/packages/manfred2html/src/engine/template-b/html-parts/hard-skills-section/labels/index.ts
new file mode 100644
index 00000000..b29a2eaa
--- /dev/null
+++ b/packages/manfred2html/src/engine/template-b/html-parts/hard-skills-section/labels/index.ts
@@ -0,0 +1,3 @@
+export * from './hard-skills-english-labels.const';
+export * from './hard-skills-spanish-labels.const';
+export * from './hard-skills-label.model';
diff --git a/packages/manfred2html/src/engine/translations/hard-skills-section/labels/hard-skills-english-labels.const.ts b/packages/manfred2html/src/engine/translations/hard-skills-section/labels/hard-skills-english-labels.const.ts
index 8337cc4b..57fc749e 100644
--- a/packages/manfred2html/src/engine/translations/hard-skills-section/labels/hard-skills-english-labels.const.ts
+++ b/packages/manfred2html/src/engine/translations/hard-skills-section/labels/hard-skills-english-labels.const.ts
@@ -1,4 +1,4 @@
-import { HardSkillsLabels } from './hard-skills-label-definition.model';
+import { HardSkillsLabels } from './hard-skills-label.model';
 
 export const englishHardSkillsLabels: HardSkillsLabels = {
   HARD_SKILLS_HEADING: 'Hard Skills',
diff --git a/packages/manfred2html/src/engine/translations/hard-skills-section/labels/hard-skills-label.model.ts b/packages/manfred2html/src/engine/translations/hard-skills-section/labels/hard-skills-label.model.ts
new file mode 100644
index 00000000..c054c0db
--- /dev/null
+++ b/packages/manfred2html/src/engine/translations/hard-skills-section/labels/hard-skills-label.model.ts
@@ -0,0 +1,3 @@
+export interface HardSkillsLabels {
+  HARD_SKILLS_HEADING: string;
+}
diff --git a/packages/manfred2html/src/engine/translations/hard-skills-section/labels/hard-skills-spanish-labels.const.ts b/packages/manfred2html/src/engine/translations/hard-skills-section/labels/hard-skills-spanish-labels.const.ts
index a45e4362..688d9216 100644
--- a/packages/manfred2html/src/engine/translations/hard-skills-section/labels/hard-skills-spanish-labels.const.ts
+++ b/packages/manfred2html/src/engine/translations/hard-skills-section/labels/hard-skills-spanish-labels.const.ts
@@ -1,4 +1,4 @@
-import { HardSkillsLabels } from './hard-skills-label-definition.model';
+import { HardSkillsLabels } from './hard-skills-label.model';
 
 export const spanishHardSkillsLabels: HardSkillsLabels = {
   HARD_SKILLS_HEADING: 'Competencias',
diff --git a/packages/manfred2html/src/engine/translations/hard-skills-section/labels/index.ts b/packages/manfred2html/src/engine/translations/hard-skills-section/labels/index.ts
index 20631a86..b29a2eaa 100644
--- a/packages/manfred2html/src/engine/translations/hard-skills-section/labels/index.ts
+++ b/packages/manfred2html/src/engine/translations/hard-skills-section/labels/index.ts
@@ -1,3 +1,3 @@
 export * from './hard-skills-english-labels.const';
 export * from './hard-skills-spanish-labels.const';
-export * from './hard-skills-label-definition.model';
+export * from './hard-skills-label.model';

From b3073ecc9ba3cb6bcf16c0f3274a51713a603054 Mon Sep 17 00:00:00 2001
From: juanpms2 <juanpablo@lemoncode.net>
Date: Mon, 6 Nov 2023 12:01:54 +0100
Subject: [PATCH 48/63] updated language labels

---
 .../html-parts}/language-section/labels/index.ts       |  2 +-
 .../labels/language-english-labels.const.ts            |  2 +-
 .../language-section/labels/language-label.model.ts}   |  0
 .../labels/language-spanish-labels.const.ts            |  2 +-
 .../language-section/language-section.part.ts          |  9 ++++-----
 .../html-parts/language-section/labels/index.ts        |  3 +++
 .../labels/language-english-labels.const.ts            |  5 +++++
 .../language-section/labels/language-label.model.ts    |  3 +++
 .../labels/language-spanish-labels.const.ts            |  5 +++++
 .../language-section/language-section.part.ts          | 10 ++++++----
 .../labels/hard-skills-english-labels.const.ts         |  5 -----
 .../labels/hard-skills-label.model.ts                  |  3 ---
 .../labels/hard-skills-spanish-labels.const.ts         |  5 -----
 .../translations/hard-skills-section/labels/index.ts   |  3 ---
 14 files changed, 29 insertions(+), 28 deletions(-)
 rename packages/manfred2html/src/engine/{translations => template-a/html-parts}/language-section/labels/index.ts (65%)
 rename packages/manfred2html/src/engine/{translations => template-a/html-parts}/language-section/labels/language-english-labels.const.ts (57%)
 rename packages/manfred2html/src/engine/{translations/language-section/labels/language-label-definition.model.ts => template-a/html-parts/language-section/labels/language-label.model.ts} (100%)
 rename packages/manfred2html/src/engine/{translations => template-a/html-parts}/language-section/labels/language-spanish-labels.const.ts (56%)
 create mode 100644 packages/manfred2html/src/engine/template-b/html-parts/language-section/labels/index.ts
 create mode 100644 packages/manfred2html/src/engine/template-b/html-parts/language-section/labels/language-english-labels.const.ts
 create mode 100644 packages/manfred2html/src/engine/template-b/html-parts/language-section/labels/language-label.model.ts
 create mode 100644 packages/manfred2html/src/engine/template-b/html-parts/language-section/labels/language-spanish-labels.const.ts
 delete mode 100644 packages/manfred2html/src/engine/translations/hard-skills-section/labels/hard-skills-english-labels.const.ts
 delete mode 100644 packages/manfred2html/src/engine/translations/hard-skills-section/labels/hard-skills-label.model.ts
 delete mode 100644 packages/manfred2html/src/engine/translations/hard-skills-section/labels/hard-skills-spanish-labels.const.ts
 delete mode 100644 packages/manfred2html/src/engine/translations/hard-skills-section/labels/index.ts

diff --git a/packages/manfred2html/src/engine/translations/language-section/labels/index.ts b/packages/manfred2html/src/engine/template-a/html-parts/language-section/labels/index.ts
similarity index 65%
rename from packages/manfred2html/src/engine/translations/language-section/labels/index.ts
rename to packages/manfred2html/src/engine/template-a/html-parts/language-section/labels/index.ts
index d564f2a0..a90dc5fc 100644
--- a/packages/manfred2html/src/engine/translations/language-section/labels/index.ts
+++ b/packages/manfred2html/src/engine/template-a/html-parts/language-section/labels/index.ts
@@ -1,3 +1,3 @@
-export * from './language-label-definition.model';
+export * from './language-label.model';
 export * from './language-english-labels.const';
 export * from './language-spanish-labels.const';
diff --git a/packages/manfred2html/src/engine/translations/language-section/labels/language-english-labels.const.ts b/packages/manfred2html/src/engine/template-a/html-parts/language-section/labels/language-english-labels.const.ts
similarity index 57%
rename from packages/manfred2html/src/engine/translations/language-section/labels/language-english-labels.const.ts
rename to packages/manfred2html/src/engine/template-a/html-parts/language-section/labels/language-english-labels.const.ts
index f7cf426f..295f50eb 100644
--- a/packages/manfred2html/src/engine/translations/language-section/labels/language-english-labels.const.ts
+++ b/packages/manfred2html/src/engine/template-a/html-parts/language-section/labels/language-english-labels.const.ts
@@ -1,4 +1,4 @@
-import { LanguageLabels } from './language-label-definition.model';
+import { LanguageLabels } from './language-label.model';
 
 export const englishLanguageLabels: LanguageLabels = {
   LANGUAGE_HEADING: 'Languages',
diff --git a/packages/manfred2html/src/engine/translations/language-section/labels/language-label-definition.model.ts b/packages/manfred2html/src/engine/template-a/html-parts/language-section/labels/language-label.model.ts
similarity index 100%
rename from packages/manfred2html/src/engine/translations/language-section/labels/language-label-definition.model.ts
rename to packages/manfred2html/src/engine/template-a/html-parts/language-section/labels/language-label.model.ts
diff --git a/packages/manfred2html/src/engine/translations/language-section/labels/language-spanish-labels.const.ts b/packages/manfred2html/src/engine/template-a/html-parts/language-section/labels/language-spanish-labels.const.ts
similarity index 56%
rename from packages/manfred2html/src/engine/translations/language-section/labels/language-spanish-labels.const.ts
rename to packages/manfred2html/src/engine/template-a/html-parts/language-section/labels/language-spanish-labels.const.ts
index b9d0ff83..0649bad0 100644
--- a/packages/manfred2html/src/engine/translations/language-section/labels/language-spanish-labels.const.ts
+++ b/packages/manfred2html/src/engine/template-a/html-parts/language-section/labels/language-spanish-labels.const.ts
@@ -1,4 +1,4 @@
-import { LanguageLabels } from './language-label-definition.model';
+import { LanguageLabels } from './language-label.model';
 
 export const spanishLanguageLabels: LanguageLabels = {
   LANGUAGE_HEADING: 'Idiomas',
diff --git a/packages/manfred2html/src/engine/template-a/html-parts/language-section/language-section.part.ts b/packages/manfred2html/src/engine/template-a/html-parts/language-section/language-section.part.ts
index 3fefbe0c..5089b74f 100644
--- a/packages/manfred2html/src/engine/template-a/html-parts/language-section/language-section.part.ts
+++ b/packages/manfred2html/src/engine/template-a/html-parts/language-section/language-section.part.ts
@@ -1,13 +1,12 @@
 import ejs from 'ejs';
-import { ManfredAwesomicCV } from '@/model';
+import { ManfredAwesomicCV, ExportHTMLSettings, Language } from '@/model';
 import { LanguageVm, mapFromCvToLanguageVm } from '@lemoncode/manfred-common/language-section';
-import languageTemplate from './language-section.ejs?raw';
-import { Language } from '@lemoncode/manfred-common/model';
 import { englishLanguageLabels, spanishLanguageLabels } from './labels';
+import languageTemplate from './language-section.ejs?raw';
 
-export const generateLanguageSection = (cv: ManfredAwesomicCV, language: Language = 'es'): string => {
+export const generateLanguageSection = (cv: ManfredAwesomicCV, settings: ExportHTMLSettings): string => {
   const languageSectionVm = mapFromCvToLanguageVm(cv);
-  return generateLanguageSectionInner(languageSectionVm, 'es');
+  return generateLanguageSectionInner(languageSectionVm, settings.language);
 };
 
 const generateLanguageSectionInner = (languageSectionVm: LanguageVm[], language: Language): string => {
diff --git a/packages/manfred2html/src/engine/template-b/html-parts/language-section/labels/index.ts b/packages/manfred2html/src/engine/template-b/html-parts/language-section/labels/index.ts
new file mode 100644
index 00000000..a90dc5fc
--- /dev/null
+++ b/packages/manfred2html/src/engine/template-b/html-parts/language-section/labels/index.ts
@@ -0,0 +1,3 @@
+export * from './language-label.model';
+export * from './language-english-labels.const';
+export * from './language-spanish-labels.const';
diff --git a/packages/manfred2html/src/engine/template-b/html-parts/language-section/labels/language-english-labels.const.ts b/packages/manfred2html/src/engine/template-b/html-parts/language-section/labels/language-english-labels.const.ts
new file mode 100644
index 00000000..295f50eb
--- /dev/null
+++ b/packages/manfred2html/src/engine/template-b/html-parts/language-section/labels/language-english-labels.const.ts
@@ -0,0 +1,5 @@
+import { LanguageLabels } from './language-label.model';
+
+export const englishLanguageLabels: LanguageLabels = {
+  LANGUAGE_HEADING: 'Languages',
+};
diff --git a/packages/manfred2html/src/engine/template-b/html-parts/language-section/labels/language-label.model.ts b/packages/manfred2html/src/engine/template-b/html-parts/language-section/labels/language-label.model.ts
new file mode 100644
index 00000000..1151ffd1
--- /dev/null
+++ b/packages/manfred2html/src/engine/template-b/html-parts/language-section/labels/language-label.model.ts
@@ -0,0 +1,3 @@
+export interface LanguageLabels {
+  LANGUAGE_HEADING: string;
+}
diff --git a/packages/manfred2html/src/engine/template-b/html-parts/language-section/labels/language-spanish-labels.const.ts b/packages/manfred2html/src/engine/template-b/html-parts/language-section/labels/language-spanish-labels.const.ts
new file mode 100644
index 00000000..0649bad0
--- /dev/null
+++ b/packages/manfred2html/src/engine/template-b/html-parts/language-section/labels/language-spanish-labels.const.ts
@@ -0,0 +1,5 @@
+import { LanguageLabels } from './language-label.model';
+
+export const spanishLanguageLabels: LanguageLabels = {
+  LANGUAGE_HEADING: 'Idiomas',
+};
diff --git a/packages/manfred2html/src/engine/template-b/html-parts/language-section/language-section.part.ts b/packages/manfred2html/src/engine/template-b/html-parts/language-section/language-section.part.ts
index df060585..78b62d91 100644
--- a/packages/manfred2html/src/engine/template-b/html-parts/language-section/language-section.part.ts
+++ b/packages/manfred2html/src/engine/template-b/html-parts/language-section/language-section.part.ts
@@ -1,16 +1,18 @@
 import ejs from 'ejs';
-import { ManfredAwesomicCV } from '@/model';
 import { LanguageVm, mapFromCvToLanguageVm } from '@lemoncode/manfred-common/language-section';
+import { ManfredAwesomicCV, ExportHTMLSettings, Language } from '@/model';
+import { englishLanguageLabels, spanishLanguageLabels } from './labels';
 import languageSection from './language-section.ejs?raw';
 
-export const generateLanguageSection = (cv: ManfredAwesomicCV): string => {
+export const generateLanguageSection = (cv: ManfredAwesomicCV, settings: ExportHTMLSettings): string => {
   const languageSectionVm = mapFromCvToLanguageVm(cv);
-  return generateLanguageSectionInner(languageSectionVm);
+  return generateLanguageSectionInner(languageSectionVm, settings.language);
 };
 
-const generateLanguageSectionInner = (languageSectionVm: LanguageVm[]): string => {
+const generateLanguageSectionInner = (languageSectionVm: LanguageVm[], language: Language): string => {
   const rootObject = {
     languageCollection: languageSectionVm,
+    labels: !language || language === 'es' ? spanishLanguageLabels : englishLanguageLabels,
   };
   return ejs.render(languageSection, rootObject);
 };
diff --git a/packages/manfred2html/src/engine/translations/hard-skills-section/labels/hard-skills-english-labels.const.ts b/packages/manfred2html/src/engine/translations/hard-skills-section/labels/hard-skills-english-labels.const.ts
deleted file mode 100644
index 57fc749e..00000000
--- a/packages/manfred2html/src/engine/translations/hard-skills-section/labels/hard-skills-english-labels.const.ts
+++ /dev/null
@@ -1,5 +0,0 @@
-import { HardSkillsLabels } from './hard-skills-label.model';
-
-export const englishHardSkillsLabels: HardSkillsLabels = {
-  HARD_SKILLS_HEADING: 'Hard Skills',
-};
diff --git a/packages/manfred2html/src/engine/translations/hard-skills-section/labels/hard-skills-label.model.ts b/packages/manfred2html/src/engine/translations/hard-skills-section/labels/hard-skills-label.model.ts
deleted file mode 100644
index c054c0db..00000000
--- a/packages/manfred2html/src/engine/translations/hard-skills-section/labels/hard-skills-label.model.ts
+++ /dev/null
@@ -1,3 +0,0 @@
-export interface HardSkillsLabels {
-  HARD_SKILLS_HEADING: string;
-}
diff --git a/packages/manfred2html/src/engine/translations/hard-skills-section/labels/hard-skills-spanish-labels.const.ts b/packages/manfred2html/src/engine/translations/hard-skills-section/labels/hard-skills-spanish-labels.const.ts
deleted file mode 100644
index 688d9216..00000000
--- a/packages/manfred2html/src/engine/translations/hard-skills-section/labels/hard-skills-spanish-labels.const.ts
+++ /dev/null
@@ -1,5 +0,0 @@
-import { HardSkillsLabels } from './hard-skills-label.model';
-
-export const spanishHardSkillsLabels: HardSkillsLabels = {
-  HARD_SKILLS_HEADING: 'Competencias',
-};
diff --git a/packages/manfred2html/src/engine/translations/hard-skills-section/labels/index.ts b/packages/manfred2html/src/engine/translations/hard-skills-section/labels/index.ts
deleted file mode 100644
index b29a2eaa..00000000
--- a/packages/manfred2html/src/engine/translations/hard-skills-section/labels/index.ts
+++ /dev/null
@@ -1,3 +0,0 @@
-export * from './hard-skills-english-labels.const';
-export * from './hard-skills-spanish-labels.const';
-export * from './hard-skills-label.model';

From f1346ae7b243988e3a07bdbfe871af321bc5c979 Mon Sep 17 00:00:00 2001
From: juanpms2 <juanpablo@lemoncode.net>
Date: Mon, 6 Nov 2023 12:05:13 +0100
Subject: [PATCH 49/63] updated relevant links labels

---
 .../relevants-links-section/labels/index.ts            |  2 +-
 .../labels/relevants-english-labels.const.ts           |  2 +-
 .../labels/relevants-label.model.ts}                   |  0
 .../labels/relevants-spanish-labels.const.ts           |  2 +-
 .../relevants-links-section.part.ts                    |  9 ++++-----
 .../html-parts/relevants-links-section/labels/index.ts |  3 +++
 .../labels/relevants-english-labels.const.ts           |  5 +++++
 .../labels/relevants-label.model.ts                    |  3 +++
 .../labels/relevants-spanish-labels.const.ts           |  5 +++++
 .../relevants-links-section.part.ts                    | 10 ++++++----
 10 files changed, 29 insertions(+), 12 deletions(-)
 rename packages/manfred2html/src/engine/{translations => template-a/html-parts}/relevants-links-section/labels/index.ts (65%)
 rename packages/manfred2html/src/engine/{translations => template-a/html-parts}/relevants-links-section/labels/relevants-english-labels.const.ts (57%)
 rename packages/manfred2html/src/engine/{translations/relevants-links-section/labels/relevants-label-definition.model.ts => template-a/html-parts/relevants-links-section/labels/relevants-label.model.ts} (100%)
 rename packages/manfred2html/src/engine/{translations => template-a/html-parts}/relevants-links-section/labels/relevants-spanish-labels.const.ts (58%)
 create mode 100644 packages/manfred2html/src/engine/template-b/html-parts/relevants-links-section/labels/index.ts
 create mode 100644 packages/manfred2html/src/engine/template-b/html-parts/relevants-links-section/labels/relevants-english-labels.const.ts
 create mode 100644 packages/manfred2html/src/engine/template-b/html-parts/relevants-links-section/labels/relevants-label.model.ts
 create mode 100644 packages/manfred2html/src/engine/template-b/html-parts/relevants-links-section/labels/relevants-spanish-labels.const.ts

diff --git a/packages/manfred2html/src/engine/translations/relevants-links-section/labels/index.ts b/packages/manfred2html/src/engine/template-a/html-parts/relevants-links-section/labels/index.ts
similarity index 65%
rename from packages/manfred2html/src/engine/translations/relevants-links-section/labels/index.ts
rename to packages/manfred2html/src/engine/template-a/html-parts/relevants-links-section/labels/index.ts
index 2f61f68f..60ece04b 100644
--- a/packages/manfred2html/src/engine/translations/relevants-links-section/labels/index.ts
+++ b/packages/manfred2html/src/engine/template-a/html-parts/relevants-links-section/labels/index.ts
@@ -1,3 +1,3 @@
-export * from './relevants-label-definition.model';
+export * from './relevants-label.model';
 export * from './relevants-english-labels.const';
 export * from './relevants-spanish-labels.const';
diff --git a/packages/manfred2html/src/engine/translations/relevants-links-section/labels/relevants-english-labels.const.ts b/packages/manfred2html/src/engine/template-a/html-parts/relevants-links-section/labels/relevants-english-labels.const.ts
similarity index 57%
rename from packages/manfred2html/src/engine/translations/relevants-links-section/labels/relevants-english-labels.const.ts
rename to packages/manfred2html/src/engine/template-a/html-parts/relevants-links-section/labels/relevants-english-labels.const.ts
index b76fa152..ce6b8716 100644
--- a/packages/manfred2html/src/engine/translations/relevants-links-section/labels/relevants-english-labels.const.ts
+++ b/packages/manfred2html/src/engine/template-a/html-parts/relevants-links-section/labels/relevants-english-labels.const.ts
@@ -1,4 +1,4 @@
-import { RelevantsLabels } from './relevants-label-definition.model';
+import { RelevantsLabels } from './relevants-label.model';
 
 export const englishRelevantsLabels: RelevantsLabels = {
   RELEVANTS_HEADING: 'My Links',
diff --git a/packages/manfred2html/src/engine/translations/relevants-links-section/labels/relevants-label-definition.model.ts b/packages/manfred2html/src/engine/template-a/html-parts/relevants-links-section/labels/relevants-label.model.ts
similarity index 100%
rename from packages/manfred2html/src/engine/translations/relevants-links-section/labels/relevants-label-definition.model.ts
rename to packages/manfred2html/src/engine/template-a/html-parts/relevants-links-section/labels/relevants-label.model.ts
diff --git a/packages/manfred2html/src/engine/translations/relevants-links-section/labels/relevants-spanish-labels.const.ts b/packages/manfred2html/src/engine/template-a/html-parts/relevants-links-section/labels/relevants-spanish-labels.const.ts
similarity index 58%
rename from packages/manfred2html/src/engine/translations/relevants-links-section/labels/relevants-spanish-labels.const.ts
rename to packages/manfred2html/src/engine/template-a/html-parts/relevants-links-section/labels/relevants-spanish-labels.const.ts
index 601ee690..e5314ea7 100644
--- a/packages/manfred2html/src/engine/translations/relevants-links-section/labels/relevants-spanish-labels.const.ts
+++ b/packages/manfred2html/src/engine/template-a/html-parts/relevants-links-section/labels/relevants-spanish-labels.const.ts
@@ -1,4 +1,4 @@
-import { RelevantsLabels } from './relevants-label-definition.model';
+import { RelevantsLabels } from './relevants-label.model';
 
 export const spanishRelevantsLabels: RelevantsLabels = {
   RELEVANTS_HEADING: 'Mis enlaces',
diff --git a/packages/manfred2html/src/engine/template-a/html-parts/relevants-links-section/relevants-links-section.part.ts b/packages/manfred2html/src/engine/template-a/html-parts/relevants-links-section/relevants-links-section.part.ts
index dfe46cc7..fd4b06b5 100644
--- a/packages/manfred2html/src/engine/template-a/html-parts/relevants-links-section/relevants-links-section.part.ts
+++ b/packages/manfred2html/src/engine/template-a/html-parts/relevants-links-section/relevants-links-section.part.ts
@@ -1,14 +1,13 @@
 import ejs from 'ejs';
-import { ManfredAwesomicCV } from '@/model';
 import { ProfileSectionVm, mapFromMacCvToProfileSectionVm } from '@lemoncode/manfred-common/profile-section';
-import relevantsLinksSection from './relevants-links-section.ejs?raw';
-import { Language } from '@lemoncode/manfred-common/model';
+import { ManfredAwesomicCV, ExportHTMLSettings, Language } from '@/model';
 import { englishRelevantsLabels, spanishRelevantsLabels } from './labels';
+import relevantsLinksSection from './relevants-links-section.ejs?raw';
 
-export const generateRelevantsLinksSection = (cv: ManfredAwesomicCV, language: Language = 'es'): string => {
+export const generateRelevantsLinksSection = (cv: ManfredAwesomicCV, settings: ExportHTMLSettings): string => {
   const profileSectionVm = mapFromMacCvToProfileSectionVm(cv);
 
-  return generateRelevantsLinksSectionInner(profileSectionVm, 'es');
+  return generateRelevantsLinksSectionInner(profileSectionVm, settings.language);
 };
 
 const generateRelevantsLinksSectionInner = (profileSectionVm: ProfileSectionVm, language: Language): string => {
diff --git a/packages/manfred2html/src/engine/template-b/html-parts/relevants-links-section/labels/index.ts b/packages/manfred2html/src/engine/template-b/html-parts/relevants-links-section/labels/index.ts
new file mode 100644
index 00000000..60ece04b
--- /dev/null
+++ b/packages/manfred2html/src/engine/template-b/html-parts/relevants-links-section/labels/index.ts
@@ -0,0 +1,3 @@
+export * from './relevants-label.model';
+export * from './relevants-english-labels.const';
+export * from './relevants-spanish-labels.const';
diff --git a/packages/manfred2html/src/engine/template-b/html-parts/relevants-links-section/labels/relevants-english-labels.const.ts b/packages/manfred2html/src/engine/template-b/html-parts/relevants-links-section/labels/relevants-english-labels.const.ts
new file mode 100644
index 00000000..ce6b8716
--- /dev/null
+++ b/packages/manfred2html/src/engine/template-b/html-parts/relevants-links-section/labels/relevants-english-labels.const.ts
@@ -0,0 +1,5 @@
+import { RelevantsLabels } from './relevants-label.model';
+
+export const englishRelevantsLabels: RelevantsLabels = {
+  RELEVANTS_HEADING: 'My Links',
+};
diff --git a/packages/manfred2html/src/engine/template-b/html-parts/relevants-links-section/labels/relevants-label.model.ts b/packages/manfred2html/src/engine/template-b/html-parts/relevants-links-section/labels/relevants-label.model.ts
new file mode 100644
index 00000000..f2a44fa6
--- /dev/null
+++ b/packages/manfred2html/src/engine/template-b/html-parts/relevants-links-section/labels/relevants-label.model.ts
@@ -0,0 +1,3 @@
+export interface RelevantsLabels {
+  RELEVANTS_HEADING: string;
+}
diff --git a/packages/manfred2html/src/engine/template-b/html-parts/relevants-links-section/labels/relevants-spanish-labels.const.ts b/packages/manfred2html/src/engine/template-b/html-parts/relevants-links-section/labels/relevants-spanish-labels.const.ts
new file mode 100644
index 00000000..e5314ea7
--- /dev/null
+++ b/packages/manfred2html/src/engine/template-b/html-parts/relevants-links-section/labels/relevants-spanish-labels.const.ts
@@ -0,0 +1,5 @@
+import { RelevantsLabels } from './relevants-label.model';
+
+export const spanishRelevantsLabels: RelevantsLabels = {
+  RELEVANTS_HEADING: 'Mis enlaces',
+};
diff --git a/packages/manfred2html/src/engine/template-b/html-parts/relevants-links-section/relevants-links-section.part.ts b/packages/manfred2html/src/engine/template-b/html-parts/relevants-links-section/relevants-links-section.part.ts
index 929d0526..fd4b06b5 100644
--- a/packages/manfred2html/src/engine/template-b/html-parts/relevants-links-section/relevants-links-section.part.ts
+++ b/packages/manfred2html/src/engine/template-b/html-parts/relevants-links-section/relevants-links-section.part.ts
@@ -1,17 +1,19 @@
 import ejs from 'ejs';
-import { ManfredAwesomicCV } from '@/model';
 import { ProfileSectionVm, mapFromMacCvToProfileSectionVm } from '@lemoncode/manfred-common/profile-section';
+import { ManfredAwesomicCV, ExportHTMLSettings, Language } from '@/model';
+import { englishRelevantsLabels, spanishRelevantsLabels } from './labels';
 import relevantsLinksSection from './relevants-links-section.ejs?raw';
 
-export const generateRelevantsLinksSection = (cv: ManfredAwesomicCV): string => {
+export const generateRelevantsLinksSection = (cv: ManfredAwesomicCV, settings: ExportHTMLSettings): string => {
   const profileSectionVm = mapFromMacCvToProfileSectionVm(cv);
 
-  return generateRelevantsLinksSectionInner(profileSectionVm);
+  return generateRelevantsLinksSectionInner(profileSectionVm, settings.language);
 };
 
-const generateRelevantsLinksSectionInner = (profileSectionVm: ProfileSectionVm): string => {
+const generateRelevantsLinksSectionInner = (profileSectionVm: ProfileSectionVm, language: Language): string => {
   const rootObject = {
     profile: profileSectionVm,
+    labels: !language || language === 'es' ? spanishRelevantsLabels : englishRelevantsLabels,
   };
 
   return ejs.render(relevantsLinksSection, rootObject);

From 90959b9e0901e7f6df92a4303890c70750f58809 Mon Sep 17 00:00:00 2001
From: juanpms2 <juanpablo@lemoncode.net>
Date: Mon, 6 Nov 2023 12:08:11 +0100
Subject: [PATCH 50/63] updated soft skills labels

---
 .../html-parts}/soft-skills-section/labels/index.ts    |  2 +-
 .../labels/soft-skills-english-labels.const.ts         |  2 +-
 .../labels/soft-skills-label.model.ts}                 |  0
 .../labels/soft-skills-spanish-labels.const.ts         |  2 +-
 .../soft-skills-section/soft-skills-section.part.ts    |  9 ++++-----
 .../html-parts/soft-skills-section/labels/index.ts     |  3 +++
 .../labels/soft-skills-english-labels.const.ts         |  5 +++++
 .../labels/soft-skills-label.model.ts                  |  3 +++
 .../labels/soft-skills-spanish-labels.const.ts         |  5 +++++
 .../soft-skills-section/soft-skills-section.part.ts    | 10 ++++++----
 10 files changed, 29 insertions(+), 12 deletions(-)
 rename packages/manfred2html/src/engine/{translations => template-a/html-parts}/soft-skills-section/labels/index.ts (65%)
 rename packages/manfred2html/src/engine/{translations => template-a/html-parts}/soft-skills-section/labels/soft-skills-english-labels.const.ts (58%)
 rename packages/manfred2html/src/engine/{translations/soft-skills-section/labels/soft-skills-label-definition.model.ts => template-a/html-parts/soft-skills-section/labels/soft-skills-label.model.ts} (100%)
 rename packages/manfred2html/src/engine/{translations => template-a/html-parts}/soft-skills-section/labels/soft-skills-spanish-labels.const.ts (58%)
 create mode 100644 packages/manfred2html/src/engine/template-b/html-parts/soft-skills-section/labels/index.ts
 create mode 100644 packages/manfred2html/src/engine/template-b/html-parts/soft-skills-section/labels/soft-skills-english-labels.const.ts
 create mode 100644 packages/manfred2html/src/engine/template-b/html-parts/soft-skills-section/labels/soft-skills-label.model.ts
 create mode 100644 packages/manfred2html/src/engine/template-b/html-parts/soft-skills-section/labels/soft-skills-spanish-labels.const.ts

diff --git a/packages/manfred2html/src/engine/translations/soft-skills-section/labels/index.ts b/packages/manfred2html/src/engine/template-a/html-parts/soft-skills-section/labels/index.ts
similarity index 65%
rename from packages/manfred2html/src/engine/translations/soft-skills-section/labels/index.ts
rename to packages/manfred2html/src/engine/template-a/html-parts/soft-skills-section/labels/index.ts
index d80c3972..bcea84d9 100644
--- a/packages/manfred2html/src/engine/translations/soft-skills-section/labels/index.ts
+++ b/packages/manfred2html/src/engine/template-a/html-parts/soft-skills-section/labels/index.ts
@@ -1,3 +1,3 @@
-export * from './soft-skills-label-definition.model';
+export * from './soft-skills-label.model';
 export * from './soft-skills-english-labels.const';
 export * from './soft-skills-spanish-labels.const';
diff --git a/packages/manfred2html/src/engine/translations/soft-skills-section/labels/soft-skills-english-labels.const.ts b/packages/manfred2html/src/engine/template-a/html-parts/soft-skills-section/labels/soft-skills-english-labels.const.ts
similarity index 58%
rename from packages/manfred2html/src/engine/translations/soft-skills-section/labels/soft-skills-english-labels.const.ts
rename to packages/manfred2html/src/engine/template-a/html-parts/soft-skills-section/labels/soft-skills-english-labels.const.ts
index 3e0f1359..d2510c35 100644
--- a/packages/manfred2html/src/engine/translations/soft-skills-section/labels/soft-skills-english-labels.const.ts
+++ b/packages/manfred2html/src/engine/template-a/html-parts/soft-skills-section/labels/soft-skills-english-labels.const.ts
@@ -1,4 +1,4 @@
-import { SoftSkillsLabels } from './soft-skills-label-definition.model';
+import { SoftSkillsLabels } from './soft-skills-label.model';
 
 export const englishSoftSkillsLabels: SoftSkillsLabels = {
   SOFT_SKILLS_HEADING: 'Soft skills',
diff --git a/packages/manfred2html/src/engine/translations/soft-skills-section/labels/soft-skills-label-definition.model.ts b/packages/manfred2html/src/engine/template-a/html-parts/soft-skills-section/labels/soft-skills-label.model.ts
similarity index 100%
rename from packages/manfred2html/src/engine/translations/soft-skills-section/labels/soft-skills-label-definition.model.ts
rename to packages/manfred2html/src/engine/template-a/html-parts/soft-skills-section/labels/soft-skills-label.model.ts
diff --git a/packages/manfred2html/src/engine/translations/soft-skills-section/labels/soft-skills-spanish-labels.const.ts b/packages/manfred2html/src/engine/template-a/html-parts/soft-skills-section/labels/soft-skills-spanish-labels.const.ts
similarity index 58%
rename from packages/manfred2html/src/engine/translations/soft-skills-section/labels/soft-skills-spanish-labels.const.ts
rename to packages/manfred2html/src/engine/template-a/html-parts/soft-skills-section/labels/soft-skills-spanish-labels.const.ts
index e1d7adb5..446d1fe1 100644
--- a/packages/manfred2html/src/engine/translations/soft-skills-section/labels/soft-skills-spanish-labels.const.ts
+++ b/packages/manfred2html/src/engine/template-a/html-parts/soft-skills-section/labels/soft-skills-spanish-labels.const.ts
@@ -1,4 +1,4 @@
-import { SoftSkillsLabels } from './soft-skills-label-definition.model';
+import { SoftSkillsLabels } from './soft-skills-label.model';
 
 export const spanishSoftSkillsLabels: SoftSkillsLabels = {
   SOFT_SKILLS_HEADING: 'Habilidades',
diff --git a/packages/manfred2html/src/engine/template-a/html-parts/soft-skills-section/soft-skills-section.part.ts b/packages/manfred2html/src/engine/template-a/html-parts/soft-skills-section/soft-skills-section.part.ts
index 7d183b86..5267ce46 100644
--- a/packages/manfred2html/src/engine/template-a/html-parts/soft-skills-section/soft-skills-section.part.ts
+++ b/packages/manfred2html/src/engine/template-a/html-parts/soft-skills-section/soft-skills-section.part.ts
@@ -1,13 +1,12 @@
 import ejs from 'ejs';
-import { ManfredAwesomicCV } from '@/model';
 import { SoftSkillVM, mapFromCvToSoftSkillVm } from '@lemoncode/manfred-common/soft-skill-section';
-import softSkillsTemplate from './soft-skills-section.ejs?raw';
-import { Language } from '@lemoncode/manfred-common/model';
+import { ManfredAwesomicCV, ExportHTMLSettings, Language } from '@/model';
 import { englishSoftSkillsLabels, spanishSoftSkillsLabels } from './labels';
+import softSkillsTemplate from './soft-skills-section.ejs?raw';
 
-export const generateSoftSkillsSection = (cv: ManfredAwesomicCV, language: Language = 'es'): string => {
+export const generateSoftSkillsSection = (cv: ManfredAwesomicCV, settings: ExportHTMLSettings): string => {
   const softSkillsSectionVm = mapFromCvToSoftSkillVm(cv);
-  return generateSoftSkillsSectionInner(softSkillsSectionVm, 'es');
+  return generateSoftSkillsSectionInner(softSkillsSectionVm, settings.language);
 };
 
 const generateSoftSkillsSectionInner = (softSkillsSectionVm: SoftSkillVM[], language: Language): string => {
diff --git a/packages/manfred2html/src/engine/template-b/html-parts/soft-skills-section/labels/index.ts b/packages/manfred2html/src/engine/template-b/html-parts/soft-skills-section/labels/index.ts
new file mode 100644
index 00000000..bcea84d9
--- /dev/null
+++ b/packages/manfred2html/src/engine/template-b/html-parts/soft-skills-section/labels/index.ts
@@ -0,0 +1,3 @@
+export * from './soft-skills-label.model';
+export * from './soft-skills-english-labels.const';
+export * from './soft-skills-spanish-labels.const';
diff --git a/packages/manfred2html/src/engine/template-b/html-parts/soft-skills-section/labels/soft-skills-english-labels.const.ts b/packages/manfred2html/src/engine/template-b/html-parts/soft-skills-section/labels/soft-skills-english-labels.const.ts
new file mode 100644
index 00000000..d2510c35
--- /dev/null
+++ b/packages/manfred2html/src/engine/template-b/html-parts/soft-skills-section/labels/soft-skills-english-labels.const.ts
@@ -0,0 +1,5 @@
+import { SoftSkillsLabels } from './soft-skills-label.model';
+
+export const englishSoftSkillsLabels: SoftSkillsLabels = {
+  SOFT_SKILLS_HEADING: 'Soft skills',
+};
diff --git a/packages/manfred2html/src/engine/template-b/html-parts/soft-skills-section/labels/soft-skills-label.model.ts b/packages/manfred2html/src/engine/template-b/html-parts/soft-skills-section/labels/soft-skills-label.model.ts
new file mode 100644
index 00000000..602ec990
--- /dev/null
+++ b/packages/manfred2html/src/engine/template-b/html-parts/soft-skills-section/labels/soft-skills-label.model.ts
@@ -0,0 +1,3 @@
+export interface SoftSkillsLabels {
+  SOFT_SKILLS_HEADING: string;
+}
diff --git a/packages/manfred2html/src/engine/template-b/html-parts/soft-skills-section/labels/soft-skills-spanish-labels.const.ts b/packages/manfred2html/src/engine/template-b/html-parts/soft-skills-section/labels/soft-skills-spanish-labels.const.ts
new file mode 100644
index 00000000..446d1fe1
--- /dev/null
+++ b/packages/manfred2html/src/engine/template-b/html-parts/soft-skills-section/labels/soft-skills-spanish-labels.const.ts
@@ -0,0 +1,5 @@
+import { SoftSkillsLabels } from './soft-skills-label.model';
+
+export const spanishSoftSkillsLabels: SoftSkillsLabels = {
+  SOFT_SKILLS_HEADING: 'Habilidades',
+};
diff --git a/packages/manfred2html/src/engine/template-b/html-parts/soft-skills-section/soft-skills-section.part.ts b/packages/manfred2html/src/engine/template-b/html-parts/soft-skills-section/soft-skills-section.part.ts
index 915d2484..fa341ec8 100644
--- a/packages/manfred2html/src/engine/template-b/html-parts/soft-skills-section/soft-skills-section.part.ts
+++ b/packages/manfred2html/src/engine/template-b/html-parts/soft-skills-section/soft-skills-section.part.ts
@@ -1,16 +1,18 @@
 import ejs from 'ejs';
-import { ManfredAwesomicCV } from '@/model';
 import { SoftSkillVM, mapFromCvToSoftSkillVm } from '@lemoncode/manfred-common/soft-skill-section';
+import { ExportHTMLSettings, Language, ManfredAwesomicCV } from '@/model';
+import { englishSoftSkillsLabels, spanishSoftSkillsLabels } from './labels';
 import softSkillsSection from './soft-skills-section.ejs?raw';
 
-export const generateSoftSkillsSection = (cv: ManfredAwesomicCV): string => {
+export const generateSoftSkillsSection = (cv: ManfredAwesomicCV, settings: ExportHTMLSettings): string => {
   const softSkillsSectionVm = mapFromCvToSoftSkillVm(cv);
-  return generateSoftSkillsSectionInner(softSkillsSectionVm);
+  return generateSoftSkillsSectionInner(softSkillsSectionVm, settings.language);
 };
 
-const generateSoftSkillsSectionInner = (softSkillsSectionVm: SoftSkillVM[]): string => {
+const generateSoftSkillsSectionInner = (softSkillsSectionVm: SoftSkillVM[], language: Language): string => {
   const rootObject = {
     softSkillsCollection: softSkillsSectionVm,
+    labels: !language || language === 'es' ? spanishSoftSkillsLabels : englishSoftSkillsLabels,
   };
   return ejs.render(softSkillsSection, rootObject);
 };

From 870e615343a3b315121017beb43430e4a58d66e5 Mon Sep 17 00:00:00 2001
From: juanpms2 <juanpablo@lemoncode.net>
Date: Mon, 6 Nov 2023 12:11:34 +0100
Subject: [PATCH 51/63] updated studies labels

---
 .../html-parts}/studies-section/labels/index.ts        |  2 +-
 .../labels/studies-english-labels.const.ts             |  2 +-
 .../studies-section/labels/studies-label.model.ts}     |  0
 .../labels/studies-spanish-labels.const.ts             |  2 +-
 .../html-parts/studies-section/studies-section.part.ts |  9 ++++-----
 .../html-parts/studies-section/labels/index.ts         |  3 +++
 .../labels/studies-english-labels.const.ts             |  5 +++++
 .../studies-section/labels/studies-label.model.ts      |  3 +++
 .../labels/studies-spanish-labels.const.ts             |  5 +++++
 .../html-parts/studies-section/studies-section.part.ts | 10 ++++++----
 10 files changed, 29 insertions(+), 12 deletions(-)
 rename packages/manfred2html/src/engine/{translations => template-a/html-parts}/studies-section/labels/index.ts (65%)
 rename packages/manfred2html/src/engine/{translations => template-a/html-parts}/studies-section/labels/studies-english-labels.const.ts (56%)
 rename packages/manfred2html/src/engine/{translations/studies-section/labels/studies-label-definition.model.ts => template-a/html-parts/studies-section/labels/studies-label.model.ts} (100%)
 rename packages/manfred2html/src/engine/{translations => template-a/html-parts}/studies-section/labels/studies-spanish-labels.const.ts (57%)
 create mode 100644 packages/manfred2html/src/engine/template-b/html-parts/studies-section/labels/index.ts
 create mode 100644 packages/manfred2html/src/engine/template-b/html-parts/studies-section/labels/studies-english-labels.const.ts
 create mode 100644 packages/manfred2html/src/engine/template-b/html-parts/studies-section/labels/studies-label.model.ts
 create mode 100644 packages/manfred2html/src/engine/template-b/html-parts/studies-section/labels/studies-spanish-labels.const.ts

diff --git a/packages/manfred2html/src/engine/translations/studies-section/labels/index.ts b/packages/manfred2html/src/engine/template-a/html-parts/studies-section/labels/index.ts
similarity index 65%
rename from packages/manfred2html/src/engine/translations/studies-section/labels/index.ts
rename to packages/manfred2html/src/engine/template-a/html-parts/studies-section/labels/index.ts
index 234a2e61..b910c47b 100644
--- a/packages/manfred2html/src/engine/translations/studies-section/labels/index.ts
+++ b/packages/manfred2html/src/engine/template-a/html-parts/studies-section/labels/index.ts
@@ -1,3 +1,3 @@
-export * from './studies-label-definition.model';
+export * from './studies-label.model';
 export * from './studies-english-labels.const';
 export * from './studies-spanish-labels.const';
diff --git a/packages/manfred2html/src/engine/translations/studies-section/labels/studies-english-labels.const.ts b/packages/manfred2html/src/engine/template-a/html-parts/studies-section/labels/studies-english-labels.const.ts
similarity index 56%
rename from packages/manfred2html/src/engine/translations/studies-section/labels/studies-english-labels.const.ts
rename to packages/manfred2html/src/engine/template-a/html-parts/studies-section/labels/studies-english-labels.const.ts
index fbe515ac..e57fc9f9 100644
--- a/packages/manfred2html/src/engine/translations/studies-section/labels/studies-english-labels.const.ts
+++ b/packages/manfred2html/src/engine/template-a/html-parts/studies-section/labels/studies-english-labels.const.ts
@@ -1,4 +1,4 @@
-import { StudiesLabels } from './studies-label-definition.model';
+import { StudiesLabels } from './studies-label.model';
 
 export const englishStudiesLabels: StudiesLabels = {
   STUDIES_HEADING: 'Studies',
diff --git a/packages/manfred2html/src/engine/translations/studies-section/labels/studies-label-definition.model.ts b/packages/manfred2html/src/engine/template-a/html-parts/studies-section/labels/studies-label.model.ts
similarity index 100%
rename from packages/manfred2html/src/engine/translations/studies-section/labels/studies-label-definition.model.ts
rename to packages/manfred2html/src/engine/template-a/html-parts/studies-section/labels/studies-label.model.ts
diff --git a/packages/manfred2html/src/engine/translations/studies-section/labels/studies-spanish-labels.const.ts b/packages/manfred2html/src/engine/template-a/html-parts/studies-section/labels/studies-spanish-labels.const.ts
similarity index 57%
rename from packages/manfred2html/src/engine/translations/studies-section/labels/studies-spanish-labels.const.ts
rename to packages/manfred2html/src/engine/template-a/html-parts/studies-section/labels/studies-spanish-labels.const.ts
index 173878c7..0c35087e 100644
--- a/packages/manfred2html/src/engine/translations/studies-section/labels/studies-spanish-labels.const.ts
+++ b/packages/manfred2html/src/engine/template-a/html-parts/studies-section/labels/studies-spanish-labels.const.ts
@@ -1,4 +1,4 @@
-import { StudiesLabels } from './studies-label-definition.model';
+import { StudiesLabels } from './studies-label.model';
 
 export const spanishStudiesLabels: StudiesLabels = {
   STUDIES_HEADING: 'Estudios',
diff --git a/packages/manfred2html/src/engine/template-a/html-parts/studies-section/studies-section.part.ts b/packages/manfred2html/src/engine/template-a/html-parts/studies-section/studies-section.part.ts
index 0ebf8896..90be11ac 100644
--- a/packages/manfred2html/src/engine/template-a/html-parts/studies-section/studies-section.part.ts
+++ b/packages/manfred2html/src/engine/template-a/html-parts/studies-section/studies-section.part.ts
@@ -1,14 +1,13 @@
 import ejs from 'ejs';
 import { StudiesSectionVm, mapFromMacCvToStudiesSectionVm } from '@lemoncode/manfred-common/studies-section';
-import { ManfredAwesomicCV } from '@/model';
-import studiesTemplate from './studies-section.ejs?raw';
-import { Language } from '@lemoncode/manfred-common/model';
+import { ManfredAwesomicCV, ExportHTMLSettings, Language } from '@/model';
 import { englishStudiesLabels, spanishStudiesLabels } from './labels';
+import studiesTemplate from './studies-section.ejs?raw';
 
-export const generateStudiesSection = (cv: ManfredAwesomicCV, languaje: Language = 'es'): string => {
+export const generateStudiesSection = (cv: ManfredAwesomicCV, settings: ExportHTMLSettings): string => {
   const studiesSectionVm = mapFromMacCvToStudiesSectionVm(cv);
 
-  return generateStudiesSectionInner(studiesSectionVm, 'es');
+  return generateStudiesSectionInner(studiesSectionVm, settings.language);
 };
 
 const generateStudiesSectionInner = (studiesSectionVm: StudiesSectionVm[], language: Language): string => {
diff --git a/packages/manfred2html/src/engine/template-b/html-parts/studies-section/labels/index.ts b/packages/manfred2html/src/engine/template-b/html-parts/studies-section/labels/index.ts
new file mode 100644
index 00000000..b910c47b
--- /dev/null
+++ b/packages/manfred2html/src/engine/template-b/html-parts/studies-section/labels/index.ts
@@ -0,0 +1,3 @@
+export * from './studies-label.model';
+export * from './studies-english-labels.const';
+export * from './studies-spanish-labels.const';
diff --git a/packages/manfred2html/src/engine/template-b/html-parts/studies-section/labels/studies-english-labels.const.ts b/packages/manfred2html/src/engine/template-b/html-parts/studies-section/labels/studies-english-labels.const.ts
new file mode 100644
index 00000000..e57fc9f9
--- /dev/null
+++ b/packages/manfred2html/src/engine/template-b/html-parts/studies-section/labels/studies-english-labels.const.ts
@@ -0,0 +1,5 @@
+import { StudiesLabels } from './studies-label.model';
+
+export const englishStudiesLabels: StudiesLabels = {
+  STUDIES_HEADING: 'Studies',
+};
diff --git a/packages/manfred2html/src/engine/template-b/html-parts/studies-section/labels/studies-label.model.ts b/packages/manfred2html/src/engine/template-b/html-parts/studies-section/labels/studies-label.model.ts
new file mode 100644
index 00000000..27d0cf19
--- /dev/null
+++ b/packages/manfred2html/src/engine/template-b/html-parts/studies-section/labels/studies-label.model.ts
@@ -0,0 +1,3 @@
+export interface StudiesLabels {
+  STUDIES_HEADING: string;
+}
diff --git a/packages/manfred2html/src/engine/template-b/html-parts/studies-section/labels/studies-spanish-labels.const.ts b/packages/manfred2html/src/engine/template-b/html-parts/studies-section/labels/studies-spanish-labels.const.ts
new file mode 100644
index 00000000..0c35087e
--- /dev/null
+++ b/packages/manfred2html/src/engine/template-b/html-parts/studies-section/labels/studies-spanish-labels.const.ts
@@ -0,0 +1,5 @@
+import { StudiesLabels } from './studies-label.model';
+
+export const spanishStudiesLabels: StudiesLabels = {
+  STUDIES_HEADING: 'Estudios',
+};
diff --git a/packages/manfred2html/src/engine/template-b/html-parts/studies-section/studies-section.part.ts b/packages/manfred2html/src/engine/template-b/html-parts/studies-section/studies-section.part.ts
index 512e6471..90be11ac 100644
--- a/packages/manfred2html/src/engine/template-b/html-parts/studies-section/studies-section.part.ts
+++ b/packages/manfred2html/src/engine/template-b/html-parts/studies-section/studies-section.part.ts
@@ -1,17 +1,19 @@
 import ejs from 'ejs';
 import { StudiesSectionVm, mapFromMacCvToStudiesSectionVm } from '@lemoncode/manfred-common/studies-section';
-import { ManfredAwesomicCV } from '@/model';
+import { ManfredAwesomicCV, ExportHTMLSettings, Language } from '@/model';
+import { englishStudiesLabels, spanishStudiesLabels } from './labels';
 import studiesTemplate from './studies-section.ejs?raw';
 
-export const generateStudiesSection = (cv: ManfredAwesomicCV): string => {
+export const generateStudiesSection = (cv: ManfredAwesomicCV, settings: ExportHTMLSettings): string => {
   const studiesSectionVm = mapFromMacCvToStudiesSectionVm(cv);
 
-  return generateStudiesSectionInner(studiesSectionVm);
+  return generateStudiesSectionInner(studiesSectionVm, settings.language);
 };
 
-const generateStudiesSectionInner = (studiesSectionVm: StudiesSectionVm[]): string => {
+const generateStudiesSectionInner = (studiesSectionVm: StudiesSectionVm[], language: Language): string => {
   const rootObject = {
     studiesCollection: studiesSectionVm,
+    labels: !language || language === 'es' ? spanishStudiesLabels : englishStudiesLabels,
   };
 
   return ejs.render(studiesTemplate, rootObject);

From 2710ce6face3e039883cc601b58398c357e805a3 Mon Sep 17 00:00:00 2001
From: juanpms2 <juanpablo@lemoncode.net>
Date: Mon, 6 Nov 2023 12:24:06 +0100
Subject: [PATCH 52/63] updated index export

---
 packages/manfred-common/src/model/index.ts         |  1 -
 .../about-me-section/about-me-section.part.ts      |  4 ++--
 .../experience-section/experience-section.part.ts  |  4 ++--
 .../hard-skills-section.part.ts                    |  4 ++--
 .../language-section/language-section.part.ts      |  4 ++--
 .../relevants-links-section.part.ts                |  4 ++--
 .../soft-skills-section.part.ts                    |  4 ++--
 .../studies-section/studies-section.part.ts        |  4 ++--
 .../manfred2html/src/engine/template-a/index.ts    | 14 +++++++-------
 .../about-me-section/about-me-section.part.ts      |  4 ++--
 .../experience-section/experience-section.part.ts  |  4 ++--
 .../hard-skills-section.part.ts                    |  4 ++--
 .../language-section/language-section.part.ts      |  4 ++--
 .../relevants-links-section.part.ts                |  4 ++--
 .../soft-skills-section.part.ts                    |  4 ++--
 .../studies-section/studies-section.part.ts        |  4 ++--
 .../manfred2html/src/engine/template-b/index.ts    | 14 +++++++-------
 17 files changed, 42 insertions(+), 43 deletions(-)

diff --git a/packages/manfred-common/src/model/index.ts b/packages/manfred-common/src/model/index.ts
index 18b62283..d8d42b2a 100644
--- a/packages/manfred-common/src/model/index.ts
+++ b/packages/manfred-common/src/model/index.ts
@@ -1,2 +1 @@
 export * from './manfred-schema.model';
-export * from './settings.model';
diff --git a/packages/manfred2html/src/engine/template-a/html-parts/about-me-section/about-me-section.part.ts b/packages/manfred2html/src/engine/template-a/html-parts/about-me-section/about-me-section.part.ts
index 76d7917e..4a495a05 100644
--- a/packages/manfred2html/src/engine/template-a/html-parts/about-me-section/about-me-section.part.ts
+++ b/packages/manfred2html/src/engine/template-a/html-parts/about-me-section/about-me-section.part.ts
@@ -1,10 +1,10 @@
 import ejs from 'ejs';
 import { ProfileSectionVm, mapFromMacCvToProfileSectionVm } from '@lemoncode/manfred-common/profile-section';
-import { ManfredAwesomicCV, ExportHTMLSettings, Language } from '@/model';
+import { ManfredAwesomicCV, Settings, Language } from '@/model';
 import { englishAboutMeLabels, spanishAboutMeLabels } from './labels';
 import aboutMe from './about-me-section.ejs?raw';
 
-export const generateAboutMeSection = (cv: ManfredAwesomicCV, settings: ExportHTMLSettings): string => {
+export const generateAboutMeSection = (cv: ManfredAwesomicCV, settings: Settings): string => {
   const profileSectionVm = mapFromMacCvToProfileSectionVm(cv);
 
   return generateAboutMeSectionInner(profileSectionVm, settings.language);
diff --git a/packages/manfred2html/src/engine/template-a/html-parts/experience-section/experience-section.part.ts b/packages/manfred2html/src/engine/template-a/html-parts/experience-section/experience-section.part.ts
index 500cdd79..3d31d99c 100644
--- a/packages/manfred2html/src/engine/template-a/html-parts/experience-section/experience-section.part.ts
+++ b/packages/manfred2html/src/engine/template-a/html-parts/experience-section/experience-section.part.ts
@@ -1,10 +1,10 @@
 import ejs from 'ejs';
 import { ExperienceVm, mapFromMacCvToExperienceSectionVm } from '@lemoncode/manfred-common/experience-section';
-import { ExportHTMLSettings, Language, ManfredAwesomicCV } from '@/model';
+import { Settings, Language, ManfredAwesomicCV } from '@/model';
 import experienceTemplate from './experience-section.ejs?raw';
 import { englishExperienceLabels, spanishExperienceLabels } from './labels';
 
-export const generateExperiencesSection = (cv: ManfredAwesomicCV, settings: ExportHTMLSettings): string => {
+export const generateExperiencesSection = (cv: ManfredAwesomicCV, settings: Settings): string => {
   const experienceSectionVm = mapFromMacCvToExperienceSectionVm(cv);
 
   return generateExperienceSectionInner(experienceSectionVm, settings.language);
diff --git a/packages/manfred2html/src/engine/template-a/html-parts/hard-skills-section/hard-skills-section.part.ts b/packages/manfred2html/src/engine/template-a/html-parts/hard-skills-section/hard-skills-section.part.ts
index f2042177..540a01d4 100644
--- a/packages/manfred2html/src/engine/template-a/html-parts/hard-skills-section/hard-skills-section.part.ts
+++ b/packages/manfred2html/src/engine/template-a/html-parts/hard-skills-section/hard-skills-section.part.ts
@@ -1,10 +1,10 @@
 import ejs from 'ejs';
 import { HardSkillVM, mapFromCvToHardSkillVm } from '@lemoncode/manfred-common/hard-skill-section';
-import { ExportHTMLSettings, Language, ManfredAwesomicCV } from '@/model';
+import { Settings, Language, ManfredAwesomicCV } from '@/model';
 import { englishHardSkillsLabels, spanishHardSkillsLabels } from './labels';
 import hardSkillsTemplate from './hard-skills-section.ejs?raw';
 
-export const generateHardSkillsSection = (cv: ManfredAwesomicCV, settings: ExportHTMLSettings): string => {
+export const generateHardSkillsSection = (cv: ManfredAwesomicCV, settings: Settings): string => {
   const hardSkillsSectionVm = mapFromCvToHardSkillVm(cv);
   return generateHardSkillsSectionInner(hardSkillsSectionVm, settings.language);
 };
diff --git a/packages/manfred2html/src/engine/template-a/html-parts/language-section/language-section.part.ts b/packages/manfred2html/src/engine/template-a/html-parts/language-section/language-section.part.ts
index 5089b74f..98329844 100644
--- a/packages/manfred2html/src/engine/template-a/html-parts/language-section/language-section.part.ts
+++ b/packages/manfred2html/src/engine/template-a/html-parts/language-section/language-section.part.ts
@@ -1,10 +1,10 @@
 import ejs from 'ejs';
-import { ManfredAwesomicCV, ExportHTMLSettings, Language } from '@/model';
+import { ManfredAwesomicCV, Settings, Language } from '@/model';
 import { LanguageVm, mapFromCvToLanguageVm } from '@lemoncode/manfred-common/language-section';
 import { englishLanguageLabels, spanishLanguageLabels } from './labels';
 import languageTemplate from './language-section.ejs?raw';
 
-export const generateLanguageSection = (cv: ManfredAwesomicCV, settings: ExportHTMLSettings): string => {
+export const generateLanguageSection = (cv: ManfredAwesomicCV, settings: Settings): string => {
   const languageSectionVm = mapFromCvToLanguageVm(cv);
   return generateLanguageSectionInner(languageSectionVm, settings.language);
 };
diff --git a/packages/manfred2html/src/engine/template-a/html-parts/relevants-links-section/relevants-links-section.part.ts b/packages/manfred2html/src/engine/template-a/html-parts/relevants-links-section/relevants-links-section.part.ts
index fd4b06b5..5f8317fd 100644
--- a/packages/manfred2html/src/engine/template-a/html-parts/relevants-links-section/relevants-links-section.part.ts
+++ b/packages/manfred2html/src/engine/template-a/html-parts/relevants-links-section/relevants-links-section.part.ts
@@ -1,10 +1,10 @@
 import ejs from 'ejs';
 import { ProfileSectionVm, mapFromMacCvToProfileSectionVm } from '@lemoncode/manfred-common/profile-section';
-import { ManfredAwesomicCV, ExportHTMLSettings, Language } from '@/model';
+import { ManfredAwesomicCV, Settings, Language } from '@/model';
 import { englishRelevantsLabels, spanishRelevantsLabels } from './labels';
 import relevantsLinksSection from './relevants-links-section.ejs?raw';
 
-export const generateRelevantsLinksSection = (cv: ManfredAwesomicCV, settings: ExportHTMLSettings): string => {
+export const generateRelevantsLinksSection = (cv: ManfredAwesomicCV, settings: Settings): string => {
   const profileSectionVm = mapFromMacCvToProfileSectionVm(cv);
 
   return generateRelevantsLinksSectionInner(profileSectionVm, settings.language);
diff --git a/packages/manfred2html/src/engine/template-a/html-parts/soft-skills-section/soft-skills-section.part.ts b/packages/manfred2html/src/engine/template-a/html-parts/soft-skills-section/soft-skills-section.part.ts
index 5267ce46..a5746152 100644
--- a/packages/manfred2html/src/engine/template-a/html-parts/soft-skills-section/soft-skills-section.part.ts
+++ b/packages/manfred2html/src/engine/template-a/html-parts/soft-skills-section/soft-skills-section.part.ts
@@ -1,10 +1,10 @@
 import ejs from 'ejs';
 import { SoftSkillVM, mapFromCvToSoftSkillVm } from '@lemoncode/manfred-common/soft-skill-section';
-import { ManfredAwesomicCV, ExportHTMLSettings, Language } from '@/model';
+import { ManfredAwesomicCV, Settings, Language } from '@/model';
 import { englishSoftSkillsLabels, spanishSoftSkillsLabels } from './labels';
 import softSkillsTemplate from './soft-skills-section.ejs?raw';
 
-export const generateSoftSkillsSection = (cv: ManfredAwesomicCV, settings: ExportHTMLSettings): string => {
+export const generateSoftSkillsSection = (cv: ManfredAwesomicCV, settings: Settings): string => {
   const softSkillsSectionVm = mapFromCvToSoftSkillVm(cv);
   return generateSoftSkillsSectionInner(softSkillsSectionVm, settings.language);
 };
diff --git a/packages/manfred2html/src/engine/template-a/html-parts/studies-section/studies-section.part.ts b/packages/manfred2html/src/engine/template-a/html-parts/studies-section/studies-section.part.ts
index 90be11ac..6aaed8bd 100644
--- a/packages/manfred2html/src/engine/template-a/html-parts/studies-section/studies-section.part.ts
+++ b/packages/manfred2html/src/engine/template-a/html-parts/studies-section/studies-section.part.ts
@@ -1,10 +1,10 @@
 import ejs from 'ejs';
 import { StudiesSectionVm, mapFromMacCvToStudiesSectionVm } from '@lemoncode/manfred-common/studies-section';
-import { ManfredAwesomicCV, ExportHTMLSettings, Language } from '@/model';
+import { ManfredAwesomicCV, Settings, Language } from '@/model';
 import { englishStudiesLabels, spanishStudiesLabels } from './labels';
 import studiesTemplate from './studies-section.ejs?raw';
 
-export const generateStudiesSection = (cv: ManfredAwesomicCV, settings: ExportHTMLSettings): string => {
+export const generateStudiesSection = (cv: ManfredAwesomicCV, settings: Settings): string => {
   const studiesSectionVm = mapFromMacCvToStudiesSectionVm(cv);
 
   return generateStudiesSectionInner(studiesSectionVm, settings.language);
diff --git a/packages/manfred2html/src/engine/template-a/index.ts b/packages/manfred2html/src/engine/template-a/index.ts
index ab79d39a..e5342552 100644
--- a/packages/manfred2html/src/engine/template-a/index.ts
+++ b/packages/manfred2html/src/engine/template-a/index.ts
@@ -22,17 +22,17 @@ export const exportManfredJSonToHTMLTemplateA = (manfredJsonContent: ManfredAwes
   const htmlDocumentEnd = generateHtmlDocumentEnd();
   const headerElementStart = generateHeaderElementStart();
   const headerElementEnd = generateHeaderElementEnd();
-  const aboutMeSection = generateAboutMeSection(manfredJsonContent);
+  const aboutMeSection = generateAboutMeSection(manfredJsonContent, settings);
   const asideElementStart = generateAsideElementStart();
   const asideElementEnd = generateAsideElementEnd();
-  const relevantsLinksSection = generateRelevantsLinksSection(manfredJsonContent);
+  const relevantsLinksSection = generateRelevantsLinksSection(manfredJsonContent, settings);
   const mainElementStart = generateMainElementStart();
   const mainElementEnd = generateMainElementEnd();
-  const languageSection = generateLanguageSection(manfredJsonContent);
-  const hardSkillsSection = generateHardSkillsSection(manfredJsonContent);
-  const softSkillsSection = generateSoftSkillsSection(manfredJsonContent);
-  const experienceSection = generateExperiencesSection(manfredJsonContent);
-  const studiesSection = generateStudiesSection(manfredJsonContent);
+  const languageSection = generateLanguageSection(manfredJsonContent, settings);
+  const hardSkillsSection = generateHardSkillsSection(manfredJsonContent, settings);
+  const softSkillsSection = generateSoftSkillsSection(manfredJsonContent, settings);
+  const experienceSection = generateExperiencesSection(manfredJsonContent, settings);
+  const studiesSection = generateStudiesSection(manfredJsonContent, settings);
 
   return `
     ${htmlDocumentStart}
diff --git a/packages/manfred2html/src/engine/template-b/html-parts/about-me-section/about-me-section.part.ts b/packages/manfred2html/src/engine/template-b/html-parts/about-me-section/about-me-section.part.ts
index 76d7917e..4a495a05 100644
--- a/packages/manfred2html/src/engine/template-b/html-parts/about-me-section/about-me-section.part.ts
+++ b/packages/manfred2html/src/engine/template-b/html-parts/about-me-section/about-me-section.part.ts
@@ -1,10 +1,10 @@
 import ejs from 'ejs';
 import { ProfileSectionVm, mapFromMacCvToProfileSectionVm } from '@lemoncode/manfred-common/profile-section';
-import { ManfredAwesomicCV, ExportHTMLSettings, Language } from '@/model';
+import { ManfredAwesomicCV, Settings, Language } from '@/model';
 import { englishAboutMeLabels, spanishAboutMeLabels } from './labels';
 import aboutMe from './about-me-section.ejs?raw';
 
-export const generateAboutMeSection = (cv: ManfredAwesomicCV, settings: ExportHTMLSettings): string => {
+export const generateAboutMeSection = (cv: ManfredAwesomicCV, settings: Settings): string => {
   const profileSectionVm = mapFromMacCvToProfileSectionVm(cv);
 
   return generateAboutMeSectionInner(profileSectionVm, settings.language);
diff --git a/packages/manfred2html/src/engine/template-b/html-parts/experience-section/experience-section.part.ts b/packages/manfred2html/src/engine/template-b/html-parts/experience-section/experience-section.part.ts
index 500cdd79..3d31d99c 100644
--- a/packages/manfred2html/src/engine/template-b/html-parts/experience-section/experience-section.part.ts
+++ b/packages/manfred2html/src/engine/template-b/html-parts/experience-section/experience-section.part.ts
@@ -1,10 +1,10 @@
 import ejs from 'ejs';
 import { ExperienceVm, mapFromMacCvToExperienceSectionVm } from '@lemoncode/manfred-common/experience-section';
-import { ExportHTMLSettings, Language, ManfredAwesomicCV } from '@/model';
+import { Settings, Language, ManfredAwesomicCV } from '@/model';
 import experienceTemplate from './experience-section.ejs?raw';
 import { englishExperienceLabels, spanishExperienceLabels } from './labels';
 
-export const generateExperiencesSection = (cv: ManfredAwesomicCV, settings: ExportHTMLSettings): string => {
+export const generateExperiencesSection = (cv: ManfredAwesomicCV, settings: Settings): string => {
   const experienceSectionVm = mapFromMacCvToExperienceSectionVm(cv);
 
   return generateExperienceSectionInner(experienceSectionVm, settings.language);
diff --git a/packages/manfred2html/src/engine/template-b/html-parts/hard-skills-section/hard-skills-section.part.ts b/packages/manfred2html/src/engine/template-b/html-parts/hard-skills-section/hard-skills-section.part.ts
index d714dd27..d4d1a7f9 100644
--- a/packages/manfred2html/src/engine/template-b/html-parts/hard-skills-section/hard-skills-section.part.ts
+++ b/packages/manfred2html/src/engine/template-b/html-parts/hard-skills-section/hard-skills-section.part.ts
@@ -1,10 +1,10 @@
 import ejs from 'ejs';
 import { HardSkillVM, mapFromCvToHardSkillVm } from '@lemoncode/manfred-common/hard-skill-section';
-import { ExportHTMLSettings, Language, ManfredAwesomicCV } from '@/model';
+import { Settings, Language, ManfredAwesomicCV } from '@/model';
 import { englishHardSkillsLabels, spanishHardSkillsLabels } from './labels';
 import hardSkillsSection from './hard-skills-section.ejs?raw';
 
-export const generateHardSkillsSection = (cv: ManfredAwesomicCV, settings: ExportHTMLSettings): string => {
+export const generateHardSkillsSection = (cv: ManfredAwesomicCV, settings: Settings): string => {
   const hardSkillsSectionVm = mapFromCvToHardSkillVm(cv);
   return generateHardSkillsSectionInner(hardSkillsSectionVm, settings.language);
 };
diff --git a/packages/manfred2html/src/engine/template-b/html-parts/language-section/language-section.part.ts b/packages/manfred2html/src/engine/template-b/html-parts/language-section/language-section.part.ts
index 78b62d91..aa6f4245 100644
--- a/packages/manfred2html/src/engine/template-b/html-parts/language-section/language-section.part.ts
+++ b/packages/manfred2html/src/engine/template-b/html-parts/language-section/language-section.part.ts
@@ -1,10 +1,10 @@
 import ejs from 'ejs';
 import { LanguageVm, mapFromCvToLanguageVm } from '@lemoncode/manfred-common/language-section';
-import { ManfredAwesomicCV, ExportHTMLSettings, Language } from '@/model';
+import { ManfredAwesomicCV, Settings, Language } from '@/model';
 import { englishLanguageLabels, spanishLanguageLabels } from './labels';
 import languageSection from './language-section.ejs?raw';
 
-export const generateLanguageSection = (cv: ManfredAwesomicCV, settings: ExportHTMLSettings): string => {
+export const generateLanguageSection = (cv: ManfredAwesomicCV, settings: Settings): string => {
   const languageSectionVm = mapFromCvToLanguageVm(cv);
   return generateLanguageSectionInner(languageSectionVm, settings.language);
 };
diff --git a/packages/manfred2html/src/engine/template-b/html-parts/relevants-links-section/relevants-links-section.part.ts b/packages/manfred2html/src/engine/template-b/html-parts/relevants-links-section/relevants-links-section.part.ts
index fd4b06b5..5f8317fd 100644
--- a/packages/manfred2html/src/engine/template-b/html-parts/relevants-links-section/relevants-links-section.part.ts
+++ b/packages/manfred2html/src/engine/template-b/html-parts/relevants-links-section/relevants-links-section.part.ts
@@ -1,10 +1,10 @@
 import ejs from 'ejs';
 import { ProfileSectionVm, mapFromMacCvToProfileSectionVm } from '@lemoncode/manfred-common/profile-section';
-import { ManfredAwesomicCV, ExportHTMLSettings, Language } from '@/model';
+import { ManfredAwesomicCV, Settings, Language } from '@/model';
 import { englishRelevantsLabels, spanishRelevantsLabels } from './labels';
 import relevantsLinksSection from './relevants-links-section.ejs?raw';
 
-export const generateRelevantsLinksSection = (cv: ManfredAwesomicCV, settings: ExportHTMLSettings): string => {
+export const generateRelevantsLinksSection = (cv: ManfredAwesomicCV, settings: Settings): string => {
   const profileSectionVm = mapFromMacCvToProfileSectionVm(cv);
 
   return generateRelevantsLinksSectionInner(profileSectionVm, settings.language);
diff --git a/packages/manfred2html/src/engine/template-b/html-parts/soft-skills-section/soft-skills-section.part.ts b/packages/manfred2html/src/engine/template-b/html-parts/soft-skills-section/soft-skills-section.part.ts
index fa341ec8..db3c45b7 100644
--- a/packages/manfred2html/src/engine/template-b/html-parts/soft-skills-section/soft-skills-section.part.ts
+++ b/packages/manfred2html/src/engine/template-b/html-parts/soft-skills-section/soft-skills-section.part.ts
@@ -1,10 +1,10 @@
 import ejs from 'ejs';
 import { SoftSkillVM, mapFromCvToSoftSkillVm } from '@lemoncode/manfred-common/soft-skill-section';
-import { ExportHTMLSettings, Language, ManfredAwesomicCV } from '@/model';
+import { Settings, Language, ManfredAwesomicCV } from '@/model';
 import { englishSoftSkillsLabels, spanishSoftSkillsLabels } from './labels';
 import softSkillsSection from './soft-skills-section.ejs?raw';
 
-export const generateSoftSkillsSection = (cv: ManfredAwesomicCV, settings: ExportHTMLSettings): string => {
+export const generateSoftSkillsSection = (cv: ManfredAwesomicCV, settings: Settings): string => {
   const softSkillsSectionVm = mapFromCvToSoftSkillVm(cv);
   return generateSoftSkillsSectionInner(softSkillsSectionVm, settings.language);
 };
diff --git a/packages/manfred2html/src/engine/template-b/html-parts/studies-section/studies-section.part.ts b/packages/manfred2html/src/engine/template-b/html-parts/studies-section/studies-section.part.ts
index 90be11ac..6aaed8bd 100644
--- a/packages/manfred2html/src/engine/template-b/html-parts/studies-section/studies-section.part.ts
+++ b/packages/manfred2html/src/engine/template-b/html-parts/studies-section/studies-section.part.ts
@@ -1,10 +1,10 @@
 import ejs from 'ejs';
 import { StudiesSectionVm, mapFromMacCvToStudiesSectionVm } from '@lemoncode/manfred-common/studies-section';
-import { ManfredAwesomicCV, ExportHTMLSettings, Language } from '@/model';
+import { ManfredAwesomicCV, Settings, Language } from '@/model';
 import { englishStudiesLabels, spanishStudiesLabels } from './labels';
 import studiesTemplate from './studies-section.ejs?raw';
 
-export const generateStudiesSection = (cv: ManfredAwesomicCV, settings: ExportHTMLSettings): string => {
+export const generateStudiesSection = (cv: ManfredAwesomicCV, settings: Settings): string => {
   const studiesSectionVm = mapFromMacCvToStudiesSectionVm(cv);
 
   return generateStudiesSectionInner(studiesSectionVm, settings.language);
diff --git a/packages/manfred2html/src/engine/template-b/index.ts b/packages/manfred2html/src/engine/template-b/index.ts
index 3bd2850b..efcb6918 100644
--- a/packages/manfred2html/src/engine/template-b/index.ts
+++ b/packages/manfred2html/src/engine/template-b/index.ts
@@ -24,17 +24,17 @@ export const exportManfredJSonToHTMLTemplateB = (manfredJsonContent: ManfredAwes
   const headerElementStart = generateHeaderElementStart();
   const headerElementEnd = generateHeaderElementEnd();
   const headerSection = generateHeaderSection(manfredJsonContent);
-  const relevantsLinksSection = generateRelevantsLinksSection(manfredJsonContent);
-  const hardSkillsSection = generateHardSkillsSection(manfredJsonContent);
-  const softSkillsSection = generateSoftSkillsSection(manfredJsonContent);
-  const languageSection = generateLanguageSection(manfredJsonContent);
+  const relevantsLinksSection = generateRelevantsLinksSection(manfredJsonContent, settings);
+  const hardSkillsSection = generateHardSkillsSection(manfredJsonContent, settings);
+  const softSkillsSection = generateSoftSkillsSection(manfredJsonContent, settings);
+  const languageSection = generateLanguageSection(manfredJsonContent, settings);
   const asideElementStart = generateAsideElementStart();
   const asideElementEnd = generateAsideElementEnd();
   const mainElementStart = generateMainElementStart();
   const mainElementEnd = generateMainElementEnd();
-  const aboutMeSection = generateAboutMeSection(manfredJsonContent);
-  const experienceSection = generateExperiencesSection(manfredJsonContent);
-  const studiesSection = generateStudiesSection(manfredJsonContent);
+  const aboutMeSection = generateAboutMeSection(manfredJsonContent, settings);
+  const experienceSection = generateExperiencesSection(manfredJsonContent, settings);
+  const studiesSection = generateStudiesSection(manfredJsonContent, settings);
   return `
     ${htmlDocumentStart}
       ${asideElementStart}

From c23f256850b05584c91b826c3f46b4488c8fb900 Mon Sep 17 00:00:00 2001
From: juanpms2 <juanpablo@lemoncode.net>
Date: Mon, 6 Nov 2023 12:32:43 +0100
Subject: [PATCH 53/63] updated ejs

---
 .../html-parts/about-me-section/about-me-section.ejs       | 2 +-
 .../html-parts/experience-section/experience-section.ejs   | 2 +-
 .../html-parts/hard-skills-section/hard-skills-section.ejs | 2 +-
 .../html-parts/language-section/language-section.ejs       | 2 +-
 .../relevants-links-section/relevants-links-section.ejs    | 2 +-
 .../html-parts/soft-skills-section/soft-skills-section.ejs | 3 +--
 .../html-parts/studies-section/studies-section.ejs         | 7 +++----
 7 files changed, 9 insertions(+), 11 deletions(-)

diff --git a/packages/manfred2html/src/engine/template-b/html-parts/about-me-section/about-me-section.ejs b/packages/manfred2html/src/engine/template-b/html-parts/about-me-section/about-me-section.ejs
index acf71af2..b4a93ad7 100644
--- a/packages/manfred2html/src/engine/template-b/html-parts/about-me-section/about-me-section.ejs
+++ b/packages/manfred2html/src/engine/template-b/html-parts/about-me-section/about-me-section.ejs
@@ -1,7 +1,7 @@
   <%_ if (profile && profile !== 'undefined' ) { -%>
     <section class="main__section">
     <div class="main__section__header">
-    <h2>Sobre mi</h2>
+    <h2><%- labels.ABOUT_ME_HEADING %></h2>
     <hr class="divider"/>
   </div>
     <p class="main__section__item"><%= profile?.description %></p>
diff --git a/packages/manfred2html/src/engine/template-b/html-parts/experience-section/experience-section.ejs b/packages/manfred2html/src/engine/template-b/html-parts/experience-section/experience-section.ejs
index dce07542..f67b2631 100644
--- a/packages/manfred2html/src/engine/template-b/html-parts/experience-section/experience-section.ejs
+++ b/packages/manfred2html/src/engine/template-b/html-parts/experience-section/experience-section.ejs
@@ -1,7 +1,7 @@
 <%_ if(experienceCollection && experienceCollection.length !== 0){ -%>
   <section class="main__section">
     <div class="main__section__header">
-      <h2>Experiencia</h2>
+      <h2><%- labels.EXPERIENCE_CAREER_HEADING %></h2>
       <hr class="divider" />
     </div>
     <%_ for(const experience of experienceCollection){ -%>
diff --git a/packages/manfred2html/src/engine/template-b/html-parts/hard-skills-section/hard-skills-section.ejs b/packages/manfred2html/src/engine/template-b/html-parts/hard-skills-section/hard-skills-section.ejs
index dade5cd5..ae528741 100644
--- a/packages/manfred2html/src/engine/template-b/html-parts/hard-skills-section/hard-skills-section.ejs
+++ b/packages/manfred2html/src/engine/template-b/html-parts/hard-skills-section/hard-skills-section.ejs
@@ -1,6 +1,6 @@
 <%_ if (hardSkillsCollection && hardSkillsCollection.length !== 0) { -%>
     <div class="aside__section">
-        <h3>Habilidades Técnicas</h3>
+        <h3><%- labels.HARD_SKILLS_HEADING %></h3>
       <ul class="aside__section__list-items">
         <%_ for (const item of hardSkillsCollection) { -%>
           <li><%- item.skill.name %></li>
diff --git a/packages/manfred2html/src/engine/template-b/html-parts/language-section/language-section.ejs b/packages/manfred2html/src/engine/template-b/html-parts/language-section/language-section.ejs
index 4fca980c..621014f1 100644
--- a/packages/manfred2html/src/engine/template-b/html-parts/language-section/language-section.ejs
+++ b/packages/manfred2html/src/engine/template-b/html-parts/language-section/language-section.ejs
@@ -1,6 +1,6 @@
 <%_ if (languageCollection && languageCollection.length !== 0) { -%>
   <div class="aside__section">
-    <h3>Idiomas / Nivel</h3>
+    <h3><%- labels.LANGUAGE_HEADING %></h3>
     <ul class="aside__section__list-items">
       <%_ for (const language of languageCollection) { -%>
         <li><%- language.name %> (<%- language.level %>)</li>
diff --git a/packages/manfred2html/src/engine/template-b/html-parts/relevants-links-section/relevants-links-section.ejs b/packages/manfred2html/src/engine/template-b/html-parts/relevants-links-section/relevants-links-section.ejs
index 85834f3d..e35bb05c 100644
--- a/packages/manfred2html/src/engine/template-b/html-parts/relevants-links-section/relevants-links-section.ejs
+++ b/packages/manfred2html/src/engine/template-b/html-parts/relevants-links-section/relevants-links-section.ejs
@@ -1,6 +1,6 @@
 <%_ if (profile.relevantLinks && profile.relevantLinks.length !== 0) { -%>
   <div class="aside__section">
-        <h3>Mis enlaces</h3>
+        <h3><%- labels.RELEVANTS_HEADING %></h3>
         <div class="aside__section__link-items">
     <%_ for (const link of profile?.relevantLinks) { -%>
       <%_ if (link.type === 'linkedin') { -%>
diff --git a/packages/manfred2html/src/engine/template-b/html-parts/soft-skills-section/soft-skills-section.ejs b/packages/manfred2html/src/engine/template-b/html-parts/soft-skills-section/soft-skills-section.ejs
index e85a62fc..2cb15bb5 100644
--- a/packages/manfred2html/src/engine/template-b/html-parts/soft-skills-section/soft-skills-section.ejs
+++ b/packages/manfred2html/src/engine/template-b/html-parts/soft-skills-section/soft-skills-section.ejs
@@ -1,6 +1,6 @@
 <%_ if (softSkillsCollection && softSkillsCollection.length !== 0) { -%>
     <div class="aside__section">
-      <h3>Habilidades interpersonales</h3>
+      <h3><%- labels.SOFT_SKILLS_HEADING %></h3>
       <ul class="aside__section__list-items">
         <%_ for (const item of softSkillsCollection) { -%>
           <li><%- item.skill.name %></li>
@@ -8,4 +8,3 @@
       </ul>
     </div>
   <%_ } -%>
-  
\ No newline at end of file
diff --git a/packages/manfred2html/src/engine/template-b/html-parts/studies-section/studies-section.ejs b/packages/manfred2html/src/engine/template-b/html-parts/studies-section/studies-section.ejs
index d454cf62..b3dcaaa0 100644
--- a/packages/manfred2html/src/engine/template-b/html-parts/studies-section/studies-section.ejs
+++ b/packages/manfred2html/src/engine/template-b/html-parts/studies-section/studies-section.ejs
@@ -1,7 +1,7 @@
 <%_ if (studiesCollection && studiesCollection.length !== 0) { -%>
     <section class="main__section">
       <div class="main__section__header">
-        <h2>Educación</h2>
+        <h2><%- labels.STUDIES_HEADING %></h2>
         <hr class="divider" />
       </div>
       <%_ for (const study of studiesCollection) { -%>
@@ -44,7 +44,7 @@
                 <%_ } else { -%>
                   - Actualidad
                   <%_}-%>
-                </p> 
+                </p>
           </div>
             <p class="data">Tipo de estudios: <b><%- study.studyType %></b></p>
             <p class="data">
@@ -57,7 +57,7 @@
             <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:              
+              Ubicación de la institución:
               <b><%- study.institution.location.region %> , <%- study.institution.location.country %> </b>
             </p>
             <%_ } -%>
@@ -66,4 +66,3 @@
       <%_ } -%>
     </section>
     <%_ } -%>
-    
\ No newline at end of file

From 04e228a83c825624baf3395f22ad8b25ee0dd8e5 Mon Sep 17 00:00:00 2001
From: juanpms2 <juanpablo@lemoncode.net>
Date: Mon, 6 Nov 2023 12:39:05 +0100
Subject: [PATCH 54/63] refactor

---
 .../html-parts/about-me-section/about-me-section.part.ts      | 4 ++--
 .../hard-skills-section/hard-skills-section.part.ts           | 4 ++--
 .../html-parts/language-section/language-section.part.ts      | 4 ++--
 .../relevants-links-section/relevants-links-section.part.ts   | 4 ++--
 .../soft-skills-section/soft-skills-section.part.ts           | 4 ++--
 .../html-parts/studies-section/studies-section.part.ts        | 4 ++--
 .../html-parts/about-me-section/about-me-section.part.ts      | 4 ++--
 .../hard-skills-section/hard-skills-section.part.ts           | 4 ++--
 .../html-parts/language-section/language-section.part.ts      | 4 ++--
 .../relevants-links-section/relevants-links-section.part.ts   | 4 ++--
 .../soft-skills-section/soft-skills-section.part.ts           | 4 ++--
 .../html-parts/studies-section/studies-section.part.ts        | 4 ++--
 12 files changed, 24 insertions(+), 24 deletions(-)

diff --git a/packages/manfred2html/src/engine/template-a/html-parts/about-me-section/about-me-section.part.ts b/packages/manfred2html/src/engine/template-a/html-parts/about-me-section/about-me-section.part.ts
index 4a495a05..72d8ab13 100644
--- a/packages/manfred2html/src/engine/template-a/html-parts/about-me-section/about-me-section.part.ts
+++ b/packages/manfred2html/src/engine/template-a/html-parts/about-me-section/about-me-section.part.ts
@@ -10,10 +10,10 @@ export const generateAboutMeSection = (cv: ManfredAwesomicCV, settings: Settings
   return generateAboutMeSectionInner(profileSectionVm, settings.language);
 };
 
-const generateAboutMeSectionInner = (profileSectionVm: ProfileSectionVm, language: Language): string => {
+const generateAboutMeSectionInner = (profileSectionVm: ProfileSectionVm, language: Language = 'es'): string => {
   const rootObject = {
     profile: profileSectionVm,
-    labels: !language || language === 'es' ? spanishAboutMeLabels : englishAboutMeLabels,
+    labels: language === 'es' ? spanishAboutMeLabels : englishAboutMeLabels,
   };
 
   return ejs.render(aboutMe, rootObject);
diff --git a/packages/manfred2html/src/engine/template-a/html-parts/hard-skills-section/hard-skills-section.part.ts b/packages/manfred2html/src/engine/template-a/html-parts/hard-skills-section/hard-skills-section.part.ts
index 540a01d4..fbde49fe 100644
--- a/packages/manfred2html/src/engine/template-a/html-parts/hard-skills-section/hard-skills-section.part.ts
+++ b/packages/manfred2html/src/engine/template-a/html-parts/hard-skills-section/hard-skills-section.part.ts
@@ -9,10 +9,10 @@ export const generateHardSkillsSection = (cv: ManfredAwesomicCV, settings: Setti
   return generateHardSkillsSectionInner(hardSkillsSectionVm, settings.language);
 };
 
-const generateHardSkillsSectionInner = (hardSkillsSectionVm: HardSkillVM[], language: Language): string => {
+const generateHardSkillsSectionInner = (hardSkillsSectionVm: HardSkillVM[], language: Language = 'es'): string => {
   const rootObject = {
     hardSkillsCollection: hardSkillsSectionVm,
-    labels: !language || language === 'es' ? spanishHardSkillsLabels : englishHardSkillsLabels,
+    labels: language === 'es' ? spanishHardSkillsLabels : englishHardSkillsLabels,
   };
   return ejs.render(hardSkillsTemplate, rootObject);
 };
diff --git a/packages/manfred2html/src/engine/template-a/html-parts/language-section/language-section.part.ts b/packages/manfred2html/src/engine/template-a/html-parts/language-section/language-section.part.ts
index 98329844..394ebc04 100644
--- a/packages/manfred2html/src/engine/template-a/html-parts/language-section/language-section.part.ts
+++ b/packages/manfred2html/src/engine/template-a/html-parts/language-section/language-section.part.ts
@@ -9,10 +9,10 @@ export const generateLanguageSection = (cv: ManfredAwesomicCV, settings: Setting
   return generateLanguageSectionInner(languageSectionVm, settings.language);
 };
 
-const generateLanguageSectionInner = (languageSectionVm: LanguageVm[], language: Language): string => {
+const generateLanguageSectionInner = (languageSectionVm: LanguageVm[], language: Language = 'es'): string => {
   const rootObject = {
     languageCollection: languageSectionVm,
-    labels: !language || language === 'es' ? spanishLanguageLabels : englishLanguageLabels,
+    labels: language === 'es' ? spanishLanguageLabels : englishLanguageLabels,
   };
   return ejs.render(languageTemplate, rootObject);
 };
diff --git a/packages/manfred2html/src/engine/template-a/html-parts/relevants-links-section/relevants-links-section.part.ts b/packages/manfred2html/src/engine/template-a/html-parts/relevants-links-section/relevants-links-section.part.ts
index 5f8317fd..9058184d 100644
--- a/packages/manfred2html/src/engine/template-a/html-parts/relevants-links-section/relevants-links-section.part.ts
+++ b/packages/manfred2html/src/engine/template-a/html-parts/relevants-links-section/relevants-links-section.part.ts
@@ -10,10 +10,10 @@ export const generateRelevantsLinksSection = (cv: ManfredAwesomicCV, settings: S
   return generateRelevantsLinksSectionInner(profileSectionVm, settings.language);
 };
 
-const generateRelevantsLinksSectionInner = (profileSectionVm: ProfileSectionVm, language: Language): string => {
+const generateRelevantsLinksSectionInner = (profileSectionVm: ProfileSectionVm, language: Language = 'es'): string => {
   const rootObject = {
     profile: profileSectionVm,
-    labels: !language || language === 'es' ? spanishRelevantsLabels : englishRelevantsLabels,
+    labels: language === 'es' ? spanishRelevantsLabels : englishRelevantsLabels,
   };
 
   return ejs.render(relevantsLinksSection, rootObject);
diff --git a/packages/manfred2html/src/engine/template-a/html-parts/soft-skills-section/soft-skills-section.part.ts b/packages/manfred2html/src/engine/template-a/html-parts/soft-skills-section/soft-skills-section.part.ts
index a5746152..5bdaff34 100644
--- a/packages/manfred2html/src/engine/template-a/html-parts/soft-skills-section/soft-skills-section.part.ts
+++ b/packages/manfred2html/src/engine/template-a/html-parts/soft-skills-section/soft-skills-section.part.ts
@@ -9,10 +9,10 @@ export const generateSoftSkillsSection = (cv: ManfredAwesomicCV, settings: Setti
   return generateSoftSkillsSectionInner(softSkillsSectionVm, settings.language);
 };
 
-const generateSoftSkillsSectionInner = (softSkillsSectionVm: SoftSkillVM[], language: Language): string => {
+const generateSoftSkillsSectionInner = (softSkillsSectionVm: SoftSkillVM[], language: Language = 'es'): string => {
   const rootObject = {
     softSkillsCollection: softSkillsSectionVm,
-    labels: !language || language === 'es' ? spanishSoftSkillsLabels : englishSoftSkillsLabels,
+    labels: language === 'es' ? spanishSoftSkillsLabels : englishSoftSkillsLabels,
   };
   return ejs.render(softSkillsTemplate, rootObject);
 };
diff --git a/packages/manfred2html/src/engine/template-a/html-parts/studies-section/studies-section.part.ts b/packages/manfred2html/src/engine/template-a/html-parts/studies-section/studies-section.part.ts
index 6aaed8bd..1d3d62b8 100644
--- a/packages/manfred2html/src/engine/template-a/html-parts/studies-section/studies-section.part.ts
+++ b/packages/manfred2html/src/engine/template-a/html-parts/studies-section/studies-section.part.ts
@@ -10,10 +10,10 @@ export const generateStudiesSection = (cv: ManfredAwesomicCV, settings: Settings
   return generateStudiesSectionInner(studiesSectionVm, settings.language);
 };
 
-const generateStudiesSectionInner = (studiesSectionVm: StudiesSectionVm[], language: Language): string => {
+const generateStudiesSectionInner = (studiesSectionVm: StudiesSectionVm[], language: Language = 'es'): string => {
   const rootObject = {
     studiesCollection: studiesSectionVm,
-    labels: !language || language === 'es' ? spanishStudiesLabels : englishStudiesLabels,
+    labels: language === 'es' ? spanishStudiesLabels : englishStudiesLabels,
   };
 
   return ejs.render(studiesTemplate, rootObject);
diff --git a/packages/manfred2html/src/engine/template-b/html-parts/about-me-section/about-me-section.part.ts b/packages/manfred2html/src/engine/template-b/html-parts/about-me-section/about-me-section.part.ts
index 4a495a05..72d8ab13 100644
--- a/packages/manfred2html/src/engine/template-b/html-parts/about-me-section/about-me-section.part.ts
+++ b/packages/manfred2html/src/engine/template-b/html-parts/about-me-section/about-me-section.part.ts
@@ -10,10 +10,10 @@ export const generateAboutMeSection = (cv: ManfredAwesomicCV, settings: Settings
   return generateAboutMeSectionInner(profileSectionVm, settings.language);
 };
 
-const generateAboutMeSectionInner = (profileSectionVm: ProfileSectionVm, language: Language): string => {
+const generateAboutMeSectionInner = (profileSectionVm: ProfileSectionVm, language: Language = 'es'): string => {
   const rootObject = {
     profile: profileSectionVm,
-    labels: !language || language === 'es' ? spanishAboutMeLabels : englishAboutMeLabels,
+    labels: language === 'es' ? spanishAboutMeLabels : englishAboutMeLabels,
   };
 
   return ejs.render(aboutMe, rootObject);
diff --git a/packages/manfred2html/src/engine/template-b/html-parts/hard-skills-section/hard-skills-section.part.ts b/packages/manfred2html/src/engine/template-b/html-parts/hard-skills-section/hard-skills-section.part.ts
index d4d1a7f9..c9b174c7 100644
--- a/packages/manfred2html/src/engine/template-b/html-parts/hard-skills-section/hard-skills-section.part.ts
+++ b/packages/manfred2html/src/engine/template-b/html-parts/hard-skills-section/hard-skills-section.part.ts
@@ -9,10 +9,10 @@ export const generateHardSkillsSection = (cv: ManfredAwesomicCV, settings: Setti
   return generateHardSkillsSectionInner(hardSkillsSectionVm, settings.language);
 };
 
-const generateHardSkillsSectionInner = (hardSkillsSectionVm: HardSkillVM[], language: Language): string => {
+const generateHardSkillsSectionInner = (hardSkillsSectionVm: HardSkillVM[], language: Language = 'es'): string => {
   const rootObject = {
     hardSkillsCollection: hardSkillsSectionVm,
-    labels: !language || language === 'es' ? spanishHardSkillsLabels : englishHardSkillsLabels,
+    labels: language === 'es' ? spanishHardSkillsLabels : englishHardSkillsLabels,
   };
   return ejs.render(hardSkillsSection, rootObject);
 };
diff --git a/packages/manfred2html/src/engine/template-b/html-parts/language-section/language-section.part.ts b/packages/manfred2html/src/engine/template-b/html-parts/language-section/language-section.part.ts
index aa6f4245..b6510fce 100644
--- a/packages/manfred2html/src/engine/template-b/html-parts/language-section/language-section.part.ts
+++ b/packages/manfred2html/src/engine/template-b/html-parts/language-section/language-section.part.ts
@@ -9,10 +9,10 @@ export const generateLanguageSection = (cv: ManfredAwesomicCV, settings: Setting
   return generateLanguageSectionInner(languageSectionVm, settings.language);
 };
 
-const generateLanguageSectionInner = (languageSectionVm: LanguageVm[], language: Language): string => {
+const generateLanguageSectionInner = (languageSectionVm: LanguageVm[], language: Language = 'es'): string => {
   const rootObject = {
     languageCollection: languageSectionVm,
-    labels: !language || language === 'es' ? spanishLanguageLabels : englishLanguageLabels,
+    labels: language === 'es' ? spanishLanguageLabels : englishLanguageLabels,
   };
   return ejs.render(languageSection, rootObject);
 };
diff --git a/packages/manfred2html/src/engine/template-b/html-parts/relevants-links-section/relevants-links-section.part.ts b/packages/manfred2html/src/engine/template-b/html-parts/relevants-links-section/relevants-links-section.part.ts
index 5f8317fd..9058184d 100644
--- a/packages/manfred2html/src/engine/template-b/html-parts/relevants-links-section/relevants-links-section.part.ts
+++ b/packages/manfred2html/src/engine/template-b/html-parts/relevants-links-section/relevants-links-section.part.ts
@@ -10,10 +10,10 @@ export const generateRelevantsLinksSection = (cv: ManfredAwesomicCV, settings: S
   return generateRelevantsLinksSectionInner(profileSectionVm, settings.language);
 };
 
-const generateRelevantsLinksSectionInner = (profileSectionVm: ProfileSectionVm, language: Language): string => {
+const generateRelevantsLinksSectionInner = (profileSectionVm: ProfileSectionVm, language: Language = 'es'): string => {
   const rootObject = {
     profile: profileSectionVm,
-    labels: !language || language === 'es' ? spanishRelevantsLabels : englishRelevantsLabels,
+    labels: language === 'es' ? spanishRelevantsLabels : englishRelevantsLabels,
   };
 
   return ejs.render(relevantsLinksSection, rootObject);
diff --git a/packages/manfred2html/src/engine/template-b/html-parts/soft-skills-section/soft-skills-section.part.ts b/packages/manfred2html/src/engine/template-b/html-parts/soft-skills-section/soft-skills-section.part.ts
index db3c45b7..9ddfa06e 100644
--- a/packages/manfred2html/src/engine/template-b/html-parts/soft-skills-section/soft-skills-section.part.ts
+++ b/packages/manfred2html/src/engine/template-b/html-parts/soft-skills-section/soft-skills-section.part.ts
@@ -9,10 +9,10 @@ export const generateSoftSkillsSection = (cv: ManfredAwesomicCV, settings: Setti
   return generateSoftSkillsSectionInner(softSkillsSectionVm, settings.language);
 };
 
-const generateSoftSkillsSectionInner = (softSkillsSectionVm: SoftSkillVM[], language: Language): string => {
+const generateSoftSkillsSectionInner = (softSkillsSectionVm: SoftSkillVM[], language: Language = 'es'): string => {
   const rootObject = {
     softSkillsCollection: softSkillsSectionVm,
-    labels: !language || language === 'es' ? spanishSoftSkillsLabels : englishSoftSkillsLabels,
+    labels: language === 'es' ? spanishSoftSkillsLabels : englishSoftSkillsLabels,
   };
   return ejs.render(softSkillsSection, rootObject);
 };
diff --git a/packages/manfred2html/src/engine/template-b/html-parts/studies-section/studies-section.part.ts b/packages/manfred2html/src/engine/template-b/html-parts/studies-section/studies-section.part.ts
index 6aaed8bd..1d3d62b8 100644
--- a/packages/manfred2html/src/engine/template-b/html-parts/studies-section/studies-section.part.ts
+++ b/packages/manfred2html/src/engine/template-b/html-parts/studies-section/studies-section.part.ts
@@ -10,10 +10,10 @@ export const generateStudiesSection = (cv: ManfredAwesomicCV, settings: Settings
   return generateStudiesSectionInner(studiesSectionVm, settings.language);
 };
 
-const generateStudiesSectionInner = (studiesSectionVm: StudiesSectionVm[], language: Language): string => {
+const generateStudiesSectionInner = (studiesSectionVm: StudiesSectionVm[], language: Language = 'es'): string => {
   const rootObject = {
     studiesCollection: studiesSectionVm,
-    labels: !language || language === 'es' ? spanishStudiesLabels : englishStudiesLabels,
+    labels: language === 'es' ? spanishStudiesLabels : englishStudiesLabels,
   };
 
   return ejs.render(studiesTemplate, rootObject);

From 28e4105daaa799795a4716e875e7e5629b2a6da6 Mon Sep 17 00:00:00 2001
From: juanpms2 <juanpablo@lemoncode.net>
Date: Mon, 6 Nov 2023 13:11:20 +0100
Subject: [PATCH 55/63] removed timestamps

---
 ....timestamp-1694604557970-3b169faf68661.mjs | 24 -------------------
 ....timestamp-1694604558387-3ac4cbfc8194f.mjs | 24 -------------------
 2 files changed, 48 deletions(-)
 delete mode 100644 packages/manfred2html/vite.config.ts.timestamp-1694604557970-3b169faf68661.mjs
 delete mode 100644 packages/manfred2word/vite.config.ts.timestamp-1694604558387-3ac4cbfc8194f.mjs

diff --git a/packages/manfred2html/vite.config.ts.timestamp-1694604557970-3b169faf68661.mjs b/packages/manfred2html/vite.config.ts.timestamp-1694604557970-3b169faf68661.mjs
deleted file mode 100644
index 1cf227c2..00000000
--- a/packages/manfred2html/vite.config.ts.timestamp-1694604557970-3b169faf68661.mjs
+++ /dev/null
@@ -1,24 +0,0 @@
-// vite.config.ts
-import { defineConfig } from "file:///Users/brauliodiez/lemon/manfred-export-app/node_modules/vite/dist/node/index.js";
-import dts from "file:///Users/brauliodiez/lemon/manfred-export-app/node_modules/vite-plugin-dts/dist/index.mjs";
-import { fileURLToPath } from "node:url";
-var __vite_injected_original_import_meta_url = "file:///Users/brauliodiez/lemon/manfred-export-app/packages/manfred2html/vite.config.ts";
-var vite_config_default = ({ mode }) => defineConfig({
-  plugins: [dts()],
-  build: {
-    lib: {
-      entry: "src/index.ts",
-      name: "Manfred2Html"
-    },
-    sourcemap: mode === "development"
-  },
-  resolve: {
-    alias: {
-      "@": fileURLToPath(new URL("./src", __vite_injected_original_import_meta_url))
-    }
-  }
-});
-export {
-  vite_config_default as default
-};
-//# sourceMappingURL=data:application/json;base64,ewogICJ2ZXJzaW9uIjogMywKICAic291cmNlcyI6IFsidml0ZS5jb25maWcudHMiXSwKICAic291cmNlc0NvbnRlbnQiOiBbImNvbnN0IF9fdml0ZV9pbmplY3RlZF9vcmlnaW5hbF9kaXJuYW1lID0gXCIvVXNlcnMvYnJhdWxpb2RpZXovbGVtb24vbWFuZnJlZC1leHBvcnQtYXBwL3BhY2thZ2VzL21hbmZyZWQyaHRtbFwiO2NvbnN0IF9fdml0ZV9pbmplY3RlZF9vcmlnaW5hbF9maWxlbmFtZSA9IFwiL1VzZXJzL2JyYXVsaW9kaWV6L2xlbW9uL21hbmZyZWQtZXhwb3J0LWFwcC9wYWNrYWdlcy9tYW5mcmVkMmh0bWwvdml0ZS5jb25maWcudHNcIjtjb25zdCBfX3ZpdGVfaW5qZWN0ZWRfb3JpZ2luYWxfaW1wb3J0X21ldGFfdXJsID0gXCJmaWxlOi8vL1VzZXJzL2JyYXVsaW9kaWV6L2xlbW9uL21hbmZyZWQtZXhwb3J0LWFwcC9wYWNrYWdlcy9tYW5mcmVkMmh0bWwvdml0ZS5jb25maWcudHNcIjtpbXBvcnQgeyBkZWZpbmVDb25maWcgfSBmcm9tICd2aXRlJztcbmltcG9ydCBkdHMgZnJvbSAndml0ZS1wbHVnaW4tZHRzJztcbmltcG9ydCB7IGZpbGVVUkxUb1BhdGggfSBmcm9tICdub2RlOnVybCc7XG5cbmV4cG9ydCBkZWZhdWx0ICh7IG1vZGUgfSkgPT5cbiAgZGVmaW5lQ29uZmlnKHtcbiAgICBwbHVnaW5zOiBbZHRzKCldLFxuICAgIGJ1aWxkOiB7XG4gICAgICBsaWI6IHtcbiAgICAgICAgZW50cnk6ICdzcmMvaW5kZXgudHMnLFxuICAgICAgICBuYW1lOiAnTWFuZnJlZDJIdG1sJyxcbiAgICAgIH0sXG4gICAgICBzb3VyY2VtYXA6IG1vZGUgPT09ICdkZXZlbG9wbWVudCcsXG4gICAgfSxcbiAgICByZXNvbHZlOiB7XG4gICAgICBhbGlhczoge1xuICAgICAgICAnQCc6IGZpbGVVUkxUb1BhdGgobmV3IFVSTCgnLi9zcmMnLCBpbXBvcnQubWV0YS51cmwpKSxcbiAgICAgIH0sXG4gICAgfSxcbiAgfSk7XG4iXSwKICAibWFwcGluZ3MiOiAiO0FBQXFYLFNBQVMsb0JBQW9CO0FBQ2xaLE9BQU8sU0FBUztBQUNoQixTQUFTLHFCQUFxQjtBQUY0TSxJQUFNLDJDQUEyQztBQUkzUixJQUFPLHNCQUFRLENBQUMsRUFBRSxLQUFLLE1BQ3JCLGFBQWE7QUFBQSxFQUNYLFNBQVMsQ0FBQyxJQUFJLENBQUM7QUFBQSxFQUNmLE9BQU87QUFBQSxJQUNMLEtBQUs7QUFBQSxNQUNILE9BQU87QUFBQSxNQUNQLE1BQU07QUFBQSxJQUNSO0FBQUEsSUFDQSxXQUFXLFNBQVM7QUFBQSxFQUN0QjtBQUFBLEVBQ0EsU0FBUztBQUFBLElBQ1AsT0FBTztBQUFBLE1BQ0wsS0FBSyxjQUFjLElBQUksSUFBSSxTQUFTLHdDQUFlLENBQUM7QUFBQSxJQUN0RDtBQUFBLEVBQ0Y7QUFDRixDQUFDOyIsCiAgIm5hbWVzIjogW10KfQo=
diff --git a/packages/manfred2word/vite.config.ts.timestamp-1694604558387-3ac4cbfc8194f.mjs b/packages/manfred2word/vite.config.ts.timestamp-1694604558387-3ac4cbfc8194f.mjs
deleted file mode 100644
index ffffb332..00000000
--- a/packages/manfred2word/vite.config.ts.timestamp-1694604558387-3ac4cbfc8194f.mjs
+++ /dev/null
@@ -1,24 +0,0 @@
-// vite.config.ts
-import { defineConfig } from "file:///Users/brauliodiez/lemon/manfred-export-app/node_modules/vite/dist/node/index.js";
-import dts from "file:///Users/brauliodiez/lemon/manfred-export-app/node_modules/vite-plugin-dts/dist/index.mjs";
-import { fileURLToPath } from "node:url";
-var __vite_injected_original_import_meta_url = "file:///Users/brauliodiez/lemon/manfred-export-app/packages/manfred2word/vite.config.ts";
-var vite_config_default = ({ mode }) => defineConfig({
-  plugins: [dts()],
-  build: {
-    lib: {
-      entry: "src/index.ts",
-      name: "Manfred2Word"
-    },
-    sourcemap: mode === "development"
-  },
-  resolve: {
-    alias: {
-      "@": fileURLToPath(new URL("./src", __vite_injected_original_import_meta_url))
-    }
-  }
-});
-export {
-  vite_config_default as default
-};
-//# sourceMappingURL=data:application/json;base64,ewogICJ2ZXJzaW9uIjogMywKICAic291cmNlcyI6IFsidml0ZS5jb25maWcudHMiXSwKICAic291cmNlc0NvbnRlbnQiOiBbImNvbnN0IF9fdml0ZV9pbmplY3RlZF9vcmlnaW5hbF9kaXJuYW1lID0gXCIvVXNlcnMvYnJhdWxpb2RpZXovbGVtb24vbWFuZnJlZC1leHBvcnQtYXBwL3BhY2thZ2VzL21hbmZyZWQyd29yZFwiO2NvbnN0IF9fdml0ZV9pbmplY3RlZF9vcmlnaW5hbF9maWxlbmFtZSA9IFwiL1VzZXJzL2JyYXVsaW9kaWV6L2xlbW9uL21hbmZyZWQtZXhwb3J0LWFwcC9wYWNrYWdlcy9tYW5mcmVkMndvcmQvdml0ZS5jb25maWcudHNcIjtjb25zdCBfX3ZpdGVfaW5qZWN0ZWRfb3JpZ2luYWxfaW1wb3J0X21ldGFfdXJsID0gXCJmaWxlOi8vL1VzZXJzL2JyYXVsaW9kaWV6L2xlbW9uL21hbmZyZWQtZXhwb3J0LWFwcC9wYWNrYWdlcy9tYW5mcmVkMndvcmQvdml0ZS5jb25maWcudHNcIjtpbXBvcnQgeyBkZWZpbmVDb25maWcgfSBmcm9tICd2aXRlJztcbmltcG9ydCBkdHMgZnJvbSAndml0ZS1wbHVnaW4tZHRzJztcbmltcG9ydCB7IGZpbGVVUkxUb1BhdGggfSBmcm9tICdub2RlOnVybCc7XG5cbmV4cG9ydCBkZWZhdWx0ICh7IG1vZGUgfSkgPT5cbiAgZGVmaW5lQ29uZmlnKHtcbiAgICBwbHVnaW5zOiBbZHRzKCldLFxuICAgIGJ1aWxkOiB7XG4gICAgICBsaWI6IHtcbiAgICAgICAgZW50cnk6ICdzcmMvaW5kZXgudHMnLFxuICAgICAgICBuYW1lOiAnTWFuZnJlZDJXb3JkJyxcbiAgICAgIH0sXG4gICAgICBzb3VyY2VtYXA6IG1vZGUgPT09ICdkZXZlbG9wbWVudCcsXG4gICAgfSxcbiAgICByZXNvbHZlOiB7XG4gICAgICBhbGlhczoge1xuICAgICAgICAnQCc6IGZpbGVVUkxUb1BhdGgobmV3IFVSTCgnLi9zcmMnLCBpbXBvcnQubWV0YS51cmwpKSxcbiAgICAgIH0sXG4gICAgfSxcbiAgfSk7XG4iXSwKICAibWFwcGluZ3MiOiAiO0FBQXFYLFNBQVMsb0JBQW9CO0FBQ2xaLE9BQU8sU0FBUztBQUNoQixTQUFTLHFCQUFxQjtBQUY0TSxJQUFNLDJDQUEyQztBQUkzUixJQUFPLHNCQUFRLENBQUMsRUFBRSxLQUFLLE1BQ3JCLGFBQWE7QUFBQSxFQUNYLFNBQVMsQ0FBQyxJQUFJLENBQUM7QUFBQSxFQUNmLE9BQU87QUFBQSxJQUNMLEtBQUs7QUFBQSxNQUNILE9BQU87QUFBQSxNQUNQLE1BQU07QUFBQSxJQUNSO0FBQUEsSUFDQSxXQUFXLFNBQVM7QUFBQSxFQUN0QjtBQUFBLEVBQ0EsU0FBUztBQUFBLElBQ1AsT0FBTztBQUFBLE1BQ0wsS0FBSyxjQUFjLElBQUksSUFBSSxTQUFTLHdDQUFlLENBQUM7QUFBQSxJQUN0RDtBQUFBLEVBQ0Y7QUFDRixDQUFDOyIsCiAgIm5hbWVzIjogW10KfQo=

From 4f6bcb7e7f91bc0c31df8ffa4f3f4415436c983f Mon Sep 17 00:00:00 2001
From: juanpms2 <juanpablo@lemoncode.net>
Date: Tue, 7 Nov 2023 10:52:09 +0100
Subject: [PATCH 56/63] updated settings and select component

---
 .../select/customSelect.component.tsx         | 11 +++++---
 .../components/select/customSelect.styles.ts  | 26 ++++++++++++++++++-
 .../export-config/export-config.component.tsx |  6 ++---
 .../export-config/export-config.styles.ts     |  7 +++--
 packages/manfred2html/src/engine/index.ts     |  4 +--
 .../src/model/export-html-settings.model.ts   | 13 ++++++++--
 6 files changed, 54 insertions(+), 13 deletions(-)

diff --git a/apps/react-app/src/common-app/components/select/customSelect.component.tsx b/apps/react-app/src/common-app/components/select/customSelect.component.tsx
index 4a32c3c7..8da89fb7 100644
--- a/apps/react-app/src/common-app/components/select/customSelect.component.tsx
+++ b/apps/react-app/src/common-app/components/select/customSelect.component.tsx
@@ -9,21 +9,25 @@ interface Props {
 export const CustomSelect: React.FC<Props> = props => {
   const { listOptions, label, onSelectedOption } = props;
   const [isOpen, setIsOpen] = React.useState<boolean>(false);
-  const [selectedOption, setSelectedOption] = React.useState<string>(label);
+  const [selectedOption, setSelectedOption] = React.useState<string>(listOptions[0]);
 
   const toggleIsOpen = () => {
     setIsOpen(!isOpen);
   };
 
+  const handleOnMouseLeave = () => isOpen && toggleIsOpen();
+
   const handleOptionSelect = (option: string) => {
     onSelectedOption(option);
     setSelectedOption(option);
     setIsOpen(false);
   };
+
   return (
-    <div className={classes.selectContainer}>
+    <div className={classes.selectContainer} onMouseLeave={handleOnMouseLeave}>
+      <span className={classes.label}>{label}</span>
       <div className={classes.selectContent} onClick={toggleIsOpen}>
-        <span>{selectedOption || label}</span>
+        <span>{selectedOption}</span>
         <img src="./assets/arrow_select.svg" alt="arrow select" className={classes.rotate(isOpen)} />
       </div>
       {isOpen && (
@@ -32,6 +36,7 @@ export const CustomSelect: React.FC<Props> = props => {
             listOptions.map((option, index) => (
               <li key={index} onClick={() => handleOptionSelect(option)}>
                 {option}
+                {index === 0 && ' (por defecto)'}
               </li>
             ))}
         </ul>
diff --git a/apps/react-app/src/common-app/components/select/customSelect.styles.ts b/apps/react-app/src/common-app/components/select/customSelect.styles.ts
index df9479cc..33184365 100644
--- a/apps/react-app/src/common-app/components/select/customSelect.styles.ts
+++ b/apps/react-app/src/common-app/components/select/customSelect.styles.ts
@@ -3,13 +3,33 @@ import { theme } from '@/core/theme';
 
 export const selectContainer = css`
   position: relative;
-  cursor: pointer;
+  display: flex;
+  flex-direction: column;
+  gap: ${theme.spacing(2)};
+
   @media (min-width: 725px) {
     flex-grow: 1;
     width: 100%;
   }
 `;
+
+export const label = css`
+  flex-grow: 1;
+  color: ${theme.palette.dark[300]};
+  font-family: Inter;
+  font-size: 12px;
+  font-style: normal;
+  font-weight: 400;
+  line-height: 22px;
+  letter-spacing: 0.15px;
+  padding: 0 ${theme.spacing(2)};
+  background-color: ${theme.palette.info[50]};
+  position: absolute;
+  top: -${theme.spacing(3)};
+  left: ${theme.spacing(3)};
+`;
 export const selectContent = css`
+  cursor: pointer;
   display: flex;
   padding: ${theme.spacing(3)} ${theme.spacing(4)};
   align-items: flex-start;
@@ -18,6 +38,7 @@ export const selectContent = css`
   border: 1px solid ${theme.palette.info[600]};
   border-radius: 8px;
   background: ${theme.palette.info[50]};
+
   span {
     flex-grow: 1;
     color: ${theme.palette.dark[900]};
@@ -32,6 +53,7 @@ export const selectContent = css`
 
 export const listContainer = css`
   position: absolute;
+  top: ${theme.spacing(12)};
   width: 100%;
   display: flex;
   flex-direction: column;
@@ -41,7 +63,9 @@ export const listContainer = css`
   border-radius: 4px;
   background: ${theme.palette.info[50]};
   box-shadow: 0px 2px 6px 2px rgba(0, 0, 0, 0.15), 0px 1px 2px 0px rgba(0, 0, 0, 0.3);
+
   li {
+    cursor: pointer;
     display: flex;
     height: ${theme.spacing(8)};
     padding: ${theme.spacing(0)} ${theme.spacing(4)};
diff --git a/apps/react-app/src/pods/template-export/components/export-config/export-config.component.tsx b/apps/react-app/src/pods/template-export/components/export-config/export-config.component.tsx
index 7973c137..824b8251 100644
--- a/apps/react-app/src/pods/template-export/components/export-config/export-config.component.tsx
+++ b/apps/react-app/src/pods/template-export/components/export-config/export-config.component.tsx
@@ -17,7 +17,7 @@ interface Props {
 }
 
 const DOWNLOAD_MESSAGE_TIMEOUT = 2500;
-const DESING_OPTIONS: TemplateCV[] = ['default', 'CV-1'];
+const DESING_OPTIONS: TemplateCV[] = ['Moderno elegante', 'Limpio y organizado'];
 const LANGUAGE_OPTIONS: Language[] = ['es', 'en'];
 
 export const ExportConfig: React.FC<Props> = props => {
@@ -74,11 +74,11 @@ export const ExportConfig: React.FC<Props> = props => {
         <div className={classes.optionsContent}>
           <div className={classes.selectContainer}>
             <CustomSelect listOptions={DESING_OPTIONS} onSelectedOption={handleTemplateChange} label={'Diseño'} />
-            <CustomSelect
+            {/* <CustomSelect
               listOptions={LANGUAGE_OPTIONS}
               onSelectedOption={handleLanguageChange}
               label={'Idioma cabeceras'}
-            />
+            /> */}
           </div>
           <div className={classes.selectColorContainer}>
             <CustomSelectColor label={'Colores'} onChange={handleColorChange} />
diff --git a/apps/react-app/src/pods/template-export/components/export-config/export-config.styles.ts b/apps/react-app/src/pods/template-export/components/export-config/export-config.styles.ts
index ca59e59a..4f2e4d3a 100644
--- a/apps/react-app/src/pods/template-export/components/export-config/export-config.styles.ts
+++ b/apps/react-app/src/pods/template-export/components/export-config/export-config.styles.ts
@@ -11,6 +11,7 @@ export const content = css`
   width: 100%;
   background: ${theme.palette.info[50]};
   ${theme.typography.mobile.h5};
+
   @media (min-width: 725px) {
     ${theme.typography.tablet.h5};
     padding: ${theme.spacing(8)};
@@ -19,6 +20,7 @@ export const content = css`
     border-radius: 16px;
     align-items: stretch;
   }
+
   @media (min-width: 1024px) {
     ${theme.typography.desktop.h5};
     align-items: flex-center;
@@ -110,7 +112,7 @@ export const optionsContent = css`
   }
 
   @media (min-width: 1024px) {
-    gap: ${theme.spacing(4)};
+    gap: ${theme.spacing(10)};
   }
 `;
 export const selectContainer = css`
@@ -126,7 +128,8 @@ export const selectContainer = css`
   @media (min-width: 1024px) {
     width: 274px;
     flex-direction: column;
-    gap: ${theme.spacing(4)};
+    gap: ${theme.spacing(10)};
+    padding-top: ${theme.spacing(4)};
   }
 `;
 export const selectColorContainer = css`
diff --git a/packages/manfred2html/src/engine/index.ts b/packages/manfred2html/src/engine/index.ts
index 222b82c9..a1069a23 100644
--- a/packages/manfred2html/src/engine/index.ts
+++ b/packages/manfred2html/src/engine/index.ts
@@ -10,9 +10,9 @@ export const exportHTMLTemplate = (
   const settings = mapExportHTMLSettingsToSettings(exportHTMLSettings);
 
   switch (settings.template) {
-    case 'default':
+    case 'Moderno elegante':
       return exportManfredJSonToHTMLTemplateA(manfredJsonContent, settings);
-    case 'CV-1':
+    case 'Limpio y organizado':
       return exportManfredJSonToHTMLTemplateB(manfredJsonContent, settings);
     default:
       throw new Error('Template not found');
diff --git a/packages/manfred2html/src/model/export-html-settings.model.ts b/packages/manfred2html/src/model/export-html-settings.model.ts
index c291d231..9d84cc80 100644
--- a/packages/manfred2html/src/model/export-html-settings.model.ts
+++ b/packages/manfred2html/src/model/export-html-settings.model.ts
@@ -1,5 +1,14 @@
 export type ColorTheme = 'default' | 'red' | 'green' | 'orange' | 'yellow' | 'dark';
-export type TemplateCV = 'default' | 'CV-1';
+export type TemplateCV =
+  | 'Moderno elegante'
+  | 'Limpio y organizado'
+  | 'Clásico'
+  | 'Minimalista'
+  | 'Artístico'
+  | 'Tecnológico'
+  | 'Creativo'
+  | 'Profesional'
+  | 'Elegante';
 export type Language = 'es' | 'en';
 export enum HexColor {
   default = '#247A7E',
@@ -24,6 +33,6 @@ export interface Settings {
 
 export const createDefaultExportHTMLSettings = (): ExportHTMLSettings => ({
   colorTheme: 'default',
-  template: 'default',
+  template: 'Moderno elegante',
   language: 'es',
 });

From 756e5d39ed3f823213adf6f044d902e2121ccc36 Mon Sep 17 00:00:00 2001
From: juanpms2 <juanpablo@lemoncode.net>
Date: Wed, 8 Nov 2023 13:22:46 +0100
Subject: [PATCH 57/63] updated translations cv-b

---
 .../export-config/export-config.component.tsx  |  4 ++--
 .../manfred2html/src/engine/engine.const.ts    |  1 +
 .../about-me-section/about-me-section.part.ts  | 10 +++++++---
 .../about-me-section/labels/index.ts           | 18 +++++++++++++++---
 .../experience-section.part.ts                 | 10 +++++++---
 .../experience-section/labels/index.ts         | 18 +++++++++++++++---
 .../hard-skills-section.part.ts                | 10 +++++++---
 .../hard-skills-section/labels/index.ts        | 18 +++++++++++++++---
 .../language-section/labels/index.ts           | 18 +++++++++++++++---
 .../language-section/language-section.part.ts  | 10 +++++++---
 .../relevants-links-section/labels/index.ts    | 18 +++++++++++++++---
 .../labels/relevants-english-labels.const.ts   |  5 -----
 .../labels/relevants-label.model.ts            |  3 ---
 .../relevants-links-english-labels.const.ts    |  5 +++++
 .../labels/relevants-links-label.model.ts      |  3 +++
 .../relevants-links-spanish-labels.const.ts    |  5 +++++
 .../labels/relevants-spanish-labels.const.ts   |  5 -----
 .../relevants-links-section.part.ts            | 10 +++++++---
 .../soft-skills-section/labels/index.ts        | 18 +++++++++++++++---
 .../soft-skills-section.part.ts                | 10 +++++++---
 .../html-parts/studies-section/labels/index.ts | 18 +++++++++++++++---
 .../studies-section/studies-section.part.ts    | 10 +++++++---
 22 files changed, 170 insertions(+), 57 deletions(-)
 create mode 100644 packages/manfred2html/src/engine/engine.const.ts
 delete mode 100644 packages/manfred2html/src/engine/template-b/html-parts/relevants-links-section/labels/relevants-english-labels.const.ts
 delete mode 100644 packages/manfred2html/src/engine/template-b/html-parts/relevants-links-section/labels/relevants-label.model.ts
 create mode 100644 packages/manfred2html/src/engine/template-b/html-parts/relevants-links-section/labels/relevants-links-english-labels.const.ts
 create mode 100644 packages/manfred2html/src/engine/template-b/html-parts/relevants-links-section/labels/relevants-links-label.model.ts
 create mode 100644 packages/manfred2html/src/engine/template-b/html-parts/relevants-links-section/labels/relevants-links-spanish-labels.const.ts
 delete mode 100644 packages/manfred2html/src/engine/template-b/html-parts/relevants-links-section/labels/relevants-spanish-labels.const.ts

diff --git a/apps/react-app/src/pods/template-export/components/export-config/export-config.component.tsx b/apps/react-app/src/pods/template-export/components/export-config/export-config.component.tsx
index 824b8251..5d7a8e1b 100644
--- a/apps/react-app/src/pods/template-export/components/export-config/export-config.component.tsx
+++ b/apps/react-app/src/pods/template-export/components/export-config/export-config.component.tsx
@@ -74,11 +74,11 @@ export const ExportConfig: React.FC<Props> = props => {
         <div className={classes.optionsContent}>
           <div className={classes.selectContainer}>
             <CustomSelect listOptions={DESING_OPTIONS} onSelectedOption={handleTemplateChange} label={'Diseño'} />
-            {/* <CustomSelect
+            <CustomSelect
               listOptions={LANGUAGE_OPTIONS}
               onSelectedOption={handleLanguageChange}
               label={'Idioma cabeceras'}
-            /> */}
+            />
           </div>
           <div className={classes.selectColorContainer}>
             <CustomSelectColor label={'Colores'} onChange={handleColorChange} />
diff --git a/packages/manfred2html/src/engine/engine.const.ts b/packages/manfred2html/src/engine/engine.const.ts
new file mode 100644
index 00000000..ed2668bf
--- /dev/null
+++ b/packages/manfred2html/src/engine/engine.const.ts
@@ -0,0 +1 @@
+export const ISO_SPANISH_LANGUAGE = 'es';
diff --git a/packages/manfred2html/src/engine/template-b/html-parts/about-me-section/about-me-section.part.ts b/packages/manfred2html/src/engine/template-b/html-parts/about-me-section/about-me-section.part.ts
index 72d8ab13..96b7a585 100644
--- a/packages/manfred2html/src/engine/template-b/html-parts/about-me-section/about-me-section.part.ts
+++ b/packages/manfred2html/src/engine/template-b/html-parts/about-me-section/about-me-section.part.ts
@@ -1,7 +1,8 @@
 import ejs from 'ejs';
 import { ProfileSectionVm, mapFromMacCvToProfileSectionVm } from '@lemoncode/manfred-common/profile-section';
+import { ISO_SPANISH_LANGUAGE } from '@/engine/engine.const';
 import { ManfredAwesomicCV, Settings, Language } from '@/model';
-import { englishAboutMeLabels, spanishAboutMeLabels } from './labels';
+import { getLabels } from './labels';
 import aboutMe from './about-me-section.ejs?raw';
 
 export const generateAboutMeSection = (cv: ManfredAwesomicCV, settings: Settings): string => {
@@ -10,10 +11,13 @@ export const generateAboutMeSection = (cv: ManfredAwesomicCV, settings: Settings
   return generateAboutMeSectionInner(profileSectionVm, settings.language);
 };
 
-const generateAboutMeSectionInner = (profileSectionVm: ProfileSectionVm, language: Language = 'es'): string => {
+const generateAboutMeSectionInner = (
+  profileSectionVm: ProfileSectionVm,
+  language: Language = ISO_SPANISH_LANGUAGE
+): string => {
   const rootObject = {
     profile: profileSectionVm,
-    labels: language === 'es' ? spanishAboutMeLabels : englishAboutMeLabels,
+    labels: getLabels(language),
   };
 
   return ejs.render(aboutMe, rootObject);
diff --git a/packages/manfred2html/src/engine/template-b/html-parts/about-me-section/labels/index.ts b/packages/manfred2html/src/engine/template-b/html-parts/about-me-section/labels/index.ts
index 75b78ed9..cfad900e 100644
--- a/packages/manfred2html/src/engine/template-b/html-parts/about-me-section/labels/index.ts
+++ b/packages/manfred2html/src/engine/template-b/html-parts/about-me-section/labels/index.ts
@@ -1,3 +1,15 @@
-export * from './about-me-labels.model';
-export * from './about-me-english-labels.const';
-export * from './about-me-spanish-labels.const';
+import { Language } from '@/model';
+import { AboutMeLabels } from './about-me-labels.model';
+import { spanishAboutMeLabels } from './about-me-spanish-labels.const';
+import { englishAboutMeLabels } from './about-me-english-labels.const';
+
+export const getLabels = (language: Language): AboutMeLabels => {
+  switch (language) {
+    case 'es':
+      return spanishAboutMeLabels;
+    case 'en':
+      return englishAboutMeLabels;
+    default:
+      throw new Error(`Language not supported: ${language}`);
+  }
+};
diff --git a/packages/manfred2html/src/engine/template-b/html-parts/experience-section/experience-section.part.ts b/packages/manfred2html/src/engine/template-b/html-parts/experience-section/experience-section.part.ts
index 3d31d99c..32a85bd8 100644
--- a/packages/manfred2html/src/engine/template-b/html-parts/experience-section/experience-section.part.ts
+++ b/packages/manfred2html/src/engine/template-b/html-parts/experience-section/experience-section.part.ts
@@ -1,8 +1,9 @@
 import ejs from 'ejs';
 import { ExperienceVm, mapFromMacCvToExperienceSectionVm } from '@lemoncode/manfred-common/experience-section';
 import { Settings, Language, ManfredAwesomicCV } from '@/model';
+import { ISO_SPANISH_LANGUAGE } from '@/engine/engine.const';
 import experienceTemplate from './experience-section.ejs?raw';
-import { englishExperienceLabels, spanishExperienceLabels } from './labels';
+import { getLabels } from './labels';
 
 export const generateExperiencesSection = (cv: ManfredAwesomicCV, settings: Settings): string => {
   const experienceSectionVm = mapFromMacCvToExperienceSectionVm(cv);
@@ -10,10 +11,13 @@ export const generateExperiencesSection = (cv: ManfredAwesomicCV, settings: Sett
   return generateExperienceSectionInner(experienceSectionVm, settings.language);
 };
 
-const generateExperienceSectionInner = (experienceSectionVm: ExperienceVm[], language: Language = 'es'): string => {
+const generateExperienceSectionInner = (
+  experienceSectionVm: ExperienceVm[],
+  language: Language = ISO_SPANISH_LANGUAGE
+): string => {
   const rootObject = {
     experienceCollection: experienceSectionVm,
-    labels: language === 'es' ? spanishExperienceLabels : englishExperienceLabels,
+    labels: getLabels(language),
   };
 
   return ejs.render(experienceTemplate, rootObject);
diff --git a/packages/manfred2html/src/engine/template-b/html-parts/experience-section/labels/index.ts b/packages/manfred2html/src/engine/template-b/html-parts/experience-section/labels/index.ts
index 025c8d1b..bf9c695e 100644
--- a/packages/manfred2html/src/engine/template-b/html-parts/experience-section/labels/index.ts
+++ b/packages/manfred2html/src/engine/template-b/html-parts/experience-section/labels/index.ts
@@ -1,3 +1,15 @@
-export * from './experience-label.model';
-export * from './experience-english-labels.const';
-export * from './experience-spanish-labels.const';
+import { Language } from '@/model';
+import { ExperienceLabels } from './experience-label.model';
+import { spanishExperienceLabels } from './experience-spanish-labels.const';
+import { englishExperienceLabels } from './experience-english-labels.const';
+
+export const getLabels = (language: Language): ExperienceLabels => {
+  switch (language) {
+    case 'es':
+      return spanishExperienceLabels;
+    case 'en':
+      return englishExperienceLabels;
+    default:
+      throw new Error(`Language not supported: ${language}`);
+  }
+};
diff --git a/packages/manfred2html/src/engine/template-b/html-parts/hard-skills-section/hard-skills-section.part.ts b/packages/manfred2html/src/engine/template-b/html-parts/hard-skills-section/hard-skills-section.part.ts
index c9b174c7..f32fbfc6 100644
--- a/packages/manfred2html/src/engine/template-b/html-parts/hard-skills-section/hard-skills-section.part.ts
+++ b/packages/manfred2html/src/engine/template-b/html-parts/hard-skills-section/hard-skills-section.part.ts
@@ -1,7 +1,8 @@
 import ejs from 'ejs';
 import { HardSkillVM, mapFromCvToHardSkillVm } from '@lemoncode/manfred-common/hard-skill-section';
+import { ISO_SPANISH_LANGUAGE } from '@/engine/engine.const';
 import { Settings, Language, ManfredAwesomicCV } from '@/model';
-import { englishHardSkillsLabels, spanishHardSkillsLabels } from './labels';
+import { getLabels } from './labels';
 import hardSkillsSection from './hard-skills-section.ejs?raw';
 
 export const generateHardSkillsSection = (cv: ManfredAwesomicCV, settings: Settings): string => {
@@ -9,10 +10,13 @@ export const generateHardSkillsSection = (cv: ManfredAwesomicCV, settings: Setti
   return generateHardSkillsSectionInner(hardSkillsSectionVm, settings.language);
 };
 
-const generateHardSkillsSectionInner = (hardSkillsSectionVm: HardSkillVM[], language: Language = 'es'): string => {
+const generateHardSkillsSectionInner = (
+  hardSkillsSectionVm: HardSkillVM[],
+  language: Language = ISO_SPANISH_LANGUAGE
+): string => {
   const rootObject = {
     hardSkillsCollection: hardSkillsSectionVm,
-    labels: language === 'es' ? spanishHardSkillsLabels : englishHardSkillsLabels,
+    labels: getLabels(language),
   };
   return ejs.render(hardSkillsSection, rootObject);
 };
diff --git a/packages/manfred2html/src/engine/template-b/html-parts/hard-skills-section/labels/index.ts b/packages/manfred2html/src/engine/template-b/html-parts/hard-skills-section/labels/index.ts
index b29a2eaa..2c8f54f5 100644
--- a/packages/manfred2html/src/engine/template-b/html-parts/hard-skills-section/labels/index.ts
+++ b/packages/manfred2html/src/engine/template-b/html-parts/hard-skills-section/labels/index.ts
@@ -1,3 +1,15 @@
-export * from './hard-skills-english-labels.const';
-export * from './hard-skills-spanish-labels.const';
-export * from './hard-skills-label.model';
+import { Language } from '@/model';
+import { HardSkillsLabels } from './hard-skills-label.model';
+import { spanishHardSkillsLabels } from './hard-skills-spanish-labels.const';
+import { englishHardSkillsLabels } from './hard-skills-english-labels.const';
+
+export const getLabels = (language: Language): HardSkillsLabels => {
+  switch (language) {
+    case 'es':
+      return spanishHardSkillsLabels;
+    case 'en':
+      return englishHardSkillsLabels;
+    default:
+      throw new Error(`Language not supported: ${language}`);
+  }
+};
diff --git a/packages/manfred2html/src/engine/template-b/html-parts/language-section/labels/index.ts b/packages/manfred2html/src/engine/template-b/html-parts/language-section/labels/index.ts
index a90dc5fc..eca31dab 100644
--- a/packages/manfred2html/src/engine/template-b/html-parts/language-section/labels/index.ts
+++ b/packages/manfred2html/src/engine/template-b/html-parts/language-section/labels/index.ts
@@ -1,3 +1,15 @@
-export * from './language-label.model';
-export * from './language-english-labels.const';
-export * from './language-spanish-labels.const';
+import { Language } from '@/model';
+import { LanguageLabels } from './language-label.model';
+import { spanishLanguageLabels } from './language-spanish-labels.const';
+import { englishLanguageLabels } from './language-english-labels.const';
+
+export const getLabels = (language: Language): LanguageLabels => {
+  switch (language) {
+    case 'es':
+      return spanishLanguageLabels;
+    case 'en':
+      return englishLanguageLabels;
+    default:
+      throw new Error(`Language not supported: ${language}`);
+  }
+};
diff --git a/packages/manfred2html/src/engine/template-b/html-parts/language-section/language-section.part.ts b/packages/manfred2html/src/engine/template-b/html-parts/language-section/language-section.part.ts
index b6510fce..1fc2debb 100644
--- a/packages/manfred2html/src/engine/template-b/html-parts/language-section/language-section.part.ts
+++ b/packages/manfred2html/src/engine/template-b/html-parts/language-section/language-section.part.ts
@@ -1,7 +1,8 @@
 import ejs from 'ejs';
 import { LanguageVm, mapFromCvToLanguageVm } from '@lemoncode/manfred-common/language-section';
+import { ISO_SPANISH_LANGUAGE } from '@/engine/engine.const';
 import { ManfredAwesomicCV, Settings, Language } from '@/model';
-import { englishLanguageLabels, spanishLanguageLabels } from './labels';
+import { getLabels } from './labels';
 import languageSection from './language-section.ejs?raw';
 
 export const generateLanguageSection = (cv: ManfredAwesomicCV, settings: Settings): string => {
@@ -9,10 +10,13 @@ export const generateLanguageSection = (cv: ManfredAwesomicCV, settings: Setting
   return generateLanguageSectionInner(languageSectionVm, settings.language);
 };
 
-const generateLanguageSectionInner = (languageSectionVm: LanguageVm[], language: Language = 'es'): string => {
+const generateLanguageSectionInner = (
+  languageSectionVm: LanguageVm[],
+  language: Language = ISO_SPANISH_LANGUAGE
+): string => {
   const rootObject = {
     languageCollection: languageSectionVm,
-    labels: language === 'es' ? spanishLanguageLabels : englishLanguageLabels,
+    labels: getLabels(language),
   };
   return ejs.render(languageSection, rootObject);
 };
diff --git a/packages/manfred2html/src/engine/template-b/html-parts/relevants-links-section/labels/index.ts b/packages/manfred2html/src/engine/template-b/html-parts/relevants-links-section/labels/index.ts
index 60ece04b..41c9f130 100644
--- a/packages/manfred2html/src/engine/template-b/html-parts/relevants-links-section/labels/index.ts
+++ b/packages/manfred2html/src/engine/template-b/html-parts/relevants-links-section/labels/index.ts
@@ -1,3 +1,15 @@
-export * from './relevants-label.model';
-export * from './relevants-english-labels.const';
-export * from './relevants-spanish-labels.const';
+import { Language } from '@/model';
+import { RelevantsLinksLabels } from './relevants-links-label.model';
+import { spanishRelevantsLinksLabels } from './relevants-links-spanish-labels.const';
+import { englishRelevantsLinksLabels } from './relevants-links-english-labels.const';
+
+export const getLabels = (language: Language): RelevantsLinksLabels => {
+  switch (language) {
+    case 'es':
+      return spanishRelevantsLinksLabels;
+    case 'en':
+      return englishRelevantsLinksLabels;
+    default:
+      throw new Error(`Language not supported: ${language}`);
+  }
+};
diff --git a/packages/manfred2html/src/engine/template-b/html-parts/relevants-links-section/labels/relevants-english-labels.const.ts b/packages/manfred2html/src/engine/template-b/html-parts/relevants-links-section/labels/relevants-english-labels.const.ts
deleted file mode 100644
index ce6b8716..00000000
--- a/packages/manfred2html/src/engine/template-b/html-parts/relevants-links-section/labels/relevants-english-labels.const.ts
+++ /dev/null
@@ -1,5 +0,0 @@
-import { RelevantsLabels } from './relevants-label.model';
-
-export const englishRelevantsLabels: RelevantsLabels = {
-  RELEVANTS_HEADING: 'My Links',
-};
diff --git a/packages/manfred2html/src/engine/template-b/html-parts/relevants-links-section/labels/relevants-label.model.ts b/packages/manfred2html/src/engine/template-b/html-parts/relevants-links-section/labels/relevants-label.model.ts
deleted file mode 100644
index f2a44fa6..00000000
--- a/packages/manfred2html/src/engine/template-b/html-parts/relevants-links-section/labels/relevants-label.model.ts
+++ /dev/null
@@ -1,3 +0,0 @@
-export interface RelevantsLabels {
-  RELEVANTS_HEADING: string;
-}
diff --git a/packages/manfred2html/src/engine/template-b/html-parts/relevants-links-section/labels/relevants-links-english-labels.const.ts b/packages/manfred2html/src/engine/template-b/html-parts/relevants-links-section/labels/relevants-links-english-labels.const.ts
new file mode 100644
index 00000000..47316820
--- /dev/null
+++ b/packages/manfred2html/src/engine/template-b/html-parts/relevants-links-section/labels/relevants-links-english-labels.const.ts
@@ -0,0 +1,5 @@
+import { RelevantsLinksLabels } from './relevants-links-label.model';
+
+export const englishRelevantsLinksLabels: RelevantsLinksLabels = {
+  RELEVANTS_LINKS_HEADING: 'My Links',
+};
diff --git a/packages/manfred2html/src/engine/template-b/html-parts/relevants-links-section/labels/relevants-links-label.model.ts b/packages/manfred2html/src/engine/template-b/html-parts/relevants-links-section/labels/relevants-links-label.model.ts
new file mode 100644
index 00000000..7569f913
--- /dev/null
+++ b/packages/manfred2html/src/engine/template-b/html-parts/relevants-links-section/labels/relevants-links-label.model.ts
@@ -0,0 +1,3 @@
+export interface RelevantsLinksLabels {
+  RELEVANTS_LINKS_HEADING: string;
+}
diff --git a/packages/manfred2html/src/engine/template-b/html-parts/relevants-links-section/labels/relevants-links-spanish-labels.const.ts b/packages/manfred2html/src/engine/template-b/html-parts/relevants-links-section/labels/relevants-links-spanish-labels.const.ts
new file mode 100644
index 00000000..7fd7feb8
--- /dev/null
+++ b/packages/manfred2html/src/engine/template-b/html-parts/relevants-links-section/labels/relevants-links-spanish-labels.const.ts
@@ -0,0 +1,5 @@
+import { RelevantsLinksLabels } from './relevants-links-label.model';
+
+export const spanishRelevantsLinksLabels: RelevantsLinksLabels = {
+  RELEVANTS_LINKS_HEADING: 'Mis enlaces',
+};
diff --git a/packages/manfred2html/src/engine/template-b/html-parts/relevants-links-section/labels/relevants-spanish-labels.const.ts b/packages/manfred2html/src/engine/template-b/html-parts/relevants-links-section/labels/relevants-spanish-labels.const.ts
deleted file mode 100644
index e5314ea7..00000000
--- a/packages/manfred2html/src/engine/template-b/html-parts/relevants-links-section/labels/relevants-spanish-labels.const.ts
+++ /dev/null
@@ -1,5 +0,0 @@
-import { RelevantsLabels } from './relevants-label.model';
-
-export const spanishRelevantsLabels: RelevantsLabels = {
-  RELEVANTS_HEADING: 'Mis enlaces',
-};
diff --git a/packages/manfred2html/src/engine/template-b/html-parts/relevants-links-section/relevants-links-section.part.ts b/packages/manfred2html/src/engine/template-b/html-parts/relevants-links-section/relevants-links-section.part.ts
index 9058184d..40f1f94c 100644
--- a/packages/manfred2html/src/engine/template-b/html-parts/relevants-links-section/relevants-links-section.part.ts
+++ b/packages/manfred2html/src/engine/template-b/html-parts/relevants-links-section/relevants-links-section.part.ts
@@ -1,7 +1,8 @@
 import ejs from 'ejs';
 import { ProfileSectionVm, mapFromMacCvToProfileSectionVm } from '@lemoncode/manfred-common/profile-section';
+import { ISO_SPANISH_LANGUAGE } from '@/engine/engine.const';
 import { ManfredAwesomicCV, Settings, Language } from '@/model';
-import { englishRelevantsLabels, spanishRelevantsLabels } from './labels';
+import { getLabels } from './labels';
 import relevantsLinksSection from './relevants-links-section.ejs?raw';
 
 export const generateRelevantsLinksSection = (cv: ManfredAwesomicCV, settings: Settings): string => {
@@ -10,10 +11,13 @@ export const generateRelevantsLinksSection = (cv: ManfredAwesomicCV, settings: S
   return generateRelevantsLinksSectionInner(profileSectionVm, settings.language);
 };
 
-const generateRelevantsLinksSectionInner = (profileSectionVm: ProfileSectionVm, language: Language = 'es'): string => {
+const generateRelevantsLinksSectionInner = (
+  profileSectionVm: ProfileSectionVm,
+  language: Language = ISO_SPANISH_LANGUAGE
+): string => {
   const rootObject = {
     profile: profileSectionVm,
-    labels: language === 'es' ? spanishRelevantsLabels : englishRelevantsLabels,
+    labels: getLabels(language),
   };
 
   return ejs.render(relevantsLinksSection, rootObject);
diff --git a/packages/manfred2html/src/engine/template-b/html-parts/soft-skills-section/labels/index.ts b/packages/manfred2html/src/engine/template-b/html-parts/soft-skills-section/labels/index.ts
index bcea84d9..9529c12a 100644
--- a/packages/manfred2html/src/engine/template-b/html-parts/soft-skills-section/labels/index.ts
+++ b/packages/manfred2html/src/engine/template-b/html-parts/soft-skills-section/labels/index.ts
@@ -1,3 +1,15 @@
-export * from './soft-skills-label.model';
-export * from './soft-skills-english-labels.const';
-export * from './soft-skills-spanish-labels.const';
+import { Language } from '@/model';
+import { SoftSkillsLabels } from './soft-skills-label.model';
+import { spanishSoftSkillsLabels } from './soft-skills-spanish-labels.const';
+import { englishSoftSkillsLabels } from './soft-skills-english-labels.const';
+
+export const getLabels = (language: Language): SoftSkillsLabels => {
+  switch (language) {
+    case 'es':
+      return spanishSoftSkillsLabels;
+    case 'en':
+      return englishSoftSkillsLabels;
+    default:
+      throw new Error(`Language not supported: ${language}`);
+  }
+};
diff --git a/packages/manfred2html/src/engine/template-b/html-parts/soft-skills-section/soft-skills-section.part.ts b/packages/manfred2html/src/engine/template-b/html-parts/soft-skills-section/soft-skills-section.part.ts
index 9ddfa06e..7ff3a03a 100644
--- a/packages/manfred2html/src/engine/template-b/html-parts/soft-skills-section/soft-skills-section.part.ts
+++ b/packages/manfred2html/src/engine/template-b/html-parts/soft-skills-section/soft-skills-section.part.ts
@@ -1,7 +1,8 @@
 import ejs from 'ejs';
 import { SoftSkillVM, mapFromCvToSoftSkillVm } from '@lemoncode/manfred-common/soft-skill-section';
+import { ISO_SPANISH_LANGUAGE } from '@/engine/engine.const';
 import { Settings, Language, ManfredAwesomicCV } from '@/model';
-import { englishSoftSkillsLabels, spanishSoftSkillsLabels } from './labels';
+import { getLabels } from './labels';
 import softSkillsSection from './soft-skills-section.ejs?raw';
 
 export const generateSoftSkillsSection = (cv: ManfredAwesomicCV, settings: Settings): string => {
@@ -9,10 +10,13 @@ export const generateSoftSkillsSection = (cv: ManfredAwesomicCV, settings: Setti
   return generateSoftSkillsSectionInner(softSkillsSectionVm, settings.language);
 };
 
-const generateSoftSkillsSectionInner = (softSkillsSectionVm: SoftSkillVM[], language: Language = 'es'): string => {
+const generateSoftSkillsSectionInner = (
+  softSkillsSectionVm: SoftSkillVM[],
+  language: Language = ISO_SPANISH_LANGUAGE
+): string => {
   const rootObject = {
     softSkillsCollection: softSkillsSectionVm,
-    labels: language === 'es' ? spanishSoftSkillsLabels : englishSoftSkillsLabels,
+    labels: getLabels(language),
   };
   return ejs.render(softSkillsSection, rootObject);
 };
diff --git a/packages/manfred2html/src/engine/template-b/html-parts/studies-section/labels/index.ts b/packages/manfred2html/src/engine/template-b/html-parts/studies-section/labels/index.ts
index b910c47b..d0f8daeb 100644
--- a/packages/manfred2html/src/engine/template-b/html-parts/studies-section/labels/index.ts
+++ b/packages/manfred2html/src/engine/template-b/html-parts/studies-section/labels/index.ts
@@ -1,3 +1,15 @@
-export * from './studies-label.model';
-export * from './studies-english-labels.const';
-export * from './studies-spanish-labels.const';
+import { Language } from '@/model';
+import { StudiesLabels } from './studies-label.model';
+import { spanishStudiesLabels } from './studies-spanish-labels.const';
+import { englishStudiesLabels } from './studies-english-labels.const';
+
+export const getLabels = (language: Language): StudiesLabels => {
+  switch (language) {
+    case 'es':
+      return spanishStudiesLabels;
+    case 'en':
+      return englishStudiesLabels;
+    default:
+      throw new Error(`Language not supported: ${language}`);
+  }
+};
diff --git a/packages/manfred2html/src/engine/template-b/html-parts/studies-section/studies-section.part.ts b/packages/manfred2html/src/engine/template-b/html-parts/studies-section/studies-section.part.ts
index 1d3d62b8..ce48aa57 100644
--- a/packages/manfred2html/src/engine/template-b/html-parts/studies-section/studies-section.part.ts
+++ b/packages/manfred2html/src/engine/template-b/html-parts/studies-section/studies-section.part.ts
@@ -1,7 +1,8 @@
 import ejs from 'ejs';
 import { StudiesSectionVm, mapFromMacCvToStudiesSectionVm } from '@lemoncode/manfred-common/studies-section';
+import { ISO_SPANISH_LANGUAGE } from '@/engine/engine.const';
 import { ManfredAwesomicCV, Settings, Language } from '@/model';
-import { englishStudiesLabels, spanishStudiesLabels } from './labels';
+import { getLabels } from './labels';
 import studiesTemplate from './studies-section.ejs?raw';
 
 export const generateStudiesSection = (cv: ManfredAwesomicCV, settings: Settings): string => {
@@ -10,10 +11,13 @@ export const generateStudiesSection = (cv: ManfredAwesomicCV, settings: Settings
   return generateStudiesSectionInner(studiesSectionVm, settings.language);
 };
 
-const generateStudiesSectionInner = (studiesSectionVm: StudiesSectionVm[], language: Language = 'es'): string => {
+const generateStudiesSectionInner = (
+  studiesSectionVm: StudiesSectionVm[],
+  language: Language = ISO_SPANISH_LANGUAGE
+): string => {
   const rootObject = {
     studiesCollection: studiesSectionVm,
-    labels: language === 'es' ? spanishStudiesLabels : englishStudiesLabels,
+    labels: getLabels(language),
   };
 
   return ejs.render(studiesTemplate, rootObject);

From eacbb0959e95dc79a27e82fa87433c1e3403ee22 Mon Sep 17 00:00:00 2001
From: juanpms2 <juanpablo@lemoncode.net>
Date: Wed, 8 Nov 2023 14:10:23 +0100
Subject: [PATCH 58/63] updated translations cv-2 and logo twiter

---
 export-samples/html/cv-template-2.html        |  7 ++----
 export-samples/html/cv-template.html          | 14 ++++++-----
 .../about-me-section/about-me-section.part.ts | 10 +++++---
 .../about-me-section/labels/index.ts          | 18 ++++++++++---
 .../experience-section.part.ts                | 10 +++++---
 .../experience-section/labels/index.ts        | 18 ++++++++++---
 .../hard-skills-section.part.ts               | 10 +++++---
 .../hard-skills-section/labels/index.ts       | 18 ++++++++++---
 .../language-section/labels/index.ts          | 18 ++++++++++---
 .../language-section/language-section.part.ts | 12 ++++++---
 .../relevants-links-section/labels/index.ts   | 18 ++++++++++---
 .../labels/relevants-english-labels.const.ts  |  5 ----
 .../labels/relevants-label.model.ts           |  3 ---
 .../relevants-links-english-labels.const.ts   |  5 ++++
 .../labels/relevants-links-label.model.ts     |  3 +++
 .../relevants-links-spanish-labels.const.ts   |  5 ++++
 .../labels/relevants-spanish-labels.const.ts  |  5 ----
 .../relevants-links-section.ejs               | 25 ++++++++++---------
 .../relevants-links-section.part.ts           | 10 +++++---
 .../soft-skills-section/labels/index.ts       | 18 ++++++++++---
 .../soft-skills-section.part.ts               | 10 +++++---
 .../studies-section/labels/index.ts           | 18 ++++++++++---
 .../studies-section/studies-section.part.ts   | 10 +++++---
 .../relevants-links-section.ejs               | 18 +++----------
 24 files changed, 194 insertions(+), 94 deletions(-)
 delete mode 100644 packages/manfred2html/src/engine/template-a/html-parts/relevants-links-section/labels/relevants-english-labels.const.ts
 delete mode 100644 packages/manfred2html/src/engine/template-a/html-parts/relevants-links-section/labels/relevants-label.model.ts
 create mode 100644 packages/manfred2html/src/engine/template-a/html-parts/relevants-links-section/labels/relevants-links-english-labels.const.ts
 create mode 100644 packages/manfred2html/src/engine/template-a/html-parts/relevants-links-section/labels/relevants-links-label.model.ts
 create mode 100644 packages/manfred2html/src/engine/template-a/html-parts/relevants-links-section/labels/relevants-links-spanish-labels.const.ts
 delete mode 100644 packages/manfred2html/src/engine/template-a/html-parts/relevants-links-section/labels/relevants-spanish-labels.const.ts

diff --git a/export-samples/html/cv-template-2.html b/export-samples/html/cv-template-2.html
index d6dd1685..049273a5 100644
--- a/export-samples/html/cv-template-2.html
+++ b/export-samples/html/cv-template-2.html
@@ -299,12 +299,9 @@ <h3>Mis enlaces</h3>
               <a href="#" target="_blank">Linkedin</a>
             </div>
             <div class="aside__section__item">
-              <svg xmlns="http://www.w3.org/2000/svg" width="14" height="15" viewBox="0 0 14 15" fill="none">
-                <path d="M10.4626 11.2442H9.22283L3.55665 3.71839H4.82549L10.4626 11.2442Z" fill="#FBFBFA" />
+              <svg width="15" height="15" viewBox="0 0 15 15" fill="none" xmlns="http://www.w3.org/2000/svg">
                 <path
-                  fill-rule="evenodd"
-                  clip-rule="evenodd"
-                  d="M7 0.5C10.866 0.5 14 3.63402 14 7.5C14 11.366 10.866 14.5 7 14.5C3.13401 14.5 0 11.366 0 7.5C0 3.63402 3.13401 0.5 7 0.5ZM8.89353 11.8545H11.5958L7.83379 6.84406L11.276 3.14674H10.5304L7.49777 6.39625L5.05809 3.14674H2.40417L6.01222 7.98825L2.40417 11.8545H3.16915L6.34874 8.43958L8.89353 11.8545Z"
+                  d="M0.701126 0.948242L6.10637 8.17556L0.666992 14.0517H1.89118L6.65334 8.90705L10.501 14.0517H14.667L8.95763 6.41784L14.0206 0.948242H12.7964L8.41065 5.68635L4.86708 0.948242H0.701126ZM2.50138 1.84998H4.41523L12.8665 13.1498H10.9526L2.50138 1.84998Z"
                   fill="#FBFBFA"
                 />
               </svg>
diff --git a/export-samples/html/cv-template.html b/export-samples/html/cv-template.html
index 01c260a1..f52274a6 100644
--- a/export-samples/html/cv-template.html
+++ b/export-samples/html/cv-template.html
@@ -413,17 +413,19 @@ <h3>mis enlaces</h3>
           </div>
           <div class="aside__section__item">
             <svg
-              xmlns="http://www.w3.org/2000/svg"
-              width="21"
-              height="21"
-              viewBox="0 0 21 21"
-              fill="none"
               class="svg-fill"
+              width="20"
+              height="19"
+              viewBox="0 0 20 19"
+              fill="none"
+              xmlns="http://www.w3.org/2000/svg"
             >
               <path
-                d="M6.93408 20.5C14.5275 20.5 18.6797 12.8041 18.6797 6.13165C18.6797 5.91314 18.6797 5.69511 18.6679 5.47833C19.4761 4.76356 20.1737 3.87806 20.7276 2.86366C19.9746 3.27269 19.1759 3.5404 18.3573 3.65956C19.2188 3.02762 19.8636 2.03476 20.1712 0.865523C19.3607 1.45391 18.474 1.86845 17.5492 2.09182C16.2702 0.427727 14.237 0.0199563 12.5901 1.09833C10.9439 2.17671 10.0934 4.4718 10.5152 6.69725C7.19628 6.49399 4.10326 4.57571 2.00765 1.42137C0.9101 3.72747 1.46878 6.68011 3.28206 8.16359C2.63 8.13655 1.99193 7.91915 1.42209 7.52992V7.59437C1.42209 9.99526 2.80323 12.0648 4.72639 12.5448C4.12497 12.747 3.47893 12.7766 2.86155 12.6302C3.40184 14.6886 4.95181 16.0996 6.7184 16.1401C5.25568 17.542 3.44979 18.3016 1.59108 18.2969C1.26191 18.2969 0.932736 18.2733 0.606079 18.2268C2.49371 19.7096 4.69008 20.4969 6.93392 20.4939"
+                d="M0.048762 0.140503L7.77054 10.4652L0 18.8597H1.74884L8.55193 11.5102L14.0486 18.8597H20L11.8438 7.95421L19.0765 0.140503H17.3277L11.0624 6.90922L6.00012 0.140503H0.048762ZM2.62056 1.4287H5.35462L17.4278 17.5713H14.6937L2.62056 1.4287Z"
+                fill="#787673"
               />
             </svg>
+
             <a href="#" target="_blank">Twitter</a>
           </div>
           <div class="aside__section__item">
diff --git a/packages/manfred2html/src/engine/template-a/html-parts/about-me-section/about-me-section.part.ts b/packages/manfred2html/src/engine/template-a/html-parts/about-me-section/about-me-section.part.ts
index 72d8ab13..96b7a585 100644
--- a/packages/manfred2html/src/engine/template-a/html-parts/about-me-section/about-me-section.part.ts
+++ b/packages/manfred2html/src/engine/template-a/html-parts/about-me-section/about-me-section.part.ts
@@ -1,7 +1,8 @@
 import ejs from 'ejs';
 import { ProfileSectionVm, mapFromMacCvToProfileSectionVm } from '@lemoncode/manfred-common/profile-section';
+import { ISO_SPANISH_LANGUAGE } from '@/engine/engine.const';
 import { ManfredAwesomicCV, Settings, Language } from '@/model';
-import { englishAboutMeLabels, spanishAboutMeLabels } from './labels';
+import { getLabels } from './labels';
 import aboutMe from './about-me-section.ejs?raw';
 
 export const generateAboutMeSection = (cv: ManfredAwesomicCV, settings: Settings): string => {
@@ -10,10 +11,13 @@ export const generateAboutMeSection = (cv: ManfredAwesomicCV, settings: Settings
   return generateAboutMeSectionInner(profileSectionVm, settings.language);
 };
 
-const generateAboutMeSectionInner = (profileSectionVm: ProfileSectionVm, language: Language = 'es'): string => {
+const generateAboutMeSectionInner = (
+  profileSectionVm: ProfileSectionVm,
+  language: Language = ISO_SPANISH_LANGUAGE
+): string => {
   const rootObject = {
     profile: profileSectionVm,
-    labels: language === 'es' ? spanishAboutMeLabels : englishAboutMeLabels,
+    labels: getLabels(language),
   };
 
   return ejs.render(aboutMe, rootObject);
diff --git a/packages/manfred2html/src/engine/template-a/html-parts/about-me-section/labels/index.ts b/packages/manfred2html/src/engine/template-a/html-parts/about-me-section/labels/index.ts
index 75b78ed9..cfad900e 100644
--- a/packages/manfred2html/src/engine/template-a/html-parts/about-me-section/labels/index.ts
+++ b/packages/manfred2html/src/engine/template-a/html-parts/about-me-section/labels/index.ts
@@ -1,3 +1,15 @@
-export * from './about-me-labels.model';
-export * from './about-me-english-labels.const';
-export * from './about-me-spanish-labels.const';
+import { Language } from '@/model';
+import { AboutMeLabels } from './about-me-labels.model';
+import { spanishAboutMeLabels } from './about-me-spanish-labels.const';
+import { englishAboutMeLabels } from './about-me-english-labels.const';
+
+export const getLabels = (language: Language): AboutMeLabels => {
+  switch (language) {
+    case 'es':
+      return spanishAboutMeLabels;
+    case 'en':
+      return englishAboutMeLabels;
+    default:
+      throw new Error(`Language not supported: ${language}`);
+  }
+};
diff --git a/packages/manfred2html/src/engine/template-a/html-parts/experience-section/experience-section.part.ts b/packages/manfred2html/src/engine/template-a/html-parts/experience-section/experience-section.part.ts
index 3d31d99c..ad199a72 100644
--- a/packages/manfred2html/src/engine/template-a/html-parts/experience-section/experience-section.part.ts
+++ b/packages/manfred2html/src/engine/template-a/html-parts/experience-section/experience-section.part.ts
@@ -1,8 +1,9 @@
 import ejs from 'ejs';
 import { ExperienceVm, mapFromMacCvToExperienceSectionVm } from '@lemoncode/manfred-common/experience-section';
+import { ISO_SPANISH_LANGUAGE } from '@/engine/engine.const';
 import { Settings, Language, ManfredAwesomicCV } from '@/model';
 import experienceTemplate from './experience-section.ejs?raw';
-import { englishExperienceLabels, spanishExperienceLabels } from './labels';
+import { getLabels } from './labels';
 
 export const generateExperiencesSection = (cv: ManfredAwesomicCV, settings: Settings): string => {
   const experienceSectionVm = mapFromMacCvToExperienceSectionVm(cv);
@@ -10,10 +11,13 @@ export const generateExperiencesSection = (cv: ManfredAwesomicCV, settings: Sett
   return generateExperienceSectionInner(experienceSectionVm, settings.language);
 };
 
-const generateExperienceSectionInner = (experienceSectionVm: ExperienceVm[], language: Language = 'es'): string => {
+const generateExperienceSectionInner = (
+  experienceSectionVm: ExperienceVm[],
+  language: Language = ISO_SPANISH_LANGUAGE
+): string => {
   const rootObject = {
     experienceCollection: experienceSectionVm,
-    labels: language === 'es' ? spanishExperienceLabels : englishExperienceLabels,
+    labels: getLabels(language),
   };
 
   return ejs.render(experienceTemplate, rootObject);
diff --git a/packages/manfred2html/src/engine/template-a/html-parts/experience-section/labels/index.ts b/packages/manfred2html/src/engine/template-a/html-parts/experience-section/labels/index.ts
index 025c8d1b..bf9c695e 100644
--- a/packages/manfred2html/src/engine/template-a/html-parts/experience-section/labels/index.ts
+++ b/packages/manfred2html/src/engine/template-a/html-parts/experience-section/labels/index.ts
@@ -1,3 +1,15 @@
-export * from './experience-label.model';
-export * from './experience-english-labels.const';
-export * from './experience-spanish-labels.const';
+import { Language } from '@/model';
+import { ExperienceLabels } from './experience-label.model';
+import { spanishExperienceLabels } from './experience-spanish-labels.const';
+import { englishExperienceLabels } from './experience-english-labels.const';
+
+export const getLabels = (language: Language): ExperienceLabels => {
+  switch (language) {
+    case 'es':
+      return spanishExperienceLabels;
+    case 'en':
+      return englishExperienceLabels;
+    default:
+      throw new Error(`Language not supported: ${language}`);
+  }
+};
diff --git a/packages/manfred2html/src/engine/template-a/html-parts/hard-skills-section/hard-skills-section.part.ts b/packages/manfred2html/src/engine/template-a/html-parts/hard-skills-section/hard-skills-section.part.ts
index fbde49fe..6cf5af41 100644
--- a/packages/manfred2html/src/engine/template-a/html-parts/hard-skills-section/hard-skills-section.part.ts
+++ b/packages/manfred2html/src/engine/template-a/html-parts/hard-skills-section/hard-skills-section.part.ts
@@ -1,7 +1,8 @@
 import ejs from 'ejs';
 import { HardSkillVM, mapFromCvToHardSkillVm } from '@lemoncode/manfred-common/hard-skill-section';
+import { ISO_SPANISH_LANGUAGE } from '@/engine/engine.const';
 import { Settings, Language, ManfredAwesomicCV } from '@/model';
-import { englishHardSkillsLabels, spanishHardSkillsLabels } from './labels';
+import { getLabels } from './labels';
 import hardSkillsTemplate from './hard-skills-section.ejs?raw';
 
 export const generateHardSkillsSection = (cv: ManfredAwesomicCV, settings: Settings): string => {
@@ -9,10 +10,13 @@ export const generateHardSkillsSection = (cv: ManfredAwesomicCV, settings: Setti
   return generateHardSkillsSectionInner(hardSkillsSectionVm, settings.language);
 };
 
-const generateHardSkillsSectionInner = (hardSkillsSectionVm: HardSkillVM[], language: Language = 'es'): string => {
+const generateHardSkillsSectionInner = (
+  hardSkillsSectionVm: HardSkillVM[],
+  language: Language = ISO_SPANISH_LANGUAGE
+): string => {
   const rootObject = {
     hardSkillsCollection: hardSkillsSectionVm,
-    labels: language === 'es' ? spanishHardSkillsLabels : englishHardSkillsLabels,
+    labels: getLabels(language),
   };
   return ejs.render(hardSkillsTemplate, rootObject);
 };
diff --git a/packages/manfred2html/src/engine/template-a/html-parts/hard-skills-section/labels/index.ts b/packages/manfred2html/src/engine/template-a/html-parts/hard-skills-section/labels/index.ts
index b29a2eaa..2c8f54f5 100644
--- a/packages/manfred2html/src/engine/template-a/html-parts/hard-skills-section/labels/index.ts
+++ b/packages/manfred2html/src/engine/template-a/html-parts/hard-skills-section/labels/index.ts
@@ -1,3 +1,15 @@
-export * from './hard-skills-english-labels.const';
-export * from './hard-skills-spanish-labels.const';
-export * from './hard-skills-label.model';
+import { Language } from '@/model';
+import { HardSkillsLabels } from './hard-skills-label.model';
+import { spanishHardSkillsLabels } from './hard-skills-spanish-labels.const';
+import { englishHardSkillsLabels } from './hard-skills-english-labels.const';
+
+export const getLabels = (language: Language): HardSkillsLabels => {
+  switch (language) {
+    case 'es':
+      return spanishHardSkillsLabels;
+    case 'en':
+      return englishHardSkillsLabels;
+    default:
+      throw new Error(`Language not supported: ${language}`);
+  }
+};
diff --git a/packages/manfred2html/src/engine/template-a/html-parts/language-section/labels/index.ts b/packages/manfred2html/src/engine/template-a/html-parts/language-section/labels/index.ts
index a90dc5fc..eca31dab 100644
--- a/packages/manfred2html/src/engine/template-a/html-parts/language-section/labels/index.ts
+++ b/packages/manfred2html/src/engine/template-a/html-parts/language-section/labels/index.ts
@@ -1,3 +1,15 @@
-export * from './language-label.model';
-export * from './language-english-labels.const';
-export * from './language-spanish-labels.const';
+import { Language } from '@/model';
+import { LanguageLabels } from './language-label.model';
+import { spanishLanguageLabels } from './language-spanish-labels.const';
+import { englishLanguageLabels } from './language-english-labels.const';
+
+export const getLabels = (language: Language): LanguageLabels => {
+  switch (language) {
+    case 'es':
+      return spanishLanguageLabels;
+    case 'en':
+      return englishLanguageLabels;
+    default:
+      throw new Error(`Language not supported: ${language}`);
+  }
+};
diff --git a/packages/manfred2html/src/engine/template-a/html-parts/language-section/language-section.part.ts b/packages/manfred2html/src/engine/template-a/html-parts/language-section/language-section.part.ts
index 394ebc04..4a912d6c 100644
--- a/packages/manfred2html/src/engine/template-a/html-parts/language-section/language-section.part.ts
+++ b/packages/manfred2html/src/engine/template-a/html-parts/language-section/language-section.part.ts
@@ -1,7 +1,8 @@
 import ejs from 'ejs';
-import { ManfredAwesomicCV, Settings, Language } from '@/model';
 import { LanguageVm, mapFromCvToLanguageVm } from '@lemoncode/manfred-common/language-section';
-import { englishLanguageLabels, spanishLanguageLabels } from './labels';
+import { ISO_SPANISH_LANGUAGE } from '@/engine/engine.const';
+import { ManfredAwesomicCV, Settings, Language } from '@/model';
+import { getLabels } from './labels';
 import languageTemplate from './language-section.ejs?raw';
 
 export const generateLanguageSection = (cv: ManfredAwesomicCV, settings: Settings): string => {
@@ -9,10 +10,13 @@ export const generateLanguageSection = (cv: ManfredAwesomicCV, settings: Setting
   return generateLanguageSectionInner(languageSectionVm, settings.language);
 };
 
-const generateLanguageSectionInner = (languageSectionVm: LanguageVm[], language: Language = 'es'): string => {
+const generateLanguageSectionInner = (
+  languageSectionVm: LanguageVm[],
+  language: Language = ISO_SPANISH_LANGUAGE
+): string => {
   const rootObject = {
     languageCollection: languageSectionVm,
-    labels: language === 'es' ? spanishLanguageLabels : englishLanguageLabels,
+    labels: getLabels(language),
   };
   return ejs.render(languageTemplate, rootObject);
 };
diff --git a/packages/manfred2html/src/engine/template-a/html-parts/relevants-links-section/labels/index.ts b/packages/manfred2html/src/engine/template-a/html-parts/relevants-links-section/labels/index.ts
index 60ece04b..41c9f130 100644
--- a/packages/manfred2html/src/engine/template-a/html-parts/relevants-links-section/labels/index.ts
+++ b/packages/manfred2html/src/engine/template-a/html-parts/relevants-links-section/labels/index.ts
@@ -1,3 +1,15 @@
-export * from './relevants-label.model';
-export * from './relevants-english-labels.const';
-export * from './relevants-spanish-labels.const';
+import { Language } from '@/model';
+import { RelevantsLinksLabels } from './relevants-links-label.model';
+import { spanishRelevantsLinksLabels } from './relevants-links-spanish-labels.const';
+import { englishRelevantsLinksLabels } from './relevants-links-english-labels.const';
+
+export const getLabels = (language: Language): RelevantsLinksLabels => {
+  switch (language) {
+    case 'es':
+      return spanishRelevantsLinksLabels;
+    case 'en':
+      return englishRelevantsLinksLabels;
+    default:
+      throw new Error(`Language not supported: ${language}`);
+  }
+};
diff --git a/packages/manfred2html/src/engine/template-a/html-parts/relevants-links-section/labels/relevants-english-labels.const.ts b/packages/manfred2html/src/engine/template-a/html-parts/relevants-links-section/labels/relevants-english-labels.const.ts
deleted file mode 100644
index ce6b8716..00000000
--- a/packages/manfred2html/src/engine/template-a/html-parts/relevants-links-section/labels/relevants-english-labels.const.ts
+++ /dev/null
@@ -1,5 +0,0 @@
-import { RelevantsLabels } from './relevants-label.model';
-
-export const englishRelevantsLabels: RelevantsLabels = {
-  RELEVANTS_HEADING: 'My Links',
-};
diff --git a/packages/manfred2html/src/engine/template-a/html-parts/relevants-links-section/labels/relevants-label.model.ts b/packages/manfred2html/src/engine/template-a/html-parts/relevants-links-section/labels/relevants-label.model.ts
deleted file mode 100644
index f2a44fa6..00000000
--- a/packages/manfred2html/src/engine/template-a/html-parts/relevants-links-section/labels/relevants-label.model.ts
+++ /dev/null
@@ -1,3 +0,0 @@
-export interface RelevantsLabels {
-  RELEVANTS_HEADING: string;
-}
diff --git a/packages/manfred2html/src/engine/template-a/html-parts/relevants-links-section/labels/relevants-links-english-labels.const.ts b/packages/manfred2html/src/engine/template-a/html-parts/relevants-links-section/labels/relevants-links-english-labels.const.ts
new file mode 100644
index 00000000..47316820
--- /dev/null
+++ b/packages/manfred2html/src/engine/template-a/html-parts/relevants-links-section/labels/relevants-links-english-labels.const.ts
@@ -0,0 +1,5 @@
+import { RelevantsLinksLabels } from './relevants-links-label.model';
+
+export const englishRelevantsLinksLabels: RelevantsLinksLabels = {
+  RELEVANTS_LINKS_HEADING: 'My Links',
+};
diff --git a/packages/manfred2html/src/engine/template-a/html-parts/relevants-links-section/labels/relevants-links-label.model.ts b/packages/manfred2html/src/engine/template-a/html-parts/relevants-links-section/labels/relevants-links-label.model.ts
new file mode 100644
index 00000000..7569f913
--- /dev/null
+++ b/packages/manfred2html/src/engine/template-a/html-parts/relevants-links-section/labels/relevants-links-label.model.ts
@@ -0,0 +1,3 @@
+export interface RelevantsLinksLabels {
+  RELEVANTS_LINKS_HEADING: string;
+}
diff --git a/packages/manfred2html/src/engine/template-a/html-parts/relevants-links-section/labels/relevants-links-spanish-labels.const.ts b/packages/manfred2html/src/engine/template-a/html-parts/relevants-links-section/labels/relevants-links-spanish-labels.const.ts
new file mode 100644
index 00000000..7fd7feb8
--- /dev/null
+++ b/packages/manfred2html/src/engine/template-a/html-parts/relevants-links-section/labels/relevants-links-spanish-labels.const.ts
@@ -0,0 +1,5 @@
+import { RelevantsLinksLabels } from './relevants-links-label.model';
+
+export const spanishRelevantsLinksLabels: RelevantsLinksLabels = {
+  RELEVANTS_LINKS_HEADING: 'Mis enlaces',
+};
diff --git a/packages/manfred2html/src/engine/template-a/html-parts/relevants-links-section/labels/relevants-spanish-labels.const.ts b/packages/manfred2html/src/engine/template-a/html-parts/relevants-links-section/labels/relevants-spanish-labels.const.ts
deleted file mode 100644
index e5314ea7..00000000
--- a/packages/manfred2html/src/engine/template-a/html-parts/relevants-links-section/labels/relevants-spanish-labels.const.ts
+++ /dev/null
@@ -1,5 +0,0 @@
-import { RelevantsLabels } from './relevants-label.model';
-
-export const spanishRelevantsLabels: RelevantsLabels = {
-  RELEVANTS_HEADING: 'Mis enlaces',
-};
diff --git a/packages/manfred2html/src/engine/template-a/html-parts/relevants-links-section/relevants-links-section.ejs b/packages/manfred2html/src/engine/template-a/html-parts/relevants-links-section/relevants-links-section.ejs
index 3f4eea66..011fffde 100644
--- a/packages/manfred2html/src/engine/template-a/html-parts/relevants-links-section/relevants-links-section.ejs
+++ b/packages/manfred2html/src/engine/template-a/html-parts/relevants-links-section/relevants-links-section.ejs
@@ -15,7 +15,7 @@
       </svg>
       <div>
         <h3>
-          <%- labels.RELEVANTS_HEADING %>
+          <%- labels.RELEVANTS_LINKS_HEADING %>
         </h3>
         <hr class="secondary-divider" />
       </div>
@@ -77,17 +77,18 @@
       <%_ if (link.type === 'twitter') { -%>
         <div class="aside__section__item">
           <svg
-            xmlns="http://www.w3.org/2000/svg"
-            width="21"
-            height="21"
-            viewBox="0 0 21 21"
-            fill="none"
-            class="svg-fill"
-          >
-            <path
-              d="M6.93408 20.5C14.5275 20.5 18.6797 12.8041 18.6797 6.13165C18.6797 5.91314 18.6797 5.69511 18.6679 5.47833C19.4761 4.76356 20.1737 3.87806 20.7276 2.86366C19.9746 3.27269 19.1759 3.5404 18.3573 3.65956C19.2188 3.02762 19.8636 2.03476 20.1712 0.865523C19.3607 1.45391 18.474 1.86845 17.5492 2.09182C16.2702 0.427727 14.237 0.0199563 12.5901 1.09833C10.9439 2.17671 10.0934 4.4718 10.5152 6.69725C7.19628 6.49399 4.10326 4.57571 2.00765 1.42137C0.9101 3.72747 1.46878 6.68011 3.28206 8.16359C2.63 8.13655 1.99193 7.91915 1.42209 7.52992V7.59437C1.42209 9.99526 2.80323 12.0648 4.72639 12.5448C4.12497 12.747 3.47893 12.7766 2.86155 12.6302C3.40184 14.6886 4.95181 16.0996 6.7184 16.1401C5.25568 17.542 3.44979 18.3016 1.59108 18.2969C1.26191 18.2969 0.932736 18.2733 0.606079 18.2268C2.49371 19.7096 4.69008 20.4969 6.93392 20.4939"
-            />
-          </svg>
+          class="svg-fill"
+          width="20"
+          height="19"
+          viewBox="0 0 20 19"
+          fill="none"
+          xmlns="http://www.w3.org/2000/svg"
+        >
+          <path
+            d="M0.048762 0.140503L7.77054 10.4652L0 18.8597H1.74884L8.55193 11.5102L14.0486 18.8597H20L11.8438 7.95421L19.0765 0.140503H17.3277L11.0624 6.90922L6.00012 0.140503H0.048762ZM2.62056 1.4287H5.35462L17.4278 17.5713H14.6937L2.62056 1.4287Z"
+            fill="#787673"
+          />
+        </svg>
           <a href="<%= link.URL -%>" target="_blank">twitter</a>
         </div>
       <%_ } %>
diff --git a/packages/manfred2html/src/engine/template-a/html-parts/relevants-links-section/relevants-links-section.part.ts b/packages/manfred2html/src/engine/template-a/html-parts/relevants-links-section/relevants-links-section.part.ts
index 9058184d..40f1f94c 100644
--- a/packages/manfred2html/src/engine/template-a/html-parts/relevants-links-section/relevants-links-section.part.ts
+++ b/packages/manfred2html/src/engine/template-a/html-parts/relevants-links-section/relevants-links-section.part.ts
@@ -1,7 +1,8 @@
 import ejs from 'ejs';
 import { ProfileSectionVm, mapFromMacCvToProfileSectionVm } from '@lemoncode/manfred-common/profile-section';
+import { ISO_SPANISH_LANGUAGE } from '@/engine/engine.const';
 import { ManfredAwesomicCV, Settings, Language } from '@/model';
-import { englishRelevantsLabels, spanishRelevantsLabels } from './labels';
+import { getLabels } from './labels';
 import relevantsLinksSection from './relevants-links-section.ejs?raw';
 
 export const generateRelevantsLinksSection = (cv: ManfredAwesomicCV, settings: Settings): string => {
@@ -10,10 +11,13 @@ export const generateRelevantsLinksSection = (cv: ManfredAwesomicCV, settings: S
   return generateRelevantsLinksSectionInner(profileSectionVm, settings.language);
 };
 
-const generateRelevantsLinksSectionInner = (profileSectionVm: ProfileSectionVm, language: Language = 'es'): string => {
+const generateRelevantsLinksSectionInner = (
+  profileSectionVm: ProfileSectionVm,
+  language: Language = ISO_SPANISH_LANGUAGE
+): string => {
   const rootObject = {
     profile: profileSectionVm,
-    labels: language === 'es' ? spanishRelevantsLabels : englishRelevantsLabels,
+    labels: getLabels(language),
   };
 
   return ejs.render(relevantsLinksSection, rootObject);
diff --git a/packages/manfred2html/src/engine/template-a/html-parts/soft-skills-section/labels/index.ts b/packages/manfred2html/src/engine/template-a/html-parts/soft-skills-section/labels/index.ts
index bcea84d9..9529c12a 100644
--- a/packages/manfred2html/src/engine/template-a/html-parts/soft-skills-section/labels/index.ts
+++ b/packages/manfred2html/src/engine/template-a/html-parts/soft-skills-section/labels/index.ts
@@ -1,3 +1,15 @@
-export * from './soft-skills-label.model';
-export * from './soft-skills-english-labels.const';
-export * from './soft-skills-spanish-labels.const';
+import { Language } from '@/model';
+import { SoftSkillsLabels } from './soft-skills-label.model';
+import { spanishSoftSkillsLabels } from './soft-skills-spanish-labels.const';
+import { englishSoftSkillsLabels } from './soft-skills-english-labels.const';
+
+export const getLabels = (language: Language): SoftSkillsLabels => {
+  switch (language) {
+    case 'es':
+      return spanishSoftSkillsLabels;
+    case 'en':
+      return englishSoftSkillsLabels;
+    default:
+      throw new Error(`Language not supported: ${language}`);
+  }
+};
diff --git a/packages/manfred2html/src/engine/template-a/html-parts/soft-skills-section/soft-skills-section.part.ts b/packages/manfred2html/src/engine/template-a/html-parts/soft-skills-section/soft-skills-section.part.ts
index 5bdaff34..9e3a9fbc 100644
--- a/packages/manfred2html/src/engine/template-a/html-parts/soft-skills-section/soft-skills-section.part.ts
+++ b/packages/manfred2html/src/engine/template-a/html-parts/soft-skills-section/soft-skills-section.part.ts
@@ -1,7 +1,8 @@
 import ejs from 'ejs';
 import { SoftSkillVM, mapFromCvToSoftSkillVm } from '@lemoncode/manfred-common/soft-skill-section';
+import { ISO_SPANISH_LANGUAGE } from '@/engine/engine.const';
 import { ManfredAwesomicCV, Settings, Language } from '@/model';
-import { englishSoftSkillsLabels, spanishSoftSkillsLabels } from './labels';
+import { getLabels } from './labels';
 import softSkillsTemplate from './soft-skills-section.ejs?raw';
 
 export const generateSoftSkillsSection = (cv: ManfredAwesomicCV, settings: Settings): string => {
@@ -9,10 +10,13 @@ export const generateSoftSkillsSection = (cv: ManfredAwesomicCV, settings: Setti
   return generateSoftSkillsSectionInner(softSkillsSectionVm, settings.language);
 };
 
-const generateSoftSkillsSectionInner = (softSkillsSectionVm: SoftSkillVM[], language: Language = 'es'): string => {
+const generateSoftSkillsSectionInner = (
+  softSkillsSectionVm: SoftSkillVM[],
+  language: Language = ISO_SPANISH_LANGUAGE
+): string => {
   const rootObject = {
     softSkillsCollection: softSkillsSectionVm,
-    labels: language === 'es' ? spanishSoftSkillsLabels : englishSoftSkillsLabels,
+    labels: getLabels(language),
   };
   return ejs.render(softSkillsTemplate, rootObject);
 };
diff --git a/packages/manfred2html/src/engine/template-a/html-parts/studies-section/labels/index.ts b/packages/manfred2html/src/engine/template-a/html-parts/studies-section/labels/index.ts
index b910c47b..d0f8daeb 100644
--- a/packages/manfred2html/src/engine/template-a/html-parts/studies-section/labels/index.ts
+++ b/packages/manfred2html/src/engine/template-a/html-parts/studies-section/labels/index.ts
@@ -1,3 +1,15 @@
-export * from './studies-label.model';
-export * from './studies-english-labels.const';
-export * from './studies-spanish-labels.const';
+import { Language } from '@/model';
+import { StudiesLabels } from './studies-label.model';
+import { spanishStudiesLabels } from './studies-spanish-labels.const';
+import { englishStudiesLabels } from './studies-english-labels.const';
+
+export const getLabels = (language: Language): StudiesLabels => {
+  switch (language) {
+    case 'es':
+      return spanishStudiesLabels;
+    case 'en':
+      return englishStudiesLabels;
+    default:
+      throw new Error(`Language not supported: ${language}`);
+  }
+};
diff --git a/packages/manfred2html/src/engine/template-a/html-parts/studies-section/studies-section.part.ts b/packages/manfred2html/src/engine/template-a/html-parts/studies-section/studies-section.part.ts
index 1d3d62b8..ce48aa57 100644
--- a/packages/manfred2html/src/engine/template-a/html-parts/studies-section/studies-section.part.ts
+++ b/packages/manfred2html/src/engine/template-a/html-parts/studies-section/studies-section.part.ts
@@ -1,7 +1,8 @@
 import ejs from 'ejs';
 import { StudiesSectionVm, mapFromMacCvToStudiesSectionVm } from '@lemoncode/manfred-common/studies-section';
+import { ISO_SPANISH_LANGUAGE } from '@/engine/engine.const';
 import { ManfredAwesomicCV, Settings, Language } from '@/model';
-import { englishStudiesLabels, spanishStudiesLabels } from './labels';
+import { getLabels } from './labels';
 import studiesTemplate from './studies-section.ejs?raw';
 
 export const generateStudiesSection = (cv: ManfredAwesomicCV, settings: Settings): string => {
@@ -10,10 +11,13 @@ export const generateStudiesSection = (cv: ManfredAwesomicCV, settings: Settings
   return generateStudiesSectionInner(studiesSectionVm, settings.language);
 };
 
-const generateStudiesSectionInner = (studiesSectionVm: StudiesSectionVm[], language: Language = 'es'): string => {
+const generateStudiesSectionInner = (
+  studiesSectionVm: StudiesSectionVm[],
+  language: Language = ISO_SPANISH_LANGUAGE
+): string => {
   const rootObject = {
     studiesCollection: studiesSectionVm,
-    labels: language === 'es' ? spanishStudiesLabels : englishStudiesLabels,
+    labels: getLabels(language),
   };
 
   return ejs.render(studiesTemplate, rootObject);
diff --git a/packages/manfred2html/src/engine/template-b/html-parts/relevants-links-section/relevants-links-section.ejs b/packages/manfred2html/src/engine/template-b/html-parts/relevants-links-section/relevants-links-section.ejs
index e35bb05c..75f771ef 100644
--- a/packages/manfred2html/src/engine/template-b/html-parts/relevants-links-section/relevants-links-section.ejs
+++ b/packages/manfred2html/src/engine/template-b/html-parts/relevants-links-section/relevants-links-section.ejs
@@ -1,6 +1,6 @@
 <%_ if (profile.relevantLinks && profile.relevantLinks.length !== 0) { -%>
   <div class="aside__section">
-        <h3><%- labels.RELEVANTS_HEADING %></h3>
+        <h3><%- labels.RELEVANTS_LINKS_HEADING %></h3>
         <div class="aside__section__link-items">
     <%_ for (const link of profile?.relevantLinks) { -%>
       <%_ if (link.type === 'linkedin') { -%>
@@ -63,21 +63,9 @@
       <%_ } %>
       <%_ if (link.type === 'twitter') { -%>
         <div class="aside__section__item">
-          <svg
-            xmlns="http://www.w3.org/2000/svg"
-            width="14"
-            height="15"
-            viewBox="0 0 14 15"
-            fill="none"
-          >
-            <path
-              d="M10.4626 11.2442H9.22283L3.55665 3.71839H4.82549L10.4626 11.2442Z"
-              fill="#FBFBFA"
-            />
+          <svg width="15" height="15" viewBox="0 0 15 15" fill="none" xmlns="http://www.w3.org/2000/svg">
             <path
-              fill-rule="evenodd"
-              clip-rule="evenodd"
-              d="M7 0.5C10.866 0.5 14 3.63402 14 7.5C14 11.366 10.866 14.5 7 14.5C3.13401 14.5 0 11.366 0 7.5C0 3.63402 3.13401 0.5 7 0.5ZM8.89353 11.8545H11.5958L7.83379 6.84406L11.276 3.14674H10.5304L7.49777 6.39625L5.05809 3.14674H2.40417L6.01222 7.98825L2.40417 11.8545H3.16915L6.34874 8.43958L8.89353 11.8545Z"
+              d="M0.701126 0.948242L6.10637 8.17556L0.666992 14.0517H1.89118L6.65334 8.90705L10.501 14.0517H14.667L8.95763 6.41784L14.0206 0.948242H12.7964L8.41065 5.68635L4.86708 0.948242H0.701126ZM2.50138 1.84998H4.41523L12.8665 13.1498H10.9526L2.50138 1.84998Z"
               fill="#FBFBFA"
             />
           </svg>

From e83fa56df035a9edc8261ad2038e5bbdfe17a18d Mon Sep 17 00:00:00 2001
From: juanpms2 <juanpablo@lemoncode.net>
Date: Thu, 9 Nov 2023 09:57:16 +0100
Subject: [PATCH 59/63] hidde select language and update animations

---
 .../components/modal/modal.styles.ts          | 17 +++++++++-
 .../select/customSelect.component.tsx         |  8 ++++-
 .../components/select/customSelect.styles.ts  | 34 ++++++++++++++++++-
 .../components/inputRadioButton.styles.ts     |  1 +
 .../customSelectColor.component.tsx           |  6 ++++
 .../customSelectColor.styles.ts               |  4 +--
 .../export-config/export-config.component.tsx |  5 +--
 7 files changed, 68 insertions(+), 7 deletions(-)

diff --git a/apps/react-app/src/common-app/components/modal/modal.styles.ts b/apps/react-app/src/common-app/components/modal/modal.styles.ts
index 9a05a012..f2a6e94b 100644
--- a/apps/react-app/src/common-app/components/modal/modal.styles.ts
+++ b/apps/react-app/src/common-app/components/modal/modal.styles.ts
@@ -1,6 +1,17 @@
-import { css } from '@emotion/css';
+import { css, keyframes } from '@emotion/css';
 import { theme } from '@/core/theme';
 
+const openFromCenter = keyframes`
+  from {
+    transform: scale(0);
+    opacity: 0;
+  }
+  to {
+    transform: scale(1);
+    opacity: 1;
+  }
+`;
+
 export const container = css`
   display: flex;
   width: 100%;
@@ -13,6 +24,10 @@ export const container = css`
   z-index: 9999;
   top: 0;
   background: rgba(13, 20, 24, 0.75);
+  transform: scale(0);
+  opacity: 0;
+  animation: ${openFromCenter} 0.2s ease forwards;
+
   & > :first-child {
     max-width: 1400px;
     align-self: center;
diff --git a/apps/react-app/src/common-app/components/select/customSelect.component.tsx b/apps/react-app/src/common-app/components/select/customSelect.component.tsx
index 8da89fb7..6f6c184b 100644
--- a/apps/react-app/src/common-app/components/select/customSelect.component.tsx
+++ b/apps/react-app/src/common-app/components/select/customSelect.component.tsx
@@ -1,4 +1,5 @@
 import React from 'react';
+import { cx } from '@emotion/css';
 import * as classes from './customSelect.styles';
 
 interface Props {
@@ -31,7 +32,12 @@ export const CustomSelect: React.FC<Props> = props => {
         <img src="./assets/arrow_select.svg" alt="arrow select" className={classes.rotate(isOpen)} />
       </div>
       {isOpen && (
-        <ul className={classes.listContainer}>
+        <ul
+          className={cx(classes.listContainer, {
+            [classes.listContainerOpenAnimation]: isOpen,
+            [classes.listContainerCloseAnimation]: !isOpen,
+          })}
+        >
           {listOptions &&
             listOptions.map((option, index) => (
               <li key={index} onClick={() => handleOptionSelect(option)}>
diff --git a/apps/react-app/src/common-app/components/select/customSelect.styles.ts b/apps/react-app/src/common-app/components/select/customSelect.styles.ts
index 33184365..45dea6c7 100644
--- a/apps/react-app/src/common-app/components/select/customSelect.styles.ts
+++ b/apps/react-app/src/common-app/components/select/customSelect.styles.ts
@@ -1,4 +1,4 @@
-import { css } from '@emotion/css';
+import { css, keyframes } from '@emotion/css';
 import { theme } from '@/core/theme';
 
 export const selectContainer = css`
@@ -51,7 +51,39 @@ export const selectContent = css`
   }
 `;
 
+const slideDown = keyframes`
+  from {
+    max-height: 0;
+    opacity: 0;
+  }
+  to {
+    max-height: min-content;
+    opacity: 1;
+  }
+`;
+
+const slideUp = keyframes`
+  from {
+    max-height: min-content;
+    opacity: 1;
+  }
+  to {
+    max-height: 0;
+    opacity: 0;
+  }
+`;
+
+export const listContainerOpenAnimation = css`
+  animation: ${slideDown} 0.3s ease forwards;
+`;
+export const listContainerCloseAnimation = css`
+  animation: ${slideUp} 0.3s ease forwards;
+`;
+
 export const listContainer = css`
+  opacity: 0;
+  max-height: 0;
+  overflow: hidden;
   position: absolute;
   top: ${theme.spacing(12)};
   width: 100%;
diff --git a/apps/react-app/src/pods/template-export/components/customSelectColor/components/inputRadioButton.styles.ts b/apps/react-app/src/pods/template-export/components/customSelectColor/components/inputRadioButton.styles.ts
index 802b4958..28cd916a 100644
--- a/apps/react-app/src/pods/template-export/components/customSelectColor/components/inputRadioButton.styles.ts
+++ b/apps/react-app/src/pods/template-export/components/customSelectColor/components/inputRadioButton.styles.ts
@@ -11,6 +11,7 @@ export const inputRadioButton = (color: string) => css`
   cursor: pointer;
   outline: none;
   border: 15px solid ${theme.palette.info[50]};
+
   &[type='radio']:checked {
     box-shadow: 0px 0px 0px 4px ${theme.palette.dark[200]};
   }
diff --git a/apps/react-app/src/pods/template-export/components/customSelectColor/customSelectColor.component.tsx b/apps/react-app/src/pods/template-export/components/customSelectColor/customSelectColor.component.tsx
index 2d716192..2290a79e 100644
--- a/apps/react-app/src/pods/template-export/components/customSelectColor/customSelectColor.component.tsx
+++ b/apps/react-app/src/pods/template-export/components/customSelectColor/customSelectColor.component.tsx
@@ -16,6 +16,12 @@ export const CustomSelectColor: React.FC<Props> = ({ label, onChange }) => {
   const toggleIsOpen = () => {
     setCustomSelectState(customSelectState === 'open' ? 'close' : 'open');
   };
+
+  React.useEffect(() => {
+    if (window.innerWidth >= 1024) {
+      setCustomSelectState('open');
+    }
+  }, []);
   return (
     <div
       className={cx(classes.root, {
diff --git a/apps/react-app/src/pods/template-export/components/customSelectColor/customSelectColor.styles.ts b/apps/react-app/src/pods/template-export/components/customSelectColor/customSelectColor.styles.ts
index 16bf642c..0612136e 100644
--- a/apps/react-app/src/pods/template-export/components/customSelectColor/customSelectColor.styles.ts
+++ b/apps/react-app/src/pods/template-export/components/customSelectColor/customSelectColor.styles.ts
@@ -21,10 +21,10 @@ const closeAnimation = keyframes`
 `;
 
 export const rootOpenAnimation = css`
-  animation: ${openAnimation} 0.8s ease forwards;
+  animation: ${openAnimation} 0.3s ease forwards;
 `;
 export const rootCloseAnimation = css`
-  animation: ${closeAnimation} 0.8s ease forwards;
+  animation: ${closeAnimation} 0.3s ease forwards;
 `;
 
 export const root = css`
diff --git a/apps/react-app/src/pods/template-export/components/export-config/export-config.component.tsx b/apps/react-app/src/pods/template-export/components/export-config/export-config.component.tsx
index 5d7a8e1b..fc144bc0 100644
--- a/apps/react-app/src/pods/template-export/components/export-config/export-config.component.tsx
+++ b/apps/react-app/src/pods/template-export/components/export-config/export-config.component.tsx
@@ -74,11 +74,12 @@ export const ExportConfig: React.FC<Props> = props => {
         <div className={classes.optionsContent}>
           <div className={classes.selectContainer}>
             <CustomSelect listOptions={DESING_OPTIONS} onSelectedOption={handleTemplateChange} label={'Diseño'} />
-            <CustomSelect
+            {/* Uncomment when we have all label translations */}
+            {/* <CustomSelect
               listOptions={LANGUAGE_OPTIONS}
               onSelectedOption={handleLanguageChange}
               label={'Idioma cabeceras'}
-            />
+            /> */}
           </div>
           <div className={classes.selectColorContainer}>
             <CustomSelectColor label={'Colores'} onChange={handleColorChange} />

From 412456a5f6308c8f5b4b3b2b45bbe748a3d48391 Mon Sep 17 00:00:00 2001
From: juanpms2 <juanpablo@lemoncode.net>
Date: Thu, 9 Nov 2023 15:59:04 +0100
Subject: [PATCH 60/63] added miguel info

---
 apps/react-app/public/assets/miguel-galvez.jpg | Bin 0 -> 74295 bytes
 apps/react-app/src/pods/about-us/data-json.ts  |   8 ++++++++
 2 files changed, 8 insertions(+)
 create mode 100644 apps/react-app/public/assets/miguel-galvez.jpg

diff --git a/apps/react-app/public/assets/miguel-galvez.jpg b/apps/react-app/public/assets/miguel-galvez.jpg
new file mode 100644
index 0000000000000000000000000000000000000000..8799ebeb024c725e541fdd7a9f7b6f1848dbb5a5
GIT binary patch
literal 74295
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
R=|~lVYg%YV=d1rF{|BO!HJktd

literal 0
HcmV?d00001

diff --git a/apps/react-app/src/pods/about-us/data-json.ts b/apps/react-app/src/pods/about-us/data-json.ts
index f314df11..b5e2eff6 100644
--- a/apps/react-app/src/pods/about-us/data-json.ts
+++ b/apps/react-app/src/pods/about-us/data-json.ts
@@ -47,4 +47,12 @@ export const userList: User[] = [
     description:
       'Desarrollador Front End, cursé el bootcamp de JavaScript de Lemoncode y decidí dar un giro a mi carrera profesional para volcarme en la programación. Mi carrera se ha centrado en puestos de gestión, relacionados con mis estudios (Finanzas y Contabilidad, Logística). No obstante, tras cursar el bootcamp de JavaScript de Lemoncode, decidí dar un giro a mi carrera profesional y volcarme en el mundo de la programación. Actualmente, estoy cursando el Máster Front End de Lemoncode, donde sigo ampliando mis habilidades en el desarrollo web.',
   },
+  {
+    avatar: './assets/miguel-galvez.jpg',
+    name: 'Miguel Gálvez',
+    job: 'Frontend Developer',
+    linkedin_url: 'https://es.linkedin.com/in/miguelgalvezk',
+    description:
+      'Graduado en Derecho y Ciencias Políticas. Con anterioridad a dedicarme al desarrollo web, ejercí en un despacho la abogacía penal. Cursé el Bootcamp de JavaScript de Lemoncode y su Máster de FrontEnd. Quedé entusiasmado con la combinación de análisis y creatividad, versatilidad y belleza de la programación. Actualmente estoy estudiando DAW y formándome ante cualquier oportunidad que encuentre en este apasionante sector.',
+  },
 ];

From c1f47b193450491acd9468dc9fba90a8786ab2ce Mon Sep 17 00:00:00 2001
From: juanpms2 <juanpablo@lemoncode.net>
Date: Fri, 10 Nov 2023 08:21:40 +0100
Subject: [PATCH 61/63] fixed bug on relevant links

---
 .../relevants-links-section.ejs                        | 10 +++++-----
 1 file changed, 5 insertions(+), 5 deletions(-)

diff --git a/packages/manfred2html/src/engine/template-b/html-parts/relevants-links-section/relevants-links-section.ejs b/packages/manfred2html/src/engine/template-b/html-parts/relevants-links-section/relevants-links-section.ejs
index 75f771ef..ec64bf86 100644
--- a/packages/manfred2html/src/engine/template-b/html-parts/relevants-links-section/relevants-links-section.ejs
+++ b/packages/manfred2html/src/engine/template-b/html-parts/relevants-links-section/relevants-links-section.ejs
@@ -29,7 +29,7 @@
               </clipPath>
             </defs>
           </svg>
-          <a href="#" target="_blank">Linkedin</a>
+          <a href=<%= link.URL %> target="_blank">Linkedin</a>
         </div>
       <%_ } -%>
       <%_ if (link.type === 'github') { -%>
@@ -58,7 +58,7 @@
               </clipPath>
             </defs>
           </svg>
-          <a href="#" target="_blank">GitHub</a>
+          <a href=<%= link.URL %> target="_blank">GitHub</a>
         </div>
       <%_ } %>
       <%_ if (link.type === 'twitter') { -%>
@@ -69,7 +69,7 @@
               fill="#FBFBFA"
             />
           </svg>
-          <a href="#" target="_blank">Twitter</a>
+          <a href=<%= link.URL %> target="_blank">Twitter</a>
         </div>
       <%_ } %>
       <%_ if (link.type === 'web') { -%>
@@ -86,7 +86,7 @@
               fill="#FBFBFA"
             />
           </svg>
-          <a href="#" target="_blank">Web</a>
+          <a href=<%= link.URL %> target="_blank">Web</a>
         </div>
       <%_ } %>
       <%_ if (link.type === 'otros') { -%>
@@ -115,7 +115,7 @@
               fill="#FBFBFA"
             />
           </svg>
-          <a href="#" target="_blank">Otros</a>
+          <a href=<%= link.URL %> target="_blank">Otros</a>
         </div>
       <%_ } %>
     <%_ } %>

From 6e00d5a5c281c5e9caf72197839a2d57072fcfa2 Mon Sep 17 00:00:00 2001
From: juanpms2 <juanpablo@lemoncode.net>
Date: Fri, 10 Nov 2023 10:39:23 +0100
Subject: [PATCH 62/63] updated dates format and styles on  cv modern

---
 export-samples/html/cv-template.html          | 38 ++++++++++---------
 .../experience-section/experience-section.ejs | 22 +++++++----
 .../html-document-start.ejs                   |  6 ++-
 .../studies-section/studies-section.ejs       | 23 ++++++-----
 4 files changed, 53 insertions(+), 36 deletions(-)

diff --git a/export-samples/html/cv-template.html b/export-samples/html/cv-template.html
index f52274a6..88fae6ea 100644
--- a/export-samples/html/cv-template.html
+++ b/export-samples/html/cv-template.html
@@ -285,6 +285,7 @@
         display: flex;
         flex-direction: column;
         gap: var(--spacing_8);
+        text-transform: capitalize;
       }
       .main__section__item > .date-desktop {
         display: none;
@@ -316,8 +317,11 @@
         }
         .main__section__item > .date-desktop {
           display: flex;
+          flex-direction: column;
+          gap: var(--spacing_8);
           min-width: max-content;
-          align-items: flex-end;
+          text-align: end;
+          padding-top: var(--spacing_8);
         }
         .section__content__header > h3 {
           font-size: 24px;
@@ -596,7 +600,7 @@ <h2>Experiencia / carrera</h2>
           </div>
           <div class="main__section__item">
             <div class="date date-desktop">
-              <p>Inicio: <b>2018-06-20</b></p>
+              <p>Inicio: <b>Dic 2020</b></p>
               <p>Fin: <b>Actualidad</b></p>
             </div>
             <div class="line-icon">
@@ -609,7 +613,7 @@ <h3>Manfred</h3>
                 <h4>Plataforma de Talento y agencia de recruiting técnico</h4>
               </div>
               <div class="date date-mobile">
-                <p>Inicio: <b>2018-06-20</b></p>
+                <p>Inicio: <b>Jun 2017</b></p>
                 <p>Fin: <b>Actualidad</b></p>
               </div>
               <div class="data">
@@ -646,8 +650,8 @@ <h4>Plataforma de Talento y agencia de recruiting técnico</h4>
           </div>
           <div class="main__section__item">
             <div class="date date-desktop">
-              <p>Inicio: <b>2017-02-01</b></p>
-              <p>Fin: <b>2018-06-30</b></p>
+              <p>Inicio: <b>Feb 2017</b></p>
+              <p>Fin: <b>Jun 2018</b></p>
             </div>
             <div class="line-icon">
               <div class="circle"></div>
@@ -703,8 +707,8 @@ <h2>Educación</h2>
           </div>
           <div class="main__section__item">
             <div class="date date-desktop">
-              <p>Inicio: <b>2002-09-15</b></p>
-              <p>Fin: <b>2006-06-30</b></p>
+              <p>Inicio: <b>Sep 2022</b></p>
+              <p>Fin: <b>Jun 2006</b></p>
             </div>
             <div class="line-icon">
               <div class="circle"></div>
@@ -716,8 +720,8 @@ <h3>Ingeniería Técnica Informática</h3>
                 <h4>Computer Science Grade</h4>
               </div>
               <div class="date date-mobile">
-                <p>Inicio: <b>2002-09-15</b></p>
-                <p>Fin: <b>2006-06-30</b></p>
+                <p>Inicio: <b>Sep 2002</b></p>
+                <p>Fin: <b>Jun 2006</b></p>
               </div>
               <div class="data">
                 <p>Tipo de estudios: <b>Grado oficial</b></p>
@@ -729,8 +733,8 @@ <h4>Computer Science Grade</h4>
           </div>
           <div class="main__section__item">
             <div class="date date-desktop">
-              <p>Inicio: <b>2002-09-15</b></p>
-              <p>Fin: <b>2006-06-30</b></p>
+              <p>Inicio: <b>Ene 2001</b></p>
+              <p>Fin: <b>Oct 2001</b></p>
             </div>
             <div class="line-icon">
               <div class="circle"></div>
@@ -742,8 +746,8 @@ <h3>Master en Desarrollo de Aplicaciones Web</h3>
                 <h4>Computer Science Grade</h4>
               </div>
               <div class="date date-mobile">
-                <p>Inicio: <b>2002-09-15</b></p>
-                <p>Fin: <b>2006-06-30</b></p>
+                <p>Inicio: <b>Abr 2002</b></p>
+                <p>Fin: <b>May 2003</b></p>
               </div>
               <div class="data">
                 <p>Tipo de estudios: <b>Certificación</b></p>
@@ -755,8 +759,8 @@ <h4>Computer Science Grade</h4>
           </div>
           <div class="main__section__item">
             <div class="date date-desktop">
-              <p>Inicio: <b>2007-05-14</b></p>
-              <p>Fin: <b>2007-05-21</b></p>
+              <p>Inicio: <b>Jun 2007</b></p>
+              <p>Fin: <b>Jul 2008</b></p>
             </div>
             <div class="line-icon">
               <div class="circle"></div>
@@ -768,8 +772,8 @@ <h3>Certified Scrum Master</h3>
                 <h4>Scrum Master certificado por la Scrum Alliance</h4>
               </div>
               <div class="date date-mobile">
-                <p>Inicio: <b>2007-05-14</b></p>
-                <p>Fin: <b>2007-05-21</b></p>
+                <p>Inicio: <b>Dic 2007</b></p>
+                <p>Fin: <b>Mar 2008</b></p>
               </div>
               <div class="data">
                 <p>Tipo de estudios: <b>Certificación</b></p>
diff --git a/packages/manfred2html/src/engine/template-a/html-parts/experience-section/experience-section.ejs b/packages/manfred2html/src/engine/template-a/html-parts/experience-section/experience-section.ejs
index f98b6599..5baa5525 100644
--- a/packages/manfred2html/src/engine/template-a/html-parts/experience-section/experience-section.ejs
+++ b/packages/manfred2html/src/engine/template-a/html-parts/experience-section/experience-section.ejs
@@ -10,10 +10,14 @@
     <%_ for(const experience of experienceCollection){ -%>
       <div class="main__section__item">
         <div class="date date-desktop">
-          <p>Inicio: <b><%- experience.roles[0].startDate %></b></p>
-          <%_ if(experience.roles[0].finishDate || experience.roles[0].finishDate === 'Actualidad') { -%>
-            <p>Fin: <b><%- experience.roles[0].finishDate %></b></p>
-          <%_ } -%>
+          <p>Inicio: <b><%- new Date(experience.roles[0].startDate).toLocaleDateString(undefined, { year:"numeric", month:"short"}) %></b></p>
+          <p>Fin: <b>
+          <%_ if(experience.roles[0].finishDate && experience.roles[0].finishDate.toLowerCase() !== 'actualidad') { -%>
+           <%- new Date(experience.roles[0].finishDate).toLocaleDateString(undefined, { year:"numeric", month:"short"}) %>
+            </b></p>
+          <%_ } else { -%>
+            Actualidad</b></p>
+          <%_}-%>
         </div>
         <div class="line-icon">
           <div class="circle"></div>
@@ -27,10 +31,12 @@
             <%_ } -%>
           </div>
           <div class="date date-mobile">
-            <p>Inicio: <b><%- experience.roles[0].startDate %></b></p>
-            <%_ if(experience.roles[0].finishDate || experience.roles[0].finishDate === 'Actualidad') { -%>
-              <p>Fin: <b><%- experience.roles[0].finishDate %></b></p>
-            <%_ } -%>
+            <%- new Date(experience.roles[0].startDate).toLocaleDateString(undefined, { year:"numeric", month:"short"}) %>
+            <%_ if(experience.roles[0].finishDate && experience.roles[0].finishDate.toLowerCase() !== 'actualidad') { -%>
+             <%- " - "+new Date(experience.roles[0].finishDate).toLocaleDateString(undefined, { year:"numeric", month:"short"}) %>
+              <%_ } else { -%>
+                - Actualidad</b></p>
+                <%_}-%>
           </div>
           <div class="data">
             <%_ if(experience.type) { -%>
diff --git a/packages/manfred2html/src/engine/template-a/html-parts/html-document-start/html-document-start.ejs b/packages/manfred2html/src/engine/template-a/html-parts/html-document-start/html-document-start.ejs
index b7c4a92b..72c2581d 100644
--- a/packages/manfred2html/src/engine/template-a/html-parts/html-document-start/html-document-start.ejs
+++ b/packages/manfred2html/src/engine/template-a/html-parts/html-document-start/html-document-start.ejs
@@ -286,6 +286,7 @@
         display: flex;
         flex-direction: column;
         gap: var(--spacing_8);
+        text-transform: capitalize;
       }
       .main__section__item > .date-desktop {
         display: none;
@@ -317,8 +318,11 @@
         }
         .main__section__item > .date-desktop {
           display: flex;
+          flex-direction: column;
+          gap: var(--spacing_8);
           min-width: max-content;
-          align-items: flex-end;
+          text-align: end;
+          padding-top: var(--spacing_8);
         }
         .section__content__header > h3 {
           font-size: 24px;
diff --git a/packages/manfred2html/src/engine/template-a/html-parts/studies-section/studies-section.ejs b/packages/manfred2html/src/engine/template-a/html-parts/studies-section/studies-section.ejs
index 059b7d77..5e22f592 100644
--- a/packages/manfred2html/src/engine/template-a/html-parts/studies-section/studies-section.ejs
+++ b/packages/manfred2html/src/engine/template-a/html-parts/studies-section/studies-section.ejs
@@ -9,10 +9,14 @@
       <%_ for (const study of studiesCollection) { -%>
       <div class="main__section__item">
         <div class="date date-desktop">
-          <p>Inicio: <b><%- study.startDate %></b></p>
-          <%_ if (study.finishDate || study.finishDate === 'Actualidad') { -%>            
-            <p>Fin: <b><%- study.finishDate %></b></p>
-            <%_ } -%>
+          <p>Inicio: <b><%- new Date(study.startDate).toLocaleDateString(undefined, { year:"numeric", month:"short"}) %></b></p>
+          <p>Fin: <b>
+          <%_ if (study.finishDate || study.finishDate === 'Actualidad') { -%>
+            <%- new Date(study.finishDate).toLocaleDateString(undefined, { year:"numeric", month:"short"}) %>
+          </b></p>
+          <%_ } else { -%>
+            Actualidad</b></p>
+            <%_}-%>
         </div>
         <div class="line-icon">
           <div class="circle"></div>
@@ -26,10 +30,10 @@
                 <%_ } -%>
           </div>
           <div class="date date-mobile">
-            <p>Inicio: <b><%- study.startDate %></b></p>
-            <%_ if (study.finishDate || study.finishDate === 'Actualidad') { -%>            
-              <p>Fin: <b><%- study.finishDate %></b></p>
-              <%_ } -%>            
+            <%- new Date(study.startDate).toLocaleDateString(undefined, { year:"numeric", month:"short"}) %>
+            <%_ if (study.finishDate || study.finishDate === 'Actualidad') { -%>
+              <%- " - "+new Date(study.finishDate).toLocaleDateString(undefined, { year:"numeric", month:"short"}) %></b></p>
+              <%_ } -%>
           </div>
           <div class="data">
             <p>Tipo de estudios: <b><%- study.studyType %></b></p>
@@ -44,7 +48,7 @@
             <%_ if (study.location) { -%>
             <p>
               Ubicación de la institución:
-                <h4><%- study.description %></h4>                
+                <h4><%- study.description %></h4>
               <b><%- study.institution.location.region %> , <%- study.institution.location.country %> </b>
             </p>
             <%_ } -%>
@@ -54,4 +58,3 @@
       <%_ } -%>
     </section>
     <%_ } -%>
-    
\ No newline at end of file

From 3886b897e9b73ee6d60b3c6ab38081a01ea12cd3 Mon Sep 17 00:00:00 2001
From: juanpms2 <juanpablo@lemoncode.net>
Date: Fri, 10 Nov 2023 11:43:04 +0100
Subject: [PATCH 63/63] updated codemirror font family

---
 .../src/common-app/components/codemirror/codemirror.styles.ts  | 3 +++
 1 file changed, 3 insertions(+)

diff --git a/apps/react-app/src/common-app/components/codemirror/codemirror.styles.ts b/apps/react-app/src/common-app/components/codemirror/codemirror.styles.ts
index 90536ba0..3eb7bf5a 100644
--- a/apps/react-app/src/common-app/components/codemirror/codemirror.styles.ts
+++ b/apps/react-app/src/common-app/components/codemirror/codemirror.styles.ts
@@ -13,6 +13,9 @@ export const codeMirrorTheme = EditorView.theme({
   },
   '.cm-scroller': { overflow: 'auto' },
   '.cm-gutterElement': { display: 'none' },
+  '.cm-content': {
+    fontFamily: 'Inter, sans-serif',
+  },
   '.cm content, .cm-gutters,': {
     minHeight: '100%',
     backgroundColor: '#152128',