Patrick Weaver

One Pager is an index.html file that, when opened locally in a browser renders a JavaScript powered editing UI.

The project was inspired by both early visions and recent experiments of a read/write web. I wanted to create a living HTML file that could be crafted and cultivated over time. Read more about the inspirations in my blog post about One Pager.

The editing UI allows the page author to directly edit DOM elements and page metadata. When the author is done making changes they can save the current state of the DOM to a file via the UI. Once they have their updated index.html file saved locally, they can upload it to their hosting provider. The editing UI is preserved, but hidden when viewed on the web, so later edits can be made just by re-downloading the file.

One pager supports <h1> - <h6>, <p>, <img>, and <a> tags, as well as updating metadata and some global and element-level styles.