Remove twitter links #34

Author: sroertgen

gatsby-config.js

@@ -8,7 +8,6 @@ module.exports = {
     siteUrl: `https://blog.metafacture.org/`,
     social: {
       mastodon: `metafacture`,
-      twitter: `metafacture`,
       github: `metafacture`,
     },
   },

gatsby-node.js

@@ -89,7 +89,6 @@ exports.createSchemaCustomization = ({ actions }) => {
     }
 
     type Social {
-      twitter: String
       mastodon: String
     }
 

src/components/bio.js

@@ -9,7 +9,7 @@ import * as React from "react"
 import { useStaticQuery, graphql } from "gatsby"
 import { StaticImage } from "gatsby-plugin-image"
 import { FontAwesomeIcon } from '@fortawesome/react-fontawesome'
-import { faGithub, faTwitter, faMastodon } from '@fortawesome/free-brands-svg-icons'
+import { faGithub, faMastodon } from '@fortawesome/free-brands-svg-icons'
 
 const Bio = () => {
   const data = useStaticQuery(graphql`
@@ -21,7 +21,6 @@ const Bio = () => {
           }
           social {
             mastodon
-            twitter
             github
           }
           description
@@ -36,7 +35,7 @@ const Bio = () => {
   const social = data.site.siteMetadata?.social
 
   return (
-    <div  className="bio">
+    <div className="bio">
       <StaticImage
         className="bio-avatar"
         layout="fixed"
@@ -47,41 +46,33 @@ const Bio = () => {
         alt="Metafacture ant"
       />
       {author?.name && (
-       <div>
-        <p>
-          {description}
-          {` `}
-          This blog is maintained by <strong>{author.name}</strong>.
-        </p>
-        <p>
-          <a href={`https://openbiblio.social/@${social?.mastodon || ``}`}
-             style={{
-              fontSize: `1.75em`,
-              padding: `0em 0.2em`,
-              color: `#3088d4`,
-              boxShadow: `none`,
-            }}>
-            <FontAwesomeIcon size="1x" icon={faMastodon}/>
-          </a>
-          <a href={`https://twitter.com/${social?.twitter || ``}`}
-             style={{
-              fontSize: `1.75em`,
-              padding: `0em 0.2em`,
-              boxShadow: `none`,
-            }}>
-            <FontAwesomeIcon size="1x" icon={faTwitter}/>
-          </a>
-          <a href={`https://www.github.com/${social?.github || ``}`}
-             style={{
-              fontSize: `1.75em`,
-              padding: `0em 0.2em`,
-              color: `#000`,
-              boxShadow: `none`,
-            }}>
-          <FontAwesomeIcon size="1x" icon={faGithub}/>
-          </a>
-        </p>
-       </div>
+        <div>
+          <p>
+            {description}
+            {` `}
+            This blog is maintained by <strong>{author.name}</strong>.
+          </p>
+          <p>
+            <a href={`https://openbiblio.social/@${social?.mastodon || ``}`}
+              style={{
+                fontSize: `1.75em`,
+                padding: `0em 0.2em`,
+                color: `#3088d4`,
+                boxShadow: `none`,
+              }}>
+              <FontAwesomeIcon size="1x" icon={faMastodon} />
+            </a>
+            <a href={`https://www.github.com/${social?.github || ``}`}
+              style={{
+                fontSize: `1.75em`,
+                padding: `0em 0.2em`,
+                color: `#000`,
+                boxShadow: `none`,
+              }}>
+              <FontAwesomeIcon size="1x" icon={faGithub} />
+            </a>
+          </p>
+        </div>
       )}
     </div>
   )

src/components/layout.js

@@ -2,9 +2,9 @@ import * as React from "react"
 import { useStaticQuery, graphql } from "gatsby"
 import { Link } from "gatsby"
 import { FontAwesomeIcon } from '@fortawesome/react-fontawesome'
-import { faGithub, faTwitter, faMastodon } from '@fortawesome/free-brands-svg-icons'
+import { faGithub, faMastodon } from '@fortawesome/free-brands-svg-icons'
 
-const Layout = ({ location, title, children  }) => {
+const Layout = ({ location, title, children }) => {
   const rootPath = `${__PATH_PREFIX__}/`
   const isRootPath = location.pathname === rootPath
   let header
@@ -15,7 +15,6 @@ const Layout = ({ location, title, children  }) => {
         siteMetadata {
           social {
             mastodon
-            twitter
             github
           }
         }
@@ -47,15 +46,11 @@ const Layout = ({ location, title, children  }) => {
       <a href="http://www.metafacture.org">Metafacture.org</a>
       {` | `}
       <a href={`https://openbiblio.social/@${social?.mastodon || ``}`}>
-        Mastodon <FontAwesomeIcon icon={faMastodon} size="1x" style={{ color: `#3088d4`}}/>
-      </a>
-      {` | `}
-      <a href={`https://twitter.com/${social?.twitter || ``}`}>
-        Twitter <FontAwesomeIcon size="1x" icon={faTwitter}/>
+        Mastodon <FontAwesomeIcon icon={faMastodon} size="1x" style={{ color: `#3088d4` }} />
       </a>
       {` | `}
       <a href={`https://www.github.com/${social?.github || ``}`}>
-        GitHub <FontAwesomeIcon icon={faGithub} size="1x" style={{ color: `#000`}}/>
+        GitHub <FontAwesomeIcon icon={faGithub} size="1x" style={{ color: `#000` }} />
       </a>
       {` | `}
       <a href="/rss.xml">Feed</a>

src/components/seo.js

@@ -18,9 +18,6 @@ const SEO = ({ description, lang, meta, title }) => {
           siteMetadata {
             title
             description
-            social {
-              twitter
-            }
           }
         }
       }
@@ -54,22 +51,6 @@ const SEO = ({ description, lang, meta, title }) => {
           property: `og:type`,
           content: `website`,
         },
-        {
-          name: `twitter:card`,
-          content: `summary`,
-        },
-        {
-          name: `twitter:creator`,
-          content: site.siteMetadata?.social?.twitter || ``,
-        },
-        {
-          name: `twitter:title`,
-          content: title,
-        },
-        {
-          name: `twitter:description`,
-          content: metaDescription,
-        },
       ].concat(meta)}
     />
   )