One Pager is a website that can edit itself. It is a
single index.html file with some JavaScript that, when
accessed offline, enables editing the HTML live and saving your changes.
If you see the “Local Controls” area to the right (bottom on mobile) then you are either editing locally or viewing the demo page at doodles.patrickweaver.net/one-pager. Make changes to the page colors or other formatting there. ➡️
Edit this page in your browser right now, or save a copy of this HTML file to get started locally. Once you have made your updates, save a localy copy by clicking the “Save All Changes to Local File” button.
After saving the local file, open it in a browser (I have only tested in
Chromium based browsers so far) using
File > Open File to keep editing. You can upload the file
to a hosting provider to put it online, and download it again from there
to keep editing! I like
Netlify or
GitHub Pages
for easy index.html hosting.
One Pager currently supports: Headings, Paragraphs and Images. The code is open source and there are issues on GitHub for other features if you want to contribute.
Here are some example web pages made with One Pager: A web page about Oat Dog and A web page about my 24-hour kid-friendly playlist, “20s Kids Know”.
1.0.0