added social media meta tags

index.html

@@ -11,8 +11,16 @@
   <meta name="url" content="https://coalmedia.eu/">
   <meta name="image" content="https://coalmedia.eu/coal.png">
   <meta name="date" content="" scheme="2019-06-01">
+
+  <meta property="og:title" content="Coal Media Community">
+  <meta property="og:description" content="Convenient open European place for collaboration on the web">
+  <meta property="og:image" content="https://coalmedia.eu/coal.png">
+  <meta property="og:url" content="https://coalmedia.eu/">
+  <meta name="twitter:card" content="https://coalmedia.eu/coal.png">
+
   <script src="libraries/p5.min.js"></script>
 
+  <link rel="shortcut icon" type="image/png" href="style/coal.png"/>
   <style>
   body {
     margin: 0;

mobile.html

@@ -4,8 +4,23 @@
   <title>Coal Community . Under Construction</title>
   <meta charset="UTF-8">
   <meta name="author" content="Victor Giers">
+  <meta name="title" content="Coal Media Community">
+  <meta name="type" content="website" />
+  <meta name="description" content="Convenient open European place for collaboration on the web">
+  <meta name="url" content="https://coalmedia.eu/">
+  <meta name="image" content="https://coalmedia.eu/coal.png">
   <meta name="date" content="" scheme="2019-06-01">
+
+  <meta property="og:title" content="Coal Media Community">
+  <meta property="og:description" content="Convenient open European place for collaboration on the web">
+  <meta property="og:image" content="https://coalmedia.eu/coal.png">
+  <meta property="og:url" content="https://coalmedia.eu/">
+  <meta name="twitter:card" content="https://coalmedia.eu/coal.png">
+
   <meta name="viewport" content="width=device-width, initial-scale=1">
+  <script src="libraries/p5.min.js"></script>
+
+  <link rel="shortcut icon" type="image/png" href="style/coal.png"/>
   <style>
   @media(min-width:60em){html{font-size: 100%}}
   html {height: 100%; font-size:100%;}