diff --git a/backend/api/urls.py b/backend/api/urls.py index ab00f325c..33e000bf0 100644 --- a/backend/api/urls.py +++ b/backend/api/urls.py @@ -1,3 +1,4 @@ + from django.urls import path from .views import PostList, PostDetail from .views import TaskList, TaskDetail diff --git a/backend/media/s2.PNG b/backend/media/s2.PNG new file mode 100644 index 000000000..feee3b703 Binary files /dev/null and b/backend/media/s2.PNG differ diff --git a/backend/root/__pycache__/settings.cpython-39.pyc b/backend/root/__pycache__/settings.cpython-39.pyc index 8eb948d62..84faa5ad1 100644 Binary files a/backend/root/__pycache__/settings.cpython-39.pyc and b/backend/root/__pycache__/settings.cpython-39.pyc differ diff --git a/backend/root/__pycache__/urls.cpython-39.pyc b/backend/root/__pycache__/urls.cpython-39.pyc index 6afc170e0..ede001e98 100644 Binary files a/backend/root/__pycache__/urls.cpython-39.pyc and b/backend/root/__pycache__/urls.cpython-39.pyc differ diff --git a/frontend/react/graduation3/graduation3/package-lock.json b/frontend/react/graduation3/graduation3/package-lock.json index acb945301..4d0004026 100644 --- a/frontend/react/graduation3/graduation3/package-lock.json +++ b/frontend/react/graduation3/graduation3/package-lock.json @@ -9,15 +9,22 @@ "version": "0.1.0", "dependencies": { "@ciar4n/izmir": "^1.0.1", - "@fortawesome/fontawesome-free": "^6.3.0", + "@fortawesome/fontawesome-free": "^6.4.0", "@testing-library/jest-dom": "^5.16.5", "@testing-library/react": "^13.4.0", "@testing-library/user-event": "^13.5.0", + "animate.css": "^4.1.1", + "axios": "^1.4.0", "bootstrap": "^5.2.3", + "helmet": "^7.0.0", + "joi": "^17.9.2", "react": "^18.2.0", "react-dom": "^18.2.0", "react-router-dom": "^6.9.0", - "react-scripts": "5.0.1", + "react-scripts": "^5.0.1", + "sass": "^1.62.1", + "styled-components": "^5.3.11", + "use-navigation": "^0.0.3", "web-vitals": "^2.1.4" } }, @@ -317,11 +324,11 @@ } }, "node_modules/@babel/helper-module-imports": { - "version": "7.18.6", - "resolved": "https://registry.npmjs.org/@babel/helper-module-imports/-/helper-module-imports-7.18.6.tgz", - "integrity": "sha512-0NFvs3VkuSYbFi1x2Vd6tKrywq+z/cLeYC/RJNFrIX/30Bf5aiGYbtvGXolEktzJH8o5E5KJ3tT+nkxuuZFVlA==", + "version": "7.21.4", + "resolved": "https://registry.npmjs.org/@babel/helper-module-imports/-/helper-module-imports-7.21.4.tgz", + "integrity": "sha512-orajc5T2PsRYUN3ZryCEFeMDYwyw09c/pZeaQEZPH0MpKzSvn3e0uXsDBu3k03VI+9DBiRo+l22BfKTpKwa/Wg==", "dependencies": { - "@babel/types": "^7.18.6" + "@babel/types": "^7.21.4" }, "engines": { "node": ">=6.9.0" @@ -431,9 +438,9 @@ } }, "node_modules/@babel/helper-string-parser": { - "version": "7.19.4", - "resolved": "https://registry.npmjs.org/@babel/helper-string-parser/-/helper-string-parser-7.19.4.tgz", - "integrity": "sha512-nHtDoQcuqFmwYNYPz3Rah5ph2p8PFeFCsZk9A/48dPc/rGocJ5J3hAAZ7pb76VWX3fZKu+uEr/FhH5jLx7umrw==", + "version": "7.21.5", + "resolved": "https://registry.npmjs.org/@babel/helper-string-parser/-/helper-string-parser-7.21.5.tgz", + "integrity": "sha512-5pTUx3hAJaZIdW99sJ6ZUUgWq/Y+Hja7TowEnLNMm1VivRgZQL3vpBY3qUACVsvw+yQU6+YgfBVmcbLaZtrA1w==", "engines": { "node": ">=6.9.0" } @@ -1846,11 +1853,11 @@ } }, "node_modules/@babel/types": { - "version": "7.21.2", - "resolved": "https://registry.npmjs.org/@babel/types/-/types-7.21.2.tgz", - "integrity": "sha512-3wRZSs7jiFaB8AjxiiD+VqN5DTG2iRvJGQ+qYFrs/654lg6kGTQWIOFjlBo5RaXuAZjBmP3+OQH4dmhqiiyYxw==", + "version": "7.22.4", + "resolved": "https://registry.npmjs.org/@babel/types/-/types-7.22.4.tgz", + "integrity": "sha512-Tx9x3UBHTTsMSW85WB2kphxYQVvrZ/t1FxD88IpSgIjiUJlCm9z+xWIDwyo1vffTwSqteqyznB8ZE9vYYk16zA==", "dependencies": { - "@babel/helper-string-parser": "^7.19.4", + "@babel/helper-string-parser": "^7.21.5", "@babel/helper-validator-identifier": "^7.19.1", "to-fast-properties": "^2.0.0" }, @@ -2139,6 +2146,29 @@ "postcss-selector-parser": "^6.0.10" } }, + "node_modules/@emotion/is-prop-valid": { + "version": "1.2.1", + "resolved": "https://registry.npmjs.org/@emotion/is-prop-valid/-/is-prop-valid-1.2.1.tgz", + "integrity": "sha512-61Mf7Ufx4aDxx1xlDeOm8aFFigGHE4z+0sKCa+IHCeZKiyP9RLD0Mmx7m8b9/Cf37f7NAvQOOJAbQQGVr5uERw==", + "dependencies": { + "@emotion/memoize": "^0.8.1" + } + }, + "node_modules/@emotion/memoize": { + "version": "0.8.1", + "resolved": "https://registry.npmjs.org/@emotion/memoize/-/memoize-0.8.1.tgz", + "integrity": "sha512-W2P2c/VRW1/1tLox0mVUalvnWXxavmv/Oum2aPsRcoDJuob75FC3Y8FbpfLwUegRcxINtGUMPq0tFCvYNTBXNA==" + }, + "node_modules/@emotion/stylis": { + "version": "0.8.5", + "resolved": "https://registry.npmjs.org/@emotion/stylis/-/stylis-0.8.5.tgz", + "integrity": "sha512-h6KtPihKFn3T9fuIrwvXXUOwlx3rfUvfZIcP5a6rh8Y7zjE3O06hT5Ss4S/YI1AYhuZ1kjaE/5EaOOI2NqSylQ==" + }, + "node_modules/@emotion/unitless": { + "version": "0.7.5", + "resolved": "https://registry.npmjs.org/@emotion/unitless/-/unitless-0.7.5.tgz", + "integrity": "sha512-OWORNpfjMsSSUBVrRBVGECkhWcULOAJz9ZW8uK9qgxD+87M7jHRcvh/A96XXNhXTLmKcoYSQtBEX7lHMO7YRwg==" + }, "node_modules/@eslint/eslintrc": { "version": "2.0.0", "resolved": "https://registry.npmjs.org/@eslint/eslintrc/-/eslintrc-2.0.0.tgz", @@ -2211,14 +2241,27 @@ } }, "node_modules/@fortawesome/fontawesome-free": { - "version": "6.3.0", - "resolved": "https://registry.npmjs.org/@fortawesome/fontawesome-free/-/fontawesome-free-6.3.0.tgz", - "integrity": "sha512-qVtd5i1Cc7cdrqnTWqTObKQHjPWAiRwjUPaXObaeNPcy7+WKxJumGBx66rfSFgK6LNpIasVKkEgW8oyf0tmPLA==", + "version": "6.4.0", + "resolved": "https://registry.npmjs.org/@fortawesome/fontawesome-free/-/fontawesome-free-6.4.0.tgz", + "integrity": "sha512-0NyytTlPJwB/BF5LtRV8rrABDbe3TdTXqNB3PdZ+UUUZAEIrdOJdmABqKjt4AXwIoJNaRVVZEXxpNrqvE1GAYQ==", "hasInstallScript": true, "engines": { "node": ">=6" } }, + "node_modules/@hapi/hoek": { + "version": "9.3.0", + "resolved": "https://registry.npmjs.org/@hapi/hoek/-/hoek-9.3.0.tgz", + "integrity": "sha512-/c6rf4UJlmHlC9b5BaNvzAcFv7HZ2QHaV0D4/HNlBdvFnvQq8RI4kYdhyPCl7Xj+oWvTWQ8ujhqS53LIgAe6KQ==" + }, + "node_modules/@hapi/topo": { + "version": "5.1.0", + "resolved": "https://registry.npmjs.org/@hapi/topo/-/topo-5.1.0.tgz", + "integrity": "sha512-foQZKJig7Ob0BMAYBfcJk8d77QtOe7Wo4ox7ff1lQYoNNAb6jwcY1ncdoy2e9wQZzvNy7ODZCYJkK8kzmcAnAg==", + "dependencies": { + "@hapi/hoek": "^9.0.0" + } + }, "node_modules/@humanwhocodes/config-array": { "version": "0.11.8", "resolved": "https://registry.npmjs.org/@humanwhocodes/config-array/-/config-array-0.11.8.tgz", @@ -3206,6 +3249,24 @@ "resolved": "https://registry.npmjs.org/@rushstack/eslint-patch/-/eslint-patch-1.2.0.tgz", "integrity": "sha512-sXo/qW2/pAcmT43VoRKOJbDOfV3cYpq3szSVfIThQXNt+E4DfKj361vaAt3c88U5tPUxzEswam7GW48PJqtKAg==" }, + "node_modules/@sideway/address": { + "version": "4.1.4", + "resolved": "https://registry.npmjs.org/@sideway/address/-/address-4.1.4.tgz", + "integrity": "sha512-7vwq+rOHVWjyXxVlR76Agnvhy8I9rpzjosTESvmhNeXOXdZZB15Fl+TI9x1SiHZH5Jv2wTGduSxFDIaq0m3DUw==", + "dependencies": { + "@hapi/hoek": "^9.0.0" + } + }, + "node_modules/@sideway/formula": { + "version": "3.0.1", + "resolved": "https://registry.npmjs.org/@sideway/formula/-/formula-3.0.1.tgz", + "integrity": "sha512-/poHZJJVjx3L+zVD6g9KgHfYnb443oi7wLu/XKojDviHy6HOEOA6z1Trk5aR1dGcmPenJEgb2sK2I80LeS3MIg==" + }, + "node_modules/@sideway/pinpoint": { + "version": "2.0.0", + "resolved": "https://registry.npmjs.org/@sideway/pinpoint/-/pinpoint-2.0.0.tgz", + "integrity": "sha512-RNiOoTPkptFtSVzQevY/yWtZwf/RxyVnPy/OcA9HBM3MlGDnBEYL5B41H0MTn0Uec8Hi+2qUtTfG2WWZBmMejQ==" + }, "node_modules/@sinclair/typebox": { "version": "0.24.51", "resolved": "https://registry.npmjs.org/@sinclair/typebox/-/typebox-0.24.51.tgz", @@ -4841,6 +4902,11 @@ "ajv": "^6.9.1" } }, + "node_modules/animate.css": { + "version": "4.1.1", + "resolved": "https://registry.npmjs.org/animate.css/-/animate.css-4.1.1.tgz", + "integrity": "sha512-+mRmCTv6SbCmtYJCN4faJMNFVNN5EuCTTprDTAo7YzIGji2KADmakjVA3+8mVDkZ2Bf09vayB35lSQIex2+QaQ==" + }, "node_modules/ansi-escapes": { "version": "4.3.2", "resolved": "https://registry.npmjs.org/ansi-escapes/-/ansi-escapes-4.3.2.tgz", @@ -5092,6 +5158,29 @@ "node": ">=4" } }, + "node_modules/axios": { + "version": "1.4.0", + "resolved": "https://registry.npmjs.org/axios/-/axios-1.4.0.tgz", + "integrity": "sha512-S4XCWMEmzvo64T9GfvQDOXgYRDJ/wsSZc7Jvdgx5u1sd0JwsuPLqb3SYmusag+edF6ziyMensPVqLTSc1PiSEA==", + "dependencies": { + "follow-redirects": "^1.15.0", + "form-data": "^4.0.0", + "proxy-from-env": "^1.1.0" + } + }, + "node_modules/axios/node_modules/form-data": { + "version": "4.0.0", + "resolved": "https://registry.npmjs.org/form-data/-/form-data-4.0.0.tgz", + "integrity": "sha512-ETEklSGi5t0QMZuiXoA/Q6vcnxcLQP5vdugSpuAyi6SVGi2clPPp+xgEhuMaHC+zGgn31Kd235W35f7Hykkaww==", + "dependencies": { + "asynckit": "^0.4.0", + "combined-stream": "^1.0.8", + "mime-types": "^2.1.12" + }, + "engines": { + "node": ">= 6" + } + }, "node_modules/axobject-query": { "version": "3.1.1", "resolved": "https://registry.npmjs.org/axobject-query/-/axobject-query-3.1.1.tgz", @@ -5315,6 +5404,26 @@ "@babel/core": "^7.0.0-0" } }, + "node_modules/babel-plugin-styled-components": { + "version": "2.1.3", + "resolved": "https://registry.npmjs.org/babel-plugin-styled-components/-/babel-plugin-styled-components-2.1.3.tgz", + "integrity": "sha512-jBioLwBVHpOMU4NsueH/ADcHrjS0Y/WTpt2eGVmmuSFNEv2DF3XhcMncuZlbbjxQ4vzxg+yEr6E6TNjrIQbsJQ==", + "dependencies": { + "@babel/helper-annotate-as-pure": "^7.18.6", + "@babel/helper-module-imports": "^7.21.4", + "babel-plugin-syntax-jsx": "^6.18.0", + "lodash": "^4.17.21", + "picomatch": "^2.3.1" + }, + "peerDependencies": { + "styled-components": ">= 2" + } + }, + "node_modules/babel-plugin-syntax-jsx": { + "version": "6.18.0", + "resolved": "https://registry.npmjs.org/babel-plugin-syntax-jsx/-/babel-plugin-syntax-jsx-6.18.0.tgz", + "integrity": "sha512-qrPaCSo9c8RHNRHIotaufGbuOBN8rtdC4QrrFFc43vyWCCz7Kl7GL1PGaXtMGQZUXrkCjNEgxDfmAuAabr/rlw==" + }, "node_modules/babel-plugin-transform-react-remove-prop-types": { "version": "0.4.24", "resolved": "https://registry.npmjs.org/babel-plugin-transform-react-remove-prop-types/-/babel-plugin-transform-react-remove-prop-types-0.4.24.tgz", @@ -5646,6 +5755,14 @@ "node": ">= 6" } }, + "node_modules/camelize": { + "version": "1.0.1", + "resolved": "https://registry.npmjs.org/camelize/-/camelize-1.0.1.tgz", + "integrity": "sha512-dU+Tx2fsypxTgtLoE36npi3UqcjSSMNYfkqgmoEhtZrraP5VWq0K7FkWVTYa8eMPtnU/G2txVsfdCJTn9uzpuQ==", + "funding": { + "url": "https://github.com/sponsors/ljharb" + } + }, "node_modules/caniuse-api": { "version": "3.0.0", "resolved": "https://registry.npmjs.org/caniuse-api/-/caniuse-api-3.0.0.tgz", @@ -6077,6 +6194,14 @@ "postcss": "^8.4" } }, + "node_modules/css-color-keywords": { + "version": "1.0.0", + "resolved": "https://registry.npmjs.org/css-color-keywords/-/css-color-keywords-1.0.0.tgz", + "integrity": "sha512-FyyrDHZKEjXDpNJYvVsV960FiqQyXc/LlYmsxl2BcdMb2WPx0OGRVgTg55rPSyLSNMqP52R9r8geSp7apN3Ofg==", + "engines": { + "node": ">=4" + } + }, "node_modules/css-declaration-sorter": { "version": "6.3.1", "resolved": "https://registry.npmjs.org/css-declaration-sorter/-/css-declaration-sorter-6.3.1.tgz", @@ -6258,6 +6383,16 @@ "resolved": "https://registry.npmjs.org/css-select-base-adapter/-/css-select-base-adapter-0.1.1.tgz", "integrity": "sha512-jQVeeRG70QI08vSTwf1jHxp74JoZsr2XSgETae8/xC8ovSnL2WF87GTLO86Sbwdt2lK4Umg4HnnwMO4YF3Ce7w==" }, + "node_modules/css-to-react-native": { + "version": "3.2.0", + "resolved": "https://registry.npmjs.org/css-to-react-native/-/css-to-react-native-3.2.0.tgz", + "integrity": "sha512-e8RKaLXMOFii+02mOlqwjbD00KSEKqblnpO9e++1aXS1fPQOpS1YoqdVHBqPjHNoxeF2mimzVqawm2KCbEdtHQ==", + "dependencies": { + "camelize": "^1.0.0", + "css-color-keywords": "^1.0.0", + "postcss-value-parser": "^4.0.2" + } + }, "node_modules/css-tree": { "version": "1.0.0-alpha.37", "resolved": "https://registry.npmjs.org/css-tree/-/css-tree-1.0.0-alpha.37.tgz", @@ -8753,6 +8888,27 @@ "he": "bin/he" } }, + "node_modules/helmet": { + "version": "7.0.0", + "resolved": "https://registry.npmjs.org/helmet/-/helmet-7.0.0.tgz", + "integrity": "sha512-MsIgYmdBh460ZZ8cJC81q4XJknjG567wzEmv46WOBblDb6TUd3z8/GhgmsM9pn8g2B80tAJ4m5/d3Bi1KrSUBQ==", + "engines": { + "node": ">=16.0.0" + } + }, + "node_modules/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==", + "dependencies": { + "react-is": "^16.7.0" + } + }, + "node_modules/hoist-non-react-statics/node_modules/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==" + }, "node_modules/hoopy": { "version": "0.1.4", "resolved": "https://registry.npmjs.org/hoopy/-/hoopy-0.1.4.tgz", @@ -9034,6 +9190,11 @@ "url": "https://opencollective.com/immer" } }, + "node_modules/immutable": { + "version": "4.3.0", + "resolved": "https://registry.npmjs.org/immutable/-/immutable-4.3.0.tgz", + "integrity": "sha512-0AOCmOip+xgJwEVTQj1EfiDDOkPmuyllDuTuEX+DDXUgapLAsBIfkg3sxCYyCEA8mQqZrrxPUGjcOQ2JS3WLkg==" + }, "node_modules/import-fresh": { "version": "3.3.0", "resolved": "https://registry.npmjs.org/import-fresh/-/import-fresh-3.3.0.tgz", @@ -11582,6 +11743,18 @@ "url": "https://github.com/chalk/supports-color?sponsor=1" } }, + "node_modules/joi": { + "version": "17.9.2", + "resolved": "https://registry.npmjs.org/joi/-/joi-17.9.2.tgz", + "integrity": "sha512-Itk/r+V4Dx0V3c7RLFdRh12IOjySm2/WGPMubBT92cQvRfYZhPM2W0hZlctjj72iES8jsRCwp7S/cRmWBnJ4nw==", + "dependencies": { + "@hapi/hoek": "^9.0.0", + "@hapi/topo": "^5.0.0", + "@sideway/address": "^4.1.3", + "@sideway/formula": "^3.0.1", + "@sideway/pinpoint": "^2.0.0" + } + }, "node_modules/js-sdsl": { "version": "4.3.0", "resolved": "https://registry.npmjs.org/js-sdsl/-/js-sdsl-4.3.0.tgz", @@ -14083,6 +14256,11 @@ "node": ">= 0.10" } }, + "node_modules/proxy-from-env": { + "version": "1.1.0", + "resolved": "https://registry.npmjs.org/proxy-from-env/-/proxy-from-env-1.1.0.tgz", + "integrity": "sha512-D+zkORCbA9f1tdWRK0RaCR3GPv50cMxcrz4X8k5LTSUD1Dkw47mKJEZQNunItRTkWwgtaUSo1RVFRIG9ZXiFYg==" + }, "node_modules/psl": { "version": "1.9.0", "resolved": "https://registry.npmjs.org/psl/-/psl-1.9.0.tgz", @@ -14942,6 +15120,22 @@ "resolved": "https://registry.npmjs.org/sanitize.css/-/sanitize.css-13.0.0.tgz", "integrity": "sha512-ZRwKbh/eQ6w9vmTjkuG0Ioi3HBwPFce0O+v//ve+aOq1oeCy7jMV2qzzAlpsNuqpqCBjjriM1lbtZbF/Q8jVyA==" }, + "node_modules/sass": { + "version": "1.62.1", + "resolved": "https://registry.npmjs.org/sass/-/sass-1.62.1.tgz", + "integrity": "sha512-NHpxIzN29MXvWiuswfc1W3I0N8SXBd8UR26WntmDlRYf0bSADnwnOjsyMZ3lMezSlArD33Vs3YFhp7dWvL770A==", + "dependencies": { + "chokidar": ">=3.0.0 <4.0.0", + "immutable": "^4.0.0", + "source-map-js": ">=0.6.2 <2.0.0" + }, + "bin": { + "sass": "sass.js" + }, + "engines": { + "node": ">=14.0.0" + } + }, "node_modules/sass-loader": { "version": "12.6.0", "resolved": "https://registry.npmjs.org/sass-loader/-/sass-loader-12.6.0.tgz", @@ -15204,6 +15398,11 @@ "resolved": "https://registry.npmjs.org/setprototypeof/-/setprototypeof-1.2.0.tgz", "integrity": "sha512-E5LDX7Wrp85Kil5bhZv46j8jOeboKq5JMmYM3gVGdGH8xFpPWXUMsNrlODCrkoxMEeNi/XZIwuRvY4XNwYMJpw==" }, + "node_modules/shallowequal": { + "version": "1.1.0", + "resolved": "https://registry.npmjs.org/shallowequal/-/shallowequal-1.1.0.tgz", + "integrity": "sha512-y0m1JoUZSlPAjXVtPPW70aZWfIL/dSP7AFkRnniLCrK/8MDKog3TySTBmckD+RObVxH0v4Tox67+F14PdED2oQ==" + }, "node_modules/shebang-command": { "version": "2.0.0", "resolved": "https://registry.npmjs.org/shebang-command/-/shebang-command-2.0.0.tgz", @@ -15590,6 +15789,35 @@ "webpack": "^5.0.0" } }, + "node_modules/styled-components": { + "version": "5.3.11", + "resolved": "https://registry.npmjs.org/styled-components/-/styled-components-5.3.11.tgz", + "integrity": "sha512-uuzIIfnVkagcVHv9nE0VPlHPSCmXIUGKfJ42LNjxCCTDTL5sgnJ8Z7GZBq0EnLYGln77tPpEpExt2+qa+cZqSw==", + "dependencies": { + "@babel/helper-module-imports": "^7.0.0", + "@babel/traverse": "^7.4.5", + "@emotion/is-prop-valid": "^1.1.0", + "@emotion/stylis": "^0.8.4", + "@emotion/unitless": "^0.7.4", + "babel-plugin-styled-components": ">= 1.12.0", + "css-to-react-native": "^3.0.0", + "hoist-non-react-statics": "^3.0.0", + "shallowequal": "^1.1.0", + "supports-color": "^5.5.0" + }, + "engines": { + "node": ">=10" + }, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/styled-components" + }, + "peerDependencies": { + "react": ">= 16.8.0", + "react-dom": ">= 16.8.0", + "react-is": ">= 16.8.0" + } + }, "node_modules/stylehacks": { "version": "5.1.1", "resolved": "https://registry.npmjs.org/stylehacks/-/stylehacks-5.1.1.tgz", @@ -16268,6 +16496,14 @@ "requires-port": "^1.0.0" } }, + "node_modules/use-navigation": { + "version": "0.0.3", + "resolved": "https://registry.npmjs.org/use-navigation/-/use-navigation-0.0.3.tgz", + "integrity": "sha512-pWyFyDS2ToNXrbQRJG9EySX3TtqhwGpFUt26tXVRgE/lK0Q2fUKV+J6RRqUbMgXXpBBnT8WPQkziUOpfKs71sA==", + "peerDependencies": { + "react": ">= 16.8.0" + } + }, "node_modules/util-deprecate": { "version": "1.0.2", "resolved": "https://registry.npmjs.org/util-deprecate/-/util-deprecate-1.0.2.tgz", @@ -17504,11 +17740,11 @@ } }, "@babel/helper-module-imports": { - "version": "7.18.6", - "resolved": "https://registry.npmjs.org/@babel/helper-module-imports/-/helper-module-imports-7.18.6.tgz", - "integrity": "sha512-0NFvs3VkuSYbFi1x2Vd6tKrywq+z/cLeYC/RJNFrIX/30Bf5aiGYbtvGXolEktzJH8o5E5KJ3tT+nkxuuZFVlA==", + "version": "7.21.4", + "resolved": "https://registry.npmjs.org/@babel/helper-module-imports/-/helper-module-imports-7.21.4.tgz", + "integrity": "sha512-orajc5T2PsRYUN3ZryCEFeMDYwyw09c/pZeaQEZPH0MpKzSvn3e0uXsDBu3k03VI+9DBiRo+l22BfKTpKwa/Wg==", "requires": { - "@babel/types": "^7.18.6" + "@babel/types": "^7.21.4" } }, "@babel/helper-module-transforms": { @@ -17588,9 +17824,9 @@ } }, "@babel/helper-string-parser": { - "version": "7.19.4", - "resolved": "https://registry.npmjs.org/@babel/helper-string-parser/-/helper-string-parser-7.19.4.tgz", - "integrity": "sha512-nHtDoQcuqFmwYNYPz3Rah5ph2p8PFeFCsZk9A/48dPc/rGocJ5J3hAAZ7pb76VWX3fZKu+uEr/FhH5jLx7umrw==" + "version": "7.21.5", + "resolved": "https://registry.npmjs.org/@babel/helper-string-parser/-/helper-string-parser-7.21.5.tgz", + "integrity": "sha512-5pTUx3hAJaZIdW99sJ6ZUUgWq/Y+Hja7TowEnLNMm1VivRgZQL3vpBY3qUACVsvw+yQU6+YgfBVmcbLaZtrA1w==" }, "@babel/helper-validator-identifier": { "version": "7.19.1", @@ -18512,11 +18748,11 @@ } }, "@babel/types": { - "version": "7.21.2", - "resolved": "https://registry.npmjs.org/@babel/types/-/types-7.21.2.tgz", - "integrity": "sha512-3wRZSs7jiFaB8AjxiiD+VqN5DTG2iRvJGQ+qYFrs/654lg6kGTQWIOFjlBo5RaXuAZjBmP3+OQH4dmhqiiyYxw==", + "version": "7.22.4", + "resolved": "https://registry.npmjs.org/@babel/types/-/types-7.22.4.tgz", + "integrity": "sha512-Tx9x3UBHTTsMSW85WB2kphxYQVvrZ/t1FxD88IpSgIjiUJlCm9z+xWIDwyo1vffTwSqteqyznB8ZE9vYYk16zA==", "requires": { - "@babel/helper-string-parser": "^7.19.4", + "@babel/helper-string-parser": "^7.21.5", "@babel/helper-validator-identifier": "^7.19.1", "to-fast-properties": "^2.0.0" } @@ -18657,6 +18893,29 @@ "integrity": "sha512-jwx+WCqszn53YHOfvFMJJRd/B2GqkCBt+1MJSG6o5/s8+ytHMvDZXsJgUEWLk12UnLd7HYKac4BYU5i/Ron1Cw==", "requires": {} }, + "@emotion/is-prop-valid": { + "version": "1.2.1", + "resolved": "https://registry.npmjs.org/@emotion/is-prop-valid/-/is-prop-valid-1.2.1.tgz", + "integrity": "sha512-61Mf7Ufx4aDxx1xlDeOm8aFFigGHE4z+0sKCa+IHCeZKiyP9RLD0Mmx7m8b9/Cf37f7NAvQOOJAbQQGVr5uERw==", + "requires": { + "@emotion/memoize": "^0.8.1" + } + }, + "@emotion/memoize": { + "version": "0.8.1", + "resolved": "https://registry.npmjs.org/@emotion/memoize/-/memoize-0.8.1.tgz", + "integrity": "sha512-W2P2c/VRW1/1tLox0mVUalvnWXxavmv/Oum2aPsRcoDJuob75FC3Y8FbpfLwUegRcxINtGUMPq0tFCvYNTBXNA==" + }, + "@emotion/stylis": { + "version": "0.8.5", + "resolved": "https://registry.npmjs.org/@emotion/stylis/-/stylis-0.8.5.tgz", + "integrity": "sha512-h6KtPihKFn3T9fuIrwvXXUOwlx3rfUvfZIcP5a6rh8Y7zjE3O06hT5Ss4S/YI1AYhuZ1kjaE/5EaOOI2NqSylQ==" + }, + "@emotion/unitless": { + "version": "0.7.5", + "resolved": "https://registry.npmjs.org/@emotion/unitless/-/unitless-0.7.5.tgz", + "integrity": "sha512-OWORNpfjMsSSUBVrRBVGECkhWcULOAJz9ZW8uK9qgxD+87M7jHRcvh/A96XXNhXTLmKcoYSQtBEX7lHMO7YRwg==" + }, "@eslint/eslintrc": { "version": "2.0.0", "resolved": "https://registry.npmjs.org/@eslint/eslintrc/-/eslintrc-2.0.0.tgz", @@ -18707,9 +18966,22 @@ "integrity": "sha512-JXdzbRiWclLVoD8sNUjR443VVlYqiYmDVT6rGUEIEHU5YJW0gaVZwV2xgM7D4arkvASqD0IlLUVjHiFuxaftRw==" }, "@fortawesome/fontawesome-free": { - "version": "6.3.0", - "resolved": "https://registry.npmjs.org/@fortawesome/fontawesome-free/-/fontawesome-free-6.3.0.tgz", - "integrity": "sha512-qVtd5i1Cc7cdrqnTWqTObKQHjPWAiRwjUPaXObaeNPcy7+WKxJumGBx66rfSFgK6LNpIasVKkEgW8oyf0tmPLA==" + "version": "6.4.0", + "resolved": "https://registry.npmjs.org/@fortawesome/fontawesome-free/-/fontawesome-free-6.4.0.tgz", + "integrity": "sha512-0NyytTlPJwB/BF5LtRV8rrABDbe3TdTXqNB3PdZ+UUUZAEIrdOJdmABqKjt4AXwIoJNaRVVZEXxpNrqvE1GAYQ==" + }, + "@hapi/hoek": { + "version": "9.3.0", + "resolved": "https://registry.npmjs.org/@hapi/hoek/-/hoek-9.3.0.tgz", + "integrity": "sha512-/c6rf4UJlmHlC9b5BaNvzAcFv7HZ2QHaV0D4/HNlBdvFnvQq8RI4kYdhyPCl7Xj+oWvTWQ8ujhqS53LIgAe6KQ==" + }, + "@hapi/topo": { + "version": "5.1.0", + "resolved": "https://registry.npmjs.org/@hapi/topo/-/topo-5.1.0.tgz", + "integrity": "sha512-foQZKJig7Ob0BMAYBfcJk8d77QtOe7Wo4ox7ff1lQYoNNAb6jwcY1ncdoy2e9wQZzvNy7ODZCYJkK8kzmcAnAg==", + "requires": { + "@hapi/hoek": "^9.0.0" + } }, "@humanwhocodes/config-array": { "version": "0.11.8", @@ -19419,6 +19691,24 @@ "resolved": "https://registry.npmjs.org/@rushstack/eslint-patch/-/eslint-patch-1.2.0.tgz", "integrity": "sha512-sXo/qW2/pAcmT43VoRKOJbDOfV3cYpq3szSVfIThQXNt+E4DfKj361vaAt3c88U5tPUxzEswam7GW48PJqtKAg==" }, + "@sideway/address": { + "version": "4.1.4", + "resolved": "https://registry.npmjs.org/@sideway/address/-/address-4.1.4.tgz", + "integrity": "sha512-7vwq+rOHVWjyXxVlR76Agnvhy8I9rpzjosTESvmhNeXOXdZZB15Fl+TI9x1SiHZH5Jv2wTGduSxFDIaq0m3DUw==", + "requires": { + "@hapi/hoek": "^9.0.0" + } + }, + "@sideway/formula": { + "version": "3.0.1", + "resolved": "https://registry.npmjs.org/@sideway/formula/-/formula-3.0.1.tgz", + "integrity": "sha512-/poHZJJVjx3L+zVD6g9KgHfYnb443oi7wLu/XKojDviHy6HOEOA6z1Trk5aR1dGcmPenJEgb2sK2I80LeS3MIg==" + }, + "@sideway/pinpoint": { + "version": "2.0.0", + "resolved": "https://registry.npmjs.org/@sideway/pinpoint/-/pinpoint-2.0.0.tgz", + "integrity": "sha512-RNiOoTPkptFtSVzQevY/yWtZwf/RxyVnPy/OcA9HBM3MlGDnBEYL5B41H0MTn0Uec8Hi+2qUtTfG2WWZBmMejQ==" + }, "@sinclair/typebox": { "version": "0.24.51", "resolved": "https://registry.npmjs.org/@sinclair/typebox/-/typebox-0.24.51.tgz", @@ -20666,6 +20956,11 @@ "integrity": "sha512-5p6WTN0DdTGVQk6VjcEju19IgaHudalcfabD7yhDGeA6bcQnmL+CpveLJq/3hvfwd1aof6L386Ougkx6RfyMIQ==", "requires": {} }, + "animate.css": { + "version": "4.1.1", + "resolved": "https://registry.npmjs.org/animate.css/-/animate.css-4.1.1.tgz", + "integrity": "sha512-+mRmCTv6SbCmtYJCN4faJMNFVNN5EuCTTprDTAo7YzIGji2KADmakjVA3+8mVDkZ2Bf09vayB35lSQIex2+QaQ==" + }, "ansi-escapes": { "version": "4.3.2", "resolved": "https://registry.npmjs.org/ansi-escapes/-/ansi-escapes-4.3.2.tgz", @@ -20838,6 +21133,28 @@ "resolved": "https://registry.npmjs.org/axe-core/-/axe-core-4.6.3.tgz", "integrity": "sha512-/BQzOX780JhsxDnPpH4ZiyrJAzcd8AfzFPkv+89veFSr1rcMjuq2JDCwypKaPeB6ljHp9KjXhPpjgCvQlWYuqg==" }, + "axios": { + "version": "1.4.0", + "resolved": "https://registry.npmjs.org/axios/-/axios-1.4.0.tgz", + "integrity": "sha512-S4XCWMEmzvo64T9GfvQDOXgYRDJ/wsSZc7Jvdgx5u1sd0JwsuPLqb3SYmusag+edF6ziyMensPVqLTSc1PiSEA==", + "requires": { + "follow-redirects": "^1.15.0", + "form-data": "^4.0.0", + "proxy-from-env": "^1.1.0" + }, + "dependencies": { + "form-data": { + "version": "4.0.0", + "resolved": "https://registry.npmjs.org/form-data/-/form-data-4.0.0.tgz", + "integrity": "sha512-ETEklSGi5t0QMZuiXoA/Q6vcnxcLQP5vdugSpuAyi6SVGi2clPPp+xgEhuMaHC+zGgn31Kd235W35f7Hykkaww==", + "requires": { + "asynckit": "^0.4.0", + "combined-stream": "^1.0.8", + "mime-types": "^2.1.12" + } + } + } + }, "axobject-query": { "version": "3.1.1", "resolved": "https://registry.npmjs.org/axobject-query/-/axobject-query-3.1.1.tgz", @@ -21002,6 +21319,23 @@ "@babel/helper-define-polyfill-provider": "^0.3.3" } }, + "babel-plugin-styled-components": { + "version": "2.1.3", + "resolved": "https://registry.npmjs.org/babel-plugin-styled-components/-/babel-plugin-styled-components-2.1.3.tgz", + "integrity": "sha512-jBioLwBVHpOMU4NsueH/ADcHrjS0Y/WTpt2eGVmmuSFNEv2DF3XhcMncuZlbbjxQ4vzxg+yEr6E6TNjrIQbsJQ==", + "requires": { + "@babel/helper-annotate-as-pure": "^7.18.6", + "@babel/helper-module-imports": "^7.21.4", + "babel-plugin-syntax-jsx": "^6.18.0", + "lodash": "^4.17.21", + "picomatch": "^2.3.1" + } + }, + "babel-plugin-syntax-jsx": { + "version": "6.18.0", + "resolved": "https://registry.npmjs.org/babel-plugin-syntax-jsx/-/babel-plugin-syntax-jsx-6.18.0.tgz", + "integrity": "sha512-qrPaCSo9c8RHNRHIotaufGbuOBN8rtdC4QrrFFc43vyWCCz7Kl7GL1PGaXtMGQZUXrkCjNEgxDfmAuAabr/rlw==" + }, "babel-plugin-transform-react-remove-prop-types": { "version": "0.4.24", "resolved": "https://registry.npmjs.org/babel-plugin-transform-react-remove-prop-types/-/babel-plugin-transform-react-remove-prop-types-0.4.24.tgz", @@ -21252,6 +21586,11 @@ "resolved": "https://registry.npmjs.org/camelcase-css/-/camelcase-css-2.0.1.tgz", "integrity": "sha512-QOSvevhslijgYwRx6Rv7zKdMF8lbRmx+uQGx2+vDc+KI/eBnsy9kit5aj23AgGu3pa4t9AgwbnXWqS+iOY+2aA==" }, + "camelize": { + "version": "1.0.1", + "resolved": "https://registry.npmjs.org/camelize/-/camelize-1.0.1.tgz", + "integrity": "sha512-dU+Tx2fsypxTgtLoE36npi3UqcjSSMNYfkqgmoEhtZrraP5VWq0K7FkWVTYa8eMPtnU/G2txVsfdCJTn9uzpuQ==" + }, "caniuse-api": { "version": "3.0.0", "resolved": "https://registry.npmjs.org/caniuse-api/-/caniuse-api-3.0.0.tgz", @@ -21572,6 +21911,11 @@ "postcss-selector-parser": "^6.0.9" } }, + "css-color-keywords": { + "version": "1.0.0", + "resolved": "https://registry.npmjs.org/css-color-keywords/-/css-color-keywords-1.0.0.tgz", + "integrity": "sha512-FyyrDHZKEjXDpNJYvVsV960FiqQyXc/LlYmsxl2BcdMb2WPx0OGRVgTg55rPSyLSNMqP52R9r8geSp7apN3Ofg==" + }, "css-declaration-sorter": { "version": "6.3.1", "resolved": "https://registry.npmjs.org/css-declaration-sorter/-/css-declaration-sorter-6.3.1.tgz", @@ -21679,6 +22023,16 @@ "resolved": "https://registry.npmjs.org/css-select-base-adapter/-/css-select-base-adapter-0.1.1.tgz", "integrity": "sha512-jQVeeRG70QI08vSTwf1jHxp74JoZsr2XSgETae8/xC8ovSnL2WF87GTLO86Sbwdt2lK4Umg4HnnwMO4YF3Ce7w==" }, + "css-to-react-native": { + "version": "3.2.0", + "resolved": "https://registry.npmjs.org/css-to-react-native/-/css-to-react-native-3.2.0.tgz", + "integrity": "sha512-e8RKaLXMOFii+02mOlqwjbD00KSEKqblnpO9e++1aXS1fPQOpS1YoqdVHBqPjHNoxeF2mimzVqawm2KCbEdtHQ==", + "requires": { + "camelize": "^1.0.0", + "css-color-keywords": "^1.0.0", + "postcss-value-parser": "^4.0.2" + } + }, "css-tree": { "version": "1.0.0-alpha.37", "resolved": "https://registry.npmjs.org/css-tree/-/css-tree-1.0.0-alpha.37.tgz", @@ -23498,6 +23852,26 @@ "resolved": "https://registry.npmjs.org/he/-/he-1.2.0.tgz", "integrity": "sha512-F/1DnUGPopORZi0ni+CvrCgHQ5FyEAHRLSApuYWMmrbSwoN2Mn/7k+Gl38gJnR7yyDZk6WLXwiGod1JOWNDKGw==" }, + "helmet": { + "version": "7.0.0", + "resolved": "https://registry.npmjs.org/helmet/-/helmet-7.0.0.tgz", + "integrity": "sha512-MsIgYmdBh460ZZ8cJC81q4XJknjG567wzEmv46WOBblDb6TUd3z8/GhgmsM9pn8g2B80tAJ4m5/d3Bi1KrSUBQ==" + }, + "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" + }, + "dependencies": { + "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==" + } + } + }, "hoopy": { "version": "0.1.4", "resolved": "https://registry.npmjs.org/hoopy/-/hoopy-0.1.4.tgz", @@ -23708,6 +24082,11 @@ "resolved": "https://registry.npmjs.org/immer/-/immer-9.0.19.tgz", "integrity": "sha512-eY+Y0qcsB4TZKwgQzLaE/lqYMlKhv5J9dyd2RhhtGhNo2njPXDqU9XPfcNfa3MIDsdtZt5KlkIsirlo4dHsWdQ==" }, + "immutable": { + "version": "4.3.0", + "resolved": "https://registry.npmjs.org/immutable/-/immutable-4.3.0.tgz", + "integrity": "sha512-0AOCmOip+xgJwEVTQj1EfiDDOkPmuyllDuTuEX+DDXUgapLAsBIfkg3sxCYyCEA8mQqZrrxPUGjcOQ2JS3WLkg==" + }, "import-fresh": { "version": "3.3.0", "resolved": "https://registry.npmjs.org/import-fresh/-/import-fresh-3.3.0.tgz", @@ -25535,6 +25914,18 @@ } } }, + "joi": { + "version": "17.9.2", + "resolved": "https://registry.npmjs.org/joi/-/joi-17.9.2.tgz", + "integrity": "sha512-Itk/r+V4Dx0V3c7RLFdRh12IOjySm2/WGPMubBT92cQvRfYZhPM2W0hZlctjj72iES8jsRCwp7S/cRmWBnJ4nw==", + "requires": { + "@hapi/hoek": "^9.0.0", + "@hapi/topo": "^5.0.0", + "@sideway/address": "^4.1.3", + "@sideway/formula": "^3.0.1", + "@sideway/pinpoint": "^2.0.0" + } + }, "js-sdsl": { "version": "4.3.0", "resolved": "https://registry.npmjs.org/js-sdsl/-/js-sdsl-4.3.0.tgz", @@ -27166,6 +27557,11 @@ } } }, + "proxy-from-env": { + "version": "1.1.0", + "resolved": "https://registry.npmjs.org/proxy-from-env/-/proxy-from-env-1.1.0.tgz", + "integrity": "sha512-D+zkORCbA9f1tdWRK0RaCR3GPv50cMxcrz4X8k5LTSUD1Dkw47mKJEZQNunItRTkWwgtaUSo1RVFRIG9ZXiFYg==" + }, "psl": { "version": "1.9.0", "resolved": "https://registry.npmjs.org/psl/-/psl-1.9.0.tgz", @@ -27767,6 +28163,16 @@ "resolved": "https://registry.npmjs.org/sanitize.css/-/sanitize.css-13.0.0.tgz", "integrity": "sha512-ZRwKbh/eQ6w9vmTjkuG0Ioi3HBwPFce0O+v//ve+aOq1oeCy7jMV2qzzAlpsNuqpqCBjjriM1lbtZbF/Q8jVyA==" }, + "sass": { + "version": "1.62.1", + "resolved": "https://registry.npmjs.org/sass/-/sass-1.62.1.tgz", + "integrity": "sha512-NHpxIzN29MXvWiuswfc1W3I0N8SXBd8UR26WntmDlRYf0bSADnwnOjsyMZ3lMezSlArD33Vs3YFhp7dWvL770A==", + "requires": { + "chokidar": ">=3.0.0 <4.0.0", + "immutable": "^4.0.0", + "source-map-js": ">=0.6.2 <2.0.0" + } + }, "sass-loader": { "version": "12.6.0", "resolved": "https://registry.npmjs.org/sass-loader/-/sass-loader-12.6.0.tgz", @@ -27969,6 +28375,11 @@ "resolved": "https://registry.npmjs.org/setprototypeof/-/setprototypeof-1.2.0.tgz", "integrity": "sha512-E5LDX7Wrp85Kil5bhZv46j8jOeboKq5JMmYM3gVGdGH8xFpPWXUMsNrlODCrkoxMEeNi/XZIwuRvY4XNwYMJpw==" }, + "shallowequal": { + "version": "1.1.0", + "resolved": "https://registry.npmjs.org/shallowequal/-/shallowequal-1.1.0.tgz", + "integrity": "sha512-y0m1JoUZSlPAjXVtPPW70aZWfIL/dSP7AFkRnniLCrK/8MDKog3TySTBmckD+RObVxH0v4Tox67+F14PdED2oQ==" + }, "shebang-command": { "version": "2.0.0", "resolved": "https://registry.npmjs.org/shebang-command/-/shebang-command-2.0.0.tgz", @@ -28262,6 +28673,23 @@ "integrity": "sha512-GPcQ+LDJbrcxHORTRes6Jy2sfvK2kS6hpSfI/fXhPt+spVzxF6LJ1dHLN9zIGmVaaP044YKaIatFaufENRiDoQ==", "requires": {} }, + "styled-components": { + "version": "5.3.11", + "resolved": "https://registry.npmjs.org/styled-components/-/styled-components-5.3.11.tgz", + "integrity": "sha512-uuzIIfnVkagcVHv9nE0VPlHPSCmXIUGKfJ42LNjxCCTDTL5sgnJ8Z7GZBq0EnLYGln77tPpEpExt2+qa+cZqSw==", + "requires": { + "@babel/helper-module-imports": "^7.0.0", + "@babel/traverse": "^7.4.5", + "@emotion/is-prop-valid": "^1.1.0", + "@emotion/stylis": "^0.8.4", + "@emotion/unitless": "^0.7.4", + "babel-plugin-styled-components": ">= 1.12.0", + "css-to-react-native": "^3.0.0", + "hoist-non-react-statics": "^3.0.0", + "shallowequal": "^1.1.0", + "supports-color": "^5.5.0" + } + }, "stylehacks": { "version": "5.1.1", "resolved": "https://registry.npmjs.org/stylehacks/-/stylehacks-5.1.1.tgz", @@ -28758,6 +29186,12 @@ "requires-port": "^1.0.0" } }, + "use-navigation": { + "version": "0.0.3", + "resolved": "https://registry.npmjs.org/use-navigation/-/use-navigation-0.0.3.tgz", + "integrity": "sha512-pWyFyDS2ToNXrbQRJG9EySX3TtqhwGpFUt26tXVRgE/lK0Q2fUKV+J6RRqUbMgXXpBBnT8WPQkziUOpfKs71sA==", + "requires": {} + }, "util-deprecate": { "version": "1.0.2", "resolved": "https://registry.npmjs.org/util-deprecate/-/util-deprecate-1.0.2.tgz", diff --git a/frontend/react/graduation3/graduation3/package.json b/frontend/react/graduation3/graduation3/package.json index 106c3b4d4..2259bc974 100644 --- a/frontend/react/graduation3/graduation3/package.json +++ b/frontend/react/graduation3/graduation3/package.json @@ -4,15 +4,22 @@ "private": true, "dependencies": { "@ciar4n/izmir": "^1.0.1", - "@fortawesome/fontawesome-free": "^6.3.0", + "@fortawesome/fontawesome-free": "^6.4.0", "@testing-library/jest-dom": "^5.16.5", "@testing-library/react": "^13.4.0", "@testing-library/user-event": "^13.5.0", + "animate.css": "^4.1.1", + "axios": "^1.4.0", "bootstrap": "^5.2.3", + "helmet": "^7.0.0", + "joi": "^17.9.2", "react": "^18.2.0", "react-dom": "^18.2.0", "react-router-dom": "^6.9.0", - "react-scripts": "5.0.1", + "react-scripts": "^5.0.1", + "sass": "^1.62.1", + "styled-components": "^5.3.11", + "use-navigation": "^0.0.3", "web-vitals": "^2.1.4" }, "scripts": { diff --git a/frontend/react/graduation3/graduation3/src/App.css b/frontend/react/graduation3/graduation3/src/App.css index 62bd5ece7..71c0342e8 100644 --- a/frontend/react/graduation3/graduation3/src/App.css +++ b/frontend/react/graduation3/graduation3/src/App.css @@ -42,19 +42,88 @@ box-sizing: border-box; } } /*start navbar*/ + +.navbar-nav{ + font-size: 18px; +} .logo{ width: 100px; height: 100px; } +#button { + outline: none; + height: 40px; + text-align: center; + width: 130px; + border-radius: 40px; + background: #fff; + border: 2px solid green; + color: green; + letter-spacing: 1px; + text-shadow: 0; + font-size: 12px; + font-weight: bold; + cursor: pointer; + transition: all 0.25s ease; +} +#button:hover { + color: white; + background: green; +} +button:active { + letter-spacing: 2px; +} +#button:after { + content: "SUBMIT"; +} + +.onclic { + width: 40px; + border-color: gray; + border-width: 3px; + font-size: 0; + border-left-color: green; + animation: rotating 2s 0.25s linear infinite; +} +.onclic:after { + content: ""; +} +.onclic:hover { + color: green; + background: white; +} + +.validate { + font-size: 13px; + color: white; + background: green; +} +.validate:after { + font-family: "FontAwesome"; + content: "\f00c"; +} + +@keyframes rotating { + from { + transform: rotate(0deg); + } + to { + transform: rotate(360deg); + } +} /*End navbar*/ /*Home containg=ing nav*/ .Home{ - background: rgb(2,0,36); + /* background: rgb(2,0,36); background: linear-gradient(317deg, rgba(2,0,36,0.7170517865349264) 0%, rgba(74,74,185,0.9047268565629377) 41%, rgba(192,223,230,0) 46%); -margin-top: -85px; +margin-top: -85px; */ +} +.content{ + background-image:url('../../graduation3//src/images/svg.jpg'); +background-position: center center; +background-attachment: fixed; } - /* .Home .left-content h1::after{ content: ""; animation: move 2s infinite; @@ -79,6 +148,202 @@ margin-top: -85px; content: "Mem|"; } } */ + + + +/*Home part2*/ +.Home-part2{ + background-color: #EEE; + padding: 30px; +} +/*end Home part2*/ + +/*Home last part*/ +.last-part{ + background-color: #EEE; + padding: 30px; +} + +/*end Home last part*/ +/*Team section in Home page*/ + +/*test js*/ +.formbold-main-wrapper { + display: flex; + align-items: center; + justify-content: center; + padding: 48px; +} + +.formbold-form-wrapper { + margin: 0 auto; + max-width: 550px; + width: 100%; + background: white; +} + +.formbold-steps { + padding-bottom: 18px; + margin-bottom: 35px; + border-bottom: 1px solid #DDE3EC; +} +.formbold-steps ul { + padding: 0; + margin: 0; + list-style: none; + display: flex; + gap: 40px; +} +.formbold-steps li { + display: flex; + align-items: center; + gap: 14px; + font-weight: 500; + font-size: 16px; + line-height: 24px; + color: #536387; +} +.formbold-steps li span { + display: flex; + align-items: center; + justify-content: center; + background: #DDE3EC; + border-radius: 50%; + width: 36px; + height: 36px; + font-weight: 500; + font-size: 16px; + line-height: 24px; + color: #536387; +} +.formbold-steps li.active { + color: #07074D;; +} +.formbold-steps li.active span { + background: #6A64F1; + color: #FFFFFF; +} + +.formbold-input-flex { + display: flex; + gap: 20px; + margin-bottom: 22px; +} +.formbold-input-flex > div { + width: 50%; +} +.formbold-form-input { + width: 100%; + padding: 13px 22px; + border-radius: 5px; + border: 1px solid #DDE3EC; + background: #FFFFFF; + font-weight: 500; + font-size: 16px; + color: #536387; + outline: none; + resize: none; +} +.formbold-form-input:focus { + border-color: #6a64f1; + box-shadow: 0px 3px 8px rgba(0, 0, 0, 0.05); +} +.formbold-form-label { + color: #07074D; + font-weight: 500; + font-size: 14px; + line-height: 24px; + display: block; + margin-bottom: 10px; +} + +.formbold-form-confirm { + border-bottom: 1px solid #DDE3EC; + padding-bottom: 35px; +} +.formbold-form-confirm p { + font-size: 16px; + line-height: 24px; + color: #536387; + margin-bottom: 22px; + width: 75%; +} +.formbold-form-confirm > div { + display: flex; + gap: 15px; +} + +.formbold-confirm-btn { + display: flex; + align-items: center; + gap: 10px; + background: #FFFFFF; + border: 0.5px solid #DDE3EC; + border-radius: 5px; + font-size: 16px; + line-height: 24px; + color: #536387; + cursor: pointer; + padding: 10px 20px; + transition: all .3s ease-in-out; +} +.formbold-confirm-btn { + box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.12); +} +.formbold-confirm-btn.active { + background: #6A64F1; + color: #FFFFFF; +} + +.formbold-form-step-1, +.formbold-form-step-2, +.formbold-form-step-3 { + display: none; +} +.formbold-form-step-1.active, +.formbold-form-step-2.active, +.formbold-form-step-3.active { + display: block; +} + +.formbold-form-btn-wrapper { + display: flex; + align-items: center; + justify-content: flex-end; + gap: 25px; + margin-top: 25px; +} +.formbold-back-btn { + cursor: pointer; + background: #FFFFFF; + border: none; + color: #07074D; + font-weight: 500; + font-size: 16px; + line-height: 24px; + display: none; +} +.formbold-back-btn.active { + display: block; +} +.formbold-btn { + display: flex; + align-items: center; + gap: 5px; + font-size: 16px; + border-radius: 5px; + padding: 10px 25px; + border: none; + font-weight: 500; + background-color: #6A64F1; + color: white; + cursor: pointer; +} +.formbold-btn:hover { + box-shadow: 0px 3px 8px rgba(0, 0, 0, 0.05); +} +/*end test*/ + .swing div { border-radius: 50%; float: left; @@ -256,6 +521,24 @@ margin-left: 50px; .left-part3 img{ width: 415px; } +.newlog{ + --g:#0000 ,#000 .5deg 90deg,#0000 91deg; + --m: + conic-gradient(from 45deg ,var(--g)) 20px 0 no-repeat, + conic-gradient(from 135deg,var(--g)) 0 20px no-repeat, + conic-gradient(from 225deg,var(--g)) -20px 0 no-repeat, + conic-gradient(from 315deg,var(--g)) 0 -20px no-repeat; + -webkit-mask: var(--m); + mask: var(--m); + transition: .3s linear; + filter: grayscale(.5); + cursor: pointer; +} +.newlog:hover{ + -webkit-mask-position: 0 0; + mask-position: 0 0; +filter: grayscale(0); +} /* .left-part4 img{ width: 400px; } */ @@ -275,8 +558,20 @@ margin-left: 50px; flex-direction: column; margin-top: 400px; bottom: 0; + top: 280px; + animation: color-change 5s ease-in-out infinite alternate; +} +@keyframes color-change { + 0% { + background-color: #3586ff; + } + 50% { + background-color: #ff5733; + } + 100% { + background-color: #3586ff; + } } - .social-icon, .menu { position: relative; @@ -1346,4 +1641,1047 @@ bottom: 20px; margin-left: 0px; } } -/*end team page*/ \ No newline at end of file +/*end team page*/ + +/*start Contact us page */ +h2{ + + position:relative; + color: #fff; + letter-spacing:6px; + font-weight:900; + font-size:450%; + text-align:center; + margin-top:15rem; + filter: drop-shadow(2px 5px 10px #gf01ff); + animation-name:effect-glitch; + animation-duration:3s; + animation-iteration-count:infinite; + animation-timing-function:cubic-bezier(4, 0.7, 2, 0.1); + clip-path: content-box; +} +@keyframes effect-glitch{ + 100%{ + filter: drop-shadow(12px 0px 16px #fffff); + } + 50%{ + filter: drop-shadow(30px 13px 9px #a0ffff); + } + 25%{ + filter: drop-shadow(-20px 12px 4px #ff6eff); + } + 0%{ + filter: drop-shadow(-10px 6px 6px #fffff); + } +} + +/*end Contact us page*/ + +/*start solution page*/ +.animate-charcter +{ + text-transform: uppercase; + background-image: linear-gradient( + -225deg, + #231557 0%, + #44107a 29%, + #ff1361 67%, + #fff800 100% + ); + background-size: auto auto; + background-clip: border-box; + background-size: 200% auto; + color: #fff; + background-clip: text; + text-fill-color: transparent; + -webkit-background-clip: text; + -webkit-text-fill-color: transparent; + animation: textclip 2s linear infinite; + display: inline-block; + font-size: 100px; +} + +@keyframes textclip { + to { + background-position: 200% center; + } +} + +ul { + list-style: none; + padding: 0; + margin: 0; + text-align: center; +} +.anim-ul{ + position: absolute; + left: 50%; + transform: translateX(-50%); + opacity: 0; + animation: slideIn 0.5s ease-in-out forwards; + +} + @keyframes slideIn { + from { + opacity: 0; + transform: translateX(-100%); + } + to { + opacity: 1; + transform: translateX(-50%); + } + } + +li { + display: inline-block; + margin: 0 10px; +} +li:hover { + font-weight: bold; + font-size: 22px; + transition: all 0.2s ease-in-out; +} +li a { + text-decoration: none; +} +.patient-p{ + font-size: 1.2rem; + color: #333; + line-height: 1.5; + margin-bottom: 1.5rem; + letter-spacing: 0.5px; +} +.animated-image { + animation-name: slide-in; + animation-duration: 1s; + animation-timing-function: ease-out; +} + +@keyframes slide-in { + from { + transform: translateX(-100%); + opacity: 0; + } + to { + transform: translateX(0); + opacity: 1; + } +} +/*end solution page*/ + +/*start doctor section*/ +header { + background-color: #6c6ade; + color: #fff; + padding: 1rem; + display: flex; + justify-content: space-between; + align-items: center; +} + +header h1 { + font-size: 2rem; + margin: 0; +} + +nav { + display: none; + margin: auto; +} + +nav ul { + list-style: none; + display: flex; +} + +nav ul li { + margin: 0 1rem; +} + +nav ul li a { + color: #fff; + text-decoration: none; +} + +main { + max-width: 800px; + margin: 2rem auto; + padding: 1rem; + background-color: #fff; + box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1); +} + +section { + margin-bottom: 2rem; +} + +section h2 { + font-size: 1.5rem; + margin-bottom: 1rem; +} + +section p { + margin-bottom: 0.5rem; +} + +section ul { + margin-left: 1.5rem; + margin-bottom: 0.5rem; +} + +section ul li { + margin-bottom: 0.3rem; +} + +@media only screen and (min-width: 768px) { + header { + padding: 1rem 2rem; + } + nav { + display: block; + } + .menu-icon { + display: none; + } + nav ul { + display: flex; + align-items: center; + } +} + +@media only screen and (min-width: 1024px) { + main { + padding: 2rem; + } + section { + padding: 1rem; + } + section ul { + margin-left: 2rem; + margin-bottom: 1rem; + } +} +main{ + background-color: #9c9ce140; +} +/*End Doctor Section*/ + +/*Start volunter section*/ + +/* .carousel-item { + height: 100%; +} +.carousel-item img { + object-fit: cover; + height: 100%; + width: 100%; +} +.carousel-text { + position: absolute; + bottom: 0; + left: 0; + right: 0; + padding: 1rem; + background-color: rgba(0, 0, 0, 0.5); + color: #fff; +} +.carousel-text h2 { + margin-bottom: 1rem; +} */ +.carousel-container { + margin: 0 auto; /* center the container horizontally */ + max-width: 800px; /* set the maximum width of the container */ +} +/* .carousel-control-prev-icon svg, +.carousel-control-next-icon svg { + fill: rgb(197, 9, 9); +} */ + +/*start donation section*/ +#alzheimers-donation { + background-color: #f9f9f9; + padding: 20px; + border: 1px solid #ddd; +} + +#alzheimers-donation h2 { + margin-top: 0; + animation: pulse 1s infinite alternate; +} + +#alzheimers-donation h3 { + margin-top: 20px; +} + +#alzheimers-donation h4 { + margin-top: 10px; +} + +#alzheimers-donation ol { + margin-left: 0; + padding-left: 20px; +} + +#alzheimers-donation li { + margin-bottom: 20px; + opacity: 0; +} + +#alzheimers-donation li.fade-in { + animation: fade-in 1s ease forwards; +} + +#alzheimers-donation a { + color: #0077cc; + text-decoration: none; + border-bottom: 1px dotted #0077cc; +} + +#alzheimers-donation a:hover { + border-bottom-style: solid; +} + +@keyframes pulse { + 0% { + transform: scale(1); + } + 50% { + transform: scale(1.1); + } + 100% { + transform: scale(1); + } +} + +@keyframes fade-in { + 0% { + opacity: 0; + transform: translateY(20px); + } + 100% { + opacity: 1; + transform: translateY(0); + } +} +#alzheimers-donation { + position: relative; + background-color: #f9f9f9; + padding: 20px; + border: 1px solid #ddd; +} + +/* #alzheimers-donation img { + position: absolute; + top: 200px; + left: 55%; + transform: translateX(-50%); + animation: pulse 5s infinite alternate; +} + +@keyframes pulse { + 0% { + transform: scale(1); + } + 50% { + transform: scale(1.1); + } + 100% { + transform: scale(1); + } +} */ +/*end donation section*/ + +/* start contributers section */ +.contributors { + background-color: #f9f9f9; + padding: 80px 0; +} + +.container { + max-width: 1200px; + margin: 0 auto; +} + +.title { + font-size: 36px; + text-align: center; + margin-bottom: 60px; +} + +.row { + display: flex; + flex-wrap: wrap; + justify-content: space-between; +} + +.col { + flex: 0 0 calc(33.33% - 20px); + margin-bottom: 40px; +} + +@media only screen and (max-width: 768px) { + .col { + flex: 0 0 100%; + } +} + +.category-title { + font-size: 24px; + margin-bottom: 20px; +} + +.card { + background-color: #fff; + box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); + padding: 20px; + border-radius: 4px; + margin-bottom: 20px; + height: 100%; + transition: all 0.3s ease-in-out; +} + +.card:hover { + box-shadow: 0 8px 16px rgba(229, 109, 29, 0.604); + transition: box-shadow 0.3s ease; + transform: translateY(-5px); +} + +.card-title { + font-size: 20px; + margin-bottom: 10px; +} + +.card-text { + font-size: 16px; + margin-bottom: 5px; +} + +/*contributer Form*/ + +.formbold-main-wrapper { + display: flex; + align-items: center; + justify-content: center; + padding: 48px; +} + +.formbold-form-wrapper { + margin: 0 auto; + max-width: 550px; + width: 100%; + background: white; +} + +.formbold-steps { + padding-bottom: 18px; + margin-bottom: 35px; + border-bottom: 1px solid #DDE3EC; +} +.formbold-steps ul { + padding: 0; + margin: 0; + list-style: none; + display: flex; + gap: 40px; +} +.formbold-steps li { + display: flex; + align-items: center; + gap: 14px; + font-weight: 500; + font-size: 16px; + line-height: 24px; + color: #536387; +} +.formbold-steps li span { + display: flex; + align-items: center; + justify-content: center; + background: #DDE3EC; + border-radius: 50%; + width: 36px; + height: 36px; + font-weight: 500; + font-size: 16px; + line-height: 24px; + color: #536387; +} +.formbold-steps li.active { + color: #07074D;; +} +.formbold-steps li.active span { + background: #6A64F1; + color: #FFFFFF; +} + +.formbold-input-flex { + display: flex; + gap: 20px; + margin-bottom: 22px; +} +.formbold-input-flex > div { + width: 50%; +} +.formbold-form-input { + width: 100%; + padding: 13px 22px; + border-radius: 5px; + border: 1px solid #DDE3EC; + background: #FFFFFF; + font-weight: 500; + font-size: 16px; + color: #536387; + outline: none; + resize: none; +} +.formbold-form-input:focus { + border-color: #6a64f1; + box-shadow: 0px 3px 8px rgba(0, 0, 0, 0.05); +} +.formbold-form-label { + color: #07074D; + font-weight: 500; + font-size: 14px; + line-height: 24px; + display: block; + margin-bottom: 10px; +} + +.formbold-form-confirm { + border-bottom: 1px solid #DDE3EC; + padding-bottom: 35px; +} +.formbold-form-confirm p { + font-size: 16px; + line-height: 24px; + color: #536387; + margin-bottom: 22px; + width: 75%; +} +.formbold-form-confirm > div { + display: flex; + gap: 15px; +} + +.formbold-confirm-btn { + display: flex; + align-items: center; + gap: 10px; + background: #FFFFFF; + border: 0.5px solid #DDE3EC; + border-radius: 5px; + font-size: 16px; + line-height: 24px; + color: #536387; + cursor: pointer; + padding: 10px 20px; + transition: all .3s ease-in-out; +} +.formbold-confirm-btn { + box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.12); +} +.formbold-confirm-btn.active { + background: #6A64F1; + color: #FFFFFF; +} + +.formbold-form-step-1, +.formbold-form-step-2, +.formbold-form-step-3 { + display: none; +} +.formbold-form-step-1.active, +.formbold-form-step-2.active, +.formbold-form-step-3.active { + display: block; +} + +.formbold-form-btn-wrapper { + display: flex; + align-items: center; + justify-content: flex-end; + gap: 25px; + margin-top: 25px; +} +.formbold-back-btn { + cursor: pointer; + background: #FFFFFF; + border: none; + color: #07074D; + font-weight: 500; + font-size: 16px; + line-height: 24px; + display: none; +} +.formbold-back-btn.active { + display: block; +} +.formbold-btn { + display: flex; + align-items: center; + gap: 5px; + font-size: 16px; + border-radius: 5px; + padding: 10px 25px; + border: none; + font-weight: 500; + background-color: #6A64F1; + color: white; + cursor: pointer; +} +.formbold-btn:hover { + box-shadow: 0px 3px 8px rgba(0, 0, 0, 0.05); +} +/*end contributer Form*/ +/* end contributers section */ + +/* start chat Memory page*/ +.Chatmemory{ + background: #e8cbc0; + background: -webkit-linear-gradient(to right, #e8cbc0, #636fa4); + background: linear-gradient(to right, #e8cbc0, #465bb9); + min-height: 100vh; + margin-top: 100px; +} +.social-link-chat{ + width: 30px; + height: 30px; + border: 1px solid #ddd; + display: flex; + align-items: center; + justify-content: center; + color: #666; + border-radius: 50%; + transition: all 0.3s; + font-size: 0.9rem; +} +.social-link-chat:hover ,.social-link-chat:focus{ + background-color: #0077cc; + text-decoration: none; + color: #555; +} +.text-anim{ + width: 80%; + margin: auto; + text-align: center; + perspective: 800px; + min-width: 320px; + margin-top: 4em; +} +.text-anim span{ + display: inline-block; + color: #c33f31; + font-size: 4em; + transform-origin: 50% 70%; +} +.text-anim span:nth-child(2n) { + color: #0077cc; +} + +.text-anim span:nth-child(1) { + animation: flipUp 1s cubic-bezier(0.68, -0.55, 0.26, 1.55) .2s both; +} + +.text-anim span:nth-child(2) { + animation: flipUp 1s cubic-bezier(0.68, -0.55, 0.26, 1.55).4s both; +} + +.text-anim span:nth-child(3) { + animation: flipUp 1s cubic-bezier(0.68, -0.55, 0.26, 1.55).6s both; +} + +.text-anim span:nth-child(4) { + animation: flipUp 1s cubic-bezier(0.68, -0.55, 0.26, 1.55) .8s both; +} + +.text-anim span:nth-child(5) { + animation: flipUp 1s cubic-bezier(0.68, -0.55, 0.26, 1.55) 1s both; + padding: 0 20px; + display: block; +} + +.text-anim span:nth-child(6) { + animation: flipUp 1s cubic-bezier(0.68, -0.55, 0.26, 1.55) 1.2s both; +} + +.text-anim span:nth-child(7) { + animation: flipUp 1s cubic-bezier(0.68, -0.55, 0.26, 1.55) 1.4s both; +} + +.text-anim span:nth-child(8) { + animation: flipUp 1s cubic-bezier(0.68, -0.55, 0.26, 1.55) 1.6s both; +} + +.text-anim span:nth-child(9) { + animation: flipUp 1s cubic-bezier(0.68, -0.55, 0.26, 1.55) 1.6s both; +} + +.text-anim span:nth-child(10) { + animation: flipUp 1s cubic-bezier(0.68, -0.55, 0.26, 1.55) 1.8s both; +} + +.text-anim span:nth-child(11) { + animation: flipUp 1s cubic-bezier(0.68, -0.55, 0.26, 1.55) 2s both; +} + +@keyframes flipUp { + from { + transform: rotateX(90deg); + } + to { + transform: rotateX(0deg); + } +} + + +/* RESPONSIVE STUFF */ + +@media screen and (min-width: 400px) { + .text-anim span { + font-size: 4em; + } + .text-anim span:nth-child(5) { + margin: 0; + } +} + +@media screen and (min-width: 600px) { + .text-anim span { + font-size: 5em; + } + .text-anim span:nth-child(5) { + margin: 0; + } +} + +@media screen and (min-width: 916px) { + .text-anim span { + font-size: 6.2em; + } + .text-anim span:nth-child(5) { + display: inline-block; + margin: 0; + + } +} +/* end chat Memory pGE*/ + +/*start memo-ai page */ +.overlay { + position: absolute; + top: 0; + left: 0; + right: 0; + bottom: 0; + height: 100%; + z-index: -10; + background-color: var(--contrast-color); +} + +.container-memo { + display: flex; + height: 100vh; + justify-content: space-around; + align-items: center; + color: #fff; + animation: expand .8s ease forwards; + background-color: var(--secondary-color); + position: relative; + font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif; + transition: all .8s ease; +} + +.container-memo .container_content { + width: 50%; +} + +.container-memo .container_content_inner { + width: 80%; + margin-left: 80px; +} + +.container-memo .container_outer_img { + margin: 50px; + width: 50%; + overflow: hidden; +} + +.container-memo .container_img { + width: 100%; + animation: slideIn 1.5s ease-in-out forwards; +} + +.par { + height: auto; + overflow: hidden; +} + +.container-memo p{ + line-height: 28px; + transform: translateY(300px); + animation: slideUp .8s ease-in-out forwards .8s; +} + +.container-memo .btns { + height: 100%; + position: relative; + width: 150px; + overflow: hidden; +} + +.btns_more { + background: transparent; + border: 1px solid var(--contrast-color); + border-radius: 50px; + padding: 8px 12px; + color: #BF307F; + font-size: 16px; + text-transform: uppercase; + position: relative; + margin-top: 15px; + outline: none; + transform: translateY(50px); + animation: slideUp .8s ease-in-out forwards 1s; +} + +.title { + overflow: hidden; + height: auto; +} + +.container-memo h1 { + font-size: 40px; + color: var(--contrast-color); + margin-bottom: 20px; + transform: translateY(100px); + animation: slideUp .8s ease forwards .5s; + margin-top: 50px; +} + +@keyframes slideIn { + 0% { + transform: translateX(500px) scale(.2); + } + 100% { + transform: translateX(0px) scale(1); + } +} + +@keyframes slideUp { + 0% { + transform: translateY(300px); + } + 100% { + transform: translateY(0px); + } +} + +@keyframes expand { + 0% { + transform: translateX(1400px); + } + 100% { + transform: translateX(0px); + } +} + +/** memory symptoms**/ +.sec-symptoms { + max-width: 800px; + margin: 0 auto; +} + +.sec-symptoms h2 { + text-align: center; + font-size: 36px; + margin-bottom: 1em; +} + +.sec-symptoms .disease { + margin-bottom: 2em; +} + +.sec-symptoms h3 { + font-size: 24px; + margin-bottom: 0.5em; +} + +.sec-symptoms ul { + list-style: disc; + margin-left: 1.5em; +} + +.sec-symptoms ul li { + margin-bottom: 0.5em; +} +/*end memo-ai page*/ + +/* forms*/ + +/* Doctor-register*/ +.card-registration .select-input.form-control[readonly]:not([disabled]) { + font-size: 1rem; + line-height: 2.15; + padding-left: .75em; + padding-right: .75em; + } + .card-registration .select-arrow { + top: 13px; + } + + .majorlabel{ + display: none; + } + + /*end doctor Form*/ + + /* start Login Form*/ + .login-box { + position: absolute; + top: 50%; + left: 50%; + width: 400px; + padding: 40px; + transform: translate(-50%, -50%); + background: rgba(0,0,0,.5); + box-sizing: border-box; + box-shadow: 0 15px 25px rgba(0,0,0,.6); + border-radius: 10px; + } + + .login-box h2 { + margin: 0 0 30px; + padding: 0; + color: #fff; + text-align: center; + } + + .login-box .user-box { + position: relative; + } + + .login-box .user-box input { + width: 100%; + padding: 10px 0; + font-size: 16px; + color: #fff; + margin-bottom: 30px; + border: none; + border-bottom: 1px solid #fff; + outline: none; + background: transparent; + } + .login-box .user-box label { + position: absolute; + top:0; + left: 0; + padding: 10px 0; + font-size: 16px; + color: #fff; + pointer-events: none; + transition: .5s; + } + + .login-box .user-box input:focus ~ label, + .login-box .user-box input:valid ~ label { + top: -20px; + left: 0; + color: #03e9f4; + font-size: 12px; + } + + .login-box form a { + position: relative; + display: inline-block; + padding: 10px 20px; + color: #03e9f4; + font-size: 16px; + text-decoration: none; + text-transform: uppercase; + overflow: hidden; + transition: .5s; + margin-top: 40px; + letter-spacing: 4px + } + + .login-box a:hover { + background: #03e9f4; + color: #fff; + border-radius: 5px; + box-shadow: 0 0 5px #03e9f4, + 0 0 25px #03e9f4, + 0 0 50px #03e9f4, + 0 0 100px #03e9f4; + } + + .login-box a span { + position: absolute; + display: block; + } + + .login-box a span:nth-child(1) { + top: 0; + left: -100%; + width: 100%; + height: 2px; + background: linear-gradient(90deg, transparent, #03e9f4); + animation: btn-anim1 1s linear infinite; + } + + @keyframes btn-anim1 { + 0% { + left: -100%; + } + 50%,100% { + left: 100%; + } + } + + .login-box a span:nth-child(2) { + top: -100%; + right: 0; + width: 2px; + height: 100%; + background: linear-gradient(180deg, transparent, #03e9f4); + animation: btn-anim2 1s linear infinite; + animation-delay: .25s + } + + @keyframes btn-anim2 { + 0% { + top: -100%; + } + 50%,100% { + top: 100%; + } + } + + .login-box a span:nth-child(3) { + bottom: 0; + right: -100%; + width: 100%; + height: 2px; + background: linear-gradient(270deg, transparent, #03e9f4); + animation: btn-anim3 1s linear infinite; + animation-delay: .5s + } + + @keyframes btn-anim3 { + 0% { + right: -100%; + } + 50%,100% { + right: 100%; + } + } + + .login-box a span:nth-child(4) { + bottom: -100%; + left: 0; + width: 2px; + height: 100%; + background: linear-gradient(360deg, transparent, #03e9f4); + animation: btn-anim4 1s linear infinite; + animation-delay: .75s + } + /*end Login Form*/ \ No newline at end of file diff --git a/frontend/react/graduation3/graduation3/src/App.jsx b/frontend/react/graduation3/graduation3/src/App.jsx index aa1e80762..73086e531 100644 --- a/frontend/react/graduation3/graduation3/src/App.jsx +++ b/frontend/react/graduation3/graduation3/src/App.jsx @@ -14,7 +14,11 @@ import Contacts from './Components/Contact/Contact' // import Footer from './Components/Footer/Footer'; import Masterlayout from './Components/MasterLayout/Masterlayout'; import NotFound from './Components/Notfound/NotFound'; - +import Login from './Components/Login/Login' +import PatientRegister from './Components/DoctortRegister/DoctorRegister' +import Doctorregister from './Components/Patientregister/Patientregister' +import Volunterregister from './Components/Volunterregister/Volunterregister' +import Contributerregister from './Components/Contributerregister/Contributerregister' // import axios from 'axios'; function App() { @@ -28,6 +32,11 @@ const routes=createBrowserRouter([ {path:'Solution',element:}, {path:'Team',element:}, {path:'Contacts',element:}, + {path:'Login',element:}, + {path:'PatientRegister',element:}, + {path:'Doctorregister',element:}, + {path:'Volunterregister',element:}, + {path:'Contributerregister',element:}, ]} ]) {/*end routing */} diff --git a/frontend/react/graduation3/graduation3/src/Components/ChatMemory/ChatMemory.jsx b/frontend/react/graduation3/graduation3/src/Components/ChatMemory/ChatMemory.jsx index 26d7c0c99..ee53a214d 100644 --- a/frontend/react/graduation3/graduation3/src/Components/ChatMemory/ChatMemory.jsx +++ b/frontend/react/graduation3/graduation3/src/Components/ChatMemory/ChatMemory.jsx @@ -1,10 +1,123 @@ -import React, { Component } from 'react' - -export default class ChatMemory extends Component { - render() { - return ( -
ChatMemory
- ) - } -} +import React, { Component, useState } from 'react' +import patient from '../../../src/images/patient-docror-call.jpg' +import call1 from '../../../src/images/call1.png' + +// export default class ChatMemory extends Component { +// render() { +// return ( +// <> + + + +// +// ) +// } +// } +export default function ChatMemory() { + // const [isLoggedIn, setIsLoggedIn] = useState(false); + + // const handleStartClick = () => { + // if (isLoggedIn) { + // // User is signed in, proceed with start action + // // ... + // } else { + // // User is not signed in, display sign-in message + // alert('Please sign in to start.'); + // } + // } + + // const handleSignIn = () => { + // // Call your sign-in function here + // signIn(); + // setIsLoggedIn(true); + // } + return ( +
+
+
+
+ {/*

Chat Memory

*/} +
+ C + h + a + t + M + e + m + o + r + y +
+

