Extende layout base para view receita

brnocesar · Nov 7, 2020 · 9a13d7a · 9a13d7a
1 parent 136f8d5
commit 9a13d7a
Show file tree

Hide file tree

Showing 2 changed files with 24 additions and 57 deletions.
diff --git a/apps/receitas/templates/index.html b/apps/receitas/templates/index.html
@@ -159,7 +159,7 @@ <h5>Nome da receita</h5>
                     </div>
                     <!-- Footer Logo -->
                     <div class="footer-logo">
-                        <a href="{% url 'index' %}"><img src="{% static 'img/core-img/logo.png' $}" alt=""></a>
+                        <a href="{% url 'index' %}"><img src="{% static 'img/core-img/logo.png' %}" alt=""></a>
                     </div>
                 </div>
             </div>

diff --git a/apps/receitas/templates/receita.html b/apps/receitas/templates/receita.html
@@ -1,29 +1,10 @@
-<!DOCTYPE html>
-<html lang="en">
-
-<head>
-    <meta charset="UTF-8">
-    <meta name="description" content="">
-    <meta http-equiv="X-UA-Compatible" content="IE=edge">
-    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
-    <!-- The above 4 meta tags *must* come first in the head; any other head content must come *after* these tags -->
-
-    <!-- Title -->
-    <title>Alura Receitas</title>
-
-    <!-- Favicon -->
-    <link rel="icon" href="img/core-img/favicon.ico">
-
-    <!-- Core Stylesheet -->
-    <link rel="stylesheet" href="site.css">
-
-</head>
-
-<body>
+{% extends 'base.html' %}
+{% load static %}
+{% block content %}
     <!-- Preloader -->
     <div id="preloader">
         <i class="circle-preloader"></i>
-        <img src="img/core-img/hamburger.png" alt="">
+        <img src="{% static 'img/core-img/hamburger.png' %}" alt="">
     </div>
 
     <!-- Search Wrapper -->
@@ -82,7 +63,7 @@
                     <nav class="classy-navbar justify-content-between" id="deliciousNav">
 
                         <!-- Logo -->
-                        <a class="nav-brand" href="index.html"><img src="img/core-img/logo.png" alt=""></a>
+                        <a class="nav-brand" href="{% url 'index' %}"><img src="{% static 'img/core-img/logo.png' %}" alt=""></a>
 
                         <!-- Navbar Toggler -->
                         <div class="classy-navbar-toggler">
@@ -100,8 +81,8 @@
                             <!-- Nav Start -->
                             <div class="classynav">
                                 <ul>
-                                    <li><a href="index.html">Home</a></li>
-                                    <li><a href="receita.html">Receitas</a></li>
+                                    <li><a href="{% url 'index' %}">Home</a></li>
+                                    <li><a href="{% url 'receita' %}">Receitas</a></li>
                                 </ul>
 
                                 <!-- Newsletter Form -->
@@ -144,7 +125,7 @@
             <div class="row">
                 <div class="col-12">
                     <div class="receipe-slider owl-carousel">
-                        <img src="img/bg-img/tomate_banner.jpg">
+                        <img src="{% static 'img/bg-img/tomate_banner.jpg' %}">
                     </div>
                 </div>
             </div>
@@ -191,35 +172,21 @@ <h4>Ingredientees</h4>
 
     <!-- ##### Footer Area Start ##### -->
     <footer class="footer-area">
-            <div class="container h-100">
-                <div class="row h-100">
-                    <div class="col-12 h-100 d-flex flex-wrap align-items-center justify-content-between">
-                        <!-- Footer Social Info -->
-                        <div class="footer-social-info text-right">
-                            <a href="#"><i class="fa fa-facebook" aria-hidden="true"></i></a>
-                            <a href="#"><i class="fa fa-twitter" aria-hidden="true"></i></a>
-                        </div>
-                        <!-- Footer Logo -->
-                        <div class="footer-logo">
-                            <a href="index.html"><img src="img/core-img/logo.png" alt=""></a>
-                        </div>
+        <div class="container h-100">
+            <div class="row h-100">
+                <div class="col-12 h-100 d-flex flex-wrap align-items-center justify-content-between">
+                    <!-- Footer Social Info -->
+                    <div class="footer-social-info text-right">
+                        <a href="#"><i class="fa fa-facebook" aria-hidden="true"></i></a>
+                        <a href="#"><i class="fa fa-twitter" aria-hidden="true"></i></a>
+                    </div>
+                    <!-- Footer Logo -->
+                    <div class="footer-logo">
+                        <a href="{% url 'index' %}"><img src="{% static 'img/core-img/logo.png' %}" alt=""></a>
                     </div>
                 </div>
             </div>
-        </footer>
-        <!-- ##### Footer Area Start ##### -->
-
-    <!-- ##### All Javascript Files ##### -->
-    <!-- jQuery-2.2.4 js -->
-    <script src="js/jquery/jquery-2.2.4.min.js"></script>
-    <!-- Popper js -->
-    <script src="js/bootstrap/popper.min.js"></script>
-    <!-- Bootstrap js -->
-    <script src="js/bootstrap/bootstrap.min.js"></script>
-    <!-- All Plugins js -->
-    <script src="js/plugins/plugins.js"></script>
-    <!-- Active js -->
-    <script src="js/active.js"></script>
-</body>
-
-</html>
+        </div>
+    </footer>
+    <!-- ##### Footer Area Start ##### -->
+{% endblock %}