diff --git a/.gitignore b/.gitignore index 0711461..887168a 100644 --- a/.gitignore +++ b/.gitignore @@ -1,3 +1,4 @@ node_modules/ .DS_Store ngrok +build/ diff --git a/README.md b/README.md index 6731b21..07ec9de 100644 --- a/README.md +++ b/README.md @@ -64,7 +64,11 @@ If you see an open issue that you want to tackle, comment on the issue to let pe If an issue was opened a while ago, it’s possible that it’s being addressed somewhere else, or has already been resolved, so comment to ask for confirmation before starting work. If you opened an issue, but figured out the answer later on your own, comment on the issue to let people know, then close the issue. Even documenting that outcome is a contribution to the project. +<<<<<<< HEAD ### Opening a pull request +======= +## Opening a pull request +>>>>>>> ab1812d... prettified readme.md with cool badges [![PRs Welcome](https://img.shields.io/badge/PRs-welcome-brightgreen.svg?logo=github)](http://makeapullrequest.com) ![GitHub pull requests](https://img.shields.io/github/issues-pr-raw/codeuino/website-www.codeuino.org?logo=git&logoColor=white) ![GitHub contributors](https://img.shields.io/github/contributors/codeuino/website-www.codeuino.org?logo=github) @@ -76,4 +80,10 @@ A pull request doesn’t have to represent finished work. It’s usually better ## Credits +<<<<<<< HEAD This project is currently maintained by [Jaskirat Singh](https://github.com/jaskirat2000) . +======= +--- + +[![Twitter Follow](https://img.shields.io/twitter/follow/codeuino?style=social)](https://twitter.com/codeuino) [![Open Source Love](https://badges.frapsoft.com/os/v2/open-source.svg?v=103)](https://github.com/codeuino/Social-Platform-Donut) +>>>>>>> ab1812d... prettified readme.md with cool badges diff --git a/package-lock.json b/package-lock.json index 755154f..30a23c9 100644 --- a/package-lock.json +++ b/package-lock.json @@ -1085,6 +1085,11 @@ "resolved": "https://registry.npmjs.org/@csstools/normalize.css/-/normalize.css-10.1.0.tgz", "integrity": "sha512-ij4wRiunFfaJxjB0BdrYHIH8FxBJpOwNPhhAcunlmPdXudL1WQV1qoP9un6JsEBAgQH+7UXyyjh0g7jTxXK6tg==" }, + "@fortawesome/fontawesome-free": { + "version": "5.13.1", + "resolved": "https://registry.npmjs.org/@fortawesome/fontawesome-free/-/fontawesome-free-5.13.1.tgz", + "integrity": "sha512-D819f34FLHeBN/4xvw0HR0u7U2G7RqjPSggXqf7LktsxWQ48VAfGwvMrhcVuaZV2fF069c/619RdgCCms0DHhw==" + }, "@hapi/address": { "version": "2.1.4", "resolved": "https://registry.npmjs.org/@hapi/address/-/address-2.1.4.tgz", @@ -1334,15 +1339,6 @@ "resolved": "https://registry.npmjs.org/@restart/hooks/-/hooks-0.3.19.tgz", "integrity": "sha512-8bskLEkiDvuZztnfGN+vM56q2HQV8dyXS/Eb0nhXPx6fonii3hQLxfNVA2r5NTMbvEkwDo59bAau3idUXaGvww==" }, - "@semantic-ui-react/event-stack": { - "version": "3.1.1", - "resolved": "https://registry.npmjs.org/@semantic-ui-react/event-stack/-/event-stack-3.1.1.tgz", - "integrity": "sha512-SA7VOu/tY3OkooR++mm9voeQrJpYXjJaMHO1aFCcSouS2xhqMR9Gnz0LEGLOR0h9ueWPBKaQzKIrx3FTTJZmUQ==", - "requires": { - "exenv": "^1.2.2", - "prop-types": "^15.6.2" - } - }, "@sheerun/mutationobserver-shim": { "version": "0.3.2", "resolved": "https://registry.npmjs.org/@sheerun/mutationobserver-shim/-/mutationobserver-shim-0.3.2.tgz", @@ -2217,12 +2213,45 @@ "integrity": "sha1-qJS3XUvE9s1nnvMkSp/Y9Gri1Cg=" }, "array.prototype.find": { - "version": "2.1.0", - "resolved": "https://registry.npmjs.org/array.prototype.find/-/array.prototype.find-2.1.0.tgz", - "integrity": "sha512-Wn41+K1yuO5p7wRZDl7890c3xvv5UBrfVXTVIe28rSQb6LS0fZMDrQB6PAcxQFRFy6vJTLDc3A2+3CjQdzVKRg==", + "version": "2.1.1", + "resolved": "https://registry.npmjs.org/array.prototype.find/-/array.prototype.find-2.1.1.tgz", + "integrity": "sha512-mi+MYNJYLTx2eNYy+Yh6raoQacCsNeeMUaspFPh9Y141lFSsWxxB8V9mM2ye+eqiRs917J6/pJ4M9ZPzenWckA==", "requires": { "define-properties": "^1.1.3", - "es-abstract": "^1.13.0" + "es-abstract": "^1.17.4" + }, + "dependencies": { + "es-abstract": { + "version": "1.17.6", + "resolved": "https://registry.npmjs.org/es-abstract/-/es-abstract-1.17.6.tgz", + "integrity": "sha512-Fr89bON3WFyUi5EvAeI48QTWX0AyekGgLA8H+c+7fbfCkJwRWRMLd8CQedNEyJuoYYhmtEqY92pgte1FAhBlhw==", + "requires": { + "es-to-primitive": "^1.2.1", + "function-bind": "^1.1.1", + "has": "^1.0.3", + "has-symbols": "^1.0.1", + "is-callable": "^1.2.0", + "is-regex": "^1.1.0", + "object-inspect": "^1.7.0", + "object-keys": "^1.1.1", + "object.assign": "^4.1.0", + "string.prototype.trimend": "^1.0.1", + "string.prototype.trimstart": "^1.0.1" + } + }, + "is-callable": { + "version": "1.2.0", + "resolved": "https://registry.npmjs.org/is-callable/-/is-callable-1.2.0.tgz", + "integrity": "sha512-pyVD9AaGLxtg6srb2Ng6ynWJqkHU9bEM087AKck0w8QwDarTfNcpIYoU8x8Hv2Icm8u6kFJM18Dag8lyqGkviw==" + }, + "is-regex": { + "version": "1.1.0", + "resolved": "https://registry.npmjs.org/is-regex/-/is-regex-1.1.0.tgz", + "integrity": "sha512-iI97M8KTWID2la5uYXlkbSDQIg4F6o1sYboZKKTDpnDQMLtUL86zxhgDet3Q2SriaYsyGqZ6Mn2SjbRKeLHdqw==", + "requires": { + "has-symbols": "^1.0.1" + } + } } }, "array.prototype.flat": { @@ -4787,6 +4816,12 @@ "minimalistic-crypto-utils": "^1.0.0" } }, + "email-addresses": { + "version": "3.1.0", + "resolved": "https://registry.npmjs.org/email-addresses/-/email-addresses-3.1.0.tgz", + "integrity": "sha512-k0/r7GrWVL32kZlGwfPNgB2Y/mMXVTq/decgLczm/j34whdaspNrZO8CnXPf1laaHxI6ptUlsnAxN+UAPw+fzg==", + "dev": true + }, "emoji-regex": { "version": "8.0.0", "resolved": "https://registry.npmjs.org/emoji-regex/-/emoji-regex-8.0.0.tgz", @@ -5853,6 +5888,33 @@ "schema-utils": "^2.5.0" } }, + "filename-reserved-regex": { + "version": "1.0.0", + "resolved": "https://registry.npmjs.org/filename-reserved-regex/-/filename-reserved-regex-1.0.0.tgz", + "integrity": "sha1-5hz4BfDeHJhFZ9A4bcXfUO5a9+Q=", + "dev": true + }, + "filenamify": { + "version": "1.2.1", + "resolved": "https://registry.npmjs.org/filenamify/-/filenamify-1.2.1.tgz", + "integrity": "sha1-qfL/0RxQO+0wABUCknI3jx8TZaU=", + "dev": true, + "requires": { + "filename-reserved-regex": "^1.0.0", + "strip-outer": "^1.0.0", + "trim-repeated": "^1.0.0" + } + }, + "filenamify-url": { + "version": "1.0.0", + "resolved": "https://registry.npmjs.org/filenamify-url/-/filenamify-url-1.0.0.tgz", + "integrity": "sha1-syvYExnvWGO3MHi+1Q9GpPeXX1A=", + "dev": true, + "requires": { + "filenamify": "^1.0.0", + "humanize-url": "^1.0.0" + } + }, "filesize": { "version": "6.0.1", "resolved": "https://registry.npmjs.org/filesize/-/filesize-6.0.1.tgz", @@ -6223,6 +6285,120 @@ "assert-plus": "^1.0.0" } }, + "gh-pages": { + "version": "3.1.0", + "resolved": "https://registry.npmjs.org/gh-pages/-/gh-pages-3.1.0.tgz", + "integrity": "sha512-3b1rly9kuf3/dXsT8+ZxP0UhNLOo1CItj+3e31yUVcaph/yDsJ9RzD7JOw5o5zpBTJVQLlJAASNkUfepi9fe2w==", + "dev": true, + "requires": { + "async": "^2.6.1", + "commander": "^2.18.0", + "email-addresses": "^3.0.1", + "filenamify-url": "^1.0.0", + "find-cache-dir": "^3.3.1", + "fs-extra": "^8.1.0", + "globby": "^6.1.0" + }, + "dependencies": { + "find-cache-dir": { + "version": "3.3.1", + "resolved": "https://registry.npmjs.org/find-cache-dir/-/find-cache-dir-3.3.1.tgz", + "integrity": "sha512-t2GDMt3oGC/v+BMwzmllWDuJF/xcDtE5j/fCGbqDD7OLuJkj0cfh1YSA5VKPvwMeLFLNDBkwOKZ2X85jGLVftQ==", + "dev": true, + "requires": { + "commondir": "^1.0.1", + "make-dir": "^3.0.2", + "pkg-dir": "^4.1.0" + } + }, + "find-up": { + "version": "4.1.0", + "resolved": "https://registry.npmjs.org/find-up/-/find-up-4.1.0.tgz", + "integrity": "sha512-PpOwAdQ/YlXQ2vj8a3h8IipDuYRi3wceVQQGYWxNINccq40Anw7BlsEXCMbt1Zt+OLA6Fq9suIpIWD0OsnISlw==", + "dev": true, + "requires": { + "locate-path": "^5.0.0", + "path-exists": "^4.0.0" + } + }, + "globby": { + "version": "6.1.0", + "resolved": "https://registry.npmjs.org/globby/-/globby-6.1.0.tgz", + "integrity": "sha1-9abXDoOV4hyFj7BInWTfAkJNUGw=", + "dev": true, + "requires": { + "array-union": "^1.0.1", + "glob": "^7.0.3", + "object-assign": "^4.0.1", + "pify": "^2.0.0", + "pinkie-promise": "^2.0.0" + } + }, + "locate-path": { + "version": "5.0.0", + "resolved": "https://registry.npmjs.org/locate-path/-/locate-path-5.0.0.tgz", + "integrity": "sha512-t7hw9pI+WvuwNJXwk5zVHpyhIqzg2qTlklJOf0mVxGSbe3Fp2VieZcduNYjaLDoy6p9uGpQEGWG87WpMKlNq8g==", + "dev": true, + "requires": { + "p-locate": "^4.1.0" + } + }, + "make-dir": { + "version": "3.1.0", + "resolved": "https://registry.npmjs.org/make-dir/-/make-dir-3.1.0.tgz", + "integrity": "sha512-g3FeP20LNwhALb/6Cz6Dd4F2ngze0jz7tbzrD2wAV+o9FeNHe4rL+yK2md0J/fiSf1sa1ADhXqi5+oVwOM/eGw==", + "dev": true, + "requires": { + "semver": "^6.0.0" + } + }, + "p-limit": { + "version": "2.3.0", + "resolved": "https://registry.npmjs.org/p-limit/-/p-limit-2.3.0.tgz", + "integrity": "sha512-//88mFWSJx8lxCzwdAABTJL2MyWB12+eIY7MDL2SqLmAkeKU9qxRvWuSyTjm3FUmpBEMuFfckAIqEaVGUDxb6w==", + "dev": true, + "requires": { + "p-try": "^2.0.0" + } + }, + "p-locate": { + "version": "4.1.0", + "resolved": "https://registry.npmjs.org/p-locate/-/p-locate-4.1.0.tgz", + "integrity": "sha512-R79ZZ/0wAxKGu3oYMlz8jy/kbhsNrS7SKZ7PxEHBgJ5+F2mtFW2fK2cOtBh1cHYkQsbzFV7I+EoRKe6Yt0oK7A==", + "dev": true, + "requires": { + "p-limit": "^2.2.0" + } + }, + "p-try": { + "version": "2.2.0", + "resolved": "https://registry.npmjs.org/p-try/-/p-try-2.2.0.tgz", + "integrity": "sha512-R4nPAVTAU0B9D35/Gk3uJf/7XYbQcyohSKdvAxIRSNghFl4e71hVoGnBNQz9cWaXxO2I10KTC+3jMdvvoKw6dQ==", + "dev": true + }, + "path-exists": { + "version": "4.0.0", + "resolved": "https://registry.npmjs.org/path-exists/-/path-exists-4.0.0.tgz", + "integrity": "sha512-ak9Qy5Q7jYb2Wwcey5Fpvg2KoAc/ZIhLSLOSBmRmygPsGwkVVt0fZa0qrtMz+m6tJTAHfZQ8FnmB4MG4LWy7/w==", + "dev": true + }, + "pify": { + "version": "2.3.0", + "resolved": "https://registry.npmjs.org/pify/-/pify-2.3.0.tgz", + "integrity": "sha1-7RQaasBDqEnqWISY59yosVMw6Qw=", + "dev": true + }, + "pkg-dir": { + "version": "4.2.0", + "resolved": "https://registry.npmjs.org/pkg-dir/-/pkg-dir-4.2.0.tgz", + "integrity": "sha512-HRDzbaKjC+AOWVXxAU/x54COGeIv9eb+6CkDSQoNTt4XyWoIJvuPsXizxu/Fr23EiekbtZwmh1IcIG/l/a10GQ==", + "dev": true, + "requires": { + "find-up": "^4.0.0" + } + } + } + }, "glob": { "version": "7.1.6", "resolved": "https://registry.npmjs.org/glob/-/glob-7.1.6.tgz", @@ -6767,6 +6943,16 @@ "resolved": "https://registry.npmjs.org/https-browserify/-/https-browserify-1.0.0.tgz", "integrity": "sha1-7AbBDgo0wPL68Zn3/X/Hj//QPHM=" }, + "humanize-url": { + "version": "1.0.1", + "resolved": "https://registry.npmjs.org/humanize-url/-/humanize-url-1.0.1.tgz", + "integrity": "sha1-9KuZ4NKIF0yk4eUEB8VfuuRk7/8=", + "dev": true, + "requires": { + "normalize-url": "^1.0.0", + "strip-url-auth": "^1.0.0" + } + }, "iconv-lite": { "version": "0.4.24", "resolved": "https://registry.npmjs.org/iconv-lite/-/iconv-lite-0.4.24.tgz", @@ -11879,6 +12065,14 @@ } } }, + "react-router-hash-link": { + "version": "1.2.2", + "resolved": "https://registry.npmjs.org/react-router-hash-link/-/react-router-hash-link-1.2.2.tgz", + "integrity": "sha512-LBthLVHdqPeKDVt3+cFRhy15Z7veikOvdKRZRfyBR2vjqIE7rxn+tKLjb6DOmLm6JpoQVemVDnxQ35RVnEHdQA==", + "requires": { + "prop-types": "^15.6.0" + } + }, "react-scripts": { "version": "3.4.1", "resolved": "https://registry.npmjs.org/react-scripts/-/react-scripts-3.4.1.tgz", @@ -11997,14 +12191,25 @@ } }, "react-test-renderer": { - "version": "16.12.0", - "resolved": "https://registry.npmjs.org/react-test-renderer/-/react-test-renderer-16.12.0.tgz", - "integrity": "sha512-Vj/teSqt2oayaWxkbhQ6gKis+t5JrknXfPVo+aIJ8QwYAqMPH77uptOdrlphyxl8eQI/rtkOYg86i/UWkpFu0w==", + "version": "16.13.1", + "resolved": "https://registry.npmjs.org/react-test-renderer/-/react-test-renderer-16.13.1.tgz", + "integrity": "sha512-Sn2VRyOK2YJJldOqoh8Tn/lWQ+ZiKhyZTPtaO0Q6yNj+QDbmRkVFap6pZPy3YQk8DScRDfyqm/KxKYP9gCMRiQ==", "requires": { "object-assign": "^4.1.1", "prop-types": "^15.6.2", "react-is": "^16.8.6", - "scheduler": "^0.18.0" + "scheduler": "^0.19.1" + }, + "dependencies": { + "scheduler": { + "version": "0.19.1", + "resolved": "https://registry.npmjs.org/scheduler/-/scheduler-0.19.1.tgz", + "integrity": "sha512-n/zwRWRYSUj0/3g/otKDRPMh6qv2SYMWNq85IEa8iZyAv8od9zDYpGSnpBEjNgcMNq6Scbu5KfIPxNF72R/2EA==", + "requires": { + "loose-envify": "^1.1.0", + "object-assign": "^4.1.1" + } + } } }, "react-transition-group": { @@ -12706,24 +12911,6 @@ "node-forge": "0.9.0" } }, - "semantic-ui-react": { - "version": "0.88.2", - "resolved": "https://registry.npmjs.org/semantic-ui-react/-/semantic-ui-react-0.88.2.tgz", - "integrity": "sha512-+02kN2z8PuA/cMdvDUsHhbJmBzxxgOXVHMFr9XK7zGb0wkW9A6OPQMFokWz7ozlVtKjN6r7zsb+Qvjk/qq1OWw==", - "requires": { - "@babel/runtime": "^7.1.2", - "@semantic-ui-react/event-stack": "^3.1.0", - "@stardust-ui/react-component-event-listener": "~0.38.0", - "@stardust-ui/react-component-ref": "~0.38.0", - "classnames": "^2.2.6", - "keyboard-key": "^1.0.4", - "lodash": "^4.17.15", - "prop-types": "^15.7.2", - "react-is": "^16.8.6", - "react-popper": "^1.3.4", - "shallowequal": "^1.1.0" - } - }, "semver": { "version": "6.3.0", "resolved": "https://registry.npmjs.org/semver/-/semver-6.3.0.tgz", @@ -13584,6 +13771,48 @@ "side-channel": "^1.0.2" } }, + "string.prototype.trimend": { + "version": "1.0.1", + "resolved": "https://registry.npmjs.org/string.prototype.trimend/-/string.prototype.trimend-1.0.1.tgz", + "integrity": "sha512-LRPxFUaTtpqYsTeNKaFOw3R4bxIzWOnbQ837QfBylo8jIxtcbK/A/sMV7Q+OAV/vWo+7s25pOE10KYSjaSO06g==", + "requires": { + "define-properties": "^1.1.3", + "es-abstract": "^1.17.5" + }, + "dependencies": { + "es-abstract": { + "version": "1.17.6", + "resolved": "https://registry.npmjs.org/es-abstract/-/es-abstract-1.17.6.tgz", + "integrity": "sha512-Fr89bON3WFyUi5EvAeI48QTWX0AyekGgLA8H+c+7fbfCkJwRWRMLd8CQedNEyJuoYYhmtEqY92pgte1FAhBlhw==", + "requires": { + "es-to-primitive": "^1.2.1", + "function-bind": "^1.1.1", + "has": "^1.0.3", + "has-symbols": "^1.0.1", + "is-callable": "^1.2.0", + "is-regex": "^1.1.0", + "object-inspect": "^1.7.0", + "object-keys": "^1.1.1", + "object.assign": "^4.1.0", + "string.prototype.trimend": "^1.0.1", + "string.prototype.trimstart": "^1.0.1" + } + }, + "is-callable": { + "version": "1.2.0", + "resolved": "https://registry.npmjs.org/is-callable/-/is-callable-1.2.0.tgz", + "integrity": "sha512-pyVD9AaGLxtg6srb2Ng6ynWJqkHU9bEM087AKck0w8QwDarTfNcpIYoU8x8Hv2Icm8u6kFJM18Dag8lyqGkviw==" + }, + "is-regex": { + "version": "1.1.0", + "resolved": "https://registry.npmjs.org/is-regex/-/is-regex-1.1.0.tgz", + "integrity": "sha512-iI97M8KTWID2la5uYXlkbSDQIg4F6o1sYboZKKTDpnDQMLtUL86zxhgDet3Q2SriaYsyGqZ6Mn2SjbRKeLHdqw==", + "requires": { + "has-symbols": "^1.0.1" + } + } + } + }, "string.prototype.trimleft": { "version": "2.1.1", "resolved": "https://registry.npmjs.org/string.prototype.trimleft/-/string.prototype.trimleft-2.1.1.tgz", @@ -13602,6 +13831,48 @@ "function-bind": "^1.1.1" } }, + "string.prototype.trimstart": { + "version": "1.0.1", + "resolved": "https://registry.npmjs.org/string.prototype.trimstart/-/string.prototype.trimstart-1.0.1.tgz", + "integrity": "sha512-XxZn+QpvrBI1FOcg6dIpxUPgWCPuNXvMD72aaRaUQv1eD4e/Qy8i/hFTe0BUmD60p/QA6bh1avmuPTfNjqVWRw==", + "requires": { + "define-properties": "^1.1.3", + "es-abstract": "^1.17.5" + }, + "dependencies": { + "es-abstract": { + "version": "1.17.6", + "resolved": "https://registry.npmjs.org/es-abstract/-/es-abstract-1.17.6.tgz", + "integrity": "sha512-Fr89bON3WFyUi5EvAeI48QTWX0AyekGgLA8H+c+7fbfCkJwRWRMLd8CQedNEyJuoYYhmtEqY92pgte1FAhBlhw==", + "requires": { + "es-to-primitive": "^1.2.1", + "function-bind": "^1.1.1", + "has": "^1.0.3", + "has-symbols": "^1.0.1", + "is-callable": "^1.2.0", + "is-regex": "^1.1.0", + "object-inspect": "^1.7.0", + "object-keys": "^1.1.1", + "object.assign": "^4.1.0", + "string.prototype.trimend": "^1.0.1", + "string.prototype.trimstart": "^1.0.1" + } + }, + "is-callable": { + "version": "1.2.0", + "resolved": "https://registry.npmjs.org/is-callable/-/is-callable-1.2.0.tgz", + "integrity": "sha512-pyVD9AaGLxtg6srb2Ng6ynWJqkHU9bEM087AKck0w8QwDarTfNcpIYoU8x8Hv2Icm8u6kFJM18Dag8lyqGkviw==" + }, + "is-regex": { + "version": "1.1.0", + "resolved": "https://registry.npmjs.org/is-regex/-/is-regex-1.1.0.tgz", + "integrity": "sha512-iI97M8KTWID2la5uYXlkbSDQIg4F6o1sYboZKKTDpnDQMLtUL86zxhgDet3Q2SriaYsyGqZ6Mn2SjbRKeLHdqw==", + "requires": { + "has-symbols": "^1.0.1" + } + } + } + }, "string_decoder": { "version": "1.3.0", "resolved": "https://registry.npmjs.org/string_decoder/-/string_decoder-1.3.0.tgz", @@ -13681,6 +13952,21 @@ "resolved": "https://registry.npmjs.org/strip-json-comments/-/strip-json-comments-3.1.0.tgz", "integrity": "sha512-e6/d0eBu7gHtdCqFt0xJr642LdToM5/cN4Qb9DbHjVx1CP5RyeM+zH7pbecEmDv/lBqb0QH+6Uqq75rxFPkM0w==" }, + "strip-outer": { + "version": "1.0.1", + "resolved": "https://registry.npmjs.org/strip-outer/-/strip-outer-1.0.1.tgz", + "integrity": "sha512-k55yxKHwaXnpYGsOzg4Vl8+tDrWylxDEpknGjhTiZB8dFRU5rTo9CAzeycivxV3s+zlTKwrs6WxMxR95n26kwg==", + "dev": true, + "requires": { + "escape-string-regexp": "^1.0.2" + } + }, + "strip-url-auth": { + "version": "1.0.1", + "resolved": "https://registry.npmjs.org/strip-url-auth/-/strip-url-auth-1.0.1.tgz", + "integrity": "sha1-IrD6OkE4WzO+PzMVUbu4N/oM164=", + "dev": true + }, "style-loader": { "version": "0.23.1", "resolved": "https://registry.npmjs.org/style-loader/-/style-loader-0.23.1.tgz", @@ -14174,6 +14460,15 @@ "resolved": "https://registry.npmjs.org/trim/-/trim-0.0.1.tgz", "integrity": "sha1-WFhUf2spB1fulczMZm+1AITEYN0=" }, + "trim-repeated": { + "version": "1.0.0", + "resolved": "https://registry.npmjs.org/trim-repeated/-/trim-repeated-1.0.0.tgz", + "integrity": "sha1-42RqLqTokTEr9+rObPsFOAvAHCE=", + "dev": true, + "requires": { + "escape-string-regexp": "^1.0.2" + } + }, "trim-trailing-lines": { "version": "1.1.2", "resolved": "https://registry.npmjs.org/trim-trailing-lines/-/trim-trailing-lines-1.1.2.tgz", diff --git a/package.json b/package.json index 20b421f..3b7c0b2 100644 --- a/package.json +++ b/package.json @@ -1,9 +1,10 @@ { "name": "codeuino", "version": "0.1.0", - "homepage": "http://resonant-hour.surge.sh", + "homepage": "/", "private": true, "dependencies": { + "@fortawesome/fontawesome-free": "^5.13.1", "@testing-library/jest-dom": "^4.2.4", "@testing-library/react": "^9.4.0", "@testing-library/user-event": "^7.2.1", @@ -32,10 +33,10 @@ "react-markdown-to-html": "^1.0.11", "react-router": "^3.2.5", "react-router-dom": "^5.1.2", + "react-router-hash-link": "^1.2.2", "react-scripts": "^3.4.0", "react-slideshow-image": "^1.3.3", "react-twitter-embed": "^3.0.3", - "semantic-ui-react": "^0.88.2", "serve": "^11.3.0", "typescript": "^3.9.6" }, @@ -64,5 +65,8 @@ "last 1 firefox version", "last 1 safari version" ] + }, + "devDependencies": { + "gh-pages": "^3.1.0" } } diff --git a/public/index.html b/public/index.html index 01ecf6b..e389875 100644 --- a/public/index.html +++ b/public/index.html @@ -1,28 +1,37 @@ - - - - - - - - - - - - Codeuino - - - -
- - - - - - - + + + + + + + + + + + + + + Codeuino + + + + +
+ + + + + + + + \ No newline at end of file diff --git a/src/App.js b/src/App.js index 5ee6775..202b81f 100644 --- a/src/App.js +++ b/src/App.js @@ -1,73 +1,78 @@ -import React from 'react'; -import './App.css'; -import Team from './pages/Team/Team'; -import NewBlog from './pages/NewBlog/NewBlog' -import NewHome from './pages/Home/NewHome'; -import JoinUs from './pages/JoinUs/JoinUs' -import { - Switch, - Route, - BrowserRouter -} from "react-router-dom"; -import COC from './pages/COC/COC' -import About from './pages/About/About' +import React, { useState, useEffect } from "react"; +import "./App.css"; +import Team from "./pages/Team/Team"; +import NewBlog from "./pages/NewBlog/NewBlog"; +import NewHome from "./pages/Home/NewHome"; +import JoinUs from "./pages/JoinUs/JoinUs"; +import { Switch, Route, HashRouter as Router } from "react-router-dom"; +import COC from "./pages/COC/COC"; +import About from "./pages/About/About"; // import Donut from './pages/Donut/Donut'; -import Blog from './pages/Blogs/Blog'; -import BlogList from './pages/Blogs/BlogList' +import Blog from "./pages/Blogs/Blog"; +import BlogList from "./pages/Blogs/BlogList"; // import Codebadge from './pages/Codebadge/Codebadge'; -import NavBar from './components/NavBar' -import Footer from './components/Footer' +import NavBar from "./components/NavBar"; +import Footer from "./components/Footer"; +// import 'bootstrap/dist/css/bootstrap.min.css'; // import Header from "./Header/header" function App() { + const [scroll, setScroll] = useState(""); + + window.onscroll = () => { + if (window.scrollY > 0) { + setScroll("navbar-scroll"); + } else { + setScroll(""); + } + }; return ( <> -
- - - - - - - +
+ + + + + + + + - - + + - - + + - - + - + - + - + - + - + - + - - + + - - -
-
- +
+ ); } diff --git a/src/components/Activities/ActivityCard.css b/src/components/Activities/ActivityCard.css index 6dc3f13..b58269b 100644 --- a/src/components/Activities/ActivityCard.css +++ b/src/components/Activities/ActivityCard.css @@ -1,17 +1,19 @@ -.card.activity { - width: 20rem; - height: 400px; +.activity-card.activity { + width: 100%; + height: 100%; + border: none; } -.card.activity:hover { +.activity-card.activity:hover { box-shadow: 5px 10px 20px 1px rgba(0, 0, 0, 0.253); + transition: box-shadow 1s ease; } -.card.activity.card-body { - padding: 3rem 0; +.activity-card.activity.activity-card-body { + padding: 1rem 0; } -.card.activity.card-text { +.activity-card.activity.card-text { font-size: 0.9rem; padding: 0.4rem 1.9rem; } @@ -20,18 +22,6 @@ padding-top: 6rem; } -.card-img-top.activity { - transform: scale(1); - transition: transform 0.5s ease; - height: 150px; - object-fit: scale-down; -} - -.card-img-top.activity:hover { - transform: scale(1.8); - overflow: hidden; -} - .btn.activity { color: #22247a; background-color: #fff; @@ -44,6 +34,41 @@ border-color: #22247a; } -.card-title.activity { - font-weight: bold; +.activity-card { + height: 40rem; + width: 25rem; + border: 1px solid gray; + padding: 2rem; } + +.activity-card-img-top.activity { + transform: scale(1); + transition: transform 0.5s ease; + height: 10rem; + object-fit: scale-down; +} + +.activity-card-img-top.activity:hover { + transform: scale(1.2); + overflow: hidden; +} + +.activity-card-description { + text-align: left; +} + +.activity-card-links { + text-align: right; + float: bottom; +} + +.activity-card-link { + margin: 0.5rem; +} + +.activity-card-title { + margin-top: 2rem; + margin-bottom: 1rem; + height: max-content !important; + font-weight: bold; +} \ No newline at end of file diff --git a/src/components/Activities/ActivityCard.js b/src/components/Activities/ActivityCard.js index fd268a3..37b2bd4 100644 --- a/src/components/Activities/ActivityCard.js +++ b/src/components/Activities/ActivityCard.js @@ -1,16 +1,30 @@ -import React from 'react'; -import './ActivityCard.css'; +import React from "react"; +import "./ActivityCard.css"; -const ActivityCard = props => { +const ActivityCard = (props) => { return ( -
- +
+ -
-

+
+

{props.activity.title}

-

{props.activity.description}

+

+ {props.activity.description} +

+
+
+ {props.activity.links.map((link) => { + return ( + + {link.name} + + ); + })}

); diff --git a/src/components/Banner/Banner.js b/src/components/Banner/Banner.js index 190db18..14b6c08 100644 --- a/src/components/Banner/Banner.js +++ b/src/components/Banner/Banner.js @@ -1,30 +1,37 @@ -import React from 'react'; -import PropTypes from 'prop-types'; -import {Nav,NavDropdown,Navbar,Container,Image,Button, Media} from 'react-bootstrap'; +import React from "react"; +import { + Container, + Image, +} from "react-bootstrap"; // import 'bootstrap'; -import banner from './banner.png' -import "./Banner.css" +import banner from "./banner.png"; +import "./Banner.css"; const Banner = () => { - return ( -
-
- -

Learn, Build, Contribute, Grow.

-

We are a Non-Profit Open Source Social Networking organisation that provides various robust frameworks solutions which could span the entire world.

- -
- - codeuino banner - -
-
- ); -}; - - -Banner.propTypes = { - + return ( +
+
+ +

Learn, Build, Contribute, Grow.

+

+ We are a Non-Profit Open Source Social Networking organisation that + provides various robust frameworks solutions which could span the + entire world. +

+ +
+ + codeuino banner + +
+
+ ); }; +Banner.propTypes = {}; export default Banner; diff --git a/src/components/Footer/Footer.css b/src/components/Footer/Footer.css index db99ad2..17e8da0 100644 --- a/src/components/Footer/Footer.css +++ b/src/components/Footer/Footer.css @@ -1,4 +1,73 @@ .footer { - padding:30px; + padding:60px; color:white; -} \ No newline at end of file + background-color: #151659; +} + +.footer-button { + padding: 15px 30px; + border-radius: 5px !important; + margin-top: 15px; + margin-bottom: 30px; + color: #22247A; + font-size: 16px !important; + font-family: HKGroteskPro, serif !important; +} + +.footer-links { + height: 100%; + display: flex; + flex-direction: column; + text-align: left; + justify-content: space-between; + font-size: 20px; +} + +.footer-link { + color: white !important; +} + +.footer-para-question { + font-weight: 900; + font-size: 30px; +} + +.footer-icon { + display: flex; + align-items: center; + justify-content: center; +} + +.blank { + height: 20px; +} + +@media (max-width: 992px) { + .footer-links { + flex-direction: row; + justify-content: space-around; + height: auto; + } + + .footer { + padding: 60px 30px; + } +} + +@media (max-width: 576px) { + .footer-links { + flex-direction: column; + } + + .footer { + padding: 60px 10px; + } + + .footer-icon { + margin-bottom: 30px; + } + + .blank { + height: 0; + } +} diff --git a/src/components/Footer/index.js b/src/components/Footer/index.js index 27bc20d..8b975c7 100644 --- a/src/components/Footer/index.js +++ b/src/components/Footer/index.js @@ -1,35 +1,83 @@ -import React from 'react' -import './Footer.css' +import React from "react"; +import "./Footer.css"; +import { Container, Row, Col } from "react-bootstrap"; +import { HashLink as Link } from "react-router-hash-link"; + const Footer = () => { - return ( -
-
-

Want to know more about CodeUino?

- - {/* */} -
-
-
-
-

Resources

- - - - -
-
-

Codeuino is an Open Source Social Networking organisation that provides various robust frameworks solutions which could span the entire world through building all kinds of social environments, discussion portals and collaboration.

-
-
-

codeuino@gmail.com

-

Coduino

-
-
-
- © {new Date().getFullYear()}, Built by - {` `} - Codeuino + return ( +
+ + + +

Want to know more about CodeUino?

+

+ Codeuino is an Open Source Social Networking organisation that + provides various robust frameworks solutions which could span the + entire world through building all kinds of social environments, + discussion portals and collaboration. +

+ + + + + + Home + About Us + Project + Programs + Team + + + Docs + Collaborate + Code Of Conduct + Join Us +
+ +
+ +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
- ) -} -export default Footer \ No newline at end of file + ); +}; +export default Footer; diff --git a/src/components/NavBar/NavBar.css b/src/components/NavBar/NavBar.css index 8b4780c..d04e5f6 100644 --- a/src/components/NavBar/NavBar.css +++ b/src/components/NavBar/NavBar.css @@ -1,14 +1,32 @@ #myNav{ background-color: white; +} + +.nav-item { + margin-left: 10px; +} + +.navbar-scroll { box-shadow: 0px 2px 15px grey; } + a { transition: transform 0.6s; } + a:hover{ text-decoration:none; transform: scale(1.05); } + +.nav-link:visited{ + color: rgba(0, 0, 0, 0.7); +} + +.nav-link.active, .nav-link.disabled, .nav-link:focus, .nav-link { + color: rgba(0, 0, 0, 0.7) !important; +} + .blue:hover{ color : lightblue; } \ No newline at end of file diff --git a/src/components/NavBar/index.js b/src/components/NavBar/index.js index a22858b..de446aa 100644 --- a/src/components/NavBar/index.js +++ b/src/components/NavBar/index.js @@ -1,62 +1,99 @@ -import React from 'react' -import { - Navbar, - Nav, - NavDropdown, - Image, - Form, - FormControl, - Button -} from 'react-bootstrap' -import './NavBar.css' -import logo from '../../newlogo.png'; -import {Link, Route} from 'react-router-dom'; -const NavBar = () => { - return ( - - ) -} -export default NavBar \ No newline at end of file + + + + Project(current) + + + + + Programs(current) + + + + + Team(current) + + + + + Docs(current) + + + + + Collaborate(current) + + + + + Code of Conduct(current) + + + + + Join Us(current) + + + + + + + + ); +}; +export default NavBar; diff --git a/src/components/TwitterFeeds/TwitterFeeds.js b/src/components/TwitterFeeds/TwitterFeeds.js index 2338c90..1b15705 100644 --- a/src/components/TwitterFeeds/TwitterFeeds.js +++ b/src/components/TwitterFeeds/TwitterFeeds.js @@ -32,8 +32,6 @@ export class TwitterFeeds extends Component { ) }
-
- Read More on Twitter
); diff --git a/src/pages/COC/COC.js b/src/pages/COC/COC.js index 1d49b6f..8149daf 100644 --- a/src/pages/COC/COC.js +++ b/src/pages/COC/COC.js @@ -1,5 +1,8 @@ -import React from 'react'; -export default function componentName() { +import React, {useEffect} from 'react'; +export default function ComponentName() { + useEffect(()=>{ + window.scrollTo(0, 0); + }, []) return (
diff --git a/src/pages/Home/Components/Activities.css b/src/pages/Home/Components/Activities.css index 87b80c6..5ef35e0 100644 --- a/src/pages/Home/Components/Activities.css +++ b/src/pages/Home/Components/Activities.css @@ -9,3 +9,27 @@ background-color: #22247a; border-color: #22247a; } + +.activity-card-container { + width: 100%; + display: grid; + grid-template-columns: auto auto auto; + background-color: #2196F3; + padding: 10px; +} + +.grid-item { + background-color: rgba(255, 255, 255, 0.8); + border: 1px solid rgba(0, 0, 0, 0.8); + padding: 20px; + font-size: 30px; + text-align: center; +} + +.activity-cards { + height: 610px; +} + +.activity-cards:last-child { + height: 300px; +} diff --git a/src/pages/Home/Components/Activities.js b/src/pages/Home/Components/Activities.js index 7d66b77..6c864ca 100644 --- a/src/pages/Home/Components/Activities.js +++ b/src/pages/Home/Components/Activities.js @@ -1,5 +1,6 @@ import React from 'react'; import ActivityCard from '../../../components/Activities/ActivityCard'; +import { CURRENT_ACTIVITIES } from './currentActivities'; import './common.css'; class Activities extends React.Component { @@ -11,74 +12,27 @@ class Activities extends React.Component { }; } - componentDidMount() { - let activities = []; - fetch('https://medium-article-fetcher.herokuapp.com/posts', { - crossDomain: true, - method: 'GET', - headers: { 'Content-Type': 'application/json' } - }) - .then(res => { - return res.json(); - }) - .then(resData => { - for (let i = 0; i < 3; i++) { - let obj = {}; - obj.title = resData.items[i].title; - obj.link = resData.items[i].link; - let m, - urls = [], - str = resData.items[i].content_encoded, - rex = /]+src="?([^"\s]+)"?\s*\/>/g; - - while ((m = rex.exec(str))) { - urls.push(m[1]); - } - obj.img = urls[0]; - - let reg = /<\s*p[^>]*>([^<]*)<\s*\/\s*p\s*>/; - let stream = resData.items[i].content_encoded.match(reg); - - obj.description = - stream[1] - .split(' ') - .slice(0, 20) - .join(' ') + '...'; - - activities.push(obj); - } - this.setState({ activities: activities }); - }) - .catch(err => { - console.log(err); - }); - } render() { return ( -
-

Activities

-
+
+ + Programs + +

Codeuino's Participations

+
- {this.state.activities.map((currentActivity, index) => { + {CURRENT_ACTIVITIES.map((currentActivity, index) => { return ( -
+
+ page={this.state.page}/>
); })}
- - Continue to the Blogs Page -
); } diff --git a/src/pages/Home/Components/Collaborate.js b/src/pages/Home/Components/Collaborate.js new file mode 100644 index 0000000..bd8c402 --- /dev/null +++ b/src/pages/Home/Components/Collaborate.js @@ -0,0 +1,94 @@ +import React from "react"; +import { HashLink as Link } from "react-router-hash-link"; +import Code from '../images/code.svg'; +import Bug from '../images/bug.svg'; +import Donation from '../images/donation.svg'; + +const Collaborate = () => { + return ( +
+
+
+ + Collaborate + +

Collaborate

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

Want to code?

+

+ Whether you're helping us fix bugs, improve the docs, or + spread the word, we'd love to have you as part of the Codeuino + community! Check out our{" "} + + Contributing Guide + {" "} + for ideas on contributing and setup steps for getting our + repositories up and running on your local machine. +

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

Report a feature/bug?

+

+ If you don't know how to code, you can even make your + contribution by reporting bugs or suggesting new + features/improvements in our products. You can open an issue + for it{" "} + + Open Issue + + {"."} +

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

Support Codeuino?

+

+ By sponsoring Codeuino you can support the ongoing development + of various projects our community has built. We'll appreciate + some support. If you want to donate, you can{" "} + + Donate Here + + {"."} +

+
+
+
+
+
+
+ ); +}; + +export default Collaborate; diff --git a/src/pages/Home/Components/LandingPageComponent.js b/src/pages/Home/Components/LandingPageComponent.js index 56c162d..518adfa 100644 --- a/src/pages/Home/Components/LandingPageComponent.js +++ b/src/pages/Home/Components/LandingPageComponent.js @@ -1,52 +1,148 @@ -import React from 'react' -import Banner from '../images/banner.svg'; -import poster from '../images/poster.svg'; +import React from "react"; +import Banner from "../images/banner.svg"; +import poster from "../images/poster.svg"; +import { HashLink as Link } from "react-router-hash-link"; -import DonateCard from '../../../components/DonateUs/Donate' const LandingPageComponent = () => { - return ( -
-
-
-
- all-channels -
-
-

Learn, Build, Contribute, Grow.

-

We are an Open Source Social Networking organisation that provides various robust frameworks solutions which could span the entire world.

- -
-
- -
-
-
- -

What is Codeuino?

-

Codeuino is an Open Source Social Networking organisation that provides various robust frameworks solutions which could span the entire world through building all kinds of social environments, discussion portals and collaboration platforms by giving prospectus to various other organisations, users and outreaches to showcase their products in a custom way. This wide social open networking framework organisation is driven by volunteers all over the globe. This helps open source enthusiast to build up various technocratic social wide living software and researching FOSS projects under code survivors and challenging world. Codeuino takes into the house the development of some of the coolest Open Source Projects that are made with the sole motive to benefit more and more people present all over the world..

-
-
- -

Who we Are?

-

We are a group of young open-source contributors creatively leveraging our expertise in Social networking and development projects to improve the quality of outreaching, interaction and collaboration for the people in developing nations. We consist of various teams from Development, Documentation, Designers and Donut Platform. Everyone at Codeuino contributes to increase efficiency, outreaching for the user and expedite idea generation for social networking.

-
-
- -

What do we do?

-

Codeuino takes into the house the development of some of the coolest Open Source Projects that are made with the sole motive to benefit more and more people present all over the world. - Teams within organization design and develop some basic set of software and networking plugins to help users/organisations to build up their own platform to interact for feeds, projects, Scholarships, etc. - We build social networking Kit/FOSS for various organisations to build up the social environment for their organisation to showcase their products and services for their community along with the collaboration platform to interact with one another.

-
-
-
- -
- -
- - ) -} + return ( + +
+
+
+
+ all-channels +
+
+

+ Learn, Build, Contribute, Grow. +
+ + + + + +

+

+ We are an Open Source Social Networking organisation that provides + various robust frameworks solutions which could span the entire + world. +

+ +
+

Our Mission

+

+ Communications technology has enabled new approaches to communities and + end-users in which stakeholders across sectors and organizations are engaged + in consensus building and implementation processes for open source ecosystem. + So Codeuino works with a vision to have open sustainability within social + networking and build OSS/FOSS social-environmental tools with a sole motive + to benefit organizations and individuals to have a common platform for + collaboration. +

+
+
+
+
+
+
+
+ + About Us + +
+
+
+

+

What is Codeuino?

+

+ Codeuino is an Open Source Social Networking organisation that + provides various robust frameworks solutions which could span + the entire world through building all kinds of social + environments, discussion portals and collaboration platforms by + giving prospectus to various other organisations, users and + outreaches to showcase their products in a custom way. This wide + social open networking framework organisation is driven by + volunteers all over the globe. This helps open source enthusiast + to build up various technocratic social wide living software and + researching FOSS projects under code survivors and challenging + world. Codeuino takes into the house the development of some of + the coolest Open Source Projects that are made with the sole + motive to benefit more and more people present all over the + world.. +

+
+
+

+

Who we Are?

+

+ We are a group of young open-source contributors creatively + leveraging our expertise in Social networking and development + projects to improve the quality of outreaching, interaction and + collaboration for the people in developing nations. We consist + of various teams from Development, Documentation, Designers and +   + + Donut Platform + + . Everyone at Codeuino contributes to increase efficiency, + outreaching for the user and expedite idea generation for social + networking. +

+
+
+

+

What do we do?

+

+ Codeuino takes into the house the development of some of the + coolest{" "} + + Open Source Projects + {" "} + that are made with the sole motive to benefit more and more + people present all over the world. Teams within organization + design and develop some basic set of software and networking + plugins to help users/organisations to build up their own + platform to interact for feeds, projects, Scholarships, etc. We + build social networking Kit/FOSS for various organisations to + build up the social environment for their organisation to + showcase their products and services for their community along + with the collaboration platform to interact with one another. +

+
+
+
+ +
+
+
+ ); +}; -export default LandingPageComponent \ No newline at end of file +export default LandingPageComponent; diff --git a/src/pages/Home/Components/Partners.js b/src/pages/Home/Components/Partners.js index 1f59bce..dd186f5 100644 --- a/src/pages/Home/Components/Partners.js +++ b/src/pages/Home/Components/Partners.js @@ -1,30 +1,76 @@ -import React from 'react' -import wwc from '../images/wwc.jpeg'; -import dgocean from '../images/dgocean.svg'; -import DonateCard from '../../../components/DonateUs/Donate' -import './common.css' +import React from "react"; +import wwc from "../images/wwc.jpeg"; +import dgocean from "../images/dgocean.svg"; +import jetbrains from "../images/jetbrains.png"; +import gitbook from "../images/gitbook.png"; +import linuxFoundation from "../images/LinuxFoundation.png"; +import DonateCard from "../../../components/DonateUs/Donate"; +import "./common.css"; const Partners = () => { - return ( -
-
-
-
-
-

Our Partners

- image -
-
-

Our Sponsers

- image -
-
-
-
-
- -
- -
- ) -} -export default Partners \ No newline at end of file + return ( +
+ {/*
+
+
+
+

Our Partners

+ image +
+
+

Our Sponsors

+ image +
+
+
+
*/} + + Donate + +
+
+ Codeuino's supporters and friends +
+
+ image + image + image + image + image +
+
+
+
+ +
+
+
+ ); +}; +export default Partners; diff --git a/src/pages/Home/Components/Projects.js b/src/pages/Home/Components/Projects.js index 3ae81d6..27a630f 100644 --- a/src/pages/Home/Components/Projects.js +++ b/src/pages/Home/Components/Projects.js @@ -1,82 +1,255 @@ -import React from 'react' -import donut from '../images/donut.svg'; -import codebadge from '../images/codebadge.svg'; -import card from '../images/card.svg' -import './common.css' +import React, { useState } from "react"; +import Carousel from "react-bootstrap/Carousel"; + +import donut from "../images/donut.jpg"; +import spansberry from "../images/spansberry.png"; +import codebadge from "../images/Codebadge.png"; +import card from "../images/card.svg"; +import "./common.css"; + const Projects = () => { - return ( -
-
-
-
Opensource -

Our Projects

- {/*

Codeuino is a Non-Profit Open Source Social Networking organisation that provides various robust frameworks solutions which could span the entire world through building all kinds of social environments, discussion portals and collaboration platforms by giving prospectus to various other organisations, users and outreachers to showcase their products in a custom way. This wide social open networking framework organisation is driven by the volunteers all over the globe. This helps open source enthusiast to build up various technocratic social wide living softwares and researching FOSS projects under code survivors and challenging world. Codeuino takes into house the development of some of the coolest Open Source Projects that are made with the sole motive to benefit more and more people present all over the world.

*/} -
-
- image -
-
-

Donut

-

Donut is an open-source, feature-rich, highly flexible and privacy-friendly, social networking platform built for community-oriented collaboration in a customized way. It has been built on the Node.js framework allowing an essential impetus to provide custom and friendly rich widgets and an expansive library of modules to make communication and collaboration easy and successful. With a powerful module system, you can customize this platform by using third party tools, writing your own or integrating other software.

-
-
- - - -
-
-
-
-

Codebadge

-

Codebadge is an open-source, user-friendly, visual-oriented collaboration tool which incorporates development of badges and integrating with forums in a customized way. Codebadge communicate skills, achievements and contribution tracking by providing visual symbols of accomplishments packed with verifiable data and evidence that can be shared across the web. It is a standard organization-oriented project that provides an essential impetus to Admins and users with an appropriate dashboards.

-
-
- - - -
-
-
-
- image -
-
-
-
-
-
-
-
-
-
-
- -
-
-

Design Project

-

To all the designers in the world something big is comming soon! Update your tools for the battle.

-
-
-
-

Coming Soon

-
-
- image -
-
-
-
- -
-
- {/*
*/} -
-
- {/* image */} -
-
-
- - ) -} -export default Projects + const [donutIndex, setDonutIndex] = useState(0); + const [codebadgeIndex, setCodebadgeIndex] = useState(0); + + const handleSelect = (key) => (selectedIndex, e) => { + if (key === "donut") { + setDonutIndex(selectedIndex); + } else if (key === "codebadge") { + setCodebadgeIndex(selectedIndex); + } + }; + return ( +
+
+
+
+ + Opensource + +

Our Projects

+
+
+ + + donut project + + +
+
+

Donut

+

+ Donut is an open-source, feature-rich, highly flexible and + privacy-friendly, social networking platform built for + community-oriented collaboration in a customized way. It has + been built on the Node.js framework allowing an essential + impetus to provide custom and friendly rich widgets and an + expansive library of modules to make communication and + collaboration easy and successful. With a powerful module + system, you can customize this platform by using third party + tools, writing your own or integrating other software. +

+
+ +
+
+
+

Codebadge

+

+ Codebadge is an open-source, user-friendly, visual-oriented + collaboration tool which incorporates development of badges + and integrating with forums in a customized way. Codebadge + communicate skills, achievements and contribution tracking by + providing visual symbols of accomplishments packed with + verifiable data and evidence that can be shared across the + web. It is a standard organization-oriented project that + provides an essential impetus to Admins and users with an + appropriate dashboards. +

+
+ +
+
+
+ + + codebage project + + +
+
+
+
+ + + spansberry project + + +
+
+

Spansberry

+

+ Spansberry is a community-oriented discussion platform that + comes with an intelligent dashboard mechanism that helps + manage the ongoing discussions in organized and structural + ways. Within the discussion forum, it allows tracking and + assigning tasks within the discussion forum from the replied + thread itself. It helps review team workload alongside + creating polls and surveys, and schedule draft messages inside + the discussions. The exuberant feature of this project is that + it helps turn a new or existing message within the ongoing + discussion into a task, set a deadline for any user, assign it + to a teammate or anyone, add comments or attach documents and + files, and get reminded automatically for meetings, + announcements, projects and any discussions through the bot. +

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

+ Design Project + COMING SOON +

+ +
+
+
+
+
+ image +
+
+
+
+
+
+
+
+
+
+ ); +}; +export default Projects; diff --git a/src/pages/Home/Components/common.css b/src/pages/Home/Components/common.css index a701e3e..35387ea 100644 --- a/src/pages/Home/Components/common.css +++ b/src/pages/Home/Components/common.css @@ -2,4 +2,61 @@ margin-bottom: 60px; font-weight: 600; font-size:48px; +} + +.aws-sld.--exit.aws-sld--moveRight, .aws-sld.--exit.aws-sld--moveLeft { + animation: scaleOut var(--slider-transition-duration) both + var(--transition-bezier); +} + + @keyframes scaleOut { + to { + transform: scale(0.85); + } + } + +.aws-btn { + --slider-height-percentage: 60%; + --slider-transition-duration: 670ms; + --organic-arrow-thickness: 5px; + --organic-arrow-border-radius: 30px; + --organic-arrow-height: 22px; + --organic-arrow-color: #cccccc; + --control-button-width: 8%; + --control-button-height: 80%; + --control-button-background: transparent; + --control-bullet-color: #22247a; + --control-bullet-active-color: #22247a; + --loader-bar-color: #ffffff; + --loader-bar-height: 4px; +} + +.custom-links { + color: rgb(34, 36, 122); + font-weight: 700; + border-bottom: 3px solid rgb(34, 36, 122); +} + +.custom-links:hover { + color: rgb(34, 36, 122); +} + +.design-banner-heading { + font-family: "Nunito Sans", sans-serif; + font-style: normal; + font-weight: 900; + font-size: 50px; + color: #000000; + margin-top: -15px !important; +} + +.coming-soon { + letter-spacing: 7px; + font-size: 25px; + margin-left: 25px; + font-weight: normal; +} + +.banner-text { + font-size: 22px; } \ No newline at end of file diff --git a/src/pages/Home/Components/currentActivities.js b/src/pages/Home/Components/currentActivities.js new file mode 100644 index 0000000..2e29922 --- /dev/null +++ b/src/pages/Home/Components/currentActivities.js @@ -0,0 +1,62 @@ +export const CURRENT_ACTIVITIES = [ + { + image: + "https://1.bp.blogspot.com/-cuUkgcSiKTo/Xgj0KRJDa1I/AAAAAAAHhMs/lhAa2KWHzLw_4pwtR3jJ2lO3DXJeqcjxACLcBGAsYHQ/w1200-h630-p-k-no-nu/gsoc.png", + title: "Google Summer of Code", + description: + "Google Summer of Code (GSoC) is a global program run by Google focused on bringing more student developers into open source software development. Students work with an open source organization on a 3-month programming project during their break from school. Codeuino Participated under Jboss Community in 2019 and The Terasology Foundation in 2020", + links: [ + { + name: "Website Link", + href: "https://summerofcode.withgoogle.com/", + }, + { + name: "GSoC'19", + href: "https://summerofcode.withgoogle.com/archive/2019/projects/6567045829754880/", + }, + { + name: "GSoC'20", + href: "", + }, + ], + }, + { + image: "https://miro.medium.com/max/3200/1*FHJTiIW9_enNj4RWSQ3NEQ.png", + title: "Google Code-In", + description: + "Google Code-In was a contest that introduced pre-university students (ages 13-17) to open source software development. The contest was held for 10 years starting in November 2010 and wrapping up the final contest in January 2020. Codeuino Participated under The Terasology Foundation in 2019.", + links: [ + { + name: "Website Link", + href: "https://codein.withgoogle.com/", + }, + { + name: "GCI'19", + href: "https://codein.withgoogle.com/archive/2019/organization/4857714174328832/task/", + }, + ], + }, + { + image: "https://kodi.tv/sites/default/files/article/field_image/LinuxFoundation.png", + title: "Linux Foundation CommunityBridge Mentorship Program", + description: + "CommunityBridge Mentorship is a platform that offers a structured remote learning program for individuals. Experienced open source project professionals mentor aspiring individuals and help them contribute to the open source community. Mentees gain real-world experience by working closely with mentors. Companies can hire Mentorship program graduates to expand their workforce.", + links: [ + { + name: "Website Link", + href: "https://people.communitybridge.org/", + }, + { + name: "Codeuino Mentorship LF", + href: "https://people.communitybridge.org/project/7deb8e48-6797-4115-bb96-9cf4ccee022e", + }, + ], + }, + { + image: "data:image/png;base64,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", + title: "Codeuino Mentorship Program", + description: + "Codeuino Mentorship program is an unpaid internship program that helps to welcome various and diverse set of open source contributors to works on the exuberant projects under Codeuino community for required time slot under the mentorship of Codeuino mentors.", + links: [], + }, +]; diff --git a/src/pages/Home/NewHome.css b/src/pages/Home/NewHome.css index 73a480c..cc20a50 100644 --- a/src/pages/Home/NewHome.css +++ b/src/pages/Home/NewHome.css @@ -4,6 +4,15 @@ font-weight:400; font-style:normal } + .twitter-feed { + max-width: max-content; + margin: auto; + } + + .SandboxRoot.env-bp-970 .timeline-Tweet-text { + font-size: 16px !important; + } + .fe { font-family: Feather!important; speak: none; @@ -1329,9 +1338,9 @@ max-width: 960px } } - @media (min-width: 1200px) { + @media (min-width: 1300px) { .container { - max-width: 1200px + max-width: 1300px } } .container-fluid { @@ -8371,6 +8380,10 @@ .my-n16 { margin-top: -25rem!important } + .mt-n17, + .my-n17 { + margin-top: -29rem!important + } .mr-n16, .mx-n16 { margin-right: -25rem!important @@ -16269,9 +16282,7 @@ padding:0; -webkit-border-radius: 4px; -moz-border-radius: 4px; - border-radius:4px; - box-shadow: 0 4px 5px 0 rgba(0,0,0,0.14), 0 1px 10px 0 rgba(0,0,0,0.12), 0 2px 4px -1px rgba(0,0,0,0.3); - + border-radius:4px; } /* p{ font-size: 0.3rem; @@ -16287,7 +16298,8 @@ } } .index-content .card:hover{ - box-shadow: 0 16px 24px 2px rgba(0,0,0,0.14), 0 6px 30px 5px rgba(0,0,0,0.12), 0 8px 10px -5px rgba(0,0,0,0.3); + box-shadow: 5px 10px 10px 1px rgba(0, 0, 0, 0.253); + transition: box-shadow 0.5s ease; color:black; } .index-content .card img{ diff --git a/src/pages/Home/NewHome.js b/src/pages/Home/NewHome.js index fddd991..149ad31 100644 --- a/src/pages/Home/NewHome.js +++ b/src/pages/Home/NewHome.js @@ -1,28 +1,69 @@ -import React from 'react'; -import './NewHome.css'; -import ScrollToTopBtn from '../../components/ScrollToTopBtn/ScrollToTopBtn.js'; -import Projects from './Components/Projects' -import LandingPageComponent from './Components/LandingPageComponent' -import Activities from './Components/Activities' -import Partners from './Components/Partners' -import TweetFeeds from '../../components/TwitterFeeds/TwitterFeeds' +import React from "react"; +import "./NewHome.css"; +import ScrollToTopBtn from "../../components/ScrollToTopBtn/ScrollToTopBtn.js"; +import Projects from "./Components/Projects"; +import LandingPageComponent from "./Components/LandingPageComponent"; +import Activities from "./Components/Activities"; +import Collaborate from "./Components/Collaborate"; +import Partners from "./Components/Partners"; +import { TwitterTimelineEmbed } from "react-twitter-embed"; const NewHome = () => { - return ( -
-
-
-
- - - - - - -
-
+ + return ( +
+
+
+
+ +
+ +
+
+ +
+
+ +
+
+ +
+ + +
-
- ); -} +
+
+ ); +}; export default NewHome; diff --git a/src/pages/Home/images/Codebadge.png b/src/pages/Home/images/Codebadge.png new file mode 100644 index 0000000..0d849ff Binary files /dev/null and b/src/pages/Home/images/Codebadge.png differ diff --git a/src/pages/Home/images/LinuxFoundation.png b/src/pages/Home/images/LinuxFoundation.png new file mode 100644 index 0000000..8053f2c Binary files /dev/null and b/src/pages/Home/images/LinuxFoundation.png differ diff --git a/src/pages/Home/images/bug.svg b/src/pages/Home/images/bug.svg new file mode 100644 index 0000000..3ce9146 --- /dev/null +++ b/src/pages/Home/images/bug.svg @@ -0,0 +1,130 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/src/pages/Home/images/code.svg b/src/pages/Home/images/code.svg new file mode 100644 index 0000000..f06b96c --- /dev/null +++ b/src/pages/Home/images/code.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/pages/Home/images/codeuino.jpeg b/src/pages/Home/images/codeuino.jpeg new file mode 100644 index 0000000..d1bc16b Binary files /dev/null and b/src/pages/Home/images/codeuino.jpeg differ diff --git a/src/pages/Home/images/donation.svg b/src/pages/Home/images/donation.svg new file mode 100644 index 0000000..11619f2 --- /dev/null +++ b/src/pages/Home/images/donation.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/pages/Home/images/donut.jpg b/src/pages/Home/images/donut.jpg new file mode 100644 index 0000000..eb0dcd6 Binary files /dev/null and b/src/pages/Home/images/donut.jpg differ diff --git a/src/pages/Home/images/donut.png b/src/pages/Home/images/donut.png new file mode 100644 index 0000000..a401191 Binary files /dev/null and b/src/pages/Home/images/donut.png differ diff --git a/src/pages/Home/images/gitbook.png b/src/pages/Home/images/gitbook.png new file mode 100644 index 0000000..1204593 Binary files /dev/null and b/src/pages/Home/images/gitbook.png differ diff --git a/src/pages/Home/images/jetbrains.png b/src/pages/Home/images/jetbrains.png new file mode 100644 index 0000000..eada8cb Binary files /dev/null and b/src/pages/Home/images/jetbrains.png differ diff --git a/src/pages/Home/images/spansberry.png b/src/pages/Home/images/spansberry.png new file mode 100644 index 0000000..e6a9803 Binary files /dev/null and b/src/pages/Home/images/spansberry.png differ diff --git a/src/pages/JoinUs/JoinUs.js b/src/pages/JoinUs/JoinUs.js index b287da9..30869fb 100644 --- a/src/pages/JoinUs/JoinUs.js +++ b/src/pages/JoinUs/JoinUs.js @@ -1,177 +1,363 @@ -import React from 'react'; +import React, { useEffect } from "react"; const JoinUs = () => { - return ( -
-
-
-
-
-

Get Involved

-

Welcome to Newcomers !!!

-
-
-
- image - image -
-
-


-
-
-
-

Join Us

-

Codeuino is an Open Source organization that helps to bring amazing people together to create, develop, design and make things with Open Technologies and share work - for the benefit of all.Our project is an important part of Free Software Ecosystem.We work with other free projects to create high - quality solutions that span the entire software stack.While the many Codeuino contributors develop code, smash bugs, write documentation, and help users, the Foundation acts as a guiding hand in the process and provides resources and infrastructure.It steers releases, determines what software is officially part of the project, and acts as an official face of the Codeuino Project to the outside world, through it delegates most of its authority to specialized teams.Therefore, this guide would help you to become an integral part of the Community.

-
-
-

-
-
-
-

Working with Codeuino

-

Everyone in the Codeuino community is expected to follow our Code of Conduct. To become part of the Codeuino developers team, there are a few steps you need to complete.

-
-
-
-
-
-
-
-
    -
  • - 1. Read the issues. -
  • -
  • - 2. Before Solving, leave a comment suggesting your will. -
  • -
  • - 3. After being assigned the issue, solve the same. -
  • -
  • - 4. Send the Pull Request to the “development” branch. -
  • -
  • - 5. After the merge is successful, review the pull request. -
  • -
-
-

- Make sure you follow the steps as mentioned, and hence it will make you familiar with the workflow of the organization.Also, you would successfully be able to contribute to the community. -

-

Step 1. Familiarize, Communicate and Get Involved with the Community

-

- To get started, the first step is to meet the community. We use Slack to communicate, and there the helpful community will guide you. Slack is an instant messaging service used by developers and users of Github. Slack uses chat rooms, where developers can join in and can talk about a particular topic. Codeuino has two types of chat rooms (channels) – Meeting channel and General channel. -

- Meeting chat room is related to a specific details and General chat room is related to general discussion topics like conferences, workshops and it is here where we welcome Newcomers and guide them. This is the main chat room of Codeuino. Everything related to conferences and off topics are discussed here. -

-

- The list of all available chat rooms are available here - channel list. But before joining the community, here are few things that you should keep in mind. -

-
-
    -
  • - 1.Only log into Slack using your GitHub account. -
  • -
  • - 2.It will be appreciated if your Github username and slack username is same which will make easier for all to identify you. -
  • -
  • - 3.Do not mention users unrelated to a particular issue/question. This also means you should not mention the person that was last online. For example, mentioning someone on a Github issue will subscribe them to that issue, even if they don’t want to be a part of the discussion. However, mentioning someone is okay if they really need to see your message. -
  • -
  • - 4.Don’t repeatedly mention people in an ongoing conversation. -
  • -
  • - 5.You should ask someone before mentioning them. -
  • -
-
-

- Now you are ready to join Codeuino community at Codeuino Slack. The newcomers would be greeted by our Slack bot which will invite you to introduce yourself to the team.

- Note:-If you have questions, make sure they are precise and have the proper documentation style. You must feel free to contact us on Slack while you encounter any problem.

- Also, we use Hangouts, to conduct our discussions and for video conferencing. So you must have an account on the same. Also, we recommend you that our Organization Team is always there for your help, but irrelevant doubts will create unnecessary confusion during discussions. -

-

Step 2. Proposing a Project

-

If you have some interesting ideas about a new project that you think our organization should work upon, you are most welcome to do so. To propose a new project follow the steps mentioned below :-

-
-
    -
  • - 1.We have created a different channel #chalk-outProposals on Slack for our organization where you can propose your project. In this channel we have the team which decides the projects that our organization should work upon. -
  • -
  • - 2.If your project is unanimously accepted by the team then you will be allowed to create issues regarding your project. But until then, you cannot do so. -
  • -
  • - 3.As soon the project is accepted you will be the official admin of that project and you will be free to create issues. You are allowed to assign the issue to anyone you feel worthy( if the one is interested to do it ). Please do not mention anyone without a reason. -
  • -
  • - 4.Also, you can then label the issue as “Work In Progress” (wip), so that others do not work on it. -
  • -
-
-

Step 3. Working on the Issue

-

- Help is always welcome, be it any form, whether it is working on the documentation process or solving an issue. It is the best way to get along with the community. You can view all the issues on our GitHub Organization.

- Important !! You need to be logged in before you follow the issues link. They will give you a glimpse of what it’s like to work with us and what the workflow is like.

- Also, for those who are new to Git and GitHub, our guidelines will help you throughout the process. - Cloning our GitHub repository:- The git clone command is used to copy an existing Git repository from a server to the local machine. To clone our git repository follow these steps in your terminals:-

-

-
-
    -
  • - 1.cd path where you would like the clone to create a directory -
  • -
  • - 2.copy and paste this code into your terminals for cloning our website code. Similarly just change the link to clone the other repositories git clone https://github.com/Codeuino/website-www.Codeuino.org.git -
  • -
  • - 3.Now pick an issue which isn’t assigned and which you would like to fix. Leave a comment that you would like to work on that particular issue. This way we don’t have multiple people working on the same issue at the same time. After this, you can start working on it. -
  • -
  • - 4.Caution:- You should never work on an issue without being assigned. Also take up the issue, only when you know what the problem is and how to solve it. -
  • -
-
-

Step 4. Forking and Testing the Modifications

-

- You should first fork the repository by visiting the official repository of Codeuino and clicking on the button Fork. This step is needed only once.

- Important !! It is important that you DO NOT make your changes on the master branch of your forked repository as you cannot have two pull requests using the same branch name. Therefore, if your fork’s master has been used in a pull request and you decide to work on a different issue you will have to branch eventually. Differently every new commit that you make on your master branch will get attached to the initial pull request and that will result in altering the purpose of that request.

- You can create a branch per set of changes. To do that run: - $ git checkout -b branchname where your branch name can be anything other than master. The scope is your forked repository. The branch name will be shown on pull request.Before pushing the pull request, you must test your changes with some concrete examples. -

-

Step 5. Sending a Pull Request

-

- Now that your commit has been sent to your fork, it is time to create a Pull Request. You can do this by accessing your fork on GitHub and clicking New Pull Request.

- Note:- Comments are always welcomed, as the readability of the code becomes easy for the other developers.

- Creating a Pull Request:- If you've forked a repository and made changes to the fork, you can ask that the upstream repository accept your changes by creating a pull request.

- Note: To open a pull request in a public repository, you must have write access to the head or the source branch or, for organization-owned repositories, you must be a member of the organization that owns the repository to open a pull request.

-

-
-
    -
  • - 1.Navigate to the original repository you created your fork from. -
  • -
  • - 2.To the right of the Branch menu, click New pull request. -
  • -
  • - 3.Type a title and description for your pull request. -
  • -
  • - 4.If you do not want to allow anyone with push access to the upstream repository to make changes to your PR, deselect Allow edits from maintainers. -
  • -
  • - 5. Click Create pull request. -
  • -
-
-
-
-

-
+ useEffect(()=>{ + window.scrollTo(0, 0); + }, []) + return ( +
+
+
+
+
+

+ Get Involved +

+

Welcome to Newcomers !!!

+
+
+ +
- ); -} +
+
+
+
+
+

+ Join Us +

+

+ Codeuino is an Open Source organization that helps to bring + amazing people together to create, develop, design and make things + with Open Technologies and share work for the benefit of all.Our + project is an important part of Free Software Ecosystem.We work + with other free projects to create high - quality solutions that + span the entire software stack.While the many Codeuino + contributors develop code, smash bugs, write documentation, and + help users, the Foundation acts as a guiding hand in the process + and provides resources and infrastructure.It steers releases, + determines what software is officially part of the project, and + acts as an official face of the Codeuino Project to the outside + world, through it delegates most of its authority to specialized + teams.Therefore, this guide would help you to become an integral + part of the Community. +

+
+
+
+
+
+
+
+

+ Working with Codeuino +

+

+ Everyone in the Codeuino community is expected to follow our Code + of Conduct. To become part of the Codeuino developers team, there + are a few steps you need to complete. +

+
+
+
+
+
+
+
+
    +
  • + 1. Read the issues. +
  • +
  • + 2. Before Solving, leave a comment suggesting your + will. +
  • +
  • + 3. After being assigned the issue, solve the same. +
  • +
  • + 4. Send the Pull Request to the “development” branch. +
  • +
  • + 5. After the merge is successful, review the pull + request. +
  • +
+
+

+ Make sure you follow the steps as mentioned, and hence it will + make you familiar with the workflow of the organization.Also, you + would successfully be able to contribute to the community. +

+

+ Step 1. Familiarize, Communicate and Get Involved with the + Community +

+

+ To get started, the first step is to meet the community. We use + Slack to communicate, and there the helpful community will guide + you. Slack is an instant messaging service used by developers and + users of Github. Slack uses chat rooms, where developers can join + in and can talk about a particular topic. Codeuino has two types + of chat rooms (channels) –{" "} + Meeting channel and General channel. +
+
+ Meeting chat room is related to a specific + details and General chat room is related to + general discussion topics like conferences, workshops and it is + here where we welcome Newcomers and guide them. This is the main + chat room of Codeuino. Everything related to conferences and off + topics are discussed here. +

+

+ The list of all available chat rooms are available here - channel + list. But before joining the community, here are few things that + you should keep in mind. +

+
+
    +
  • + 1.Only log into Slack using your GitHub account. +
  • +
  • + 2.It will be appreciated if your Github username and + slack username is same which will make easier for all to + identify you. +
  • +
  • + 3.Do not mention users unrelated to a particular + issue/question. This also means you should not mention the + person that was last online. For example, mentioning someone + on a Github issue will subscribe them to that issue, even if + they don’t want to be a part of the discussion. However, + mentioning someone is okay if they really need to see your + message. +
  • +
  • + 4.Don’t repeatedly mention people in an ongoing + conversation. +
  • +
  • + 5.You should ask someone before mentioning them. +
  • +
+
+

+ Now you are ready to join Codeuino community at Codeuino Slack. + The newcomers would be greeted by our Slack bot which will invite + you to introduce yourself to the team. +
+
+ Note:-If you have questions, make sure they are + precise and have the proper documentation style. You must feel + free to contact us on Slack while you encounter any problem. +
+
+ Also, we use Hangouts, to conduct our discussions + and for video conferencing. So you must have an account on the + same. Also, we recommend you that our Organization Team is always + there for your help, but irrelevant doubts will create unnecessary + confusion during discussions. +

+

+ Step 2. Proposing a Project +

+

+ If you have some interesting ideas about a new project that you + think our organization should work upon, you are most welcome to + do so. To propose a new project follow the steps mentioned below + :- +

+
+
    +
  • + 1.We have created a different channel{" "} + #chalk-outProposals on Slack for our + organization where you can propose your project. In this + channel we have the team which decides the projects that our + organization should work upon. +
  • +
  • + 2.If your project is unanimously accepted by the team + then you will be allowed to create issues regarding your + project. But until then, you cannot do so. +
  • +
  • + 3.As soon the project is accepted you will be the + official admin of that project and you will be free to create + issues. You are allowed to assign the issue to anyone you feel + worthy( if the one is interested to do it ). Please do not + mention anyone without a reason. +
  • +
  • + 4.Also, you can then label the issue as{" "} + “Work In Progress” (wip), so that others do + not work on it. +
  • +
+
+

+ Step 3. Working on the Issue +

+

+ Help is always welcome, be it any form, whether it is working on + the documentation process or solving an issue. It is the best way + to get along with the community. You can view all the issues on + our GitHub Organization. +
+
+ Important !! You need to be logged in before you + follow the issues link. They will give you a glimpse of what it’s + like to work with us and what the workflow is like. +
+
+ Also, for those who are new to Git and GitHub, our guidelines will + help you throughout the process. + Cloning our GitHub repository:- The git clone + command is used to copy an existing Git repository from a server + to the local machine. To clone our git repository follow these + steps in your terminals:- +
+
+

+
+
    +
  • + 1.cd path where you would like the clone to create a + directory +
  • +
  • + 2.copy and paste this code into your terminals for + cloning our website code. Similarly just change the link to + clone the other repositories{" "} + + git clone + https://github.com/Codeuino/website-www.Codeuino.org.git + +
  • +
  • + 3.Now pick an issue which isn’t assigned and which you + would like to fix. Leave a comment that you would like to work + on that particular issue. This way we don’t have multiple + people working on the same issue at the same time. After this, + you can start working on it. +
  • +
  • + 4. + Caution:- You should never work on an issue + without being assigned. Also take up the issue, only when you + know what the problem is and how to solve it. +
  • +
+
+

+ Step 4. Forking and Testing the Modifications +

+

+ You should first fork the repository by visiting the official + repository of Codeuino and clicking on the button Fork. This step + is needed only once. +
+
+ Important !! It is important that you DO NOT make + your changes on the master branch of your forked repository as you + cannot have two pull requests using the same branch name. + Therefore, if your fork’s master has been used in a pull request + and you decide to work on a different issue you will have to + branch eventually. Differently every new commit that you make on + your master branch will get attached to the initial pull request + and that will result in altering the purpose of that request. +
+
+ You can create a branch per set of changes. To do that run: + $ git checkout -b branchname where your branch + name can be anything other than master. The scope is your forked + repository. The branch name will be shown on pull request.Before + pushing the pull request, you must test your changes with some + concrete examples. +

+

+ Step 5. Sending a Pull Request +

+

+ Now that your commit has been sent to your fork, it is time to + create a Pull Request. You can do this by accessing your fork on + GitHub and clicking New Pull Request.
+
+ Note:- Comments are always welcomed, as the + readability of the code becomes easy for the other developers.{" "} +
+
+ Creating a Pull Request:- If you've forked a + repository and made changes to the fork, you can ask that the + upstream repository accept your changes by creating a pull + request. +
+
+ Note: To open a pull request in a public + repository, you must have write access to the head or the source + branch or, for organization-owned repositories, you must be a + member of the organization that owns the repository to open a pull + request.
+
+

+
+
    +
  • + 1.Navigate to the original repository you created your + fork from. +
  • +
  • + 2.To the right of the Branch menu, click + New pull request. +
  • +
  • + 3.Type a title and description for your pull request. +
  • +
  • + 4.If you do not want to allow anyone with push access + to the upstream repository to make changes to your PR, + deselect Allow edits from maintainers. +
  • +
  • + 5. Click Create pull request. +
  • +
+
+
+
+
+
+
+
+ ); +}; export default JoinUs; diff --git a/src/pages/Team/Team.css b/src/pages/Team/Team.css index b9e5c12..125cf9c 100644 --- a/src/pages/Team/Team.css +++ b/src/pages/Team/Team.css @@ -7,4 +7,16 @@ } */ img{ width:75%; +} + +.team-heading { + font-family: "Nunito Sans", sans-serif; + font-size: 60px; + font-weight: 600; +} + +.team-sub-heading { + font-family: "Nunito Sans", sans-serif; + font-size: 40px; + font-weight: 600; } \ No newline at end of file diff --git a/src/pages/Team/Team.js b/src/pages/Team/Team.js index aa80807..1403d58 100644 --- a/src/pages/Team/Team.js +++ b/src/pages/Team/Team.js @@ -1,75 +1,95 @@ -import React, { Component } from 'react'; +import React, { Component } from "react"; -import PropTypes from 'prop-types'; +import PropTypes from "prop-types"; // import {Card,Button} from 'react-bootstrap' -import './Team.css'; -import BoardMembersWrapper from './BoardMembers' -import CoreContributorsWrapper from './CoreContributors' -import ScrollToTopBtn from '../../components/ScrollToTopBtn/ScrollToTopBtn.js'; -import axios from 'axios'; -import $ from 'jquery'; +import "./Team.css"; +import BoardMembersWrapper from "./BoardMembers"; +import CoreContributorsWrapper from "./CoreContributors"; +import ScrollToTopBtn from "../../components/ScrollToTopBtn/ScrollToTopBtn.js"; +import axios from "axios"; +import $ from "jquery"; class Team extends Component { - - constructor(props){ - super(props); - this.state={ - boardMembers:[], - contributors:[] - } - } - // var jsonURL = "https://s3.ap-south-1.amazonaws.com/pr-webhook-contributors-json/contributors.json"; - // $.getJSON(jsonURL, function(json) { - // $.each(json, function() { - // var contributorDiv = ""; - // contributorDiv += '
'; - // // contributorDiv += '

