Merge pull request #12 from RicardoJunior88/navbar-style

Poniendo estilos al navbar

diff --git a/content/about/team.md b/content/about/team.md
index ae4298635fe5484e46e8f050d8d78e60a30ef789..51b45a6091fb72ea5b81b612c5a85d0a2f40fa01 100644 (file)
--- a/content/about/team.md
+++ b/content/about/team.md
@@ -14,6 +14,6 @@ Conoce a nuestros desarrolladores, justo donde podrías estar tu.
 | Odair Trujillo | Desarrollador web y blockchain | Elevado    | ![Odair](odair.jpg)     |
 | Eugenio Llanos | Analista de datos, backend dev | Elevado    | ![Eugenio](eugenio.jpg) |
 | Nicolás Llanos | Desarrollador backend, bot dev | Intermedio | ![Nicolás](nicolas.jpg) |
-| Nicolás Llanos | Desarrollador backend, bot dev | Intermedio | ![Ricardo](ricardo.jpg) |
+| Ricardo García | Desarrollador frontend         | Principiante | ![Ricardo](ricardo.jpg) |
 
 

diff --git a/themes/droda/assets/css/main.css b/themes/droda/assets/css/main.css
index b300de9796c52f86823d6d40406f44368bc348ce..96e69c85478feac8bc88b04b2777ab0883438f16 100644 (file)
--- a/themes/droda/assets/css/main.css
+++ b/themes/droda/assets/css/main.css
@@ -13,6 +13,8 @@
 
 * {
    box-sizing: border-box;
+   margin: 0;
+   padding: 0;
 }
 
 :root {
@@ -21,6 +23,7 @@
    --bgColorLightDark: #4f5864;
    --bgColorLight: #D2D2D2;
    --globalScale: 1;
+   
 }
 
 h1 {
@@ -99,15 +102,42 @@ aside .item {
 
 nav {
    grid-area: navbar;
+   background-color: var(--bgColorLightDark);
+   width: 100%;
+}
+
+nav ul {
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
-   justify-content: space-between;
+   justify-content: flex-start;
+   list-style-type: none;
    width: 100%;
-   padding: 0 2rem;
-   background-color: var(--bgColorLightDark);
+   height: 100%;
+   margin: 0;
+   padding: 0;
+   overflow: hidden;
+   background-color: #333;
 }
 
+nav li {
+   display: flex;
+   align-items: center;
+   height: 100%;
+ }
+ 
+nav a {
+   display: block;
+   color: white;
+   text-align: center;
+   padding: 14px 16px;
+   text-decoration: none;
+ }
+ 
+ nav li:hover {
+   background-color: #111;
+ }
+
 main {
    grid-area: main;
    padding: 2rem;

diff --git a/themes/droda/layouts/partials/navbar.html b/themes/droda/layouts/partials/navbar.html
index f7252034bf052c09990dc8d469f17174f70606d9..c59a444d4ada02c8fd1bd178afb11acd2fafd2fb 100644 (file)
--- a/themes/droda/layouts/partials/navbar.html
+++ b/themes/droda/layouts/partials/navbar.html
@@ -1,9 +1,11 @@
 {{ "<!-- Partial block for navbar -->" | safeHTML }}
 <nav>
+  <ul>
   {{ with .Site.GetPage "home" }}
-  <a href="{{ .Permalink }}">{{ .Title }}</a>
+  <li><a href="{{ .Permalink }}">{{ .Title }}</a></li>
   {{ end }}
   {{ range .Site.Sections }}
-  <a href="{{ .Permalink }}">{{ .Title }}</a>
+  <li><a href="{{ .Permalink }}">{{ .Title }}</a></li>
   {{ end }}
+  </ul>
 </nav>