Avatar

Initials in a circle, coloured by a hash of the name - no image needed

Sizes and shapes Circles and rounded squares from 24 to 72 pixels; an e-mail address counts by the words before its @.

Herbert Jebbink
Founder and engine
Ada Lovelace
Sequences
Grace Hopper
Compilers and tooling
Alan Turing
Expression evaluator
Émile Zola
Translations
Margaret Hamilton
Error handling

A team list Every member gets a circle with their initials - the colour comes from a hash of the name, the text colour from its contrast.

Diagram

Flowcharts and sequence diagrams from a few lines of text, laid out on the server

Signing in with a provider A sequence diagram - lifelines, numbered messages, replies dashed, an alt frame with its else and a note.

An order, start to finish A flowchart in Mermaid-style lines - a stadium, decisions, a database and dashed loops back, ranked and routed on the server.

A deploy pipeline, left to right direction=LR and curved edges: a build fans out to three checks with &, and all of them have to pass before the release.

Icon

Around eighty interface icons drawn as lines in the colour of the text

See every icon

Icons in buttons and links An icon beside text is decoration; one alone gets label= and is read out. size= and stroke= change its scale and weight.

arrow-right
arrow-left
arrow-up
arrow-down
chevron-right
chevron-left
chevron-up
chevron-down
external
refresh
sort
maximize
minimize
check
x
plus
minus
check-circle
x-circle
info
alert
help
star
heart
bookmark
flag
tag
zap
home
menu
grid
list
more-horizontal
more-vertical
search
filter
settings
log-in
log-out
link
user
users
mail
message
send
share
phone
bell
calendar
clock
globe
map-pin
sun
moon
cloud
file
folder
copy
edit
trash
download
upload
printer
image
camera
cart
play
pause
stop
lock
unlock
key
eye
eye-off
power
code
terminal
database
bar-chart

Every icon The whole set, listed by padIconNames () - lines on a 24 by 24 grid in the colour of the text.

Identicon

A symmetric 5 by 5 pattern from a SHA-256 hash - every account its own picture

	herbert@example.com 2009-03-14
	ada@example.org 2015-12-10
	grace@example.net 2018-07-01
	alan@example.com 2021-06-23
	Ada@Example.org the same address, other spelling

Accounts at a glance An identicon per e-mail address: trimmed and lower-cased first, so every spelling of one address is one picture.

A wall of identicons Twenty user ids, twenty patterns - each mirrored left to right, each in a colour of its own.

Map

Choropleth maps of the world and its regions, a colour step per value

Forest in South America A regional view keyed by ISO alpha-3 codes, the rows as JSON in a data store.

People per country The world in seven steps by rank - scale=quantile - from an array in the page's PHP; hover a country for its number.

Renewable energy in Europe The europe view of the same outlines, the rows written as CSV between the tags - countries by their English names.

Placeholder

Grey boxes with crossing lines for the images that are not there yet

Banner sizes The size as width x height, written in the middle unless a text is given.

Lamp

Chair

Table

A page in wireframe A hero at 21:9 and three cards at 4:3, all as wide as their column - the layout stands before the photos do.

Progress

Accessible progress bars and step indicators, styled on the server

45%

75%

Steps and sizes With steps a dot per step, the ones done filled and the current one ringed; size= makes a bar thin or thick.

100%

72%

38%

91%

12%

Uploads in progress A native progress element per file, styled, with its label and percentage - the colour slot says how it goes.

Rating

Stars or hearts for a score, parts of one clipped, said in words

Hearts and parts icon=heart, a max of ten and scores between whole ones - each said as a number out of the max.

Product	Score	Reviews
Walnut desk lamp	4.7	214
Linen armchair	4.2	88
Oak side table	3.5	41
Wool rug, 160x230	2.8	17
Ceramic vase	5	9

Product reviews The average score of each product as stars - a part of a star filled as far as the score goes.

Timeline

Events on a time axis - cards above and below, spans as bars, or a column for long lists

Twenty years of PHP The vertical form for a long list - dates on the left, cards on the right - the rows as JSON between the tags.

