feat: add opengraph and twitter previews

Signed-off-by: Sphericalkat <amolele@gmail.com>

frontend/show.html

@@ -14,6 +14,43 @@
         rel="stylesheet">
 
     <title>{{ .Title }}</title>
+
+    <meta property="og:type" content="object">
+    <meta property="og:title" content="{{ .Title }}">
+    <meta property="og:image" content="{{.Image}}">
+
+    <meta name="twitter:title" content="{{ .Title }}">
+    <meta itemprop="name" content="{{ .Title }}">
+    <meta name="application-name" content="{{ .Title }}">
+    <meta property="og:site_name" content="{{ .Title }}">
+    <meta name="theme-color" content="#ffffff">
+    <meta property="og:locale" content="en">
+    <meta name="language" content="en">
+    <meta name="twitter:card" content="summary">
+    <meta name="twitter:site" content="@Spherical_Kat">
+
+    <meta name="robots" content="index,follow">
+    <meta name="googlebot" content="index,follow">
+    <meta name="keywords" content="medium,blog,frontend,alternative,technology,golang,go">
+    <meta name="coverage" content="Worldwide">
+    <meta name="distribution" content="Global">
+    <meta name="HandheldFriendly" content="True">
+    <meta name="HandheldFriendly" content="True">
+    <meta name="apple-mobile-web-app-title" content="{{ .Title }}">
+    <meta name="apple-mobile-web-app-capable" content="yes">
+    <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
+    <meta name="apple-touch-fullscreen" content="yes">
+
+    <meta name="description" content="{{.Description}}">
+    <meta itemprop="description" content={{.Description}}>
+    <meta property="og:description" content={{.Description}}>
+    <meta name="twitter:description" content={{.Description}}>
+
+    <meta name="url" content="https://medium.rip/{{.Path}}">
+    <meta name="twitter:url" content="https://medium.rip/{{.Path}}">
+    <meta property="og:url" content="https://medium.rip/{{.Path}}">
+
+
 </head>
 
 <body class="flex flex-col h-full w-full items-center">