save file

Author: javascript-2020

blog/25-08-17/nodejs-in-webpage/nodejs-in-webpage.html

@@ -133,24 +133,49 @@
   html
     {height:100%;font-family:arial}
   body
-    {min-height:calc(100% - 40px);display:flex;flex-direction:column;gap:10px;margin:20px;align-items:center;
+    {min-height:calc(100% - 40px);display:flex;flex-direction:column;gap:20px;margin:20px;align-items:center;
       padding-bottom:200px;
     }
   body>*
-    {max-width:1400px;width:100%;padding:0 20px;}
-
-
+    {max-width:1400px;width:100%}
 
-  h3
-    {text-align:center;color:blue}
-    
-  #desc
-    {white-space:pre-wrap}
+  [component]
+    {display:none}
 
+  .description 
+    {max-width:1000px;text-align:justify;border-left:4px solid #4a90e2;padding:1rem 2rem;
+      background-color:#f9f9f9;font-family:system-ui,sans-serif;font-size:1rem;line-height:1.6;color:#333}
+  .description>p
+    {margin:0}
+  .description > p+p
+    {margin:10px 0}
+
+  code
+    {font-family:monospace;background:whitesmoke}
+  code.inline
+    {display:inline;padding:5px 10px}
+
+  a
+    {color:#4a90e2;text-decoration:none;font-weight:500}
+  a:hover 
+    {text-decoration:underline}
+  .link-domain
+    {font-size:0.85rem;color:#777;margin-left:0.25rem}
+  .link-domain::before 
+    {content:'['}
+  .link-domain::after
+    {content:']'}
+  .link-txt
+    {}
+
   input
-    {font-size:16px;padding:5px 10px}
+    {font-size:16px;padding:5px 7px;box-sizing:border-box;}
   input[type=button]
     {cursor:pointer}
+
+
+    
+    
 
 
             </style>
@@ -170,16 +195,20 @@ <h1 class=title>
             </blog-hdr>
 
 
-            <div id=desc>
+            <div class=description>
 
-                  running nodejs code in a webpage
+                  <p>
+                        running nodejs code in a webpage
+                  </p>
 
-                  the containing page requires the following headers
+                  <p>
+                        the containing page requires the following headers
+                  </p>
 
-                  <div style='font-family:monospace'>
+                  <p style='font-family:monospace;white-space:pre'>
                         cross-origin-embedder-policy    : require-corp || credentialless
                         cross-origin-opener-policy      : same-origin
-                  </div>
+                  </p>
 
 
             </div>
@@ -200,16 +229,6 @@ <h1 class=title>
       <script>
 
 
-        var code_block;
-
-        var menu;
-        
-        var root;
-        
-
-  //:
-  
-  
         function initdom(rootnode){
 
               root    = rootnode;