Merge pull request #4 from Yukino2002/fix_lint_errors

Fix Layers Icon on HomePage

.github/workflows/build_check_deploy_gh_pages.yml

@@ -1,4 +1,4 @@
-name: Deploy to gh-pages
+name: Check Lint and Build, Deploy to gh-pages
 
 on:
   push:
@@ -13,7 +13,7 @@ permissions:
   contents: write
 
 jobs:
-  build_and_deploy:
+  build_check_and_deploy_gh_pages:
     runs-on: ubuntu-latest
 
     steps:
@@ -60,7 +60,7 @@ jobs:
           npm run lint
           npm run export
 
-      # Run the deploy action if the push is to the main branch
+      # Run the deploy action only if the push is to the main branch
       - name: Deploy 🚀
         if: ${{ github.ref == 'refs/heads/main' }}
         uses: JamesIves/github-pages-deploy-action@v4

new-website/deepchem/pages/index.js

@@ -17,6 +17,8 @@ import { AnimationsContext } from "../contexts/animations-context";
 import exploreTutorialsIcon from "../public/images/explore-tutorials.png";
 import exploreProjectsIcon from "../public/images/explore-projects.png";
 import exploreModelsIcon from "./../public/images/explore-models.png";
+import exploreLayersIcon from "./../public/images/explore-layers.png";
+
 import Terminal from "../components/Home/Terminal";
 import deepchemLogo from "../public/images/deepchem-logo.png";
 
@@ -230,7 +232,7 @@ const Home = () => {
             link={"/tutorials"}
           />
           <ExploreCardItem
-            image={"/images/explore-datasets.png"}
+            image={exploreLayersIcon}
             title="LAYERS"
             link={"/layers"}
           />