add icons and js scripts for bootstrap

Author: shahriaarrr

config/blog/templates/blog/base.html

@@ -11,5 +11,11 @@
     {% include 'blog/nav.html' %}
     {% block content %}
     {% endblock %}
+
+    <script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.11.7/dist/umd/popper.min.js" integrity="sha384-zYPOMqeu1DAVkHiLqWBUTcbYfZ8osu1Nd6Z89ify25QV9guujx43ITvfi12/QExE" crossorigin="anonymous"></script>
+<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha3/dist/js/bootstrap.min.js" integrity="sha384-Y4oOpwW3duJdCWv5ly8SCFYWqFDsfob/3GkgExXKV4idmbt98QcxXYs9UoXAB7BZ" crossorigin="anonymous"></script>
+    <!-- icons -->
+    <script type="module" src="https://unpkg.com/ionicons@7.1.0/dist/ionicons/ionicons.esm.js"></script>
+    <script nomodule src="https://unpkg.com/ionicons@7.1.0/dist/ionicons/ionicons.js"></script>
 </body>
 </html>

config/blog/templates/blog/blog_post.html

@@ -8,7 +8,7 @@
     </div>
 
     <div class="row">
-        <div class="col-md-6 col-12 mx-md-auto mb-3 pd-2 mx-3">
+        <div class="col-md-6 col-11 mx-md-auto mb-3 pd-2 mx-3">
             <h1>{{ object.title }}</h1>
 
             <p class="text-muted">{{ object.date }}</p>
@@ -31,16 +31,16 @@ <h1>{{ object.title }}</h1>
                 {% if liked_by_user %}
                     <form method="POST" action="{% url 'like_article' object.id %}">
                         {% csrf_token %}
-                        <button class="btn btn-outline-primary">unlike this post</button>
+                        <button class="btn btn-outline-primary"><ion-icon name="heart-dislike-outline"></ion-icon> unlike this post</button>
                     </form>
                 {% else %}
                     <form method="POST" action="{% url 'like_article' object.id %}">
                         {% csrf_token %}
-                        <button class="btn btn-outline-primary">like this post</button>
+                        <button class="btn btn-outline-primary"><ion-icon name="heart-outline"></ion-icon> like this post</button>
                     </form>
                 {% endif %}
             {% else %}
-                <button class="btn btn-outline-primary" disabled>do you want like this post? so login here</button>
+                <button class="btn btn-outline-primary" disabled><ion-icon name="log-in-outline"></ion-icon> do you want like this post? please login or signup</button>
             {% endif %}
         </div>
     </div>

config/blog/templates/blog/featured.html

@@ -10,7 +10,7 @@ <h5 class="text-muted">review featured posts</h5>
 
     {% for object in object_list %}
     <div class="row">
-        <div class="col-md-6 col-12 mx-md-auto mx-3 mt-5 md-5">
+        <div class="col-md-6 col-11 mx-md-auto mx-3 mt-5 md-5">
             <h3 class="fw-bold">{{ object.title }}</h3>
             <p class="text-muted">{{ object.date }}</p>
             <p class="text-muted">By {{ object.author.username }}</p>

config/blog/templates/blog/home.html

@@ -4,7 +4,7 @@
 
 {% block content %}
     <div class="row">
-        <div class="col-md-6 col-12 mx-md-auto mx-3 mt-5 md-5">
+        <div class="col-md-6 col-11 mx-md-auto mx-3 mt-5 md-5">
             <h1 class="fw-bolder">shahriaarrr Blog</h1>
             <h5 class="text-muted">Write about everything that i liked</h5>
         </div>