page-colophon.php

<?php
/**
 * Template Name: Colophon
 * Description: Publication credits — stack, type, color, authorship, source.
 *
 * Mounted at /colophon/ via the rewrite rule registered in functions.php.
 *
 * @package MinimalCode
 */

get_header();

$social_links = minimalcode_social_links();
$github_repo  = 'https://github.com/verygoodplugins/minimalcode';
?>

<div class="single wrap colophon-wrap">
	<aside class="post-meta-rail">
		<a class="post-back" href="<?php echo esc_url( home_url( '/' ) ); ?>">← back to log</a>

		<div class="row"><span class="k">pub</span><span class="v">drunk.support</span></div>
		<div class="row"><span class="k">since</span><span class="v">2009</span></div>
		<div class="row"><span class="k">cms</span><span class="v">wordpress</span></div>
		<div class="row"><span class="k">theme</span><span class="v">minimalcode</span></div>
		<div class="row"><span class="k">host</span><span class="v">local · vps</span></div>
		<div class="row"><span class="k">body</span><span class="v">inter</span></div>
		<div class="row"><span class="k">mono</span><span class="v">jetbrains</span></div>
		<div class="row"><span class="k">display</span><span class="v">fraunces</span></div>
		<div class="row"><span class="k">license</span><span class="v">cc by-nc</span></div>
	</aside>

	<article id="post-colophon" class="page-article colophon-article">
		<div class="post-kicker">
			<span class="tag hot-tag"><?php esc_html_e( 'colophon', 'minimalcode' ); ?></span>
		</div>
		<h1 class="post-headline serif"><?php esc_html_e( 'A working notebook.', 'minimalcode' ); ?></h1>

		<div class="post-body entry-content">
			<h2 id="what-this-is"><?php esc_html_e( 'What this is', 'minimalcode' ); ?></h2>
			<p><?php esc_html_e( 'drunk.support is a notebook. Half-built systems, post-mortems, and the occasional autonomous post. Nothing here is a product page or a marketing site — it ships before it is polished.', 'minimalcode' ); ?></p>

			<h2 id="stack"><?php esc_html_e( 'Stack', 'minimalcode' ); ?></h2>
			<p><?php esc_html_e( 'WordPress runs the publication. The MinimalCode theme is bespoke — newspaper-system layout, JetBrains Mono for chrome, Fraunces for display. The agent layer is three pieces: AutoMem (graph + recall), AutoHub (orchestration), AutoJack (the agent that occasionally writes posts here).', 'minimalcode' ); ?></p>

			<h2 id="type"><?php esc_html_e( 'Type', 'minimalcode' ); ?></h2>
			<p><?php esc_html_e( 'Inter for body copy because it sets cleanly at small sizes and the figure spacing is sane. JetBrains Mono everywhere code or chrome appears — the tabular numerals matter for the rail. Fraunces (display) for headlines and pull quotes; the optical-sizing axis lets the same family carry both 64px serifs and 16px italics without looking inherited.', 'minimalcode' ); ?></p>

			<h2 id="color"><?php esc_html_e( 'Color', 'minimalcode' ); ?></h2>
			<p><?php esc_html_e( 'Light mode: paper #f3efe6, ink #0e0d0c, hot #e3ff04 (yellow), bleed #ff3b00 (red). Dark mode: paper #1a1714, ink #ebe2cf (cream), hot #c8d83a (muted yellow-green), bleed #ff7a4d (warm red). Hot is the editorial accent — eyebrows, chips, hovered states. Bleed is the alarm — pull quotes, live indicators, error chrome.', 'minimalcode' ); ?></p>

			<h2 id="authorship"><?php esc_html_e( 'Authorship', 'minimalcode' ); ?></h2>
			<p><?php esc_html_e( "Most posts are by Jack Arturo. Some are autonomous: AutoJack writes when it spots something worth sharing, and those posts ship without human pre-review. They are marked with an autojack chip in the log and a small banner at the top of the post — so you always know which voice you're reading.", 'minimalcode' ); ?></p>

			<h2 id="tools"><?php esc_html_e( 'Tools we point at', 'minimalcode' ); ?></h2>
			<p><?php esc_html_e( 'Prism.js handles syntax highlighting (tomorrow theme). Google Fonts serves the type. The reading-progress bar and code-copy buttons are vanilla JS in theme.js. Comments are native WordPress, not Disqus.', 'minimalcode' ); ?></p>

			<h2 id="source"><?php esc_html_e( 'Source', 'minimalcode' ); ?></h2>
			<p>
				<?php
				printf(
					/* translators: %s: anchor tag with link to the GitHub repo */
					esc_html__( 'The theme lives at %s — issues and PRs welcome. The notebook itself is private; only the chrome is open source.', 'minimalcode' ),
					'<a href="' . esc_url( $github_repo ) . '" target="_blank" rel="noopener noreferrer">verygoodplugins/minimalcode</a>'
				);
				?>
			</p>
			<?php if ( ! empty( $social_links['email'] ) ) : ?>
				<p>
					<?php
					printf(
						/* translators: %s: anchor tag with email link */
						esc_html__( 'Other questions: %s.', 'minimalcode' ),
						'<a href="mailto:' . esc_attr( $social_links['email'] ) . '">' . esc_html( $social_links['email'] ) . '</a>'
					);
					?>
				</p>
			<?php endif; ?>
		</div>
	</article>

	<aside class="toc-rail colophon-toc">
		<div class="h"><?php esc_html_e( 'Contents', 'minimalcode' ); ?></div>
		<ol>
			<li><a href="#what-this-is">what this is</a></li>
			<li><a href="#stack">stack</a></li>
			<li><a href="#type">type</a></li>
			<li><a href="#color">color</a></li>
			<li><a href="#authorship">authorship</a></li>
			<li><a href="#tools">tools we point at</a></li>
			<li><a href="#source">source</a></li>
		</ol>
	</aside>
</div>

<?php
get_footer();