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
dparkar · Dec 22, 2017 · c1874cd · c1874cd
1 parent 7191cb9
commit c1874cd
Show file tree

Hide file tree

Showing 10 changed files with 48 additions and 44 deletions.
diff --git a/content/c#_hostname_machinename_ipaddress.md → content/cs_hostname_machinename_ipaddress.md b/content/c#_hostname_machinename_ipaddress.md → content/cs_hostname_machinename_ipaddress.md
diff --git a/...#_unit_testing_ftp_with_resource_files.md → ...s_unit_testing_ftp_with_resource_files.md b/...#_unit_testing_ftp_with_resource_files.md → ...s_unit_testing_ftp_with_resource_files.md
diff --git a/content/c#_unit_testing_private_methods.md → content/cs_unit_testing_private_methods.md b/content/c#_unit_testing_private_methods.md → content/cs_unit_testing_private_methods.md
diff --git 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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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>