Show what GYRO Pages generates for you
the switch is the markup · no script, works offline and in an archive
← back to the site
ONE 3COL PAGE · WHAT ARRIVES BUILT
ONE 3COL PAGE · TOP TO BOTTOM
GENERATED FOR YOU
WHAT YOU BRING
SITE-UNIQUE
SITE NAME · WHAT IT IS
The title of this one site
WHAT THIS IS
One paragraph that says what the site is for,
and one example you can go and look at.
free to host · nothing to hack · works on any device · you own it
The picture, and its caption at 22 px
— often the only line a scanner reads
Everything inside this band changes from site to site. Nothing else does.
A Plain answers
B Sources
C How it works
Search this page…
Phone view
Save as PDF
Dark
the controls are standard too — each one its own small script
THRESHOLD
Below is standard on every GYRO site
3COL STANDARD
A on
B on
C on
the reader turns any column off · the markup is the setting, so no script is involved
A
PLAIN ANSWERS
Questions a reader actually asks,
each one closed until it is opened.
+ What is GYRO Pages?
+ Who is it for?
+ What does it cost?
+ Is it secure?
+ Do I really own it?
+ How do I change the words later?
+ What if this all disappears?
plain → more detailed
B
SOURCES
Two blocks, always in this order,
worded the same on every site.
INTERNAL LINKS
The two most recent content changes.
EXTERNAL LINKS
Every reference to some other website.
1
number and kind
2
title
3
provenance — who, when, what license
4
preview — what you would find there
5
why it is cited — in THIS page
6
the link, last and only last
one register throughout — it does not deepen
a numeral in A or C lands on its card · Back returns you to it
C
HOW IT WORKS
Prior know-how is assumed, and more
of it is assumed as you go down.
The shape — one file, four scripts
Why the sources sit in the middle
The anatomy of a source card
Link health, done honestly
Security: nothing to attack
Typography · print · accessibility
Failures recorded in building this
assumed know-how → more technical
7
4
THREE RENDERINGS
wide · narrow · printed — one markup, nothing duplicated
WHAT THE THREE COLORS MEAN
green — structure
gold — the column keys, and where you are
red — citations, and whatever a click just reached
a dead link turns gray and is struck through
THE WHOLE THING
1 HTML file · 4 scripts · 35–100 KB
the four: phone-view, top-button,
back-link, search
no framework, no build step, no database
drop one and only its control goes
Everything in blue arrives built, the same on every GYRO site.
What is left is what you bring: a name, a paragraph, your answers, which sources, a picture.