feat: update seo tag and readme

README.md

@@ -1,5 +1,7 @@
 # Template website undangan pernikahan sederhana
 
+![Thumbnail](/assets/images/banner.png)
+
 ## Demo
 
 <https://dewanakl.github.io/undangan/?to=Teman+teman+semua>
@@ -17,9 +19,9 @@
 - Bootstrap 5.3.2
 - AOS 2.3.4
 - Fontawsome 6.4.2
-- Normalize.css 8.0.1
+- Normalize 8.0.1
 - Confetti 2.12.0
 - Google Fonts
 - Vanilla JS
 
-### Terima kasih banyak teman teman
+### Terima kasih banyak teman-teman semua

css/app.css

@@ -97,12 +97,12 @@ body::-webkit-scrollbar {
 
 .dark-section {
     background-color: #111111 !important;
-    margin-top: -5px;
-    margin-bottom: -5px;
+    margin-top: 0.5rem;
+    margin-bottom: 0.5rem;
 }
 
 footer {
     background-color: #111111 !important;
-    margin-top: -5px;
+    margin-top: 0.5rem;
     padding-bottom: 4rem;
 }

index.html

@@ -6,14 +6,23 @@
     <meta charset="utf-8">
     <meta name="viewport" content="width=device-width, initial-scale=1">
     <meta name="title" content="Undangan Pernikahan Wahyu & Riski">
+    <meta name="keywords" content="undangan, wedding, undangan digital, wedding invitation, template undangan, github, undangan pernikahan, template undangan pernikahan, wedding invitation github">
     <meta name="description" content="Website Undangan Pernikahan Wahyu & Riski Secara Online">
+    <meta name="robots" content="index, follow, max-image-preview:large">
+    <meta name="author" content="dewanakl">
+    <title>Undangan Pernikahan Wahyu & Riski</title>
+
+    <!-- Appearance -->
     <meta name="theme-color" content="#212529">
     <meta name="color-scheme" content="dark">
+    <link rel="canonical" href="https://ulems.my.id/">
+    <link rel="shortcut icon" type="image/x-icon" href="https://ulems.my.id/favicon.ico">
+    <link rel="apple-touch-icon" sizes="192x192" type="image/png" href="https://ulems.my.id/assets/images/icon-192x192.png">
     <link rel="icon" type="image/png" href="https://ulems.my.id/assets/images/icon-192x192.png">
-    <title>Undangan Pernikahan Wahyu & Riski</title>
 
     <!-- SEO Tag -->
     <meta property="og:title" content="Undangan Pernikahan Wahyu & Riski">
+    <meta property="og:keywords" content="undangan, wedding, undangan digital, wedding invitation, template undangan, github, undangan pernikahan, template undangan pernikahan, wedding invitation github">
     <meta property="og:description" content="Website Undangan Pernikahan Wahyu & Riski Secara Online">
     <meta property="og:image" content="https://ulems.my.id/assets/images/bg.jpeg">
     <meta property="og:image:type" content="image/jpeg">
@@ -33,6 +42,8 @@
     <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css" integrity="sha256-MBffSnbbXwHCuZtgPYiwMQbfE7z+GOZ7fBPCNB06Z98=" crossorigin="anonymous">
     <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@fortawesome/fontawesome-free@6.4.2/css/all.min.css" integrity="sha256-CTSx/A06dm1B063156EVh15m6Y67pAjZZaQc89LLSrU=" crossorigin="anonymous">
     <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/aos@2.3.4/dist/aos.css" integrity="sha256-GqiEX9BuR1rv5zPU5Vs2qS/NSHl1BJyBcjQYJ6ycwD4=" crossorigin="anonymous">
+
+    <!-- Fonts -->
     <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Josefin+Sans&display=swap">
     <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Sacramento&display=swap">
     <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Noto+Naskh+Arabic&display=swap">