feat: add dummy image

dewanakl · Jan 16, 2025 · 6ed476e · 6ed476e
1 parent 0706c6d
commit 6ed476e
Showing 1 changed file with 14 additions and 14 deletions.
diff --git a/index.html b/index.html
@@ -120,12 +120,12 @@
 
         <!-- Home -->
         <section id="home" class="bg-light position-relative overflow-hidden p-0 m-0">
-            <img 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,R0lGODlhAQABAIAAAAUEBA==" data-src="./assets/images/bg.png" 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 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,R0lGODlhAQABAIAAAAUEBA==" 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">
 
                 <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 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,R0lGODlhAQABAIAAAAUEBA==" 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">
                     <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 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,R0lGODlhAQABAIAAAAUEBA==" 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">
                     <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>
@@ -323,13 +323,13 @@ <h2 class="font-esthetic text-center py-2 m-0" style="font-size: 2.5rem;">Galeri
 
                         <div class="carousel-inner rounded-4">
                             <div class="carousel-item active">
-                                <img data-src="https://picsum.photos/1280/720?random=1" alt="image 1" class="d-block w-100" onclick="undangan.guest.modal(this)">
+                                <img src="data:image/gif;base64,R0lGODlhAQABAIAAAAUEBA==" data-src="https://picsum.photos/1280/720?random=1" alt="image 1" class="d-block w-100" onclick="undangan.guest.modal(this)">
                             </div>
                             <div class="carousel-item">
-                                <img data-src="https://picsum.photos/1280/720?random=2" alt="image 2" class="d-block w-100" onclick="undangan.guest.modal(this)">
+                                <img src="data:image/gif;base64,R0lGODlhAQABAIAAAAUEBA==" data-src="https://picsum.photos/1280/720?random=2" alt="image 2" class="d-block w-100" onclick="undangan.guest.modal(this)">
                             </div>
                             <div class="carousel-item">
-                                <img data-src="https://picsum.photos/1280/720?random=3" alt="image 3" class="d-block w-100" onclick="undangan.guest.modal(this)">
+                                <img src="data:image/gif;base64,R0lGODlhAQABAIAAAAUEBA==" data-src="https://picsum.photos/1280/720?random=3" alt="image 3" class="d-block w-100" onclick="undangan.guest.modal(this)">
                             </div>
                         </div>
 
@@ -353,13 +353,13 @@ <h2 class="font-esthetic text-center py-2 m-0" style="font-size: 2.5rem;">Galeri
 
                         <div class="carousel-inner rounded-4">
                             <div class="carousel-item active">
-                                <img data-src="https://picsum.photos/1280/720?random=4" alt="image 4" class="d-block w-100" onclick="undangan.guest.modal(this)">
+                                <img src="data:image/gif;base64,R0lGODlhAQABAIAAAAUEBA==" data-src="https://picsum.photos/1280/720?random=4" alt="image 4" class="d-block w-100" onclick="undangan.guest.modal(this)">
                             </div>
                             <div class="carousel-item">
-                                <img data-src="https://picsum.photos/1280/720?random=5" alt="image 5" class="d-block w-100" onclick="undangan.guest.modal(this)">
+                                <img src="data:image/gif;base64,R0lGODlhAQABAIAAAAUEBA==" data-src="https://picsum.photos/1280/720?random=5" alt="image 5" class="d-block w-100" onclick="undangan.guest.modal(this)">
                             </div>
                             <div class="carousel-item">
-                                <img data-src="https://picsum.photos/1280/720?random=6" alt="image 6" class="d-block w-100" onclick="undangan.guest.modal(this)">
+                                <img src="data:image/gif;base64,R0lGODlhAQABAIAAAAUEBA==" data-src="https://picsum.photos/1280/720?random=6" alt="image 6" class="d-block w-100" onclick="undangan.guest.modal(this)">
                             </div>
                         </div>
 
@@ -389,7 +389,7 @@ <h2 class="font-esthetic pt-2 mb-4" style="font-size: 2.5rem;">Love Gift</h2>
                 <p class="mb-3" style="font-size: 0.95rem;">Dengan hormat, bagi Anda yang ingin memberikan tanda kasih kepada kami, dapat melalui:</p>
 
                 <div class="bg-theme-dark rounded-4 shadow p-4 mx-4 mt-2 mb-4 text-start" data-aos="fade-up" data-aos-duration="2500">
-                    <img data-src="https://upload.wikimedia.org/wikipedia/commons/thumb/5/5c/Bank_Central_Asia.svg/1598px-Bank_Central_Asia.svg.png" class="img-fluid p-1 rounded" style="max-width: 9vh; background-color: var(--bs-gray-300);" alt="bca">
+                    <img src="data:image/gif;base64,R0lGODlhAQABAIAAAAUEBA==" data-src="https://upload.wikimedia.org/wikipedia/commons/thumb/5/5c/Bank_Central_Asia.svg/1598px-Bank_Central_Asia.svg.png" class="img-fluid p-1 rounded" style="max-width: 9vh; background-color: var(--bs-gray-300);" alt="bca">
 
                     <div class="d-flex justify-content-between align-items-center mt-2">
                         <p class="m-0 p-0" style="font-size: 0.95rem;">---- ---- ---- 4567</p>
@@ -401,7 +401,7 @@ <h2 class="font-esthetic pt-2 mb-4" style="font-size: 2.5rem;">Love Gift</h2>
                 </div>
 
                 <div class="bg-theme-dark rounded-4 shadow p-4 mx-4 mt-2 text-start" data-aos="fade-up" data-aos-duration="2500">
-                    <img data-src="https://upload.wikimedia.org/wikipedia/id/thumb/5/55/BNI_logo.svg/1024px-BNI_logo.svg.png" class="img-fluid p-1 rounded" style="max-width: 9vh; background-color: var(--bs-gray-300);" alt="bni">
+                    <img src="data:image/gif;base64,R0lGODlhAQABAIAAAAUEBA==" data-src="https://upload.wikimedia.org/wikipedia/id/thumb/5/55/BNI_logo.svg/1024px-BNI_logo.svg.png" class="img-fluid p-1 rounded" style="max-width: 9vh; background-color: var(--bs-gray-300);" alt="bni">
 
                     <div class="d-flex justify-content-between align-items-center mt-2">
                         <p class="m-0 p-0" style="font-size: 0.95rem;">---- ---- ---- 4567</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 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,R0lGODlhAQABAIAAAAUEBA==" data-src="./assets/images/bg.png" 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 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,R0lGODlhAQABAIAAAAUEBA==" data-src="./assets/images/bg.png" class="img-fluid w-100 rounded-4" alt="image" id="show-modal-image">
                     </div>
                 </div>
             </div>