Archive Layout with Content
A variety of common markup showing how the theme styles them.
Blockquotes
Single line blockquote:
Quotes are cool.
Tables
| Entry | Item | |
|---|
| John Doe | 2016 | Description of the item in the list |
| Jane Doe | 2019 | Description of the item in the list |
| Doe Doe | 2022 | Description of the item in the list |
| Header1 | Header2 | Header3 |
|---|
| cell1 | cell2 | cell3 |
| cell4 | cell5 | cell6 |
| cell1 | cell2 | cell3 |
| cell4 | cell5 | cell6 |
| Foot1 | Foot2 | Foot3 |
Definition Lists
- Definition List Title
- Definition list division.
- Startup
- A startup company or startup is a company or temporary organization designed to search for a repeatable and scalable business model.
- #dowork
- Coined by Rob Dyrdek and his personal body guard Christopher “Big Black” Boykins, “Do Work” works as a self motivator, to motivating your friends.
- Do It Live
- I’ll let Bill O’Reilly explain this one.
Unordered Lists (Nested)
- List item one
- List item one
- List item one
- List item two
- List item three
- List item four
- List item two
- List item three
- List item four
- List item two
- List item three
- List item four
Ordered List (Nested)
- List item one
- List item one
- List item one
- List item two
- List item three
- List item four
- List item two
- List item three
- List item four
- List item two
- List item three
- List item four
Make any link standout more when applying the .btn class.
Notices
Watch out! You can also add notices by appending {: .notice} to a paragraph.
Address Tag
1 Infinite Loop
Cupertino, CA 95014
United StatesAnchor Tag (aka. Link)
This is an example of a link.
Abbreviation Tag
The abbreviation CSS stands for “Cascading Style Sheets”.
Cite Tag
“Code is poetry.” —Automattic
Code Tag
You will learn later on in these tests that word-wrap: break-word; will be your best friend.
Strike Tag
This tag will let you strikeout text.
Emphasize Tag
The emphasize tag should italicize text.
Insert Tag
This tag should denote inserted text.
Keyboard Tag
This scarcely known tag emulates keyboard text, which is usually styled like the <code> tag.
This tag styles large blocks of code.
.post-title {
margin: 0 0 5px;
font-weight: bold;
font-size: 38px;
line-height: 1.2;
and here's a line of some really, really, really, really long text, just to see how the PRE tag handles it and to find out how it overflows;
}
Quote Tag
Developers, developers, developers…
–Steve Ballmer
Strong Tag
This tag shows bold text.
Subscript Tag
Getting our science styling on with H2O, which should push the “2” down.
Superscript Tag
Still sticking with science and Isaac Newton’s E = MC2, which should lift the 2 up.
Variable Tag
This allows you to denote variables.
Add invisible noise to a digit and watch a neural network change its mind — adversarial examples, live in your browser. Get details
An interactive look at base rates and Bayes’ rule: test 10,000 people at once and watch why a positive result on an accurate test can still usually be a false alarm. Get details
An interactive look at why a bond’s price drops when interest rates go up. Get details
Compare two texts, files, or PDFs privately in your browser. Nothing is uploaded. Get details
An interactive look at how holding many investments narrows the range of outcomes, cutting the worst cases while keeping most of the upside, and how fees skim off the top. Get details
A stochastic SIR outbreak on a grid: poke it, tune it, vaccinate it, and watch the curve. Get details
Draw any shape and a chain of rotating circles traces it back. Get details
A small, growing collection of interactive things, built as an ongoing exercise in seeing what Claude can do. Get details
A full-screen 2D n-body gravity playground — set a mass, click to drop it, drag to fling it into orbit. Get details
Watch SHA-256’s avalanche effect: change one character, flip half the bits. Get details
Resize an image to a target file size, crop, rotate, strip metadata, and generate a favicon pack — all privately in your browser. Get details
A reinforcement-learning agent lands a rocket. Change gravity, wind, or the pad and watch it cope. Get details
An interactive, full-screen Conway’s Game of Life. Get details
An interactive look at how loan payments split between interest and principal — and how paying extra (especially early) saves you money. Get details
A full-screen sandbox: drop bar magnets, watch their field lines, and let them snap and repel. Get details
Merge, split, reorder, redact, sign, fill, OCR, watermark, compress, and password-protect PDFs privately, in your browser. Get details
Chaos you can grab: two pendulums start 0.001 radians apart and end up nowhere near each other. Get details
Generate and scan QR codes in your browser. The codes are static, so the data lives in the pattern itself, with no redirect service, and a printed code keeps working forever. Get details
A timing-attack demo: recover a hidden token one character at a time, using nothing but how long a comparison takes. Get details
A tiny GPT writes Shakespeare one character at a time in your browser, with every probability and attention head on display. Get details