A project plan Spans from= and to= drawn as bars under a month axis, milestones as cards, coloured by kind with a legend - the rows from the page's PHP.

The space age Ten moments on a time axis with round year ticks - the cards alternate above and below and step outward where they would collide.

Countdown

The time left until a moment, in words inside a time element - ticking live when asked

Jazz in the park Sold out
Pottery workshop 3 hours, 20 minutes
City half marathon 4 days, 6 hours
Film night 26 days, 2 hours
New year concert 84 days, 3 hours

Upcoming events The two largest units by default, a past= text for an event that has started, and the full moment in the title on hover.

Version 3.0 launches in

12 days, 5 hours, 30 minutes

Tuesday 3 November, 09:21

A launch countdown Three units of the time left, counting down every second in the browser with the live option - the server writes the same words first.

Country

A country flag and its English name from an ISO 3166 code - alpha-2, alpha-3 or the name

🇳🇱 🇫🇷 🇮🇹 🇪🇸 🇸🇪 🇳🇴 🇨🇦 🇲🇽 🇦🇷 🇿🇦 🇰🇪 🇪🇬 🇮🇳 🇨🇳 🇰🇷 🇦🇺 🇳🇿 🇫🇯

Flags from alpha-3 codes Three-letter codes - as passports and the Olympics use them - give the same flags; alone, each flag is an image named by its country.

Netherlands 18,230
United States 12,904
Germany 8,711
United Kingdom 6,120
Belgium 4,385
Japan 2,017
Brazil 1,460
Côte d’Ivoire 312

Visitors by country The flag and the name from a two-letter code, with name - the flag is then decoration and the name is what a screen reader says.

Data table

A complete table from rows: headers, aligned numbers, totals, sorting and paging links

Marketing budget, third quarter
Channel	Budget	Spent
Search ads	€12,000.00	€11,380.40
Social media	€8,500.00	€9,120.15
Newsletter	€1,500.00	€960.00
Trade fair	€15,000.00	€14,215.80
Print	€3,000.00	€2,410.25
Total	€40,000.00	€38,086.60

A table from inline CSV As a pair the content is the data - CSV, JSON, YAML or XML - here a budget with a pipe formatting the amounts and a totals row.

Orders this week
Number	Date	Customer	Items	Total
10412	5 Oct 2026	Atelier Graphique	3	1,245.50
10413	5 Oct 2026	Signal Gift Stores	1	89.90
10414	6 Oct 2026	Mini Wheels Co.	12	4,310.00
10415	6 Oct 2026	Land of Toys Inc.	5	642.25
10416	7 Oct 2026	Baane Mini Imports	2	318.00
10417	8 Oct 2026	Euro+ Shopping	8	2,975.75
Total			31	9,581.40

Orders with totals Columns picked and labelled, numbers right-aligned with the same decimals, a totals row, and header links that sort on the server.

Largest cities by population
City	Country	Population	Area (km²)
Bangkok	Thailand	5,494,932	1,569
Beijing	China	21,893,095	16,411
Cairo	Egypt	10,044,894	3,085
Delhi	India	11,034,555	1,484
Dhaka	Bangladesh	10,278,882	306
Istanbul	Türkiye	15,655,924	5,461
Jakarta	Indonesia	10,562,088	662
Kinshasa	DR Congo	16,315,534	9,965

Paged and sortable The largest cities, eight rows a page with page links below - sorting and paging are plain links, so they work without JavaScript.

Diff

What changed between two texts - words or lines, inline or side by side

Monday → Friday
1	1		Milk
2	2		Eggs
3		-	~~Bread~~
	3	+	Sourdough bread
4		-	~~Butter~~
5	4		Coffee
6	5		Apples
	6	+	Pears
	7	+	Cheese

Line by line A shopping list in one column - the old and the new line number, a sign, the line.

PAD templates drive the application: aevery page is a template, and the template asks for ~~its~~the data it needs. There are no controllers, no routes and no ~~routing tables~~glue code - you create a file and it is a page. ~~Most tags are~~Every tag is rendered on the server, so ~~they work~~it works without JavaScript, in print and in e-mail.

