Puzzlestrap Demo


Prerequisites

Please include the following in all puzzle pages:
<html lang="en" data-region="aavikk" data-puzzle="rosetta-stone">
Filling in the appropriate names.

Navigation Bar

Alerts

Buttons

Default Secondary


Text

You can use the mark tag to highlight text.

Table

# First Last Handle
1 Mark Otto @mdo
2 Jacob Thornton @fat
3 Larry the Bird @twitter

Accordions

Text

Text Text

Cards

A map of Mega Puzzle
Reece Needham
he/him/any

Agile PM • Sound Designer • Web Dev • UX & Accessibility

Code

<p>Sample text here...</p>
<p>And another line of sample text here...</p>

User Input/Keyboard

Use the shift key to uppercase your letters.

Computer Output

When Shulin tried to run his C program, it returned

Segmentation fault

Modals

Offcanvas

Lore

Try scrolling the rest of the page to see this option in action.

...

Now Playing

Visions of Gideon

Sufjan Stevens

Progress

25%

Spinner

Loading...

Toast

Tooltip