diff --git a/src/components/specific_challenge/HowTo/HowTo.js b/src/components/specific_challenge/HowTo/HowTo.js index 8377a3d..1526efb 100644 --- a/src/components/specific_challenge/HowTo/HowTo.js +++ b/src/components/specific_challenge/HowTo/HowTo.js @@ -1,35 +1,43 @@ import React from 'react'; -import {FlexColumn} from '../../../utils/containers'; -import {IS_MOBILE} from '../../../utils/globals'; -import Media from 'react-media'; +import { FlexColumn } from '../../../utils/containers'; +import { IS_MOBILE } from '../../../utils/globals'; +// import Media from 'react-media'; import GetChallengeRepo from './sections/GetChallengeRepo'; import WorkOnYourSolution from './sections/WorkOnYourSolution'; import PushYourSolution from './sections/PushYourSolution'; -import SubmissionMetadataSmallDesktop from './sections/SubmissionMetadataSmallDesktop'; -import SubmissionMetadataLargeDesktop from './sections/SubmissionMetadataLargeDesktop'; +// import SubmissionMetadataSmallDesktop from './sections/SubmissionMetadataSmallDesktop'; +// import SubmissionMetadataLargeDesktop from './sections/SubmissionMetadataLargeDesktop'; import SubmitSolutionToGonito from './sections/SubmitSolutionToGonito'; const HowTo = (props) => { - return ( - - - - - - - - - + return ( + + + + + + + + + {/* */} + {/* - - - - ); + */} + + + ); }; -export default HowTo; \ No newline at end of file +export default HowTo; diff --git a/src/components/specific_challenge/HowTo/sections/GetChallengeRepo.js b/src/components/specific_challenge/HowTo/sections/GetChallengeRepo.js index 0bd2161..c87bbbd 100644 --- a/src/components/specific_challenge/HowTo/sections/GetChallengeRepo.js +++ b/src/components/specific_challenge/HowTo/sections/GetChallengeRepo.js @@ -1,40 +1,75 @@ import React from 'react'; -import {IS_MOBILE} from '../../../../utils/globals'; -import {Body, H2, Medium} from '../../../../utils/fonts'; -import {FlexColumn, Grid} from '../../../../utils/containers'; +import { IS_MOBILE } from '../../../../utils/globals'; +import { Body, H2, Medium } from '../../../../utils/fonts'; +import { FlexColumn, Grid } from '../../../../utils/containers'; import CircleNumber from '../../../generic/CircleNumber'; import CodeShell from '../../../generic/CodeShell'; const GetChallengeRepo = (props) => { - return ( - -

- Get challenge repo -

