Fixing Readme, adding link preview image and meta tags

Author: lucasvog

README.md

@@ -6,16 +6,8 @@ Die schnellste Möglichkeit, Abfahrtsinformationen in Dresden zu erhalten.
 
 *The fastest way to get your departure infos in Dresden*
 <br>
-<style>
-.openButton{
-background-color:#ffc107;color:black;padding:12px;overflow:hidden;border-radius:5px; font-size:20px
-}
-.openButton:hover{
-    background-color:#ffd54f!important;
-}
-</style>
-<a class="openButton" href="https://dvbfast.github.io" target="_blank" style="background-color:#ffc107;color:black;padding:12px;overflow:hidden;border-radius:5px; font-size:20px">Öffnen</a>
- </div>
+<h2><a class="openButton" href="https://dvbfast.github.io" target="_blank" style="background-color:#ffc107;color:black;padding:12px;overflow:hidden;border-radius:5px; font-size:20px">Webseite öffnen</a>
+ </div></h2>
 <br>
 <br>
 

assets/images/linkpreview.jpg

@@ -9,6 +9,15 @@
   <link type="text/css" rel="stylesheet" href="assets/frameworks/materialize/css/materialize.min.css"
     media="screen,projection" />
 
+    <meta property="og:url" content="https://dvbfast.github.io" />
+<meta property="og:type" content="article" />
+<meta property="og:title" content="DVBFast - Die schnellste Abfahrtsanzeige für Dresden" />
+<meta property="og:description" content="Basierend auf dem Standort werden die Abfahrtszeiten der umliegenden Haltestellen angezeigt - ganz ohne Eingabe oder Suche!" />
+<meta property="og:image" content="http://dvbfast.github.io/assets/images/linkpreview.jpg" />
+<meta name="twitter:card" content="summary_large_image">
+<meta property="og:site_name" content="DVBFast">
+<meta name="twitter:image:alt" content="Logo of DVBFast">
+
   <meta charset="utf-8">
   <meta name="mobile-web-app-capable" content="yes">
   <meta name="apple-mobile-web-app-capable" content="yes">