HELIX Language

HELIX is Blacklink's experimental web‑dev language for Campus. It's a thin layer over HTML that lets you describe pages with clean, structured syntax and then compile to regular HTML in the editor.

Core ideas

Indent + braces describe nesting instead of writing closing tags by hand.
Shorthand selectors like section.hero#home map to classes / ids.
Attributes go in square brackets, e.g. a[href="#"].
Text content lives in quotes after the tag name.
Triple quotes wrap raw CSS or JS blocks that are copied directly into HTML.

Mini example

doctype html
html[lang="en"] {
  head {
    title "HELIX Example"
  }

  body {
    section.hero#home {
      h1 "Welcome to HELIX"
      p  "Generated from .hlx inside Blacklink Campus"
      a.btn[href="#"] "Get Started"
    }
  }
}

When you open a .hlx file in the Campus editor, the live HELIX compiler transforms this into the equivalent HTML and renders it in the preview panel.

Using HELIX in Campus

Create a new file ending in .hlx (for example index.hlx).
Write HELIX syntax in the editor; the preview compiles it to HTML on every change.
All HELIX projects and files are stored locally in your browser's storage, just like HTML files.

There's also a full example in index.hlx in this project and via the HELIX example button in the editor sidebar.

Where to go next

Open Blacklink Campus Editor, create a new .hlx file, and start experimenting. The syntax highlighter and console will help you see how your HELIX maps to HTML.