- - - - You need to create empty repo with name: - - yourID/challengeName - - - - - - - - Pull gonito challenge repo - - - - - Make sure Gonito.net has access to your repo (e.g. by making it public). - -
- ); + const pullCodeLineRender = () => { + if ( + props.challengeName === 'cnlps-caiccaic' || + props.challengeName === 'cnlps-ticrc' + ) { + return `git pull git@github.com:kubapok/${props.challengeName}.git`; + } else { + return `git pull git://gonito.net/${props.challengeName}.git`; + } + }; + + return ( + +

+ Get challenge repo +

+ + + + Create a private git repository with the name +  {props.challengeName} + . The name of the repository must match! + + + + + + Add the following ssh key REPO_KEY_HERE to + your deploy keys in your git repository settings. + + + + + + Clone your repository and pull from the challenge mother repository + + + +
+ ); }; -export default GetChallengeRepo; \ No newline at end of file +export default GetChallengeRepo; diff --git a/src/components/specific_challenge/HowTo/sections/PushYourSolution.js b/src/components/specific_challenge/HowTo/sections/PushYourSolution.js index 4015e23..787cae3 100644 --- a/src/components/specific_challenge/HowTo/sections/PushYourSolution.js +++ b/src/components/specific_challenge/HowTo/sections/PushYourSolution.js @@ -1,33 +1,25 @@ import React from 'react'; -import {IS_MOBILE} from '../../../../utils/globals'; -import {Body, H2, Medium} from '../../../../utils/fonts'; -import CodeShell from '../../../generic/CodeShell'; -import {FlexColumn} from '../../../../utils/containers'; +import { IS_MOBILE } from '../../../../utils/globals'; +import { Body, H2, Medium } from '../../../../utils/fonts'; +import { FlexColumn } from '../../../../utils/containers'; -const PushYourSolution = (props) => { - return ( - -

- Push your solution -

- - Commit and push out.tsv files to your repo. It is also recommended to push your - source codes along - with out.tsv files. - - - -
- ); +const PushYourSolution = () => { + return ( + +

+ Push your solution +

+ + Commit and push at least */out.tsv files to your repo. + It is also recommended to push your source code files. + +
+ ); }; -export default PushYourSolution; \ No newline at end of file +export default PushYourSolution; diff --git a/src/components/specific_challenge/HowTo/sections/SubmitSolutionToGonito.js b/src/components/specific_challenge/HowTo/sections/SubmitSolutionToGonito.js index 359a63a..dec47a1 100644 --- a/src/components/specific_challenge/HowTo/sections/SubmitSolutionToGonito.js +++ b/src/components/specific_challenge/HowTo/sections/SubmitSolutionToGonito.js @@ -1,34 +1,24 @@ import React from 'react'; -import {IS_MOBILE} from '../../../../utils/globals'; -import {Body, H2, H3, Medium} from '../../../../utils/fonts'; -import {FlexColumn} from '../../../../utils/containers'; +import { IS_MOBILE } from '../../../../utils/globals'; +import { H2, Body } from '../../../../utils/fonts'; +import { FlexColumn } from '../../../../utils/containers'; const SubmitSolutionToGonito = () => { - return ( - -

- Submit solution to Gonito -

- -

- Manual submission -

- - In case other methods fail, you can submit your solution manually — go to the submit - form. - -
- -

- Integration with external repos -

- - If you use an external repo (e.g. at your own of Gitolite or at GitLab/GitHub), you can - configure a webhook. - -
-
- ); + return ( + +

+ Submit solution to Gonito +

+ + Submit your solution to Gonito using SUBMIT on the panel on the left. + +
+ ); }; -export default SubmitSolutionToGonito; \ No newline at end of file +export default SubmitSolutionToGonito; diff --git a/src/components/specific_challenge/HowTo/sections/WorkOnYourSolution.js b/src/components/specific_challenge/HowTo/sections/WorkOnYourSolution.js index da76793..2ec0300 100644 --- a/src/components/specific_challenge/HowTo/sections/WorkOnYourSolution.js +++ b/src/components/specific_challenge/HowTo/sections/WorkOnYourSolution.js @@ -1,33 +1,43 @@ import React from 'react'; -import {IS_MOBILE} from '../../../../utils/globals'; -import {Body, H2, H3, Medium} from '../../../../utils/fonts'; -import {FlexColumn} from '../../../../utils/containers'; +import { IS_MOBILE } from '../../../../utils/globals'; +import { Body, H2, H3, Medium } from '../../../../utils/fonts'; +import { FlexColumn } from '../../../../utils/containers'; import CodeShell from '../../../generic/CodeShell'; const WorkOnYourSolution = () => { - return ( - -

- Work on your solution -

- - You need to generate your solution for the test set as test-A/out.tsv. It - is also - recommended to - generate the output for the dev set (dev-0/out.tsv). - - - You can evaluate results for the dev set locally by geval. - - -

- Install geval -

- -
-
- ); + return ( + +

+ Work on your solution +

+ + You need to generate your solution for the test set as{' '} + test-A/out.tsv. You may also create the + output for the dev set dev-0/out.tsv. + + + (This step is optional.) You can evaluate results for the dev set + locally by geval. + + +

Install geval

+ +
+
+ ); }; -export default WorkOnYourSolution; \ No newline at end of file +export default WorkOnYourSolution;