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 01/29] 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 02/29] 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 03/29] 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 04/29] 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 05/29] 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 06/29] 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 07/29] 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 08/29] 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 09/29] 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 10/29] 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 11/29] 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 12/29] 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 13/29] 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 14/29] 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 15/29] 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 16/29] 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 17/29] 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 18/29] 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 19/29] 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 20/29] 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 21/29] 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 22/29] 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 23/29] 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 24/29] 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 25/29] 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 26/29] 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 8ed378ed8c7dfba1f0c7071cdebe85742ec93a5b Mon Sep 17 00:00:00 2001
From: juanpms2 <juanpablo@lemoncode.net>
Date: Fri, 3 Nov 2023 12:16:41 +0100
Subject: [PATCH 27/29] 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 28/29] 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 29/29] 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;