html classes for better customization options

2 files changed, 10 insertions, 10 deletions

diff --git a/weblog/templates/weblog/index.html b/weblog/templates/weblog/index.html
index a73844f..331989b 100755
--- a/weblog/templates/weblog/index.html
+++ b/weblog/templates/weblog/index.html
@@ -36,14 +36,14 @@
         {% for post in pinned_posts %}

         <div class="container-fluid blogpost">

             <p><span class="fas fa-thumbtack"></span> <i>{% trans 'Important post' %}</i></p>

-            <h2><a href="{{ post.url }}">{{ post.title }}</a></h2>

-            <p class="publish-info">{% blocktrans with publish_date=post.publish_date %}Published on {{ publish_date }}{% endblocktrans %}{% if post.author %}{% blocktrans with author=post.author context 'Written by (Author)' %}, by {{ author }}{% endblocktrans %}{% endif %}</p>

+            <h2 class="post-title"><a href="{{ post.url }}">{{ post.title }}</a></h2>

+            <p class="publish-info">{% blocktrans with publish_date=post.publish_date %}Published on <span class="post-publish-date">{{ publish_date }}</span>{% endblocktrans %}{% if post.author %}{% blocktrans with author=post.author context 'Written by (Author)' %}, by <span class="post-author">{{ author }}</span>{% endblocktrans %}{% endif %}</p>

             <hr>

             {% if post.preview_image %}<img class="img-responsive preview-img" src="{{ post.preview_image.url }}">{% endif %}

             {{ post.preview_text|safe }}

             <hr>

-            <div class="text-right">

-                <a href="{{ post.url }}">{% trans 'Read more...' %}</a>

+            <div class="text-right read-more-wrapper">

+                <a class="read-more" href="{{ post.url }}">{% trans 'Read more...' %}</a>

             </div>

         </div>

         {% endfor %}

@@ -51,14 +51,14 @@
         {% if posts %}

         {% for post in posts %}

         <div class="container-fluid blogpost">

-            <h2><a href="{{ post.url }}">{{ post.title }}</a></h2>

-            <p class="publish-info">{% blocktrans with publish_date=post.publish_date %}Published on {{ publish_date }}{% endblocktrans %}{% if post.author %}{% blocktrans with author=post.author context 'Written by (Author)' %}, by {{ author }}{% endblocktrans %}{% endif %}</p>

+            <h2 class="post-title"><a href="{{ post.url }}">{{ post.title }}</a></h2>

+            <p class="publish-info">{% blocktrans with publish_date=post.publish_date %}Published on <span class="post-publish-date">{{ publish_date }}</span>{% endblocktrans %}{% if post.author %}{% blocktrans with author=post.author context 'Written by (Author)' %}, by <span class="post-author">{{ author }}</span>{% endblocktrans %}{% endif %}</p>

             <hr>

             {% if post.preview_image %}<img class="img-responsive preview-img" src="{{ post.preview_image.url }}">{% endif %}

             {{ post.preview_text|safe }}

             <hr>

-            <div class="text-right">

-                <a href="{{ post.url }}">{% trans 'Read more...' %}</a>

+            <div class="text-right read-more-wrapper">

+                <a class="read-more" href="{{ post.url }}">{% trans 'Read more...' %}</a>

             </div>

         </div>

         {% endfor %}

diff --git a/weblog/templates/weblog/post.html b/weblog/templates/weblog/post.html
index 0459744..623a7d1 100755
--- a/weblog/templates/weblog/post.html
+++ b/weblog/templates/weblog/post.html
@@ -3,8 +3,8 @@
 {% block title_block %}{% if post_translation %}{{ post_translation.title }}{% else %}{{ post.title }}{% endif %}{% endblock %}
 {% block blog_content_block %}
 <div class="container-fluid blogpost">
-    <h2>{% if post_translation %}{{ post_translation.title }}{% else %}{{ post.title }}{% endif %}</h2>
-    <p class="publish-info">{% blocktrans with publish_date=post.publish_date %}Published on {{ publish_date }}{% endblocktrans %}{% if post_author %}{% blocktrans with author=post_author context 'Written by (Author)' %}, by {{ author }}{% endblocktrans %}{% endif %}</p>
+    <h2 class="post-title">{% if post_translation %}{{ post_translation.title }}{% else %}{{ post.title }}{% endif %}</h2>
+    <p class="publish-info">{% blocktrans with publish_date=post.publish_date %}Published on <span class="post-publish-date">{{ publish_date }}</span>{% endblocktrans %}{% if post.author %}{% blocktrans with author=post.author context 'Written by (Author)' %}, by <span class="post-author">{{ author }}</span>{% endblocktrans %}{% endif %}</p>
     {% if post_languages %}
     <form>
         <div class="form-group">