サイトの整理とlab/notesの拡張

サイト全体を少し整理した。

notesは /notes/ に一覧ページを追加。 記事数、カテゴリ数、検索欄、カテゴリフィルタ、本文の抜粋を表示するようにしてある。 個別記事のbackリンクもtopではなくnotes一覧へ戻るように変更した。

labも /lab/ に一覧ページを追加。 今はsynthしかないけど、今後ツールや実験を増やしていく前提で説明文を持つカード形式にした。 synthは /lab/synth/ の専用ページに移動して、一覧から遷移する形にしている。

heroのcanvasも少し変更した。 コミットハッシュだけでなく、コミット時刻のミリ秒も使ってshaderの揺れ方と色を変化させるようにした。 揺れはturbulenceのamp減衰に反映している。

uniform float u_turbulence_amp_offset;

float turbulence(vec2 p) {
  float t = .0;
  float amp = 1.0;

  for (int i = 0; i < 5; i++) {
    t += abs(noise(p)) * amp;
    p *= 2.0;
    amp *= (.5 + u_turbulence_amp_offset * .98);
  }

  return t;
}

色は青、シアン、うす紫くらいの寒色内で少し揺れるようにした。

vec3 coolShift = mix(
  veinBlue,
  veinCyan,
  clamp(.18 + .44 * mineral + commitDrift * .10, .04, .78)
);
vec3 veinCol = mix(
  coolShift,
  veinViolet,
  clamp(.10 + .24 * fbm(p * 1.4 + r) - commitDrift * .08, .02, .42)
);

aboutに置いているfastfetch風のApple AAも、コミット時刻のミリ秒を使って色が変わるようにした。