feat: add og images

Author: taciturnaxolotl

static/assets/images/og.jpg

@@ -5,13 +5,25 @@
         name="viewport"
         content="width=device-width, initial-scale=1, maximum-scale=1"
     />
-    <meta property="og:title" content="Hackatime - Coding Statistics" />
+    <meta
+        property="og:title"
+        content="Hackatime - Track your coding time in style"
+    />
     <meta property="og:type" content="website" />
+    <meta property="og:site_name" content="Hackatime" />
     <meta
         property="og:description"
-        content="Hackatime is an open-source tool that helps you keep track of the time you have spent coding on different projects in different programming languages and more. Ideal for statistics freaks and anyone else. Developed @hackclub"
+        content="Hackatime is an open-source tool that helps you keep track of the time you have spent coding on projects. Luxuriate in the graphs. Developed @hackclub"
+    />
+    <meta property="og:image" content="assets/images/og.jpg" />
+    <meta property="og:url" content="https://waka.hackclub.com" />
+
+    <!-- Twitter/X Card Tags -->
+    <meta name="twitter:card" content="summary_large_image" />
+    <meta
+        name="twitter:image"
+        content="https://waka.hackclub.com/assets/images/og.jpg"
     />
-    <meta property="og:image" content="assets/images/screenshot.png" />
 
     <meta
         name="theme-color"