Two versions of a paragraph An edited paragraph word by word - struck what went, marked what came.

total.php - before		total.php - after
1	function total ( $rows ) {	1	function total ( $rows, $tax = 0.21 ) {
2		2
3	$sum = 0;	3	$sum = 0;
4		4
5	foreach ( $rows as $row )	5	foreach ( $rows as $row )
6	$sum += $row ['price'];	6	$sum += $row ['price'] * $row ['quantity'];
7		7
8	return $sum;	8	return round ( $sum * ( 1 + $tax ), 2 );
9		9
10	}	10	}

Side by side Two versions of a function next to each other, line numbers on both sides and the changed words marked.

Emoji

Emoji by their GitHub and Slack shortcodes, each a labelled image for screen readers - and a pipe for text

Ana: The build is green ✅ shipping it 🚀
Bram: Nice work 👏 👏
Chen: Coffee at 10:30:00? ☕
Dewi: Count me in ✋ - and :not_a_code: stays as it is

Shortcodes in text The emoji pipe turns every shortcode in a text into its emoji - one it does not know, or a time like 10:30:00, stays as written.

Release 3.0 is out - charts, tables and a faster first render.

A reaction bar Reactions under a post, each emoji from its shortcode in a span with role img and its name as the label a screen reader says.

Excerpt

A long text cut to whole words around the search words, the matches marked

Results for cache

Fragment cache

… from the database, a report over a year of orders. The fragment cache keeps the rendered text of such a section for a number …

Remote data

… seconds. When the source fails afterwards, the last good copy in the cache is served and the failure is logged, so a slow or …

Page cache

With the page cache switched on in the configuration, a whole page is kept after its first rendering, with an ETag, and a browser …

Search results Each result cut to 24 words around the first match of the query, every match marked.

Templates that drive

2026-09-14 Most frameworks start in a controller. The controller fetches the data, decides what to show and hands it to a template, which is the last …

Charts without JavaScript

2026-10-01 A chart is a picture, and a picture can be drawn on the server. The chart tag writes inline SVG: bars, lines, pies and forty …

Teasers from HTML The first 25 words of each post body - its tags dropped with html, an ellipsis where it goes on.

JSON viewer

A JSON answer or a PHP array as a tree to fold open and shut, coloured by type, with counts on folded nodes

GET /api/orders/10417 {…} 8 keys

"id": 10417
"status": "open"
"paid": false
"customer": {…} 3 keys
- "name": "Euro+ Shopping"
- "country": "ES"
- "vip": true
}
"lines": […] 2 items
- 0: {…} 4 keys
  - "sku": "S18_1749"
  - "name": "1917 Grand Touring Sedan"
  - "qty": 2
  - "price": 136
  }
- 1: {…} 4 keys
  - "sku": "S24_2840"
  - "name": "1958 Chevy Corvette"
  - "qty": 6
  - "price": 35.29
  }
]
"coupon": null
"total": 2975.75
"created": "2026-10-08T09:42:11Z"

}

An API response The JSON between the tags, its braces needing no ignore - two levels open, the deeper ones folded with the number of keys or items they hold.

settings {…} 5 keys

"shop": {…} 3 keys
- "name": "Mini Wheels Co."
- "currency": "EUR"
- "locales": […] 3 items
  - 0: "en"
  - 1: "nl"
  - 2: "de"
  ]
}
"mail": {…} 4 keys
- "transport": "smtp"
- "host": "mail.example.com"
- "port": 587
- "tls": true
}
"cache": {…} 3 keys
- "pages": true
- "ttl": 600
- "store": "apcu"
}
"features": {…} 3 keys
- "reviews": true
- "wishlist": false
- "giftcards": null
}
"version": "3.0.2"

}

A PHP array A page array shown as the JSON it would be - one level open, so the sections show folded with their sizes until clicked.

Lorem ipsum

Placeholder text in words, sentences or paragraphs - the same text for the same seed

Lorem ipsum dolor sit

Lorem ipsum dolor sit amet, consectetur adipiscing elit semper diam. Per nec dictumst montes facilisis at sapien interdum cubilia lectus ad ligula.

