]> git.p6c8.net - pcdenotes.git/commitdiff
git.p6c8.net / pcdenotes.git / commitdiff
? search:
summary | shortlog | log | commit | commitdiff | tree
raw | patch | inline | side by side (from parent 1: f253eb8)
Added basic bootstrap layout
authorPatrick Canterino <patrick@patrick-canterino.de>
Sun, 23 Jan 2022 14:04:54 +0000 (15:04 +0100)
committerPatrick Canterino <patrick@patrick-canterino.de>
Sun, 23 Jan 2022 14:04:54 +0000 (15:04 +0100)
notes/templates/note_base.html patch | blob | history
notes/templates/note_detail.html patch | blob | history
notes/templates/note_list.html patch | blob | history

diff --git a/notes/templates/note_base.html b/notes/templates/note_base.html
index 93f3dc7a36999ae9d3b83868cfbf20edd79aba82..d85e8752c5d55709a9334b525a41fe63d06c3c44 100644 (file)
--- a/notes/templates/note_base.html
+++ b/notes/templates/note_base.html
@@ -6,9 +6,15 @@
   <title>{% block title %}{% endblock %}</title>
   <meta charset="UTF-8" />
   <meta name="viewport" content="width=device-width, initial-scale=1.0" />
   <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>
 
 </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
 {% block content %}{% endblock %}
 </body>
 </html>
\ No newline at end of file
diff --git a/notes/templates/note_detail.html b/notes/templates/note_detail.html
index 1fdfae99d044468a6c2a2bca6610bad72ff6f975..f760e4b330e16d5e5d078e93ec85f1a1cd4d8a11 100644 (file)
--- a/notes/templates/note_detail.html
+++ b/notes/templates/note_detail.html
@@ -1,12 +1,12 @@
 {% extends "note_base.html" %}
 {% load markdownify %}
 
 {% extends "note_base.html" %}
 {% load markdownify %}
 
-{% block title %}{{ note.title }}{% endblock %}
+{% block title %}Notes - {{ note.title }}{% endblock %}
 
 {% block content %}
 
 {% 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
 {% endblock %}
\ No newline at end of file
diff --git a/notes/templates/note_list.html b/notes/templates/note_list.html
index 9f1554c1f2446c77b9fe9e7461858a5aedf95de4..e996fb251595e36ffdd3185e62022096d6183424 100644 (file)
--- a/notes/templates/note_list.html
+++ b/notes/templates/note_list.html
@@ -4,16 +4,17 @@
 {% block title %}Notes{% endblock %}
 
 {% block content %}
 {% 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>
     <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
 {% endblock %}
\ No newline at end of file
Minimalistic Django-based blogging software

patrick-canterino.de