Move CSS and Javascript to separate files

* Move CSS definitions to the CSS file * Move Javascript code to a file * Include at end of body instead of head, but only in the report where it is needed
VDVde · Jun 20, 2024 · b05f6c1 · b05f6c1
1 parent 1a6ff97
commit b05f6c1
Show file tree

Hide file tree

Showing 3 changed files with 470 additions and 475 deletions.
diff --git a/docs/generate_tables/xco-html.xqm b/docs/generate_tables/xco-html.xqm
@@ -149,7 +149,8 @@ declare function hl:contabReport_domain(
                 }</div>,
                 <div id="content">{
                     $xsdDivs
-                }</div>
+                }</div>,
+                <script href="../footer.js"></script>
            }</body>
        }</html>
        ! u:prettyNode(.)
@@ -236,56 +237,13 @@ declare function hl:contabReport_head(
                                     $options as map(xs:string, item()*)?)
         as element() {
   let $title := ($domain/processing/title/string(), 'API types')[1]
-  let $odir := $options?odir
-  let $cssFilePath := $odir||'/asciidoc.css'
-  let $cssRelFilePath := fu:getRelPath($reportPath ! fu:getParentPath(.), $cssFilePath) 
   return
-
   <head>
     <title>{$title}</title>
     <meta charset="UTF-8"/>
     <meta http-equiv="content-type" content="text/html;charset=UTF-8"/>
     <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
-    <script type="text/javascript">/*<![CDATA[*/
-      document.addEventListener('DOMContentLoaded', function() {
-        var headers = ['h2', 'h3', 'h4', 'h5', 'h6'];
-        for (var i = 0; i < headers.length; i++) {
-          var headerElements = document.getElementsByTagName(headers[i]);
-          for (var j = 0; j < headerElements.length; j++) {
-            var header = headerElements[j];
-            header.innerHTML += '<a class="header-link" href="#' + header.parentNode.id + '"><span class="link-icon"></span></a>';
-          }
-        }
-      });
-    /*]]>*/</script>
-    <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Open+Sans:300,300italic,400,400italic,600,600italic%7CNoto+Serif:400,400italic,700,700italic%7CDroid+Sans+Mono:400,700"/>
-    <link rel="stylesheet" href="{$cssRelFilePath}"/>
-    <style><![CDATA[
-      .header-link {
-        position: relative;
-        font-size: 0.65em;
-        left: 0.5em;
-        opacity: 0;
-
-        -webkit-transition: opacity 0.2s ease-in-out 0.1s;
-        -moz-transition: opacity 0.2s ease-in-out 0.1s;
-        -ms-transition: opacity 0.2s ease-in-out 0.1s;
-      }
-      h2:hover .header-link,
-      h3:hover .header-link,
-      h4:hover .header-link,
-      h5:hover .header-link,
-      h6:hover .header-link {
-        opacity: 1;
-      }
-
-      .link-icon {
-        width: 22px;
-        height: 18px;
-        display: inline-block;
-        background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 512'%3e%3c!--! Font Awesome Pro 6.2.0 by %40fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticons%2c Inc.--%3e%3cpath d='M579.8 267.7c56.5-56.5 56.5-148 0-204.5-50-50-128.8-56.5-186.3-15.4l-1.6 1.1c-14.4 10.3-17.7 30.3-7.4 44.6s30.3 17.7 44.6 7.4l1.6-1.1c32.1-22.9 76-19.3 103.8 8.6 31.5 31.5 31.5 82.5 0 114L422.3 334.8c-31.5 31.5-82.5 31.5-114 0-27.9-27.9-31.5-71.8-8.6-103.8l1.1-1.6c10.3-14.4 6.9-34.4-7.4-44.6s-34.4-6.9-44.6 7.4l-1.1 1.6C206.5 251.2 213 330 263 380c56.5 56.5 148 56.5 204.5 0l112.3-112.3zM60.2 244.3c-56.5 56.5-56.5 148 0 204.5 50 50 128.8 56.5 186.3 15.4l1.6-1.1c14.4-10.3 17.7-30.3 7.4-44.6s-30.3-17.7-44.6-7.4l-1.6 1.1c-32.1 22.9-76 19.3-103.8-8.6C74 372 74 321 105.5 289.5l112.2-112.3c31.5-31.5 82.5-31.5 114 0 27.9 27.9 31.5 71.8 8.6 103.9l-1.1 1.6c-10.3 14.4-6.9 34.4 7.4 44.6s34.4 6.9 44.6-7.4l1.1-1.6C433.5 260.8 427 182 377 132c-56.5-56.5-148-56.5-204.5 0L60.2 244.3z'/%3e%3c/svg%3e") no-repeat;
-      }
-    ]]></style>
+    <link rel="stylesheet" href="../asciidoc.css"/>
   </head>
 };