Run prettier

.github/dependabot.yml

@@ -5,7 +5,7 @@
 
 version: 2
 updates:
-  - package-ecosystem: "npm" # See documentation for possible values
-    directory: "/" # Location of package manifests
+  - package-ecosystem: 'npm' # See documentation for possible values
+    directory: '/' # Location of package manifests
     schedule:
-      interval: "weekly"
+      interval: 'weekly'

README.md

@@ -18,17 +18,16 @@ Follow the following steps to create a new post:
 import Post from '@/components/Post.js'
 
 export const meta = {
-    title: "My New Post",
-    id: "my-new-post", // make sure this matches the directory name
-    category: "new" // one of "new", "newsletter", "improvement"
-} 
-
-<Post meta={meta}>
-    # Post content goes here
-    Using either markdown or JSX
-</Post>
+  title: 'My New Post',
+  id: 'my-new-post', // make sure this matches the directory name
+  category: 'new' // one of "new", "newsletter", "improvement"
+}
+
+<Post meta={meta}># Post content goes here Using either markdown or JSX</Post>
 ```
+
 4. Reference the new post in `/content/posts/posts.js` (this adds it to the website)
+
 ```js
 export * as z from './my-new-post/post.mdx'
 ```
@@ -37,4 +36,4 @@ Then you're done!
 
 ### `/lib/authors.js`
 
-This file contains all of the authors that can be referenced in posts.
+This file contains all of the authors that can be referenced in posts.

components/Footer.js

@@ -1,39 +1,61 @@
-import { useRouter } from "next/router";
-import { Box, Container, Heading, Image, Link } from "theme-ui";
+import { useRouter } from 'next/router'
+import { Box, Container, Heading, Image, Link } from 'theme-ui'
 
 export default function Footer() {
-    const router = useRouter();
+  const router = useRouter()
 
-    return (
-        <Box as="footer" sx={{ bg: 'sheet', color: 'text' }}>
-            <Container variant="wide" sx={{ pt: 4, pb: 2 }}>
-
-                <Box sx={{
-                    display: "flex",
-                    justifyContent: "flex-start",
-                    alignItems: "flex-start",
-                    flexDirection: "row",
-                    mb: 4,
-                    gap: 3,
-                    width: "100%"
-                }}>
-                    <Box mt={0} sx={{
-                        width: "100%"
-                    }}>
-                        <Box sx={{ display: "flex", alignItems: "center", justifyContent: "space-between", gap: 4, mt: 3 }}>
-                            {router.pathname != "/" ? <Heading as="h3" variant="subheadline" sx={{ color: "muted", m: 0 }}>
-                                <Link href="/">Read more posts from HCB →</Link>
-                            </Heading> : <Box />}
-
-
-                            <Heading as="h3" variant="subheadline" sx={{ color: "muted", m: 0 }}>
-                                <Link href="#top">Scroll to top ↑</Link>
-                            </Heading>
-                        </Box>
-                    </Box>
-                </Box>
-            </Container>
+  return (
+    <Box as="footer" sx={{ bg: 'sheet', color: 'text' }}>
+      <Container variant="wide" sx={{ pt: 4, pb: 2 }}>
+        <Box
+          sx={{
+            display: 'flex',
+            justifyContent: 'flex-start',
+            alignItems: 'flex-start',
+            flexDirection: 'row',
+            mb: 4,
+            gap: 3,
+            width: '100%'
+          }}
+        >
+          <Box
+            mt={0}
+            sx={{
+              width: '100%'
+            }}
+          >
+            <Box
+              sx={{
+                display: 'flex',
+                alignItems: 'center',
+                justifyContent: 'space-between',
+                gap: 4,
+                mt: 3
+              }}
+            >
+              {router.pathname != '/' ? (
+                <Heading
+                  as="h3"
+                  variant="subheadline"
+                  sx={{ color: 'muted', m: 0 }}
+                >
+                  <Link href="/">Read more posts from HCB →</Link>
+                </Heading>
+              ) : (
+                <Box />
+              )}
 
+              <Heading
+                as="h3"
+                variant="subheadline"
+                sx={{ color: 'muted', m: 0 }}
+              >
+                <Link href="#top">Scroll to top ↑</Link>
+              </Heading>
+            </Box>
+          </Box>
         </Box>
-    )
-}
+      </Container>
+    </Box>
+  )
+}