social preview

Author: thecodemonkey

src/main/resources/static/img/preview.png

@@ -5,6 +5,30 @@
   <meta charset="UTF-8">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <title>TRUE GOTHAM</title>
+
+  <meta name="description"
+    content="TRUE GOTHAM analyzes current police press releases using AI and visualizes crime data on an interactive dashboard. Explore the dark side of the city.">
+
+  <!-- Open Graph / Facebook -->
+  <meta property="og:type" content="website">
+  <meta property="og:url" content="https://truegotham.thecodemonkey.de/">
+  <meta property="og:title" content="TRUE GOTHAM - True Crimes analyzed by AI">
+  <meta property="og:description"
+    content="TRUE GOTHAM analyzes current police press releases using AI and visualizes crime data on an interactive dashboard. Explore the dark side of the city.">
+  <meta property="og:image" content="https://truegotham.thecodemonkey.de/img/preview.png">
+
+  <!-- Twitter -->
+  <meta property="twitter:card" content="summary_large_image">
+  <meta property="twitter:url" content="https://truegotham.thecodemonkey.de/">
+  <meta property="twitter:title" content="TRUE GOTHAM - True Crimes analyzed by AI">
+  <meta property="twitter:description"
+    content="TRUE GOTHAM analyzes current police press releases using AI and visualizes crime data on an interactive dashboard. Explore the dark side of the city.">
+  <meta property="twitter:image" content="https://truegotham.thecodemonkey.de/img/preview.png">
+
+  <!-- Theme Color -->
+  <meta name="theme-color" content="#1a1b1e">
+
+
   <link rel="stylesheet" href="components/root/root.css" />
   <link rel="stylesheet" href="components/dashboard/dashboard.css" />
   <link rel="stylesheet" href="components/map/map.css" />