Updated SEO and image descriptions

ryanwiemer · Feb 5, 2019 · 891550e · 891550e
1 parent ac78848
commit 891550e
Show file tree

Hide file tree

Showing 3 changed files with 18 additions and 33 deletions.
diff --git a/package.json b/package.json
@@ -1,7 +1,7 @@
 {
   "name": "rw",
   "description": "Digital portfolio for Ryan Wiemer",
-  "version": "1.3.2",
+  "version": "1.3.3",
   "repository": "https://github.com/ryanwiemer/rw",
   "author": "Ryan Wiemer <ryan@ryanwiemer.com>",
   "dependencies": {

diff --git a/src/components/letter/LetterAbout.js b/src/components/letter/LetterAbout.js
@@ -66,37 +66,16 @@ const LetterAbout = props => {
         <span /> A little bit about myself
       </Title>
       <List>
-        <Item>
-          <BgImg
-            fluid={props.images[0].fluid}
-            alt={props.images[0].title}
-            backgroundColor={'#212121'}
-          />
-          <Caption>
-            I'm a proud dog dad of two awesome dogs — Birch & Lemon.
-          </Caption>
-        </Item>
-        <Item>
-          <BgImg
-            fluid={props.images[1].fluid}
-            alt={props.images[1].title}
-            backgroundColor={'#212121'}
-          />
-          <Caption>
-            San Francisco Bay Area transplant since 2013. I currently call
-            Oakland home.
-          </Caption>
-        </Item>
-        <Item>
-          <BgImg
-            fluid={props.images[2].fluid}
-            alt={props.images[2].title}
-            backgroundColor={'#212121'}
-          />
-          <Caption>
-            Tech gadget connoisseur and unapologetic Apple fanboy.
-          </Caption>
-        </Item>
+        {props.images.map(image => (
+          <Item key={image.id}>
+            <BgImg
+              fluid={image.fluid}
+              alt={image.title}
+              backgroundColor={'#212121'}
+            />
+            <Caption>{image.description}</Caption>
+          </Item>
+        ))}
       </List>
     </Wrapper>
   )

diff --git a/src/templates/letter.js b/src/templates/letter.js
@@ -20,7 +20,11 @@ const letterTemplate = ({ data, pageContext }) => {
 
   return (
     <>
-      <SEO title={title} image={cover} />
+      <SEO
+        title={title}
+        image={cover}
+        description={`My cover letter for the position of ${position} at ${title}`}
+      />
       <LetterHero logo={logo} color={color} />
       <Container minHeight>
         <LetterIntro title={title} position={position} color={color} />
@@ -57,6 +61,8 @@ export const query = graphql`
       }
       images {
         title
+        description
+        id
         fluid(maxWidth: 1200) {
           ...GatsbyContentfulFluid_withWebp_noBase64
         }