Headings

Six levels. Space Grotesk, tightened tracking. Keep one <h1> per page.

Heading 1 — Heartland

Heading 2 — Pick a world

Heading 3 — Skyline Creative

Heading 4 — Harvest season

Heading 5 — pixel kicker

Text-level semantics

Inline meaning: emphasis, references, edits, and data.

You can make text strong, emphasised, highlighted, small, struck, inserted, sub and sup.

Inline code, a shortcut like + K, an PNW abbreviation, and a citation.

Connect at — server address play.kull.games.

Lists

Unordered, ordered, and description lists.

  • Wheat fields
  • Evergreen ridgelines
  • Skyline on the horizon
  1. Fire up Minecraft
  2. Add the server
  3. Walk into the wheat
SMP
Survival multiplayer
Plots
Creative plot world

Quotes & code blocks

"Wheat, evergreens, and good people building together since 2014."
// connect to the server
const ip = "play.kull.games";
fetch(`https://api.kull.games/status?ip=${ip}`)
  .then(r => r.json())
  .then(s => console.log(s.players, "online"));

Tables

Hairline borders, pixel-cap headers, gold hover.

Live servers
WorldModeVersionPlaying
HeartlandSurvival · SMP1.21124
SkylineCreative · Plots1.2157
StormfrontMinigames · PvP1.2137

Forms & inputs

Gold focus ring, amber accent on controls, voxel fieldsets.

Edition

Media

Figures with captions; photos always cover + crop (see the MediaFrame component).

Seattle skyline
<figure> + the .kg-media photo system
Forest creek
.kg-frame — chunky voxel border

Interactive elements

<details>, <progress>, and <meter>.

What is Heartland Survival?

A grief-protected, economy-driven survival world set in the wheat country, with seasons on.

How do I join?

Add play.kull.games in your Minecraft server list.

Semantic structure

Landmark elements give a page meaning: header, nav, main, article, aside, footer.

<header> · <nav>
<main> › <article>
<aside>
<footer>