diff --git a/.parcelrc b/.parcelrc index 9f2a4db..0cdaba1 100644 --- a/.parcelrc +++ b/.parcelrc @@ -6,7 +6,9 @@ "@parcel/transformer-babel", "@parcel/transformer-js", "@parcel/transformer-react-refresh-wrap" - ] + ], + "*.gif": ["@parcel/transformer-raw"], + "*.mp4": ["@parcel/transformer-raw"] }, "optimizers": { "react:*.{js,mjs,cjs}": ["@parcel/optimizer-terser"] diff --git a/assets/communityArt/123879073972748290_bbs.png b/assets/communityArt/123879073972748290_bbs.png new file mode 100644 index 0000000..8f1f04e Binary files /dev/null and b/assets/communityArt/123879073972748290_bbs.png differ diff --git a/assets/communityArt/152172291122266112_pizza_serving_blob.png b/assets/communityArt/152172291122266112_pizza_serving_blob.png new file mode 100644 index 0000000..b5eddbc Binary files /dev/null and b/assets/communityArt/152172291122266112_pizza_serving_blob.png differ diff --git a/assets/communityArt/152172291122266112_plant_blob.png b/assets/communityArt/152172291122266112_plant_blob.png new file mode 100644 index 0000000..792a427 Binary files /dev/null and b/assets/communityArt/152172291122266112_plant_blob.png differ diff --git a/assets/communityArt/157185490204884992_blobnomtower.png b/assets/communityArt/157185490204884992_blobnomtower.png new file mode 100644 index 0000000..8244c36 Binary files /dev/null and b/assets/communityArt/157185490204884992_blobnomtower.png differ diff --git a/assets/communityArt/167557771724587008_blob_angel.png b/assets/communityArt/167557771724587008_blob_angel.png new file mode 100644 index 0000000..250e4d3 Binary files /dev/null and b/assets/communityArt/167557771724587008_blob_angel.png differ diff --git a/assets/communityArt/167557771724587008_blob_eat_world.png b/assets/communityArt/167557771724587008_blob_eat_world.png new file mode 100644 index 0000000..63a4c72 Binary files /dev/null and b/assets/communityArt/167557771724587008_blob_eat_world.png differ diff --git a/assets/communityArt/167557771724587008_under_water.png b/assets/communityArt/167557771724587008_under_water.png new file mode 100644 index 0000000..7624cff Binary files /dev/null and b/assets/communityArt/167557771724587008_under_water.png differ diff --git a/assets/communityArt/168141641973104641_blobsnowfight.gif b/assets/communityArt/168141641973104641_blobsnowfight.gif new file mode 100644 index 0000000..d8d7603 Binary files /dev/null and b/assets/communityArt/168141641973104641_blobsnowfight.gif differ diff --git a/assets/communityArt/223161712092774402_blob_ban_space.mp4 b/assets/communityArt/223161712092774402_blob_ban_space.mp4 new file mode 100644 index 0000000..5908e75 Binary files /dev/null and b/assets/communityArt/223161712092774402_blob_ban_space.mp4 differ diff --git a/assets/communityArt/415288962387542046_linkholdupblobhug.png b/assets/communityArt/415288962387542046_linkholdupblobhug.png new file mode 100644 index 0000000..51652b7 Binary files /dev/null and b/assets/communityArt/415288962387542046_linkholdupblobhug.png differ diff --git a/assets/communityArt/448512617913253899_cowblobhorse.png b/assets/communityArt/448512617913253899_cowblobhorse.png new file mode 100644 index 0000000..382ab7b Binary files /dev/null and b/assets/communityArt/448512617913253899_cowblobhorse.png differ diff --git a/package-lock.json b/package-lock.json index 949a903..30b5833 100644 --- a/package-lock.json +++ b/package-lock.json @@ -15,6 +15,7 @@ "@emotion/styled": "^11.8.1", "@fontsource/roboto": "^4.5.3", "@mui/icons-material": "^5.4.2", + "@mui/lab": "^5.0.0-alpha.72", "@mui/material": "^5.4.3", "lodash.clonedeep": "^4.5.0", "lodash.debounce": "^4.0.8", @@ -369,6 +370,75 @@ "node": ">=6.9.0" } }, + "node_modules/@date-io/core": { + "version": "2.13.1", + "resolved": "https://registry.npmjs.org/@date-io/core/-/core-2.13.1.tgz", + "integrity": "sha512-pVI9nfkf2qClb2Cxdq0Q4zJhdawMG4ybWZUVGifT78FDwzRMX2SwXBb55s5NRJk0HcIicDuxktmCtemZqMH1Zg==" + }, + "node_modules/@date-io/date-fns": { + "version": "2.13.1", + "resolved": "https://registry.npmjs.org/@date-io/date-fns/-/date-fns-2.13.1.tgz", + "integrity": "sha512-8fmfwjiLMpFLD+t4NBwDx0eblWnNcgt4NgfT/uiiQTGI81fnPu9tpBMYdAcuWxaV7LLpXgzLBx1SYWAMDVUDQQ==", + "dependencies": { + "@date-io/core": "^2.13.1" + }, + "peerDependencies": { + "date-fns": "^2.0.0" + }, + "peerDependenciesMeta": { + "date-fns": { + "optional": true + } + } + }, + "node_modules/@date-io/dayjs": { + "version": "2.13.1", + "resolved": "https://registry.npmjs.org/@date-io/dayjs/-/dayjs-2.13.1.tgz", + "integrity": "sha512-5bL4WWWmlI4uGZVScANhHJV7Mjp93ec2gNeUHDqqLaMZhp51S0NgD25oqj/k0LqBn1cdU2MvzNpk/ObMmVv5cQ==", + "dependencies": { + "@date-io/core": "^2.13.1" + }, + "peerDependencies": { + "dayjs": "^1.8.17" + }, + "peerDependenciesMeta": { + "dayjs": { + "optional": true + } + } + }, + "node_modules/@date-io/luxon": { + "version": "2.13.1", + "resolved": "https://registry.npmjs.org/@date-io/luxon/-/luxon-2.13.1.tgz", + "integrity": "sha512-yG+uM7lXfwLyKKEwjvP8oZ7qblpmfl9gxQYae55ifbwiTs0CoCTkYkxEaQHGkYtTqGTzLqcb0O9Pzx6vgWg+yg==", + "dependencies": { + "@date-io/core": "^2.13.1" + }, + "peerDependencies": { + "luxon": "^1.21.3 || ^2.x" + }, + "peerDependenciesMeta": { + "luxon": { + "optional": true + } + } + }, + "node_modules/@date-io/moment": { + "version": "2.13.1", + "resolved": "https://registry.npmjs.org/@date-io/moment/-/moment-2.13.1.tgz", + "integrity": "sha512-XX1X/Tlvl3TdqQy2j0ZUtEJV6Rl8tOyc5WOS3ki52He28Uzme4Ro/JuPWTMBDH63weSWIZDlbR7zBgp3ZA2y1A==", + "dependencies": { + "@date-io/core": "^2.13.1" + }, + "peerDependencies": { + "moment": "^2.24.0" + }, + "peerDependenciesMeta": { + "moment": { + "optional": true + } + } + }, "node_modules/@emotion/babel-plugin": { "version": "11.7.2", "resolved": "https://registry.npmjs.org/@emotion/babel-plugin/-/babel-plugin-11.7.2.tgz", @@ -664,6 +734,91 @@ } } }, + "node_modules/@mui/lab": { + "version": "5.0.0-alpha.72", + "resolved": "https://registry.npmjs.org/@mui/lab/-/lab-5.0.0-alpha.72.tgz", + "integrity": "sha512-opml6yNpDvJzrCM9XzbckZMtfah+jFrYB8nB6kzORaQ3ixcMt+7RbFTPXG7NvQxW8VdxlGgfeBAMSWLDiFVMWA==", + "dependencies": { + "@babel/runtime": "^7.17.2", + "@date-io/date-fns": "^2.13.1", + "@date-io/dayjs": "^2.13.1", + "@date-io/luxon": "^2.13.1", + "@date-io/moment": "^2.13.1", + "@mui/base": "5.0.0-alpha.71", + "@mui/system": "^5.5.0", + "@mui/utils": "^5.4.4", + "clsx": "^1.1.1", + "prop-types": "^15.7.2", + "react-is": "^17.0.2", + "react-transition-group": "^4.4.2", + "rifm": "^0.12.1" + }, + "engines": { + "node": ">=12.0.0" + }, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/mui" + }, + "peerDependencies": { + "@mui/material": "^5.0.0", + "@types/react": "^16.8.6 || ^17.0.0", + "date-fns": "^2.25.0", + "dayjs": "^1.10.7", + "luxon": "^1.28.0 || ^2.0.0", + "moment": "^2.29.1", + "react": "^17.0.0", + "react-dom": "^17.0.0" + }, + "peerDependenciesMeta": { + "@types/react": { + "optional": true + }, + "date-fns": { + "optional": true + }, + "dayjs": { + "optional": true + }, + "luxon": { + "optional": true + }, + "moment": { + "optional": true + } + } + }, + "node_modules/@mui/lab/node_modules/@mui/base": { + "version": "5.0.0-alpha.71", + "resolved": "https://registry.npmjs.org/@mui/base/-/base-5.0.0-alpha.71.tgz", + "integrity": "sha512-LinacyjmZOS+roUqCyhrcbNIW7TlRf1U+15ETGwMn6biNXI9YEVgcc1Kak08CRtjM0yczxxzLWetiAjHMCVSjQ==", + "dependencies": { + "@babel/runtime": "^7.17.2", + "@emotion/is-prop-valid": "^1.1.2", + "@mui/utils": "^5.4.4", + "@popperjs/core": "^2.11.2", + "clsx": "^1.1.1", + "prop-types": "^15.7.2", + "react-is": "^17.0.2" + }, + "engines": { + "node": ">=12.0.0" + }, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/mui" + }, + "peerDependencies": { + "@types/react": "^16.8.6 || ^17.0.0", + "react": "^17.0.0", + "react-dom": "^17.0.0" + }, + "peerDependenciesMeta": { + "@types/react": { + "optional": true + } + } + }, "node_modules/@mui/material": { "version": "5.4.3", "resolved": "https://registry.npmjs.org/@mui/material/-/material-5.4.3.tgz", @@ -709,12 +864,12 @@ } }, "node_modules/@mui/private-theming": { - "version": "5.4.2", - "resolved": "https://registry.npmjs.org/@mui/private-theming/-/private-theming-5.4.2.tgz", - "integrity": "sha512-mlPDYYko4wIcwXjCPEmOWbNTT4DZ6h9YHdnRtQPnWM28+TRUHEo7SbydnnmVDQLRXUfaH4Y6XtEHIfBNPE/SLg==", + "version": "5.4.4", + "resolved": "https://registry.npmjs.org/@mui/private-theming/-/private-theming-5.4.4.tgz", + "integrity": "sha512-V/gxttr6736yJoU9q+4xxXsa0K/w9Hn9pg99zsOHt7i/O904w2CX5NHh5WqDXtoUzVcayLF0RB17yr6l79CE+A==", "dependencies": { - "@babel/runtime": "^7.17.0", - "@mui/utils": "^5.4.2", + "@babel/runtime": "^7.17.2", + "@mui/utils": "^5.4.4", "prop-types": "^15.7.2" }, "engines": { @@ -735,11 +890,11 @@ } }, "node_modules/@mui/styled-engine": { - "version": "5.4.2", - "resolved": "https://registry.npmjs.org/@mui/styled-engine/-/styled-engine-5.4.2.tgz", - "integrity": "sha512-tz9p3aRtzXHKAg7x3BgP0hVQEoGKaxNCFxsJ+d/iqEHYvywWFSs6oxqYAvDHIRpvMlUZyPNoTrkcNnbdMmH/ng==", + "version": "5.4.4", + "resolved": "https://registry.npmjs.org/@mui/styled-engine/-/styled-engine-5.4.4.tgz", + "integrity": "sha512-AKx3rSgB6dmt5f7iP4K18mLFlE5/9EfJe/5EH9Pyqez8J/CPkTgYhJ/Va6qtlrcunzpui+uG/vfuf04yAZekSg==", "dependencies": { - "@babel/runtime": "^7.17.0", + "@babel/runtime": "^7.17.2", "@emotion/cache": "^11.7.1", "prop-types": "^15.7.2" }, @@ -765,17 +920,17 @@ } }, "node_modules/@mui/system": { - "version": "5.4.3", - "resolved": "https://registry.npmjs.org/@mui/system/-/system-5.4.3.tgz", - "integrity": "sha512-Xz5AVe9JMufJVozMzUv93IRtnLNZnw/Q8k+Mg7Q4oRuwdir0TcYkMVUqAHetVKb3rAouIVCu/cQv0jB8gVeVsQ==", + "version": "5.5.0", + "resolved": "https://registry.npmjs.org/@mui/system/-/system-5.5.0.tgz", + "integrity": "sha512-zFOfERv3Y4m5ehwTRR9cGaPuMvlD2qVXmFKC60P0Gte3aD6vYObyNriZv+mDVGlhDxZTZhxBrNPH3ns25xSFtQ==", "dependencies": { - "@babel/runtime": "^7.17.0", - "@mui/private-theming": "^5.4.2", - "@mui/styled-engine": "^5.4.2", + "@babel/runtime": "^7.17.2", + "@mui/private-theming": "^5.4.4", + "@mui/styled-engine": "^5.4.4", "@mui/types": "^7.1.2", - "@mui/utils": "^5.4.2", + "@mui/utils": "^5.4.4", "clsx": "^1.1.1", - "csstype": "^3.0.10", + "csstype": "^3.0.11", "prop-types": "^15.7.2" }, "engines": { @@ -817,11 +972,11 @@ } }, "node_modules/@mui/utils": { - "version": "5.4.2", - "resolved": "https://registry.npmjs.org/@mui/utils/-/utils-5.4.2.tgz", - "integrity": "sha512-646dBCC57MXTo/Gf3AnZSHRHznaTETQq5x7AWp5FRQ4jPeyT4WSs18cpJVwkV01cAHKh06pNQTIufIALIWCL5g==", + "version": "5.4.4", + "resolved": "https://registry.npmjs.org/@mui/utils/-/utils-5.4.4.tgz", + "integrity": "sha512-hfYIXEuhc2mXMGN5nUPis8beH6uE/zl3uMWJcyHX0/LN/+QxO9zhYuV6l8AsAaphHFyS/fBv0SW3Nid7jw5hKQ==", "dependencies": { - "@babel/runtime": "^7.17.0", + "@babel/runtime": "^7.17.2", "@types/prop-types": "^15.7.4", "@types/react-is": "^16.7.1 || ^17.0.0", "prop-types": "^15.7.2", @@ -3271,9 +3426,9 @@ } }, "node_modules/csstype": { - "version": "3.0.10", - "resolved": "https://registry.npmjs.org/csstype/-/csstype-3.0.10.tgz", - "integrity": "sha512-2u44ZG2OcNUO9HDp/Jl8C07x6pU/eTR3ncV91SiK3dhG9TWvRVsCoJw14Ckx5DgWkzGA3waZWO3d7pgqpUI/XA==" + "version": "3.0.11", + "resolved": "https://registry.npmjs.org/csstype/-/csstype-3.0.11.tgz", + "integrity": "sha512-sa6P2wJ+CAbgyy4KFssIb/JNMLxFvKF1pCYCSXS8ZMuqZnMsrxqI2E5sPyoTpxoPU/gVZMzr2zjOfg8GIZOMsw==" }, "node_modules/damerau-levenshtein": { "version": "1.0.7", @@ -5922,6 +6077,14 @@ "node": ">=0.10.0" } }, + "node_modules/rifm": { + "version": "0.12.1", + "resolved": "https://registry.npmjs.org/rifm/-/rifm-0.12.1.tgz", + "integrity": "sha512-OGA1Bitg/dSJtI/c4dh90svzaUPt228kzFsUkJbtA2c964IqEAwWXeL9ZJi86xWv3j5SMqRvGULl7bA6cK0Bvg==", + "peerDependencies": { + "react": ">=16.8" + } + }, "node_modules/rimraf": { "version": "3.0.2", "resolved": "https://registry.npmjs.org/rimraf/-/rimraf-3.0.2.tgz", @@ -6634,6 +6797,43 @@ "to-fast-properties": "^2.0.0" } }, + "@date-io/core": { + "version": "2.13.1", + "resolved": "https://registry.npmjs.org/@date-io/core/-/core-2.13.1.tgz", + "integrity": "sha512-pVI9nfkf2qClb2Cxdq0Q4zJhdawMG4ybWZUVGifT78FDwzRMX2SwXBb55s5NRJk0HcIicDuxktmCtemZqMH1Zg==" + }, + "@date-io/date-fns": { + "version": "2.13.1", + "resolved": "https://registry.npmjs.org/@date-io/date-fns/-/date-fns-2.13.1.tgz", + "integrity": "sha512-8fmfwjiLMpFLD+t4NBwDx0eblWnNcgt4NgfT/uiiQTGI81fnPu9tpBMYdAcuWxaV7LLpXgzLBx1SYWAMDVUDQQ==", + "requires": { + "@date-io/core": "^2.13.1" + } + }, + "@date-io/dayjs": { + "version": "2.13.1", + "resolved": "https://registry.npmjs.org/@date-io/dayjs/-/dayjs-2.13.1.tgz", + "integrity": "sha512-5bL4WWWmlI4uGZVScANhHJV7Mjp93ec2gNeUHDqqLaMZhp51S0NgD25oqj/k0LqBn1cdU2MvzNpk/ObMmVv5cQ==", + "requires": { + "@date-io/core": "^2.13.1" + } + }, + "@date-io/luxon": { + "version": "2.13.1", + "resolved": "https://registry.npmjs.org/@date-io/luxon/-/luxon-2.13.1.tgz", + "integrity": "sha512-yG+uM7lXfwLyKKEwjvP8oZ7qblpmfl9gxQYae55ifbwiTs0CoCTkYkxEaQHGkYtTqGTzLqcb0O9Pzx6vgWg+yg==", + "requires": { + "@date-io/core": "^2.13.1" + } + }, + "@date-io/moment": { + "version": "2.13.1", + "resolved": "https://registry.npmjs.org/@date-io/moment/-/moment-2.13.1.tgz", + "integrity": "sha512-XX1X/Tlvl3TdqQy2j0ZUtEJV6Rl8tOyc5WOS3ki52He28Uzme4Ro/JuPWTMBDH63weSWIZDlbR7zBgp3ZA2y1A==", + "requires": { + "@date-io/core": "^2.13.1" + } + }, "@emotion/babel-plugin": { "version": "11.7.2", "resolved": "https://registry.npmjs.org/@emotion/babel-plugin/-/babel-plugin-11.7.2.tgz", @@ -6846,6 +7046,42 @@ "@babel/runtime": "^7.17.0" } }, + "@mui/lab": { + "version": "5.0.0-alpha.72", + "resolved": "https://registry.npmjs.org/@mui/lab/-/lab-5.0.0-alpha.72.tgz", + "integrity": "sha512-opml6yNpDvJzrCM9XzbckZMtfah+jFrYB8nB6kzORaQ3ixcMt+7RbFTPXG7NvQxW8VdxlGgfeBAMSWLDiFVMWA==", + "requires": { + "@babel/runtime": "^7.17.2", + "@date-io/date-fns": "^2.13.1", + "@date-io/dayjs": "^2.13.1", + "@date-io/luxon": "^2.13.1", + "@date-io/moment": "^2.13.1", + "@mui/base": "5.0.0-alpha.71", + "@mui/system": "^5.5.0", + "@mui/utils": "^5.4.4", + "clsx": "^1.1.1", + "prop-types": "^15.7.2", + "react-is": "^17.0.2", + "react-transition-group": "^4.4.2", + "rifm": "^0.12.1" + }, + "dependencies": { + "@mui/base": { + "version": "5.0.0-alpha.71", + "resolved": "https://registry.npmjs.org/@mui/base/-/base-5.0.0-alpha.71.tgz", + "integrity": "sha512-LinacyjmZOS+roUqCyhrcbNIW7TlRf1U+15ETGwMn6biNXI9YEVgcc1Kak08CRtjM0yczxxzLWetiAjHMCVSjQ==", + "requires": { + "@babel/runtime": "^7.17.2", + "@emotion/is-prop-valid": "^1.1.2", + "@mui/utils": "^5.4.4", + "@popperjs/core": "^2.11.2", + "clsx": "^1.1.1", + "prop-types": "^15.7.2", + "react-is": "^17.0.2" + } + } + } + }, "@mui/material": { "version": "5.4.3", "resolved": "https://registry.npmjs.org/@mui/material/-/material-5.4.3.tgz", @@ -6866,37 +7102,37 @@ } }, "@mui/private-theming": { - "version": "5.4.2", - "resolved": "https://registry.npmjs.org/@mui/private-theming/-/private-theming-5.4.2.tgz", - "integrity": "sha512-mlPDYYko4wIcwXjCPEmOWbNTT4DZ6h9YHdnRtQPnWM28+TRUHEo7SbydnnmVDQLRXUfaH4Y6XtEHIfBNPE/SLg==", + "version": "5.4.4", + "resolved": "https://registry.npmjs.org/@mui/private-theming/-/private-theming-5.4.4.tgz", + "integrity": "sha512-V/gxttr6736yJoU9q+4xxXsa0K/w9Hn9pg99zsOHt7i/O904w2CX5NHh5WqDXtoUzVcayLF0RB17yr6l79CE+A==", "requires": { - "@babel/runtime": "^7.17.0", - "@mui/utils": "^5.4.2", + "@babel/runtime": "^7.17.2", + "@mui/utils": "^5.4.4", "prop-types": "^15.7.2" } }, "@mui/styled-engine": { - "version": "5.4.2", - "resolved": "https://registry.npmjs.org/@mui/styled-engine/-/styled-engine-5.4.2.tgz", - "integrity": "sha512-tz9p3aRtzXHKAg7x3BgP0hVQEoGKaxNCFxsJ+d/iqEHYvywWFSs6oxqYAvDHIRpvMlUZyPNoTrkcNnbdMmH/ng==", + "version": "5.4.4", + "resolved": "https://registry.npmjs.org/@mui/styled-engine/-/styled-engine-5.4.4.tgz", + "integrity": "sha512-AKx3rSgB6dmt5f7iP4K18mLFlE5/9EfJe/5EH9Pyqez8J/CPkTgYhJ/Va6qtlrcunzpui+uG/vfuf04yAZekSg==", "requires": { - "@babel/runtime": "^7.17.0", + "@babel/runtime": "^7.17.2", "@emotion/cache": "^11.7.1", "prop-types": "^15.7.2" } }, "@mui/system": { - "version": "5.4.3", - "resolved": "https://registry.npmjs.org/@mui/system/-/system-5.4.3.tgz", - "integrity": "sha512-Xz5AVe9JMufJVozMzUv93IRtnLNZnw/Q8k+Mg7Q4oRuwdir0TcYkMVUqAHetVKb3rAouIVCu/cQv0jB8gVeVsQ==", + "version": "5.5.0", + "resolved": "https://registry.npmjs.org/@mui/system/-/system-5.5.0.tgz", + "integrity": "sha512-zFOfERv3Y4m5ehwTRR9cGaPuMvlD2qVXmFKC60P0Gte3aD6vYObyNriZv+mDVGlhDxZTZhxBrNPH3ns25xSFtQ==", "requires": { - "@babel/runtime": "^7.17.0", - "@mui/private-theming": "^5.4.2", - "@mui/styled-engine": "^5.4.2", + "@babel/runtime": "^7.17.2", + "@mui/private-theming": "^5.4.4", + "@mui/styled-engine": "^5.4.4", "@mui/types": "^7.1.2", - "@mui/utils": "^5.4.2", + "@mui/utils": "^5.4.4", "clsx": "^1.1.1", - "csstype": "^3.0.10", + "csstype": "^3.0.11", "prop-types": "^15.7.2" } }, @@ -6907,11 +7143,11 @@ "requires": {} }, "@mui/utils": { - "version": "5.4.2", - "resolved": "https://registry.npmjs.org/@mui/utils/-/utils-5.4.2.tgz", - "integrity": "sha512-646dBCC57MXTo/Gf3AnZSHRHznaTETQq5x7AWp5FRQ4jPeyT4WSs18cpJVwkV01cAHKh06pNQTIufIALIWCL5g==", + "version": "5.4.4", + "resolved": "https://registry.npmjs.org/@mui/utils/-/utils-5.4.4.tgz", + "integrity": "sha512-hfYIXEuhc2mXMGN5nUPis8beH6uE/zl3uMWJcyHX0/LN/+QxO9zhYuV6l8AsAaphHFyS/fBv0SW3Nid7jw5hKQ==", "requires": { - "@babel/runtime": "^7.17.0", + "@babel/runtime": "^7.17.2", "@types/prop-types": "^15.7.4", "@types/react-is": "^16.7.1 || ^17.0.0", "prop-types": "^15.7.2", @@ -8563,9 +8799,9 @@ } }, "csstype": { - "version": "3.0.10", - "resolved": "https://registry.npmjs.org/csstype/-/csstype-3.0.10.tgz", - "integrity": "sha512-2u44ZG2OcNUO9HDp/Jl8C07x6pU/eTR3ncV91SiK3dhG9TWvRVsCoJw14Ckx5DgWkzGA3waZWO3d7pgqpUI/XA==" + "version": "3.0.11", + "resolved": "https://registry.npmjs.org/csstype/-/csstype-3.0.11.tgz", + "integrity": "sha512-sa6P2wJ+CAbgyy4KFssIb/JNMLxFvKF1pCYCSXS8ZMuqZnMsrxqI2E5sPyoTpxoPU/gVZMzr2zjOfg8GIZOMsw==" }, "damerau-levenshtein": { "version": "1.0.7", @@ -10438,6 +10674,12 @@ "integrity": "sha512-U9nH88a3fc/ekCF1l0/UP1IosiuIjyTh7hBvXVMHYgVcfGvt897Xguj2UOLDeI5BG2m7/uwyaLVT6fbtCwTyzw==", "dev": true }, + "rifm": { + "version": "0.12.1", + "resolved": "https://registry.npmjs.org/rifm/-/rifm-0.12.1.tgz", + "integrity": "sha512-OGA1Bitg/dSJtI/c4dh90svzaUPt228kzFsUkJbtA2c964IqEAwWXeL9ZJi86xWv3j5SMqRvGULl7bA6cK0Bvg==", + "requires": {} + }, "rimraf": { "version": "3.0.2", "resolved": "https://registry.npmjs.org/rimraf/-/rimraf-3.0.2.tgz", diff --git a/package.json b/package.json index 121dd22..781faed 100644 --- a/package.json +++ b/package.json @@ -18,6 +18,7 @@ "@emotion/styled": "^11.8.1", "@fontsource/roboto": "^4.5.3", "@mui/icons-material": "^5.4.2", + "@mui/lab": "^5.0.0-alpha.72", "@mui/material": "^5.4.3", "lodash.clonedeep": "^4.5.0", "lodash.debounce": "^4.0.8", @@ -41,5 +42,22 @@ "parcel": "^2.3.2", "prettier": "^2.5.1" }, - "browserslist": "defaults and supports es6 and not IE 11" + "browserslist": { + "production": [ + ">0.5%", + "not dead", + "last 2 versions", + "Firefox ESR", + "not IE > 0", + "not IE_mob > 0", + "not bb > 0", + "not op_mob > 0", + "not op_mini all", + "not ios_saf < 13" + ], + "development": [ + "last 1 chrome version", + "last 1 firefox version" + ] + } } diff --git a/scripts/App.js b/scripts/App.js index 03c60b8..080a6db 100644 --- a/scripts/App.js +++ b/scripts/App.js @@ -17,6 +17,7 @@ import Container from "@mui/material/Container"; import grey from "@mui/material/colors/grey"; import useMediaQuery from "@mui/material/useMediaQuery"; import SettingsDialog from "./components/SettingsDialog"; +import Community from "./pages/community"; function getConfig() { let prefersDarkMode = useMediaQuery("(prefers-color-scheme: dark)", { @@ -178,6 +179,7 @@ function App() { } /> } /> } /> + } /> } /> + + + + + ({ + backgroundColor: theme.palette.mode === "dark" ? "#1A2027" : "#fff", + ...theme.typography.body2, + padding: theme.spacing(0.5), + textAlign: "center", + color: theme.palette.text.secondary, + borderBottomLeftRadius: 0, + borderBottomRightRadius: 0, +})); + +function CommunityWrapper() { + const shuffledArray = shuffleArray(communityData); + return ( + <> + {shuffledArray.map((item, index) => ( +
+ + {item.type === "image" ? ( + {`${item.author.name}#${item.author.discriminator}'s + ) : ( +
+ ))} + + ); +} + +CommunityWrapper.whyDidYouRender = true; + +export default CommunityWrapper; diff --git a/scripts/pages/community.js b/scripts/pages/community.js new file mode 100644 index 0000000..ee7ed60 --- /dev/null +++ b/scripts/pages/community.js @@ -0,0 +1,28 @@ +import Typography from "@mui/material/Typography"; +import Container from "@mui/material/Container"; +import Masonry from "@mui/lab/Masonry"; +import CommunityWrapper from "../components/communityWrapper/communityWrapper"; +import useMediaQuery from "@mui/material/useMediaQuery"; + +function Community() { + const md = useMediaQuery((theme) => theme.breakpoints.up("md")); + const xsm = useMediaQuery((theme) => theme.breakpoints.only("xs")); + let columns = md ? 3 : xsm ? 1 : 2; + + return ( + + Blob Community + + This page shows all the projects that have been created on the Blob + Network. + + + + + + ); +} + +Community.whyDidYouRender = true; + +export default Community;