Add the url share widget

Author: rvente

README.md

@@ -7,4 +7,10 @@ my personal site
 deployment](https://blog.bitsrc.io/deploy-a-gatsby-site-on-github-pages-for-free-f18853c1b7a9)
 
 [Cover image](https://unsplash.com/photos/8cylkZnxEiE) is from user **eberhard
-grossgasteiger** on Unsplash
+grossgasteiger** on Unsplash
+
+
+
+export NODE_OPTIONS=--openssl-legacy-provider
+
+v18.15.0

content/pages/about/index.mdx

@@ -7,6 +7,4 @@ import Me from "./me"
 
 <Me />
 
-I'm Blake and I write code for work, fun, and for the social good. I am the
-president of my college's Open Source Club and through it I hope to de-mystify
-programming for all.
+I'm Blake and I write code for work, fun, and for the social good. 

content/posts/2023-06-12--Share/index.mdx

@@ -0,0 +1,12 @@
+---
+title: "Share From Url"
+date: 2023-06-12
+tags:
+  - Projects
+---
+import ShareFromUrl from "./share"
+
+
+
+<ShareFromUrl />
+

content/posts/2023-06-12--Share/share.js

@@ -0,0 +1,34 @@
+import React from "react";
+
+
+/*
+ * @author Blake Vente
+ */
+
+// styles
+const marginPad = {
+  margin: "10px",
+  padding: "10px",
+}
+
+const fillContainer = {
+  backgroundColor: "white",
+  width: "100%", // 256 + 2 * padding
+  whiteSpace: 'pre-line',
+  ...marginPad
+}
+
+// if I want to add a copy button later https://stackoverflow.com/a/74018673
+export default function ShareFromUrl() {
+   if (typeof window === `undefined`) {
+      return <pre>It doesn't look like anything to me</pre>;
+   }
+  const maybeHref = window?.location?.href ?? "";
+
+    const currentLocation = new URL(maybeHref).searchParams.get("urlData") ?? "I got nothing to show. The query parameter `urlData` was empty";
+  return (
+    <pre style={fillContainer}>
+      {decodeURI(currentLocation)}
+    </pre>
+  );
+}

gatsby-config.js

@@ -42,11 +42,11 @@ module.exports = {
         externalLinks: [
           {
             name: `Twitter`,
-            url: `https://twitter.com/blakeistics/`,
+            url: `https://twitter.com/eigenblake/`,
           },
           {
             name: `Insta`,
-            url: `https://www.instagram.com/blakeistics/`,
+            url: `https://www.instagram.com/eigenblake/`,
           },
         ],
       },