npm - @qooxdoo/framework - Versions diffs - 7.9.2 → 8.0.0-beta.1 - Mend

@qooxdoo/framework 7.9.2 → 8.0.0-beta.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (593) hide show

package/lib/resource/qx/tool/website/build/diagnostics/dependson.html CHANGED Viewed

@@ -6,31 +6,33 @@
     <meta charset="utf-8">
     <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
-    <!-- Bootstrap CSS -->
-    <link rel="stylesheet" href="/assets/bootstrap.min.css">
+    <!-- Custom CSS and Abel font -->
+    <link rel="stylesheet" href="/assets/custom.css">
     <link rel="stylesheet" href="/assets/abel.css" >
     <link rel="icon" href="/assets/favicon.png" type="image/png">
     <!-- Github buttons -->
-    <script src="/assets/buttons.js"></script>
-    <script src="/assets/fontawesome-all.js"></script>
+    <script src="/assets/buttons.js" type="text/javascript"></script>
+    <script src="/assets/fontawesome-all.js" type="text/javascript"></script>
     <title>Qooxdoo Application Server</title>
     <meta name="description" content="">
-    <link rel="stylesheet" type="text/css" href="/qooxdoo.css">
-    <script type="text/javascript" src="/assets/jquery.js"></script>
-    <script type="text/javascript" src="/scripts/serve.js"></script>
+    <script src="/assets/qxWeb.js"  type="text/javascript"></script>
+    <script src="/assets/common.js" type="text/javascript"></script>
+    <script src="/scripts/serve.js" type="text/javascript" ></script>
 </head>
   <body>
         <div class="container-fluid pt-0">
-      <nav class="navbar fixed-top navbar-expand-sm pl-1" id="navigatopnBar">
+      <nav class="navbar fixed-top navbar-expand-sm pl-1" id="navigationBar">
         <a class="navbar-brand invisible" href="#" style="width: 0" id="navigationLogo">
           <img src="/assets/logo.svg" width="auto" height="30" alt="">
         </a>
-        <button class="navbar-toggler navbar-dark" type="button" data-toggle="collapse" data-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
+        <button class="navbar-toggler navbar-dark" type="button" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
           <span class="navbar-toggler-icon"></span>
         </button>
         <div class="collapse navbar-collapse navbar-dark" id="navbarNav">
@@ -52,7 +54,7 @@
               <a class="nav-link text-light" target="docs" href="/docs">Documentation</a>
             </li>
             <li class="nav-item">
-              <a class="nav-link text-light" target="api" href="/apps/apiviewer">API</a>
+              <a class="nav-link text-light" target="api" href="/apiviewer">API</a>
             </li>
           </ul>
         </div>
@@ -87,20 +89,20 @@
 <script src="dependson.js"></script>
 <select id="show">
-    <option value="both" selected>runtime and loadtime</option>
-    <option value="runtime">runtime</option>
-    <option value="load">load</option>
+  <option value="both" selected>runtime and loadtime</option>
+  <option value="runtime">runtime</option>
+  <option value="load">load</option>
 </select>
 <a href="#" onclick="showAll()">Expand all</a>
 <style>
-    li {
-        cursor: pointer;
-    }
+  li {
+    cursor: pointer;
+  }
 </style>
-<div id="root">
-</div>
+<div id="root"></div>
     </div>
@@ -130,10 +132,10 @@
                 <h5 style="color: #EEE">Learn &amp; Code</h5>
                 <ul class="nav flex-column">
                   <li class="nav-item">
-                    <a class="nav-link p-0" style="color: #BBB" target="docs" href="/docs">Documentation</a>
+                    <a class="nav-link p-0" style="color: #BBB" target="docs" href="https://qooxdoo.org/documentation">Documentation</a>
                   </li>
                   <li class="nav-item">
-                    <a class="nav-link p-0" style="color: #BBB" target="apiviewer" href="/apps/apiviewer">API Viewer</a>
+                    <a class="nav-link p-0" style="color: #BBB" target="apiviewer" href="https://qooxdoo.org/qxl.apiviewer/">API Viewer</a>
                   </li>
                   <li class="nav-item">
                     <a class="nav-link p-0" style="color: #BBB" target="demobrowser" href="https://qooxdoo.org/qxl.demobrowser">Demobrowser</a>
