Cleanup

Author: good3n

gatsby-config.js

@@ -25,80 +25,10 @@ module.exports = {
     {
       resolve: `gatsby-plugin-google-analytics`,
       options: {
-        // The property ID; the tracking code won't be generated without it
         trackingId: process.env.GOOGLE_ANALYTICS_ID,
-        // Defines where to place the tracking script - `true` in the head and `false` in the body
         head: false,
-        // Setting this parameter is optional
-        // anonymize: true,
-        // Setting this parameter is also optional
-        // respectDNT: true,
-        // Avoids sending pageview hits from custom paths
-        // exclude: ['/preview/**', '/do-not-track/me/too/'],
-        // Delays sending pageview hits on route update (in milliseconds)
         pageTransitionDelay: 0,
-        // Enables Google Optimize using your container Id
-        // optimizeId: 'YOUR_GOOGLE_OPTIMIZE_TRACKING_ID',
-        // Enables Google Optimize Experiment ID
-        // experimentId: 'YOUR_GOOGLE_EXPERIMENT_ID',
-        // Set Variation ID. 0 for original 1,2,3....
-        // variationId: 'YOUR_GOOGLE_OPTIMIZE_VARIATION_ID',
-        // Defers execution of google analytics script after page load
         defer: true,
-        // Any additional optional fields
-        // sampleRate: 5,
-        // siteSpeedSampleRate: 10,
-        // cookieDomain: 'example.com',
-        // defaults to false
-        // enableWebVitalsTracking: true,
-      },
-    },
-    // {
-    //   resolve: `gatsby-plugin-csp`,
-    //   options: {
-    //     disableOnDev: true,
-    //     reportOnly: false, // Changes header to Content-Security-Policy-Report-Only for csp testing purposes
-    //     mergeScriptHashes: true, // you can disable scripts sha256 hashes
-    //     mergeStyleHashes: true, // you can disable styles sha256 hashes
-    //     mergeDefaultDirectives: true,
-    //     directives: {
-    //       'script-src': "'self' www.google-analytics.com",
-    //       'style-src': "'self' 'unsafe-inline'",
-    //       'img-src': "'self' data: www.google-analytics.com",
-    //       // you can add your directives or override defaults
-    //     },
-    //   },
-    // },
-    // {
-    //   resolve: 'gatsby-plugin-netlify',
-    //   options: {
-    //     headers: {
-    //       '/*': ['X-Frame-Options: DENY'],
-    //     },
-    //     mergeSecurityHeaders: false,
-    //   },
-    // },
-    {
-      /* Include plugin */
-      resolve: 'gatsby-omni-font-loader',
-
-      /* Plugin options */
-      options: {
-        /* Font loading mode */
-        mode: 'async',
-
-        /* Enable font loading listener to handle FOUT */
-        enableListener: true,
-
-        /* Self-hosted fonts config. Add font files and font CSS files to "static" folder */
-        custom: [
-          {
-            /* Exact name of the font as defied in @font-face CSS rule */
-            name: ['Apercu-Mono-Pro'],
-            /* Path to the font CSS file inside the "static" folder with @font-face definition */
-            file: '/assets/fonts/fonts.css',
-          },
-        ],
       },
     },
     {
@@ -109,12 +39,12 @@ module.exports = {
         start_url: `/`,
         background_color: `#4FD8C3`,
         theme_color: `#4FD8C3`,
-        display: `minimal-ui`,
+        display: `standalone`,
         icon: `src/assets/images/favicon.svg`, // This path is relative to the root of the site.
       },
     },
     // this (optional) plugin enables Progressive Web App + Offline functionality
     // To learn more, visit: https://gatsby.dev/offline
-    // `gatsby-plugin-offline`,
+    `gatsby-plugin-offline`,
   ],
 }

package-lock.json

@@ -8,13 +8,11 @@
     "babel-plugin-styled-components": "^2.0.2",
     "dotenv": "^14.1.0",
     "gatsby": "^4.5.2",
-    "gatsby-omni-font-loader": "^1.3.3",
     "gatsby-plugin-anchor-links": "^1.2.1",
-    "gatsby-plugin-csp": "^1.1.3",
     "gatsby-plugin-google-analytics": "^4.5.0",
     "gatsby-plugin-image": "^2.5.1",
     "gatsby-plugin-manifest": "^4.5.1",
-    "gatsby-plugin-offline": "^5.5.1",
+    "gatsby-plugin-offline": "^5.5.2",
     "gatsby-plugin-react-helmet": "^5.5.0",
     "gatsby-plugin-sharp": "^4.5.1",
     "gatsby-plugin-styled-components": "^5.5.0",

package.json

@@ -3,7 +3,7 @@ import { Link } from 'gatsby'
 import { Nav } from '../Nav'
 import { StyledHeader } from './Header.styles'
 
-const HeaderNew = () => {
+const Header = () => {
   const [navOpen, setNavOpen] = useState(false)
   return (
     <StyledHeader className={navOpen && `is-active`}>
@@ -32,4 +32,4 @@ const HeaderNew = () => {
   )
 }
 
-export default HeaderNew
+export default Header

src/components/Header/Header.component.js

@@ -10,7 +10,7 @@ export const StyledHeader = styled.header`
 
   @media (max-width: 991px) {
     grid-template-columns: 60px 1fr;
-    margin-bottom: 3rem;
+    margin: 2rem auto 3rem;
   }
 
   > a:first-of-type {

src/components/Header/Header.styles.js

@@ -29,7 +29,6 @@ const Layout = ({ children }) => {
     <>
       <GlobalStyle />
       <div className="container">
-        {/* <Header siteTitle={data.site.siteMetadata?.title || `Title`} /> */}
         <Header siteTitle={data.site.siteMetadata?.title || `Title`} />
         <main>{children}</main>
         <Footer />

src/components/Layout.js

@@ -7,7 +7,7 @@ import discordIcon from '../assets/images/icon-discord.svg'
 
 const IndexPage = () => (
   <Layout>
-    <Seo title="CodeHelp Discord Server" />
+    <Seo title="CodeHelp Community and Discord Server" />
     <StyledHome>
       <div>
         <h1>