First commit
This commit is contained in:
Andros Fenollosa
23
app/website/templates/base.html
Normal file
23
app/website/templates/base.html
Normal file
@ -0,0 +1,23 @@
|
||||
{% load static %}
|
||||
<!doctype html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
|
||||
<title>Example website</title>
|
||||
<link rel="stylesheet" href="{% static 'css/main.css' %}">
|
||||
<script defer src="{% static 'js/index.js' %}"></script>
|
||||
</head>
|
||||
<body
|
||||
data-host="{{ request.get_host }}"
|
||||
data-scheme="{{ request.scheme }}"
|
||||
>
|
||||
<div class="container">
|
||||
<header>
|
||||
<nav id="nav" class="nav">{% include 'components/_nav.html' %}</nav>
|
||||
</header>
|
||||
<main id="main">{% include page %}</main>
|
||||
<footer class="footer">My footer</footer>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
3
app/website/templates/components/_list_of_comments.html
Normal file
3
app/website/templates/components/_list_of_comments.html
Normal file
@ -0,0 +1,3 @@
|
||||
{% for comment in comments %}
|
||||
{% include "components/_single_comment.html" with comment=comment %}
|
||||
{% endfor %}
|
||||
20
app/website/templates/components/_nav.html
Normal file
20
app/website/templates/components/_nav.html
Normal file
@ -0,0 +1,20 @@
|
||||
<ul class="nav__ul">
|
||||
<li>
|
||||
<a
|
||||
href="#"
|
||||
class="nav__link nav__link--page{% if active_nav == "all posts" %} active{% endif %}"
|
||||
data-target="all posts"
|
||||
>
|
||||
All posts
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a
|
||||
href="#"
|
||||
class="nav__link nav__link--page{% if active_nav == "about us" %} active{% endif %}"
|
||||
data-target="about us"
|
||||
>
|
||||
About us
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
5
app/website/templates/components/_single_comment.html
Normal file
5
app/website/templates/components/_single_comment.html
Normal file
@ -0,0 +1,5 @@
|
||||
<article>
|
||||
<h2>{{ comment.author }}</h2>
|
||||
<p>{{ comment.content }}</p>
|
||||
<p>{{ comment.created_at }}</p>
|
||||
</article>
|
||||
@ -0,0 +1,3 @@
|
||||
{% if not is_last_page %}
|
||||
<button class="button" id="paginator" data-next-page="{{ next_page }}">More posts</button>
|
||||
{% endif %}
|
||||
@ -0,0 +1,4 @@
|
||||
<form id="search-form" action="">
|
||||
{{ form.search }}
|
||||
<input class="button" type="submit" value="Search">
|
||||
</form>
|
||||
14
app/website/templates/components/all_posts/list.html
Normal file
14
app/website/templates/components/all_posts/list.html
Normal file
@ -0,0 +1,14 @@
|
||||
{% for post in posts %}
|
||||
<article>
|
||||
<header>
|
||||
<h2>{{ post.title }}</h2>
|
||||
</header>
|
||||
<p>{{ post.summary }}</p>
|
||||
<p>{{ post.author }}</p>
|
||||
<footer>
|
||||
<p>
|
||||
<a class="post-item__link" href="#" data-page="single post" data-id="{{ post.id }}">Read more</a>
|
||||
</p>
|
||||
</footer>
|
||||
</article>
|
||||
{% endfor %}
|
||||
1
app/website/templates/pages/404.html
Normal file
1
app/website/templates/pages/404.html
Normal file
@ -0,0 +1 @@
|
||||
<h1>404</h1>
|
||||
34
app/website/templates/pages/about_us.html
Normal file
34
app/website/templates/pages/about_us.html
Normal file
@ -0,0 +1,34 @@
|
||||
<h1>About us</h1>
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ad animi aut beatae commodi consectetur cumque ipsam iste
|
||||
labore laudantium magni molestiae nobis nulla quod quos tempore totam velit, voluptas voluptates!</p>
|
||||
<p>Cumque distinctio dolor dolorem doloremque labore laborum libero magnam maiores maxime nam numquam obcaecati pariatur perferendis provident quae quia quis, quod, recusandae repudiandae rerum sed similique sunt vel voluptates voluptatum.</p>
|
||||
<p>Consequatur, consequuntur cum dignissimos distinctio doloremque ducimus odit temporibus veniam. Assumenda cumque, deserunt dicta ea eaque enim eveniet, incidunt inventore laboriosam magnam mollitia necessitatibus nobis nulla numquam odit vero voluptate!</p>
|
||||
<p>Accusantium aliquam architecto debitis deleniti dicta, eius enim exercitationem expedita facilis nulla numquam odio quam quis quo temporibus veritatis voluptas voluptate! Culpa cumque deserunt dolore id impedit itaque, maxime necessitatibus.</p>
|
||||
<p>Aspernatur dignissimos dolor enim error esse facere fugit, ipsa iure mollitia nemo optio perspiciatis placeat quae quaerat quisquam recusandae reiciendis reprehenderit sequi sint sit tempora vel veritatis vero voluptatibus voluptatum.</p>
|
||||
<p>Ab atque delectus deserunt dolorem dolores ducimus earum, esse eveniet exercitationem facilis illo in ipsam maxime nemo nesciunt nobis nulla quia quod quos rem sapiente soluta totam ullam unde vel?</p>
|
||||
<p>Aut autem dicta dolorem doloremque dolores eos eum expedita facere facilis illum, inventore laboriosam laudantium magnam mollitia nam non nostrum odit possimus quas, quibusdam quo repudiandae soluta totam velit voluptas.</p>
|
||||
<p>Eaque eos ipsum libero quod recusandae rerum saepe sunt veniam. Accusamus amet, aperiam aspernatur id odit quas quia tempora voluptatum. Autem doloribus ducimus ea esse fugit inventore, nihil quisquam ullam?</p>
|
||||
<p>Atque ducimus ea itaque odio quis quos recusandae ullam! Assumenda culpa, deserunt doloribus ipsa neque quo rerum temporibus veritatis voluptates. Alias aperiam dolorem impedit inventore maiores porro repellendus tempora vitae!</p>
|
||||
<p>Accusamus aliquam amet assumenda at dolorem doloribus ea eaque, earum illo illum in incidunt maiores nesciunt nulla odio quidem, ratione reiciendis sapiente sequi similique sint sunt velit veniam voluptatem voluptatibus?</p>
|
||||
<p>Debitis dolore fugiat ipsum mollitia odit officia provident, quisquam reprehenderit sed voluptates. Aut dicta ea est iure iusto quos tenetur totam! Aliquam culpa facilis ipsa modi, omnis quidem saepe similique.</p>
|
||||
<p>A animi aspernatur autem debitis dicta, dolores ea earum enim eos est fugit illo incidunt iste iure nam nostrum quisquam repellat! Doloremque, iure laboriosam. Beatae esse id iste nemo quod.</p>
|
||||
<p>Ab accusamus aut blanditiis consectetur et harum hic id ipsum labore nemo nihil nostrum nulla numquam porro quo quod rem repudiandae sapiente sed sit tempora, veniam vero, vitae voluptas voluptatum?</p>
|
||||
<p>Accusantium aliquam aliquid amet, asperiores aspernatur assumenda commodi dicta dolor ea eius esse inventore ipsam itaque natus nesciunt nobis nostrum obcaecati, odit optio recusandae rem sit soluta tempore unde velit.</p>
|
||||
<p>Ab accusamus accusantium aut cupiditate delectus deleniti et eveniet excepturi illo incidunt inventore ipsum labore quis similique ut, vel vitae? Beatae eum explicabo itaque iusto mollitia sed soluta velit voluptatibus?</p>
|
||||
<p>Beatae blanditiis consequatur debitis dicta distinctio dolor ducimus ea earum enim iste laborum magni maxime, odio, optio, quia quisquam quo suscipit tempora tempore vel. Labore minima similique unde. Ex, sint.</p>
|
||||
<p>Accusamus aspernatur assumenda cum distinctio ea earum fuga laboriosam necessitatibus odit pariatur quaerat recusandae, sint sit temporibus, tenetur veniam voluptas. At dolores magni repudiandae? Facilis illo magni pariatur rem repellendus.
|
||||
</p>
|
||||
<p>Accusantium animi autem dicta, ducimus eaque eum expedita fugiat fugit harum modi nam neque nesciunt nisi nulla odio, pariatur provident quidem sequi, sunt voluptatem. Animi consequuntur dolor impedit odio sequi?</p>
|
||||
<p>Asperiores corporis cum deleniti dolor dolorem est ex facere illo iusto maxime modi nisi repellendus rerum saepe, sequi totam ut voluptates! Distinctio excepturi, iste nesciunt odit perspiciatis porro quas quasi.</p>
|
||||
<p>A asperiores, cupiditate deserunt dolor doloribus ipsum minima mollitia nemo quis reiciendis! Illum itaque modi molestiae nisi numquam officia ratione, voluptatem. Corporis minima modi numquam odio rem sunt veniam, voluptas?</p>
|
||||
<p>Ad dolorum hic molestias odit officia placeat quas quibusdam, reiciendis voluptatibus. Explicabo, illum inventore molestiae odit recusandae repellat repellendus! Accusamus amet at dolore id, mollitia nihil optio sequi tempora unde.</p>
|
||||
<p> Eveniet excepturi illum nemo non sunt. Accusantium, consequatur, dolorem facere incidunt labore laboriosam neque, non omnis provident quod quos sed velit? Ab animi corporis ex exercitationem ipsam nam quae tenetur.</p>
|
||||
<p> Asperiores cumque ex fuga fugit similique, ut voluptate. Aliquid aspernatur at aut culpa explicabo fugit necessitatibus nemo nihil, non! Adipisci animi illum ipsa laboriosam nihil nobis reiciendis, repellendus unde ut.</p>
|
||||
<p>Aperiam assumenda aut beatae, cumque delectus dolores eius, facere laboriosam laudantium libero nam odio optio repellat suscipit veniam! A adipisci amet autem earum perspiciatis quae reprehenderit soluta unde vel voluptates?</p>
|
||||
<p>Accusamus adipisci alias asperiores commodi consectetur consequatur consequuntur dignissimos dolore earum et eum, ex hic id inventore laboriosam nesciunt officia officiis optio pariatur quisquam recusandae repudiandae saepe sequi totam ullam.</p>
|
||||
<p>Ab accusamus adipisci architecto asperiores blanditiis deleniti, dignissimos earum ex explicabo facilis fuga inventore iste iure laborum magnam obcaecati officia officiis perspiciatis provident quas repellat ullam voluptas voluptatem. Atque, pariatur.</p>
|
||||
<p>Animi at, cupiditate debitis dolores eaque excepturi illo impedit inventore ipsa libero magni minima natus nemo numquam officia possimus quam quis reiciendis sapiente sequi sunt suscipit velit veniam vitae voluptatem.</p>
|
||||
<p>Ab dolorum esse ipsam officia possimus repellat? Aliquid impedit nisi quae quas repellendus veniam. Molestiae quisquam, sapiente? Nesciunt quae reprehenderit similique soluta voluptatibus voluptatum! Adipisci dolor est iusto necessitatibus veniam?</p>
|
||||
<p> Commodi dolorum laudantium nemo omnis provident sunt ut! Distinctio, doloremque vitae? Alias aliquam deserunt dignissimos eaque et facere hic ipsam modi neque nisi numquam provident quas quisquam reiciendis sed, vitae.</p>
|
||||
<p>A ad blanditiis corporis eius, est facere in ipsa laudantium libero necessitatibus nisi rerum suscipit veniam! Doloremque, facere, possimus? Excepturi in minima modi nobis, non repudiandae sapiente unde. Aspernatur, molestiae.
|
||||
</p>
|
||||
20
app/website/templates/pages/all_posts.html
Normal file
20
app/website/templates/pages/all_posts.html
Normal file
@ -0,0 +1,20 @@
|
||||
<h1>All posts</h1>
|
||||
<hr>
|
||||
{# Search #}
|
||||
<section id="form-search">
|
||||
{% include "components/all_posts/form_search.html" %}
|
||||
</section>
|
||||
{# End search #}
|
||||
<hr>
|
||||
<section>
|
||||
{# List posts #}
|
||||
<div id="all-posts">
|
||||
{% include "components/all_posts/list.html" %}
|
||||
</div>
|
||||
{# End list posts #}
|
||||
{# Paginator #}
|
||||
<div id="paginator">
|
||||
{% include "components/all_posts/_button_paginator.html" %}
|
||||
</div>
|
||||
{# End paginator #}
|
||||
</section>
|
||||
27
app/website/templates/pages/single_post.html
Normal file
27
app/website/templates/pages/single_post.html
Normal file
@ -0,0 +1,27 @@
|
||||
<section>
|
||||
{# Post #}
|
||||
<article>
|
||||
<header>
|
||||
<h1>{{ post.title }}</h1>
|
||||
</header>
|
||||
<div>{{ post.content }}</div>
|
||||
<footer>
|
||||
<p>{{ post.author }}</p>
|
||||
</footer>
|
||||
</article>
|
||||
{# End post #}
|
||||
|
||||
{# Comments #}
|
||||
<div id="comments">
|
||||
<h2>Comments</h2>
|
||||
<form id="comment-form" action="" data-post-id="{{ post.id }}">
|
||||
{{ form.author }}
|
||||
{{ form.content }}
|
||||
<input class="button" type="submit" value="Add">
|
||||
</form>
|
||||
<div id="list-of-comments">
|
||||
{% include "components/_list_of_comments.html" %}
|
||||
</div>
|
||||
</div>
|
||||
{# End comments #}
|
||||
</section>
|
||||
Reference in New Issue
Block a user