@@ -175,19 +177,19 @@
             </div>
           </div>
           <div class="col-md text-center pb-5">
-            <a class="btn btn-link p-0 mx-1 text-light" data-toggle="tooltip" data-placement="top" title="" target="extern" href="https://github.com/qooxdoo/qooxdoo" data-original-title="Qooxdoo on GitHub">
+            <a class="btn btn-link p-0 mx-1 text-light" title="Qooxdoo on GitHub" target="extern" href="https://github.com/qooxdoo/qooxdoo">
               <i class="fab fa-2x fa-github mx-1"></i>
             </a>
-            <a class="btn btn-link p-0 mx-1 text-light" data-toggle="tooltip" data-placement="top" title="" target="extern" href="https://gitter.im/qooxdoo/qooxdoo" data-original-title="Chat with us on Gitter">
+            <a class="btn btn-link p-0 mx-1 text-light" title="Chat with us on Gitter" target="extern" href="https://gitter.im/qooxdoo/qooxdoo">
               <i class="fab fa-2x fa-gitter mx-1"></i>
             </a>
-            <a class="btn btn-link p-0 mx-1 text-light" data-toggle="tooltip" data-placement="top" title="" target="extern" href="https://news.qooxdoo.org" data-original-title="Qooxdoo Blog">
+            <a class="btn btn-link p-0 mx-1 text-light" title="Qooxdoo Blog" target="extern" href="https://news.qooxdoo.org">
               <i class="fab fa-2x fa-medium mx-1"></i>
             </a>
-            <a class="btn btn-link p-0 mx-1 text-light" data-toggle="tooltip" data-placement="top" title="" target="extern" href="https://twitter.com/qooxdoo" data-original-title="Qooxdoo on Twitter">
+            <a class="btn btn-link p-0 mx-1 text-light" title="Qooxdoo on Twitter" target="extern" href="https://twitter.com/qooxdoo">
               <i class="fab fa-2x fa-twitter mx-1"></i>
             </a>
-            <a class="btn btn-link p-0 mx-1 text-light" data-toggle="tooltip" data-placement="top" title="" target="extern" href="https://stackoverflow.com/questions/tagged/qooxdoo" data-original-title="Qooxdoo Q/A">
+            <a class="btn btn-link p-0 mx-1 text-light" title="Qooxdoo Q/A" target="extern" href="https://stackoverflow.com/questions/tagged/qooxdoo">
               <i class="fab fa-2x fa-stack-overflow mx-1"></i>
             </a>
           </div>
@@ -203,11 +205,9 @@
       </div>
     </div>
-    <!-- Optional JavaScript -->
-    <!-- jQuery first, then Popper.js, then Bootstrap JS -->
-    <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js" integrity="sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q" crossorigin="anonymous"></script>
-    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta.3/js/bootstrap.min.js" integrity="sha384-a5N7Y/aK3qNeh15eJKGWxsqtnX/wWdSZSKp+81YjTmS15nvnvxKHuzaWwXHDli+4" crossorigin="anonymous"></script>
-    <script src="/assets/common.js" type="text/javascript"></script>
   </body>
 </html>

package/lib/resource/qx/tool/website/build/diagnostics/dependson.js CHANGED Viewed

