From 6b5857a2157595b5e33d7d25714c9528718e8fde Mon Sep 17 00:00:00 2001
From: jeffreytse <jeffreytse.mail@gmail.com>
Date: Thu, 17 Jun 2021 20:44:37 +0800
Subject: [PATCH] feat: add img tag of banner for SEO

---
 _includes/views/banner.html | 1 +
 _sass/yat/_layout.scss      | 4 ++++
 2 files changed, 5 insertions(+)

diff --git a/_includes/views/banner.html b/_includes/views/banner.html
index d77e42c..eb622d7 100644
--- a/_includes/views/banner.html
+++ b/_includes/views/banner.html
@@ -32,6 +32,7 @@
   <section class="page-banner">
     <div class="page-banner-img">
       <div style="background-image: url({{ banner_image }})"></div>
+      <img class="img-placeholder" src="{{ banner_image }}"></div>
     </div>
     <div class="wrapper">
       <div class="page-banner-inner">
diff --git a/_sass/yat/_layout.scss b/_sass/yat/_layout.scss
index 04a31b4..020be5e 100644
--- a/_sass/yat/_layout.scss
+++ b/_sass/yat/_layout.scss
@@ -570,6 +570,10 @@ html {
       @include center-image;
       transition: 0.1s all ease-in-out;
     }
+
+    & > img.img-placeholder {
+      display: none;
+    }
   }
 
   .wrapper {