Notebook Val

This val automatically serves the codeblock it contains.

Each codeblock is augmented with a set of properties

```html { name: "index.html" }
<h1>Hello world</h1>
```

Properties follow JSON5 syntax.

Currently only a name property is supported.

Files

Entrypoint

<html>
<head>
    <meta charset='utf-8'>
    <meta http-equiv='X-UA-Compatible' content='IE=edge'>
    <title>Page Title</title>
    <meta name='viewport' content='width=device-width, initial-scale=1'>
    <link rel='stylesheet' type='text/css' media='screen' href='main.css'>
    <link rel="icon" href="https://fav.farm/📔" />
    <script src='main.js'></script>
</head>
<body>
    <h1>This whole val code is extracted from a README!</h1>
    <a href="https://www.val.town/v/pomdtr/notebook">View Val</a>
</body>
</html>

Styling

body {
    background-color: white;
}

h1 {
   color: red;
}

Script

console.log("Hi from the readme")