feat: update image webp

dewanakl · Jan 19, 2025 · 010dcd3 · 010dcd3
1 parent 676af67
commit 010dcd3
Show file tree

Hide file tree

Showing 7 changed files with 8 additions and 8 deletions.
diff --git a/assets/images/bg.png b/assets/images/bg.png
diff --git a/assets/images/bg.webp b/assets/images/bg.webp
diff --git a/assets/images/cewe.png b/assets/images/cewe.png
diff --git a/assets/images/cewe.webp b/assets/images/cewe.webp
diff --git a/assets/images/cowo.png b/assets/images/cowo.png
diff --git a/assets/images/cowo.webp b/assets/images/cowo.webp
diff --git a/index.html b/index.html
@@ -18,8 +18,8 @@
     <meta property="og:title" content="Website Undangan Pernikahan Wahyu dan Riski Secara Online">
     <meta property="og:description" content="Website Undangan Pernikahan Wahyu dan Riski Secara Online">
     <meta property="og:keywords" content="undangan, wedding, undangan digital, undangan online, wedding invitation, template undangan, template undangan pernikahan, undangan pernikahan, template undangan online, wedding invitation github, template website, template website undangan pernikahan">
-    <meta property="og:image" content="https://ulems.my.id/assets/images/bg.png">
-    <meta property="og:image:secure_url" content="https://ulems.my.id/assets/images/bg.png">
+    <meta property="og:image" content="https://ulems.my.id/assets/images/bg.webp">
+    <meta property="og:image:secure_url" content="https://ulems.my.id/assets/images/bg.webp">
     <meta property="og:image:type" content="image/png">
     <meta property="og:image:alt" content="Website Undangan Pernikahan Wahyu dan Riski Secara Online">
     <meta property="og:image:width" content="980">
@@ -120,12 +120,12 @@
 
         <!-- Home -->
         <section id="home" class="bg-light position-relative overflow-hidden p-0 m-0">
-            <img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAAAAAAALAAAAAABAAEAAAICRAEAOw" loading="lazy" data-src="./assets/images/bg.png" alt="bg" class="position-absolute opacity-25 top-50 start-50 translate-middle bg-cover-home">
+            <img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAAAAAAALAAAAAABAAEAAAICRAEAOw" loading="lazy" data-src="./assets/images/bg.webp" alt="bg" class="position-absolute opacity-25 top-50 start-50 translate-middle bg-cover-home">
 
             <div class="position-relative text-center p-2">
                 <h1 class="font-esthetic my-4 fw-medium" style="font-size: 2.5rem;">Undangan Pernikahan</h1>
 
-                <img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAAAAAAALAAAAAABAAEAAAICRAEAOw" loading="lazy" data-src="./assets/images/bg.png" alt="bg" onclick="undangan.guest.modal(this)" class="img-center-crop rounded-circle border border-3 border-light shadow my-4 mx-auto">
+                <img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAAAAAAALAAAAAABAAEAAAICRAEAOw" loading="lazy" data-src="./assets/images/bg.webp" alt="bg" onclick="undangan.guest.modal(this)" class="img-center-crop rounded-circle border border-3 border-light shadow my-4 mx-auto">
 
                 <h2 class="font-esthetic my-4" style="font-size: 2.5rem;">Wahyu &amp; Riski</h2>
                 <p class="my-2" style="font-size: 1.25rem;">Rabu, 15 Maret 2023</p>
@@ -167,7 +167,7 @@ <h2 class="font-esthetic py-4 m-0" style="font-size: 2rem;">Assalamualaikum Wara
             <div class="overflow-x-hidden pb-4">
 
                 <div data-aos="fade-right" data-aos-duration="2000">
-                    <img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAAAAAAALAAAAAABAAEAAAICRAEAOw" loading="lazy" data-src="./assets/images/cowo.png" alt="cowo" onclick="undangan.guest.modal(this)" class="img-center-crop rounded-circle border border-3 border-light shadow my-4 mx-auto">
+                    <img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAAAAAAALAAAAAABAAEAAAICRAEAOw" loading="lazy" data-src="./assets/images/cowo.webp" alt="cowo" onclick="undangan.guest.modal(this)" class="img-center-crop rounded-circle border border-3 border-light shadow my-4 mx-auto">
                     <h2 class="font-esthetic m-0" style="font-size: 2rem;">Nama Wahyu Siapa</h2>
                     <p class="mt-3 mb-1" style="font-size: 1.25rem;">Putra ke-1</p>
                     <p class="mb-0" style="font-size: 0.95rem;">Bapak ... dan Ibu ...</p>
@@ -194,7 +194,7 @@ <h2 class="font-esthetic my-4" style="font-size: 4rem;">&amp;</h2>
                 </div>
 
                 <div data-aos="fade-left" data-aos-duration="2000">
-                    <img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAAAAAAALAAAAAABAAEAAAICRAEAOw" loading="lazy" data-src="./assets/images/cewe.png" alt="cewe" onclick="undangan.guest.modal(this)" class="img-center-crop rounded-circle border border-3 border-light shadow my-4 mx-auto">
+                    <img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAAAAAAALAAAAAABAAEAAAICRAEAOw" loading="lazy" data-src="./assets/images/cewe.webp" alt="cewe" onclick="undangan.guest.modal(this)" class="img-center-crop rounded-circle border border-3 border-light shadow my-4 mx-auto">
                     <h2 class="font-esthetic m-0" style="font-size: 2rem;">Nama Riski Siapa</h2>
                     <p class="mt-3 mb-1" style="font-size: 1.25rem;">Putri ke-2</p>
                     <p class="mb-0" style="font-size: 0.95rem;">Bapak ... dan Ibu ...</p>
@@ -497,7 +497,7 @@ <h2 class="font-arabic pt-4" style="font-size: 2rem;">اَلْحَمْدُ لِ
             <div class="text-center">
                 <h2 class="font-esthetic mb-4" style="font-size: 2.5rem;">The Wedding Of</h2>
 
-                <img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAAAAAAALAAAAAABAAEAAAICRAEAOw" loading="lazy" data-src="./assets/images/bg.png" alt="background" class="img-center-crop rounded-circle border border-3 border-light shadow mb-4 mx-auto">
+                <img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAAAAAAALAAAAAABAAEAAAICRAEAOw" loading="lazy" data-src="./assets/images/bg.webp" alt="background" class="img-center-crop rounded-circle border border-3 border-light shadow mb-4 mx-auto">
 
                 <h2 class="font-esthetic mb-4" style="font-size: 2.5rem;">Wahyu &amp; Riski</h2>
                 <div id="guest-name" data-message="Kepada Yth Bapak/Ibu/Saudara/i"></div>
@@ -549,7 +549,7 @@ <h2 class="font-esthetic mb-4" style="font-size: 2.5rem;">Wahyu &amp; Riski</h2>
             <div class="modal-content rounded-4">
                 <div class="modal-body p-0">
                     <div class="d-flex justify-content-center align-items-center" style="height: 100%;">
-                        <img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAAAAAAALAAAAAABAAEAAAICRAEAOw" loading="lazy" data-src="./assets/images/bg.png" class="img-fluid w-100 rounded-4" alt="image" id="show-modal-image">
+                        <img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAAAAAAALAAAAAABAAEAAAICRAEAOw" loading="lazy" data-src="./assets/images/bg.webp" class="img-fluid w-100 rounded-4" alt="image" id="show-modal-image">
                     </div>
                 </div>
             </div>