Criando o partial postblock.html e usando include
This commit is contained in:
@@ -3,5 +3,9 @@
|
|||||||
|
|
||||||
<h1>{% block texto %}{% endblock texto %}</h1>
|
<h1>{% block texto %}{% endblock texto %}</h1>
|
||||||
|
|
||||||
|
<main class="posts">
|
||||||
|
{% include 'global/partials/postblock.html' %}
|
||||||
|
</main>
|
||||||
|
|
||||||
</body>
|
</body>
|
||||||
</html>
|
</html>
|
||||||
|
|||||||
13
aula207_ola_django/base/global/partials/postblock.html
Normal file
13
aula207_ola_django/base/global/partials/postblock.html
Normal file
@@ -0,0 +1,13 @@
|
|||||||
|
<article class="post">
|
||||||
|
<header>
|
||||||
|
<h2 class="post__title">Lorem ipsum dolor sit amet.</h2>
|
||||||
|
</header>
|
||||||
|
<div class="post__body">
|
||||||
|
Lorem ipsum dolor sit amet consectetur, adipisicing elit. Aperiam doloremque
|
||||||
|
praesentium nam mollitia, recusandae asperiores in corporis ut eius
|
||||||
|
architecto rerum quae adipisci. Animi, repudiandae aut alias neque ab nemo
|
||||||
|
quasi perspiciatis natus odio ad aliquid eos. Illum incidunt perspiciatis
|
||||||
|
autem dolorum maxime, repellat facere, quae assumenda adipisci iure
|
||||||
|
officiis.
|
||||||
|
</div>
|
||||||
|
</article>
|
||||||
@@ -1,5 +1,19 @@
|
|||||||
* {
|
/* Reset */
|
||||||
|
*,
|
||||||
|
*:after,
|
||||||
|
*:before {
|
||||||
margin: 0;
|
margin: 0;
|
||||||
padding: 0;
|
padding: 0;
|
||||||
box-sizing: border-box;
|
box-sizing: border-box;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
html {
|
||||||
|
font-size: 62.5%;
|
||||||
|
}
|
||||||
|
|
||||||
|
body {
|
||||||
|
font-size: 1.6rem;
|
||||||
|
background: #f1f1f1;
|
||||||
|
font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto,
|
||||||
|
Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
|
||||||
|
}
|
||||||
|
|||||||
Reference in New Issue
Block a user