House Style / Publication System

communism.stinkydog.net House Stylebook

This stylebook defines one shared publication language for the whole repo. The MAGA proletariat page is the canonical template, and every other page should now align with its paper-toned editorial structure.

Static-first, serif-led, wide-layout, restrained communist editorial design.

Purpose

The site should feel disciplined, readable, and continuous across documents. Design should support long-form reading, orientation, and seriousness. It should not feel like an app dashboard, a novelty propaganda theme, or a CSS experiment.

Canonical Reference

maga-proletariat.html is the reference implementation for the house style. Other pages can keep document-specific structure and utility scripts, but they should inherit its publication logic.

What it establishes

  • Paper-toned background and dark ink body text.
  • Sticky left sidebar with site title, home link, and contents.
  • Plain editorial hero with a red rule instead of a glossy banner.
  • Translucent cards and section panels with light borders.

What it rejects

  • Decorative gradient hero blocks as the default motif.
  • Rounded glossy card systems.
  • Hover-lift theatrics.
  • Heavy scripting or interface chrome.

Core Principles

Preserve document content

Do not rewrite, summarize, soften, reorder, or shorten the source text unless explicitly asked. Styling may add wrappers, IDs, navigation, and interface text, but it should not change the document argument.

Build one publication system

Keep the palette, type system, sidebar logic, hero logic, and component behavior consistent from page to page.

Prefer static-first solutions

Default to plain HTML and CSS. JavaScript is optional and should only support long-form reading tasks such as TOC state, progress, or back-to-top.

Use political cues sparingly

Deep reds, muted golds, paper tones, and editorial hierarchy are enough. The site should feel serious, not theatrical.

Visual System

The shared palette and shell should come straight from the MAGA page.

:root {
  --paper: #f4eddc;
  --paper-2: #efe6d2;
  --ink: #2a2119;
  --muted: #67594a;
  --line: #cfbea0;
  --red: #7d1c1c;
  --red-dark: #5d1313;
  --gold: #8a6b24;
  --card: rgba(255,255,255,0.38);
  --shadow: rgba(57, 38, 18, 0.08);
}
Element House rule Avoid
Background Warm paper gradient with very light red wash. Flat white or dark glossy fields.
Typography Serif body copy, uppercase micro-labels. App-like sans-serif body stacks.
Accents Restrained red rules, borders, and labels. Large decorative red blocks used everywhere.
Panels Translucent cards with soft borders and light shadow. Heavy rounded cards or hover animation.

Layout System

.page {
  display: grid;
  grid-template-columns: 290px minmax(0, 1fr);
  gap: 2rem;
  width: min(1760px, calc(100vw - 2rem));
  margin: 0 auto;
  padding: 1rem 0 3rem;
}

The sidebar should usually include the site title, a back link to the index, a contents heading, and either a TOC or a page list. On narrower screens, the layout should collapse cleanly to one column and the sidebar should stop being sticky.

Component Rules

Home link

Use a small bordered control with a translucent white fill. It belongs in the sidebar above the contents.

Hero

Use a kicker, a headline, and a deck with a red rule below. Do not use the old glossy red gradient hero as the standard.

Cards and sections

Use translucent panels with light borders and soft shadow. Keep corners plain. No hover lift.

Tables and code

Tables go inside scroll wrappers. Code blocks stay on black backgrounds with light text.

Document Patterns

Index page

The index should share the same sidebar shell, list all site pages in the rail, and present links as publication cards rather than dashboard widgets.

Long documents

Long pieces should keep the shared shell and may add minimal reading aids like active TOC state, progress bars, or back-to-top controls.

The stylebook page itself should obey the house rules it describes.

Transformation Checklist

  • Favicon present in the head.
  • Back link to index.html present.
  • Paper background and serif body copy applied.
  • Sidebar matches the house shell.
  • Hero uses the plain editorial pattern.
  • Cards and sections use the shared translucent panel treatment.
  • Tables remain usable on smaller screens.
  • Source text remains unchanged.

Prompt Template

Convert this static HTML into the communism.stinkydog.net house style.

Requirements:
- Preserve the original document text exactly.
- Use maga-proletariat.html as the visual reference.
- Keep the paper-toned background, serif editorial typography, red accent system, and left sidebar structure.
- Include a back link to index.html.
- Include <link rel="icon" type="image/png" href="sovietunionhammerandsickle.png"> in the head.
- Keep the page wide; do not force a narrow reading column.
- Use translucent cards and section panels instead of glossy rounded containers.
- Use a plain editorial hero with a red rule, not a decorative gradient banner.
- Keep JavaScript minimal and functional only.
- Keep tables readable and horizontally scrollable when needed.
- Make mobile collapse cleanly to one column.

Return complete HTML only.

Non-Negotiable Rules

  1. Preserve the source text.
  2. Match the MAGA page’s publication logic.
  3. Keep the site wide, readable, and static-first.
  4. Use restrained communist editorial cues, not parody.
  5. Use the shared sidebar, hero, and card language.
  6. Do not use hover lift or gratuitous motion.
  7. Keep every page visibly connected to the index.