@@ -1,26 +1,25 @@
-$(function () {
+document.addEventListener('DOMContentLoaded', function () {
   var db;
   var appDb;
   var CLASSES = {};
   var expanded = {};
   function expand(parent) {
-    var $parent = $(parent);
-    var className = $parent.attr("data-classname");
-    var $ul = $("ul", parent);
+    var className = parent.getAttribute("data-classname");
+    var ul = parent.querySelector("ul");
     expanded[className] = true;
-    if ($ul.length) {
-      $ul.remove();
+    if (ul) {
+      ul.remove();
       return;
     }
-    var $ul = $("<ul>");
-    $parent.append($ul);
-    show(className, $ul);
+    ul = document.createElement('ul');
+    parent.appendChild(ul);
+    show(className, ul);
     updateDisplay();
   }
-  function show(name, $list) {
+  function show(name, list) {
     var def = db.classInfo[name];
     if (!def || !def.dependsOn) return;
     for (var depName in def.dependsOn) {
@@ -28,72 +27,82 @@ $(function () {
         continue;
       }
       var isLoad = def.dependsOn[depName].load;
-      var $li = $("<li>").text(depName).attr("data-classname", depName);
+      var li = document.createElement('li');
+      li.textContent = depName;
+      li.setAttribute("data-classname", depName);
       if (isLoad) {
-        $li.addClass("load");
+        li.classList.add("load");
       } else {
-        $li.addClass("runtime");
+        li.classList.add("runtime");
       }
-      $li.click(function (e) {
+      li.addEventListener('click', function (e) {
         e.stopPropagation();
         expand(this);
       });
-      $list.append($li);
+      list.appendChild(li);
     }
   }
-  function showAll($list) {
-    if (!$list) {
-      $list = $("#root ul");
+  function showAll(list) {
+    if (!list) {
+      list = document.querySelector("#root ul");
     }
-    $list.children("li").each(function () {
-      let $li = $(this);
-      if ($li.children("li").length != 0) {
+    Array.from(list.children).forEach(function (li) {
+      if (li.querySelectorAll("li").length != 0) {
         return;
       }
-      let classname = $li.attr("data-classname");
+      let classname = li.getAttribute("data-classname");
       if (expanded[classname]) {
         return;
       }
-      expand($li);
-      showAll($("ul", $li));
+      expand(li);
+      let childUl = li.querySelector("ul");
+      if (childUl) {
+        showAll(childUl);
+      }
     });
   }
   window.showAll = showAll;
   function selectClass(name) {
-    $("#root").append($("<h3>").text(name + " Depends On"));
-    var $root = $("<ul>");
-    $("#root").append($root);
-    show(name, $root);
+    let root = document.getElementById("root");
+    let h3 = document.createElement('h3');
+    h3.textContent = name + " Depends On";
+    root.appendChild(h3);
+    var ul = document.createElement('ul');
+    root.appendChild(ul);
+    show(name, ul);
   }
   function updateDisplay() {
-    var value = $("#show").val();
+    var value = document.getElementById("show").value;
+    let loadElems = document.querySelectorAll(".load");
+    let runtimeElems = document.querySelectorAll(".runtime");
     switch (value) {
       case "runtime":
-        $(".load").hide();
-        $(".runtime").show();
+        loadElems.forEach(el => el.style.display = 'none');
+        runtimeElems.forEach(el => el.style.display = '');
         break;
       case "load":
-        $(".load").show();
-        $(".runtime").hide();
+        loadElems.forEach(el => el.style.display = '');
+        runtimeElems.forEach(el => el.style.display = 'none');
         break;
       default:
-        $(".load").show();
-        $(".runtime").show();
+        loadElems.forEach(el => el.style.display = '');
+        runtimeElems.forEach(el => el.style.display = '');
         break;
     }
   }
-  var query = $.qxcli.query;
-  $.qxcli
+  var query = window.qxcli.query;
+  window.qxcli
     .get(query.targetDir + "/db.json")
     .then(function (tmp) {
       db = tmp;
-      return $.qxcli.get(
+      return window.qxcli.get(
         query.targetDir + "/" + query.appDir + "/compile-info.json"
       );
     })
@@ -102,7 +111,7 @@ $(function () {
       appDb.parts.forEach(function (part) {
         part.classes.forEach(classname => (CLASSES[classname] = true));
       });
-      selectClass($.qxcli.query.appClass);
-      $("#show").change(updateDisplay);
+      selectClass(window.qxcli.query.appClass);
+      document.getElementById("show").addEventListener('change', updateDisplay);
     });
 });

package/lib/resource/qx/tool/website/build/diagnostics/requiredby.html CHANGED Viewed

@@ -6,31 +6,33 @@
     <meta charset="utf-8">
     <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
-    <!-- Bootstrap CSS -->
-    <link rel="stylesheet" href="/assets/bootstrap.min.css">
+    <!-- Custom CSS and Abel font -->
+    <link rel="stylesheet" href="/assets/custom.css">
     <link rel="stylesheet" href="/assets/abel.css" >
     <link rel="icon" href="/assets/favicon.png" type="image/png">
     <!-- Github buttons -->
-    <script src="/assets/buttons.js"></script>
-    <script src="/assets/fontawesome-all.js"></script>
+    <script src="/assets/buttons.js" type="text/javascript"></script>
+    <script src="/assets/fontawesome-all.js" type="text/javascript"></script>
     <title>Qooxdoo Application Server</title>
     <meta name="description" content="">
-    <link rel="stylesheet" type="text/css" href="/qooxdoo.css">
-    <script type="text/javascript" src="/assets/jquery.js"></script>
-    <script type="text/javascript" src="/scripts/serve.js"></script>
+    <script src="/assets/qxWeb.js"  type="text/javascript"></script>
+    <script src="/assets/common.js" type="text/javascript"></script>
+    <script src="/scripts/serve.js" type="text/javascript" ></script>
 </head>
   <body>
         <div class="container-fluid pt-0">
-      <nav class="navbar fixed-top navbar-expand-sm pl-1" id="navigatopnBar">
+      <nav class="navbar fixed-top navbar-expand-sm pl-1" id="navigationBar">
         <a class="navbar-brand invisible" href="#" style="width: 0" id="navigationLogo">
           <img src="/assets/logo.svg" width="auto" height="30" alt="">
         </a>
-        <button class="navbar-toggler navbar-dark" type="button" data-toggle="collapse" data-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
+        <button class="navbar-toggler navbar-dark" type="button" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
           <span class="navbar-toggler-icon"></span>
         </button>
         <div class="collapse navbar-collapse navbar-dark" id="navbarNav">
@@ -52,7 +54,7 @@
               <a class="nav-link text-light" target="docs" href="/docs">Documentation</a>
             </li>
             <li class="nav-item">
-              <a class="nav-link text-light" target="api" href="/apps/apiviewer">API</a>
+              <a class="nav-link text-light" target="api" href="/apiviewer">API</a>
             </li>
           </ul>
         </div>
@@ -132,10 +134,10 @@
                 <h5 style="color: #EEE">Learn &amp; Code</h5>
                 <ul class="nav flex-column">
                   <li class="nav-item">
-                    <a class="nav-link p-0" style="color: #BBB" target="docs" href="/docs">Documentation</a>
+                    <a class="nav-link p-0" style="color: #BBB" target="docs" href="https://qooxdoo.org/documentation">Documentation</a>
                   </li>
                   <li class="nav-item">
-                    <a class="nav-link p-0" style="color: #BBB" target="apiviewer" href="/apps/apiviewer">API Viewer</a>
+                    <a class="nav-link p-0" style="color: #BBB" target="apiviewer" href="https://qooxdoo.org/qxl.apiviewer/">API Viewer</a>
                   </li>
                   <li class="nav-item">
                     <a class="nav-link p-0" style="color: #BBB" target="demobrowser" href="https://qooxdoo.org/qxl.demobrowser">Demobrowser</a>
@@ -177,19 +179,19 @@
             </div>
           </div>
           <div class="col-md text-center pb-5">
-            <a class="btn btn-link p-0 mx-1 text-light" data-toggle="tooltip" data-placement="top" title="" target="extern" href="https://github.com/qooxdoo/qooxdoo" data-original-title="Qooxdoo on GitHub">
+            <a class="btn btn-link p-0 mx-1 text-light" title="Qooxdoo on GitHub" target="extern" href="https://github.com/qooxdoo/qooxdoo">
               <i class="fab fa-2x fa-github mx-1"></i>
             </a>
-            <a class="btn btn-link p-0 mx-1 text-light" data-toggle="tooltip" data-placement="top" title="" target="extern" href="https://gitter.im/qooxdoo/qooxdoo" data-original-title="Chat with us on Gitter">
+            <a class="btn btn-link p-0 mx-1 text-light" title="Chat with us on Gitter" target="extern" href="https://gitter.im/qooxdoo/qooxdoo">
               <i class="fab fa-2x fa-gitter mx-1"></i>
             </a>
-            <a class="btn btn-link p-0 mx-1 text-light" data-toggle="tooltip" data-placement="top" title="" target="extern" href="https://news.qooxdoo.org" data-original-title="Qooxdoo Blog">
+            <a class="btn btn-link p-0 mx-1 text-light" title="Qooxdoo Blog" target="extern" href="https://news.qooxdoo.org">
               <i class="fab fa-2x fa-medium mx-1"></i>
             </a>
-            <a class="btn btn-link p-0 mx-1 text-light" data-toggle="tooltip" data-placement="top" title="" target="extern" href="https://twitter.com/qooxdoo" data-original-title="Qooxdoo on Twitter">
+            <a class="btn btn-link p-0 mx-1 text-light" title="Qooxdoo on Twitter" target="extern" href="https://twitter.com/qooxdoo">
               <i class="fab fa-2x fa-twitter mx-1"></i>
             </a>
-            <a class="btn btn-link p-0 mx-1 text-light" data-toggle="tooltip" data-placement="top" title="" target="extern" href="https://stackoverflow.com/questions/tagged/qooxdoo" data-original-title="Qooxdoo Q/A">
+            <a class="btn btn-link p-0 mx-1 text-light" title="Qooxdoo Q/A" target="extern" href="https://stackoverflow.com/questions/tagged/qooxdoo">
               <i class="fab fa-2x fa-stack-overflow mx-1"></i>
             </a>
           </div>
@@ -205,12 +207,7 @@
       </div>
     </div>
-    <!-- Optional JavaScript -->
-    <!-- jQuery first, then Popper.js, then Bootstrap JS -->
-    <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js" integrity="sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q" crossorigin="anonymous"></script>
-    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta.3/js/bootstrap.min.js" integrity="sha384-a5N7Y/aK3qNeh15eJKGWxsqtnX/wWdSZSKp+81YjTmS15nvnvxKHuzaWwXHDli+4" crossorigin="anonymous"></script>
-    <script src="/assets/common.js" type="text/javascript"></script>
   </body>

package/lib/resource/qx/tool/website/build/diagnostics/requiredby.js CHANGED Viewed

@@ -1,66 +1,73 @@
-$(function () {
+document.addEventListener('DOMContentLoaded', function () {
   var db;
   var CLASSES = {};
-  function show(name, $list) {
+  function show(name, list) {
     var def = db.classInfo[name];
     if (!def || !def.requiredBy) return;
     for (var depName in def.requiredBy) {
       if (!CLASSES[depName]) continue;
-      var $li = $("<li>").text(depName).attr("data-classname", depName);
-      if (def.requiredBy[depName].load) $li.addClass("load");
-      else $li.addClass("runtime");
-      $li.click(function (e) {
+      var li = document.createElement('li');
+      li.textContent = depName;
+      li.setAttribute("data-classname", depName);
+      if (def.requiredBy[depName].load) li.classList.add("load");
+      else li.classList.add("runtime");
+      li.addEventListener('click', function (e) {
         e.stopPropagation();
-        var $this = $(this);
-        var className = $this.attr("data-classname");
-        var $ul = $("ul", this);
-        if ($ul.length) {
-          $ul.remove();
+        var className = this.getAttribute("data-classname");
+        var ul = this.querySelector("ul");
+        if (ul) {
+          ul.remove();
           return;
         }
-        var $ul = $("<ul>");
-        $this.append($ul);
-        show(className, $ul);
+        ul = document.createElement('ul');
+        this.appendChild(ul);
+        show(className, ul);
         updateDisplay();
       });
-      $list.append($li);
+      list.appendChild(li);
     }
   }
   function selectClass(name) {
-    $("#root").append($("<h3>").text(name + " Required By"));
-    var $root = $("<ul>");
-    $("#root").append($root);
-    show(name, $root);
+    let root = document.getElementById("root");
+    let h3 = document.createElement('h3');
+    h3.textContent = name + " Required By";
+    root.appendChild(h3);
+    var ul = document.createElement('ul');
+    root.appendChild(ul);
+    show(name, ul);
   }
   function updateDisplay() {
-    var value = $("#show").val();
+    var value = document.getElementById("show").value;
+    let loadElems = document.querySelectorAll(".load");
+    let runtimeElems = document.querySelectorAll(".runtime");
     switch (value) {
       case "runtime":
-        $(".load").hide();
-        $(".runtime").show();
+        loadElems.forEach(el => el.style.display = 'none');
+        runtimeElems.forEach(el => el.style.display = '');
         break;
       case "load":
-        $(".load").show();
-        $(".runtime").hide();
+        loadElems.forEach(el => el.style.display = '');
+        runtimeElems.forEach(el => el.style.display = 'none');
         break;
       default:
-        $(".load").show();
-        $(".runtime").show();
+        loadElems.forEach(el => el.style.display = '');
+        runtimeElems.forEach(el => el.style.display = '');
         break;
     }
   }
-  var query = $.qxcli.query;
-  $.qxcli
+  var query = window.qxcli.query;
+  window.qxcli
     .get(query.targetDir + "/db.json")
     .then(function (tmp) {
       db = tmp;
-      return $.qxcli.get(
+      return window.qxcli.get(
         query.targetDir + "/" + query.appDir + "/compile-info.json"
       );
     })
@@ -83,8 +90,8 @@ $(function () {
         }
       }
-      selectClass($.qxcli.query.appClass);
+      selectClass(window.qxcli.query.appClass);
-      $("#show").change(updateDisplay);
+      document.getElementById("show").addEventListener('change', updateDisplay);
     });
 });

package/lib/resource/qx/tool/website/build/index.html CHANGED Viewed

@@ -6,31 +6,33 @@
     <meta charset="utf-8">
     <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
-    <!-- Bootstrap CSS -->
-    <link rel="stylesheet" href="/assets/bootstrap.min.css">
+    <!-- Custom CSS and Abel font -->
+    <link rel="stylesheet" href="/assets/custom.css">
     <link rel="stylesheet" href="/assets/abel.css" >
     <link rel="icon" href="/assets/favicon.png" type="image/png">
     <!-- Github buttons -->
-    <script src="/assets/buttons.js"></script>
-    <script src="/assets/fontawesome-all.js"></script>
+    <script src="/assets/buttons.js" type="text/javascript"></script>
+    <script src="/assets/fontawesome-all.js" type="text/javascript"></script>
     <title>Qooxdoo Application Server</title>
     <meta name="description" content="">
-    <link rel="stylesheet" type="text/css" href="/qooxdoo.css">
-    <script type="text/javascript" src="/assets/jquery.js"></script>
-    <script type="text/javascript" src="/scripts/serve.js"></script>
+    <script src="/assets/qxWeb.js"  type="text/javascript"></script>
+    <script src="/assets/common.js" type="text/javascript"></script>
+    <script src="/scripts/serve.js" type="text/javascript" ></script>
 </head>
   <body>
         <div class="container-fluid pt-0">
-      <nav class="navbar fixed-top navbar-expand-sm pl-1" id="navigatopnBar">
+      <nav class="navbar fixed-top navbar-expand-sm pl-1" id="navigationBar">
         <a class="navbar-brand invisible" href="#" style="width: 0" id="navigationLogo">
           <img src="/assets/logo.svg" width="auto" height="30" alt="">
         </a>
-        <button class="navbar-toggler navbar-dark" type="button" data-toggle="collapse" data-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
+        <button class="navbar-toggler navbar-dark" type="button" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
           <span class="navbar-toggler-icon"></span>
         </button>
         <div class="collapse navbar-collapse navbar-dark" id="navbarNav">
@@ -52,7 +54,7 @@
               <a class="nav-link text-light" target="docs" href="/docs">Documentation</a>
             </li>
             <li class="nav-item">
-              <a class="nav-link text-light" target="api" href="/apps/apiviewer">API</a>
+              <a class="nav-link text-light" target="api" href="/apiviewer">API</a>
             </li>
           </ul>
         </div>
@@ -95,8 +97,8 @@
     </div>
     <script type="text/javascript">
-    $(function() {
-      $.qxcli.pages.homepage();
+    document.addEventListener('DOMContentLoaded', function () {
+      window.qxcli.pages.homepage();
     });
     </script>
   </div>
@@ -131,10 +133,10 @@
                 <h5 style="color: #EEE">Learn &amp; Code</h5>
                 <ul class="nav flex-column">
                   <li class="nav-item">
-                    <a class="nav-link p-0" style="color: #BBB" target="docs" href="/docs">Documentation</a>
+                    <a class="nav-link p-0" style="color: #BBB" target="docs" href="https://qooxdoo.org/documentation">Documentation</a>
                   </li>
                   <li class="nav-item">
-                    <a class="nav-link p-0" style="color: #BBB" target="apiviewer" href="/apps/apiviewer">API Viewer</a>
+                    <a class="nav-link p-0" style="color: #BBB" target="apiviewer" href="https://qooxdoo.org/qxl.apiviewer/">API Viewer</a>
                   </li>
                   <li class="nav-item">
                     <a class="nav-link p-0" style="color: #BBB" target="demobrowser" href="https://qooxdoo.org/qxl.demobrowser">Demobrowser</a>
@@ -176,19 +178,19 @@
             </div>
           </div>
           <div class="col-md text-center pb-5">
-            <a class="btn btn-link p-0 mx-1 text-light" data-toggle="tooltip" data-placement="top" title="" target="extern" href="https://github.com/qooxdoo/qooxdoo" data-original-title="Qooxdoo on GitHub">
+            <a class="btn btn-link p-0 mx-1 text-light" title="Qooxdoo on GitHub" target="extern" href="https://github.com/qooxdoo/qooxdoo">
               <i class="fab fa-2x fa-github mx-1"></i>
             </a>
-            <a class="btn btn-link p-0 mx-1 text-light" data-toggle="tooltip" data-placement="top" title="" target="extern" href="https://gitter.im/qooxdoo/qooxdoo" data-original-title="Chat with us on Gitter">
+            <a class="btn btn-link p-0 mx-1 text-light" title="Chat with us on Gitter" target="extern" href="https://gitter.im/qooxdoo/qooxdoo">
               <i class="fab fa-2x fa-gitter mx-1"></i>
             </a>
-            <a class="btn btn-link p-0 mx-1 text-light" data-toggle="tooltip" data-placement="top" title="" target="extern" href="https://news.qooxdoo.org" data-original-title="Qooxdoo Blog">
+            <a class="btn btn-link p-0 mx-1 text-light" title="Qooxdoo Blog" target="extern" href="https://news.qooxdoo.org">
               <i class="fab fa-2x fa-medium mx-1"></i>
             </a>
-            <a class="btn btn-link p-0 mx-1 text-light" data-toggle="tooltip" data-placement="top" title="" target="extern" href="https://twitter.com/qooxdoo" data-original-title="Qooxdoo on Twitter">
+            <a class="btn btn-link p-0 mx-1 text-light" title="Qooxdoo on Twitter" target="extern" href="https://twitter.com/qooxdoo">
               <i class="fab fa-2x fa-twitter mx-1"></i>
             </a>
-            <a class="btn btn-link p-0 mx-1 text-light" data-toggle="tooltip" data-placement="top" title="" target="extern" href="https://stackoverflow.com/questions/tagged/qooxdoo" data-original-title="Qooxdoo Q/A">
+            <a class="btn btn-link p-0 mx-1 text-light" title="Qooxdoo Q/A" target="extern" href="https://stackoverflow.com/questions/tagged/qooxdoo">
               <i class="fab fa-2x fa-stack-overflow mx-1"></i>
             </a>
           </div>
@@ -204,11 +206,9 @@
       </div>
     </div>
-    <!-- Optional JavaScript -->
-    <!-- jQuery first, then Popper.js, then Bootstrap JS -->
-    <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js" integrity="sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q" crossorigin="anonymous"></script>
-    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta.3/js/bootstrap.min.js" integrity="sha384-a5N7Y/aK3qNeh15eJKGWxsqtnX/wWdSZSKp+81YjTmS15nvnvxKHuzaWwXHDli+4" crossorigin="anonymous"></script>
-    <script src="/assets/common.js" type="text/javascript"></script>
   </body>
 </html>