fix: unicode

index.html

@@ -147,7 +147,7 @@ <h2 class="font-esthetic my-4" style="font-size: 3rem;">Wahyu &amp; Riski</h2>
         <section class="dark-section bg-black" id="mempelai">
 
             <div class="text-center">
-                <h2 class="font-arabic py-4 px-2" style="font-size: 2rem">بِسْمِ اللّٰهِ الرَّحْمٰنِ الرَّحِيْمِ</h2>
+                <h2 class="font-arabic py-4 px-2" style="font-size: 2rem" id="basmalah" data-text="بِسْمِ اللّٰهِ الرَّحْمٰنِ الرَّحِيْمِ"></h2>
 
                 <!-- Love animation -->
                 <div class="position-relative">
@@ -528,7 +528,7 @@ <h2 class="font-esthetic text-center mb-3" style="font-size: 3rem;">Ucapan &amp;
                 </p>
 
                 <h2 class="font-esthetic">Wassalamualaikum Warahmatullahi Wabarakatuh</h2>
-                <h2 class="font-arabic pt-4 px-2" style="font-size: 2rem;">اَلْحَمْدُ لِلّٰهِ رَبِّ الْعٰلَمِيْنَۙ</h2>
+                <h2 class="font-arabic pt-4 px-2" style="font-size: 2rem;" id="hamdalah" data-text="اَلْحَمْدُ لِلّٰهِ رَبِّ الْعٰلَمِيْنَۙ"></h2>
 
                 <hr class="mt-3 mb-2">
 

js/util.js

@@ -200,8 +200,14 @@ export const util = (() => {
         return uuids;
     };
 
+    const convert = (el) => {
+        el.innerText = el.getAttribute('data-text').normalize('NFC');
+    };
+
     const init = () => {
         countDownDate();
+        convert(document.getElementById('basmalah'));
+        convert(document.getElementById('hamdalah'));
 
         const session = storage('session');
         if (session.get('token')?.split('.').length === 3) {