Simple page generator

A few weeks ago I made this: Let's make a simple webpage!

(It works entirely offline too, you can grab the raw HTML from GitHub and run it locally. No server required or needed.)

If you have any suggestions, feedback, bugs, etc I’d love to know. Also, feel free to take it and build something much better. I licensed this under CC BY-SA 4.0 as I borrowed a little bit of JavaScript from Stack Overflow.

1 Like

I only took a glimpse because I don’t have much time now. Might have a look later on.

I suggest adding wysiwyg functionality.

There is a preview that can be expanded at the top after you start with a page title but do you mean a true WYSIWYG interface with all the controls to add for example fonts, tables, images, etc? I don’t even know where I’d start with those.

My bad, sorry. I missed that link. Maybe showing a small preview window would make it more obvious and the page generator more appealing to users at their first visit.

I like it, simple and clean.

I’ll try and make it a bit easier to notice the preview space. I’m also trying to make this work reasonably on a phone, so I’ll see what I can do.

@Bud I’ve tweaked the page and removes the Pico classless stylesheet and replaced it with a bare-bones stylesheet of my own.

I think it’s easier to see the preview thing now, and it reduces the project to no external dependencies.

The biggest issue is that you have to close and open the previewer to see your changes.

I’m not sure who your audience is, but if it’s for absolute beginners I would make snippet buttons similar to the BlueFish text editor. This way they can still see how the code works, but don’t need to look up every tag and it’s syntax to start using them.

You don’t need to close the preview to see changes, just switch focus to another field.

If that’s not working let me know, but otherwise this was a throwaway prototype from a year ago or so.

Oh you’re right!

Also sorry I didn’t notice the date :sob: it’s a really cool project

1 Like