<title>{% block title %}{% endblock %}</title>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
+ <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/css/bootstrap.min.css" rel="stylesheet">
+ <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/js/bootstrap.bundle.min.js"></script>
</head>
<body>
+ <div class="container-fluid p-5 bg-primary text-white text-center">
+ <h1><a href="/" class="link-light">Notes</a></h1>
+ </div>
+
{% block content %}{% endblock %}
</body>
</html>
\ No newline at end of file
{% extends "note_base.html" %}
{% load markdownify %}
-{% block title %}{{ note.title }}{% endblock %}
+{% block title %}Notes - {{ note.title }}{% endblock %}
{% block content %}
- <h1>{{ note.title }}</h1>
-
- <div>{{ note.content|linebreaksbr|markdownify }}</div>
-
- <p>Date: {{ note.created_at|date:"Y-m-d H:i" }}</p>
+ <article class="container mt-5">
+ <h2>{{ note.title }}</h2>
+ {{ note.content|linebreaksbr|markdownify }}
+ <p>Date: {{ note.created_at|date:"Y-m-d H:i" }}</p>
+ </article>
{% endblock %}
\ No newline at end of file
{% block title %}Notes{% endblock %}
{% block content %}
- <h1>Notes</h1>
- {% for note in notes %}
+ {% for note in notes %}
+ <article class="container mt-5">
<h2>{{ note.title }}</h2>
<p>ID: {{ note.id }}</p>
<div>{{ note.content|linebreaksbr|markdownify }}</div>
<p>Link: <a href="{{ note.get_absolute_url }}">View</a></p>
<p>Date: {{ note.created_at|date:"Y-m-d H:i" }}</p>
- {% empty %}
- <p>No notes</p>
- {% endfor %}
+ </article>
+ {% empty %}
+ <p>No notes</p>
+ {% endfor %}
-
<p>Number of notes: {{ notes_count }}</p>
+ <p>Number of notes: {{ notes_count }}</p>
{% endblock %}
\ No newline at end of file
git.p6c8.net / pcdenotes.git / commitdiff