He cambiado la posición de la salamandra al centro en el index.html y he añadido...

diff --git a/themes/droda/assets/css/main.css b/themes/droda/assets/css/main.css
index f11ec18c68c60498145a8475f2e081480f91ec9b..e8f32da326d395df5715acab0084e446ae7d72c0 100644 (file)
--- a/themes/droda/assets/css/main.css
+++ b/themes/droda/assets/css/main.css
@@ -74,7 +74,7 @@ body {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: 5rem 1fr 5rem;
-   grid-template-areas: /* No mostramos el aside en móbiles */
+   grid-template-areas: /* No mostramos el aside en móviles */
       "navbar"
       "main"
       "footer";
@@ -310,6 +310,15 @@ footer {
    margin: 0 auto;
 }
 
+.index {
+   background-color: #242424;
+   background-image: url('../images/salamandra_margin.svg');
+   background-position-x: center;
+   background-position-y: 2rem;
+   background-repeat: no-repeat;
+   background-size: 10rem;
+}
+
 @media screen and (max-width: 480px) {
    body {
       min-width: 25rem;

diff --git a/themes/droda/layouts/index.html b/themes/droda/layouts/index.html
index 3fe3fd717d4dfa74e39fe58a3d9656f18b446b54..e9a6b9b9dd63a65ac18c6f197fa09de5466d5690 100644 (file)
--- a/themes/droda/layouts/index.html
+++ b/themes/droda/layouts/index.html
@@ -1,5 +1,5 @@
 {{ define "main" }}
-    <main>
+    <main class="index">
        <div class="greetings">
            <p>{{ .Content }}</p>
        </div>