# Pages are like Notebooks

# The Idea

I've for a while have been tinkering with what I think JavaScript'ers have been missing - namely a way to make Jupyter-like notebooks!

So I started building. Actually been on this since November 12th - so about a month. Lot's of stuff is going to happen still!

## The past

Back on the 12th of November it couldn't do much, in fact you were only able to build a page using the source code!

This couldn't spark much joy to any people, so that brings us to the present. 

## The present

Now you are able to build pages as your heart desires! still missing some documentation on how to use the page-builder, but it's definitely a step in the right direction!

## The future

No one knows what the future will bring, not even me for this project! What I do know, though, is that there wil have to be some docs upon how to use the scripting of the pages. Hopefully also a more intuitive way to use the page builder and so on.

I'd love to get some way to work on a saved notebook again, as for now it is not possible to get working on an old saved notebook, which is quite a shame! 

# The page itself

The notebooks are easily managed by a notion-esque idea-inspired way to build a page - in this case, a notebook.

You start with mostly nothing, then add along all the fields you'd possibly need for a long coding experiment.

It all starts with a box - a magic box one might say. This box allows you to add any element you'd like.

For now though, there are four elements to choose from:

 * Header - A header element
 * Text - A text-area element
 * Code - The snippets to run and global to run from
 * Comment - A super simple comment - for less text that Text, but not quite a heading

Checkout the [/page](https://hasty.dev/page) to get a taste off all the elements. It'll show off all of the elements!

# The End

Thanks for reading! 

By now you must be super excited to get the pages - notbooks - a try! You without further ado, [hasty.dev/page](https://hasty.dev/page) and a demo is also available on [hasty.dev/page/demo](https://hasty.dev/page/demo) 🥰

Pst. There's also a shortcut to get a compelely clean slate by navigating to [hasty.dev/page/new](https://hasty.dev/page/new) 💡