Quis facilisis sociosqu tortor iaculis sagittis. Mus sollicitudin fusce, faucibus ultricies hac class massa condimentum nascetur facilisis scelerisque inceptos. Varius hendrerit risus euismod dui ornare efficitur. Tempus aptent eu etiam facilisis quisque felis. Eros sed sollicitudin euismod congue vitae eget ridiculus.

Auctor nostra mus habitant, interdum quam. Neque at ornare hendrerit pellentesque quisque dictumst himenaeos mauris enim, quam tempor. Tincidunt efficitur ullamcorper efficitur potenti cras convallis curae. Primis integer himenaeos mollis elementum vitae. Fringilla auctor est mollis viverra lectus augue at metus erat.

Magnis tempor taciti habitant condimentum luctus risus vivamus parturient. Donec nunc justo morbi, porta fames. Torquent non turpis nostra fusce id quis malesuada est. Nec aenean feugiat viverra tempus netus, dictumst varius dis hendrerit eget.

A page before its copy A heading, a lead of two sentences and three paragraphs - the layout filled before the text is written.

Augue varius

Etiam sodales nostra bibendum magna habitasse consequat nisl nullam feugiat nullam curabitur. Nunc dui ultrices, nec dis lacinia.

Libero semper

Arcu ultrices nec faucibus, torquent id consequat felis, arcu rutrum curae montes. Risus sed lacus cursus, blandit ad.

Venenatis luctus

Iaculis sapien aliquet netus rhoncus vulputate volutpat vestibulum. Maximus lacinia quam, posuere phasellus sociosqu ullamcorper aliquam blandit pretium.

Praesent varius

Ligula cursus fermentum senectus, commodo primis. Nascetur volutpat class pharetra penatibus placerat, dis fermentum. Semper phasellus eleifend non.

Felis lobortis

Egestas facilisis arcu pulvinar in, gravida sollicitudin iaculis habitant penatibus, mus aliquet nunc aliquet. Inceptos integer fringilla lobortis.

Potenti mollis

Erat sagittis iaculis parturient, vehicula platea, at phasellus ad massa nulla cursus mollis. Urna fringilla dui curabitur facilisis.

A seed per card The same tags with another seed in every card - varied text, and the same again on every request.

Time ago

How long ago a moment was, in a time element that keeps the exact moment for machines and on hover

Maya · 4 months ago
Is there a way to export the report as a spreadsheet?
Jonas · 3 weeks ago
The CSV answer of the same page does exactly that.
Priya · yesterday
Tried it today - one line in the page and it works.
Tomás · 2 hours ago
Can the columns be chosen?
Maya · 5 minutes ago
Yes: list them in the page, in the order you want.
Ken · just now
Thanks, everyone!

A comment thread Each comment says how long ago it was posted; hover a time for the full date, and the datetime attribute carries the exact moment.

Choosing the beans

Fresh beans matter more than any machine. Buy whole beans roasted in the last few weeks, and only as much as you drink in a fortnight.

Light or dark roast

A light roast keeps the fruit and acidity of its origin; a dark roast trades them for body and the bitter-sweet taste of the roast itself.

Single origin or blend

A blend is made to taste the same all year. A single origin tastes of one farm and one harvest - and changes with it.

Grinding

Grind just before brewing. A burr grinder gives even particles; a blade grinder gives dust and boulders that brew at different speeds.

Grind size by method

Coarse for a French press, medium for filter, fine for espresso - finer grinds extract faster.

Brewing

Use water just off the boil, around 94 °C, and about 60 grams of coffee per litre.

Pour-over

Bloom the grounds with a little water for thirty seconds, then pour slowly in circles.

French press

Steep four minutes, press gently, and pour it all out at once so it does not go bitter.

Storing what is left

An airtight tin in a dark cupboard. Not the fridge: the beans take on its smells.

A long article The contents stand above the headings it lists: it is filled in once the page has rendered, and every heading gets an id to link to.

Installation

Clone the repository and point the web server at www/.

Requirements

PHP 8.1 or newer; a database only when the application uses one.

Extensions

