Make 2024 (#3)

* update images

* update routes

* update routes

* fix lint

* update readme && nvm

* update bg

.nvmrc

@@ -0,0 +1 @@
+v16.20.2

README.md

@@ -21,41 +21,44 @@ The theme requires you to have a contentful account. You can register your accou
 
 Clone the theme
 
-```
+```sh
 git clone [email protected]:thebakerdev/gatsby-starter-zenii.git
 ```
 
 Install dependencies
 
-```
+```sh
 npm install
 ```
 
 This project comes with a Contentful setup command from [https://github.com/contentful-userland/gatsby-contentful-starter](https://github.com/contentful-userland/gatsby-contentful-starter).
 
-```
+```sh
 npm run setup
 ```
 
 The process will ask for your credentials which can be found on your contentful settings.
 
 ### Development Commands
 
-Run the project locally
+Switch NodeJS version to v16.20.2 (You should first **have NodeJS v16.20.2 installed**), and run the project locally.
 
-```
+```sh
+nvm use
 npm run develop
 ```
 
+Some errors may pop out, just type `y` and enter to continue. The website will be running on `localhost:8000`
+
 Build the project
 
-```
+```sh
 npm run build
 ```
 
 Serve the build project
 
-```
+```sh
 npm run serve
 ```
 
@@ -81,7 +84,7 @@ You can simply add new sections and pages in the theme by creating new contentfu
 - Import the new component inside the **section.js** file and add it to the components array.
 - Add static query inside your new section component. Make sure that the component accepts **contentModuleId** as a prop.
 
-```
+```django
 const data = useStaticQuery(graphql`
   query {
       allContentfulLayoutPortfolio {

src/components/map.js

@@ -1,4 +1,4 @@
-import { fetchAsyncQuestionPropertyQuestionProperty } from "inquirer/lib/utils/utils";
+// import { fetchAsyncQuestionPropertyQuestionProperty } from "inquirer/lib/utils/utils";
 import React from "react";
 
 const Map = ({ feature }) => {

src/sections/about.js

@@ -1,7 +1,7 @@
 import React from "react";
 import PropTypes from "prop-types";
 import { useStaticQuery, graphql } from "gatsby";
-import Img from "gatsby-image";
+// import Img from "gatsby-image";
 
 import AboutItem from "components/aboutItem";
 

src/sections/posts.js

@@ -4,7 +4,7 @@ import { graphql, Link, useStaticQuery } from "gatsby";
 import PostPreview from "components/postPreview";
 import "../assets/css/layouts/posts.css";
 import $ from "jquery";
-import { ContactSupportOutlined } from "@material-ui/icons";
+// import { ContactSupportOutlined } from "@material-ui/icons";
 
 const Posts = ({ contentModuleId }) => {
   const data = useStaticQuery(graphql`

src/sections/section.js

@@ -3,7 +3,7 @@ import PropTypes from "prop-types";
 
 import About from "sections/about";
 import Prizes from "sections/prizes";
-import Contact from "sections/contact";
+// import Contact from "sections/contact";
 import Hero from "sections/hero";
 import Timeline from "sections/timeline";
 import PageNotFound from "sections/pageNotFound";

yarn.lock

@@ -3876,9 +3876,9 @@ caniuse-api@^3.0.0:
     lodash.uniq "^4.5.0"
 
 caniuse-lite@^1.0.0, caniuse-lite@^1.0.30001109, caniuse-lite@^1.0.30001449:
-  version "1.0.30001449"
-  resolved "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001449.tgz"
-  integrity sha512-CPB+UL9XMT/Av+pJxCKGhdx+yg1hzplvFJQlJ2n68PyQGMz9L/E2zCyLdOL8uasbouTUgnPl+y0tccI/se+BEw==
+  version "1.0.30001576"
+  resolved "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001576.tgz"
+  integrity sha512-ff5BdakGe2P3SQsMsiqmt1Lc8221NR1VzHj5jXN5vBny9A6fpze94HiVV/n7XRosOlsShJcvMv5mdnpjOGCEgg==
 
 caw@^2.0.0, caw@^2.0.1:
   version "2.0.1"