aboutsummaryrefslogtreecommitdiffhomepage
diff options
context:
space:
mode:
authorKevin J Hoerr <kjhoerr@protonmail.com>2021-04-22 16:22:03 -0400
committerKevin J Hoerr <kjhoerr@protonmail.com>2021-04-22 16:22:03 -0400
commit798312173829dea3320b1207ebb3d580cc882578 (patch)
treecedac9341a08971318d6cd8fefe314ecdfe31237
parentc5f613990c2ec31b61c124aa18523d04768e107e (diff)
downloadsubmelon.dev-798312173829dea3320b1207ebb3d580cc882578.tar.gz
submelon.dev-798312173829dea3320b1207ebb3d580cc882578.tar.bz2
submelon.dev-798312173829dea3320b1207ebb3d580cc882578.zip
Use FA Mastodon icon
Diffstat
-rw-r--r--package-lock.json102
-rw-r--r--package.json2
-rw-r--r--src/pages/index.tsx5
3 files changed, 107 insertions, 2 deletions
diff --git a/package-lock.json b/package-lock.json
index 7e99146..0ec96d3 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -7,10 +7,13 @@
"": {
"version": "1.0.0",
"dependencies": {
+ "@fortawesome/fontawesome-free": "^5.15.3",
"@mdx-js/mdx": "^1.6.22",
"@mdx-js/react": "^1.6.22",
+ "@types/react-icons": "^3.0.0",
"babel-plugin-styled-components": "^1.12.0",
"gatsby": "^3.3.1",
+ "gatsby-plugin-fontawesome-css": "^1.1.0",
"gatsby-plugin-image": "^1.3.1",
"gatsby-plugin-manifest": "^3.3.0",
"gatsby-plugin-mdx": "^2.3.0",
@@ -23,6 +26,7 @@
"react": "^17.0.1",
"react-dom": "^17.0.1",
"react-helmet": "^6.1.0",
+ "react-icons": "^4.2.0",
"styled-components": "^5.2.3"
},
"devDependencies": {
@@ -1632,6 +1636,38 @@
"node": ">=8"
}
},
+ "node_modules/@fortawesome/fontawesome-common-types": {
+ "version": "0.2.35",
+ "resolved": "https://registry.npmjs.org/@fortawesome/fontawesome-common-types/-/fontawesome-common-types-0.2.35.tgz",
+ "integrity": "sha512-IHUfxSEDS9dDGqYwIW7wTN6tn/O8E0n5PcAHz9cAaBoZw6UpG20IG/YM3NNLaGPwPqgjBAFjIURzqoQs3rrtuw==",
+ "hasInstallScript": true,
+ "peer": true,
+ "engines": {
+ "node": ">=6"
+ }
+ },
+ "node_modules/@fortawesome/fontawesome-free": {
+ "version": "5.15.3",
+ "resolved": "https://registry.npmjs.org/@fortawesome/fontawesome-free/-/fontawesome-free-5.15.3.tgz",
+ "integrity": "sha512-rFnSUN/QOtnOAgqFRooTA3H57JLDm0QEG/jPdk+tLQNL/eWd+Aok8g3qCI+Q1xuDPWpGW/i9JySpJVsq8Q0s9w==",
+ "hasInstallScript": true,
+ "engines": {
+ "node": ">=6"
+ }
+ },
+ "node_modules/@fortawesome/fontawesome-svg-core": {
+ "version": "1.2.35",
+ "resolved": "https://registry.npmjs.org/@fortawesome/fontawesome-svg-core/-/fontawesome-svg-core-1.2.35.tgz",
+ "integrity": "sha512-uLEXifXIL7hnh2sNZQrIJWNol7cTVIzwI+4qcBIq9QWaZqUblm0IDrtSqbNg+3SQf8SMGHkiSigD++rHmCHjBg==",
+ "hasInstallScript": true,
+ "peer": true,
+ "dependencies": {
+ "@fortawesome/fontawesome-common-types": "^0.2.35"
+ },
+ "engines": {
+ "node": ">=6"
+ }
+ },
"node_modules/@gatsbyjs/reach-router": {
"version": "1.3.6",
"resolved": "https://registry.npmjs.org/@gatsbyjs/reach-router/-/reach-router-1.3.6.tgz",
@@ -3118,6 +3154,15 @@
"@types/react": "*"
}
},
+ "node_modules/@types/react-icons": {
+ "version": "3.0.0",
+ "resolved": "https://registry.npmjs.org/@types/react-icons/-/react-icons-3.0.0.tgz",
+ "integrity": "sha512-Vefs6LkLqF61vfV7AiAqls+vpR94q67gunhMueDznG+msAkrYgRxl7gYjNem/kZ+as2l2mNChmF1jRZzzQQtMg==",
+ "deprecated": "This is a stub types definition. react-icons provides its own type definitions, so you do not need this installed.",
+ "dependencies": {
+ "react-icons": "*"
+ }
+ },
"node_modules/@types/readable-stream": {
"version": "2.3.9",
"resolved": "https://registry.npmjs.org/@types/readable-stream/-/readable-stream-2.3.9.tgz",
@@ -11082,6 +11127,15 @@
"node": ">=12.13.0"
}
},
+ "node_modules/gatsby-plugin-fontawesome-css": {
+ "version": "1.1.0",
+ "resolved": "https://registry.npmjs.org/gatsby-plugin-fontawesome-css/-/gatsby-plugin-fontawesome-css-1.1.0.tgz",
+ "integrity": "sha512-7rAiOpTXtkLjHCrASY9Bmvq4c3UFDqj2ZZPuKTyRgK92+tL675tAIlSU5Rjv8HfftNWIkmFKm8uJF3EPT+OpBA==",
+ "peerDependencies": {
+ "@fortawesome/fontawesome-svg-core": "^1.2.0",
+ "gatsby": "^3.0.0"
+ }
+ },
"node_modules/gatsby-plugin-image": {
"version": "1.3.1",
"resolved": "https://registry.npmjs.org/gatsby-plugin-image/-/gatsby-plugin-image-1.3.1.tgz",
@@ -21750,6 +21804,14 @@
"react": ">=16.3.0"
}
},
+ "node_modules/react-icons": {
+ "version": "4.2.0",
+ "resolved": "https://registry.npmjs.org/react-icons/-/react-icons-4.2.0.tgz",
+ "integrity": "sha512-rmzEDFt+AVXRzD7zDE21gcxyBizD/3NqjbX6cmViAgdqfJ2UiLer8927/QhhrXQV7dEj/1EGuOTPp7JnLYVJKQ==",
+ "peerDependencies": {
+ "react": "*"
+ }
+ },
"node_modules/react-is": {
"version": "16.13.1",
"resolved": "https://registry.npmjs.org/react-is/-/react-is-16.13.1.tgz",
@@ -28890,6 +28952,26 @@
}
}
},
+ "@fortawesome/fontawesome-common-types": {
+ "version": "0.2.35",
+ "resolved": "https://registry.npmjs.org/@fortawesome/fontawesome-common-types/-/fontawesome-common-types-0.2.35.tgz",
+ "integrity": "sha512-IHUfxSEDS9dDGqYwIW7wTN6tn/O8E0n5PcAHz9cAaBoZw6UpG20IG/YM3NNLaGPwPqgjBAFjIURzqoQs3rrtuw==",
+ "peer": true
+ },
+ "@fortawesome/fontawesome-free": {
+ "version": "5.15.3",
+ "resolved": "https://registry.npmjs.org/@fortawesome/fontawesome-free/-/fontawesome-free-5.15.3.tgz",
+ "integrity": "sha512-rFnSUN/QOtnOAgqFRooTA3H57JLDm0QEG/jPdk+tLQNL/eWd+Aok8g3qCI+Q1xuDPWpGW/i9JySpJVsq8Q0s9w=="
+ },
+ "@fortawesome/fontawesome-svg-core": {
+ "version": "1.2.35",
+ "resolved": "https://registry.npmjs.org/@fortawesome/fontawesome-svg-core/-/fontawesome-svg-core-1.2.35.tgz",
+ "integrity": "sha512-uLEXifXIL7hnh2sNZQrIJWNol7cTVIzwI+4qcBIq9QWaZqUblm0IDrtSqbNg+3SQf8SMGHkiSigD++rHmCHjBg==",
+ "peer": true,
+ "requires": {
+ "@fortawesome/fontawesome-common-types": "^0.2.35"
+ }
+ },
"@gatsbyjs/reach-router": {
"version": "1.3.6",
"resolved": "https://registry.npmjs.org/@gatsbyjs/reach-router/-/reach-router-1.3.6.tgz",
@@ -30114,6 +30196,14 @@
"@types/react": "*"
}
},
+ "@types/react-icons": {
+ "version": "3.0.0",
+ "resolved": "https://registry.npmjs.org/@types/react-icons/-/react-icons-3.0.0.tgz",
+ "integrity": "sha512-Vefs6LkLqF61vfV7AiAqls+vpR94q67gunhMueDznG+msAkrYgRxl7gYjNem/kZ+as2l2mNChmF1jRZzzQQtMg==",
+ "requires": {
+ "react-icons": "*"
+ }
+ },
"@types/readable-stream": {
"version": "2.3.9",
"resolved": "https://registry.npmjs.org/@types/readable-stream/-/readable-stream-2.3.9.tgz",
@@ -36335,6 +36425,12 @@
"micromatch": "^4.0.2"
}
},
+ "gatsby-plugin-fontawesome-css": {
+ "version": "1.1.0",
+ "resolved": "https://registry.npmjs.org/gatsby-plugin-fontawesome-css/-/gatsby-plugin-fontawesome-css-1.1.0.tgz",
+ "integrity": "sha512-7rAiOpTXtkLjHCrASY9Bmvq4c3UFDqj2ZZPuKTyRgK92+tL675tAIlSU5Rjv8HfftNWIkmFKm8uJF3EPT+OpBA==",
+ "requires": {}
+ },
"gatsby-plugin-image": {
"version": "1.3.1",
"resolved": "https://registry.npmjs.org/gatsby-plugin-image/-/gatsby-plugin-image-1.3.1.tgz",
@@ -44512,6 +44608,12 @@
"react-side-effect": "^2.1.0"
}
},
+ "react-icons": {
+ "version": "4.2.0",
+ "resolved": "https://registry.npmjs.org/react-icons/-/react-icons-4.2.0.tgz",
+ "integrity": "sha512-rmzEDFt+AVXRzD7zDE21gcxyBizD/3NqjbX6cmViAgdqfJ2UiLer8927/QhhrXQV7dEj/1EGuOTPp7JnLYVJKQ==",
+ "requires": {}
+ },
"react-is": {
"version": "16.13.1",
"resolved": "https://registry.npmjs.org/react-is/-/react-is-16.13.1.tgz",
diff --git a/package.json b/package.json
index ae2ead4..4f361f1 100644
--- a/package.json
+++ b/package.json
@@ -17,6 +17,7 @@
"dependencies": {
"@mdx-js/mdx": "^1.6.22",
"@mdx-js/react": "^1.6.22",
+ "@types/react-icons": "^3.0.0",
"babel-plugin-styled-components": "^1.12.0",
"gatsby": "^3.3.1",
"gatsby-plugin-image": "^1.3.1",
@@ -31,6 +32,7 @@
"react": "^17.0.1",
"react-dom": "^17.0.1",
"react-helmet": "^6.1.0",
+ "react-icons": "^4.2.0",
"styled-components": "^5.2.3"
},
"devDependencies": {
diff --git a/src/pages/index.tsx b/src/pages/index.tsx
index 30adaf8..f162106 100644
--- a/src/pages/index.tsx
+++ b/src/pages/index.tsx
@@ -3,8 +3,9 @@ import styled from "styled-components";
import { StaticImage } from "gatsby-plugin-image";
import SEO from "../components/SEO";
import "../styles/main.css";
+import { FaMastodon } from "react-icons/fa";
-const TIMESTAMP = "1619067584";
+const TIMESTAMP = "1619122879";
const SHORT_CHARS = ["0", "1", "2", "3", "4", "5", "6", "7", "8", "9", "a", "b", "c", "d", "e", "f", "g", "h", "i", "j", "k", "l", "m", "n", "o", "p", "q", "r", "s", "t", "u", "v", "w", "x", "y", "z", "A", "B", "C", "D", "E", "F", "G", "H", "I", "J", "K", "L", "M", "N", "O", "P", "Q", "R", "S", "T", "U", "V", "W", "X", "Y", "Z"];
function toShort (valu: number): string {
@@ -130,7 +131,7 @@ const IndexPage = () => {
</div>
<div id="links">
<div className="link">
- <a href="https://cybr.es/@kjhoerr" rel="me">Mastodon: @kjhoerr@cybr.es</a>
+ <a href="https://cybr.es/@kjhoerr" rel="me"><FaMastodon size={20} style={{ marginBottom: "-4px" }} /> @kjhoerr@cybr.es</a>
</div>
<div className="link">
<a href="https://order.blackrockbrews.com">Black Rock Brewing (recent project)</a>
generated by cgit (git 2.34.1) at 2026-01-12 04:01:00 +0000