From 8eb869b958fd033ecc1832e7b874a1cff3c7abfc Mon Sep 17 00:00:00 2001
From: "jp.dev" <dev_fzn@protonmail.ch>
Date: Mon, 23 Nov 2020 16:46:10 -0300
Subject: [PATCH] estilo categorias, correcion navbar

---
 .../templates/ProyectoWebApp/base.html               |  8 ++++----
 ProyectoWeb/blog/templates/blog/blog.html            | 12 +++++-------
 ProyectoWeb/blog/templates/blog/categorias.html      | 12 +++++-------
 3 files changed, 14 insertions(+), 18 deletions(-)

diff --git a/ProyectoWeb/ProyectoWebApp/templates/ProyectoWebApp/base.html b/ProyectoWeb/ProyectoWebApp/templates/ProyectoWebApp/base.html
index d166e5f..98d044b 100644
--- a/ProyectoWeb/ProyectoWebApp/templates/ProyectoWebApp/base.html
+++ b/ProyectoWeb/ProyectoWebApp/templates/ProyectoWebApp/base.html
@@ -37,16 +37,16 @@
           <li class="nav-item {% if request.path == '/' %}active{% endif %} px-lg-4">
             <a class="nav-link text-uppercase text-expanded" href="{% url 'Inicio' %}">Inicio</a>
           </li>
-          <li class="nav-item {% if request.path == '/servicios' %}active{% endif %} px-lg-4">
+          <li class="nav-item {% if request.path == '/servicios/' %}active{% endif %} px-lg-4">
             <a class="nav-link text-uppercase text-expanded" href="{% url 'Servicios' %}">Servicios</a>
           </li>
-          <li class="nav-item {% if request.path == '/tienda' %}active{% endif %} px-lg-4">
+          <li class="nav-item {% if request.path == '/tienda/' %}active{% endif %} px-lg-4">
             <a class="nav-link text-uppercase text-expanded" href="{% url 'Tienda' %}">Tienda</a>
           </li>
-          <li class="nav-item {% if request.path == '/contacto' %}active{% endif %} px-lg-4">
+          <li class="nav-item {% if request.path == '/contacto/' %}active{% endif %} px-lg-4">
             <a class="nav-link text-uppercase text-expanded" href="{% url 'Contacto' %}">Contacto</a>
           </li>
-          <li class="nav-item {% if request.path == '/blog' %}active{% endif %} px-lg-4">
+          <li class="nav-item {% if request.path|slice:':6' == '/blog/' %}active{% endif %} px-lg-4">
             <a class="nav-link text-uppercase text-expanded" href="{% url 'Blog' %}">Blog</a>
           </li>
          
diff --git a/ProyectoWeb/blog/templates/blog/blog.html b/ProyectoWeb/blog/templates/blog/blog.html
index cffaa10..2ee9f9d 100644
--- a/ProyectoWeb/blog/templates/blog/blog.html
+++ b/ProyectoWeb/blog/templates/blog/blog.html
@@ -28,18 +28,16 @@
     {% endfor %}
     
       <section>
-        <div style="width:60%; background-color:Tomato; margin:auto; text-align:center;">
-            Categorías : 
-            
+        <div style="width:60%; margin:auto; text-align:center;">
+            <p style="color: white;">Categorías :
               {% for entrada in entradas %}
-              
                 {% for categoria in entrada.categorias.all %}
                 
-                  {{categoria.nombre}} &nbsp;&nbsp;&nbsp;
+                  <a href="{% url 'categoria' categoria.id %}" class="link">{{categoria.nombre}}</a>&nbsp;&nbsp;&nbsp;
                   
                 {% endfor %} 
-                 
-              {% endfor %}  
+              {% endfor %}
+            </p>  
         </div>
      </section>
     
diff --git a/ProyectoWeb/blog/templates/blog/categorias.html b/ProyectoWeb/blog/templates/blog/categorias.html
index cffaa10..2ee9f9d 100644
--- a/ProyectoWeb/blog/templates/blog/categorias.html
+++ b/ProyectoWeb/blog/templates/blog/categorias.html
@@ -28,18 +28,16 @@
     {% endfor %}
     
       <section>
-        <div style="width:60%; background-color:Tomato; margin:auto; text-align:center;">
-            Categorías : 
-            
+        <div style="width:60%; margin:auto; text-align:center;">
+            <p style="color: white;">Categorías :
               {% for entrada in entradas %}
-              
                 {% for categoria in entrada.categorias.all %}
                 
-                  {{categoria.nombre}} &nbsp;&nbsp;&nbsp;
+                  <a href="{% url 'categoria' categoria.id %}" class="link">{{categoria.nombre}}</a>&nbsp;&nbsp;&nbsp;
                   
                 {% endfor %} 
-                 
-              {% endfor %}  
+              {% endfor %}
+            </p>  
         </div>
      </section>