Chatting can help improve communication between patients, doctors, and volunteers, especially in cases where language or accessibility is a barrier.

+ +
+
+
+
+
+
+
+ +
patient vs Doctor
video call +

Video calls make it easier for patients to access medical care, especially those who live in remote or underserved areas. With video calls, patients can connect with doctors from the comfort of their own home

+

as a patient to get help from Doctor +

+

+ This is personal information of Doctor : +

+ + {/*
    +
    • +
    • +
    • +
    • +
*/} +
+
+
+
+ +
patient vs volunter
video call +

Video calls can help stimulate patients' memories and provide a sense of familiarity. Volunteers can show patients photos or videos of familiar people or places, which can help trigger memories and improve cognitive function.

+

As A Patient To contact with Volunter

+

+ This is personal information of volunter : +

+ + {/*
    +
    • +
    • +
    • +
    • +
*/} +
+
+ {/*
+
+
Tom Sunderland
CEO - Founder +
    +
    • +
    • +
    • +
    • +
+
+
*/} + {/*
+
+
John Tarly
CEO - Founder +
    +
    • +
    • +
    • +
    • +
+
+
*/} +
+
+
+ ) +} diff --git a/frontend/react/graduation3/graduation3/src/Components/Contact/Contact.jsx b/frontend/react/graduation3/graduation3/src/Components/Contact/Contact.jsx index 23c9cd8b1..ea9137064 100644 --- a/frontend/react/graduation3/graduation3/src/Components/Contact/Contact.jsx +++ b/frontend/react/graduation3/graduation3/src/Components/Contact/Contact.jsx @@ -1,9 +1,167 @@ import React, { Component } from 'react' -export default class Contact extends Component { - render() { - return ( -
Contact
- ) - } +// export default class Contact extends Component { +// render() { +// return ( +// <> +//
+//
+//
+//

Contact Us Now

+//
+//
+//
+//
+//
+//

Write to us:

+//

We’ll write rarely, but only the best content.

+//
+//
+//
+//
+// +//
+// +//
+//
+//
+// +//
+// +//
+//
+//
+// +//
+// +//
+//
+//
+// +//
+// +//
+//
+ +//
+//
+//

+// Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt. +//

+ +//
+// + +// +//
+//
+//
+ +//
+// + +// +//
+// +//
+//
+//
+//
+// {/**end of contributers */} + +// +// ) +// } +// } + + + +export default function Solution() { + function componentDidMount() { + const stepMenuOne = document.querySelector('.formbold-step-menu1'); + const stepMenuTwo = document.querySelector('.formbold-step-menu2'); + const stepMenuThree = document.querySelector('.formbold-step-menu3'); + + const stepOne = document.querySelector('.formbold-form-step-1'); + const stepTwo = document.querySelector('.formbold-form-step-2'); + const stepThree = document.querySelector('.formbold-form-step-3'); + + const formSubmitBtn = document.querySelector('.formbold-btn'); + const formBackBtn = document.querySelector('.formbold-back-btn'); + + formSubmitBtn.addEventListener("click", function(event){ + event.preventDefault(); + if(stepMenuOne.className === 'formbold-step-menu1 active') { + event.preventDefault(); + + stepMenuOne.classList.remove('active'); + stepMenuTwo.classList.add('active'); + + stepOne.classList.remove('active'); + stepTwo.classList.add('active'); + + formBackBtn.classList.add('active'); + formBackBtn.addEventListener("click", function (event) { + event.preventDefault(); + + stepMenuOne.classList.add('active'); + stepMenuTwo.classList.remove('active'); + + stepOne.classList.add('active'); + stepTwo.classList.remove('active'); + + formBackBtn.classList.remove('active'); + + }); + + }else if(stepMenuTwo.className === 'formbold-step-menu2 active') { + event.preventDefault(); + + stepMenuTwo.classList.remove('active'); + stepMenuThree.classList.add('active'); + + stepTwo.classList.remove('active'); + stepThree.classList.add('active'); + + formBackBtn.classList.remove('active'); + formSubmitBtn.textContent = 'Submit'; + } else if(stepMenuThree.className === 'formbold-step-menu3 active') { + document.querySelector('form').submit(); + } + }); + const nextStepBtn = document.querySelector('.formbold-btn'); +const messageInput = document.getElementById('message'); + +nextStepBtn.addEventListener('click', () => { + // Switch to the "Message" step + document.querySelector('.formbold-step-menu2').classList.add('active'); + document.querySelector('.formbold-form-step-2').classList.add('active'); + + // Move focus to the message input field + messageInput.focus(); + +}); + +let currentStep = 0; + +function validateFields(step) { + const fields = document.querySelectorAll(`.formbold-form-step-${step + 1} input, .formbold-form-step-${step + 1} textarea`); + let isValid = true; + + fields.forEach((field) => { + if (field.value.trim() === '') { + isValid = false; + field.classList.add('invalid'); + } else { + field.classList.remove('invalid'); + } + }); + + return isValid; +} + +function showStep(step) { + const formSteps = document.querySelectorAll('.formbold-form-step'); + const stepMenus = document.querySelectorAll('.formbold-step-menu'); + + formSteps.forEach((formStep) => { + formStep.classList.remove('active'); + }); + stepMenus.forEach((stepMenu) => { + stepMenu.classList.remove('active'); + }); + + formSteps[step].classList.add('active'); + stepMenus[step].classList.add('active'); +} + + +function goToNextStep() { + if (currentStep === 0) { + if (validateFields(currentStep)) { + currentStep++; + document.querySelector('.formbold-step-menu2').classList.add('active'); + document.querySelector('.formbold-form-step-2').classList.add('active'); + messageInput.focus(); + } + } else if (currentStep === 1) { + currentStep++; } +}} + return ( + +<> + +
+
+
+

Solutions + logo

+
+
+ +
+
+
+ +
+ +
+
+
+

+ Patient + We are committed to providing comprehensive and compassionate care to help our patients achieve optimal health and wellness. Our team of experienced healthcare professionals is dedicated to working closely with patients to develop personalized treatment plans that address their unique needs and concerns. We offer a wide range of medical services, including preventative care, diagnostics, and treatment for acute and chronic conditions. We also provide support and resources for patients and their families to help them navigate the healthcare system and make informed decisions about their care. +

+
+ +
+

How can Alzhimer,s Affect on patient life

+ +
+ +
+
+
+ + {/* start Doctor section */} +
+ +
+
+
+

Eligibility Criteria for MD Degree

+

Academic qualifications required for admission to MD program:

+
    +
  • Bachelor of Medicine andBachelor of Surgery (MBBS) degree or equivalent qualification recognized by MCI
    • +
  • Minimum aggregate marks of50% in MBBS
    • +
  • Completion of 1-year internship
    • +
+

Entrance exams and minimum scores required for admission:

+
    +
  • NEET PG (National Eligibility cum Entrance Test for Postgraduate) or other state-level PG medical entrance exams
    • +
  • Minimum qualifying marks as per the respective exam's cutoff
    • +
+

Additional eligibility criteria (if any):

+
    +
  • Minimum age limit of 21 years
    • +
  • Good standing certificate from the previous medical college
    • +
+
+
+

MD Program Details

+

Duration of the program: 3 years

+

Specializations offered:

+
    +
  • Internal Medicine
    • +
  • Pediatrics
    • +
  • Anesthesiology
    • +
  • Pathology
    • +
  • Obstetrics and Gynecology
    • +
  • Psychiatry
    • +
  • and more
    • +
+

Course structure and curriculum:

+
    +
  • Basic and advanced medicalsciences
    • +
  • Clinical rotations and practical experience in various departments
    • +
  • Research methodologyand thesis submission
    • +
  • Elective courses in specialty areas
    • +
+

Clinical rotations and practical experience:

+
    +
  • 1 year of compulsory rotating internship in various departments
    • +
  • 2 years of clinical postings in the chosen specialty area
    • +
+

Research opportunities and requirements:

+
    +
  • Compulsory research methodology course and thesis submission
    • +
  • Opportunities for research projects and publications
    • +
+
+
+

MCI Recognition and Importance

+

Overview of MCI and its role in regulating medical education in India:

+
    +
  • Medical Council of India (MCI) is a statutory body established under the Indian Medical Council Act, 1956
    • +
  • Its main functions include regulating medical education and practice in India, maintaining medical ethics, and ensuring quality healthcare for the public
    • +
+

Importance of MCI recognition for MD graduates in terms of career prospects and eligibility for medical licensure:

    +
  • MCI recognition is mandatory for MD graduates to practice medicine in India
    • +
  • It also ensures that the MD program meets the standards and guidelines set by MCI, which in turn enhances the quality and credibility of the degree
    • +
  • MD graduates from MCI-recognized programs have better job prospects and higher salaries compared to those from non-recognized programs
    • +
+

Steps involved in obtaining MCI recognition for MD degree:

+
    +
  • MD program must be affiliated with a university or institution approved by MCI
    • +
  • The program must comply with the MCI regulations and guidelines related to faculty, infrastructure, curriculum, and assessments
    • +
  • Application for MCI recognition must be submitted along with the required documents and fees
    • +
  • Inspection and assessment of the program by MCI officials
    • +
  • Approval and recognition of the program by MCI
    • +
+
+
+

Career Prospects for MD Graduates

+

Overview of job opportunities for MD graduates in India:

+
    +
  • MD graduates can work as specialists in various healthcare settings, including hospitals, clinics, and private practice
    • +
  • They can also pursue academic and research careers in medical colleges and institutions
    • +
  • Some of the popular job roles for MD graduates include physician, consultant, professor, researcher, and medical officer
    • +
+

Salary range for MD graduates in India:

+
    +
  • The starting salary for MD graduates in India can range from Rs. 50,000 to Rs. 1 lakh per month, depending on the specialty area and the employer
    • +
  • Experienced MD graduates and those with additional qualifications can earn higher salaries, up to Rs. 2-3 lakhs per month
    • +
+

Future prospects and trends in the field:

+
    +
  • The demand for qualified and skilled medical professionals, including MD graduates, is expected to increase in the coming years due to factors such as the growing population, aging population, and increasing healthcare needs
    • +
  • Emerging areas of specialization and research in the field of medicine, such as genomics, personalized medicine, and digital health, offer new opportunities for MD graduates to explore and contribute to
    • +
+
+
+ + {/* end Doctor section */} + + {/**start volunter section */} + + {/* */} + +
+
+ + + + +
+
+
+
+ ... +
+

Doct or

+

A doctor is a licensed medical professional who diagnoses and treats patients for various illnesses and injuries. .

+
+
+
+
+ ... +
+

patient

+

A patient is an individual who seeks medical care from a healthcare provider, such as a doctor or nurse.

+
+
+
+ ... +
+

Healthcenter

+

A health center is a facility that provides medical, dental, and/or behavioral health services to patients in a particular community

+
+
+
+ ... +
+

Volunter

+

A volunteer is an individual who donates their time and skills to support a cause or organization without receiving monetary compensation.

+
+
+
+ + +
+{/**start Donation section */} +
+
+
+
+

Donating to Patients with Alzheimer's Disease

+

Alzheimer's disease is a debilitating neurological condition that affects millions of people worldwide. Patients with Alzheimer's may experience memory loss, confusion, difficulty with language and communication, and other cognitive impairments.

+
+ +

Ways to Donate

+
+
+
    +
  1. + {/* */} +

    Donate to Alzheimer's research organizations

    +

    There are many non-profit organizations dedicated to funding research to better understand the causes and potential treatments for Alzheimer's disease. These organizations include the Alzheimer's Association, the Cure Alzheimer's Fund, and the Alzheimer's Drug Discovery Foundation.

    +
    2. +
  2. +

    Support Alzheimer's patient care organizations

    +

    There are also many non-profit organizations that provide support services and resources to Alzheimer's patients and their families. These organizations include the Alzheimer's Foundation of America, the Alzheimer's Society, and the Lewy Body Dementia Association.

    +
    3. +
  3. +

    Participate in Alzheimer's fundraising events

    +

    Many organizations host fundraising events, such as walks or runs, to raise money for Alzheimer's research and patient care. Participating in these events or donating to a friend or family member who is participating can be a great way to contribute to the cause.

    +
    4. +
  4. +

    Consider donating to local care facilities

    +

    You can also consider donating to local care facilities that provide specialized care for Alzheimer's patients. These facilities may need funding for programs and activities that can help improve the quality of life for patients and their families.

    +
    5. +
+
+
+ + +
+
+

By donating to organizations that support Alzheimer's research and patient care, you can help improve the lives of those affected bythis disease. Every donation, no matter how small, can make a difference in the fight against Alzheimer's.

+
+
+
+{/**End Donation section */} + +{/**start of contributers section */} +
+
+
+

Welcome To Contributers Examinations

+
+
+ +

Beta-Amyloid Plaque Inhibitors

+

These drugs work by blocking the buildup of beta-amyloid plaques in the brain, which are a hallmark of Alzheimer's disease. Examples include Aducanumab and Solanezumab.

+
+
+ +

Tau Protein Inhibitors

+

These drugs work by blocking the accumulation of tau proteins in the brain, which are also associated with Alzheimer's disease. Examples include LMTX and TRx0237.

+
+
+ +

Cholinesterase Inhibitors

+

These drugs work by increasing the levels of acetylcholine, a chemical messenger that is important for memoryand learning. Examples include Donepezil, Galantamine, and Rivastigmine.

+
+
+
+
+ +

Structural MRI

+

This type of scan uses magnetic fields and radio waves to create detailed images of the brain's structure, which can help detect changes associated with Alzheimer's disease.

+
+
+ +

PET Scan with Amyloid Tracers

+

This type of scan uses a special dye that binds to beta-amyloid plaques in the brain, which can help detect their presence and location and impact of it if it occurs.

+
+
+ +

Functional MRI

+

This type of scan measures changes in blood flow to different areas of the brain, which can help identify regions that are affected by Alzheimer's disease and monitor changes over time.

+
+
+
+
+ +

Alzheimer's Association

+

A non-profit organization dedicated to advancing research, providing support and resources to those affected by Alzheimer's disease, and promoting brain health.

+
+
+ +

National Institute on Aging

+

A federal agency that supports and conducts research on aging and age-related diseases, including Alzheimer's disease and a lot of other dieases.

+
+
+ +

Pharmaceutical Companies

+

Numerous pharmaceutical companies are involved in developing drugs and treatments for Alzheimer's disease, including Biogen, Eli Lilly, and Pfizer, and a lot of others.

+
+
+
+
+
+

Contributers Form

+
+
+ {/*
+ +
*/} + + {/*
+
+ +
+ + + +
+
+

Register now

+

+ Thank you for your interest in contributing to our project. Please fill out the form below and we'll get back to you as soon as possible. +

+
+ +
+
+ + +
+
+ + +
+
+ +
+
+ + +
+
+ + +
+
+ +
+ + +
+ +
+ + +
+ +
+
+ + +
+
+ + +
+
+ +
+
+ + +
+
+ + +
+
+ +
+ +
+ + +
+
+
+
*/} + +
+
+
+
+
    +
  • + 1 + Sign Up +
    • +
  • + 2 + Message +
    • +
  • + 3 + Confirm +
    • +
+
+ +
+
+
+ + +
+
+ + +
+
+ +
+
+ + +
+
+ + +
+
+ +
+ + +
+
+ +
+
+ + +
+
+ +
+
+

+ Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt. +

+ +
+ + + +
+
+
+ +
+ + + +
+
+
+
+
+
+{/**end of contributers */} + + ) } diff --git a/frontend/react/graduation3/graduation3/src/Components/Team/Team.jsx b/frontend/react/graduation3/graduation3/src/Components/Team/Team.jsx index 3e7d1bdb0..e3bea4282 100644 --- a/frontend/react/graduation3/graduation3/src/Components/Team/Team.jsx +++ b/frontend/react/graduation3/graduation3/src/Components/Team/Team.jsx @@ -15,6 +15,7 @@ import Picture3t from '../../images/Picture3t.png' import Picture1t from '../../images/Picture1t.png' import Picture4t from '../../images/Picture4t.png' export default class Team extends Component { + render() { return ( <> @@ -72,7 +73,7 @@ export default class Team extends Component { */}
-

+

Our Team

@@ -93,9 +94,9 @@ Ahmed Tarek

Mentor with GSSOC'22

- + {/* Resume - + */} Linkedin @@ -126,9 +127,9 @@ Ahmed Tarek internship at SBOL Industrial

- + {/* Resume - + */} Linkedin @@ -159,9 +160,9 @@ Ahmed Tarek Teach at is Department

- + {/* Telegram - + */} Facebook @@ -196,9 +197,9 @@ Ahmed Tarek

- + {/* Resume - + */} Linkedin @@ -229,12 +230,12 @@ Ahmed Tarek Facebook - + {/* Linkedin GitHub - + */}
@@ -265,9 +266,9 @@ Ahmed Tarek

- + {/* Resume - + */} Linkedin @@ -303,9 +304,9 @@ Ahmed Tarek

- + {/* Resume - + */} Linkedin @@ -342,9 +343,9 @@ Ahmed Tarek

- + {/* Resume - + */} Linkedin diff --git a/frontend/react/graduation3/graduation3/src/Components/Volunterregister/Volunterregister.jsx b/frontend/react/graduation3/graduation3/src/Components/Volunterregister/Volunterregister.jsx new file mode 100644 index 000000000..a9a4189c0 --- /dev/null +++ b/frontend/react/graduation3/graduation3/src/Components/Volunterregister/Volunterregister.jsx @@ -0,0 +1,7 @@ +import React from 'react' + +export default function Volunterregister() { + return ( +
Volunterregister
+ ) +} diff --git a/frontend/react/graduation3/graduation3/src/Components/test.jsx b/frontend/react/graduation3/graduation3/src/Components/test.jsx new file mode 100644 index 000000000..0ee541c62 --- /dev/null +++ b/frontend/react/graduation3/graduation3/src/Components/test.jsx @@ -0,0 +1,63 @@ +// import React, { useState } from 'react'; + +// const Test = () => { +// const stepMenuOne = document.querySelector('.formbold-step-menu1') +// const stepMenuTwo = document.querySelector('.formbold-step-menu2') +// const stepMenuThree = document.querySelector('.formbold-step-menu3') + +// const stepOne = document.querySelector('.formbold-form-step-1') +// const stepTwo = document.querySelector('.formbold-form-step-2') +// const stepThree = document.querySelector('.formbold-form-step-3') + +// const formSubmitBtn = document.querySelector('.formbold-btn') +// const formBackBtn = document.querySelector('.formbold-back-btn') + +// formSubmitBtn.addEventListener("click", function(event){ +// event.preventDefault() +// if(stepMenuOne.className == 'formbold-step-menu1 active') { +// event.preventDefault() + +// stepMenuOne.classList.remove('active') +// stepMenuTwo.classList.add('active') + +// stepOne.classList.remove('active') +// stepTwo.classList.add('active') + +// formBackBtn.classList.add('active') +// formBackBtn.addEventListener("click", function (event) { +// event.preventDefault() + +// stepMenuOne.classList.add('active') +// stepMenuTwo.classList.remove('active') + +// stepOne.classList.add('active') +// stepTwo.classList.remove('active') + +// formBackBtn.classList.remove('active') + +// }) + +// } else if(stepMenuTwo.className == 'formbold-step-menu2 active') { +// event.preventDefault() + +// stepMenuTwo.classList.remove('active') +// stepMenuThree.classList.add('active') + +// stepTwo.classList.remove('active') +// stepThree.classList.add('active') + +// formBackBtn.classList.remove('active') +// formSubmitBtn.textContent = 'Submit' +// } else if(stepMenuThree.className == 'formbold-step-menu3 active') { +// document.querySelector('form').submit() +// } +// }) + +// return ( +// <> + +// +// ); +// }; + +// export default Test; diff --git a/frontend/react/graduation3/graduation3/src/images/Amyloid_Scans.jpg b/frontend/react/graduation3/graduation3/src/images/Amyloid_Scans.jpg new file mode 100644 index 000000000..3b4fef551 Binary files /dev/null and b/frontend/react/graduation3/graduation3/src/images/Amyloid_Scans.jpg differ diff --git a/frontend/react/graduation3/graduation3/src/images/Beta.png b/frontend/react/graduation3/graduation3/src/images/Beta.png new file mode 100644 index 000000000..72e5d4d30 Binary files /dev/null and b/frontend/react/graduation3/graduation3/src/images/Beta.png differ diff --git a/frontend/react/graduation3/graduation3/src/images/MRI2.png b/frontend/react/graduation3/graduation3/src/images/MRI2.png new file mode 100644 index 000000000..311bb6973 Binary files /dev/null and b/frontend/react/graduation3/graduation3/src/images/MRI2.png differ diff --git a/frontend/react/graduation3/graduation3/src/images/Mri.jpg b/frontend/react/graduation3/graduation3/src/images/Mri.jpg new file mode 100644 index 000000000..8a15b31c0 Binary files /dev/null and b/frontend/react/graduation3/graduation3/src/images/Mri.jpg differ diff --git a/frontend/react/graduation3/graduation3/src/images/Tauprotein.jfif b/frontend/react/graduation3/graduation3/src/images/Tauprotein.jfif new file mode 100644 index 000000000..d7d74a359 Binary files /dev/null and b/frontend/react/graduation3/graduation3/src/images/Tauprotein.jfif differ diff --git a/frontend/react/graduation3/graduation3/src/images/TeamN2.jpg b/frontend/react/graduation3/graduation3/src/images/TeamN2.jpg new file mode 100644 index 000000000..6bb66ad60 Binary files /dev/null and b/frontend/react/graduation3/graduation3/src/images/TeamN2.jpg differ diff --git a/frontend/react/graduation3/graduation3/src/images/TeamN3.jpg b/frontend/react/graduation3/graduation3/src/images/TeamN3.jpg new file mode 100644 index 000000000..893a8d9c2 Binary files /dev/null and b/frontend/react/graduation3/graduation3/src/images/TeamN3.jpg differ diff --git a/frontend/react/graduation3/graduation3/src/images/asociation.jpg b/frontend/react/graduation3/graduation3/src/images/asociation.jpg new file mode 100644 index 000000000..cef128ad2 Binary files /dev/null and b/frontend/react/graduation3/graduation3/src/images/asociation.jpg differ diff --git a/frontend/react/graduation3/graduation3/src/images/contributer.jpg b/frontend/react/graduation3/graduation3/src/images/contributer.jpg new file mode 100644 index 000000000..0cc1ebcb0 Binary files /dev/null and b/frontend/react/graduation3/graduation3/src/images/contributer.jpg differ diff --git a/frontend/react/graduation3/graduation3/src/images/contributer2.jpg b/frontend/react/graduation3/graduation3/src/images/contributer2.jpg new file mode 100644 index 000000000..270294f0a Binary files /dev/null and b/frontend/react/graduation3/graduation3/src/images/contributer2.jpg differ diff --git a/frontend/react/graduation3/graduation3/src/images/donation.mp4 b/frontend/react/graduation3/graduation3/src/images/donation.mp4 new file mode 100644 index 000000000..7815af461 Binary files /dev/null and b/frontend/react/graduation3/graduation3/src/images/donation.mp4 differ diff --git a/frontend/react/graduation3/graduation3/src/images/donation1.jfif b/frontend/react/graduation3/graduation3/src/images/donation1.jfif new file mode 100644 index 000000000..537646e7f Binary files /dev/null and b/frontend/react/graduation3/graduation3/src/images/donation1.jfif differ diff --git a/frontend/react/graduation3/graduation3/src/images/drugs.jpg b/frontend/react/graduation3/graduation3/src/images/drugs.jpg new file mode 100644 index 000000000..a376022a0 Binary files /dev/null and b/frontend/react/graduation3/graduation3/src/images/drugs.jpg differ diff --git a/frontend/react/graduation3/graduation3/src/images/functionalMRI.jpg b/frontend/react/graduation3/graduation3/src/images/functionalMRI.jpg new file mode 100644 index 000000000..f22ba8f76 Binary files /dev/null and b/frontend/react/graduation3/graduation3/src/images/functionalMRI.jpg differ diff --git a/frontend/react/graduation3/graduation3/src/images/inhibitors.jpg b/frontend/react/graduation3/graduation3/src/images/inhibitors.jpg new file mode 100644 index 000000000..703955083 Binary files /dev/null and b/frontend/react/graduation3/graduation3/src/images/inhibitors.jpg differ diff --git a/frontend/react/graduation3/graduation3/src/images/logo2.png b/frontend/react/graduation3/graduation3/src/images/logo2.png new file mode 100644 index 000000000..c3ae63bc0 Binary files /dev/null and b/frontend/react/graduation3/graduation3/src/images/logo2.png differ diff --git a/frontend/react/graduation3/graduation3/src/images/logo3.png b/frontend/react/graduation3/graduation3/src/images/logo3.png new file mode 100644 index 000000000..550724ae7 Binary files /dev/null and b/frontend/react/graduation3/graduation3/src/images/logo3.png differ diff --git a/frontend/react/graduation3/graduation3/src/images/national.png b/frontend/react/graduation3/graduation3/src/images/national.png new file mode 100644 index 000000000..475a165c6 Binary files /dev/null and b/frontend/react/graduation3/graduation3/src/images/national.png differ diff --git a/frontend/react/graduation3/graduation3/src/images/neuralnetwork2.png b/frontend/react/graduation3/graduation3/src/images/neuralnetwork2.png new file mode 100644 index 000000000..55e69144b Binary files /dev/null and b/frontend/react/graduation3/graduation3/src/images/neuralnetwork2.png differ diff --git a/frontend/react/graduation3/graduation3/src/images/neuralnwetwork1.jpg b/frontend/react/graduation3/graduation3/src/images/neuralnwetwork1.jpg new file mode 100644 index 000000000..251c92704 Binary files /dev/null and b/frontend/react/graduation3/graduation3/src/images/neuralnwetwork1.jpg differ diff --git a/frontend/react/graduation3/graduation3/src/images/patient-docror-call.jpg b/frontend/react/graduation3/graduation3/src/images/patient-docror-call.jpg new file mode 100644 index 000000000..2f3a14340 Binary files /dev/null and b/frontend/react/graduation3/graduation3/src/images/patient-docror-call.jpg differ diff --git a/frontend/react/graduation3/graduation3/src/images/slider1.jpg b/frontend/react/graduation3/graduation3/src/images/slider1.jpg new file mode 100644 index 000000000..1cbf953d1 Binary files /dev/null and b/frontend/react/graduation3/graduation3/src/images/slider1.jpg differ diff --git a/frontend/react/graduation3/graduation3/src/images/slider2.jpg b/frontend/react/graduation3/graduation3/src/images/slider2.jpg new file mode 100644 index 000000000..1fa0dbe20 Binary files /dev/null and b/frontend/react/graduation3/graduation3/src/images/slider2.jpg differ diff --git a/frontend/react/graduation3/graduation3/src/images/slider3.jpg b/frontend/react/graduation3/graduation3/src/images/slider3.jpg new file mode 100644 index 000000000..03e86f86a Binary files /dev/null and b/frontend/react/graduation3/graduation3/src/images/slider3.jpg differ diff --git a/frontend/react/graduation3/graduation3/src/images/slider4.jpeg b/frontend/react/graduation3/graduation3/src/images/slider4.jpeg new file mode 100644 index 000000000..761e4b518 Binary files /dev/null and b/frontend/react/graduation3/graduation3/src/images/slider4.jpeg differ diff --git a/frontend/react/graduation3/graduation3/src/images/svg.jpg b/frontend/react/graduation3/graduation3/src/images/svg.jpg new file mode 100644 index 000000000..9706460af Binary files /dev/null and b/frontend/react/graduation3/graduation3/src/images/svg.jpg differ diff --git a/frontend/react/graduation3/graduation3/src/images/video.mp4 b/frontend/react/graduation3/graduation3/src/images/video.mp4 new file mode 100644 index 000000000..4a4450b15 Binary files /dev/null and b/frontend/react/graduation3/graduation3/src/images/video.mp4 differ diff --git a/frontend/react/graduation3/graduation3/src/index.js b/frontend/react/graduation3/graduation3/src/index.js index f4bc12720..7bbba37d5 100644 --- a/frontend/react/graduation3/graduation3/src/index.js +++ b/frontend/react/graduation3/graduation3/src/index.js @@ -1,10 +1,10 @@ import React from 'react'; import ReactDOM from 'react-dom/client'; -import './index.css'; import App from './App'; import reportWebVitals from './reportWebVitals'; import'bootstrap/dist/css/bootstrap.min.css'; import'bootstrap/dist/js/bootstrap.bundle.min.js'; +import './index.css'; import '@fortawesome/fontawesome-free/css/all.min.css'; import '../src/vivify.min.css'; import '../src/izmir.min.css';