もうスタイルシートすら無いです、はい。
本編はこちらです。
どうも、作者の亜音です。
なんか最近のホームページってこういう感じの多い気がします。こう、図形が動く感じの。ということでそんな感じのを再現しようとした結果がこちらになります。まあ、頑張ったんじゃないですかね。
配色に悩まなくていいように、全体を黒と白の2色で統一（統二？）してみました。こうするとページ全体を色反転するだけで背景（黒）文字（白）ができあがります。簡単です。
ちなみに、色反転はbackdrop-filter: invert()のスタイルを掛けた要素をページの上に重ねる形で実装しています。このbackdrop-filter、clip-pathと組み合わせれば好きな範囲に好きなエフェクトを掛けられるのでかなりポテンシャルがありそうです。
拡大機能は…半分諦めました。デザイン上の理由で、このページではブラウザデフォルトのズーム機能が機能しないんです。一応記事の文章だけは機能するようになっていますが、他はちょっとレイアウトが崩れたりしかねないので厳しいです。
「未来旧記」というタイトルですが、「未来日記」のつもりで描いたロゴがかなり「未来旧記」っぽく見えたのでそうしただけです。未来日記といいつつ過去の話も書いているので、かなり合ってはいますが。そうなると現在要素も若干欲しいところではありました。
文章以外の部分は大体土日の2日で完成させました。本格的に取り掛かる前は黒背景の中央に「過去」と書かれた（ホバーで拡大する）白丸があっただけなので、実質2日で全て完成させたと言っても過言ではないでしょう。
文章は、まあ、期限までにはできあがっていることでしょう。体調を崩さないことを祈ります。
P.S. もう提出日の午前1時だよコンニャロー。総制作時間は24時間行ってるかもしれません。眠いので寝ます。
そういえばこのファイル、beyondというディレクトリに入っているわけですが、名前に元ネタがあります。知ってたら「やったぜ。」って感じでニヤリと笑っといてください。
Arcaeaっていう音ゲーです。ゲーム内課金ありですが無課金でもそこそこ遊べます。みんなも腕と脳を破壊しよう。