save file

Author: javascript-2020

index.html

@@ -944,6 +944,9 @@ <h3 class=heading>
                 </div audio>
 
 
+                
+                
+                
 <!-- npm -->
 
                 <div id=npm style='margin-top: 30px'>
@@ -973,27 +976,12 @@ <h3 class=heading>
                 </div npm>
 
 
+                
+                
+                
 <!-- extensions -->
 
-                      <a href='html-components/html-components.html' style='display:block'>
-                      
-                            <h3 class=heading>
-                                  <img class=sub-icon src='data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAMAAAAM7l6QAAAAaVBMVEVHcExfpvhYpPxapPtZo/lZpfxYpPtZpfxjp/Rxsv1ZpPpZpPtZpPpZpfxbpPheqPxcpvxorf1jqvxoputao/lbpPhmrP1ZpPtYo/tZo/hZpPtZpPqcyf+Rw/6Xxv+KwP6EvP53tf19uf1CLkbiAAAAHHRSTlMADp1YNLp7swf+YpU/wizc0vrpAiIX84VvHKlK4cmJ4wAAAVdJREFUKM+1ktmShCAMRVU2ARFxb5tF/f+PHIK92j1vM6myKuQYkns1y/4i8mEof6dlobX4hWHc09GtzfVSDZ/0qlvNg/Wr0SO7nOmlWb2zEN55Lj+WUsFat3O+ems3+g2HViLBuLfbdKaz8X5EkMnNBl2961tMsOuSanXr7N6iHOL+klqt3Y8r8yZuwRtGCCPyxgl3di0ODdrZYGgdA5H8wLXk1rUVpBQykeqY5Q/dcXgjajyNcfRNN2Z9P3TJbhKnB96OWzSHzzesCSGyThOjodEyeOxWpJZsEHioKcGxW4zc7LEzbCNv8KtoCit3SFwX40NLq7l+8wSRu3fEGLC7r/p07mDxYXl8gZ7RWBGKKXEcJ0GJzB8XFdH2SuESK/AAN5Ocri/2A5Yga5ZJ9+nPi7hk0FgBebr2xN2S8NJ9wxIhBZtShRCi5IRREQO2FpAUc5n9e/wA3jcXGxBAlmMAAAAASUVORK5CYII='>
-                                  html components
-                            </h3>
-                            
-                            <div class=description>
-                                  <div class=no-underline>
-                                        A registry of clean, reusable HTML components — built for developers who want to move fast without sacrificing clarity. Like npm, but for markup: browse, copy, remix, and drop into your project. No build steps, no frameworks, just pure HTML.
-                                  </div>
-                                  <div style='text-align:right'>
-                                        view the full list
-                                  </div>
-                            </div>
-                      </a>
-                      
-                      
-                      
+
                 <div id=extension style='margin-top: 30px'>
 
                     <a href='utils/browser-extensions/browser-extensions.html' style='display:block'>
@@ -1110,6 +1098,98 @@ <h3 class=heading>
 
                 </div micro-controllers>
 
