|
1 | 1 | <!DOCTYPE html> |
2 | 2 | <html> |
3 | 3 | <head> |
4 | | - <title>Table of contents</title> |
| 4 | + <title>data-context</title> |
5 | 5 | <meta name="viewport" content="width=device-width, initial-scale=1"> |
6 | 6 | <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5/dist/css/bootstrap.min.css" /> |
7 | 7 | <script crossorigin="anonymous" src="https://cdn.jsdelivr.net/npm/bootstrap@5/dist/js/bootstrap.bundle.min.js"></script> |
|
30 | 30 | </head> |
31 | 31 | <body> |
32 | 32 | <div class="row w-100"> |
| 33 | +<div class="col-12 text-center"> |
| 34 | +<h1 id="data-context">data-context</h1> |
| 35 | +<p>Watch data changes in the browser and node.js<br> |
| 36 | +This manual is also available in <a href="https://manuel-lohmus.github.io/data-context/README.html">HTML5</a>.<br></p> |
| 37 | +</div> |
| 38 | +</div> |
| 39 | +<div class="row w-100"> |
33 | 40 | <div class="col-lg-3 d-lg-inline"> |
34 | 41 | <div class="sticky-top overflow-auto vh-lg-100"> |
35 | 42 | <div id="list-headers" class="list-group mt-2 ms-lg-2 ms-4"> |
@@ -63,16 +70,15 @@ <h4 id="table-of-contents">Table of contents</h4> |
63 | 70 |
|
64 | 71 | <div class="col-lg-9 mt-2"> |
65 | 72 | <div class="ps-4 markdown-body" data-bs-spy="scroll" data-bs-target="#list-headers" data-bs-offset="0" tabindex="0"> |
66 | | -<h1 id="data-context">data-context</h1> |
67 | | -<p>Watch data changes in the browser and node.js<br> |
68 | | -This manual is also available in <a href="https://manuel-lohmus.github.io/data-context/README.html">HTML5</a>.<br></p> |
69 | | -<!--[](https://www.npmjs.com/package/data-context)--> |
70 | 73 | <h2 id="introduction">Introduction</h2> |
71 | | -<p>It is a simple and easy-to-use library that can be used in the browser or in node.js.<br> |
72 | | -You can create a context from the data, then listen for change events and stringify changes.<br> |
73 | | -Included event-emitter functions. Automatically detects changes in the data and emits events.<br> |
74 | | -Designed for module 'data-context-binding' for binding data to the DOM and for module 'fs-broker' for working with files.<br> |
75 | | -Using a single-page application (SPA) with the <a href="https://www.npmjs.com/package/data-context-binding">'data-context-binding'</a> module gives very good results.<br></p> |
| 74 | +<p>It is a simple and easy-to-use library that can be used in the browser or in node.js. |
| 75 | +You can create a context from the data, then listen for change events and stringify changes. |
| 76 | +Included event-emitter functions. Automatically detects changes in the data and emits events. |
| 77 | +Designed for module 'data-context-binding' for binding data to the DOM and for module 'fs-broker' for working with files. |
| 78 | +Using a single-page application (SPA) with the <a href="https://www.npmjs.com/package/data-context-binding">'data-context-binding'</a> module gives very good results. |
| 79 | +This module is part of the <a href="https://www.npmjs.com/package/conextra">'conextra'</a> framework, |
| 80 | +which is a simple and easy-to-use single-page application (SPA) framework. |
| 81 | +You have to try it! A different solution than MVC (model–view–controller).</p> |
76 | 82 | <blockquote> |
77 | 83 | <p>Please note, this version is not backward compatible with version 1.x<br> |
78 | 84 | Please note that JSON string is not 100% compatible.<br> |
|
0 commit comments