segunda-feira

templates/_layout1.html

@@ -0,0 +1,66 @@
+out1.html
+{# 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 
+{% 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' %}">
+{% 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>
+{% endblock %}
+
+{% block main %}
+    <div class="container">
+    {% block content %} 
+        <p>Conteúdo padrão...</p>
+    {% endblock content %}
+    </div>
+{% endblock %}
+
+{% block footer %}
+    <footer class="footer">
+    <div class="container">
+        <span class="text-muted">Rodapé...</span>
+    </div>
+    </footer>
+{% endblock %}
+
+{% block javascript %}
+    {# Bootstrap JavaScript #}
+    <script 
+        src="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/js/bootstrap.bundle.min.js">
+    </script>
+
+    {# JS do Projeto #}
+    <script src="{% static 'js/base.js' %}"></script>
+{% endblock %}