Documentation

What the editor produces

A site is a folder with a site.toml manifest, a pages/ directory of templates and a static/ directory. The manifest holds the domain, colour scheme, navigation, legal, advert, authentication and hosting settings; the editor is a friendly front-end for exactly that file.

[site]
domain = "example.com"
runtime = "static"          # or "django" for blogs, galleries, accounts
title = "My Site"

[theme.colors.light]
bg = "#f6f7fb"
accent = "#6d5dfc"

[legal]
cookie_consent = true

[ads]
enabled = true
google_publisher_id = "ca-pub-…"

Site styles

• Multi-page: several pages linked from the menu.
• One-page scrolling: one page, menu items scroll to sections.
• Blog: home plus one or more blogs with versioned posts, comments and reactions.
• Gallery: site gallery plus one per registered user.
• Static page: a single page whose main content comes from a file in the repo (content/index.html, .md or .txt). The page template contains {% file "content/index.html" %}, so editing the file and rebuilding updates the site without touching the editor.

Who can use the editor

The editor is available to phookit admins and to registered users who have been given the wysiwyg editor permission. Any logged-in user can start a free 7-day demo once from phookit.co.uk; sites made during the demo can always be downloaded, even after it ends.

Layouts and breakpoints

Pages use a fluid grid. Sections stack on mobile (under 640px), use two columns on tablets (640–960px) and up to four on desktop. You can override the column count per block for each width.

Colour schemes

Every colour you pick becomes a CSS custom property (--pk-accent and so on). Light and dark palettes are separate; the site follows the visitor's system preference and offers a toggle.

Advert slots

Slots map to Google AdSense units: leaderboard 728×90, billboard 970×250, medium rectangle 300×250, large rectangle 336×280, half page 300×600, wide skyscraper 160×600, mobile banners 320×50 / 320×100, and responsive/in-article units. Ads only load after a cookie-consent decision (Google Consent Mode v2).

Legal pages

Privacy, cookie, terms and accessibility pages are generated from your organisation details and the features you enable, so the cookie table always matches what the site actually sets.

Hosting

Download the site, commit it to git and on your server run:

sudo phookit install ./my-site        # nginx, TLS, database, systemd
sudo phookit uninstall example.com    # removes exactly what was installed

Importing

Paste a git URL on the Projects page. The editor clones the repository, checks the manifest was written by wysiwyg, and opens it. Sites hand-written outside the editor cannot be imported because the editor needs its own page model.