LEN H Web Development Language

LEN H Commands

LEN H is a simple web-development language. Enter commands into the box above and press Submit.

Background

• background: — Sets the background color of the generated webpage.

Header

The header appears at the very top of the generated page, above the 3×3 content grid.

• headertext: — Displays text on the left side of the header.
• headerimage — Displays an image on the left side of the header. When you save the generated page, place an image file named image0 in the same folder so the header image appears.

If both headertext: and headerimage are used, the image appears to the left of the header text.

Normal Text

Normal text is displayed at 32px.

• texttopleft: — Top-left
• texttop: — Top-center
• texttopright: — Top-right
• textmiddleleft: — Middle-left
• textmiddle: — Exact center
• textmiddleright: — Middle-right
• textbottomleft: — Bottom-left
• textbottom: — Bottom-center
• textbottomright: — Bottom-right

Small Text

Small text is displayed at 20px.

• texttopleftsmall: — Top-left
• texttopsmall: — Top-center
• texttoprightsmall: — Top-right
• textmiddleleftsmall: — Middle-left
• textmiddlesmall: — Exact center
• textmiddlerightsmall: — Middle-right
• textbottomleftsmall: — Bottom-left
• textbottomsmall: — Bottom-center
• textbottomrightsmall: — Bottom-right

Big Text

Big text is displayed at 48px.

• texttopleftbig: — Top-left
• texttopbig: — Top-center
• texttoprightbig: — Top-right
• textmiddleleftbig: — Middle-left
• textmiddlebig: — Exact center
• textmiddlerightbig: — Middle-right
• textbottomleftbig: — Bottom-left
• textbottombig: — Bottom-center
• textbottomrightbig: — Bottom-right

Using Different Text Sizes Together

Each position on the webpage is one grid cell. A grid cell can contain big, normal, and small text at the same time.

For example:

texttopbig:Big Text
texttop:Normal Text
texttopsmall:Small Text

will display all three text sizes in the same top-center grid cell, stacked vertically.

Using the Same Command Twice

Each individual text command is intended to be used only once. If the same command is used multiple times, the resulting text will occupy the same position and overlap.

For example:

texttop:Hello
texttop:World

will cause Hello and World to overlap because both are normal-size text using the texttop: command.

The same behavior applies to repeated small or big commands.

texttopbig:Hello
texttopbig:World

These two big-text elements will overlap.

Command Order

LEN H commands can be entered in any order. The position and size of each element are determined by the command itself.