Merge pull request #8 from LemonUnit/add-twitter-card

Added Twitter Card config
LemonUnit · Sep 23, 2019 · 9818713 · 9818713
2 parents 89ba50e + 7a57a42
commit 9818713
Show file tree

Hide file tree

Showing 3 changed files with 44 additions and 31 deletions.
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -4,12 +4,15 @@ All notable changes to this project will be documented in this file.
 The format is based on [Keep a Changelog](http://keepachangelog.com/en/1.0.0/)
 and this project adheres to [Semantic Versioning](http://semver.org/spec/v2.0.0.html).
 
+## [Unreleased]
+### Added
+- Added Twitter card config
+
 ## [[0.2.0](https://github.com/LemonUnit/csv-editor-online/releases/tag/0.2.0)] - 2019-09-12
 - Fixed error with empty rows in Data Grid [#1](https://github.com/LemonUnit/csv-editor-online/issues/1)
 - Enabled PWA support [#2](https://github.com/LemonUnit/csv-editor-online/issues/3)
 - Improved CSV delimiter logic [#3](https://github.com/LemonUnit/csv-editor-online/issues/3)
 
-
 ## [[0.1.0](https://github.com/LemonUnit/csv-editor-online/releases/tag/0.1.0)] - 2019-09-05
 - Initial application configuration with Create React App, TypeScript and Ant Design
 - Added CSV, GRID and JSON modes

diff --git a/public/index.html b/public/index.html
@@ -1,22 +1,30 @@
 <!DOCTYPE html>
 <html lang="en">
-  <head>
-    <meta charset="utf-8" />
-    <link rel="shortcut icon" href="%PUBLIC_URL%/favicon.ico" />
-    <meta name="viewport" content="width=device-width, initial-scale=1" />
-    <meta name="theme-color" content="#000000" />
-    <meta
-      name="description"
-      content="CSV Editor Online is a web-based tool to view and edit CSV files. It presents the data in a clear text editor and simple spreadsheet that is easily editable. Install CSV Editor Online as Progressive Web Application and use it even when you don’t have access to Internet."
-    />
-    <meta name="google-site-verification" content="F3ijmE2SJyw6Oqn4cu_cK9Vtidpip_Z5bLJE7Rna7u8" />
-    <link rel="apple-touch-icon" href="logo192.png" />
-    <!--
+
+<head>
+  <meta charset="utf-8" />
+  <link rel="shortcut icon" href="%PUBLIC_URL%/favicon.ico" />
+  <meta name="viewport" content="width=device-width, initial-scale=1" />
+  <meta name="theme-color" content="#000000" />
+  <meta name="description"
+    content="CSV Editor Online is a web-based tool to view and edit CSV files. It presents the data in a clear text editor and simple spreadsheet that is easily editable. Install CSV Editor Online as Progressive Web Application and use it even when you don’t have access to Internet." />
+  <meta name="google-site-verification" content="F3ijmE2SJyw6Oqn4cu_cK9Vtidpip_Z5bLJE7Rna7u8" />
+  <link rel="apple-touch-icon" href="logo192.png" />
+
+  <meta name="twitter:card" content="summary_large_image">
+  <meta name="twitter:site" content="@lemonunitcom">
+  <meta name="twitter:creator" content="@jurijtokarski">
+  <meta name="twitter:title" content="CSV Editor Online">
+  <meta name="twitter:description"
+    content="CSV Editor Online is a web-based tool to view and edit CSV files. It presents the data in a clear text editor and simple spreadsheet that is easily editable. Install CSV Editor Online as Progressive Web Application and use it even when you don’t have access to Internet.">
+  <meta name="twitter:image"
+    content="https://lemonunit.github.io/csv-editor-online/logo1024.png">
+  <!--
       manifest.json provides metadata used when your web app is installed on a
       user's mobile device or desktop. See https://developers.google.com/web/fundamentals/web-app-manifest/
     -->
-    <link rel="manifest" href="%PUBLIC_URL%/manifest.json" />
-    <!--
+  <link rel="manifest" href="%PUBLIC_URL%/manifest.json" />
+  <!--
       Notice the use of %PUBLIC_URL% in the tags above.
       It will be replaced with the URL of the `public` folder during the build.
       Only files inside the `public` folder can be referenced from the HTML.
@@ -25,12 +33,13 @@
       work correctly both with client-side routing and a non-root public URL.
       Learn how to configure a non-root public URL by running `npm run build`.
     -->
-    <title>CSV Editor Online</title>
-  </head>
-  <body>
-    <noscript>You need to enable JavaScript to run this app.</noscript>
-    <div id="root"></div>
-    <!--
+  <title>CSV Editor Online</title>
+</head>
+
+<body>
+  <noscript>You need to enable JavaScript to run this app.</noscript>
+  <div id="root"></div>
+  <!--
       This HTML file is a template.
       If you open it directly in the browser, you will see an empty page.
 
@@ -41,13 +50,14 @@
       To create a production bundle, use `npm run build` or `yarn build`.
     -->
 
-    <!-- Global site tag (gtag.js) - Google Analytics -->
-    <script async src="https://www.googletagmanager.com/gtag/js?id=UA-147740585-1"></script>
-    <script>
-      window.dataLayer = window.dataLayer || [];
-      function gtag(){dataLayer.push(arguments);}
-      gtag('js', new Date());
-      gtag('config', 'UA-147740585-1');
-    </script>
-  </body>
-</html>
+  <!-- Global site tag (gtag.js) - Google Analytics -->
+  <script async src="https://www.googletagmanager.com/gtag/js?id=UA-147740585-1"></script>
+  <script>
+    window.dataLayer = window.dataLayer || [];
+    function gtag() { dataLayer.push(arguments); }
+    gtag('js', new Date());
+    gtag('config', 'UA-147740585-1');
+  </script>
+</body>
+
+</html>
diff --git a/public/logo1024.png b/public/logo1024.png