Used to quickly create small and simple content pages. All the content is defined in the index.json file. Since version 1.1.0 it's possible to define the content in index.js, so the page content data is loaded together with the html and not only after the page has been loaded. For backwards compatibility the JSON file is loaded if the page data object is not defined or the JS file is not found.

• ./web/examples
• Live: https://static.oblaser.ch/json-defined-html-page/examples

• index.html head section: title and favicon

A const object has to be defined. The structure of it is the same as for the JSON file.

const pageData =
{
    content: [ /* ... */ ],
    footer: [ /* ... */ ]
};

The main object contains two arrays named content and footer, each containing content defining objects.

Optionally the config and/or the defaultStyle objects can be added.

Each object must provide the type key. Types are:

Where X can be 1, 2, or 3.

List items are normal content defining objects, which can have additional optional keys:

object, optional

array, optional

The array contains the following objects:

An additional type is listItem, which affects each object in the list.items array.

Does neither affect childs of a list item nor the footer.