+<!-- code -->
+
+                <div id=code>
+                
+                      <a href='code/code.html' style='display:block'>
+                      
+                            <h3 class=heading>
+                                  <img src='data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAMAAAAM7l6QAAABAlBMVEVHcEzwShbtTxrzbhXyoSHyORLyTRPzXxTzZxXzqB/upCjyRRP0ixfpOB31qBnyTxTvOBTtMBX1nhjxLBH1phr0nhvwMBPtNxb0hhfubRzzeBbyaxjxbBr0jBr0hRnyQhP0jhfzlBzzrB70gxbxPRP0kxjypiD0rBz0mRnzox/uKhLzfhjzoR3xPRPzmRn0kxjvKhPwMhL1oxnwMxP1oxryWBXyeRnxXRfzfRbyfhryVxXycxfybRjwchrzbRXxeBnyaRjzchbyYxbzYhXxXxfzaBbtKxTuKhP0qx3zrB7xZhrxZhn1pRjxMBHzUhPyRRP0jhf0iBf0kxf1mRj0gxb0fRW9Ofp/AAAATHRSTlMAHxH+EP3g/f42CIF/CPZ/izb89ruLuyjgG/x/Ux8f3+AeWoDO3yB4ziV4eyuzs4JL6+vQ0HtYWOUk5dGMRfFnjOjR6GjxWlpLS0VFZBEF4QAAATVJREFUKM+tk9eygjAURaWJoFgREOy9997rrYD9/3/lwsCEBJ/ujDztlcXsk4TB43nHg3frH5wVuc96F0dtRIhpsYidjShEYCsONK0nYBZgQk/TBiKkwxQVFkEhLpoMDS5SLQ5u41pU0RmPZc5+dC/+cwZztPdVe2Gth1Ad0v+h5/oI1SN97ugjTU9QPaHpo32qX+VA7xOoTuzpg/Jjnm3r8/lOSfc3SJ6M5a0RlgRBrF/12lhemuUrZUcs3OULYqes7IvbyPIY1WNZ3gCYTZ8NVDee0xmAtPQooLrwkNIAUtI1gOrAFdbZi1tfsikAudKtg+rOrZQDQFbvbRa2bPteJR2MR6PxJmCyaTL0dm2oqn2+bEGZ76vqsAa3MXxQDTJ2NiLPoHshvyp5ezybr3yTb/m3/gB3/SLZj0tcfgAAAABJRU5ErkJggg=='>
+                                  code
+                            </h3>
+                            
+                            <div class=description>
+                                  <div class=no-underline>
+                                        <p>
+                                              Explore our evolving collection of code pieces — practical building blocks that sit between lightweight snippets and full‑scale applications. Each piece represents a step in our development journey: starting as a simple snippet, growing into a reusable library, maturing into structured code, and eventually becoming a full code‑project. The most polished projects are released to the wider world, published on npm or packaged as standalone executables.
+                                        </p>
+                                        <p>
+                                              This section is your gateway to innovation in progress: discover useful snippets, track their promotion through our pipeline, and see how ideas transform into tools you can use in real projects.
+                                        </p>
+                                  </div>
+                                  <div style='text-align:right'>
+                                        view the full list
+                                  </div>
+                            </div>
+                            
+                      </a>
+                      
+                      <div class=table2>
+                      
+                            <a style='grid-column:1/2;grid-row:1/2' class=sub href='code/nodejs/servers/file-server/file-server.html'>
+                                  <div class=sub-title>
+                                        <span>
+                                              file-server
+                                        </span>
+                                  </div>
+                                  <div class=sub-hr></div>
+                                  <div class=sub-desc>
+                                        A small HTTPS server that lets the browser perform file I/O operations — load, save, delete, and manage directories — directly through fetch requests.
+                                  </div>
+                            </a>
+                            
+                      </div table2>
+                      
+                </div code>
+                
+                
+<!-- libs -->
+
+                <div id=libs>
+                
+                      <a href='libs/libs.html' style='display:block'>
+                      
+                            <h3 class=heading>
+                                  <img src='data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAMAAAAM7l6QAAAA8FBMVEVHcEwAE2AAEVNka1IAGk8CEWEAFEw5c4xiaVVbZVUAFVBZYlc9dY4YKEACI1kgRWUADl1CeZJlblorYIAmQlslWXxga2E1T15TYVoEFVZpb1YAI1AaSnAILF0HLWE4cIsJKlgGLV1Je45Ie4+Ay8WCzsZcn6nzvkB/ycThskBTfH79xDyZik/4wT3uu0GUh0+slk2LgU6bjUvRqkZ/ysW+n0h9x8NVlaLlt0PcsUTUrUcrZINlqbCG0MhRkKD3w0VXmadgo6s+epFGgpdEZ3GznE6gkEtvtrd2vrwoX4AzbYkya4jAoEhadW1cdGsjWX6aulNmAAAAJHRSTlMAFB7gIwsY2tPTEMTlASq1CeTU36bIxODIB98cvVp13VZw+PUYu93ZAAABJ0lEQVQoz73Ta1eCMACAYQlRwRBTS9PKLgxG4shc4yJe8B7d/v+/CcQLDL7W82GHc95tZ+ds5HJ/TxSYEy6Vqw2+VitFeKlCZ65lTdU9e3lJd66Megfoa0Z37kpFn287Wm/1vZQ4KiNNN3acYL1dYujNrfVrRF9bKp/OLwerrGwP9oyBTefrsqoOI44zRH1eiMf7h6ahxxjNu9vT2Qt1JaWeP+WiDACQgwHLhITfAJzHMwyaOwFkofjz+VYOpPJsPiYfk3dztMnMymJM/MnPYuSCzDwyPT9c7YX5gsrjrWm67mZmekRO5k6XYAiDKRhDLGNCIIaxzRmp+PSc8Fi86cReWr7laDE2XxHE5JX0j6ZTRF1JtcEetdssKwnJh8ycJRTEf/h7fgG4KD9jdXxHSAAAAABJRU5ErkJggg=='>
+                                  libs
+                            </h3>
+                            
+                            <div class=description>
+                                  <div class=no-underline>
+                                        <p>
+                                              Dive into our libraries — curated collections of reusable code that have grown beyond simple snippets. Each library represents a proven solution: tested, refined, and designed to be dropped into your projects with minimal effort. While snippets are quick fixes and experiments, libraries are the next stage in our pipeline — stable, dependable building blocks that pave the way toward full code pieces and larger projects.
+                                        </p>
+                                        <p>
+                                              In this section, you’ll find practical libraries that bridge the gap between experimentation and production, offering functionality you can trust while still being lightweight enough to adapt to your needs.
+                                        </p>
+                                  </div>
+                                  <div style='text-align:right'>
+                                        view the full list
+                                  </div>
+                            </div>
+                            
+                      </a>
+                      
+                      <div class=table2>
+                      
+                            <a style='grid-column:1/2;grid-row:1/2' class=sub href='js/io/file-server/file-server.html'>
+                                  <div class=sub-title>
+                                        <span>
+                                              file-server
+                                        </span>
+                                  </div>
+                                  <div class=sub-hr></div>
+                                  <div class=sub-desc>
+                                  </div>
+                            </a>
+                            
+                      </div table2>
+                      
+                </div libs>
+                
+                
+                
 
 <!-- blog -->