updated docs to try to get some basic folding working

Author: catmando

docs/client-dsl/html-css.md

@@ -49,7 +49,31 @@ end
 
 The following HTML and SVG elements are available:
 
-{% fold summary="He wishes for the Cloths of Heaven", open=false, style="background: #fafafa;padding: 10px 20px;" %}
+<details><summary>HTML Tags</summary><div><pre><code>
+A ABBR ADDRESS AREA ARTICLE ASIDE AUDIO  
+B BASE BDI BDO BIG BLOCKQUOTE BODY BR BUTTON  
+CANVAS CAPTION CITE CODE COL COLGROUP  
+DATA DATALIST DD DEL DETAILS DFN DIALOG DIV DL DT  
+EM EMBED  
+FIELDSET FIGCAPTION FIGURE FOOTER FORM  
+H1 H2 H3 H4 H5 H6 HEAD HEADER HR HTML  
+I IFRAME IMG INPUT INS  
+KBD KEYGEN  
+LABEL LEGEND LI LINK  
+MAIN MAP MARK MENU MENUITEM META METER  
+NAV NOSCRIPT  
+OBJECT OL OPTGROUP OPTION OUTPUT  
+P PARAM PICTURE PRE PROGRESS  
+Q  
+RP RT RUBY  
+S SAMP SCRIPT SECTION SELECT SMALL SOURCE SPAN STRONG STYLE SUB SUMMARY SUP  
+TABLE TBODY TD TEXTAREA TFOOT TH THEAD TIME TITLE TR TRACK  
+U UL  
+VAR VIDEO  
+WBR
+</code></pre></div></details>
+
+<!-- {% fold summary="HTML Tags" %}
 ```
 A ABBR ADDRESS AREA ARTICLE ASIDE AUDIO  
 B BASE BDI BDO BIG BLOCKQUOTE BODY BR BUTTON  
@@ -73,11 +97,23 @@ U UL
 VAR VIDEO  
 WBR
 ```
-{% endfold %}
+{% endfold %} -->
 
-<details>
-<summary>SVG Tags</summary>
+<details><summary>SVG Tags</summary><div><pre><code>
+CIRCLE CLIPPATH  
+DEFS  
+ELLIPSE  
+G  
+LINE LINEARGRADIENT  
+MASK  
+PATH PATTERN POLYGON POLYLINE  
+RADIALGRADIENT RECT  
+STOP  
+SVG  
+TEXT TSPAN
+</code></pre></div></details>
 
+<!-- {% fold summary="SVG Tags" %}
 ```
 CIRCLE CLIPPATH  
 DEFS  
@@ -91,7 +127,7 @@ STOP
 SVG  
 TEXT TSPAN
 ```
-</details>
+{% endfold %} -->
 
 ### HTML parameters
 

docs/rails-installation/README.md

@@ -4,9 +4,14 @@ The easiest way to get the full benefit of Hyperstack is to integrate it with a
 
 Adding Hyperstack to your existing Rails App is as simple as adding the gem and running the installer.
 
