- add sitemap.xml

- reduce screenshot sizes

gatsby-config.js

@@ -1,6 +1,11 @@
 require('dotenv').config();
 
 module.exports = {
+  siteMetadata: {
+    title: 'Reactive Resume',
+    siteUrl: 'https://rxresume-staging.web.app',
+    description: 'A free and open source resume builder.',
+  },
   plugins: [
     'gatsby-plugin-react-helmet',
     {
@@ -65,7 +70,7 @@ module.exports = {
         short_name: 'RxResume',
         description: 'A free and open-source resume builder.',
         start_url: '/?source=pwa',
-        icon: `static/images/logo.png`,
+        icon: 'static/images/logo.png',
         background_color: '#FFFFFF',
         theme_color: '#444444',
         display: 'standalone',
@@ -87,7 +92,7 @@ module.exports = {
     },
     'gatsby-plugin-lodash',
     {
-      resolve: `gatsby-plugin-material-ui`,
+      resolve: 'gatsby-plugin-material-ui',
       options: {
         stylesProvider: {
           injectFirst: true,
@@ -96,13 +101,13 @@ module.exports = {
     },
     'gatsby-plugin-postcss',
     {
-      resolve: `gatsby-source-filesystem`,
+      resolve: 'gatsby-source-filesystem',
       options: {
         path: `${__dirname}/src/articles`,
-        name: `articles`,
+        name: 'articles',
       },
     },
-    `gatsby-transformer-remark`,
+    'gatsby-transformer-remark',
     {
       resolve: 'gatsby-source-filesystem',
       options: {
@@ -127,5 +132,6 @@ module.exports = {
         },
       },
     },
+    'gatsby-plugin-sitemap',
   ],
 };

package-lock.json

@@ -8983,6 +8983,24 @@
         }
       }
     },
+    "gatsby-plugin-sitemap": {
+      "version": "2.4.11",
+      "resolved": "https://registry.npmjs.org/gatsby-plugin-sitemap/-/gatsby-plugin-sitemap-2.4.11.tgz",
+      "integrity": "sha512-OX8Jry3t6iPqWoo/WDo0DTmaKuIPa0RDrd/fFeS5DYGyclpIVnAK1fr92X2222ZtdRwn6NLd5c+RpNrjxDvJDA==",
+      "requires": {
+        "@babel/runtime": "^7.10.3",
+        "minimatch": "^3.0.4",
+        "pify": "^3.0.0",
+        "sitemap": "^1.13.0"
+      },
+      "dependencies": {
+        "pify": {
+          "version": "3.0.0",
+          "resolved": "https://registry.npmjs.org/pify/-/pify-3.0.0.tgz",
+          "integrity": "sha1-5aSs0sEB/fPZpNB/DbxNtJ3SgXY="
+        }
+      }
+    },
     "gatsby-plugin-typescript": {
       "version": "2.4.14",
       "resolved": "https://registry.npmjs.org/gatsby-plugin-typescript/-/gatsby-plugin-typescript-2.4.14.tgz",
@@ -17626,6 +17644,15 @@
       "resolved": "https://registry.npmjs.org/sisteransi/-/sisteransi-1.0.5.tgz",
       "integrity": "sha512-bLGGlR1QxBcynn2d5YmDX4MGjlZvy2MRBDRNHLJ8VI6l6+9FUiyTFNJ0IveOSP0bcXgVDPRcfGqA0pjaqUpfVg=="
     },
+    "sitemap": {
+      "version": "1.13.0",
+      "resolved": "https://registry.npmjs.org/sitemap/-/sitemap-1.13.0.tgz",
+      "integrity": "sha1-Vpy+IYAgKSamKiZs094Jyc60P4M=",
+      "requires": {
+        "underscore": "^1.7.0",
+        "url-join": "^1.1.0"
+      }
+    },
     "slash": {
       "version": "3.0.0",
       "resolved": "https://registry.npmjs.org/slash/-/slash-3.0.0.tgz",
@@ -19306,6 +19333,11 @@
       "resolved": "https://registry.npmjs.org/unc-path-regex/-/unc-path-regex-0.1.2.tgz",
       "integrity": "sha1-5z3T17DXxe2G+6xrCufYxqadUPo="
     },
+    "underscore": {
+      "version": "1.10.2",
+      "resolved": "https://registry.npmjs.org/underscore/-/underscore-1.10.2.tgz",
+      "integrity": "sha512-N4P+Q/BuyuEKFJ43B9gYuOj4TQUHXX+j2FqguVOpjkssLUUrnJofCcBccJSCoeturDoZU6GorDTHSvUDlSQbTg=="
+    },
     "underscore.string": {
       "version": "3.3.5",
       "resolved": "https://registry.npmjs.org/underscore.string/-/underscore.string-3.3.5.tgz",
@@ -19826,6 +19858,11 @@
         }
       }
     },
