Template#047

歯車がくるくるとアニメーションするスチームパンクなテンプレートです。
メニュー部分の色をアクティブに変えるには、該当するメニューのliタグに class="active"を入れてください。
2カラムで作ってありますが、asideタグと中身を削除すると1カラムになります(そのサンプルは小説ページのnovel.htmlをご覧ください)。
ちょっと複雑な作りなのでカスタマイズには向かないかもしれません。
style.cssにアニメーション部分を指定している場所をコメントアウトに書きましたので、そちらも参考にしてみてくださいね。

画像はパブリックドメインのものを一部加工して使用しています。
HTML5でコーディングしてFlexboxでレイアウト、レスポンシブに対応しています。
Firefox、Edge、Safari、IE11で確認済みです。

2020年8月3日