add meta tags for better social media sharing link preview

app/public/main.css

@@ -61,18 +61,6 @@ body {
   box-sizing: border-box;
 }
 
-#floating-panel {
-  top: 10px;
-  left: 25%;
-  z-index: 5;
-  background-color: #fff;
-  border: 1px solid #999;
-  text-align: center;
-  font-family: "Roboto", "sans-serif";
-  line-height: 30px;
-  padding: 5px 5px 5px 10px;
-}
-
 .btn:hover {
   background-color: white;
   color: #02adba;

app/views/layout.ejs

@@ -10,7 +10,6 @@
     gtag('config', '<%= process.env.GA_ID %>');
   </script>
 
-  <link href="https://fonts.googleapis.com/css?family=Roboto&display=swap" rel="stylesheet">
   <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
   <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0/css/materialize.min.css">
   <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/noUiSlider/13.1.5/nouislider.min.css">
@@ -29,6 +28,20 @@
   <meta name="msapplication-TileColor" content="#da532c">
   <meta name="theme-color" content="#ffffff">
 
+  <meta name="title" content="Kivi.ba">
+  <meta name="description" content="Neka dom nađe vas">
+
+  <meta property="og:title" content="Kivi.ba">
+  <meta property="og:description" content="Neka dom nađe vas">
+  <meta property="og:image" content="http://www.kivi.ba/assets/images/thumbnail-big.png">
+  <meta property="og:image:width" content="1200">
+  <meta property="og:image:height" content="627">
+  <meta property="og:url" content="https://www.kivi.ba">
+  <meta name="twitter:card" content="summary_large_image">
+
+  <meta property="og:site_name" content="Kivi.ba">
+  <meta name="twitter:image:alt" content="Kivi.ba - Neka dom nađe vas">
+
   <%if (title) { %>
     <title> <%= title %> - Kivi.ba</title>
     <% } else { %>