+    "url-join": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/url-join/-/url-join-1.1.0.tgz",
+      "integrity": "sha1-dBxsL0WWxIMNZxhGCSDQySIC3Hg="
+    },
     "url-loader": {
       "version": "1.1.2",
       "resolved": "https://registry.npmjs.org/url-loader/-/url-loader-1.1.2.tgz",

package.json

@@ -37,6 +37,7 @@
     "gatsby-plugin-prefetch-google-fonts": "^1.4.3",
     "gatsby-plugin-react-helmet": "^3.3.10",
     "gatsby-plugin-sharp": "^2.6.19",
+    "gatsby-plugin-sitemap": "^2.4.11",
     "gatsby-source-filesystem": "^2.3.19",
     "gatsby-source-gravatar": "^1.0.0",
     "gatsby-transformer-remark": "^2.8.25",

src/components/landing/Screenshots.js

@@ -11,7 +11,7 @@ const Screenshots = () => {
           fluid(maxWidth: 800) {
             ...GatsbyImageSharpFluid
           }
-          fixed(width: 360) {
+          fixed(width: 300) {
             ...GatsbyImageSharpFixed
           }
         }
@@ -21,7 +21,7 @@ const Screenshots = () => {
           fluid(maxWidth: 800) {
             ...GatsbyImageSharpFluid
           }
-          fixed(width: 360) {
+          fixed(width: 300) {
             ...GatsbyImageSharpFixed
           }
         }
@@ -31,7 +31,7 @@ const Screenshots = () => {
           fluid(maxWidth: 800) {
             ...GatsbyImageSharpFluid
           }
-          fixed(width: 360) {
+          fixed(width: 300) {
             ...GatsbyImageSharpFixed
           }
         }
@@ -41,7 +41,7 @@ const Screenshots = () => {
           fluid(maxWidth: 800) {
             ...GatsbyImageSharpFluid
           }
-          fixed(width: 360) {
+          fixed(width: 300) {
             ...GatsbyImageSharpFixed
           }
         }
@@ -51,7 +51,7 @@ const Screenshots = () => {
           fluid(maxWidth: 800) {
             ...GatsbyImageSharpFluid
           }
-          fixed(width: 360) {
+          fixed(width: 300) {
             ...GatsbyImageSharpFixed
           }
         }
@@ -61,7 +61,7 @@ const Screenshots = () => {
           fluid(maxWidth: 800) {
             ...GatsbyImageSharpFluid
           }
-          fixed(width: 360) {
+          fixed(width: 300) {
             ...GatsbyImageSharpFixed
           }
         }

src/i18n/index.js

@@ -16,7 +16,6 @@ const languages = [
 i18n.use(initReactI18next).init({
   resources,
   lng: 'en',
-  debug: true,
   fallbackLng: 'en',
 });
 

src/pages/index.js

@@ -19,7 +19,7 @@ const Home = () => {
       <div className="container mt-24">
         <Hero />
 
-        <p className="leading-loose text-xl mt-16">
+        <p className="leading-loose text-lg mt-16">
           Reactive Resume is a free and open source resume builder that’s built
           to make the mundane tasks of creating, updating and sharing your
           resume as easy as 1, 2, 3. With this app, you can create multiple