mbstring is required, intl is used when it is there.

First run

Open the hello application to see a page and its template.

Configuration

Settings stand in _config/config.php and in .env files.

Error handling

Choose what happens when something goes wrong: a page, a log line or a dump.

Deployment

Copy the files; there is no build step.

Contents in a sidebar Three heading levels as a bulleted list beside the text - levels= picks the levels, list= the kind of list, and a heading with its own id keeps it.

Gravatar

The picture of an e-mail address, or a local avatar for privacy

Herbert Jebbink
The page cache halves the time of the home page.

Ada Lovelace
Could the sequence tags take a step of their own?

Grace Hopper
A bug report with a template line number - lovely.

Comments with Gravatars The picture each address registered at gravatar.com - only its SHA-256 hash leaves the page, lazily, without a referrer.

Herbert Jebbink
The page cache halves the time of the home page.

Ada Lovelace
Could the sequence tags take a step of their own?

Grace Hopper
A bug report with a template line number - lovely.

No request to a third party fallback= draws the picture on the server instead - the initials of the name, or the identicon of the address - so no visitor is sent to Gravatar.

Thumbnails

Resized, cached pictures with GD - one size on the page, twice that for a sharp screen

The whole picture, as WebP fit=contain keeps every pixel inside the box; format= and quality= choose the file that is made.

Three pictures, one size Landscape and portrait photos cut to the same 4:3 box around their centre, each with a 2x copy for a sharp screen.

PDF documents

A template rendered as a PDF by a writer in plain PHP - fonts, tables, pictures

Invoice 2026-114

Harbour Supplies
Kaai 3, 1781 AA Den Helder
info@harbour.example

To: Noordkaap Sailing School
Havenkade 12
1781 AB Den Helder

Issued 8 October 2026 - due 7 November 2026

Item	Qty	Price	Amount
Mooring rope, 12 mm, per 20 m	4	€ 38,50	€ 154,00
Fender, inflatable, large	6	€ 27,95	€ 167,70
Life jacket 150 N, adult	10	€ 64,00	€ 640,00
Shackle, stainless, 8 mm	24	€ 3,20	€ 76,80
Delivery to the harbour	1	€ 45,00	€ 45,00
Subtotal			€ 1.083,50
VAT 21%			€ 227,54
Total			€ 1.311,04

Please pay within 30 days to NL91 ABNA 0417 1643 00, quoting invoice 2026-114.

An invoice as PDF An order rendered on a sheet, the same template one click away as an A4 PDF made in plain PHP.

Video embeds

YouTube and Vimeo as a poster and a play button - the player loads only when asked

A clip of your own A WebM file beside the page as a video element - its poster shown, nothing loaded before play.

Vimeo with a poster of your own A Vimeo address, a start time from the link and a local picture as the poster.

YouTube without tracking The thumbnail and a play button - the player comes from youtube-nocookie.com only after the click.

Accordion

Questions that open on a click - every item a details element, one open at a time if asked

Questions about your order

When will my order arrive?

Orders placed before 22:00 on a working day are delivered the next day in the Netherlands and Belgium, within three working days elsewhere in the EU.

Can I return something?

Yes - within 30 days, unused and in its box. Print the label from your account and drop the parcel at any pick-up point; the refund follows within five days.

Is there a warranty?

Two years on every appliance, five years on the heating element of our kettles.

How do I pay?

iDEAL, Bancontact, credit card, PayPal, or on account for business customers.

Frequently asked questions A FAQ where opening a question closes the one that was open - the first one open at the start.

Carousel

Slides that scroll and snap sideways - previous, next and a dot per slide, all plain links

Sunrise over the hills

The open sea

A forest at dusk

Snow on the peaks

Four landscapes Slides that snap sideways - swipe, scroll, or use the arrows and the dots, which are plain links.

Copy

A text with a copy-to-clipboard button - selectable by hand when scripting is off

Put this in apps/shop/.env:

padSqlDriver=sqlite
padSqlDatabase=shop/shop.sqlite
padSqlSetup=_install/schema.sql

