Essay layout test

This body checks longer prose, nested layout blocks and image handling in an essay-style page.

Left column: short archive note.

Square image in the left column.
Image unavailable
Square image in the left column.

Right column: accompanying context for memory work and public records.

The archive gives scattered lives a public record, and makes memory harder to erase.



Extended block test

Rich text paragraph

Memory work involves bold claims, careful nuance, outdated methods, underlined emphasis, archival codes, and links to external resources. Combine them: bold with *nested italic* and strikethrough with code.

Inline colours together: urgent, informational, approved, flagged.

Equation blocks

Math expression
\mathcal{L}(\theta) = \sum_{i=1}^{N} \log P(x_i \mid \theta)
Math expression
\nabla \times \mathbf{E} = -\frac{\partial \mathbf{B}}{\partial t}

Inline maths in a sentence: the total count is \sum_{k=1}^{n} k = \frac{n(n+1)}{2} and the identity matrix is I_n \in \mathbb{R}^{n \times n}.

Multiple callout styles

Toggle headings with mixed children

Archive methodology

Step 1: Collection

Gather primary sources from institutional and personal archives.

  • Letters and diaries
  • Official documents and decrees
  • Photographs and film

Step 2: Digitisation

python
import pytesseract
from PIL import Image

def ocr_scan(image_path: str) -> str:
    img = Image.open(image_path)
    return pytesseract.image_to_string(img, lang="rus")

Step 3: Cataloguing

FieldTypeRequired
Source IDTextYes
DateDate rangeYes
ProvenanceTextRecommended
TranslationRich textOptional

Code blocks

html
<article class="essay">
  <header>
    <h1>Returning the Names</h1>
    <time datetime="2025-10-29">29 October 2025</time>
  </header>
  <section class="body">
    <p>How public remembrance, archives and student communities can meet.</p>
  </section>
</article>
json
{
  "title": "Returning the Names",
  "type": "essay",
  "tags": ["memory", "culture", "journal"],
  "publication_date": "2025-10-29",
  "word_count": 3200,
  "languages": ["en", "ru"]
}

Mermaid diagram

mermaid
flowchart TB
    subgraph Collection["1. Collection"]
        A["Personal archives"] --> D["Central repository"]
        B["Institutional records"] --> D
        C["Oral histories"] --> D
    end
    subgraph Processing["2. Processing"]
        D --> E["OCR & transcription"]
        E --> F["Translation"]
        F --> G["Metadata tagging"]
    end
    subgraph Publication["3. Publication"]
        G --> H["Website"]
        G --> I["Exhibition"]
        G --> J["Academic database"]
    end

Colored headings

Red heading

Paragraph under a red heading.

Blue heading

Paragraph under a blue heading.

Green-background heading

Paragraph under a green-background heading.

Three-column layout with mixed blocks

📜 Sources

  1. Memorial International
  2. Sakharov Centre
  3. Regional archives
  4. Private collections

🔢 By the numbers

✅ Progress

Complex table

RegionRecords digitisedStatusPriority
Moscow1,240,000Complete
St Petersburg890,000Complete
Novosibirsk310,000In progressHigh
Magadan45,000BlockedCritical

Deeply nested quotes and lists

The act of naming is itself a political act. When a state erases names, citizens must write them back.

Memorial volunteer, Moscow, 2019
  • Archival layers
    • Federal
      • FSB archives (restricted)
        • Declassified subsets
          • Individual case files
      • State archives (partially open)
    • Regional
      • Municipal records
      • Church registries
    • Personal
      • Family letters
      • Diaries and memoirs