opengraph tags added (#19)

* opengraph tags added * remove trailing slash, remove trailing space, update favicon with placeholder, update og tags, replace https with http * remove `TODO` and rename `twitter card` tag * fix : duplicated meta tag removed --------- Co-authored-by: Sepand Haghighi <[email protected]>
openscilab · Jun 20, 2024 · df56744 · df56744
1 parent a423b01
commit df56744
Showing 1 changed file with 17 additions and 9 deletions.
diff --git a/public/index.html b/public/index.html
@@ -1,16 +1,24 @@
 <!DOCTYPE html>
 <html lang="en">
 	<head>
-		<meta charset="utf-8" />
-		<meta http-equiv="expires" content="0" />
-		<meta name="theme-color" content="#2D2D2D" />
-		<meta http-equiv="pragma" content="no-cache" />
-		<meta http-equiv="cache-control" content="no-cache" />
-		<meta name="description" content="" />
-		<link rel="manifest" href="%PUBLIC_URL%/manifest.json" />
-		<meta name="viewport" content="width=device-width, initial-scale=1" />
-		<link rel="icon" type="image/png" sizes="32x32" href="/assets/images/favicon-osl.png" />
+		<meta charset="utf-8">
+		<meta http-equiv="expires" content="0">
+		<meta name="theme-color" content="#2D2D2D">
+		<meta http-equiv="pragma" content="no-cache">
+		<meta http-equiv="cache-control" content="no-cache">
+		<meta name="description" content="MyButton is an open-source project that streamlines the process of sharing links to your preferred online services.">
+		<link rel="manifest" href="https://mybutton.click/manifest.json">
+		<meta name="viewport" content="width=device-width, initial-scale=1">
+		<link rel="icon" type="image/png" sizes="32x32" href="/assets/images/MYBUTTON_FAVICON">
 		<title>MyButton</title>
+		<meta property="og:title" content="MyButton">
+		<meta property="og:site_name" content="https://mybutton.click">
+		<meta property="og:description" content="MyButton is an open-source project that streamlines the process of sharing links to your preferred online services.">
+		<meta property="og:image" content="MYBUTTON_LOGO">
+		<meta name="twitter:image:src" content="MYBUTTON_LOGO">
+		<meta name="twitter:card" content="SUMMARY_LARGE_IMAGE">
+		<meta name="twitter:title" content="MyButton">
+		<meta name="twitter:description" content="MyButton is an open-source project that streamlines the process of sharing links to your preferred online services.">
 	</head>
 	<script>
 		//* Set mode