diff --git a/homepage/css/index.html b/homepage/css/index.html
deleted file mode 100644
index 9eba26e..0000000
--- a/homepage/css/index.html
+++ /dev/null
@@ -1,84 +0,0 @@
-<!DOCTYPE html>
-<HTML LANG="en">
-<HEAD>
-<LINK HREF="http://www.trinity.moe/css" REL="canonical" />
-<LINK HREF="https://raw.githubusercontent.com/devenblake/homepage/main/favicon.ico" REL="shortcut icon" TYPE="image/x-icon" />
-<LINK HREF="/css/blank.css" ID="styling" REL="stylesheet" />
-<META CHARSET="UTF-8" />
-<META CONTENT="noindex" NAME="googlebot" /> <!-- FUCK GOOGLE -->
-<META CONTENT="interest-cohort=()" HTTP-EQUIV="Permissions-Policy" /> <!-- FUCK GOOGLE -->
-<META NAME="viewport" CONTENT="width=device-width, initial-scale=1" />
-<TITLE>trinity.moe css</TITLE>
-</HEAD>
-<BODY>
-<P><A HREF="/">~ Return to the rest of the site</A></P>
-<SCRIPT SRC="/js/cookies.js" TYPE="application/javascript"></SCRIPT>
-<SCRIPT SRC="/js/sheets.js"  TYPE="application/javascript"></SCRIPT>
-<SCRIPT TYPE="application/javascript">window.onload = window.initializesheets;</SCRIPT>
-<H1>Site CSS selector</H1>
-<HR ALIGN="left" SIZE="1" WIDTH="25%" />
-<P><SMALL>
-This page may be hostile to screen readers and other web assistive technologies because it's essentially a raw list of filenames with paths and extensions.
-If you'd like a friendlier view, it's possible the <A HREF="https://github.com/devenblake/homepage/tree/main/css">webview directory list</A> for the repository service I use could be a better way to browse this site's more hidden stylesheets.
-Otherwise, pull requests are open for the repository, and my e-mail is on the site index if you don't have an account on the service being used.
-</SMALL></P>
-<P><SMALL>
-This page uses JavaScript.
-The URLs to the sheets are provided in their entry.
-If you do not wish to use JavaScript for this page, you may set a custom theme for this website in your browser settings using the sheet file.
-</SMALL></P>
-
-<INPUT ID="blank" NAME="css" TYPE="radio" VALUE="/css/blank.css" />
-<LABEL FOR="blank">/css/blank.css</LABEL>
-<BR />
-<INPUT ID="4chanog" NAME="css" TYPE="radio" VALUE="/css/4chanog.css" />
-<LABEL FOR="4chanog">/css/4chanog.css</LABEL>
-<BR />
-<INPUT ID="calebmode" NAME="css" TYPE="radio" VALUE="/css/calebmode.css" />
-<LABEL FOR="calebmode">/css/calebmode.css</LABEL>
-<BR />
-<INPUT ID="discord" NAME="css" TYPE="radio" VALUE="/css/discord.css" />
-<LABEL FOR="discord">/css/discord.css</LABEL>
-<BR />
-<INPUT ID="givemerights" NAME="css" TYPE="radio" VALUE="/css/givemerights.css" />
-<LABEL FOR="givemerights">/css/givemerights.css</LABEL>
-<BR />
-<INPUT ID="instantfloppy" NAME="css" TYPE="radio" VALUE="/css/instantfloppy.css" />
-<LABEL FOR="instantfloppy">/css/instantfloppy.css</LABEL>
-<BR />
-<INPUT ID="instantfloppy-redandwhite" NAME="css" TYPE="radio" VALUE="/css/instantfloppy-redandwhite.css" />
-<LABEL FOR="instantfloppy-redandwhite">/css/instantfloppy-redandwhite.css</LABEL>
-<BR />
-<INPUT ID="k" NAME="css" TYPE="radio" VALUE="/css/k.css" />
-<LABEL FOR="k">/css/k.css</LABEL>
-<BR />
-<INPUT ID="mcupdate" NAME="css" TYPE="radio" VALUE="/css/mcupdate.css" />
-<LABEL FOR="mcupdate">/css/mcupdate.css (<B>NONFREE; read <A HREF="/css/mcupdate.css">the sheet source</A></B>)</LABEL>
-<BR />
-<INPUT ID="nevertoodark" NAME="css" TYPE="radio" VALUE="/css/nevertoodark.css" />
-<LABEL FOR="nevertoodark">/css/nevertoodark.css</LABEL>
-<BR />
-<INPUT ID="pink" NAME="css" TYPE="radio" VALUE="/css/pink.css" />
-<LABEL FOR="pink">/css/pink.css</LABEL>
-<BR />
-<INPUT ID="windowsclassic" NAME="css" TYPE="radio" VALUE="/css/windowsclassic.css" />
-<LABEL FOR="windowsclassic">/css/windowsclassic.css</LABEL>
-<BR />
-<INPUT ID="yarahmode" NAME="css" TYPE="radio" VALUE="/css/yarahmode.css" />
-<LABEL FOR="yarahmode">/css/yarahmode.css</LABEL>
-<BR />
-
-<H4>side-effects</H4>
-<INPUT ONCLICK="
-document.getElementById('custom').value = document.getElementById('custom_input').value;
-var selected = document.querySelector('input[name=\'css\']:checked');
-if(selected != null)
-	window.setStyling(selected.value);
-" TYPE="button" VALUE="apply to this page" />
-
-<INPUT ONCLICK="
-window.setCookie('sheet', window.getStyling(), 365);
-" TYPE="button" VALUE="apply page styling site-wide with a cookie" />
-
-</BODY>
-</HTML>
diff --git a/homepage/css/index.m4 b/homepage/css/index.m4
new file mode 100644
index 0000000..28d212a
--- /dev/null
+++ b/homepage/css/index.m4
@@ -0,0 +1,57 @@
+define(`_PAGE', `css/')dnl
+define(`_TITLE', `trinity.moe/css/')dnl
+define(`_DESCRIPTION', `trinity.moe css')dnl
+define(`csspage', `<INPUT ID="$1" NAME="css" TYPE="radio" VALUE="/css/$1.css" />
+<LABEL FOR="$1">/css/$1.css</LABEL>
+<BR />')dnl
+<!DOCTYPE html>
+<HTML LANG="en">
+include(`../head.m4')dnl
+<BODY>
+<P><A HREF="/">~ Return to the rest of the site</A></P>
+<SCRIPT SRC="/js/cookies.js" TYPE="application/javascript"></SCRIPT>
+<SCRIPT SRC="/js/sheets.js"  TYPE="application/javascript"></SCRIPT>
+<SCRIPT TYPE="application/javascript">window.onload = window.initializesheets;</SCRIPT>
+<H1>Site CSS selector</H1>
+<HR ALIGN="left" SIZE="1" WIDTH="25%" />
+<P><SMALL>
+This page may be hostile to screen readers and other web assistive technologies because it's essentially a raw list of filenames with paths and extensions.
+If you'd like a friendlier view, it's possible the <A HREF="https://github.com/devenblake/homepage/tree/main/css">webview directory list</A> for the repository service I use could be a better way to browse this site's more hidden stylesheets.
+Otherwise, pull requests are open for the repository, and my e-mail is on the site index if you don't have an account on the service being used.
+</SMALL></P>
+<P><SMALL>
+This page uses JavaScript.
+The URLs to the sheets are provided in their entry.
+If you do not wish to use JavaScript for this page, you may set a custom theme for this website in your browser settings using the sheet file.
+</SMALL></P>
+
+csspage(`blank')
+csspage(`4chanog')
+csspage(`calebmode')
+csspage(`discord')
+csspage(`givemerights')
+csspage(`instantfloppy')
+csspage(`instantfloppy-redandwhite')
+csspage(`k')
+<INPUT ID="mcupdate" NAME="css" TYPE="radio" VALUE="/css/mcupdate.css" />
+<LABEL FOR="mcupdate">/css/mcupdate.css (<B>NONFREE; read <A HREF="/css/mcupdate.css">the sheet source</A></B>)</LABEL>
+<BR />
+csspage(`nevertoodark')
+csspage(`pink')
+csspage(`windowsclassic')
+csspage(`yarahmode')
+
+<H4>side-effects</H4>
+<INPUT ONCLICK="
+document.getElementById('custom').value = document.getElementById('custom_input').value;
+var selected = document.querySelector('input[name=\'css\']:checked');
+if(selected != null)
+	window.setStyling(selected.value);
+" TYPE="button" VALUE="apply to this page" />
+
+<INPUT ONCLICK="
+window.setCookie('sheet', window.getStyling(), 365);
+" TYPE="button" VALUE="apply page styling site-wide with a cookie" />
+
+</BODY>
+</HTML>
