这是一个关于 2024 年 9 月 21 日创作的页面的介绍。

• 创作历程：花三个月制作，最初是个无害文章，却被广告充斥，还利用[Midjourney]生成广告内容，部分广告海报文字严重混乱，这让创作从广告泛滥转向存在主义疯狂，最近读完[House of Leaves]，页面创作中尝试了很多怪东西，原本计划后续介绍这些怪东西的工作原理。
• 字体部分：是 Colophon Foundry 的[DM Sans]字体经[FontLab 8]修改，添加了水平和垂直拉伸的变量轴，垂直轴根据页面“lorem ipsum”部分的滚动条位置缓慢动画，水平轴用于页面一些文字增加怪异感。
• 螺旋部分：将文本拆分为单词插入 DOM 中，每个单词应用旋转、 translateY 和 translateZ 的变换，最后对父元素应用旋转和 translateZ 使整体旋转，若对每个字符应用效果会更好但性能影响大。
• 对角线文本部分：利用[shape-outside]CSS 属性，在围绕文本的float盒子上应用，然后旋转整个包含框，通过拖动演示旁边的滑块可查看动画效果，CodePen 上有相关示例。
• 波浪线文本部分：是一个简单的transform: translateY(...)动画，每个字符从-1 到+1 动画，负的animation-delay乘以字符索引，在 CodePen 上有展示。
• 扭曲文本部分：通过 CSS 的filter属性将 SVG 滤镜应用于文本元素，包括[feTurbulence]生成噪声、[feDisplacementMap]利用噪声扭曲源文本、[feGaussianBlur]模糊输出和[feComponentTransfer]处理 alpha 层，CodePen 上有较小演示。
• credits 部分：“lorem ipsum”部分的字体是 Colophon Foundry 的[DM Sans]修改版，所有文本由作者手写，大部分广告在[Affinity Designer]中组装，一些像素艺术在[Aseprite]中制作，列出了广告使用的源图像列表。