A snippet as content The pair form - the content is rendered first, so a value of the page goes into the text that is copied.

Add the package to your project:

composer require pad/pad:^11.0

Or start a fresh application with the command-line tool:

pad new shop && pad serve 8000

Install command A command with a copy button - the text a value, escaped, and selected whole with one click.

Modal

A dialog over the page - opened by HTML invoker commands, a tiny script, or a link without scripting

Checkout

Your order: 1 × Aurora electric kettle, € 79.00

I accept the terms of sale

Terms at checkout The terms of sale in a dialog over the checkout - closed again with Escape, the cross or a click beside it.

Poll

A vote among a few answers, once per visitor - the results as bars, with or without scripting

Favourite language A vote among four answers, once per visitor - the results as bars after the vote.

Tabs

Panels behind a row of tabs - radio buttons and CSS, the arrow keys move between them

StarterTeamStudio

€ 9 a month - for one person and a side project

One site
10 GB storage
E-mail support

€ 29 a month - for a team that ships every week

Ten sites
100 GB storage
Chat support
Daily backups

€ 79 a month - for an agency with many clients

Unlimited sites
1 TB storage
Phone support
Hourly backups
Staging

A tab per row The tabs made in a loop - one per plan of the data, its features inside.

Aurora electric kettle

OverviewSpecificationsReviews (3)

A 1.7 litre kettle in brushed steel that boils a full jug in under four minutes and keeps it warm for half an hour. The lid opens with one touch, the water window lights up blue while it heats.

Capacity	1.7 litres
Power	2200 W
Keep warm	30 minutes at 80 °C
Weight	1.1 kg

Marieke - 5 of 5
Quiet, fast, and the light is a nice touch.

Tom - 4 of 5
Boils quickly. The lid is a little stiff.

Aisha - 5 of 5
The keep-warm setting is perfect for tea.

Product page Overview, specifications and reviews of a kettle behind three tabs - the specifications shown first.

Chess board

A chess position from FEN as SVG - pieces, coordinates, marked squares and arrows

After 1.e4, seen by Black The full FEN of the position after the king's pawn opening, the board flipped for the side to move.

The Opera game Morphy mates in Paris, 1858 - the last move marked, the bishop that guards the rook as an arrow.

Crossword

Words and clues in, a numbered grid and the Across and Down lists out

Across

The dependency manager most projects install (8)
The stricter switch, an expression since 8.0 (5)
Late binding keyword, or a property of the class (6)
A framework with Eloquent and Blade (7)

Down

A type with a fixed set of cases, new in 8.1 (4)
An ordered map, the workhorse of PHP (5)
An anonymous function that captures variables with use (7)
A language construct that outputs one or more strings (4)
Hands a value out of a generator and pauses it (5)
The value of a variable that has none (4)

A PHP crossword Ten words about PHP laid out on the server - the empty grid to print, with the clues beside it.

Across

The dependency manager most projects install (8) COMPOSER
The stricter switch, an expression since 8.0 (5) MATCH
Late binding keyword, or a property of the class (6) STATIC
A framework with Eloquent and Blade (7) LARAVEL

Down

A type with a fixed set of cases, new in 8.1 (4) ENUM
An ordered map, the workhorse of PHP (5) ARRAY
An anonymous function that captures variables with use (7) CLOSURE
A language construct that outputs one or more strings (4) ECHO
Hands a value out of a generator and pauses it (5) YIELD
The value of a variable that has none (4) NULL

With the solution The same words with solution - the letters in the grid and the answers behind the clues.

Sudoku

A puzzle as a grid, givens bold - and solved on the server by backtracking

Arto Inkala, 2012
8	1	2	7	5	3	6	4	9
9	4	3	6	8	2	1	7	5
6	7	5	4	9	1	2	8	3
1	5	4	2	3	7	8	9	6
3	6	9	8	4	5	7	2	1
2	8	7	1	6	9	5	3	4
5	2	1	9	7	4	3	6	8
4	3	8	5	2	6	9	1	7
7	9	6	3	1	8	4	5	2

The hardest one Arto Inkala's "world's hardest sudoku", written in nine lines and solved in a blink.

