Challenge Overview
#### Basic requirements for this challenge:
* Your submissions must support responsive solutions for desktop only
* This challenge goal need to continue update new look Online Page based on Design Source & requirements below
* Challenge focus will need continue updated Initial layout to improve style inside all sections, make sure layout updates working for all different tracks: Design, Dev, QA & Data Sciences
#### How to Set Up Locally
* https://docs.google.com/document/d/15Bk8daay8FDAsKeWPhv4fUx6eMtMq5Jn9aezlVNqfqw/edit?usp=sharing
#### Design Assets & Downloadable
* Figma contains downloadable assets and style guidance: https://www.figma.com/file/mvIFdjXyEIjuDs9jUcwJ6D/Online-Review-Reskin?node-id=10%3A384
#### Challenge Requirements
Artboard: Home V2
**1. My Info**
* Update the table style like Figma design
* Match style for table header and table body
**2. Timeline**
* Update the checkbox style like on our community-app challenge listing page
* Update the table style like Figma design
* Update the phase link style
* Update status, start & date text style
* Freeze column need remain same like existing
* Update the bar inside the timeline to use purple color with rounded style
* You can use existing scrollbar implementation
**3. Phase**
* Update tab inside box style, You can re-use existing tab implementation on Challenge Details page: https://github.com/topcoder-platform/community-app/
* Provided Figma design based on Design Challenge, but you must apply the same style for other challenge types like Dev, QA or Data Science.
* Check artboard Phases Tab to update style on each phase:
* Specification Review
* Update table head and table body style for all tabs
* Link need use correct blue link
* Registration
* Basically use same styling like Spec Review
* Checkpoint
* Update table head and table body style for all tabs
* Link need use correct blue link
* Detail link will be out of scope for this challenge
* Winner placement placed on the left side
* Make sure you capture a new style for 1 to 10th placement, also the failed submission that uses the x button style. No placement should not show any placement icon.
* Notice for more than 1 submission, there���s arrow that placed on the right side
* Submission/Screening
* Basically use same styling like Checkpoint
* Detail link will be out of scope for this challenge
* Review
* Basically use same styling like Checkpoint
* Detail link will be out of scope for this challenge
* Approval
* Basically use same styling like Checkpoint
* Detail link will be out of scope for this challenge
**4. Project Details**
* We update this area to use 3 columns
* Figma design displaying Project Details for Design Challenge only. You need anticipate for another challenge type to fill the 3 columns
* Link need use correct blue link
* Match the cell style, notice left side and right side not use border
**5. Prizes**
* Update tab inside box style, You can re-use existing tab implementation on Challenge Details page: https://github.com/topcoder-platform/community-app/
* Update table head and table body style for all tabs
**6. Resources**
* Update tab inside box style, You can re-use existing tab implementation on Challenge Details page: https://github.com/topcoder-platform/community-app/
* Update table head and table body style for all tabs
* Handle color need remain use color
* Link need use correct blue link
**What To Submit?**
* Upload git patch as zip file based on latest commit of reskin-or: https://github.com/topcoder-platform/tc-online-review/tree/reskin-or
* Keep updating your branch with the latest version
* Make sure to mention the exact commit so we can apply your patch file.