Skip to content

Commit 3d21d81

Browse files
authored
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
1 parent 2104f20 commit 3d21d81

File tree

11 files changed

+365
-68
lines changed

11 files changed

+365
-68
lines changed

gatsby-config.js

Lines changed: 3 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -8,7 +8,7 @@ module.exports = {
88
siteMetadata: {
99
title: "Bricolage",
1010
author: "Kyle Mathews",
11-
homeCity: "Berkeley",
11+
homeCity: "Seattle",
1212
},
1313
plugins: [
1414
{
@@ -42,6 +42,8 @@ module.exports = {
4242
wrapperStyle: `margin-bottom: 1.0725rem`,
4343
},
4444
},
45+
"gatsby-remark-table-of-contents",
46+
"gatsby-remark-autolink-headers",
4547
"gatsby-remark-prismjs",
4648
"gatsby-remark-copy-linked-files",
4749
"gatsby-remark-smartypants",

package.json

Lines changed: 2 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -18,11 +18,13 @@
1818
"gatsby-plugin-react-helmet": "^6.7.0",
1919
"gatsby-plugin-sharp": "^5.7.0",
2020
"gatsby-plugin-typography": "^5.7.0",
21+
"gatsby-remark-autolink-headers": "^6.12.0",
2122
"gatsby-remark-copy-linked-files": "^6.7.0",
2223
"gatsby-remark-images": "^7.7.0",
2324
"gatsby-remark-prismjs": "^7.7.0",
2425
"gatsby-remark-responsive-iframe": "^6.7.0",
2526
"gatsby-remark-smartypants": "^6.7.0",
27+
"gatsby-remark-table-of-contents": "^2.0.0",
2628
"gatsby-source-filesystem": "^5.7.0",
2729
"gatsby-transformer-remark": "^6.7.0",
2830
"gatsby-transformer-sharp": "^5.7.0",
1.32 MB
Loading

src/pages/2023-09-08---some-notes-on-local-first-development/index.md

Lines changed: 260 additions & 0 deletions
Large diffs are not rendered by default.

src/pages/about.js

Lines changed: 11 additions & 13 deletions
Original file line numberDiff line numberDiff line change
@@ -13,23 +13,21 @@ export default function About({ location }) {
1313
</p>
1414
<p>
1515
I'm the creator of the open source project{" "}
16-
<a href="https://www.gatsbyjs.org">Gatsby</a> and co-founder and CTO of{" "}
17-
<a href="https://gatsbyjs.com">Gatsby Inc.</a> A company my co-founder{" "}
18-
<a href="https://twitter.com/calcsam">Sam Bhagwat</a> and I started to
19-
drive the Gatsby vision.
16+
<a href="https://www.gatsbyjs.org">Gatsby</a> and co-founder and
17+
ex-CEO/CTO of <a href="https://gatsbyjs.com">Gatsby Inc.</a> A company
18+
my co-founder <a href="https://twitter.com/calcsam">Sam Bhagwat</a> and
19+
I started to drive the Gatsby vision. Seven years after founding the
20+
open source project, <a href="https://www.netlify.com/">Netlify</a>{" "}
21+
bought the company and project in 2023.
2022
</p>
2123
<p>
22-
I've lived in the bay area since college — I'm currently residing in
23-
Berkeley with my lovely wife{" "}
24-
<a href="https://twitter.com/shannonb_ux">Shannon</a>.
24+
I'm exploring different areas while looking for my next big thing. In
25+
the meantime, I'm also taking on advising and consulting roles so please
26+
reach out if you think I can help — mathews.kyle@gmail.com
2527
</p>
2628
<p>
27-
I tried founding two startups before Gatsby. I've done a fair bit of
28-
interesting contracting and consulting. My only institutional work of
29-
note is a few years I spent early on at{" "}
30-
<Link to="/new-beginnings/">
31-
Pantheon leading the frontend product work.
32-
</Link>
29+
I'm currently residing in Seattle with my lovely wife{" "}
30+
<a href="https://twitter.com/shannonb_ux">Shannon</a> and toddler son.
3331
</p>
3432
<p>
3533
I grew up in a{" "}

src/pages/blog.js

Lines changed: 21 additions & 20 deletions
Original file line numberDiff line numberDiff line change
@@ -68,29 +68,30 @@ class BlogIndexRoute extends React.Component {
6868

6969
export default BlogIndexRoute
7070

71-
export const pageQuery = graphql`query IndexQuery {
72-
site {
73-
siteMetadata {
74-
title
75-
author
76-
homeCity
71+
export const pageQuery = graphql`
72+
query IndexQuery {
73+
site {
74+
siteMetadata {
75+
title
76+
author
77+
homeCity
78+
}
7779
}
78-
}
79-
allMarkdownRemark(
80-
limit: 2000
81-
sort: {frontmatter: {date: DESC}}
82-
filter: {frontmatter: {draft: {ne: true}}}
83-
) {
84-
edges {
85-
node {
86-
fields {
87-
slug
88-
}
89-
frontmatter {
90-
title
80+
allMarkdownRemark(
81+
limit: 2000
82+
sort: { frontmatter: { date: DESC } }
83+
filter: { frontmatter: { draft: { ne: true } } }
84+
) {
85+
edges {
86+
node {
87+
fields {
88+
slug
89+
}
90+
frontmatter {
91+
title
92+
}
9193
}
9294
}
9395
}
9496
}
95-
}
9697
`

src/pages/tags.js

Lines changed: 14 additions & 10 deletions
Original file line numberDiff line numberDiff line change
@@ -36,17 +36,21 @@ class TagsPageRoute extends React.Component {
3636

3737
export default TagsPageRoute
3838

39-
export const pageQuery = graphql`query TagsQuery {
40-
site {
41-
siteMetadata {
42-
title
39+
export const pageQuery = graphql`
40+
query TagsQuery {
41+
site {
42+
siteMetadata {
43+
title
44+
}
4345
}
44-
}
45-
allMarkdownRemark(limit: 2000, filter: {frontmatter: {draft: {ne: true}}}) {
46-
group(field: {frontmatter: {tags: SELECT}}) {
47-
fieldValue
48-
totalCount
46+
allMarkdownRemark(
47+
limit: 2000
48+
filter: { frontmatter: { draft: { ne: true } } }
49+
) {
50+
group(field: { frontmatter: { tags: SELECT } }) {
51+
fieldValue
52+
totalCount
53+
}
4954
}
5055
}
51-
}
5256
`

src/templates/blog-post.js

Lines changed: 4 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -83,10 +83,11 @@ class BlogPostRoute extends React.Component {
8383
/>
8484
<strong>{this.props.data.site.siteMetadata.author}</strong> lives and
8585
works in {this.props.data.site.siteMetadata.homeCity} building useful
86-
things.{" "}
86+
things.{` `}
8787
<a href="https://twitter.com/kylemathews">
88-
You should follow him on Twitter
89-
</a>
88+
You should follow him on Twitter.
89+
</a>{" "}
90+
Currently exploring what's next and <Link to="/about">open to consulting</Link>.
9091
</p>
9192
</Layout>
9293
)

src/templates/tag-page.js

Lines changed: 20 additions & 19 deletions
Original file line numberDiff line numberDiff line change
@@ -34,28 +34,29 @@ class TagRoute extends React.Component {
3434

3535
export default TagRoute
3636

37-
export const pageQuery = graphql`query TagPage($tag: String) {
38-
site {
39-
siteMetadata {
40-
title
37+
export const pageQuery = graphql`
38+
query TagPage($tag: String) {
39+
site {
40+
siteMetadata {
41+
title
42+
}
4143
}
42-
}
43-
allMarkdownRemark(
44-
limit: 1000
45-
sort: {frontmatter: {date: DESC}}
46-
filter: {frontmatter: {tags: {in: [$tag]}, draft: {ne: true}}}
47-
) {
48-
totalCount
49-
edges {
50-
node {
51-
fields {
52-
slug
53-
}
54-
frontmatter {
55-
title
44+
allMarkdownRemark(
45+
limit: 1000
46+
sort: { frontmatter: { date: DESC } }
47+
filter: { frontmatter: { tags: { in: [$tag] }, draft: { ne: true } } }
48+
) {
49+
totalCount
50+
edges {
51+
node {
52+
fields {
53+
slug
54+
}
55+
frontmatter {
56+
title
57+
}
5658
}
5759
}
5860
}
5961
}
60-
}
6162
`

src/utils/typography.js

Lines changed: 9 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -23,6 +23,15 @@ let theme = {
2323
"blockquote > h1, blockquote > h2, blockquote > h3, blockquote > h4": {
2424
marginTop: 0,
2525
},
26+
"h3,h4,h5,h6": {
27+
fontWeight: `normal`,
28+
},
29+
".toc": {
30+
marginBottom: rhythm(1 / 2),
31+
paddingLeft: rhythm(5 / 8),
32+
borderLeft: `${rhythm(1 / 8)} solid #CDE7B0`,
33+
fontSize: "85%",
34+
},
2635
"li > p": {
2736
marginBottom: rhythm(1 / 2),
2837
},

0 commit comments

Comments
 (0)