From 5aa3d6eda95aa2a5d2e1c1ec04fc286a6a55f2a0 Mon Sep 17 00:00:00 2001
From: Ridwan Halim <91854659+ridwaanhall@users.noreply.github.com>
Date: Wed, 29 Jan 2025 17:08:43 +0700
Subject: [PATCH] fix: update image references and improve HTML structure #13

---
 blog/templates/blog/blog.html        | 8 ++++----
 blog/templates/blog/blog_detail.html | 1 -
 templates/footer.html                | 6 +++---
 templates/navbar.html                | 2 +-
 4 files changed, 8 insertions(+), 9 deletions(-)

diff --git a/blog/templates/blog/blog.html b/blog/templates/blog/blog.html
index cefe649..cc09de4 100644
--- 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
index 8fdc0d7..753a6cc 100644
--- 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
index 2601800..4189101 100644
--- 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
index 211e88d..6321b5e 100644
--- 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>