Merge pull request 'Agata' (#2) from Agata into master

Reviewed-on: #2
2021-06-15 13:23:36 +02:00 · 2021-06-15 13:23:36 +02:00 · 66a712f9a4
commit 66a712f9a4
parent 8a80ee7a76 ee66f5bed7
44 changed files with 1255 additions and 240 deletions
--- a/.vs/ProjectSettings.json
+++ b/.vs/ProjectSettings.json
@ -0,0 +1,3 @@
+{
+  "CurrentProjectSetting": "Brak konfiguracji"
+}
--- a/.vs/VSWorkspaceState.json
+++ b/.vs/VSWorkspaceState.json
@ -0,0 +1,11 @@
+{
+  "ExpandedNodes": [
+    "",
+    "\\highneed_react",
+    "\\highneed_react\\src",
+    "\\highneed_react\\src\\components",
+    "\\highneed_react\\src\\Pages"
+  ],
+  "SelectedNode": "\\highneed_react\\src\\Pages\\Home.js",
+  "PreviewInSolutionExplorer": false
+}
--- a/.vs/inzynierka/v16/.suo
+++ b/.vs/inzynierka/v16/.suo
--- a/.vs/inzynierka/v16/Browse.VC.db
+++ b/.vs/inzynierka/v16/Browse.VC.db
--- a/.vs/slnx.sqlite
+++ b/.vs/slnx.sqlite
--- a/.vs/tasks.vs.json
+++ b/.vs/tasks.vs.json
@ -0,0 +1,10 @@
+{
+  "version": "0.2.1",
+  "tasks": [
+    {
+      "taskLabel": "zadanie-Login",
+      "appliesTo": "highneed_react/src/Pages/Login.js",
+      "type": "launch"
+    }
+  ]
+}
--- a/highneed/.vs/ProjectSettings.json
+++ b/highneed/.vs/ProjectSettings.json
@ -0,0 +1,3 @@
+{
+  "CurrentProjectSetting": "Brak konfiguracji"
+}
--- a/highneed/.vs/VSWorkspaceState.json
+++ b/highneed/.vs/VSWorkspaceState.json
@ -0,0 +1,6 @@
+{
+  "ExpandedNodes": [
+    "\\venv\\lib\\python3.6"
+  ],
+  "PreviewInSolutionExplorer": false
+}
--- a/highneed/.vs/slnx.sqlite
+++ b/highneed/.vs/slnx.sqlite
--- a/highneed_react/.gitignore
+++ b/highneed_react/.gitignore
@ -21,3 +21,5 @@
 npm-debug.log*
 yarn-debug.log*
 yarn-error.log*
+
+.vs/*
--- a/highneed_react/.vs/ProjectSettings.json
+++ b/highneed_react/.vs/ProjectSettings.json
@ -0,0 +1,3 @@
+{
+  "CurrentProjectSetting": null
+}
--- a/highneed_react/.vs/highneed_react/v16/.suo
+++ b/highneed_react/.vs/highneed_react/v16/.suo
--- a/highneed_react/.vs/slnx.sqlite
+++ b/highneed_react/.vs/slnx.sqlite
--- a/highneed_react/package-lock.json
+++ b/highneed_react/package-lock.json
@ -3011,11 +3011,6 @@
      "resolved": "https://registry.npmjs.org/async-each/-/async-each-1.0.3.tgz",
      "integrity": "sha512-z/WhQ5FPySLdvREByI2vZiTWwCnF0moMJ1hK9YQwDTHKh6I7/uSckMetoRGb5UBZPC1z0jlw+n/XCgjeH7y1AQ=="
    },
-    "async-limiter": {
-      "version": "1.0.1",
-      "resolved": "https://registry.npmjs.org/async-limiter/-/async-limiter-1.0.1.tgz",
-      "integrity": "sha512-csOlWGAcRFJaI6m+F2WKdnMKr4HhdhFVBk0H/QbJFMCr+uO2kwohwXQPxw/9OCxp05r5ghVBFSyioixx3gfkNQ=="
-    },
    "asynckit": {
      "version": "0.4.0",
      "resolved": "https://registry.npmjs.org/asynckit/-/asynckit-0.4.0.tgz",
@ -3686,6 +3681,11 @@
      "resolved": "https://registry.npmjs.org/boolbase/-/boolbase-1.0.0.tgz",
      "integrity": "sha1-aN/1++YMUes3cl6p4+0xDcwed24="
    },
+    "bootstrap": {
+      "version": "5.0.1",
+      "resolved": "https://registry.npmjs.org/bootstrap/-/bootstrap-5.0.1.tgz",
+      "integrity": "sha512-Fl79+wsLOZKoiU345KeEaWD0ik8WKRI5zm0YSPj2oF1Qr+BO7z0fco6GbUtqjoG1h4VI89PeKJnMsMMVQdKKTw=="
+    },
    "brace-expansion": {
      "version": "1.1.11",
      "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-1.1.11.tgz",
@ -5083,9 +5083,9 @@
      "integrity": "sha1-s55/HabrCnW6nBcySzR1PEfgZU0="
    },
    "dns-packet": {
-      "version": "1.3.1",
-      "resolved": "https://registry.npmjs.org/dns-packet/-/dns-packet-1.3.1.tgz",
-      "integrity": "sha512-0UxfQkMhYAUaZI+xrNZOz/as5KgDU0M/fQ9b6SpkyLbk3GEswDi6PADJVaYJradtRVsRIlF1zLyOodbcTCDzUg==",
+      "version": "1.3.4",
+      "resolved": "https://registry.npmjs.org/dns-packet/-/dns-packet-1.3.4.tgz",
+      "integrity": "sha512-BQ6F4vycLXBvdrJZ6S3gZewt6rcrks9KBgM9vrhW+knGRqc8uEdT7fuCwloc7nny5xNoMJ17HGH0R/6fpo8ECA==",
      "requires": {
        "ip": "^1.1.0",
        "safe-buffer": "^5.0.1"
@ -5162,11 +5162,18 @@
      }
    },
    "domhandler": {
-      "version": "2.4.2",
-      "resolved": "https://registry.npmjs.org/domhandler/-/domhandler-2.4.2.tgz",
-      "integrity": "sha512-JiK04h0Ht5u/80fdLMCEmV4zkNh2BcoMFBmZ/91WtYZ8qVXSKjiw7fXMgFPnHcSZgOo3XdinHvmnDUeMf5R4wA==",
+      "version": "4.2.0",
+      "resolved": "https://registry.npmjs.org/domhandler/-/domhandler-4.2.0.tgz",
+      "integrity": "sha512-zk7sgt970kzPks2Bf+dwT/PLzghLnsivb9CcxkvR8Mzr66Olr0Ofd8neSbglHJHaHa2MadfoSdNlKYAaafmWfA==",
      "requires": {
-        "domelementtype": "1"
+        "domelementtype": "^2.2.0"
+      },
+      "dependencies": {
+        "domelementtype": {
+          "version": "2.2.0",
+          "resolved": "https://registry.npmjs.org/domelementtype/-/domelementtype-2.2.0.tgz",
+          "integrity": "sha512-DtBMo82pv1dFtUmHyr48beiuq792Sxohr+8Hm9zoxklYPfa6n0Z3Byjj2IV7bmr2IyqClnqEQhfgHJJ5QF0R5A=="
+        }
      }
    },
    "domutils": {
@ -7235,6 +7242,16 @@
      "resolved": "https://registry.npmjs.org/html-escaper/-/html-escaper-2.0.2.tgz",
      "integrity": "sha512-H2iMtd0I4Mt5eYiapRdIDjp+XzelXQ0tFE4JS7YFwFevXXMmOp9myNrUvCg0D6ws8iqkRPBfKHgbwig1SmlLfg=="
    },
+    "html-loader": {
+      "version": "2.1.2",
+      "resolved": "https://registry.npmjs.org/html-loader/-/html-loader-2.1.2.tgz",
+      "integrity": "sha512-XB4O1+6mpLp4qy/3qg5+1QPZ/uXvWtO64hNAX87sKHwcHkp1LJGU7V3sJ9iVmRACElAZXQ4YOO/Lbkx5kYfl9A==",
+      "dev": true,
+      "requires": {
+        "html-minifier-terser": "^5.1.1",
+        "parse5": "^6.0.1"
+      }
+    },
    "html-minifier-terser": {
      "version": "5.1.1",
      "resolved": "https://registry.npmjs.org/html-minifier-terser/-/html-minifier-terser-5.1.1.tgz",
@ -7295,22 +7312,40 @@
      }
    },
    "htmlparser2": {
-      "version": "3.10.1",
-      "resolved": "https://registry.npmjs.org/htmlparser2/-/htmlparser2-3.10.1.tgz",
-      "integrity": "sha512-IgieNijUMbkDovyoKObU1DUhm1iwNYE/fuifEoEHfd1oZKZDaONBSkal7Y01shxsM49R4XaMdGez3WnF9UfiCQ==",
+      "version": "6.1.0",
+      "resolved": "https://registry.npmjs.org/htmlparser2/-/htmlparser2-6.1.0.tgz",
+      "integrity": "sha512-gyyPk6rgonLFEDGoeRgQNaEUvdJ4ktTmmUh/h2t7s+M8oPpIPxgNACWa+6ESR57kXstwqPiCut0V8NRpcwgU7A==",
      "requires": {
-        "domelementtype": "^1.3.1",
-        "domhandler": "^2.3.0",
-        "domutils": "^1.5.1",
-        "entities": "^1.1.1",
-        "inherits": "^2.0.1",
-        "readable-stream": "^3.1.1"
+        "domelementtype": "^2.0.1",
+        "domhandler": "^4.0.0",
+        "domutils": "^2.5.2",
+        "entities": "^2.0.0"
      },
      "dependencies": {
-        "entities": {
-          "version": "1.1.2",
-          "resolved": "https://registry.npmjs.org/entities/-/entities-1.1.2.tgz",
-          "integrity": "sha512-f2LZMYl1Fzu7YSBKg+RoROelpOaNrcGmE9AZubeDfrCEia483oW4MI4VyFd5VNHIgQ/7qm1I0wUHK1eJnn2y2w=="
+        "dom-serializer": {
+          "version": "1.3.2",
+          "resolved": "https://registry.npmjs.org/dom-serializer/-/dom-serializer-1.3.2.tgz",
+          "integrity": "sha512-5c54Bk5Dw4qAxNOI1pFEizPSjVsx5+bpJKmL2kPn8JhBUq2q09tTCa3mjijun2NfK78NMouDYNMBkOrPZiS+ig==",
+          "requires": {
+            "domelementtype": "^2.0.1",
+            "domhandler": "^4.2.0",
+            "entities": "^2.0.0"
+          }
+        },
+        "domelementtype": {
+          "version": "2.2.0",
+          "resolved": "https://registry.npmjs.org/domelementtype/-/domelementtype-2.2.0.tgz",
+          "integrity": "sha512-DtBMo82pv1dFtUmHyr48beiuq792Sxohr+8Hm9zoxklYPfa6n0Z3Byjj2IV7bmr2IyqClnqEQhfgHJJ5QF0R5A=="
+        },
+        "domutils": {
+          "version": "2.7.0",
+          "resolved": "https://registry.npmjs.org/domutils/-/domutils-2.7.0.tgz",
+          "integrity": "sha512-8eaHa17IwJUPAiB+SoTYBo5mCdeMgdcAoXJ59m6DT1vw+5iLS3gNoqYaRowaBKtGVrOF1Jz4yDTgYKLK2kvfJg==",
+          "requires": {
+            "dom-serializer": "^1.0.1",
+            "domelementtype": "^2.2.0",
+            "domhandler": "^4.2.0"
+          }
        }
      }
    },
@ -12474,6 +12509,14 @@
      "resolved": "https://registry.npmjs.org/react-refresh/-/react-refresh-0.8.3.tgz",
      "integrity": "sha512-X8jZHc7nCMjaCqoU+V2I0cOhNW+QMBwSUkeXnTi8IPe6zaRWfn60ZzvFDZqWPfmSJfjub7dDW1SP0jaHWLu/hg=="
    },
+    "react-responsive-image": {
+      "version": "5.0.0",
+      "resolved": "https://registry.npmjs.org/react-responsive-image/-/react-responsive-image-5.0.0.tgz",
+      "integrity": "sha512-SFWb9nlJSDNVXLwwe4Pgzn62KLUXFhXwjed4MFFFC97qGBVbEct2zMk10F05W/Jw7da1YpglPYAdvo2Q1UmCkw==",
+      "requires": {
+        "prop-types": "^15.5.10"
+      }
+    },
    "react-router": {
      "version": "5.2.0",
      "resolved": "https://registry.npmjs.org/react-router/-/react-router-5.2.0.tgz",
@ -12799,28 +12842,65 @@
      "integrity": "sha1-wkvOKig62tW8P1jg1IJJuSN52O8="
    },
    "renderkid": {
-      "version": "2.0.5",
-      "resolved": "https://registry.npmjs.org/renderkid/-/renderkid-2.0.5.tgz",
-      "integrity": "sha512-ccqoLg+HLOHq1vdfYNm4TBeaCDIi1FLt3wGojTDSvdewUv65oTmI3cnT2E4hRjl1gzKZIPK+KZrXzlUYKnR+vQ==",
+      "version": "2.0.6",
+      "resolved": "https://registry.npmjs.org/renderkid/-/renderkid-2.0.6.tgz",
+      "integrity": "sha512-GIis2GBr/ho0pFNf57D4XM4+PgnQuTii0WCPjEZmZfKivzUfGuRdjN2aQYtYMiNggHmNyBve+thFnNR1iBRcKg==",
      "requires": {
-        "css-select": "^2.0.2",
-        "dom-converter": "^0.2",
-        "htmlparser2": "^3.10.1",
-        "lodash": "^4.17.20",
-        "strip-ansi": "^3.0.0"
+        "css-select": "^4.1.3",
+        "dom-converter": "^0.2.0",
+        "htmlparser2": "^6.1.0",
+        "lodash": "^4.17.21",
+        "strip-ansi": "^6.0.0"
      },
      "dependencies": {
-        "ansi-regex": {
-          "version": "2.1.1",
-          "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-2.1.1.tgz",
-          "integrity": "sha1-w7M6te42DYbg5ijwRorn7yfWVN8="
-        },
-        "strip-ansi": {
-          "version": "3.0.1",
-          "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-3.0.1.tgz",
-          "integrity": "sha1-ajhfuIU9lS1f8F0Oiq+UJ43GPc8=",
+        "css-select": {
+          "version": "4.1.3",
+          "resolved": "https://registry.npmjs.org/css-select/-/css-select-4.1.3.tgz",
+          "integrity": "sha512-gT3wBNd9Nj49rAbmtFHj1cljIAOLYSX1nZ8CB7TBO3INYckygm5B7LISU/szY//YmdiSLbJvDLOx9VnMVpMBxA==",
          "requires": {
-            "ansi-regex": "^2.0.0"
+            "boolbase": "^1.0.0",
+            "css-what": "^5.0.0",
+            "domhandler": "^4.2.0",
+            "domutils": "^2.6.0",
+            "nth-check": "^2.0.0"
+          }
+        },
+        "css-what": {
+          "version": "5.0.1",
+          "resolved": "https://registry.npmjs.org/css-what/-/css-what-5.0.1.tgz",
+          "integrity": "sha512-FYDTSHb/7KXsWICVsxdmiExPjCfRC4qRFBdVwv7Ax9hMnvMmEjP9RfxTEZ3qPZGmADDn2vAKSo9UcN1jKVYscg=="
+        },
+        "dom-serializer": {
+          "version": "1.3.2",
+          "resolved": "https://registry.npmjs.org/dom-serializer/-/dom-serializer-1.3.2.tgz",
+          "integrity": "sha512-5c54Bk5Dw4qAxNOI1pFEizPSjVsx5+bpJKmL2kPn8JhBUq2q09tTCa3mjijun2NfK78NMouDYNMBkOrPZiS+ig==",
+          "requires": {
+            "domelementtype": "^2.0.1",
+            "domhandler": "^4.2.0",
+            "entities": "^2.0.0"
+          }
+        },
+        "domelementtype": {
+          "version": "2.2.0",
+          "resolved": "https://registry.npmjs.org/domelementtype/-/domelementtype-2.2.0.tgz",
+          "integrity": "sha512-DtBMo82pv1dFtUmHyr48beiuq792Sxohr+8Hm9zoxklYPfa6n0Z3Byjj2IV7bmr2IyqClnqEQhfgHJJ5QF0R5A=="
+        },
+        "domutils": {
+          "version": "2.7.0",
+          "resolved": "https://registry.npmjs.org/domutils/-/domutils-2.7.0.tgz",
+          "integrity": "sha512-8eaHa17IwJUPAiB+SoTYBo5mCdeMgdcAoXJ59m6DT1vw+5iLS3gNoqYaRowaBKtGVrOF1Jz4yDTgYKLK2kvfJg==",
+          "requires": {
+            "dom-serializer": "^1.0.1",
+            "domelementtype": "^2.2.0",
+            "domhandler": "^4.2.0"
+          }
+        },
+        "nth-check": {
+          "version": "2.0.0",
+          "resolved": "https://registry.npmjs.org/nth-check/-/nth-check-2.0.0.tgz",
+          "integrity": "sha512-i4sc/Kj8htBrAiH1viZ0TgU8Y5XqCaV/FziYK6TBczxmeKm3AEFWqqF3195yKudrarqy7Zu80Ra5dobFjn9X/Q==",
+          "requires": {
+            "boolbase": "^1.0.0"
          }
        }
      }
@ -16114,11 +16194,18 @@
          }
        },
        "ws": {
-          "version": "6.2.1",
-          "resolved": "https://registry.npmjs.org/ws/-/ws-6.2.1.tgz",
-          "integrity": "sha512-GIyAXC2cB7LjvpgMt9EKS2ldqr0MTrORaleiOno6TweZ6r3TKtoFQWay/2PceJ3RuBasOHzXNn5Lrw1X0bEjqA==",
+          "version": "6.2.2",
+          "resolved": "https://registry.npmjs.org/ws/-/ws-6.2.2.tgz",
+          "integrity": "sha512-zmhltoSR8u1cnDsD43TX59mzoMZsLKqUweyYBAIvTngR3shc0W6aOZylZmq/7hqyVxPdi+5Ud2QInblgyE72fw==",
          "requires": {
            "async-limiter": "~1.0.0"
+          },
+          "dependencies": {
+            "async-limiter": {
+              "version": "1.0.1",
+              "resolved": "https://registry.npmjs.org/async-limiter/-/async-limiter-1.0.1.tgz",
+              "integrity": "sha512-csOlWGAcRFJaI6m+F2WKdnMKr4HhdhFVBk0H/QbJFMCr+uO2kwohwXQPxw/9OCxp05r5ghVBFSyioixx3gfkNQ=="
+            }
          }
        },
        "yargs": {
@ -16558,9 +16645,9 @@
      }
    },
    "ws": {
-      "version": "7.4.5",
-      "resolved": "https://registry.npmjs.org/ws/-/ws-7.4.5.tgz",
-      "integrity": "sha512-xzyu3hFvomRfXKH8vOFMU3OguG6oOvhXMo3xsGy3xWExqaM2dxBbVxuD99O7m3ZUFMvvscsZDqxfgMaRr/Nr1g=="
+      "version": "7.4.6",
+      "resolved": "https://registry.npmjs.org/ws/-/ws-7.4.6.tgz",
+      "integrity": "sha512-YmhHDO4MzaDLB+M9ym/mDA5z0naX8j7SIlT8f8z+I0VtzsRbekxEutHSme7NPS2qE8StCYQNUnfWdXta/Yu85A=="
    },
    "xml-name-validator": {
      "version": "3.0.0",
--- a/highneed_react/package.json
+++ b/highneed_react/package.json
@ -6,8 +6,10 @@
    "@testing-library/jest-dom": "^5.12.0",
    "@testing-library/react": "^11.2.6",
    "@testing-library/user-event": "^12.8.3",
+    "bootstrap": "^5.0.1",
    "react": "^17.0.2",
    "react-dom": "^17.0.2",
+    "react-responsive-image": "^5.0.0",
    "react-router-dom": "^5.2.0",
    "react-scripts": "4.0.3",
    "web-vitals": "^1.1.2"
@ -35,5 +37,8 @@
      "last 1 firefox version",
      "last 1 safari version"
    ]
+  },
+  "devDependencies": {
+    "html-loader": "^2.1.2"
  }
 }
--- a/highneed_react/public/images/img-article-m.jpg
+++ b/highneed_react/public/images/img-article-m.jpg
--- a/highneed_react/public/images/img-article-s.jpg
+++ b/highneed_react/public/images/img-article-s.jpg
--- a/highneed_react/public/images/img-article.jpg
+++ b/highneed_react/public/images/img-article.jpg
--- a/highneed_react/public/images/img-article2-m.jpg
+++ b/highneed_react/public/images/img-article2-m.jpg
--- a/highneed_react/public/images/img-article2-s.jpg
+++ b/highneed_react/public/images/img-article2-s.jpg
--- a/highneed_react/public/images/img-article2.jpg
+++ b/highneed_react/public/images/img-article2.jpg
--- a/highneed_react/public/images/img-map-m.png
+++ b/highneed_react/public/images/img-map-m.png
--- a/highneed_react/public/images/img-map-s.png
+++ b/highneed_react/public/images/img-map-s.png
--- a/highneed_react/public/images/img-map.png
+++ b/highneed_react/public/images/img-map.png
--- a/highneed_react/public/index.html
+++ b/highneed_react/public/index.html
@ -1,5 +1,5 @@
 <!DOCTYPE html>
-<html lang="en">
+<html lang="pl">
  <head>
    <meta charset="utf-8" />
    <link rel="icon" href="%PUBLIC_URL%/favicon.ico" />
@ -21,7 +21,6 @@
      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.
-
      Unlike "/favicon.ico" or "favicon.ico", "%PUBLIC_URL%/favicon.ico" will
      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`.
@ -34,12 +33,10 @@
    <!--
      This HTML file is a template.
      If you open it directly in the browser, you will see an empty page.
-
      You can add webfonts, meta tags, or analytics to this file.
      The build step will place the bundled scripts into the <body> tag.
-
      To begin the development, run `npm start` or `yarn start`.
      To create a production bundle, use `npm run build` or `yarn build`.
    -->
  </body>
-</html>
+</html>
--- a/highneed_react/src/App.css
+++ b/highneed_react/src/App.css
@ -1,12 +1,11 @@
-body
-{
-  height: 100%;
-  width: 100%;
+body {
 }

 * {
-    box-sizing: border-box;
+    box-sizing: content-box;
    margin: 0;
+
    padding: 0;
-    font-family: 'Quicksand';
-  }
+    font-family: 'Verdana', Arial;
+}
+
--- a/highneed_react/src/App.js
+++ b/highneed_react/src/App.js
@ -1,9 +1,14 @@
 import React from 'react';
 import './App.css';
+import { BrowserRouter as Router, Switch, Route } from 'react-router-dom';
+
 import NavBar from './components/NavBar';
-import {BrowserRouter as Router, Switch, Route} from 'react-router-dom';
-import SearchEvent from './components/Pages/SearchEvent';
-import Home from './components/Pages/Home';
+import Home from './Pages/Home';
+import Login from './Pages/Login';
+import SearchEvent from './Pages/SearchEvent';
+import Calendar from './Pages/Calendar';
+import FBfanpage from './Pages/FBfanpage';
+

 function App() {
  return (
@ -11,8 +16,11 @@ function App() {
    <Router>
      <NavBar />
      <Switch>
-      <Route path='/' exact component={Home}/>
-        <Route path='/search-event' component={SearchEvent}/>
+      <Route path='/' exact component={Home} />
+      <Route path='/login' exact component={Login} />
+      <Route path='/search-events' exact component={SearchEvent} />
+      <Route path='/calendar' exact component={Calendar} />
+      <Route path='/fanpage' exact component={FBfanpage} />
      </Switch>
    </Router>
    </>
--- a/highneed_react/src/Pages/Calendar.js
+++ b/highneed_react/src/Pages/Calendar.js
@ -0,0 +1,12 @@
+import React from 'react';
+import '../App.css';
+
+function Calendar() {
+    return (
+        <>
+            Calendar
+        </>
+    );
+}
+
+export default Calendar;
--- a/highneed_react/src/Pages/FBfanpage.js
+++ b/highneed_react/src/Pages/FBfanpage.js
@ -0,0 +1,12 @@
+import React from 'react';
+import '../App.css';
+
+function FBfanpage() {
+    return (
+        <>
+            FB fanpage
+        </>
+    );
+}
+
+export default FBfanpage;
--- a/highneed_react/src/Pages/Home-responsive.css
+++ b/highneed_react/src/Pages/Home-responsive.css
@ -0,0 +1,62 @@
+@media screen and (max-width: 416px) {
+    .article-container {
+        padding: 3% 1%;
+        flex-direction: column;
+    }
+
+    .article2-container {
+        padding: 3% 1%;
+        height: 300px;
+    }
+
+    .article4-container {
+        padding: 3% 1%;
+        height: 300px;
+    }
+
+    .article-img {
+        margin-bottom: 1%;
+    }
+
+    h1 {
+        font-size: 16px;
+    }
+
+    p {
+        font-size: 14px;
+    }
+
+    .search-components {
+        width: 170px;
+        font-size: 13px;
+    }
+
+}
+
+@media screen and (min-width: 801px) {
+    .article-container {
+        padding-top:1.5%;
+        padding-bottom:1.5%;
+    }
+
+    .article2-container {
+        padding-top: 1.5%;
+        padding-bottom: 1.5%;
+    }
+
+    .article4-container {
+        padding-top: 1.5%;
+        padding-bottom: 1.5%;
+    }
+
+    h1{
+        font-size:22px;
+    }
+
+    p{
+        font-size:17px;
+        max-width: 700px;
+    }
+
+
+}
--- a/highneed_react/src/Pages/Home.css
+++ b/highneed_react/src/Pages/Home.css
@ -0,0 +1,114 @@
+.homepage {
+}
+
+.sport-list {
+    padding: 1% 1%;
+    display: flex;
+    flex-wrap: wrap;
+    flex-direction: row;
+    justify-content: center;
+    background-color: #F0FAF3;
+}
+
+.categories{
+    margin: 0.5%;
+    min-width:15%;
+}
+
+.article-container {
+    padding: 2.5% 1%;
+    display: flex;
+    flex-direction: row;
+    align-items: center;
+    justify-content: space-around;
+}
+
+.article2-container {
+    padding: 2.5% 1%;
+    background-color: #F0FAF3;
+    display: flex;
+    flex-direction: row;
+    align-items: center;
+    justify-content: space-around;
+}
+
+.article4-container {
+    padding: 2.5% 1%;
+    display: flex;
+    flex-direction: row;
+    align-items: center;
+}
+
+.article-text {
+    padding-left: 1%;
+    padding-right: 1%;
+    display: flex;
+    flex-direction: column;
+}
+
+.article2-text {
+    padding-left: 1%;
+    padding-right: 1%;
+    display: flex;
+    flex-direction: column;
+}
+
+.article4-text {
+    height: 300px;
+    padding-left: 1%;
+    padding-right: 1%;
+}
+
+
+.article-img {
+    display:flex;
+    border-radius: 5%;
+    overflow: clip;
+    margin-left: 1%;
+    margin-right: 1%;
+}
+
+.article-img2 {
+    border-radius: 50%;
+    overflow: clip;
+    margin-left: 1%;
+    margin-right: 1%;
+}
+
+.article-img3 {
+    max-height:500px;
+    overflow:clip;
+}
+
+h1 {
+    padding-bottom: 8px;
+    text-align: center;
+    font-size: 20px;
+    color: #347945;
+}
+
+p {
+    text-align: justify;
+    font-size: 16px;
+}
+
+.center {
+    text-align: center;
+}
+
+.searching {
+    padding-top: 10%;
+}
+
+.search-components {
+    width: 205px;
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+}
+
+.button-icon {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+}
--- a/highneed_react/src/Pages/Home.js
+++ b/highneed_react/src/Pages/Home.js
@ -0,0 +1,157 @@
+import React from 'react';
+import { Link } from 'react-router-dom';
+import { ResponsiveImage, ResponsiveImageSize } from 'react-responsive-image';
+import './Home.css'
+import './Home-responsive.css'
+import BottomBar from '../components/BottomBar';
+
+const small = '/images/img-article-s.jpg';
+const medium = '/images/img-article-m.jpg';
+const large = '/images/img-article.jpg';
+
+const small_2 = '/images/img-article2-s.jpg';
+const medium_2 = '/images/img-article2-m.jpg';
+const large_2 = '/images/img-article2.jpg';
+
+const small_3 = '/images/img-map-s.png';
+const medium_3 = '/images/img-map-m.png';
+const large_3 = '/images/img-map.png';
+
+
+function Home() {
+    return (
+        <>
+            <div className='homepage'>
+                <div className='sport-list'>
+
+                    <button className='button categories'>
+                        <div className='categories'>
+                            Sport
+                        </div>
+                    </button>
+                    <button className='button categories'>
+                        <div className='categories'>
+                            Plastyka
+                        </div>
+                    </button>
+                    <button className='button categories'>
+                        <div className='categories'>
+                            Muzyka
+                        </div>
+                    </button>
+                    <button className='button categories'>
+                        <div className='text'>
+                            Taniec
+                        </div>
+                    </button>
+                    <button className='button categories'>
+                        <div className='search-text'>
+                            Edukacja
+                        </div>
+                    </button>
+
+
+                </div>
+
+                <div className='article-container'>
+                    <div className='article-img'>
+                        <ResponsiveImage>
+                            <ResponsiveImageSize
+                                minWidth={0}
+                                path={small}
+
+                            />
+                            <ResponsiveImageSize
+                                minWidth={416}
+                                path={medium}
+                            />
+                            <ResponsiveImageSize
+                                minWidth={801}
+                                path={large}
+                            />
+                        </ResponsiveImage>
+                    </div>
+
+                    <div className='article-text'>
+                        <h1>Witamy na stronie HighNeed</h1>
+                        <p>HighNeed.pl jest portalem do planowania aktywności dla rodzin z dziećmi w Poznaniu.</p>
+                    </div>
+                </div>
+                <div class='line'></div>
+
+                <div className='article2-container'>
+                    <div className='article2-text'>
+                        <h1>Wyszukiwanie wydarzeń w Twojej okolicy</h1>
+                        <p>Znajdź grupy i wydarzenia na terenie Poznania, dzięki którym Twoje dziecko rozwinie swoje zainteresowania oraz zawrze nowe znajomości. </p>
+
+                        <Link className='center searching' to={'/search-events'}>
+                            <button className='button'>
+                                <div className='search-components'>
+                                    <div className='search button-icon'>
+                                        <svg width="25" height="25" viewBox="0 0 25 25" fill="none" xmlns="http://www.w3.org/2000/svg">
+                                            <path fill-rule="evenodd" clip-rule="evenodd" d="M16.9325 15.7562C18.969 13.1408 18.785 9.35694 16.3807 6.95262C13.7772 4.34913 9.55612 4.34913 6.95262 6.95262C4.34913 9.55612 4.34913 13.7772 6.95262 16.3807C9.35694 18.785 13.1408 18.969 15.7562 16.9325C15.7675 16.9453 15.7793 16.9578 15.7915 16.97L19.327 20.5055C19.6524 20.8309 20.1801 20.8309 20.5055 20.5055C20.8309 20.1801 20.8309 19.6524 20.5055 19.327L16.97 15.7915C16.9578 15.7793 16.9453 15.7675 16.9325 15.7562ZM15.2022 8.13113C17.1548 10.0838 17.1548 13.2496 15.2022 15.2022C13.2496 17.1548 10.0838 17.1548 8.13113 15.2022C6.17851 13.2496 6.17851 10.0838 8.13113 8.13113C10.0838 6.17851 13.2496 6.17851 15.2022 8.13113Z" fill="white" />
+                                        </svg>
+                                    </div>
+                                    <div className='search-text'>
+                                        Wyszukaj wydarzenia
+                                </div>
+                                </div>
+                            </button>
+                        </Link>
+                    </div>
+
+                    <div className='article-img2'>
+                        <ResponsiveImage>
+                            <ResponsiveImageSize
+                                minWidth={0}
+                                path={small_2}
+                            />
+                            <ResponsiveImageSize
+                                minWidth={416}
+                                path={medium_2}
+                            />
+                            <ResponsiveImageSize
+                                minWidth={801}
+                                path={large_2}
+                            />
+                        </ResponsiveImage>
+                    </div>
+                </div>
+                <div class='line'></div>
+
+                <div className='article3-container'>
+                    <div className='article-img3'>
+                        <ResponsiveImage>
+                            <ResponsiveImageSize
+                                minWidth={0}
+                                path={small_3}
+                            />
+                            <ResponsiveImageSize
+                                minWidth={416}
+                                path={medium_3}
+                            />
+                            <ResponsiveImageSize
+                                minWidth={801}
+                                path={large_3}
+                            />
+                        </ResponsiveImage>
+                    </div>
+                </div>
+                <div class='line'></div>
+
+                <div className='article4-container'>
+                    <div className='article4-text'>
+                        <h1>Nadchodzące wydarzenia</h1>
+
+                        <p>* Będzie po połączeniu zaimportowanych wydarzeń *</p> 
+                    </div>
+                </div>
+                <div class='line'></div>
+
+                <BottomBar />
+            </div>
+        </>
+    );
+}
+
+export default Home;
--- a/highneed_react/src/Pages/Login.css
+++ b/highneed_react/src/Pages/Login.css
@ -0,0 +1,58 @@
+.signup {
+    padding-top:5%;
+}
+
+.login-container {
+    background-color: #F0FAF3;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    justify-content: center;
+}
+
+h3 {
+    display:flex;
+    justify-content:center;
+    padding: 5%;
+    font-size: 40px;
+    color: #347945;
+}
+
+.login{
+}
+
+form {
+    width: 100%;
+}
+
+.input-container{
+    padding: 5% 5%
+}
+
+
+input {
+    border-color: #347945;
+    border-radius: 5px;
+
+    height:20px;
+    width: 100%;
+
+    padding:1% 0%;
+    margin:2% 0%;
+}
+
+.login-bottom {
+    padding: 5% 5%;
+
+    display: flex;
+    flex-direction: row;
+    align-items: center;
+    justify-content: center;
+}
+
+.text-button{
+    margin: 5% 5%;
+    display:flex;
+    flex-direction:column;
+    justify-content:center;
+}
--- a/highneed_react/src/Pages/Login.js
+++ b/highneed_react/src/Pages/Login.js
@ -0,0 +1,46 @@
+import React from 'react'
+import './Login.css'
+
+function Login() {
+    return (
+        <div className='signup' >
+
+            <div className='login-container'>
+                <div class='line'></div>
+                <form>
+                    <h3>Logowanie</h3>
+                    <div className='input-container'>
+                        <p>E-mail:</p>
+                        <input type='tekst' />
+                   
+                        <p>Has³o:</p>
+                        <input type='tekst' />
+
+                        <button className='button login'>
+                                Zaloguj sie
+                         </button>
+                    </div>
+
+                    <div className='login-bottom'>
+                        <div className='text-button'>
+                            <p>Pierwszy raz na stronie?</p>
+
+                            <button className='button register'>
+                                Zarejestruj siê
+                             </button>
+                        </div>
+                        <div className='text-button'>
+                            <p>Nie pamiêtasz has³a?</p>
+                            <button className='button reset'>
+                                Zresetuj has³o
+                            </button>
+                        </div>
+                    </div>
+
+                </form>
+                <div class='line'></div>
+            </div>
+        </div>
+    );
+}
+export default Login;
--- a/highneed_react/src/components/Pages/SearchEvent.js
+++ b/highneed_react/src/components/Pages/SearchEvent.js
@ -1,6 +1,6 @@
 import React from 'react';
-import '../../App.css';
-import Events from '../Events';
+import '../App.css';
+import Events from '../components/Events';

 function SearchEvent() {
  return (
--- a/highneed_react/src/components/BottomBar.css
+++ b/highneed_react/src/components/BottomBar.css
@ -0,0 +1,53 @@
+.bottom-bar {
+    background-color: #64BE7B;
+    color: white;
+}
+
+.contact-info {
+    display: flex;
+    flex-direction: column;
+    padding: 0.5% 1%;
+}
+
+.contact-container {
+    display: flex;
+    flex-direction: row;
+    align-items: center;
+}
+
+.contact {
+    color: white;
+}
+
+.contact:hover {
+    color: #347945;
+}
+
+.contact-text {
+    height: 22px;
+    font-size: 16px;
+    text-decoration: underline;
+    padding-left: 1%;
+    padding-right: 1%;
+}
+
+h2 {
+    font-size: 20px;
+    padding-bottom: 0.5%;
+}
+
+
+
+@media screen and (max-width: 416px) {
+    h2 {
+        font-size: 16px;
+    }
+
+    .contact-text {
+        font-size: 13px;
+    }
+
+    .contact-icon {
+        scale: 90%;
+    }
+}
--- a/highneed_react/src/components/BottomBar.js
+++ b/highneed_react/src/components/BottomBar.js
@ -0,0 +1,41 @@
+import React from 'react'
+import { Link } from 'react-router-dom';
+import './BottomBar.css';
+
+function BottomBar() {
+    return (
+        <div className='bottom-bar'>
+            <div className='contact-info'>
+            <h2 center>Kontakt:</h2>
+           
+                <div className='contact-container'>
+                    <div className='contact-icon'>
+                        <svg width="22" height="18" viewBox="0 0 22 18" fill="none" xmlns="http://www.w3.org/2000/svg">
+                            <rect x="2.19995" y="2.26282" width="17.6" height="13.5771" fill="white" />
+                            <path fill-rule="evenodd" clip-rule="evenodd" d="M0.011941 1.22869C0.011941 0.550109 0.559142 0 1.23416 0H20.7778C21.4528 0 22 0.550109 22 1.22869V15.1426C22 16.4998 20.9056 17.6 19.5556 17.6H2.44444C1.09441 17.6 0 16.4998 0 15.1426V1.62705C0 1.56854 0.0040699 1.51099 0.011941 1.45466V1.22869ZM2.44444 3.961V15.1426H19.5556V3.96142L13.5929 9.95559C12.161 11.3951 9.83938 11.3951 8.40748 9.95559L2.44444 3.961ZM4.36617 2.41763H17.6342L11.8645 8.21798C11.3872 8.69778 10.6133 8.69778 10.136 8.21798L4.36617 2.41763Z" fill="#FF0000" />
+                        </svg>
+                    </div>
+                    <div className='contact-text'>
+                        <p2>testowymail@mail.com</p2>
+                    </div>
+                </div>
+
+                <Link className='contact' to={'/fanpage'}>
+                    <div className='contact-container'>
+                        <div className='contact-icon'>
+                            <svg width="22" height="23" viewBox="0 0 22 23" fill="none" xmlns="http://www.w3.org/2000/svg">
+                                <path d="M22 11.3492C22 5.08071 17.0756 0 11 0C4.92438 0 0 5.08071 0 11.3492C0 17.0145 4.02027 21.7096 9.28219 22.5616V14.6327H6.49151V11.3492H9.28219V8.84927C9.28219 6.00731 10.9216 4.43396 13.4351 4.43396C14.6405 4.43396 15.9003 4.65784 15.9003 4.65784V7.45005H14.514C13.1458 7.45005 12.7238 8.3269 12.7238 9.2224V11.3492H15.7737L15.2855 14.6327H12.7238V22.5616C17.9797 21.7096 22 17.0145 22 11.3492Z" fill="#1877F2" />
+                                <path d="M15.2794 14.6327L15.7677 11.3492H12.7178V9.22239C12.7178 8.32689 13.1457 7.45005 14.5079 7.45005H15.8942V4.65783C15.8942 4.65783 14.6345 4.43396 13.429 4.43396C10.9156 4.43396 9.27616 6.0073 9.27616 8.84927V11.3492H6.48547V14.6327H9.27616V22.5616C9.83671 22.6549 10.4093 22.6984 10.994 22.6984C11.5786 22.6984 12.1512 22.6487 12.7118 22.5616V14.6327H15.2794Z" fill="white" />
+                            </svg>
+                        </div>
+                        <div className='contact-text'>
+                            <p2>Facebook fanpage</p2>
+                        </div>
+                    </div>
+                </Link>
+
+             </div>
+        </div>
+        )
+}
+export default BottomBar;
--- a/highneed_react/src/components/EventItem.js
+++ b/highneed_react/src/components/EventItem.js
@ -13,20 +13,25 @@ function EventItem(props) {
              width='200px'
              height='200px'
              src={props.src}
-            />
+              />
+
        </Link>
          <div className='events__item__info'>
          <h5 className='events__item__data'>{props.data}</h5>
+
          <Link className='events__item__link' to={props.path}>
-             <h4 className='events__item__title'>{props.title}</h4>
-             </Link> 
+                <h4 className='events__item__title'>{props.title}</h4>
+          </Link> 
            <h5 className='events__item__category'>{props.category}</h5>
            <h5 className='events__item__age'>{props.age}</h5>
            <h5 className='events__item__address'>{props.address}</h5>
-            <Link className='events__item__link' to={props.path}>
-            <button className='button button-details'>Szczegóły</button>  </Link>
-            <Link className='events__item__link' to={props.path}>
-            <button className='button button-add'>Dodaj do listy</button>  </Link>
+
+          <Link className='events__item__link' to={props.path}>
+                <button className='button button-details'>Szczegóły</button>  
+           </Link>
+           <Link className='events__item__link' to={props.path}>
+                <button className='button button-add'>Dodaj do listy</button>
+           </Link>
          </div>
      </li>
    </>
--- a/highneed_react/src/components/Events.css
+++ b/highneed_react/src/components/Events.css
@ -40,19 +40,16 @@ a
  color: black;
 }

-.button
-{
-  background-color: #64BE7B; /* Green */
-  border: none;
-  color: white;
-  padding: 8px 16px;
-  text-align: center;
-  text-decoration: none;
-  display: inline-block;
-  font-size: 16px;
-  margin: 4px 2px;
-  border-radius: 15px;
-  cursor: pointer;
+.button {
+    background-color: #64BE7B; /* Green */
+    border: none;
+    color: white;
+    padding: 8px 16px;
+    text-align: center;
+    display: inline-block;
+    font-size: 16px;
+    border-radius: 40px;
+    cursor: pointer;
 }

 .button:hover {background-color: #347945}
--- a/highneed_react/src/components/NavBar.css
+++ b/highneed_react/src/components/NavBar.css
@ -1,149 +1,149 @@
-
-.navbar 
-{
-    background-color: #64BE7B;
-    width: 100%;
-    height: 50px;
-    z-index: 999;
+.navbar {
 }

-.navbar-container
-{
+.navbar-container {
+    padding: 1% 1%;
+    background-color: #64BE7B;
    display: flex;
    align-items: center;
    justify-content: space-between;
-    width: 100%;
-    margin: auto;
-    height: 45px;
 }

-
-.line
-{
+.line {
    height: 5px;
    width: 100%;
    background-color: #347945;
 }

-h1
-{
+.logo {
+    display: flex;
+    position:absolute;
+    left:50%;
+    right:50%;
+    flex-direction: column;
+    align-items: center;
    color: white;
+}
+
+.logo-h1 {
    font-size: 18px;
+    font-weight: bold;
 }

-h2 {
-    color: white;
-    font-weight: lighter;
-    font-size: 12px;
-    text-align: center;
+.logo-h2 {
+    font-weight:normal;
+    font-size: 13px;
 }

-.icons
-{
-    display: flex;

-}
-
-.logo
-{
-    height: 45px;
+.icons {
    display: flex;
    align-items: center;
-    justify-content: center;
+    flex-direction: row;
 }

-.icon-container
-{
-    height: 45px;
-    width: 45px;
+
+.icon-container {
    display: flex;
-    align-items: center;
-    justify-content: center;
+    align-items:center;
+    justify-content:center;
 }

-
-li
-{
-    display: flex;
-    padding: 5px;
-    text-align: center;
-
-}
-
-.menu-icon-list
-{
-    position: relative;
+.menu-icon-list {
    width: 24px;
    height: 24px;
 }

-.menu-icon-cross
-{
+.menu-icon-cross {
    position: relative;
    width: 30px;
    height: 30px;
 }


-.icon-list, .icon-cross
-{
+.icon-list, .icon-cross {
    position: absolute;
-
-
 }

-.sidebar.disable
-{
+.sidebar.disable {
    display: none;
 }

-.menu-icon-cross .icon-cross
-{
+.menu-icon-cross .icon-cross {
    visibility: hidden;
 }

-.menu-icon-list .icon-list
-{
+.menu-icon-list .icon-list {
    visibility: hidden;
 }

-a
-{
+a {
    text-decoration: none;
 }
-.nav-links
-{
+
+.nav-links {
    color: black;
    text-decoration: none;
-
 }

-ul
-{
-    padding: 5px;
+ul {
+    padding: 1% 1%;
+    display: flex;
+    flex-direction: column;
 }

-.sidebar
-{
-    width: 250px;
-    height: 100%;
-    border-right: black 1px solid;
-    position: fixed;
-    z-index: 1;
+li:hover {
+    border-radius: 40px;
+    background-color: #F0FAF3;
+}
+
+li {
+    display: flex;
+    flex-direction:row;
+    align-items: center;
+    justify-content: center;
+}
+
+
+.sidebar {
+    width: 100%;
+    border-bottom: #347945 2px solid;
+    position: absolute;
    background-color: white;
 }

-.sidebar-icon
-{
-    display: flex;
+.sidebar-icon {
+    padding: 0.5%;
+    display:flex;
    align-items: center;
-    justify-content: center;
+
 }

-.sidebar-text
-{
+.sidebar-text {
    display: flex;
    align-items: center;
-    justify-content: center;
-    padding-left:10px ;
+    padding: 0.5%;
 }
+
+
+
+@media screen and (max-width: 416px) {
+    .logo-h1 {
+        font-size: 16px;
+    }
+
+    .logo-h2{
+        font-size:12px;
+    }
+}
+
+@media screen and (min-width: 801px) {
+    .logo-h1 {
+        font-size: 20px;
+    }
+
+    .logo-h2 {
+        font-size: 14px;
+    }
+
+}
--- a/highneed_react/src/components/NavBar.js
+++ b/highneed_react/src/components/NavBar.js
@ -1,101 +1,109 @@
-import React, {useState} from 'react'
-import {Link} from 'react-router-dom';
+import React, { useState } from 'react'
+import { Link } from 'react-router-dom';
 import './NavBar.css';

 function NavBar() {
    const [click, setClick] = useState(false);
-
    const handleClick = () => setClick(!click);
    const closeMobileMenu = () => setClick(false);

-
    return (
        <>
            <nav className='navbar'>
                <div className='navbar-container'>

-                    <div className='menu-icon icon-container' onClick={handleClick}>
+                    <div className='menu icon-container' onClick={handleClick}>
                        <div className={click ? 'menu-icon-list' : 'menu-icon-cross'}>
-                        <svg className='icon-list' width="30" height="30" viewBox="0 0 30 30" fill="none" xmlns="http://www.w3.org/2000/svg">
-                    <line x1="4.28572" y1="7.92847" x2="25.7143" y2="7.92847" stroke="white" stroke-width="3"/>
-                    <line x1="4.28572" y1="21.6428" x2="25.7143" y2="21.6428" stroke="white" stroke-width="3"/>
-                    <line x1="4.28572" y1="14.7856" x2="25.7143" y2="14.7856" stroke="white" stroke-width="3"/>
-                    </svg>
-                    <svg className='icon-cross' width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-                    <path d="M18.3 5.70997C17.91 5.31997 17.28 5.31997 16.89 5.70997L12 10.59L7.10997 5.69997C6.71997 5.30997 6.08997 5.30997 5.69997 5.69997C5.30997 6.08997 5.30997 6.71997 5.69997 7.10997L10.59 12L5.69997 16.89C5.30997 17.28 5.30997 17.91 5.69997 18.3C6.08997 18.69 6.71997 18.69 7.10997 18.3L12 13.41L16.89 18.3C17.28 18.69 17.91 18.69 18.3 18.3C18.69 17.91 18.69 17.28 18.3 16.89L13.41 12L18.3 7.10997C18.68 6.72997 18.68 6.08997 18.3 5.70997V5.70997Z" fill="white"/>
-                    </svg>
+                            <svg className='icon-list' width="30" height="30" viewBox="0 0 30 30" fill="none" xmlns="http://www.w3.org/2000/svg">
+                                <line x1="4.28577" y1="7.92859" x2="25.7143" y2="7.92859" stroke="white" stroke-width="3" />
+                                <line x1="4.28577" y1="21.6428" x2="25.7143" y2="21.6428" stroke="white" stroke-width="3" />
+                                <line x1="4.28577" y1="14.7858" x2="25.7143" y2="14.7858" stroke="white" stroke-width="3" />
+                            </svg>

+                            <svg className='icon-cross' width="30" height="30" viewBox="0 0 26 26" fill="none" xmlns="http://www.w3.org/2000/svg">
+                                <path d="M18.3 5.70997C17.91 5.31997 17.28 5.31997 16.89 5.70997L12 10.59L7.10997 5.69997C6.71997 5.30997 6.08997 5.30997 5.69997 5.69997C5.30997 6.08997 5.30997 6.71997 5.69997 7.10997L10.59 12L5.69997 16.89C5.30997 17.28 5.30997 17.91 5.69997 18.3C6.08997 18.69 6.71997 18.69 7.10997 18.3L12 13.41L16.89 18.3C17.28 18.69 17.91 18.69 18.3 18.3C18.69 17.91 18.69 17.28 18.3 16.89L13.41 12L18.3 7.10997C18.68 6.72997 18.68 6.08997 18.3 5.70997V5.70997Z" fill="white" />
+                            </svg>
                        </div>
                    </div>

-                    <div classname='logo '>
-                        <Link to='/'  onClick={closeMobileMenu}><h1>HighNeed.pl</h1><h2>Poznań</h2></Link>
-                    </div>
+                        <Link className='logo' to='/' onClick={closeMobileMenu}>
+                            <div className ='logo-h1'> HighNeed.pl </div>
+                            <div className='logo-h2'> Poznań </div>
+                        </Link>
+
                    <div className='icons'>
-                        <div className='home-icon icon-container'>
+
+                        <Link className='home icons' to='/'>
                            <svg width="30" height="30" viewBox="0 0 30 30" fill="none" xmlns="http://www.w3.org/2000/svg">
-                            <path d="M12.6061 23.7391V17.4347H17.3886V23.7391C17.3886 24.4326 17.9267 25 18.5843 25H22.1712C22.8288 25 23.3668 24.4326 23.3668 23.7391V14.9129H25.3994C25.9494 14.9129 26.2125 14.1942 25.794 13.816L15.7984 4.32153C15.3441 3.89282 14.6506 3.89282 14.1963 4.32153L4.20069 13.816C3.79417 14.1942 4.04526 14.9129 4.59525 14.9129H6.62785V23.7391C6.62785 24.4326 7.16588 25 7.82349 25H11.4104C12.068 25 12.6061 24.4326 12.6061 23.7391Z" fill="white"/>
+                                <path d="M12.6061 23.7391V17.4347H17.3886V23.7391C17.3886 24.4326 17.9267 25 18.5843 25H22.1712C22.8288 25 23.3668 24.4326 23.3668 23.7391V14.9129H25.3994C25.9494 14.9129 26.2125 14.1942 25.794 13.816L15.7984 4.32153C15.3441 3.89282 14.6506 3.89282 14.1963 4.32153L4.20069 13.816C3.79417 14.1942 4.04526 14.9129 4.59525 14.9129H6.62785V23.7391C6.62785 24.4326 7.16588 25 7.82349 25H11.4104C12.068 25 12.6061 24.4326 12.6061 23.7391Z" fill="white" />
                            </svg>
-                        </div>
-                        <div className='log-in-icon icon-container'>
-                        <svg width="30" height="30" viewBox="0 0 30 30" fill="none" xmlns="http://www.w3.org/2000/svg">
-                            <path fill-rule="evenodd" clip-rule="evenodd" d="M19.6805 8.1121C19.6805 10.4926 17.6606 12.4224 15.1692 12.4224C12.6777 12.4224 10.6579 10.4926 10.6579 8.1121C10.6579 5.73156 12.6777 3.80176 15.1692 3.80176C17.6606 3.80176 19.6805 5.73156 19.6805 8.1121ZM17.4248 8.1121C17.4248 9.30237 16.415 10.2673 15.1692 10.2673C13.9234 10.2673 12.9135 9.30237 12.9135 8.1121C12.9135 6.92183 13.9234 5.95693 15.1692 5.95693C16.415 5.95693 17.4248 6.92183 17.4248 8.1121Z" fill="white"/>
-                            <path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 24.6724V17.1724C7.5 15.1012 8.93909 13.4224 10.7143 13.4224H19.2857C21.061 13.4224 22.5 15.1012 22.5 17.1724V24.6724H7.5ZM19.2857 15.9224C19.8775 15.9224 20.3571 16.482 20.3571 17.1724V22.3448H9.64286V17.1724C9.64286 16.482 10.1226 15.9224 10.7143 15.9224H19.2857Z" fill="white"/>
+                        </Link>
+
+                        <Link className='log-in icons' to='/login'>
+                            <svg width="30" height="30" viewBox="0 0 30 30" fill="none" xmlns="http://www.w3.org/2000/svg">
+                                <path fill-rule="evenodd" clip-rule="evenodd" d="M19.6805 8.1121C19.6805 10.4926 17.6606 12.4224 15.1692 12.4224C12.6777 12.4224 10.6579 10.4926 10.6579 8.1121C10.6579 5.73156 12.6777 3.80176 15.1692 3.80176C17.6606 3.80176 19.6805 5.73156 19.6805 8.1121ZM17.4248 8.1121C17.4248 9.30237 16.415 10.2673 15.1692 10.2673C13.9234 10.2673 12.9135 9.30237 12.9135 8.1121C12.9135 6.92183 13.9234 5.95693 15.1692 5.95693C16.415 5.95693 17.4248 6.92183 17.4248 8.1121Z" fill="white" />
+                                <path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 24.6724V17.1724C7.5 15.1012 8.93909 13.4224 10.7143 13.4224H19.2857C21.061 13.4224 22.5 15.1012 22.5 17.1724V24.6724H7.5ZM19.2857 15.9224C19.8775 15.9224 20.3571 16.482 20.3571 17.1724V22.3448H9.64286V17.1724C9.64286 16.482 10.1226 15.9224 10.7143 15.9224H19.2857Z" fill="white" />
                            </svg>

-                        </div>
+                        </Link>
                    </div>

                </div>
-                <div class='line'></div>
+                <div className='line'></div>
            </nav>
+            
+
            <nav className={click ? 'sidebar' : 'sidebar disable'}>
                <ul>
                    <li>
                        <div className='sidebar-icon'>
                            <svg width="25" height="25" viewBox="0 0 25 25" fill="none" xmlns="http://www.w3.org/2000/svg">
-                            <path fill-rule="evenodd" clip-rule="evenodd" d="M16.4004 6.76005C16.4004 8.74383 14.7172 10.352 12.641 10.352C10.5647 10.352 8.88159 8.74383 8.88159 6.76005C8.88159 4.77626 10.5647 3.16809 12.641 3.16809C14.7172 3.16809 16.4004 4.77626 16.4004 6.76005ZM14.5207 6.76005C14.5207 7.75194 13.6791 8.55602 12.641 8.55602C11.6028 8.55602 10.7613 7.75194 10.7613 6.76005C10.7613 5.76815 11.6028 4.96407 12.641 4.96407C13.6791 4.96407 14.5207 5.76815 14.5207 6.76005Z" fill="black"/>
-                            <path fill-rule="evenodd" clip-rule="evenodd" d="M6.25 20.5604V14.3104C6.25 12.5844 7.44924 11.1854 8.92857 11.1854H16.0714C17.5508 11.1854 18.75 12.5844 18.75 14.3104V20.5604H6.25ZM16.0714 13.2687C16.5646 13.2687 16.9643 13.735 16.9643 14.3104V18.6207H8.03571V14.3104C8.03571 13.735 8.43546 13.2687 8.92857 13.2687H16.0714Z" fill="black"/>
+                                <path fill-rule="evenodd" clip-rule="evenodd" d="M16.4004 6.76005C16.4004 8.74383 14.7172 10.352 12.641 10.352C10.5647 10.352 8.88159 8.74383 8.88159 6.76005C8.88159 4.77626 10.5647 3.16809 12.641 3.16809C14.7172 3.16809 16.4004 4.77626 16.4004 6.76005ZM14.5207 6.76005C14.5207 7.75194 13.6791 8.55602 12.641 8.55602C11.6028 8.55602 10.7613 7.75194 10.7613 6.76005C10.7613 5.76815 11.6028 4.96407 12.641 4.96407C13.6791 4.96407 14.5207 5.76815 14.5207 6.76005Z" fill="black" />
+                                <path fill-rule="evenodd" clip-rule="evenodd" d="M6.25 20.5604V14.3104C6.25 12.5844 7.44924 11.1854 8.92857 11.1854H16.0714C17.5508 11.1854 18.75 12.5844 18.75 14.3104V20.5604H6.25ZM16.0714 13.2687C16.5646 13.2687 16.9643 13.735 16.9643 14.3104V18.6207H8.03571V14.3104C8.03571 13.735 8.43546 13.2687 8.92857 13.2687H16.0714Z" fill="black" />
                            </svg>
                        </div>
                        <div className='sidebar-text'>
-                        <Link className='nav-links' to='/search-event' onClick={closeMobileMenu} >Zaloguj się</Link>
+                            <Link className='nav-links' to='/login' onClick={closeMobileMenu} >Zaloguj się</Link>
                        </div>
                    </li>
-                    <li>
-                        <div className='sidebar-icon'>
-                        <svg width="25" height="25" viewBox="0 0 25 25" fill="none" xmlns="http://www.w3.org/2000/svg">
-                        <path fill-rule="evenodd" clip-rule="evenodd" d="M16.9325 15.7562C18.969 13.1408 18.785 9.35694 16.3807 6.95262C13.7772 4.34913 9.55612 4.34913 6.95262 6.95262C4.34913 9.55612 4.34913 13.7772 6.95262 16.3807C9.35694 18.785 13.1408 18.969 15.7562 16.9325C15.7675 16.9453 15.7793 16.9578 15.7915 16.97L19.327 20.5055C19.6524 20.8309 20.1801 20.8309 20.5055 20.5055C20.8309 20.1801 20.8309 19.6524 20.5055 19.327L16.97 15.7915C16.9578 15.7793 16.9453 15.7675 16.9325 15.7562ZM15.2022 8.13113C17.1548 10.0838 17.1548 13.2496 15.2022 15.2022C13.2496 17.1548 10.0838 17.1548 8.13113 15.2022C6.17851 13.2496 6.17851 10.0838 8.13113 8.13113C10.0838 6.17851 13.2496 6.17851 15.2022 8.13113Z" fill="black"/>
-                        </svg>
-                        </div>
-                        <div className='sidebar-text'>
-                        <Link className='nav-links' to='/search-event' onClick={closeMobileMenu} >Wyszukaj wydarzenie</Link>
-                        </div>
-                    </li>
-                    <li>
-                        <div className='sidebar-icon'>
-                        <svg width="25" height="25" viewBox="0 0 25 25" fill="none" xmlns="http://www.w3.org/2000/svg">
-                        <path d="M16.6667 10.4167H8.33333C7.76042 10.4167 7.29167 10.8854 7.29167 11.4583C7.29167 12.0312 7.76042 12.5 8.33333 12.5H16.6667C17.2396 12.5 17.7083 12.0312 17.7083 11.4583C17.7083 10.8854 17.2396 10.4167 16.6667 10.4167ZM19.7917 3.12499H18.75V2.08332C18.75 1.51041 18.2812 1.04166 17.7083 1.04166C17.1354 1.04166 16.6667 1.51041 16.6667 2.08332V3.12499H8.33333V2.08332C8.33333 1.51041 7.86458 1.04166 7.29167 1.04166C6.71875 1.04166 6.25 1.51041 6.25 2.08332V3.12499H5.20833C4.05208 3.12499 3.125 4.06249 3.125 5.20832V19.7917C3.125 20.9375 4.05208 21.875 5.20833 21.875H19.7917C20.9375 21.875 21.875 20.9375 21.875 19.7917V5.20832C21.875 4.06249 20.9375 3.12499 19.7917 3.12499ZM18.75 19.7917H6.25C5.67708 19.7917 5.20833 19.3229 5.20833 18.75V8.33332H19.7917V18.75C19.7917 19.3229 19.3229 19.7917 18.75 19.7917ZM13.5417 14.5833H8.33333C7.76042 14.5833 7.29167 15.0521 7.29167 15.625C7.29167 16.1979 7.76042 16.6667 8.33333 16.6667H13.5417C14.1146 16.6667 14.5833 16.1979 14.5833 15.625C14.5833 15.0521 14.1146 14.5833 13.5417 14.5833Z" fill="black" fill-opacity="0.8"/>
-                        </svg>

-                        </div>
-                        <div className='sidebar-text'>
-                        <Link className='nav-links' to='/search-event' onClick={closeMobileMenu} >Kalendarz</Link>
-                        </div>
-                    </li>
                    <li>
                        <div className='sidebar-icon'>
                            <svg width="25" height="25" viewBox="0 0 25 25" fill="none" xmlns="http://www.w3.org/2000/svg">
-                            <path d="M25 12.5C25 5.59589 19.4041 0 12.5 0C5.59589 0 0 5.59589 0 12.5C0 18.7397 4.56849 23.911 10.5479 24.8493V16.1164H7.37671V12.5H10.5479V9.74658C10.5479 6.61644 12.411 4.88356 15.2671 4.88356C16.637 4.88356 18.0685 5.13014 18.0685 5.13014V8.20548H16.4931C14.9384 8.20548 14.4589 9.17123 14.4589 10.1575V12.5H17.9247L17.3699 16.1164H14.4589V24.8493C20.4315 23.911 25 18.7397 25 12.5Z" fill="#1877F2"/>
-                            <path d="M17.3631 16.1164L17.9178 12.5H14.4521V10.1575C14.4521 9.17119 14.9384 8.20543 16.4863 8.20543H18.0617V5.13009C18.0617 5.13009 16.6302 4.88351 15.2603 4.88351C12.4041 4.88351 10.5411 6.61639 10.5411 9.74653V12.5H7.3699V16.1164H10.5411V24.8493C11.1781 24.952 11.8288 25 12.4932 25C13.1576 25 13.8083 24.9452 14.4452 24.8493V16.1164H17.3631Z" fill="white"/>
+                                <path fill-rule="evenodd" clip-rule="evenodd" d="M16.9325 15.7562C18.969 13.1408 18.785 9.35694 16.3807 6.95262C13.7772 4.34913 9.55612 4.34913 6.95262 6.95262C4.34913 9.55612 4.34913 13.7772 6.95262 16.3807C9.35694 18.785 13.1408 18.969 15.7562 16.9325C15.7675 16.9453 15.7793 16.9578 15.7915 16.97L19.327 20.5055C19.6524 20.8309 20.1801 20.8309 20.5055 20.5055C20.8309 20.1801 20.8309 19.6524 20.5055 19.327L16.97 15.7915C16.9578 15.7793 16.9453 15.7675 16.9325 15.7562ZM15.2022 8.13113C17.1548 10.0838 17.1548 13.2496 15.2022 15.2022C13.2496 17.1548 10.0838 17.1548 8.13113 15.2022C6.17851 13.2496 6.17851 10.0838 8.13113 8.13113C10.0838 6.17851 13.2496 6.17851 15.2022 8.13113Z" fill="black" />
                            </svg>
                        </div>
                        <div className='sidebar-text'>
-                        <Link className='nav-links' to='/search-event' onClick={closeMobileMenu} >Facebook fanpage</Link>
+                            <Link className='nav-links' to='/search-events' onClick={closeMobileMenu} >Wyszukaj wydarzenie</Link>
+                        </div>
+                    </li>
+
+                    <li>
+                        <div className='sidebar-icon'>
+                            <svg width="25" height="25" viewBox="0 0 25 25" fill="none" xmlns="http://www.w3.org/2000/svg">
+                                <path d="M16.6667 10.4167H8.33333C7.76042 10.4167 7.29167 10.8854 7.29167 11.4583C7.29167 12.0312 7.76042 12.5 8.33333 12.5H16.6667C17.2396 12.5 17.7083 12.0312 17.7083 11.4583C17.7083 10.8854 17.2396 10.4167 16.6667 10.4167ZM19.7917 3.12499H18.75V2.08332C18.75 1.51041 18.2812 1.04166 17.7083 1.04166C17.1354 1.04166 16.6667 1.51041 16.6667 2.08332V3.12499H8.33333V2.08332C8.33333 1.51041 7.86458 1.04166 7.29167 1.04166C6.71875 1.04166 6.25 1.51041 6.25 2.08332V3.12499H5.20833C4.05208 3.12499 3.125 4.06249 3.125 5.20832V19.7917C3.125 20.9375 4.05208 21.875 5.20833 21.875H19.7917C20.9375 21.875 21.875 20.9375 21.875 19.7917V5.20832C21.875 4.06249 20.9375 3.12499 19.7917 3.12499ZM18.75 19.7917H6.25C5.67708 19.7917 5.20833 19.3229 5.20833 18.75V8.33332H19.7917V18.75C19.7917 19.3229 19.3229 19.7917 18.75 19.7917ZM13.5417 14.5833H8.33333C7.76042 14.5833 7.29167 15.0521 7.29167 15.625C7.29167 16.1979 7.76042 16.6667 8.33333 16.6667H13.5417C14.1146 16.6667 14.5833 16.1979 14.5833 15.625C14.5833 15.0521 14.1146 14.5833 13.5417 14.5833Z" fill="black" fill-opacity="0.8" />
+                            </svg>
+
+                        </div>
+                        <div className='sidebar-text'>
+                            <Link className='nav-links' to='/calendar' onClick={closeMobileMenu} >Kalendarz</Link>
+                        </div>
+                    </li>
+
+                    <li>
+                        <div className='sidebar-icon'>
+                            <svg width="25" height="25" viewBox="0 0 25 25" fill="none" xmlns="http://www.w3.org/2000/svg">
+                                <path d="M25 12.5C25 5.59589 19.4041 0 12.5 0C5.59589 0 0 5.59589 0 12.5C0 18.7397 4.56849 23.911 10.5479 24.8493V16.1164H7.37671V12.5H10.5479V9.74658C10.5479 6.61644 12.411 4.88356 15.2671 4.88356C16.637 4.88356 18.0685 5.13014 18.0685 5.13014V8.20548H16.4931C14.9384 8.20548 14.4589 9.17123 14.4589 10.1575V12.5H17.9247L17.3699 16.1164H14.4589V24.8493C20.4315 23.911 25 18.7397 25 12.5Z" fill="#1877F2" />
+                                <path d="M17.3631 16.1164L17.9178 12.5H14.4521V10.1575C14.4521 9.17119 14.9384 8.20543 16.4863 8.20543H18.0617V5.13009C18.0617 5.13009 16.6302 4.88351 15.2603 4.88351C12.4041 4.88351 10.5411 6.61639 10.5411 9.74653V12.5H7.3699V16.1164H10.5411V24.8493C11.1781 24.952 11.8288 25 12.4932 25C13.1576 25 13.8083 24.9452 14.4452 24.8493V16.1164H17.3631Z" fill="white" />
+                            </svg>
+                        </div>
+                        <div className='sidebar-text'>
+                            <Link className='nav-links' to='/fanpage' onClick={closeMobileMenu} >Facebook fanpage</Link>
                        </div>
                    </li>
                </ul>
            </nav>
+
        </>
    )
 }
--- a/highneed_react/src/components/Pages/Home.js
+++ b/highneed_react/src/components/Pages/Home.js
@ -1,13 +0,0 @@
-import React from 'react';
-import '../../App.css';
-
-
-function Home() {
-  return (
-    <>
-      Strona głowna
-    </>
-  );
-}
-
-export default Home;
--- a/highneed_react/src/index.js
+++ b/highneed_react/src/index.js
@ -1,12 +1,13 @@
 import React from 'react';
 import ReactDOM from 'react-dom';
 import App from './App';
+import { BrowserRouter } from "react-router-dom";


 ReactDOM.render(
-
-  <App />,
-  document.getElementById('root')
+    <BrowserRouter>
+        <App />
+    </BrowserRouter>,
+    document.getElementById('root'),
 );

-
--- a/package-lock.json
+++ b/package-lock.json
@ -0,0 +1,328 @@
+{
+  "requires": true,
+  "lockfileVersion": 1,
+  "dependencies": {
+    "@babel/runtime": {
+      "version": "7.14.0",
+      "resolved": "https://registry.npmjs.org/@babel/runtime/-/runtime-7.14.0.tgz",
+      "integrity": "sha512-JELkvo/DlpNdJ7dlyw/eY7E0suy5i5GQH+Vlxaq1nsNJ+H7f4Vtv3jMeCEgRhZZQFXTjldYfQgv2qmM6M1v5wA==",
+      "requires": {
+        "regenerator-runtime": "^0.13.4"
+      }
+    },
+    "@popperjs/core": {
+      "version": "2.9.2",
+      "resolved": "https://registry.npmjs.org/@popperjs/core/-/core-2.9.2.tgz",
+      "integrity": "sha512-VZMYa7+fXHdwIq1TDhSXoVmSPEGM/aa+6Aiq3nVVJ9bXr24zScr+NlKFKC3iPljA7ho/GAZr+d2jOf5GIRC30Q=="
+    },
+    "@restart/context": {
+      "version": "2.1.4",
+      "resolved": "https://registry.npmjs.org/@restart/context/-/context-2.1.4.tgz",
+      "integrity": "sha512-INJYZQJP7g+IoDUh/475NlGiTeMfwTXUEr3tmRneckHIxNolGOW9CTq83S8cxq0CgJwwcMzMJFchxvlwe7Rk8Q=="
+    },
+    "@restart/hooks": {
+      "version": "0.3.26",
+      "resolved": "https://registry.npmjs.org/@restart/hooks/-/hooks-0.3.26.tgz",
+      "integrity": "sha512-7Hwk2ZMYm+JLWcb7R9qIXk1OoUg1Z+saKWqZXlrvFwT3w6UArVNWgxYOzf+PJoK9zZejp8okPAKTctthhXLt5g==",
+      "requires": {
+        "lodash": "^4.17.20",
+        "lodash-es": "^4.17.20"
+      }
+    },
+    "@types/invariant": {
+      "version": "2.2.34",
+      "resolved": "https://registry.npmjs.org/@types/invariant/-/invariant-2.2.34.tgz",
+      "integrity": "sha512-lYUtmJ9BqUN688fGY1U1HZoWT1/Jrmgigx2loq4ZcJpICECm/Om3V314BxdzypO0u5PORKGMM6x0OXaljV1YFg=="
+    },
+    "@types/prop-types": {
+      "version": "15.7.3",
+      "resolved": "https://registry.npmjs.org/@types/prop-types/-/prop-types-15.7.3.tgz",
+      "integrity": "sha512-KfRL3PuHmqQLOG+2tGpRO26Ctg+Cq1E01D2DMriKEATHgWLfeNDmq9e29Q9WIky0dQ3NPkd1mzYH8Lm936Z9qw=="
+    },
+    "@types/react": {
+      "version": "17.0.11",
+      "resolved": "https://registry.npmjs.org/@types/react/-/react-17.0.11.tgz",
+      "integrity": "sha512-yFRQbD+whVonItSk7ZzP/L+gPTJVBkL/7shLEF+i9GC/1cV3JmUxEQz6+9ylhUpWSDuqo1N9qEvqS6vTj4USUA==",
+      "requires": {
+        "@types/prop-types": "*",
+        "@types/scheduler": "*",
+        "csstype": "^3.0.2"
+      }
+    },
+    "@types/react-transition-group": {
+      "version": "4.4.1",
+      "resolved": "https://registry.npmjs.org/@types/react-transition-group/-/react-transition-group-4.4.1.tgz",
+      "integrity": "sha512-vIo69qKKcYoJ8wKCJjwSgCTM+z3chw3g18dkrDfVX665tMH7tmbDxEAnPdey4gTlwZz5QuHGzd+hul0OVZDqqQ==",
+      "requires": {
+        "@types/react": "*"
+      }
+    },
+    "@types/scheduler": {
+      "version": "0.16.1",
+      "resolved": "https://registry.npmjs.org/@types/scheduler/-/scheduler-0.16.1.tgz",
+      "integrity": "sha512-EaCxbanVeyxDRTQBkdLb3Bvl/HK7PBK6UJjsSixB0iHKoWxE5uu2Q/DgtpOhPIojN0Zl1whvOd7PoHs2P0s5eA=="
+    },
+    "@types/warning": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/@types/warning/-/warning-3.0.0.tgz",
+      "integrity": "sha1-DSUBJorY+ZYrdA04fEZU9fjiPlI="
+    },
+    "bootstrap": {
+      "version": "4.6.0",
+      "resolved": "https://registry.npmjs.org/bootstrap/-/bootstrap-4.6.0.tgz",
+      "integrity": "sha512-Io55IuQY3kydzHtbGvQya3H+KorS/M9rSNyfCGCg9WZ4pyT/lCxIlpJgG1GXW/PswzC84Tr2fBYi+7+jFVQQBw=="
+    },
+    "classnames": {
+      "version": "2.3.1",
+      "resolved": "https://registry.npmjs.org/classnames/-/classnames-2.3.1.tgz",
+      "integrity": "sha512-OlQdbZ7gLfGarSqxesMesDa5uz7KFbID8Kpq/SxIoNGDqY8lSYs0D+hhtBXhcdB3rcbXArFr7vlHheLk1voeNA=="
+    },
+    "csstype": {
+      "version": "3.0.8",
+      "resolved": "https://registry.npmjs.org/csstype/-/csstype-3.0.8.tgz",
+      "integrity": "sha512-jXKhWqXPmlUeoQnF/EhTtTl4C9SnrxSH/jZUih3jmO6lBKr99rP3/+FmrMj4EFpOXzMtXHAZkd3x0E6h6Fgflw=="
+    },
+    "dom-helpers": {
+      "version": "5.2.1",
+      "resolved": "https://registry.npmjs.org/dom-helpers/-/dom-helpers-5.2.1.tgz",
+      "integrity": "sha512-nRCa7CK3VTrM2NmGkIy4cbK7IZlgBE/PYMn55rrXefr5xXDP0LdtfPnblFDoVdcAfslJ7or6iqAUnx0CCGIWQA==",
+      "requires": {
+        "@babel/runtime": "^7.8.7",
+        "csstype": "^3.0.2"
+      }
+    },
+    "history": {
+      "version": "4.10.1",
+      "resolved": "https://registry.npmjs.org/history/-/history-4.10.1.tgz",
+      "integrity": "sha512-36nwAD620w12kuzPAsyINPWJqlNbij+hpK1k9XRloDtym8mxzGYl2c17LnV6IAGB2Dmg4tEa7G7DlawS0+qjew==",
+      "requires": {
+        "@babel/runtime": "^7.1.2",
+        "loose-envify": "^1.2.0",
+        "resolve-pathname": "^3.0.0",
+        "tiny-invariant": "^1.0.2",
+        "tiny-warning": "^1.0.0",
+        "value-equal": "^1.0.1"
+      }
+    },
+    "hoist-non-react-statics": {
+      "version": "3.3.2",
+      "resolved": "https://registry.npmjs.org/hoist-non-react-statics/-/hoist-non-react-statics-3.3.2.tgz",
+      "integrity": "sha512-/gGivxi8JPKWNm/W0jSmzcMPpfpPLc3dY/6GxhX2hQ9iGj3aDfklV4ET7NjKpSinLpJ5vafa9iiGIEZg10SfBw==",
+      "requires": {
+        "react-is": "^16.7.0"
+      }
+    },
+    "invariant": {
+      "version": "2.2.4",
+      "resolved": "https://registry.npmjs.org/invariant/-/invariant-2.2.4.tgz",
+      "integrity": "sha512-phJfQVBuaJM5raOpJjSfkiD6BpbCE4Ns//LaXl6wGYtUBY83nWS6Rf9tXm2e8VaK60JEjYldbPif/A2B1C2gNA==",
+      "requires": {
+        "loose-envify": "^1.0.0"
+      }
+    },
+    "isarray": {
+      "version": "0.0.1",
+      "resolved": "https://registry.npmjs.org/isarray/-/isarray-0.0.1.tgz",
+      "integrity": "sha1-ihis/Kmo9Bd+Cav8YDiTmwXR7t8="
+    },
+    "js-tokens": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/js-tokens/-/js-tokens-4.0.0.tgz",
+      "integrity": "sha512-RdJUflcE3cUzKiMqQgsCu06FPu9UdIJO0beYbPhHN4k6apgJtifcoCtT9bcxOpYBtpD2kCM6Sbzg4CausW/PKQ=="
+    },
+    "lodash": {
+      "version": "4.17.21",
+      "resolved": "https://registry.npmjs.org/lodash/-/lodash-4.17.21.tgz",
+      "integrity": "sha512-v2kDEe57lecTulaDIuNTPy3Ry4gLGJ6Z1O3vE1krgXZNrsQ+LFTGHVxVjcXPs17LhbZVGedAJv8XZ1tvj5FvSg=="
+    },
+    "lodash-es": {
+      "version": "4.17.21",
+      "resolved": "https://registry.npmjs.org/lodash-es/-/lodash-es-4.17.21.tgz",
+      "integrity": "sha512-mKnC+QJ9pWVzv+C4/U3rRsHapFfHvQFoFB92e52xeyGMcX6/OlIl78je1u8vePzYZSkkogMPJ2yjxxsb89cxyw=="
+    },
+    "loose-envify": {
+      "version": "1.4.0",
+      "resolved": "https://registry.npmjs.org/loose-envify/-/loose-envify-1.4.0.tgz",
+      "integrity": "sha512-lyuxPGr/Wfhrlem2CL/UcnUc1zcqKAImBDzukY7Y5F/yQiNdko6+fRLevlw1HgMySw7f611UIY408EtxRSoK3Q==",
+      "requires": {
+        "js-tokens": "^3.0.0 || ^4.0.0"
+      }
+    },
+    "mini-create-react-context": {
+      "version": "0.4.1",
+      "resolved": "https://registry.npmjs.org/mini-create-react-context/-/mini-create-react-context-0.4.1.tgz",
+      "integrity": "sha512-YWCYEmd5CQeHGSAKrYvXgmzzkrvssZcuuQDDeqkT+PziKGMgE+0MCCtcKbROzocGBG1meBLl2FotlRwf4gAzbQ==",
+      "requires": {
+        "@babel/runtime": "^7.12.1",
+        "tiny-warning": "^1.0.3"
+      }
+    },
+    "object-assign": {
+      "version": "4.1.1",
+      "resolved": "https://registry.npmjs.org/object-assign/-/object-assign-4.1.1.tgz",
+      "integrity": "sha1-IQmtx5ZYh8/AXLvUQsrIv7s2CGM="
+    },
+    "path-to-regexp": {
+      "version": "1.8.0",
+      "resolved": "https://registry.npmjs.org/path-to-regexp/-/path-to-regexp-1.8.0.tgz",
+      "integrity": "sha512-n43JRhlUKUAlibEJhPeir1ncUID16QnEjNpwzNdO3Lm4ywrBpBZ5oLD0I6br9evr1Y9JTqwRtAh7JLoOzAQdVA==",
+      "requires": {
+        "isarray": "0.0.1"
+      }
+    },
+    "prop-types": {
+      "version": "15.7.2",
+      "resolved": "https://registry.npmjs.org/prop-types/-/prop-types-15.7.2.tgz",
+      "integrity": "sha512-8QQikdH7//R2vurIJSutZ1smHYTcLpRWEOlHnzcWHmBYrOGUysKwSsrC89BCiFj3CbrfJ/nXFdJepOVrY1GCHQ==",
+      "requires": {
+        "loose-envify": "^1.4.0",
+        "object-assign": "^4.1.1",
+        "react-is": "^16.8.1"
+      }
+    },
+    "prop-types-extra": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/prop-types-extra/-/prop-types-extra-1.1.1.tgz",
+      "integrity": "sha512-59+AHNnHYCdiC+vMwY52WmvP5dM3QLeoumYuEyceQDi9aEhtwN9zIQ2ZNo25sMyXnbh32h+P1ezDsUpUH3JAew==",
+      "requires": {
+        "react-is": "^16.3.2",
+        "warning": "^4.0.0"
+      }
+    },
+    "react-bootstrap": {
+      "version": "1.6.1",
+      "resolved": "https://registry.npmjs.org/react-bootstrap/-/react-bootstrap-1.6.1.tgz",
+      "integrity": "sha512-ojEPQ6OtyIMdLg0Smofk+85PKN6MLKQX3bU0Vwmok/4yNa8DQ2vCGhO2IgHJvT+ERQZ4X+gAQcdn6msAHSwLBg==",
+      "requires": {
+        "@babel/runtime": "^7.14.0",
+        "@restart/context": "^2.1.4",
+        "@restart/hooks": "^0.3.26",
+        "@types/invariant": "^2.2.33",
+        "@types/prop-types": "^15.7.3",
+        "@types/react": ">=16.14.8",
+        "@types/react-transition-group": "^4.4.1",
+        "@types/warning": "^3.0.0",
+        "classnames": "^2.3.1",
+        "dom-helpers": "^5.2.1",
+        "invariant": "^2.2.4",
+        "prop-types": "^15.7.2",
+        "prop-types-extra": "^1.1.0",
+        "react-overlays": "^5.0.1",
+        "react-transition-group": "^4.4.1",
+        "uncontrollable": "^7.2.1",
+        "warning": "^4.0.3"
+      }
+    },
+    "react-is": {
+      "version": "16.13.1",
+      "resolved": "https://registry.npmjs.org/react-is/-/react-is-16.13.1.tgz",
+      "integrity": "sha512-24e6ynE2H+OKt4kqsOvNd8kBpV65zoxbA4BVsEOB3ARVWQki/DHzaUoC5KuON/BiccDaCCTZBuOcfZs70kR8bQ=="
+    },
+    "react-lifecycles-compat": {
+      "version": "3.0.4",
+      "resolved": "https://registry.npmjs.org/react-lifecycles-compat/-/react-lifecycles-compat-3.0.4.tgz",
+      "integrity": "sha512-fBASbA6LnOU9dOU2eW7aQ8xmYBSXUIWr+UmF9b1efZBazGNO+rcXT/icdKnYm2pTwcRylVUYwW7H1PHfLekVzA=="
+    },
+    "react-overlays": {
+      "version": "5.0.1",
+      "resolved": "https://registry.npmjs.org/react-overlays/-/react-overlays-5.0.1.tgz",
+      "integrity": "sha512-plwUJieTBbLSrgvQ4OkkbTD/deXgxiJdNuKzo6n1RWE3OVnQIU5hffCGS/nvIuu6LpXFs2majbzaXY8rcUVdWA==",
+      "requires": {
+        "@babel/runtime": "^7.13.8",
+        "@popperjs/core": "^2.8.6",
+        "@restart/hooks": "^0.3.26",
+        "@types/warning": "^3.0.0",
+        "dom-helpers": "^5.2.0",
+        "prop-types": "^15.7.2",
+        "uncontrollable": "^7.2.1",
+        "warning": "^4.0.3"
+      }
+    },
+    "react-router": {
+      "version": "5.2.0",
+      "resolved": "https://registry.npmjs.org/react-router/-/react-router-5.2.0.tgz",
+      "integrity": "sha512-smz1DUuFHRKdcJC0jobGo8cVbhO3x50tCL4icacOlcwDOEQPq4TMqwx3sY1TP+DvtTgz4nm3thuo7A+BK2U0Dw==",
+      "requires": {
+        "@babel/runtime": "^7.1.2",
+        "history": "^4.9.0",
+        "hoist-non-react-statics": "^3.1.0",
+        "loose-envify": "^1.3.1",
+        "mini-create-react-context": "^0.4.0",
+        "path-to-regexp": "^1.7.0",
+        "prop-types": "^15.6.2",
+        "react-is": "^16.6.0",
+        "tiny-invariant": "^1.0.2",
+        "tiny-warning": "^1.0.0"
+      }
+    },
+    "react-router-dom": {
+      "version": "5.2.0",
+      "resolved": "https://registry.npmjs.org/react-router-dom/-/react-router-dom-5.2.0.tgz",
+      "integrity": "sha512-gxAmfylo2QUjcwxI63RhQ5G85Qqt4voZpUXSEqCwykV0baaOTQDR1f0PmY8AELqIyVc0NEZUj0Gov5lNGcXgsA==",
+      "requires": {
+        "@babel/runtime": "^7.1.2",
+        "history": "^4.9.0",
+        "loose-envify": "^1.3.1",
+        "prop-types": "^15.6.2",
+        "react-router": "5.2.0",
+        "tiny-invariant": "^1.0.2",
+        "tiny-warning": "^1.0.0"
+      }
+    },
+    "react-transition-group": {
+      "version": "4.4.2",
+      "resolved": "https://registry.npmjs.org/react-transition-group/-/react-transition-group-4.4.2.tgz",
+      "integrity": "sha512-/RNYfRAMlZwDSr6z4zNKV6xu53/e2BuaBbGhbyYIXTrmgu/bGHzmqOs7mJSJBHy9Ud+ApHx3QjrkKSp1pxvlFg==",
+      "requires": {
+        "@babel/runtime": "^7.5.5",
+        "dom-helpers": "^5.0.1",
+        "loose-envify": "^1.4.0",
+        "prop-types": "^15.6.2"
+      }
+    },
+    "regenerator-runtime": {
+      "version": "0.13.7",
+      "resolved": "https://registry.npmjs.org/regenerator-runtime/-/regenerator-runtime-0.13.7.tgz",
+      "integrity": "sha512-a54FxoJDIr27pgf7IgeQGxmqUNYrcV338lf/6gH456HZ/PhX+5BcwHXG9ajESmwe6WRO0tAzRUrRmNONWgkrew=="
+    },
+    "resolve-pathname": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/resolve-pathname/-/resolve-pathname-3.0.0.tgz",
+      "integrity": "sha512-C7rARubxI8bXFNB/hqcp/4iUeIXJhJZvFPFPiSPRnhU5UPxzMFIl+2E6yY6c4k9giDJAhtV+enfA+G89N6Csng=="
+    },
+    "tiny-invariant": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/tiny-invariant/-/tiny-invariant-1.1.0.tgz",
+      "integrity": "sha512-ytxQvrb1cPc9WBEI/HSeYYoGD0kWnGEOR8RY6KomWLBVhqz0RgTwVO9dLrGz7dC+nN9llyI7OKAgRq8Vq4ZBSw=="
+    },
+    "tiny-warning": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/tiny-warning/-/tiny-warning-1.0.3.tgz",
+      "integrity": "sha512-lBN9zLN/oAf68o3zNXYrdCt1kP8WsiGW8Oo2ka41b2IM5JL/S1CTyX1rW0mb/zSuJun0ZUrDxx4sqvYS2FWzPA=="
+    },
+    "uncontrollable": {
+      "version": "7.2.1",
+      "resolved": "https://registry.npmjs.org/uncontrollable/-/uncontrollable-7.2.1.tgz",
+      "integrity": "sha512-svtcfoTADIB0nT9nltgjujTi7BzVmwjZClOmskKu/E8FW9BXzg9os8OLr4f8Dlnk0rYWJIWr4wv9eKUXiQvQwQ==",
+      "requires": {
+        "@babel/runtime": "^7.6.3",
+        "@types/react": ">=16.9.11",
+        "invariant": "^2.2.4",
+        "react-lifecycles-compat": "^3.0.4"
+      }
+    },
+    "value-equal": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/value-equal/-/value-equal-1.0.1.tgz",
+      "integrity": "sha512-NOJ6JZCAWr0zlxZt+xqCHNTEKOsrks2HQd4MqhP1qy4z1SkbEP467eNx6TgDKXMvUOb+OENfJCZwM+16n7fRfw=="
+    },
+    "warning": {
+      "version": "4.0.3",
+      "resolved": "https://registry.npmjs.org/warning/-/warning-4.0.3.tgz",
+      "integrity": "sha512-rpJyN222KWIvHJ/F53XSZv0Zl/accqHR8et1kpaMTD/fLCRxtV8iX8czMzY7sVZupTI3zcUTg8eycS2kNF9l6w==",
+      "requires": {
+        "loose-envify": "^1.0.0"
+      }
+    }
+  }
+}