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

OdairTrujillo · Aug 9, 2023 · 583a27e · 583a27e
1 parent 74eef7c
commit 583a27e
Show file tree

Hide file tree

Showing 3 changed files with 24 additions and 19 deletions.
diff --git 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);
-   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 */
@@ -307,18 +301,18 @@ footer {
 }
 
 .greetings {
+
    width: 80%;
-   height: 80%;
    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) {
@@ -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;
@@ -362,6 +358,10 @@ footer {
    main div > article {
       max-width: 30rem;
    }
+
+   .greetings img {
+      width:9rem;
+   }
 
 }
 
@@ -378,7 +378,7 @@ footer {
 
    main div article {
       width: calc(30% - 2rem);
-
+      
       max-height: 15rem;
       min-height: 15rem;
       min-width: 10rem;
@@ -388,5 +388,9 @@ footer {
    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
@@ -1,7 +1,8 @@
 {{ define "main" }}
-    <main class="index">
-	<div class="greetings">
+    <main>
+       <div class="greetings">
+	  <img src="{{ .Params.homeIcon | absURL }}" alt="Home image"></img>
 	    <p>{{ .Content }}</p>
-	</div>
+       </div>
     </main>
 {{ end }}
diff --git 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" }}
-  <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 }}