add devenv section progress (#8)

* add devenv section progress

* add Elixir examples and guide to components

* add Wi-Fi page

* add GND row to table

* move wifi content to remote page

Author: Rekkice

docs/404.html

@@ -4,7 +4,7 @@
     <meta charset="utf-8">
     <meta name="viewport" content="width=device-width,initial-scale=1">
     <title>Page Not Found :: Electrónica, Robótica e IOT con Elixir</title>
-    <meta name="generator" content="Antora 3.1.10">
+    <meta name="generator" content="Antora 3.1.14">
     <link rel="stylesheet" href="/elixir-robotics/_/css/site.css">
     <link rel="stylesheet" href="/elixir-robotics/_/js/vendor/styles/monokai.css">
   </head>

docs/_/js/search-ui.js

@@ -133,14 +133,9 @@
     document.head.appendChild(link);
   }
 
-  function highlightPageTitle (title, terms) {
-    const positions = getTermPosition(title, terms);
-    return buildHighlightedText(title, positions, snippetLength)
-  }
-
   function highlightSectionTitle (sectionTitle, terms) {
     if (sectionTitle) {
-      const text = sectionTitle.text;
+      const text = sectionTitle.title ?? sectionTitle.text;
       const positions = getTermPosition(text, terms);
       return buildHighlightedText(text, positions, snippetLength)
     }
@@ -156,8 +151,7 @@
     return []
   }
 
-  function highlightText (doc, terms) {
-    const text = doc.text;
+  function highlightText (text, terms) {
     const positions = getTermPosition(text, terms);
     return buildHighlightedText(text, positions, snippetLength)
   }
@@ -183,9 +177,12 @@
       }
     }
     return {
-      pageTitleNodes: highlightPageTitle(doc.title, terms.title || []),
+      pageTitleNodes: highlightText(doc.title, terms.title || []),
       sectionTitleNodes: highlightSectionTitle(sectionTitle, terms.title || []),
-      pageContentNodes: highlightText(doc, terms.text || []),
+      pageContentNodes: highlightText(
+        sectionTitle?.title && sectionTitle.text ? sectionTitle.text : doc.text,
+        terms.text || []
+      ),
       pageKeywordNodes: highlightKeyword(doc, terms.keyword || []),
     }
   }
@@ -199,12 +196,12 @@
       let sectionTitle;
       if (ids.length > 1) {
         const titleId = ids[1];
-        sectionTitle = doc.titles.filter(function (item) {
+        sectionTitle = doc.titles.find(function (item) {
           return String(item.id) === titleId
-        })[0];
+        });
       }
       const metadata = item.matchData.metadata;
-      const highlightingResult = highlightHit(metadata, sectionTitle, doc);
+      const highlightingResult = highlightHit(metadata, sectionTitle || doc, doc);
       const componentVersion = store.componentVersions[`${doc.component}/${doc.version}`];
       if (componentVersion !== undefined && currentComponent !== componentVersion) {
         const searchResultComponentHeader = document.createElement('div');