Local-First blog post (#73)

* Initial commit * Add Table of Contents * tweaks * Add my email * tweaks * Format * tweak * Add initial user object * Lots more tweaks * tweak * many tweaks * lots more tweaks
KyleAMathews · Sep 12, 2023 · 3d21d81 · 3d21d81
1 parent 2104f20
commit 3d21d81
Show file tree

Hide file tree

Showing 11 changed files with 365 additions and 68 deletions.
diff --git a/gatsby-config.js b/gatsby-config.js
@@ -8,7 +8,7 @@ module.exports = {
   siteMetadata: {
     title: "Bricolage",
     author: "Kyle Mathews",
-    homeCity: "Berkeley",
+    homeCity: "Seattle",
   },
   plugins: [
     {
@@ -42,6 +42,8 @@ module.exports = {
               wrapperStyle: `margin-bottom: 1.0725rem`,
             },
           },
+          "gatsby-remark-table-of-contents",
+          "gatsby-remark-autolink-headers",
           "gatsby-remark-prismjs",
           "gatsby-remark-copy-linked-files",
           "gatsby-remark-smartypants",

diff --git a/package.json b/package.json
@@ -18,11 +18,13 @@
     "gatsby-plugin-react-helmet": "^6.7.0",
     "gatsby-plugin-sharp": "^5.7.0",
     "gatsby-plugin-typography": "^5.7.0",
+    "gatsby-remark-autolink-headers": "^6.12.0",
     "gatsby-remark-copy-linked-files": "^6.7.0",
     "gatsby-remark-images": "^7.7.0",
     "gatsby-remark-prismjs": "^7.7.0",
     "gatsby-remark-responsive-iframe": "^6.7.0",
     "gatsby-remark-smartypants": "^6.7.0",
+    "gatsby-remark-table-of-contents": "^2.0.0",
     "gatsby-source-filesystem": "^5.7.0",
     "gatsby-transformer-remark": "^6.7.0",
     "gatsby-transformer-sharp": "^5.7.0",

diff --git a/src/pages/2023-09-08---some-notes-on-local-first-development/berlin-meetup.jpg b/src/pages/2023-09-08---some-notes-on-local-first-development/berlin-meetup.jpg
diff --git a/src/pages/2023-09-08---some-notes-on-local-first-development/index.md b/src/pages/2023-09-08---some-notes-on-local-first-development/index.md
diff --git a/src/pages/about.js b/src/pages/about.js
@@ -13,23 +13,21 @@ export default function About({ location }) {
       </p>
       <p>
         I'm the creator of the open source project{" "}
-        <a href="https://www.gatsbyjs.org">Gatsby</a> and co-founder and CTO of{" "}
-        <a href="https://gatsbyjs.com">Gatsby Inc.</a> A company my co-founder{" "}
-        <a href="https://twitter.com/calcsam">Sam Bhagwat</a> and I started to
-        drive the Gatsby vision.
+        <a href="https://www.gatsbyjs.org">Gatsby</a> and co-founder and
+        ex-CEO/CTO of <a href="https://gatsbyjs.com">Gatsby Inc.</a> A company
+        my co-founder <a href="https://twitter.com/calcsam">Sam Bhagwat</a> and
+        I started to drive the Gatsby vision. Seven years after founding the
+        open source project, <a href="https://www.netlify.com/">Netlify</a>{" "}
+        bought the company and project in 2023.
       </p>
       <p>
-        I've lived in the bay area since college — I'm currently residing in
-        Berkeley with my lovely wife{" "}
-        <a href="https://twitter.com/shannonb_ux">Shannon</a>.
+        I'm exploring different areas while looking for my next big thing. In
+        the meantime, I'm also taking on advising and consulting roles so please
+        reach out if you think I can help — mathews.kyle@gmail.com
       </p>
       <p>
-        I tried founding two startups before Gatsby. I've done a fair bit of
-        interesting contracting and consulting. My only institutional work of
-        note is a few years I spent early on at{" "}
-        <Link to="/new-beginnings/">
-          Pantheon leading the frontend product work.
-        </Link>
+        I'm currently residing in Seattle with my lovely wife{" "}
+        <a href="https://twitter.com/shannonb_ux">Shannon</a> and toddler son.
       </p>
       <p>
         I grew up in a{" "}

diff --git a/src/pages/blog.js b/src/pages/blog.js
@@ -68,29 +68,30 @@ class BlogIndexRoute extends React.Component {
 
 export default BlogIndexRoute
 
-export const pageQuery = graphql`query IndexQuery {
-  site {
-    siteMetadata {
-      title
-      author
-      homeCity
+export const pageQuery = graphql`
+  query IndexQuery {
+    site {
+      siteMetadata {
+        title
+        author
+        homeCity
+      }
     }
-  }
-  allMarkdownRemark(
-    limit: 2000
-    sort: {frontmatter: {date: DESC}}
-    filter: {frontmatter: {draft: {ne: true}}}
-  ) {
-    edges {
-      node {
-        fields {
-          slug
-        }
-        frontmatter {
-          title
+    allMarkdownRemark(
+      limit: 2000
+      sort: { frontmatter: { date: DESC } }
+      filter: { frontmatter: { draft: { ne: true } } }
+    ) {
+      edges {
+        node {
+          fields {
+            slug
+          }
+          frontmatter {
+            title
+          }
         }
       }
     }
   }
-}
 `
diff --git a/src/pages/tags.js b/src/pages/tags.js
@@ -36,17 +36,21 @@ class TagsPageRoute extends React.Component {
 
 export default TagsPageRoute
 
-export const pageQuery = graphql`query TagsQuery {
-  site {
-    siteMetadata {
-      title
+export const pageQuery = graphql`
+  query TagsQuery {
+    site {
+      siteMetadata {
+        title
+      }
     }
-  }
-  allMarkdownRemark(limit: 2000, filter: {frontmatter: {draft: {ne: true}}}) {
-    group(field: {frontmatter: {tags: SELECT}}) {
-      fieldValue
-      totalCount
+    allMarkdownRemark(
+      limit: 2000
+      filter: { frontmatter: { draft: { ne: true } } }
+    ) {
+      group(field: { frontmatter: { tags: SELECT } }) {
+        fieldValue
+        totalCount
+      }
     }
   }
-}
 `
diff --git a/src/templates/blog-post.js b/src/templates/blog-post.js
@@ -83,10 +83,11 @@ class BlogPostRoute extends React.Component {
           />
           <strong>{this.props.data.site.siteMetadata.author}</strong> lives and
           works in {this.props.data.site.siteMetadata.homeCity} building useful
-          things.{" "}
+          things.{` `}
           <a href="https://twitter.com/kylemathews">
-            You should follow him on Twitter
-          </a>
+            You should follow him on Twitter.
+          </a>{" "}
+          Currently exploring what's next and <Link to="/about">open to consulting</Link>.
         </p>
       </Layout>
     )

diff --git a/src/templates/tag-page.js b/src/templates/tag-page.js
@@ -34,28 +34,29 @@ class TagRoute extends React.Component {
 
 export default TagRoute
 
-export const pageQuery = graphql`query TagPage($tag: String) {
-  site {
-    siteMetadata {
-      title
+export const pageQuery = graphql`
+  query TagPage($tag: String) {
+    site {
+      siteMetadata {
+        title
+      }
     }
-  }
-  allMarkdownRemark(
-    limit: 1000
-    sort: {frontmatter: {date: DESC}}
-    filter: {frontmatter: {tags: {in: [$tag]}, draft: {ne: true}}}
-  ) {
-    totalCount
-    edges {
-      node {
-        fields {
-          slug
-        }
-        frontmatter {
-          title
+    allMarkdownRemark(
+      limit: 1000
+      sort: { frontmatter: { date: DESC } }
+      filter: { frontmatter: { tags: { in: [$tag] }, draft: { ne: true } } }
+    ) {
+      totalCount
+      edges {
+        node {
+          fields {
+            slug
+          }
+          frontmatter {
+            title
+          }
         }
       }
     }
   }
-}
 `
diff --git a/src/utils/typography.js b/src/utils/typography.js
@@ -23,6 +23,15 @@ let theme = {
     "blockquote > h1, blockquote > h2, blockquote > h3, blockquote > h4": {
       marginTop: 0,
     },
+    "h3,h4,h5,h6": {
+      fontWeight: `normal`,
+    },
+    ".toc": {
+      marginBottom: rhythm(1 / 2),
+      paddingLeft: rhythm(5 / 8),
+      borderLeft: `${rhythm(1 / 8)} solid #CDE7B0`,
+      fontSize: "85%",
+    },
     "li > p": {
       marginBottom: rhythm(1 / 2),
     },

diff --git a/yarn.lock b/yarn.lock
@@ -5558,6 +5558,17 @@ gatsby-react-router-scroll@^6.7.0:
     "@babel/runtime" "^7.20.13"
     prop-types "^15.8.1"
 
+gatsby-remark-autolink-headers@^6.12.0:
+  version "6.12.0"
+  resolved "https://registry.yarnpkg.com/gatsby-remark-autolink-headers/-/gatsby-remark-autolink-headers-6.12.0.tgz#0c1287417ffa44db9b71416832a38227ceefb43b"
+  integrity sha512-c+zXq+frX7TCFoGPig4H4zn5RqsV2pduO/jF/NQLtnH2D5JnaDT0rPwiTzUi+9soyZpAenuV8Sprv6JFELPW+w==
+  dependencies:
+    "@babel/runtime" "^7.20.13"
+    github-slugger "^1.5.0"
+    lodash "^4.17.21"
+    mdast-util-to-string "^2.0.0"
+    unist-util-visit "^2.0.3"
+
 gatsby-remark-copy-linked-files@^6.7.0:
   version "6.7.0"
   resolved "https://registry.yarnpkg.com/gatsby-remark-copy-linked-files/-/gatsby-remark-copy-linked-files-6.7.0.tgz#b13fba2872961ba0a93b4ffa70b3a7f0d6a347fa"
@@ -5618,6 +5629,14 @@ gatsby-remark-smartypants@^6.7.0:
     retext-smartypants "^4.0.0"
     unist-util-visit "^2.0.3"
 
+gatsby-remark-table-of-contents@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/gatsby-remark-table-of-contents/-/gatsby-remark-table-of-contents-2.0.0.tgz#9df384c5915a6b038deedcf831a1997fbb830974"
+  integrity sha512-Hl/zfvwX0FWMjaurzOTLpHNQ4rOd4AXnNrRsqJLwZPecZBc42UDX/JFL4hYS/NfrPd/svtwipkBXGo51CaKFXw==
+  dependencies:
+    js-yaml "^3.14.1"
+    mdast-util-toc "^5.1.0"
+
 gatsby-script@^2.7.0:
   version "2.7.0"
   resolved "https://registry.yarnpkg.com/gatsby-script/-/gatsby-script-2.7.0.tgz#fe7730b0aba14dee5d8b89df931d951bca824c38"
@@ -5957,7 +5976,7 @@ github-from-package@0.0.0:
   resolved "https://registry.yarnpkg.com/github-from-package/-/github-from-package-0.0.0.tgz#97fb5d96bfde8973313f20e8288ef9a167fa64ce"
   integrity sha512-SyHy3T1v2NUXn29OsWdxmK6RwHD+vkj3v8en8AOBZ1wBQ/hCAQ5bAQTD02kW4W9tUp/3Qh6J8r9EvntiyCmOOw==
 
-github-slugger@^1.2.1:
+github-slugger@^1.2.1, github-slugger@^1.5.0:
   version "1.5.0"
   resolved "https://registry.yarnpkg.com/github-slugger/-/github-slugger-1.5.0.tgz#17891bbc73232051474d68bd867a34625c955f7d"
   integrity sha512-wIh+gKBI9Nshz2o46B0B3f5k/W+WI9ZAv6y5Dn5WJ5SK1t0TnDimB4WE5rmTD05ZAIn8HALCZVmCsvj0w0v0lw==
@@ -6927,7 +6946,7 @@ joi@^17.4.2, joi@^17.7.0:
   resolved "https://registry.yarnpkg.com/js-tokens/-/js-tokens-4.0.0.tgz#19203fb59991df98e3a287050d4647cdeaf32499"
   integrity sha512-RdJUflcE3cUzKiMqQgsCu06FPu9UdIJO0beYbPhHN4k6apgJtifcoCtT9bcxOpYBtpD2kCM6Sbzg4CausW/PKQ==
 
-js-yaml@^3.13.1:
+js-yaml@^3.13.1, js-yaml@^3.14.1:
   version "3.14.1"
   resolved "https://registry.yarnpkg.com/js-yaml/-/js-yaml-3.14.1.tgz#dae812fdb3825fa306609a8717383c50c36a0537"
   integrity sha512-okMH7OXXJ7YrN9Ok3/SXrnu4iX9yOk+25nqX4imS2npuvTYDmo/QEZoqwZkYaIDk3jVvBOTOIEgEhaLOynBS9g==