configured for netlify deployment

Dey-Sumit · Sep 12, 2020 · 6cecaa9 · 6cecaa9
1 parent 079709f
commit 6cecaa9
Show file tree

Hide file tree

Showing 15 changed files with 55 additions and 177 deletions.
diff --git a/.gitignore b/.gitignore
@@ -1,5 +1,8 @@
 # See https://help.github.com/articles/ignoring-files/ for more about ignoring files.
 
+
+/TODO
+
 # dependencies
 /node_modules
 /.pnp

diff --git a/netlify.toml b/netlify.toml
@@ -0,0 +1,4 @@
+[[redirects]]
+  from = "/*"
+  to = "/index.html"
+  status = 200
diff --git a/public/favicon.ico b/public/favicon.ico
diff --git a/public/index.html b/public/index.html
@@ -13,8 +13,14 @@
       user's mobile device or desktop. See https://developers.google.com/web/fundamentals/web-app-manifest/
     -->
     <link rel="manifest" href="%PUBLIC_URL%/manifest.json" />
+    <script defer src="https://friconix.com/cdn/friconix.js"> </script>
     <!-- font font-awesome cdn -->
+
     <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
+
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.14.0/css/all.min.css"
+      integrity="sha512-1PKOgIY59xJ8Co8+NE6FZ+LOAZKjy+KY8iq0G4B3CyeY6wYHN3yt9PW0XpSriVlkMXe40PTKnXrLnZ9+fkDaog=="
+      crossorigin="anonymous" />
     <!--
       Notice the use of %PUBLIC_URL% in the tags above.
       It will be replaced with the URL of the `public` folder during the build.
@@ -40,6 +46,9 @@
       To begin the development, run `npm start` or `yarn start`.
       To create a production bundle, use `npm run build` or `yarn build`.
     -->
+    <script src="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.14.0/js/fontawesome.min.js"
+      integrity="sha512-i3N2a3sMtKOQHXCJF3qEpce5twcGN9mRsWQe6PUTf9WS/eG5XkivI97uxit7B2nRGz5XuoszBaqndSqxdeVfag=="
+      crossorigin="anonymous"></script>
   </body>
 
 </html>
diff --git a/public/logo192.png b/public/logo192.png
diff --git a/public/logo512.png b/public/logo512.png
diff --git a/src/App.test.js b/src/App.test.js
diff --git a/src/index.css b/src/index.css
@@ -39,11 +39,20 @@ button {
     1px 1px 3px rgba(0, 0, 0, 0.8);
   border-radius: 10px;
   cursor: pointer;
+  width: 18%;
+  min-width: 130px;
 }
 
 .alert {
   background-color: var(--pink);
   padding: 1%;
   margin: 1%;
   border-radius: 5px;
+}
+
+@media (max-width:1160px) {
+  .app {
+    flex-direction: column;
+  }
+
 }
diff --git a/src/index.js b/src/index.js
@@ -2,7 +2,6 @@ import React from 'react';
 import ReactDOM from 'react-dom';
 import './index.css';
 import App from './App';
-import * as serviceWorker from './serviceWorker';
 import { BrowserRouter as Router } from 'react-router-dom';
 
 ReactDOM.render(
@@ -14,7 +13,3 @@ ReactDOM.render(
   document.getElementById('root')
 );
 
-// If you want your app to work offline and load faster, you can change
-// unregister() to register() below. Note this comes with some pitfalls.
-// Learn more about service workers: https://bit.ly/CRA-PWA
-serviceWorker.unregister();
diff --git a/src/logo.svg b/src/logo.svg
diff --git a/src/path-finder/PathFinder.js b/src/path-finder/PathFinder.js
@@ -6,10 +6,10 @@ import { aStar } from './pathFinder-algos/aStar';
 import { bfs } from './pathFinder-algos/bfs';
 import { dfs } from './pathFinder-algos/dfs';
 import { motion } from 'framer-motion'
-const ROWS = 15
-const COLS = 25
+const ROWS = 12
+const COLS = 12
 var START_NODE_ROW = 2
-var START_NODE_COL = 14
+var START_NODE_COL = 10
 var END_NODE_ROW = 7
 var END_NODE_COL = 2
 

diff --git a/src/serviceWorker.js b/src/serviceWorker.js
diff --git a/src/setupTests.js b/src/setupTests.js
diff --git a/src/sidebar/Sidebar.js b/src/sidebar/Sidebar.js
@@ -17,17 +17,18 @@ const Sidebar = () => {
 
                 <Link to="/path-finder">
                     <li className="sidebar__link-active">
-                        <i class="fa fa-bomb"></i>
+                        <i class="fa fa-search-location"></i>
                     </li>
                 </Link>
 
-                <li><i class="fa fa-rocket"></i>
+                <li>
+                    <i class="fa fa-rocket"></i>
                 </li>
 
             </ul>
 
             <div className="sidebar__social">
-                <i class="fa fa-github"></i>
+                <i class="fab fa-github-alt"></i>
             </div>
         </div>
     );

diff --git a/src/sidebar/sidebar.css b/src/sidebar/sidebar.css
@@ -5,8 +5,9 @@
     align-items: center;
     height: 100vh;
     justify-content: space-around;
-    font-size: 28px;
+    font-size: 22px;
     color: var(--orange);
+    background: var(--dark);
     box-shadow: -1px -1px 3px rgba(255, 255, 255, 0.1), 1px 1px 3px rgba(0, 0, 0, 0.8);
 }
 
@@ -23,12 +24,12 @@
 
 }
 
-.fa {
+i {
     box-shadow: -1px -1px 3px rgba(255, 255, 255, 0.1),
         1px 1px 3px rgba(0, 0, 0, 0.8);
     padding: 12px;
     border-radius: 50%;
-    margin: 8px 0;
+    margin: 10px 0;
 }
 
 .sidebar__social>i {
@@ -44,6 +45,24 @@
     color: var(--violet);
 }
 
-.fa-bomb {
+.fa-search-location {
     color: var(--green);
+}
+
+@media (max-width:1160px) {
+    .sidebar {
+        flex-direction: row;
+        align-items: center;
+        position: sticky;
+        top: 0;
+        z-index: 1;
+    }
+
+    .sidebar>ul {
+        flex-direction: row;
+        height: 85px;
+        width: 20%;
+        align-items: center;
+    }
+
 }