aboutsummaryrefslogtreecommitdiff
diff options
context:
space:
mode:
authorBobby <[email protected]>2023-03-10 21:09:51 -0500
committerBobby <[email protected]>2023-03-10 21:09:51 -0500
commite83fbe2e6b5ede9a4ad1692391c261935d38eb40 (patch)
tree8ee352150e5bf0460686527d0aadf6a67b30eca8
parent9859ffd5d9ab3a7b7382361169f0f2caa6c3d386 (diff)
downloadthatcomputerscientist-e83fbe2e6b5ede9a4ad1692391c261935d38eb40.tar.xz
thatcomputerscientist-e83fbe2e6b5ede9a4ad1692391c261935d38eb40.zip
Update detailed articles view
-rw-r--r--templates/blog/articles.html13
-rw-r--r--templates/blog/home.html39
2 files changed, 34 insertions, 18 deletions
diff --git a/templates/blog/articles.html b/templates/blog/articles.html
index 8038c8a9..c4ef632f 100644
--- a/templates/blog/articles.html
+++ b/templates/blog/articles.html
@@ -38,13 +38,22 @@
{% for post in posts %}
<br>
<div class="post" style="clear: both;">
- <div style="text-align: justify; font-size: 13px; margin-bottom: 0px;">
+ <div style="text-align: justify; margin-bottom: 0px;">
<span>
- <img src="{% url 'ignis:post_image' '320' post.id %}.gif" alt="Cover image for {{ post.title }}" style="float: left; margin-right: 11px; width: 320px;">
+ <img src="{% url 'ignis:post_image' '320' post.id %}.gif" alt="Cover image for {{ post.title }}" style="float: left; width: 320px; padding: 0px 13px 0px 0px">
</span>
<h1 style="margin-top: 0px; margin-bottom: 0px;">
<a href="{% url 'blog:post' post.slug %}">{{ post.title }}</a>
</h1>
+ <br>
+ <span style="font-size: 11px">Posted on <em><u>{{ post.date | date:"M d, Y" }}</u></em> by <em><a href="{% url 'blog:user_activity' post.author %}">{{ post.author }}</a> in <a href="{% url 'blog:categories' %}/{{ post.category.slug }}">{{ post.category }}</a></em></span>
+ <br><br>
+ <span style="font-size: 11px">Tags: </span>
+ {% for tag in post.tags.all %}
+ <a href="#" class="tag">{{ tag.name|title }}</a>
+ {% endfor %}
+ <br><br>
+ <hr>
{{ post.excerpt | safe }}
</div>
<div class="post-actions" style="clear: both;">
diff --git a/templates/blog/home.html b/templates/blog/home.html
index eba8c4f9..2de95870 100644
--- a/templates/blog/home.html
+++ b/templates/blog/home.html
@@ -49,23 +49,30 @@
<h2>Recent Posts</h2>
{% for post in recent_posts %}
<div class="post" style="clear: both;">
- <h1>
- <a href="{% url 'blog:post' post.slug %}">{{ post.title }}</a>
- </h1>
- <p>
- Posted on <em><u>{{ post.date | date:"M d, Y" }}</u></em> by
- <em><a href="{% url 'blog:user_activity' post.author %}">{{ post.author }}</a> in</em>
- <em><a href="{% url 'blog:categories' %}/{{ post.category.slug }}">{{ post.category }}</a></em>
- </p>
- <div style="text-align: justify; font-size: 13px; margin-bottom: 0px;">
- <span>
- <img src="{% url 'ignis:post_image' '320' post.id %}.gif" alt="Cover image for {{ post.title }}" style="float: left; margin-right: 11px; width: 320px;">
- </span>
- {{ post.excerpt | safe }}
- </div>
- <div class="post-actions" style="clear: both;">
- <a href="{% url 'blog:post' post.slug %}">Continue Reading</a> | <a href="{% url 'blog:post' post.slug %}#comments">{{ post.num_comments }} Comments</a>
+ <div class="post" style="clear: both;">
+ <div style="text-align: justify; margin-bottom: 0px;">
+ <span>
+ <img src="{% url 'ignis:post_image' '320' post.id %}.gif" alt="Cover image for {{ post.title }}" style="float: left; width: 320px; padding: 0px 13px 0px 0px">
+ </span>
+ <h1 style="margin-top: 0px; margin-bottom: 0px;">
+ <a href="{% url 'blog:post' post.slug %}">{{ post.title }}</a>
+ </h1>
+ <br>
+ <span style="font-size: 11px">Posted on <em><u>{{ post.date | date:"M d, Y" }}</u></em> by <em><a href="{% url 'blog:user_activity' post.author %}">{{ post.author }}</a> in <a href="{% url 'blog:categories' %}/{{ post.category.slug }}">{{ post.category }}</a></em></span>
+ <br><br>
+ <span style="font-size: 11px">Tags: </span>
+ {% for tag in post.tags.all %}
+ <a href="#" class="tag">{{ tag.name|title }}</a>
+ {% endfor %}
+ <br><br>
+ <hr>
+ {{ post.excerpt | safe }}
+ </div>
+ <div class="post-actions" style="clear: both;">
+ <a href="{% url 'blog:post' post.slug %}">Continue Reading</a> | <a href="{% url 'blog:post' post.slug %}#comments">{{ post.num_comments }} Comments</a>
+ </div>
</div>
+ <br>
</div>
{% endfor %}
</div>