Description
I just design a solution for the contest pages. Here are these:
Contest: Start/finish times and race durations to be shown in a separate box. Before the contest start, Enterbutton will be Join, competitors need to click it to join the contest. After joining, the button will become Enter. When the contest start, competitors can click this button and go to Problem list.
Problen list: A list show problem title, score and correct rate. Click problem title can go to corresponding Problem page.
Problem: On the left side, different color rounded squares are used to display the problem number and the submission status of the corresponding problem (AC is green, WA is red, unsubmitted is gray, other statue is blue), and you can quickly switch to the corresponding problem page by clicking on it. Click "Change Layout" to switch between left/right and top/bottom layout of the problem description and code window.
Records：Real-time update of your own and all participants' submission history.
Ranks: Show real-time rank. The format of the table can be found in nowcoder's leaderboard table.