Create UI for EvalAI Pages

[deshraj]

How does the new UI look?

EvalAI team has been working on the new UI for last one month. We have come up with this mock-up of the home page (yes it takes a lot of time in planning and discussion. Special thanks to @shivaniprakash95 for taking lead on this):

Note that the second last section is still empty and we want to show twitter feed there in that section.

Deliverables

Now that we have shared the mockup design, we expect the student to have the following things ready by 27th March 2018 (GSoC Proposal submission deadline):

1. Create an HTML page with the exact same design (it's quite easy, right?). We also expect modular code structure for this particular task since the code will get merged to the master branch at the end of the day if you do a really good job at this. (Additional points if you can make the pages responsive)
2. Extended Goal: We also expect the students to think more and create UI with similar design pattern for other pages such as Challenge list page, challenge details, submission, leaderboard, login/signup etc.
3. Create a video for the same showing how the page looks.
4. Share the link to the code in

How to get started?

All the important information has been shared on this issue. We look forward to seeing some really cool pages before the GSoC proposal submission deadline. Please let us know if you have questions. Mentors for EvalAI-ngx Project (@aka-jain @spyshiv @shivaniprakash95 @RishabhJain2018 @deshraj) will try to respond to this thread ASAP so that you are not blocked.

[muddlebee]

@deshraj could you provide the assets (background images like the blue one, fonts, buttons) used? If not at all atleast the background images.

It will be hard doing the whole thing using css from scratch. Given we have limited time for proposal submission.

[ParthS007]

I would also like to work on this @deshraj .
We can collaborate @anweshknayak if you are working on it .
What's your view on this ?

[aka-jain]

@ParthS007 you have to do this task individually.

[shivaniprakash19]

Hi Anwesh, we will surely provide you with the documentation as well as with the assets as soon as possible.

…

On Fri, Mar 16, 2018 at 1:50 PM, Anwesh Nayak ***@***.***> wrote: @deshraj <https://github.com/deshraj> could you provide the assets (background images like the blue one, fonts, buttons) used? If not at all atleast the background images. It will be hard doing the whole thing using css from scratch. — You are receiving this because you were mentioned. Reply to this email directly, view it on GitHub <#46 (comment)>, or mute the thread <https://github.com/notifications/unsubscribe-auth/ALo_4RjRbu8UINbnJ1kYqqAwbz2XBlfBks5te3XPgaJpZM4StXlW> .

[shivaniprakash19]

@anweshknayak This is the link to the assets and image for reference.https://drive.google.com/drive/folders/1BZYFcsegI_1dHhv44Ef208Kzt-XMvBNJ?usp=sharing

[geekyharshal]

Link not working> :/

[shivaniprakash19]

There was some issue with the previous link. This is the updated one : https://drive.google.com/drive/folders/1p2_oOLrgLwh7wHtSOowUtORgAf-ira3m?usp=sharing

[muddlebee]

hey @shivaniprakash95 👋

These two image cards are missing.

or it is something we have to come up on our own?

Looks like the upper image is the old EvalAI design and the one below is something can be done in CSS.

[gautamjajoo]

@anweshknayak
All the images are in the "Header Section" !!

[muddlebee]

@gautamjajoo thanks. I missed it

[muddlebee]

@shivaniprakash95 please provide icon packs too. (Location, Quotation and others used in testimonial card)

[shivaniprakash19]

@anweshknayak There is a background image in the link provided earlier(google drive link). You can use any similar quotation of a font, and you can get a similar location icon too, please search for it on the website named, flaticon. Let me know if there is still a problem : )

[pavanrkadave]

Hi i would like to work on this issue.

[RishabhJain2018]

Hi @pavanrkadave We already have a new home page ready and we would like to enhance it. Please try running this new frontend and feel free to ask doubts/questions. I'll be happy to help.

[RishabhJain2018]

Closing this since we already have the UI.