Update day 16

Signed-off-by: Manuel Vergara <manuel@vergaracarmona.es>

python-total/dia_16/mi_web/src/proyecto/base/templates/base/principal.html

@@ -21,7 +21,7 @@
                 background-color: #E1DFDE;
                 -webkit-box-shadow: 2px 2px 13px -4px rgba(0,0,0,0.21);
                 box-shadow:  2px 2px 13px -4px rgba(0,0,0,0.21);
-                padding: 30px;
+                border-radius: 10px 10px 0 0;
             }
 
             h1,h2,h3,h4,h5,h6 {
@@ -34,6 +34,19 @@
                 color: #996E66;
             }
 
+            .barra_superior {
+                display: flex;
+                justify-content: space-between;
+                color: #fff;
+                padding: 10px;
+                border-radius: 10px 10px 0 0;
+                background: linear-gradient(90deg, #1e7dcb 0%, #547482 65%, #77c2e2 100%);
+            }
+
+            .barra_superior a {
+                color: #fff;
+            }
+
         </style>
 
     </head>

python-total/dia_16/mi_web/src/proyecto/base/templates/base/tarea_list.html

@@ -2,17 +2,26 @@
 
 {% block content %}
 
-{% if request.user.is_authenticated %}
+<div class="barra_superior">
+    <div>
+        <h1>Hola {{request.user|title}}</h1>
+        <h3 style="margin:0">Tienes <i>{{count}}</i> tarea{{count|pluralize}} incompleta{{count|pluralize}}</h3>
+    </div>
+
+    {% if request.user.is_authenticated %}
     <p>
         {{request.user}}
     </p>
+
     <a href="{% url 'logout' %}">Salir</a>
 
-{% else %}
+    {% else %}
 
     <a href="{% url 'login' %}">Iniciar sesión</a>
 
-{% endif %}
+    {% endif %}
+
+</div>
 
 <hr>