Merge pull request #45 from Iraq-WBC-Capstones-2020/change-app-name-a…

…nd-favicon change react app name and favicon
Iraq-WBC-Capstones-2020 · Aug 14, 2020 · c084fca · c084fca
2 parents fb56828 + b59e3bc
commit c084fca
Show file tree

Hide file tree

Showing 8 changed files with 31 additions and 29 deletions.
diff --git a/package.json b/package.json
@@ -10,7 +10,6 @@
     "@testing-library/jest-dom": "^4.2.4",
     "@testing-library/react": "^9.3.2",
     "@testing-library/user-event": "^7.1.2",
-    "aos": "^2.3.4",
     "classnames": "^2.2.6",
     "framer-motion": "^2.3.0",
     "prop-types": "^15.7.2",

diff --git a/public/dummbellicon.ico b/public/dummbellicon.ico
diff --git a/public/favicon.ico b/public/favicon.ico
diff --git a/public/index.html b/public/index.html
@@ -1,21 +1,19 @@
 <!DOCTYPE html>
 <html lang="en">
-  <head>
-    <meta charset="utf-8" />
-    <link rel="icon" href="%PUBLIC_URL%/favicon.ico" />
-    <meta name="viewport" content="width=device-width, initial-scale=1" />
-    <meta name="theme-color" content="#000000" />
-    <meta
-      name="description"
-      content="Web site created using create-react-app"
-    />
-    <link rel="apple-touch-icon" href="%PUBLIC_URL%/logo192.png" />
-    <!--
+
+<head>
+  <meta charset="utf-8" />
+  <link rel="icon" href="%PUBLIC_URL%/dummbellicon.ico" />
+  <meta name="viewport" content="width=device-width, initial-scale=1" />
+  <meta name="theme-color" content="#000000" />
+  <meta name="description" content="Web site created using create-react-app" />
+  <link rel="apple-touch-icon" href="%PUBLIC_URL%/logo192.png" />
+  <!--
       manifest.json provides metadata used when your web app is installed on a
       user's mobile device or desktop. See https://developers.google.com/web/fundamentals/web-app-manifest/
     -->
-    <link rel="manifest" href="%PUBLIC_URL%/manifest.json" />
-    <!--
+  <link rel="manifest" href="%PUBLIC_URL%/manifest.json" />
+  <!--
       Notice the use of %PUBLIC_URL% in the tags above.
       It will be replaced with the URL of the `public` folder during the build.
       Only files inside the `public` folder can be referenced from the HTML.
@@ -24,12 +22,13 @@
       work correctly both with client-side routing and a non-root public URL.
       Learn how to configure a non-root public URL by running `npm run build`.
     -->
-    <title>React App</title>
-  </head>
-  <body>
-    <noscript>You need to enable JavaScript to run this app.</noscript>
-    <div id="root"></div>
-    <!--
+  <title>Train To Maintain</title>
+</head>
+
+<body>
+  <noscript>You need to enable JavaScript to run this app.</noscript>
+  <div id="root"></div>
+  <!--
       This HTML file is a template.
       If you open it directly in the browser, you will see an empty page.
 
@@ -39,5 +38,6 @@
       To begin the development, run `npm start` or `yarn start`.
       To create a production bundle, use `npm run build` or `yarn build`.
     -->
-  </body>
-</html>
+</body>
+
+</html>
diff --git a/public/logo512.png b/public/logo512.png
diff --git a/src/containers/NotFound/NotFound.js b/src/containers/NotFound/NotFound.js
@@ -2,8 +2,15 @@ import React from 'react';
 
 const NotFound = () => {
   return (
-    <div className="h-screen text-3xl font-poppins text-primary bg-secondary flex items-center justify-center">
-      <h1>Oh no!!! Page Not found</h1>
+    <div className="h-screen  font-poppins text-primary bg-secondary flex flex-col items-center justify-center p-4 ">
+      <h1 className="font-bold  lg:text-3xl md:text-2xl text-xl">
+        Unfortunately we could not find the page you are looking for..{' '}
+      </h1>
+      <p className="text-sm font-bold mt-4">
+        {' '}
+        You might have either searched for a wrong URL or the page you are
+        looking for is currently unavailable.
+      </p>
     </div>
   );
 };

diff --git a/src/tailwind.css b/src/tailwind.css
@@ -1,4 +1,3 @@
-@import url('https://fonts.googleapis.com/css2?family=Poppins&display=swap');
 @tailwind base;
 @tailwind components;
 @tailwind utilities;
diff --git a/tailwind.config.js b/tailwind.config.js
@@ -15,11 +15,8 @@ module.exports = {
         pinky: '#FF619A',
         darkgray: '#272727',
       },
-      fontFamily: {
-        poppins: ['Poppins'],
-      },
       height: {
-        'screen-50': "50vh"
+        'screen-50': '50vh',
       },
     },
   },