tvl-depot/users/wpcarro/website/blog/default.nix
William Carroll 1d4f88cbde feat(wpcarro/blog): Add a blog index page
TL;DR:
- Create an index page to list blog posts
- Drop blog.wpcarro.dev -> wpcarro.dev/blog
- Create fragments directory to host reusable static website components
- Consume fragments in wpcarro.dev and wpcarro.dev/blog for brand consistency

Change-Id: Ib8440300c008c3c0c5e5a6f207e4ea207dd41b47
Reviewed-on: https://cl.tvl.fyi/c/depot/+/4717
Tested-by: BuildkiteCI
Reviewed-by: wpcarro <wpcarro@gmail.com>
Autosubmit: wpcarro <wpcarro@gmail.com>
2021-12-27 16:02:47 +00:00

64 lines
1.8 KiB
Nix

{ depot, lib, pkgs, ... }:
with depot.nix.yants;
let
inherit (builtins) hasAttr filter readFile;
inherit (depot.web.blog) post includePost renderPost;
inherit (depot.users) wpcarro;
inherit (pkgs) runCommandNoCC;
config = {
name = "wpcarro's blog";
baseUrl = "https://blog.wpcarro.dev";
footer = "";
};
posts = filter includePost (list post (import ./posts.nix));
rendered = runCommandNoCC "wpcarros-blog" {} ''
mkdir -p $out
${lib.concatStringsSep "\n" (map (post:
"cp ${renderPost config post} $out/${post.key}.html"
) posts)}
'';
formatDate = date: readFile (runCommandNoCC "date" {} ''
date --date='@${toString date}' '+%B %e, %Y' > $out
'');
postsList = pkgs.writeText "index.html" ''
<div class="max-w-sm md:max-w-prose mx-auto">
<section class="pt-8 pb-14">
<p class="font-bold pb-4">Personal blog by <a class="font-bold text-blue-600 hover:underline" href="https://wpcarro.dev">wpcarro</a>.</p>
<p class="text-gray-500">&gt; Half-baked musings lossily encoded.</p>
<p class="text-gray-500">&gt; - misc reviewer</p>
</section>
<ul>
${lib.concatStringsSep "\n" (map (post: ''
<li class="pb-10">
<h2 class="text-bold font-2xl ">
<a class="font-bold text-blue-600 hover:underline" href="${config.baseUrl}/${post.key}.html">
${post.title}
</a>
</h2>
<p class="text-gray-500">
${formatDate post.date}
</p>
</li>
'') posts)}
</ul>
</div>
'';
in {
inherit posts rendered config;
root = runCommandNoCC "wpcarros-blog" {} ''
mkdir -p $out
cat ${wpcarro.website.header} \
${postsList} \
${wpcarro.website.addendum} > $out/index.html
'';
}