Quitando clase index y añadiendo elemento img para la salamandra

diff --git a/themes/droda/assets/css/main.css b/themes/droda/assets/css/main.css
index 6c684274ac0da4eba81e40293aad1ea83c33e603..75c4ef2032bd3b50ad1b7144c3ba9f7326b3ac5c 100644 (file)
--- a/themes/droda/assets/css/main.css
+++ b/themes/droda/assets/css/main.css
@@ -212,12 +212,6 @@ main {
    grid-area: main;
    padding: 2rem;
    background-color: var(--bgColorMidDark);
    grid-area: main;
    padding: 2rem;
    background-color: var(--bgColorMidDark);

-   background-image: url('../images/salamandra_margin.svg');
-   background-size: 10rem;
-   background-position-x: right;
-   background-position-y: bottom;
-   background-repeat: no-repeat;
-   overflow-y: auto;

 }
 
 /* Regla que aplica solo a firefox */
 }
 
 /* Regla que aplica solo a firefox */


@@ -307,18 +301,18 @@ footer {
 }
 
 .greetings {
 }
 
 .greetings {

+   

    width: 80%;
    width: 80%;

-   height: 80%;

    margin: 0 auto;
 }
 
    margin: 0 auto;
 }
 

-.index {
-   background-color: var(--bgColorMidDark);
-   background-image: url('../images/salamandra_margin.svg');
-   background-position-x: center;
-   background-position-y: 2rem;
-   background-repeat: no-repeat;
-   background-size: var(--backgroundImageSize);
+.greetings img {
+   width: 8rem;
+   margin: 0 auto;
+}
+
+.greetings p {
+   padding-top: 3rem;

 }
 
 @media screen and (max-width: 480px) {
 }
 
 @media screen and (max-width: 480px) {


@@ -330,6 +324,8 @@ footer {
    }
 }
 
    }
 }
 

+/* Los media query aplican a partir de este temaño hacia arriba.
+   Recordemos que estamos aplicando filosofía de móviles primero */

 @media screen and (min-width: 840px) {
    :root {
       --globalScale: 1.5;
 @media screen and (min-width: 840px) {
    :root {
       --globalScale: 1.5;


@@ -362,6 +358,10 @@ footer {
    main div > article {
       max-width: 30rem;
    }
    main div > article {
       max-width: 30rem;
    }

+
+   .greetings img {
+      width:9rem;
+   }

    
 }
 
    
 }
 


@@ -378,7 +378,7 @@ footer {
 
    main div article {
       width: calc(30% - 2rem);
 
    main div article {
       width: calc(30% - 2rem);

-   
+      

       max-height: 15rem;
       min-height: 15rem;
       min-width: 10rem;
       max-height: 15rem;
       min-height: 15rem;
       min-width: 10rem;


@@ -388,5 +388,9 @@ footer {
    main div article p, a{
       font-size: 1rem;
    }
    main div article p, a{
       font-size: 1rem;
    }

+
+   .greetings img {
+      width:10rem;
+   }

 }
 
 }
 

diff --git a/themes/droda/layouts/index.html b/themes/droda/layouts/index.html
index e9a6b9b9dd63a65ac18c6f197fa09de5466d5690..b95773c16f7b5d108bbd56ee14ab5db07cafa5b4 100644 (file)
--- a/themes/droda/layouts/index.html
+++ b/themes/droda/layouts/index.html
@@ -1,7 +1,8 @@
 {{ define "main" }}
 {{ define "main" }}

-    <main class="index">
-       <div class="greetings">
+    <main>
+       <div class="greetings">
+         <img src="{{ .Params.homeIcon | absURL }}" alt="Home image"></img>

            <p>{{ .Content }}</p>
            <p>{{ .Content }}</p>

-       </div>
+       </div>

     </main>
 {{ end }}
     </main>
 {{ end }}

diff --git a/themes/droda/layouts/partials/navbar.html b/themes/droda/layouts/partials/navbar.html
index d9f98226005232c8c3934bc0c8a84535d69c73b6..e8b9a436340c94336b594ace40c43e93c3b3fd76 100644 (file)
--- a/themes/droda/layouts/partials/navbar.html
+++ b/themes/droda/layouts/partials/navbar.html
@@ -1,7 +1,7 @@
 {{ "<!-- Partial block for navbar -->" | safeHTML }}
 <nav>
   {{ with .Site.GetPage "home" }}
 {{ "<!-- Partial block for navbar -->" | safeHTML }}
 <nav>
   {{ with .Site.GetPage "home" }}

-  <div><img src="{{ .Params.homeIcon | absURL }}" alt=""><a class="nav-items" href="{{ .Permalink }}">{{ .Title }}</a></div>
+  <div><img src="{{ .Params.homeIcon | absURL }}" alt="Home icon"><a class="nav-items" href="{{ .Permalink }}">{{ .Title }}</a></div>

   {{ end }}
   <ul>
   {{ range .Site.Sections }}
   {{ end }}
   <ul>
   {{ range .Site.Sections }}