-Continue to the next section to make sure you have the necessary prerequisites on your machine: [Prerequisites](https://docs.hyperstack.org/rails-installation/prerequisites)
-> #### Why Rails?
->
+Continue to the next section to make sure you have the necessary prerequisites on your machine.
+
+<details><summary>Why Rails?</summary><blockquote class="blockQuote-7a0db092" data-key="a435ea02d5d640c78b69d333e0891d40">
+<p class="blockParagraph-544a408c--blockParagraphQuoted-280e03a6" data-key="7e36607405794257b6f705a5f405176b"><span class="text-4505230f--TextH400-3033861f--textContentFamily-49a318e1"><span data-key="6898e228ab654c9ea8ee708813678acb"><span data-offset-key="6898e228ab654c9ea8ee708813678acb:0">Rails provides a robust, tried and true tool chain that takes care of much of the day to day details of building your app. Hyperstack builds on the Rails philosophy of convention over configuration, meaning that there is almost no boiler plate code in your Rails-Hyperstack application. Almost every line that you write for your Hyperstack application will deal with the application requirements. We have seen real reductions of up to 400% in the lines of code needed to deliver high quality functionality.</span></span></span></p><p class="blockParagraph-544a408c--blockParagraphQuoted-280e03a6" data-key="9750ee2895bd47d0a00b04fdaccd695b"><span class="text-4505230f--TextH400-3033861f--textContentFamily-49a318e1"><span data-key="f121bd21c43a48358aa92c88241e130b"><span data-offset-key="f121bd21c43a48358aa92c88241e130b:0">People sometimes balk at Rails because when they see the huge number of files and directories generated by the Rails installer, it looks crazy, complex, and ineffecient. Keep in mind that this has very little if any impact on your applications performance, and when developing code 90% of your time will be spent in the following directories: </span><span data-offset-key="f121bd21c43a48358aa92c88241e130b:1"><code spellcheck="false" class="code-0458e21e" data-slate-leaf="true">app/models</code></span><span data-offset-key="f121bd21c43a48358aa92c88241e130b:2"> and </span><span data-offset-key="f121bd21c43a48358aa92c88241e130b:3"><code spellcheck="false" class="code-0458e21e" data-slate-leaf="true">app/hyperstack</code></span><span data-offset-key="f121bd21c43a48358aa92c88241e130b:4">. The rest of the files are there to hold configuration files, and seldom used content, so they have a place out of the way of your main development activities.</span></span></span></p><p class="blockParagraph-544a408c--blockParagraphQuoted-280e03a6" data-key="449b3ec1d2524de3a81b19fb34c59b97"><span class="text-4505230f--TextH400-3033861f--textContentFamily-49a318e1"><span data-key="c61315faca2b4185a4cc9af22127937a"><span data-offset-key="c61315faca2b4185a4cc9af22127937a:0">Developers often believe that Rails modules like ActionController and ActiveRecord while powerful are slow. In the case of Hyperstack this is largely irrelevant since one of our goals is to offload as much work to the client as possible. For example rather than have a multitude of controllers delivering different page views and updates, your client side Hyperstack code is now responsible for that. The role of the server becomes the central database, and the place where secure operations are executed (such as sending mail, authenticating users etc.)</span></span></span></p><h1 id="how-about-other-rack-frameworks" class="blockHeading-442b4f12--blockHeading1WithMargin-b69d755e" data-key="8907e47ed3a640f4bb1158732d115e43"><div class="blockHeadingContent-756c9114"><span class="text-4505230f--HeadingH700-04e1a2a3--textContentFamily-49a318e1"><span data-key="f5da9790974945228e54d4ccda53e74a"><span data-offset-key="f5da9790974945228e54d4ccda53e74a:0">How about other Rack Frameworks</span></span></span><a href="#how-about-other-rack-frameworks" contenteditable="false" class="blockHeadingAnchor-34f75d78--blockHeadingAnchorHidden-d69b5eda"><span class="blockHeadingAnchorIcon-1c2bf3cb"><svg preserveAspectRatio="xMidYMid meet" height="1em" width="1em" fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" stroke="currentColor" class="icon-7f6730be--text-3f89f380"><g><path d="M10 13a5 5 0 0 0 7.54.54l3-3a5 5 0 0 0-7.07-7.07l-1.72 1.71"></path><path d="M14 11a5 5 0 0 0-7.54-.54l-3 3a5 5 0 0 0 7.07 7.07l1.71-1.71"></path></g></svg></span></a></div><div role="button" tabindex="0" contenteditable="false" class="reset-3c756112--blockHeadingUp-c32402b2" style="color: rgb(61, 66, 72);"><svg preserveAspectRatio="xMidYMid meet" height="1em" width="1em" fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" stroke="currentColor" class="icon-7f6730be--text-3f89f380"><g><line x1="12" y1="19" x2="12" y2="5"></line><polyline points="5 12 12 5 19 12"></polyline></g></svg></div></h1><p class="blockParagraph-544a408c--blockParagraphQuoted-280e03a6" data-key="d77c91ee1db14111bdce9f02822dfdc6"><span class="text-4505230f--TextH400-3033861f--textContentFamily-49a318e1"><span data-key="ffdfe4e348f344bda203da0daaa348c2"><span data-offset-key="ffdfe4e348f344bda203da0daaa348c2:0">But still you may have specific needs for a lighter weight system, or have an existing Sinatra app (for example) that you would like to use with Hyperstack. For now we will say its in the plan, and its just a matter of time. If you are interested leave a comment on this issue: </span></span><a class="link-a079aa82--primary-53a25e66--link-faf6c434" href="https://github.com/hyperstack-org/hyperstack/issues/340" target="_blank" rel="noopener noreferrer" data-key="c2e2224d1f1b407297e72ec0a79fc872" style="color: rgb(61, 66, 72);"><span data-key="74ec8d5f462d4e958d6790fee474eca1"><span data-offset-key="74ec8d5f462d4e958d6790fee474eca1:0">https://github.com/hyperstack-org/hyperstack/issues/340</span></span></a><span data-key="028a4d43265e4066a9fad68152392552"><span data-offset-key="028a4d43265e4066a9fad68152392552:0"><span data-slate-zero-width="z">&#8203;</span></span></span></span></p></blockquote>
+</details>
+
+
+<!-- {% fold summary="Why Rails?" %}
 >Rails provides a robust, tried and true tool chain that takes care of much of the day to day details of building your app.  Hyperstack builds on the Rails philosophy of convention over configuration, meaning that there is almost no boiler plate code in your Rails-Hyperstack application.  Almost every line that you write for your Hyperstack application will deal with the application requirements.  We have seen real reductions of up to 400% in the lines of code needed to deliver high quality functionality.
 >
 >People sometimes balk at Rails because when they see the huge number of files and directories generated by the Rails installer, it looks crazy, complex, and ineffecient.  Keep in mind that this has very little if any impact on your applications performance, and when developing code 90% of your time will be spent in the following directories:  `app/models` and `app/hyperstack`.  The rest of the files are there to hold configuration files, and seldom used content, so they have a place out of the way of your main development activities.
@@ -17,3 +22,4 @@ In the case of Hyperstack this is largely irrelevant since one of our goals is t
 >### How about other Rack Frameworks
 >
 >But still you may have specific needs for a lighter weight system, or have an existing Sinatra app (for example) that you would like to use with Hyperstack.  For now we will say its in the plan, and its just a matter of time.  If you are interested leave a comment on this issue: https://github.com/hyperstack-org/hyperstack/issues/340
+{% endfold %} -->