From c1874cd408105d3d662ba94204398c9588ab8450 Mon Sep 17 00:00:00 2001
From: Dhawal Parkar <dhawalparkar@gmail.com>
Date: Fri, 22 Dec 2017 03:57:20 -0800
Subject: [PATCH] meta tags change (#20)

* restructuring

* clean up

* removing unneccessary css

* cleaning out controls

* css and clean up

* fixing # issue in link

* adding share counts

* remove disqus

* centering videos

* removing center tags

* updating manifest

* adding fontawesome

* working menu

* changing fonts for share

* share from anywhere

* adding about page

* adding wait graphs

* making both waits similar

* adding back disqus

* border radius and disqus title

* border radius

* removing prints

* centering waiter

* increasing title size

* changing hover behavior

* adding tags and changing behavior

* adding tags

* removing react-tag-input

* tags reload

* enabling routing back to logs if in tagged mode

* ensuring encoding and tags design

* testing direct youtube embedd

* testing video dims

* testing video dims

* testing video embedd

* iframe align center

* iframe align middle

* iframe css

* textalign iframe

* media classname

* centering video

* seperating tags and autoscrolling

* adding onhover for about

* switching back to read from master

* removing unused react-floating-button-menu

* renaming back to cs

* using metatags

* adding metatags to major jsxs

* removing react-meta-tags

* formatting meta tags

* correcting indices for meta

* updating meta in all jsx

* updating meta in err

* correcting meta
---
 ...d => cs_hostname_machinename_ipaddress.md} |  0
 ...s_unit_testing_ftp_with_resource_files.md} |  0
 ....md => cs_unit_testing_private_methods.md} |  0
 content/logs.json                             |  6 ++--
 public/index.html                             | 29 +++++++++----------
 src/About/about.jsx                           | 25 ++++------------
 src/Err/err.jsx                               |  3 ++
 src/LogDetails/logdetails.jsx                 |  9 ++++--
 src/Logs/logs.jsx                             | 14 +++++++--
 src/Stats/stats.jsx                           |  6 +++-
 10 files changed, 48 insertions(+), 44 deletions(-)
 rename content/{c#_hostname_machinename_ipaddress.md => cs_hostname_machinename_ipaddress.md} (100%)
 rename content/{c#_unit_testing_ftp_with_resource_files.md => cs_unit_testing_ftp_with_resource_files.md} (100%)
 rename content/{c#_unit_testing_private_methods.md => cs_unit_testing_private_methods.md} (100%)

diff --git a/content/c#_hostname_machinename_ipaddress.md b/content/cs_hostname_machinename_ipaddress.md
similarity index 100%
rename from content/c#_hostname_machinename_ipaddress.md
rename to content/cs_hostname_machinename_ipaddress.md
diff --git a/content/c#_unit_testing_ftp_with_resource_files.md b/content/cs_unit_testing_ftp_with_resource_files.md
similarity index 100%
rename from content/c#_unit_testing_ftp_with_resource_files.md
rename to content/cs_unit_testing_ftp_with_resource_files.md
diff --git a/content/c#_unit_testing_private_methods.md b/content/cs_unit_testing_private_methods.md
similarity index 100%
rename from content/c#_unit_testing_private_methods.md
rename to content/cs_unit_testing_private_methods.md
diff --git a/content/logs.json b/content/logs.json
index 1fed1b8..f4b9f22 100644
--- a/content/logs.json
+++ b/content/logs.json
@@ -44,7 +44,7 @@
     {
         "key":-5,
         "datetime":"2010-05-17T18:42:00.000Z",
-        "title":"c#_unit_testing_private_methods",
+        "title":"cs_unit_testing_private_methods",
         "tags":["c#","unit-tests"]
     },
     {
@@ -56,13 +56,13 @@
     {
         "key":-7,
         "datetime":"2010-04-26T07:45:00.000Z",
-        "title":"c#_unit_testing_ftp_with_resource_files",
+        "title":"cs_unit_testing_ftp_with_resource_files",
         "tags":["c#","unit-tests","ftp"]
     },
     {
         "key":-8,
         "datetime":"2010-03-08T21:02:00.000Z",
-        "title":"c#_hostname_machinename_ipaddress",
+        "title":"cs_hostname_machinename_ipaddress",
         "tags":["c#"]
     },
     {
diff --git a/public/index.html b/public/index.html
index 8171c4f..1b2b131 100644
--- a/public/index.html
+++ b/public/index.html
@@ -4,21 +4,6 @@
     <meta charset="utf-8"/>
     <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/>
     <meta name="theme-color" content="#000000"/>
-    <!-- OG -->
-    <meta property="og:type" content="website" />
-    <meta property="og:site_name" content="dplogs"/>
-    <meta property="og:title" content="dhawal parkar logs ..." />
-    <meta property="og:url" content="http://dplogs.com" />
-    <meta property="og:image" content="https://dplogscontent.blob.core.windows.net/dplogs/metaimage_250_250.png" />
-    <meta property="og:image:alt" content="dplogs" />
-    <meta property="og:image:width" content="250" />
-    <meta property="og:image:height" content="250" />
-    <meta property="og:description" content="Artificial Intelligence and Robotics" />
-    <!-- Facebook OG -->
-    <meta property="fb:app_id" content="367989410291145" />
-    <!-- Twitter OG -->
-    <meta name="twitter:card" content="summary" />
-    <meta name="twitter:creator" content="@dparkar" />
     <!--
       manifest.json provides metadata used when your web app is added to the
       homescreen on Android. See https://developers.google.com/web/fundamentals/engage-and-retain/web-app-manifest/
@@ -35,7 +20,19 @@
       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>logs | dhawal parkar</title>
+    <meta property="og:title" content="logs | dhawal parkar"/>
+    <meta property="og:url" content="http://dplogs.com"/>
+    <meta property="og:description" content="Artificial Intelligence and Robotics"/>
+    <meta property="og:type" content="website" />
+    <meta property="og:site_name" content="dplogs"/>
+    <meta property="og:image" content="https://dplogscontent.blob.core.windows.net/dplogs/metaimage_250_250.png"/>
+    <meta property="og:image:alt" content="dplogs" />
+    <meta property="og:image:width" content="250" />
+    <meta property="og:image:height" content="250" />
+    <meta property="fb:app_id" content="367989410291145" />
+    <meta name="twitter:card" content="summary" />
+    <meta name="twitter:creator" content="@dparkar" />
 
     <!-- Start Single Page Apps for GitHub Pages -->
     <script type="text/javascript">
diff --git a/src/About/about.jsx b/src/About/about.jsx
index c95b7c3..f9e5a0d 100644
--- a/src/About/about.jsx
+++ b/src/About/about.jsx
@@ -1,31 +1,18 @@
 import React from 'react';
 import { TrackedComponent } from 'react-appinsights';
 import FontAwesome from 'react-fontawesome';
+
 import './about.css';
 
 export default class About extends TrackedComponent {
   render() {
+    document.title = 'about | dhawal parkar';
+    document.getElementsByTagName('META')[3].content = 'about | dhawal parkar';
+    document.getElementsByTagName('META')[4].content =
+      'http://dplogs.com/about';
+
     return (
       <div className="about">
-        <title> about | dhawal parkar </title>
-        <meta property="og:type" content="website" />
-        <meta property="og:site_name" content="dplogs" />
-        <meta property="og:title" content="about | dhawal parkar" />
-        <meta property="og:url" content="http://dplogs.com/about" />
-        <meta
-          property="og:image"
-          content="https://dplogscontent.blob.core.windows.net/dplogs/metaimage_250_250.png"
-        />
-        <meta property="og:image:alt" content="dplogs" />
-        <meta property="og:image:width" content="250" />
-        <meta property="og:image:height" content="250" />
-        <meta
-          property="og:description"
-          content="Artificial Intelligence and Robotics"
-        />
-        <meta property="fb:app_id" content="367989410291145" />
-        <meta name="twitter:card" content="summary" />
-        <meta name="twitter:creator" content="@dparkar" />
         <div className="aboutcontent">
           <a
             href="https://www.linkedin.com/in/dparkar"
diff --git a/src/Err/err.jsx b/src/Err/err.jsx
index 40149e1..5a7845b 100644
--- a/src/Err/err.jsx
+++ b/src/Err/err.jsx
@@ -4,6 +4,9 @@ import './err.css';
 
 export default class Err extends TrackedComponent {
   render() {
+    document.title = 'err | dhawal parkar';
+    document.getElementsByTagName('META')[3].content = 'err | dhawal parkar';
+    document.getElementsByTagName('META')[4].content = 'http://dplogs.com/err';
     return (
       <div className="err">
         <title>err | dhawal parkar</title>
diff --git a/src/LogDetails/logdetails.jsx b/src/LogDetails/logdetails.jsx
index 7d4b028..feb3ad0 100644
--- a/src/LogDetails/logdetails.jsx
+++ b/src/LogDetails/logdetails.jsx
@@ -46,6 +46,12 @@ export default class LogDetails extends TrackedComponent {
   }
 
   render() {
+    document.title = this.state.logtitle + ' | dhawal parkar';
+    document.getElementsByTagName('META')[3].content =
+      this.state.logtitle + ' | dhawal parkar';
+    document.getElementsByTagName('META')[4].content =
+      'http://dplogs.com/log/' + this.state.logtitle;
+
     let fullcontent;
     if (this.state.logdetails === undefined && this.state.fetched === false) {
       fullcontent = (
@@ -68,9 +74,6 @@ export default class LogDetails extends TrackedComponent {
 
     return (
       <div>
-        <title>
-          {this.state.logtitle} | dhawal parkar
-        </title>
         {fullcontent}
       </div>
     );
diff --git a/src/Logs/logs.jsx b/src/Logs/logs.jsx
index 8f46184..f3b064a 100644
--- a/src/Logs/logs.jsx
+++ b/src/Logs/logs.jsx
@@ -3,7 +3,6 @@ import { Link } from 'react-router-dom';
 import { TrackedComponent } from 'react-appinsights';
 import GitHub from 'github-api';
 import { Wave } from 'better-react-spinkit';
-
 import './logs.css';
 
 let repo;
@@ -47,6 +46,18 @@ export default class Logs extends TrackedComponent {
   }
 
   render() {
+    if (this.state.tagged === undefined) {
+      document.title = 'logs | dhawal parkar';
+      document.getElementsByTagName('META')[3].content = 'logs | dhawal parkar';
+      document.getElementsByTagName('META')[4].content = 'http://dplogs.com';
+    } else {
+      document.title = 'tagged ' + this.state.tagged + ' | dhawal parkar';
+      document.getElementsByTagName('META')[3].content =
+        'tagged ' + this.state.tagged + ' | dhawal parkar';
+      document.getElementsByTagName('META')[4].content =
+        'http://dplogs.com/tagged/' + this.state.tagged;
+    }
+
     let filteredlogs = this.state.logs;
     let logs;
     if (this.state.logs.length === 0 && this.state.fetched === false) {
@@ -96,7 +107,6 @@ export default class Logs extends TrackedComponent {
     }
     return (
       <div id="logs" className="logs">
-        <title>logs | dhawal parkar</title>
         {logs}
       </div>
     );
diff --git a/src/Stats/stats.jsx b/src/Stats/stats.jsx
index ecf9387..120ae9a 100644
--- a/src/Stats/stats.jsx
+++ b/src/Stats/stats.jsx
@@ -4,9 +4,13 @@ import './stats.css';
 
 export default class Stats extends TrackedComponent {
   render() {
+    document.title = 'stats | dhawal parkar';
+    document.getElementsByTagName('META')[3].content = 'stats | dhawal parkar';
+    document.getElementsByTagName('META')[4].content =
+      'http://dplogs.com/stats';
+
     return (
       <div className="Logs">
-        <title>stats | dhawal parkar</title>
         <div className="stats">
           <h1>soon</h1>
         </div>