ランキングを表示できるようになり、目標のスポーツニュースサイトの基本的な機能ができた。

 * category別にランキングを行うページを作成した。Rtoasterで同じページに別のcategoryのランキングを同時に行うのは難しいため、iframeタグを使って2つのページを1つのページにあるように見せた。結果として、サッカーとバスケットボールそれぞれのトップニュースが表示される。
 * cssを改善した。bootstrap cssの container, col-mdを使った。
 * ポストを追加し、csvファイルを作り直した。
 * ポストを新着順に表示させるようにした。
 * トップページに右側に全ポストのトップポストを表示。
 * テストコードを書き、テストをしてみた。
rank_1.html ではなく、rank_basketball.html とした方が分かりやすいと思います。
_2, _3 についても同様です