“罗柏上次看《贱女孩》是什么时候？”这是一个除了我之外没有人关心的问题，但我们在这里写一篇关于我为回答这个问题而制作的网站的文章。
长话短说
为什么
我建立这个是因为在录制《Conduit》第 91 集时，我必须想出一个新的连接。我确实准备了一份，但杰伊和我开玩笑说有一个网站可以检查我有多久没看过《贱女孩》了。所以我做了那个。
如何
我已经在年鉴中拥有了这些数据，因为我痴迷于记录我观看的每一部电影和电视节目。我知道我需要某种端点来将这些数据输入到新网站中，因为我已经拥有了基础设施来轻松为集合创建新的 JSON 提要，所以这就是我所做的。我为任何具有匹配电影数据库 ID 的帖子添加了一个新集合：
almanacMeanGirls : ( collectionApi ) => {
return collectionApi . getFilteredByGlob ( makePath ( 'almanac/movies' ) ) . reverse ( ) . filter ( p => {
return p . data . tmdbid === 10625
} ) ;
} ,
然后将新的 JSON feed 添加到/api/meangirls.json 。
-- -
name : Mean Girls
permalink : api / meangirls . json
layout : feed - json
collectionName : almanacMeanGirls
eleventyExcludeFromCollections : true
-- -
最初，我打算让新网站成为一个直接的 HTML 网站，并使用自定义构建脚本来插入数据，但与大多数项目一样，我最终添加了Eleventy以节省时间。
忽略通常的样板文件（ package.json 、 package-lock.json 、 .gitignore ），该网站的整个源代码是一个索引文件、一个获取 RSS feed 的单个数据文件以及一个带有图标的资产文件夹、一个 js 文件，以及里面的字体。
对于字体，我想匹配电影中的徽标，这很容易做到 – 它是Futura 和 Futura Extra Bold 。对于burn book字体，我找到了一些“赎金”类型的字体，但我最喜欢的是Magazine Letter 。它缺少很多符号，但我不需要这些符号来实现此目的。
对于“burn book”部分，我借用了DoodleCSS的边框样式，它使用了 SVG 和border-image ，我认为我以前从未使用过。
对于掉落的嘴唇，我使用了snow-fall 。这也是EmojiStorm的想法的由来。
因为这些数据来自 JSON feed，所以我可以使用EchoFeed来触发构建，但考虑到我每隔几年才看一次这部电影，这似乎有点矫枉过正。该网站每天都会重建，因为我不想使用客户端 JS 来显示相对时间（例如“两天前”）。当我有时间观看时，我也在考虑如何合并音乐版本。
原文： https://rknight.me/blog/how-long-since-i-watched-mean-girls-/