diff --git a/package.json b/package.json index df82251..6380824 100644 --- a/package.json +++ b/package.json @@ -1,7 +1,7 @@ { "name": "websostenible", "type": "module", - "version": "0.2.2", + "version": "0.2.3", "scripts": { "dev": "astro dev", "devhost": "astro dev --host", diff --git a/src/layouts/PostStyle.astro b/src/layouts/PostStyle.astro index 410e865..d85a317 100644 --- a/src/layouts/PostStyle.astro +++ b/src/layouts/PostStyle.astro @@ -1,8 +1,8 @@ --- // src/layouts/PostLayout.astro -import RelatedPosts from '../components/PostsRelacionados.astro'; // Componente para posts relacionados -import Navbar from '../components/Navbar.astro'; -import Footer from '../components/Footer.astro'; +import RelatedPosts from "../components/PostsRelacionados.astro"; // Componente para posts relacionados +import Navbar from "../components/Navbar.astro"; +import Footer from "../components/Footer.astro"; const { frontmatter } = Astro.props; @@ -18,227 +18,322 @@ const linkedinShareUrl = `https://www.linkedin.com/shareArticle?mini=true&url=${ --- - - - - {frontmatter.titulo} - Ecobjetivos - - - - - - - - - - + + + + {frontmatter.titulo} - Ecobjetivos + + + - - - - - - + + + + + + - - + + + + + + - - - - - - + .table-of-contents a { + color: #495057; + text-decoration: none; + display: block; + border-radius: 5px; + transition: all 0.2s ease; + font-size: 0.9rem; + position: relative; + } -
-
-

{frontmatter.titulo}

-
-
+ .table-of-contents a:hover { + color: #4caf50; + background-color: #e8f5e9; + padding-left: 0.6rem; + } -
-
-
-
- -
+ /* Estilos para la indentación visual */ + .toc-level-2 { + padding-left: 1.1rem; + } + .toc-level-3 { + padding-left: 2.1rem; + } + .toc-level-4 { + padding-left: 3.1rem; + } + .toc-level-5 { + padding-left: 4.1rem; + } + .toc-level-6 { + padding-left: 5.1rem; + } + + /* Líneas verticales para la indentación */ + .toc-level-2, + .toc-level-3, + .toc-level-4, + .toc-level-5, + .toc-level-6 { + border-left: 2px solid #e9ecef; + margin-left: 0.5rem; + } + html { + scroll-padding-top: 70px; /* Ajusta este valor según la altura de tu navbar */ + } + img { + max-width: 100%; + height: auto; + } + + + + + +
+
+

{frontmatter.titulo}

-
-
+ +
+
+
+
+ +
+
+
+
-
-
-

- {new Date(frontmatter.fecha).toLocaleDateString('es-ES', {year: 'numeric', month: 'long', day: 'numeric'})} -  |  - {frontmatter.autor} - {frontmatter.lastModified && ( - <> |  - Última actualización: {new Date(frontmatter.lastModified).toLocaleDateString('es-ES', {year: 'numeric', month: 'long', day: 'numeric'})} - )} -

+
+
+

+ + { + new Date( + frontmatter.fecha, + ).toLocaleDateString("es-ES", { + year: "numeric", + month: "long", + day: "numeric", + }) + } +  |  + + {frontmatter.autor} + { + frontmatter.lastModified && ( + <> +  |  + Última + actualización:{" "} + {new Date( + frontmatter.lastModified, + ).toLocaleDateString("es-ES", { + year: "numeric", + month: "long", + day: "numeric", + })} + + ) + } +

+
-
-
-
-
Compartir
- - - +
+
+
Compartir
+ + + +
-
- + +
-
- -
+ +
-