sexta parte 2

templates/_layout1.html

@@ -1,65 +1,65 @@
-{# Curso Django Framework do Zero: https://www.youtube.com/playlist?list=PLFOqHo8oIjzewcT23HCxJV0xWO451CTJe #}
-{% extends '_base.html' %} {# herda tudo que já tem em _base.html #}
-{% load static %}  {# carrega o módulo static para fornecer arquivos estáticos #}
-
-{# 
-       cada bloco abaixo como o mesmo nome terá o conteúdo
-        substituído em _base.html, se não existir aqui,  permanecerá 
-         com o mesmo conteúdo original herdado de _base.html
-#}
-{% block head_title %} 
-    Django Framework 
+{% extends '_base.html' %} <!-- herda tudo que já tem em _base.html -->
+{% load static %}
+<!--
+cada bloco abaixo como o mesmo nome terá o conteúdo
+substituído em _base.html, se não existir aqui, permanecerá
+com o mesmo conteúdo original herdado de _base.html
+-->
+{% block head_title %}
+    Django Framework
 {% endblock %}
 
-{% block css %} 
-      {# Bootstrap CSS #}
-     <link
-              rel="stylesheet"
-              href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/css/bootstrap.min.css">
-
-      {# CSS do Projeto #}
-      {# o comando "static" traduz para o caminho correto para os arquivos estáticos #}
-      <link rel="stylesheet" href="{% static 'css/base.css' %}">
+{% block css %}
+<!-- Bootstrap CSS -->
+<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css">
+<!-- CSS do Projeto-->
+<link rel="stylesheet" href="{% static 'css/base.css' %}">
 {% endblock %}
 
-
 {% block header %}
-<div class="container">
-    <header class="d-flex flex-wrap justify-content-center py-3 mb-4 border-bottom">
-      <a href="{% url 'index' %}" class="d-flex align-items-center mb-3 mb-md-0 me-md-auto link-body-emphasis text-decoration-none">
-        <span class="fs-4">Django do Zero</span>
-      </a>
-      <ul class="nav nav-pills">
-        <li class="nav-item">
-            <a href="{% url 'ola' %}" class="nav-link px-2 link-dark">Sobre</a>
-        </li>
-      </ul>
-    </header>
-</div>
+<main role="main">
+    <div class="d-flex flex-column flex-md-row align-items-center p-3 px-md-4 mb-3
+bg-white border-bottom shadow-sm">
+        <h5 class="my-0 mr-md-auto font-weight-normal">
+            <a href="{% url 'index' %}">Django</a>
+        </h5>
+        <a class="p-2 text-dark" href="{% url 'polls_all' %}">Perguntas</a>
+        <a class="p-2 text-dark" href="{% url 'about_page' %}">Sobre</a>
+        {% if user.is_authenticated %}
+            <a class="p-2 text-dark" href="{% url 'account_edit' pk=user.pk %}">Minha conta</a>
+            <a class="p-2 text-dark" href="{% url 'logout' %}">Sair</a>
+        {% else %}
+            <a class="p-2 text-dark" href="{% url 'signup' %}">Cadastrar</a>
+            <a class="p-2 text-dark" href="{% url 'login' %}">Acessar</a> 
+        {% endif %}
+
+    </div>
+</main>
 {% endblock %}
 
 {% block main %}
-    <div class="container">
-    {% block content %} 
-        <p>Conteúdo padrão...</p>
+<div class="container">
+    {% include 'messages.html' %}
+    {% block content %}
+    <p>Conteúdo padrão...</p>
     {% endblock content %}
-    </div>
+</div>
 {% endblock %}
 
 {% block footer %}
-    <footer class="footer">
+<footer class="footer">
     <div class="container">
         <span class="text-muted">Rodapé...</span>
     </div>
-    </footer>
+</footer>
 {% endblock %}
 
 {% block javascript %}
-    {# Bootstrap JavaScript #}
-    <script 
-        src="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/js/bootstrap.bundle.min.js">
-    </script>
+<!-- Bootstrap JavaScript -->
+<script src="https://code.jquery.com/jquery-3.4.1.slim.min.js"></script>
+<script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.0/dist/umd/popper.min.js"></script>
+<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/js/bootstrap.min.js"></script>
 
-    {# JS do Projeto #}
-    <script src="{% static 'js/base.js' %}"></script>
+<!-- JS do Projeto -->
+<script src="{% static 'js/base.js' %}"></script>
 {% endblock %}