ymal-v2

Author: borizSam

_quarto.yml

@@ -3,7 +3,6 @@ project:
 
 title: "RoadMap"
 author: "Boris Ivan Huarachi Perez"
-theme: [minimal]  # Base minimalista, pero se puede personalizar más adelante
 
 website:
   title: "RoadMap"
@@ -13,54 +12,46 @@ website:
         menu:
           - text: "Roadmap"
             href: index.qmd
-          - text: "About"
-            href: about.qmd
       - text: "Cloud Architect"
         menu:
           - text: "Cloud Architect"
             href: arqui.qmd
-
     right:
-      - text: "GitHub"
+      - icon: github
         href: "https://github.com/borizSam"
-        icon: "fab fa-github"  # Icono discreto para GitHub
+        aria-label: "GitHub"
 
-nav:
-  - Home: index.qmd
-  - About: about.qmd
+  page-footer:
+    center:
+      - text: "© 2024 RoadMap · Creado por Boris Ivan Huarachi Perez"
+        href: "#"
 
 format:
   html:
-    theme: minimal  # Mantenemos el tema minimalista como base
-    css: styles.css  # Usamos el archivo CSS personalizado para el estilo DevOps
-    toc: true  # Activamos la tabla de contenido para facilitar la navegación
-    footer: |
-      <div style="text-align: center; font-size: 0.7em; color: #555;">
-        <p>Creado por Boris Ivan Huarachi Perez</p>
-        <p>© 2024 RoadMap</p>
-      </div>  # Pie de página discreto y accesible
-
-# Extra: Scripts para mejorar la funcionalidad y diseño
-extra:
-  - script: "https://kit.fontawesome.com/a076d05399.js"  # Para iconos como el de GitHub
-  - script: "https://cdn.jsdelivr.net/npm/sweetalert2@11"  # Para alertas elegantes si es necesario
+    theme:
+      light: flatly
+      dark: darkly
+    css: styles.css
+    toc: true
+    code-copy: true
+    code-overflow: wrap
 
-# Personalización adicional para SEO y accesibilidad
 metadata:
+  lang: es
   author: "Boris Ivan Huarachi Perez"
-  lang: "es"  # Definir el idioma para mejorar la accesibilidad
 
-# Fuentes personalizadas para mejorar la tipografía
 extra-css:
-  - url: "https://fonts.googleapis.com/css2?family=Roboto:wght@400;500&family=Montserrat:wght@700&display=swap"
+  - "https://fonts.googleapis.com/css2?family=Roboto:wght@400;500&family=Montserrat:wght@700&display=swap"
 
-# Accesibilidad mejorada
-accessibility:
-  skip_to_content: true  # Agregar un enlace para saltar al contenido de la página
-  contrast_mode: true  # Habilitar el modo de alto contraste para mejorar la accesibilidad
+resources:
+  - styles.css
 
-# Colores personalizados para mejorar la estética DevOps
-colors:
-  primary: "#00aaff"  # Azul brillante para los enlaces y botones
-  secondary: "#333333"  # Gris oscuro para el texto general
-  background: "#f4f4f4"  # Fondo claro para una apariencia moderna
+# Scripts externos (opcional si los usas activamente)
+extra-scripts:
+  - "https://kit.fontawesome.com/a076d05399.js"
+  - "https://cdn.jsdelivr.net/npm/sweetalert2@11"
+
+# Accesibilidad
+accessibility:
+  skip_to_content: true
+  contrast_mode: true