From 31a205016f9e811ece59f3f1101a06ebcd846cd2 Mon Sep 17 00:00:00 2001 From: Eug-VS Date: Sat, 11 Jan 2020 19:42:47 +0300 Subject: Markup initial Contribute page --- src/pages/Contribute/Contribute.js | 95 ++++++++++++++++++++++++++++++++++++++ 1 file changed, 95 insertions(+) create mode 100644 src/pages/Contribute/Contribute.js (limited to 'src/pages/Contribute/Contribute.js') diff --git a/src/pages/Contribute/Contribute.js b/src/pages/Contribute/Contribute.js new file mode 100644 index 0000000..b837021 --- /dev/null +++ b/src/pages/Contribute/Contribute.js @@ -0,0 +1,95 @@ +import React from 'react'; + +import { + Typography, + Link, + Button, + makeStyles, +} from "@material-ui/core"; + +import Window from "../../components/Window/Window"; +import ContentSection from "../../components/ContentSection/ContentSection"; + + +const useStyles = makeStyles(theme => ({ + mono: { + padding: theme.spacing(4), + } +})); + + +const Contribute = () => { + const classes = useStyles(); + + return ( + +
+ + +

+ ChronoCube is an Open-Source application, and we welcome anyone who desires to help our project! +

+ + + + +

We only use modern and most relevant technologies to achieve the best results!

+

+

+ Special thanks to other Open-Source projects which made ChronoCube possible: + +

+ + + + +

Thank You for considering helping our project!

+

+ All the development process is being tracked on + the KanBan board. + You can always check it to see what is the current state of the project. + To contribute your code, fork our repository and then open + a + Pull Request. We will carefully review and, hopefully, accept it! + If you are unfamiliar with this kind of workflow, we recommend + reading GitHub guidelines. +

+

+ We always welcome newcomers! If you are unfamiliar with certain technologies or even with the + development in general, it is great time to start learning something new! + Our community will kindly assist every your step, and with us you can easily become + highly-evaluated developer! +

+ + + + +
+ + ); + +}; + + +export default Contribute; -- cgit v1.2.3 From 871581e3a7338387e14c9ea8744abad4b83e9f2c Mon Sep 17 00:00:00 2001 From: Eug-VS Date: Sat, 11 Jan 2020 20:19:43 +0300 Subject: Replace stub URLs --- src/pages/Contribute/Contribute.js | 15 +++++++-------- 1 file changed, 7 insertions(+), 8 deletions(-) (limited to 'src/pages/Contribute/Contribute.js') diff --git a/src/pages/Contribute/Contribute.js b/src/pages/Contribute/Contribute.js index b837021..d584bfc 100644 --- a/src/pages/Contribute/Contribute.js +++ b/src/pages/Contribute/Contribute.js @@ -2,7 +2,6 @@ import React from 'react'; import { Typography, - Link, Button, makeStyles, } from "@material-ui/core"; @@ -29,6 +28,9 @@ const Contribute = () => {

ChronoCube is an Open-Source application, and we welcome anyone who desires to help our project!

+ @@ -36,24 +38,21 @@ const Contribute = () => {

We only use modern and most relevant technologies to achieve the best results!

Special thanks to other Open-Source projects which made ChronoCube possible:

-- cgit v1.2.3 From a68198837b193369bfcc03f320c012d8568836d8 Mon Sep 17 00:00:00 2001 From: Eug-VS Date: Sun, 12 Jan 2020 03:35:39 +0300 Subject: Add Developers section to Contribute page --- src/pages/Contribute/Contribute.js | 60 ++++++++++++++++++++++++++++++++++++-- 1 file changed, 58 insertions(+), 2 deletions(-) (limited to 'src/pages/Contribute/Contribute.js') diff --git a/src/pages/Contribute/Contribute.js b/src/pages/Contribute/Contribute.js index d584bfc..f601f3a 100644 --- a/src/pages/Contribute/Contribute.js +++ b/src/pages/Contribute/Contribute.js @@ -3,6 +3,11 @@ import React from 'react'; import { Typography, Button, + List, + ListItem, + Link, + Avatar, + Divider, makeStyles, } from "@material-ui/core"; @@ -13,10 +18,19 @@ import ContentSection from "../../components/ContentSection/ContentSection"; const useStyles = makeStyles(theme => ({ mono: { padding: theme.spacing(4), - } + + '& .MuiAvatar-root': { + marginRight: theme.spacing(2), + width: theme.spacing(6), + height: theme.spacing(6), + } + }, })); +const developers = require('../../developers.json'); + + const Contribute = () => { const classes = useStyles(); @@ -84,10 +98,52 @@ const Contribute = () => { Report a bug + + + { + developers.map(developer => { + const githubUrl = `https://github.com/${developer.username}`; + const avatarUrl = `${githubUrl}.png`; + + return ( + <> + + + + +
+ + + {developer.username} + + + + {developer.role} + +
+ + + + ) + }) + } + + + You can be here! + + + + ); - }; -- cgit v1.2.3 From 106d489a53e9069a74ed6b90984c15cc48a8823f Mon Sep 17 00:00:00 2001 From: Eug-VS Date: Sun, 12 Jan 2020 03:47:59 +0300 Subject: Perform cleanup, resolve warnings --- src/pages/Contribute/Contribute.js | 100 +++++++++++++++++-------------------- 1 file changed, 45 insertions(+), 55 deletions(-) (limited to 'src/pages/Contribute/Contribute.js') diff --git a/src/pages/Contribute/Contribute.js b/src/pages/Contribute/Contribute.js index f601f3a..8bb3fb5 100644 --- a/src/pages/Contribute/Contribute.js +++ b/src/pages/Contribute/Contribute.js @@ -38,59 +38,51 @@ const Contribute = () => {
- -

- ChronoCube is an Open-Source application, and we welcome anyone who desires to help our project! -

- - +

+ ChronoCube is an Open-Source application, and we welcome anyone who desires to help our project! +

+ - -

We only use modern and most relevant technologies to achieve the best results!

-

-

- Special thanks to other Open-Source projects which made ChronoCube possible: - -

- +

We only use modern and most relevant technologies to achieve the best results!

+
    +
  • + Django REST Framework +
    • +
  • + React.js +
    • +
  • + Material UI components +
    • +
+

Special thanks to other Open-Source projects which made ChronoCube possible:

+
    +
  • + react-window +
    • +
- -

Thank You for considering helping our project!

-

- All the development process is being tracked on - the KanBan board. - You can always check it to see what is the current state of the project. - To contribute your code, fork our repository and then open - a - Pull Request. We will carefully review and, hopefully, accept it! - If you are unfamiliar with this kind of workflow, we recommend - reading GitHub guidelines. -

-

- We always welcome newcomers! If you are unfamiliar with certain technologies or even with the - development in general, it is great time to start learning something new! - Our community will kindly assist every your step, and with us you can easily become - highly-evaluated developer! -

- +

Thank You for considering helping our project!

+

+ All the development process is being tracked on + the KanBan board. + You can always check it to see what is the current state of the project. + To contribute your code, fork our repository and then open + a + Pull Request. We will carefully review and, hopefully, accept it! + If you are unfamiliar with this kind of workflow, we recommend + reading GitHub guidelines. +

+

+ We always welcome newcomers! If you are unfamiliar with certain technologies or even with the + development in general, it is great time to start learning something new! + Our community will kindly assist every your step, and with us you can easily become + highly-evaluated developer! +

@@ -107,17 +99,15 @@ const Contribute = () => { return ( <> - +
- - {developer.username} - + {developer.username} - + {developer.role}
@@ -129,7 +119,7 @@ const Contribute = () => { } - You can be here! + You can be here! @@ -83,10 +92,20 @@ const Contribute = () => { Our community will kindly assist every your step, and with us you can easily become highly-evaluated developer!

- - -- cgit v1.2.3 From c2d7aa43ab54726b4741bc426d63093ef6392a91 Mon Sep 17 00:00:00 2001 From: Eug-VS Date: Sun, 12 Jan 2020 18:06:32 +0300 Subject: Resolve 'key' warning --- src/pages/Contribute/Contribute.js | 11 +++++------ 1 file changed, 5 insertions(+), 6 deletions(-) (limited to 'src/pages/Contribute/Contribute.js') diff --git a/src/pages/Contribute/Contribute.js b/src/pages/Contribute/Contribute.js index 0540742..6837f59 100644 --- a/src/pages/Contribute/Contribute.js +++ b/src/pages/Contribute/Contribute.js @@ -114,13 +114,12 @@ const Contribute = () => { { developers.map(developer => { const githubUrl = `https://github.com/${developer.username}`; - const avatarUrl = `${githubUrl}.png`; return ( - <> - +
+ - +
@@ -131,8 +130,8 @@ const Contribute = () => {
- - + +
) }) } -- cgit v1.2.3