5	3	empty	empty	7	empty	empty	empty	empty
6	empty	empty	1	9	5	empty	empty	empty
empty	9	8	empty	empty	empty	empty	6	empty
8	empty	empty	empty	6	empty	empty	empty	3
4	empty	empty	8	empty	3	empty	empty	1
7	empty	empty	empty	2	empty	empty	empty	6
empty	6	empty	empty	empty	empty	2	8	empty
empty	empty	empty	4	1	9	empty	empty	5
empty	empty	empty	empty	8	empty	empty	7	9

The puzzle The classic example puzzle, its givens bold and the open cells ready to print.

5	3	4	6	7	8	9	1	2
6	7	2	1	9	5	3	4	8
1	9	8	3	4	2	5	6	7
8	5	9	7	6	1	4	2	3
4	2	6	8	5	3	7	9	1
7	1	3	9	2	4	8	5	6
9	6	1	5	3	7	2	8	4
2	8	7	4	1	9	6	3	5
3	4	5	2	8	6	1	7	9

Solved on the server The same puzzle with solve - the backtracking solver fills in every open cell, in another colour.

8	1	2	7	5	3	6	4	9
9	4	3	6	8	2	1	7	5
6	7	5	4	9	1	2	8	3
1	5	4	2	3	7	8	9	6
3	6	9	8	4	5	7	2	1
2	8	7	1	6	9	5	3	4
5	2	1	9	7	4	3	6	8
4	3	8	5	2	6	9	1	7
7	9	6	3	1	8	4	5	2

5	3	4	6	7	8	9	1	2
6	7	2	1	9	5	3	4	8
1	9	8	3	4	2	5	6	7
8	5	9	7	6	1	4	2	3
4	2	6	8	5	3	7	9	1
7	1	3	9	2	4	8	5	6
9	6	1	5	3	7	2	8	4
2	8	7	4	1	9	6	3	5
3	4	5	2	8	6	1	7	9

8	1	2	7	5	3	6	4	9
9	4	3	6	8	2	1	7	5
6	7	5	4	9	1	2	8	3
1	5	4	2	3	7	8	9	6
3	6	9	8	4	5	7	2	1
2	8	7	1	6	9	5	3	4
5	2	1	9	7	4	3	6	8
4	3	8	5	2	6	9	1	7
7	9	6	3	1	8	4	5	2

5	3	4	6	7	8	9	1	2
6	7	2	1	9	5	3	4	8
1	9	8	3	4	2	5	6	7
8	5	9	7	6	1	4	2	3
4	2	6	8	5	3	7	9	1
7	1	3	9	2	4	8	5	6
9	6	1	5	3	7	2	8	4
2	8	7	4	1	9	6	3	5
3	4	5	2	8	6	1	7	9

Tags that draw, format and interact.

Fragment cache

Remote data

Page cache

Templates that drive

Charts without JavaScript

Lorem ipsum dolor sit

Choosing the beans

Light or dark roast

Single origin or blend

Grinding

Grind size by method

Brewing

Pour-over

French press

Storing what is left

Installation

Requirements

Extensions

First run

Configuration

Error handling

Deployment

Invoice 2026-114

Questions about your order

Checkout

Aurora electric kettle

Across

Down

Across

Down

Tags that draw,
format and interact.

8	1	2	7	5	3	6	4	9
9	4	3	6	8	2	1	7	5
6	7	5	4	9	1	2	8	3
1	5	4	2	3	7	8	9	6
3	6	9	8	4	5	7	2	1
2	8	7	1	6	9	5	3	4
5	2	1	9	7	4	3	6	8
4	3	8	5	2	6	9	1	7
7	9	6	3	1	8	4	5	2

5	3	4	6	7	8	9	1	2
6	7	2	1	9	5	3	4	8
1	9	8	3	4	2	5	6	7
8	5	9	7	6	1	4	2	3
4	2	6	8	5	3	7	9	1
7	1	3	9	2	4	8	5	6
9	6	1	5	3	7	2	8	4
2	8	7	4	1	9	6	3	5
3	4	5	2	8	6	1	7	9