' + this.name + '

'; - // // contributorDiv += '
' - // $('#contributors').append(contributorDiv); - // }); - // }); - componentDidMount(){ - var jsonURL = "https://s3.ap-south-1.amazonaws.com/pr-webhook-contributors-json/contributors.json"; - axios.get(jsonURL) - .then((res)=>{this.setState({contributors:res.data});console.log(this.state)}); - } - render() { - let contributors=this.state.contributors; - // console.log(contributors) - var contrilist = contributors.map((contri)=>{ - return
- }) - return ( - <> -
-
-
-
-
-

Leadership

-
- + constructor(props) { + super(props); + this.state = { + boardMembers: [], + contributors: [], + }; + } + // var jsonURL = "https://s3.ap-south-1.amazonaws.com/pr-webhook-contributors-json/contributors.json"; + // $.getJSON(jsonURL, function(json) { + // $.each(json, function() { + // var contributorDiv = ""; + // contributorDiv += '
'; + // // contributorDiv += '

' + this.name + '

'; + // // contributorDiv += '
' + // $('#contributors').append(contributorDiv); + // }); + // }); + componentDidMount() { + var jsonURL = + "https://s3.ap-south-1.amazonaws.com/pr-webhook-contributors-json/contributors.json"; + axios.get(jsonURL).then((res) => { + this.setState({ contributors: res.data }); + //console.log(this.state); + }); + window.scrollTo(0, 0); + } + render() { + let contributors = this.state.contributors; + // console.log(contributors) + var contrilist = contributors.map((contri) => { + return ( +
+ + + {" "}
-

Our Backbone

-
- -
-

Our Awesome Contributors

-
-
+ ); + }); + return ( + <> +
+
+
+
+
+

Our Team

+
+ +
+

Our Backbone

+
+ +
+

Our Awesome Contributors

+
+
{contrilist} +
+
-
-
-
-
- - - ); - } +
+
+ + + ); + } } - - export default Team; diff --git a/src/pages/Team/TeamCard.js b/src/pages/Team/TeamCard.js index f26b23c..6967579 100644 --- a/src/pages/Team/TeamCard.js +++ b/src/pages/Team/TeamCard.js @@ -1,28 +1,35 @@ -import React from 'react' -import { Card, Image } from 'semantic-ui-react' - +import React from "react"; +import { Card } from "react-bootstrap"; const TeamCard = (props) => { - console.log(props) - return ( - - - - {props.member.name} - - {props.member.post} - - - {props.member.headline} - - - -
- - -
-
-
- ) -} -export default TeamCard \ No newline at end of file + //console.log(props); + return ( + + + + {props.member.name} + + {props.member.post} + + {props.member.headline} + + + + + + + + + + + ); +}; +export default TeamCard; diff --git a/src/pages/Team/TeamCardWrapper.css b/src/pages/Team/TeamCardWrapper.css index 1a962f1..93a19ec 100644 --- a/src/pages/Team/TeamCardWrapper.css +++ b/src/pages/Team/TeamCardWrapper.css @@ -4,6 +4,20 @@ grid-gap: 30px; grid-row-gap: 50px; } + +.team-card-name { + font-family: "Open Sans", sans-serif; + font-size: 24px; + font-weight: 600; +} + +.team-card-post { + font-family: "Open Sans", sans-serif; + font-size: 18px; + letter-spacing: 2px; + font-weight: 600; +} + @media screen and (max-width:767px) { .grid { grid-template-columns: auto;