fix: update image references and improve HTML structure #13

ridwaanhall · Jan 29, 2025 · 5aa3d6e · 5aa3d6e
1 parent e83f0b7
commit 5aa3d6e
Show file tree

Hide file tree

Showing 4 changed files with 8 additions and 9 deletions.
diff --git a/blog/templates/blog/blog.html b/blog/templates/blog/blog.html
@@ -31,10 +31,10 @@ <h2 class="subtitle">Berikut adalah daftar artikel blog yang tersedia.</h2>
                 {% for blog in blogs %}
                 <div class="column is-half-tablet is-half-desktop is-one-third-widescreen">
                     <div class="card">
-                        {% if blog.thumbnail %}
+                        {% if blog.image %}
                         <div class="card-image">
-                            <figure class="image is-1by1">
-                                <img src="{% static blog.thumbnail %}" alt="{{ blog.title }}" loading="lazy" />
+                            <figure class="image is-16by9">
+                                <img src="{% static blog.image %}" alt="{{ blog.title }}" loading="lazy" height="360" width="640" />
                             </figure>
                         </div>
                         {% endif %}
@@ -43,7 +43,7 @@ <h2 class="subtitle">Berikut adalah daftar artikel blog yang tersedia.</h2>
                             <div class="media">
                                 <div class="media-left">
                                     <figure class="image is-48x48">
-                                        <img src="{% static 'icon-32x32.png' %}" alt="ridwaanhall second icon" />
+                                        <img src="{% static 'icon-192x192.png' %}" alt="ridwaanhall second icon" width="48" height="48" />
                                     </figure>
                                 </div>
                                 <div class="media-content">

diff --git a/blog/templates/blog/blog_detail.html b/blog/templates/blog/blog_detail.html
@@ -5,7 +5,6 @@
 {% block title %}{{ blog.title }} - Lumina Blog{% endblock %}
 
 {% block content %}
-
 <section class="section">
     <div class="columns">
         <div class="column is-8">

diff --git a/templates/footer.html b/templates/footer.html
@@ -3,10 +3,10 @@
         <div class="content">
             <div class="columns is-vcentered is-multiline">
                 <div class="column is-12-mobile is-6-tablet">
-                    <p class="has-text-grey">© {% now "Y" %} Lumina</p>
+                    <p>© {% now "Y" %} Lumina</p>
                     <div class="is-inline-flex mt-2">
-                      <a href="{% url 'terms' %}" class="has-text-grey mr-4 {% if request.resolver_match.url_name == 'terms' %}is-underlined is-italic{% endif %}">Ketentuan</a>
-                      <a href="{% url 'about' %}" class="has-text-grey {% if request.resolver_match.url_name == 'about' %}is-underlined is-italic{% endif %}">Tentang</a>
+                      <a href="{% url 'terms' %}" class="mr-4 {% if request.resolver_match.url_name == 'terms' %}is-underlined is-italic{% endif %}">Ketentuan</a>
+                      <a href="{% url 'about' %}" class="{% if request.resolver_match.url_name == 'about' %}is-underlined is-italic{% endif %}">Tentang</a>
                     </div>
                 </div>
                 <div class="column is-12-mobile is-6-tablet has-text-right-tablet">

diff --git a/templates/navbar.html b/templates/navbar.html
@@ -3,7 +3,7 @@
     <div class="container">
         <div class="navbar-brand">
             <a class="navbar-item" href="{% url 'lumina-app' %}">
-                <img src="{% static 'icon-32x32.png' %}" alt="Kucing Legend" width="28" height="28" />
+                <img src="{% static 'icon-192x192.png' %}" alt="Kucing Legend" width="28" height="28" />
                 <strong class="ml-2">Lumina</strong>
             </a>