# 負評救星 - Codeforces 線上解題競賽平台 ## 動機 身為一個有點閒的資工人,在線上找程式競賽來玩已經是我們不可或缺的休閒娛樂之一了 但是 Codeforces 這個競賽平台因為人數眾多,比賽時常常卡住,而目前的當機等候網頁實在是過於簡陋,因此我想在此基礎上可以多加一個小動畫,撫慰參賽者憤怒的心情 ![image](https://hackmd.io/_uploads/Sky4NjvRT.png) <small>(此為 Codeforces 當前的當機等候網頁)</small> ## 內容 ![image](https://hackmd.io/_uploads/HkxsEjwAa.png) 在保留原本的簡陋特色的同時,增加了一個類似於加載畫面的小動畫,相信能極大程度的撫慰參賽者心情。 ## 設計思路 網頁元素致力於還原 Codeforces 原本的設計風格,且以此為基礎加上了加載動畫 動畫部分使用 css,將數個垂直黑色條狀元素不斷來回伸縮,營造出一種伺服器正在努力加載的氛圍 ## 參考資料 * [Codeforces 當前的當機等候網頁畫面](https://codeforces.com/blog/entry/89434)