SAMPLE / LAYOUT STUDY
Game Guide Layout Study
A study of the article layout common to game guide sites, built with plain HTML, CSS, and JavaScript and no build step. Every article, rating, and figure in it is placeholder text — it is not real guide information for any game.
- PagesAbout 150, mostly generated filler
- Build stepNone
- ContentAll placeholder
Why build it?
To see how far the familiar shape of a guide site — ranking tables, tier lists, per-character pages, in-site search — can be taken with nothing but plain HTML.
The content is filler
The body text, ratings, and numbers exist only to fill the layout. There is nothing to read for information.
What is in it
A top page with an article list, latest entries, and categories; a tier ranking; a buff list; a party-building guide; per-character pages; and the shared template new pages are copied from. Header search, the drawer, the table of contents, and image frames all run from a single shared script.
How it is built
No framework and no CDN. Every page loads one shared stylesheet and one shared script, and new articles are made by copying the template. The approach does not change as the page count grows.
Data handling
The only input is the in-site search box, and what you type is handled on the page and discarded. Nothing is stored or sent anywhere.