Editing Updatable Website (section)

== book-website ==
The ''book-website'' try address this issue, with a quick'n'dirty JS+HTML system for '''loading html content from content.html into index.html''', without a webserver.

NOTE: '''it will only work in Firefox'''; Chrome will refuse to so, due to same origin policies

The motivation to do so, is to allow content (in content.html) to be easily updatable, and decoupled from the rest of the webpage files.

Folder structure:

<pre>book-website/
├── content.html    ----> CONTENT
├── index.html      ----> LANDING PAGE 
├── jquery-3.1.1.min.js 
├── load.js         ----> JS where content is loaded, sections and TOC are created
├── README.md
└── style.css       ----> CSS style info
</pre>



* <code>content.html</code> will store updatable content
* <code>style.css</code> stores the CSS Making changes to CSS can be done in
* <code>index.html</code> receives the content from content.html allows HTML (such as menus) to be added 
* <code>load.js</code> besides loading content, also includes a function which generates a Table-of-contents <code>generate_toc</code>, using the h1 elements to create entries:

<pre>    &lt;ul&gt;
    &lt;li&gt;&lt;a href=&quot;#id_of_firsth1&quot;&gt;First h1&lt;/a&gt;&lt;/li&gt;
    &lt;li&gt;&lt;a href=&quot;#id_ofsecond_h1&quot;&gt;Second h2&lt;/a&gt;&lt;/li&gt;
    &lt;ul&gt;</pre>