Merge pull request #37 from metafacture/add-discourse

Add discourse
metafacture · Mar 21, 2024 · 95036a2 · 95036a2
2 parents 2c94077 + 43023ea
commit 95036a2
Show file tree

Hide file tree

Showing 3 changed files with 18 additions and 2 deletions.
diff --git a/gatsby-config.js b/gatsby-config.js
@@ -9,6 +9,7 @@ module.exports = {
     social: {
       mastodon: `metafacture`,
       github: `metafacture`,
+      discourse: "https://metadaten.community/c/software-und-tools/metafacture/8"
     },
   },
   plugins: [

diff --git a/src/components/bio.js b/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, faMastodon } from '@fortawesome/free-brands-svg-icons'
+import { faGithub, faMastodon, faDiscourse } from '@fortawesome/free-brands-svg-icons'
 
 const Bio = () => {
   const data = useStaticQuery(graphql`
@@ -22,6 +22,7 @@ const Bio = () => {
           social {
             mastodon
             github
+            discourse
           }
           description
         }
@@ -71,6 +72,15 @@ const Bio = () => {
               }}>
               <FontAwesomeIcon size="1x" icon={faGithub} />
             </a>
+            <a href={`${social.discourse}`}
+              style={{
+                fontSize: `1.75em`,
+                padding: `0em 0.2em`,
+                color: `#000`,
+                boxShadow: `none`,
+              }}>
+              <FontAwesomeIcon size="1x" icon={faDiscourse} />
+            </a>
           </p>
         </div>
       )}

diff --git a/src/components/layout.js b/src/components/layout.js
@@ -2,7 +2,7 @@ import * as React from "react"
 import { useStaticQuery, graphql } from "gatsby"
 import { Link } from "gatsby"
 import { FontAwesomeIcon } from '@fortawesome/react-fontawesome'
-import { faGithub, faMastodon } from '@fortawesome/free-brands-svg-icons'
+import { faGithub, faMastodon, faDiscourse } from '@fortawesome/free-brands-svg-icons'
 
 const Layout = ({ location, title, children }) => {
   const rootPath = `${__PATH_PREFIX__}/`
@@ -16,6 +16,7 @@ const Layout = ({ location, title, children }) => {
           social {
             mastodon
             github
+            discourse
           }
         }
       }
@@ -53,6 +54,10 @@ const Layout = ({ location, title, children }) => {
         GitHub <FontAwesomeIcon icon={faGithub} size="1x" style={{ color: `#000` }} />
       </a>
       {` | `}
+      <a href={`${social?.discourse || ``}`}>
+        Discourse <FontAwesomeIcon icon={faDiscourse} size="1x" style={{ color: `#000` }} />
+      </a>
+      {` | `}
       <a href="/rss.xml">Feed</a>
     </div>
   )