更新状態の色分け

記事の状態を仕分ける

トップページのサムネイルに更新日時と色のついた★を入れました。
これらは、現時点から見て、

星の色 状態
★ 更新はしたけれどもだいぶ時間がたっている記事は青
★ 更新はして少し時間のたった記事は黄色
★ 更新してそんなに時間のたっていない記事はピンク

というような感じになっています。

仕様は変更するかもしれませんが、疑似要素で入っているので派手なアニメーションはできません。SVGに変更しました。これによってアニメーションできるかもしれません。← まだ試してないですが

更新日時の状態を入れた意図

シンプルに気まぐれで入れてみました。もっと直感的にわかる方が良いのかもしれませんが、まずこういう事もできるという所を確かめたかったのと、最近更新したものがわかれば昔の記事ももしかすると読み直してもらえる可能性もあるのではなかろうかという事で入れました。

正しく動作していれば、現在から見てピンクは7日(1週間)、黄色は14日(2週間)、青は30日(1ヶ月)の間に更新されたものです。星のないもので投稿日時と更新日時が異なるものは過去に更新はされたけれどもこの1ヶ月以内では更新はされていない記事という感じです。
投稿日時と更新日時が同じものは更新日時を非表示にしようかと思いましたが数時間の後に更新されることもあると思うので今の所は残しておくことにしています。

日記とか感想の記事ではそういう仕組は不要な場合も多いと思いますが、何かしらのデータの更新がある毎に新しい記事を書くのもアレなので。
それだったら更新したものを前に来るように記事をソートした方が良いのではなかろうかというのも思っていたのですが、ひとまず試験的な意味も込めて。