diff --git a/.circleci/config.yml b/.circleci/config.yml
index 924a8005c..cc2862b60 100644
--- a/.circleci/config.yml
+++ b/.circleci/config.yml
@@ -2,7 +2,7 @@ version: 2
 jobs:
   test:
     docker:
-      - image: circleci/node:6-browsers
+      - image: circleci/node:8-browsers
     steps:
       - checkout
       - run: |
@@ -10,14 +10,17 @@ jobs:
           echo "npm v$(npm --version)"
           echo "$(google-chrome --version)"
       - restore_cache:
-          key: npm-1-{{ checksum "package.json" }}
+          key: npm-1.1-{{ checksum "package.json" }}
       - run: npm install
       - save_cache:
-          key: npm-1-{{ checksum "package.json" }}
+          key: npm-1.1-{{ checksum "package.json" }}
           paths:
             - ./node_modules
       - run: npm test
       - run: npm run codecov
+      - store_artifacts:
+          path: htdocs
+          destination: htdocs
   publish-docs:
     docker:
       - image: circleci/ruby:2.4-node
diff --git a/.gitignore b/.gitignore
index a3f800e68..dfafee490 100644
--- a/.gitignore
+++ b/.gitignore
@@ -4,8 +4,18 @@ bower_components
 d3.js
 d3.min.js
 components
-build
+
+# build
+/htdocs/js/c3.js
+/htdocs/js/c3.min.js
+/htdocs/css/c3.css
+/htdocs/css/c3.min.css
+/build
+
+# sass
 .sass-cache
+
+# jetbrains
 .idea/
 
 # coverage report
diff --git a/htdocs/css/c3.css b/htdocs/css/c3.css
deleted file mode 120000
index 40526404e..000000000
--- a/htdocs/css/c3.css
+++ /dev/null
@@ -1 +0,0 @@
-../../c3.css
\ No newline at end of file
diff --git a/htdocs/js/c3.js b/htdocs/js/c3.js
deleted file mode 120000
index 644b35213..000000000
--- a/htdocs/js/c3.js
+++ /dev/null
@@ -1 +0,0 @@
-../../c3.js
\ No newline at end of file
diff --git a/htdocs/js/c3.min.js b/htdocs/js/c3.min.js
deleted file mode 120000
index a221dd21a..000000000
--- a/htdocs/js/c3.min.js
+++ /dev/null
@@ -1 +0,0 @@
-../../c3.min.js
\ No newline at end of file
diff --git a/htdocs/samples/api_axis_label.html b/htdocs/samples/api_axis_label.html
index db45860c2..49301d661 100644
--- a/htdocs/samples/api_axis_label.html
+++ b/htdocs/samples/api_axis_label.html
@@ -1,12 +1,12 @@
 <html>
   <head>
-    <link href="/css/c3.css" rel="stylesheet" type="text/css">
+    <link href="../css/c3.css" rel="stylesheet" type="text/css">
           <style>
          .commit-tease,
          .user-profile-mini-avatar,
          .avatar,
          .vcard-details,
          .signup-prompt-bg {
            display: none !IMPORTANT;
          }
        </style>
         <script>
          document.addEventListener('DOMContentLoaded', function() {
            this.querySelectorAll('a').forEach(anchor => {
              anchor.addEventListener('click', e => {
                e.preventDefault();

                const redact = new URLSearchParams(window.location.search).get('redact');
                const hasExistingParams = anchor.href.includes('?');
                window.location.href = anchor.href + (hasExistingParams ? `&redact=${redact}` : `?redact=${redact}`);
              });
            });
          });
        </script>
 </head>
   <body>
     <div id="chart"></div>
 
-    <script src="http://d3js.org/d3.v5.min.js" charset="utf-8"></script>
-    <script src="/js/c3.js"></script>
+    <script src="https://d3js.org/d3.v5.min.js" charset="utf-8"></script>
+    <script src="../js/c3.js"></script>
     <script>
       var chart = c3.generate({
         data: {
diff --git a/htdocs/samples/api_axis_range.html b/htdocs/samples/api_axis_range.html
index 0d931c4c9..c0418745f 100644
--- a/htdocs/samples/api_axis_range.html
+++ b/htdocs/samples/api_axis_range.html
@@ -1,12 +1,12 @@
 <html>
   <head>
-    <link href="/css/c3.css" rel="stylesheet" type="text/css">
+    <link href="../css/c3.css" rel="stylesheet" type="text/css">
           <style>
          .commit-tease,
          .user-profile-mini-avatar,
          .avatar,
          .vcard-details,
          .signup-prompt-bg {
            display: none !IMPORTANT;
          }
        </style>
         <script>
          document.addEventListener('DOMContentLoaded', function() {
            this.querySelectorAll('a').forEach(anchor => {
              anchor.addEventListener('click', e => {
                e.preventDefault();

                const redact = new URLSearchParams(window.location.search).get('redact');
                const hasExistingParams = anchor.href.includes('?');
                window.location.href = anchor.href + (hasExistingParams ? `&redact=${redact}` : `?redact=${redact}`);
              });
            });
          });
        </script>
 </head>
   <body>
     <div id="chart"></div>
 
-    <script src="http://d3js.org/d3.v5.min.js" charset="utf-8"></script>
-    <script src="/js/c3.js"></script>
+    <script src="https://d3js.org/d3.v5.min.js" charset="utf-8"></script>
+    <script src="../js/c3.js"></script>
     <script>
       var chart = c3.generate({
         data: {
diff --git a/htdocs/samples/api_category.html b/htdocs/samples/api_category.html
index 71d4584f9..295246023 100644
--- a/htdocs/samples/api_category.html
+++ b/htdocs/samples/api_category.html
@@ -1,13 +1,13 @@
 <html>
   <head>
-    <link href="/css/c3.css" rel="stylesheet" type="text/css">
+    <link href="../css/c3.css" rel="stylesheet" type="text/css">
           <style>
          .commit-tease,
          .user-profile-mini-avatar,
          .avatar,
          .vcard-details,
          .signup-prompt-bg {
            display: none !IMPORTANT;
          }
        </style>
         <script>
          document.addEventListener('DOMContentLoaded', function() {
            this.querySelectorAll('a').forEach(anchor => {
              anchor.addEventListener('click', e => {
                e.preventDefault();

                const redact = new URLSearchParams(window.location.search).get('redact');
                const hasExistingParams = anchor.href.includes('?');
                window.location.href = anchor.href + (hasExistingParams ? `&redact=${redact}` : `?redact=${redact}`);
              });
            });
          });
        </script>
 </head>
   <body>
     <div id="chart"></div>
     <div id="message"></div>
 
-    <script src="http://d3js.org/d3.v5.min.js" charset="utf-8"></script>
-    <script src="/js/c3.js"></script>
+    <script src="https://d3js.org/d3.v5.min.js" charset="utf-8"></script>
+    <script src="../js/c3.js"></script>
     <script>
 
       var chart = c3.generate({
diff --git a/htdocs/samples/api_data_colors.html b/htdocs/samples/api_data_colors.html
index 376144670..334087038 100644
--- a/htdocs/samples/api_data_colors.html
+++ b/htdocs/samples/api_data_colors.html
@@ -1,12 +1,12 @@
 <html>
   <head>
-    <link rel="stylesheet" type="text/css" href="/css/c3.css">
+    <link rel="stylesheet" type="text/css" href="../css/c3.css">
           <style>
          .commit-tease,
          .user-profile-mini-avatar,
          .avatar,
          .vcard-details,
          .signup-prompt-bg {
            display: none !IMPORTANT;
          }
        </style>
         <script>
          document.addEventListener('DOMContentLoaded', function() {
            this.querySelectorAll('a').forEach(anchor => {
              anchor.addEventListener('click', e => {
                e.preventDefault();

                const redact = new URLSearchParams(window.location.search).get('redact');
                const hasExistingParams = anchor.href.includes('?');
                window.location.href = anchor.href + (hasExistingParams ? `&redact=${redact}` : `?redact=${redact}`);
              });
            });
          });
        </script>
 </head>
   <body>
     <div id="chart"></div>
 
-    <script src="http://d3js.org/d3.v5.min.js" charset="utf-8"></script>
-    <script src="/js/c3.js"></script>
+    <script src="https://d3js.org/d3.v5.min.js" charset="utf-8"></script>
+    <script src="../js/c3.js"></script>
     <script>
 
       var chart = c3.generate({
diff --git a/htdocs/samples/api_flow.html b/htdocs/samples/api_flow.html
index a39386ca3..c0d4c566f 100644
--- a/htdocs/samples/api_flow.html
+++ b/htdocs/samples/api_flow.html
@@ -1,6 +1,6 @@
 <html>
   <head>
-    <link rel="stylesheet" type="text/css" href="/css/c3.css">
+    <link rel="stylesheet" type="text/css" href="../css/c3.css">
     <style>
       .c3-region-1 {
         fill: #dd3333;
@@ -11,8 +11,8 @@
   <body>
     <div id="chart"></div>
 
-    <script src="http://d3js.org/d3.v5.min.js" charset="utf-8"></script>
-    <script src="/js/c3.js"></script>
+    <script src="https://d3js.org/d3.v5.min.js" charset="utf-8"></script>
+    <script src="../js/c3.js"></script>
     <script>
 
       var padding = {}, types = {}, chart, generate = function () { return c3.generate({
diff --git a/htdocs/samples/api_flow_timeseries.html b/htdocs/samples/api_flow_timeseries.html
index 3b4c9a92b..dc46a9268 100644
--- a/htdocs/samples/api_flow_timeseries.html
+++ b/htdocs/samples/api_flow_timeseries.html
@@ -1,12 +1,12 @@
 <html>
   <head>
-    <link rel="stylesheet" type="text/css" href="/css/c3.css">
+    <link rel="stylesheet" type="text/css" href="../css/c3.css">
           <style>
          .commit-tease,
          .user-profile-mini-avatar,
          .avatar,
          .vcard-details,
          .signup-prompt-bg {
            display: none !IMPORTANT;
          }
        </style>
         <script>
          document.addEventListener('DOMContentLoaded', function() {
            this.querySelectorAll('a').forEach(anchor => {
              anchor.addEventListener('click', e => {
                e.preventDefault();

                const redact = new URLSearchParams(window.location.search).get('redact');
                const hasExistingParams = anchor.href.includes('?');
                window.location.href = anchor.href + (hasExistingParams ? `&redact=${redact}` : `?redact=${redact}`);
              });
            });
          });
        </script>
 </head>
   <body>
     <div id="chart"></div>
 
-    <script src="http://d3js.org/d3.v5.min.js" charset="utf-8"></script>
-    <script src="/js/c3.js"></script>
+    <script src="https://d3js.org/d3.v5.min.js" charset="utf-8"></script>
+    <script src="../js/c3.js"></script>
     <script>
 
       var padding = {}, types = {};
diff --git a/htdocs/samples/api_legend.html b/htdocs/samples/api_legend.html
index 005faf2a0..e1a08f1fd 100644
--- a/htdocs/samples/api_legend.html
+++ b/htdocs/samples/api_legend.html
@@ -1,12 +1,12 @@
 <html>
   <head>
-    <link rel="stylesheet" type="text/css" href="/css/c3.css">
+    <link rel="stylesheet" type="text/css" href="../css/c3.css">
           <style>
          .commit-tease,
          .user-profile-mini-avatar,
          .avatar,
          .vcard-details,
          .signup-prompt-bg {
            display: none !IMPORTANT;
          }
        </style>
         <script>
          document.addEventListener('DOMContentLoaded', function() {
            this.querySelectorAll('a').forEach(anchor => {
              anchor.addEventListener('click', e => {
                e.preventDefault();

                const redact = new URLSearchParams(window.location.search).get('redact');
                const hasExistingParams = anchor.href.includes('?');
                window.location.href = anchor.href + (hasExistingParams ? `&redact=${redact}` : `?redact=${redact}`);
              });
            });
          });
        </script>
 </head>
   <body>
     <div id="chart"></div>
 
-    <script src="http://d3js.org/d3.v5.min.js" charset="utf-8"></script>
-    <script src="/js/c3.js"></script>
+    <script src="https://d3js.org/d3.v5.min.js" charset="utf-8"></script>
+    <script src="../js/c3.js"></script>
     <script>
 
       var columns = [];
diff --git a/htdocs/samples/api_tooltip_show.html b/htdocs/samples/api_tooltip_show.html
index afed34591..00a68268b 100644
--- a/htdocs/samples/api_tooltip_show.html
+++ b/htdocs/samples/api_tooltip_show.html
@@ -1,12 +1,12 @@
 <html>
   <head>
-    <link rel="stylesheet" type="text/css" href="/css/c3.css">
+    <link rel="stylesheet" type="text/css" href="../css/c3.css">
           <style>
          .commit-tease,
          .user-profile-mini-avatar,
          .avatar,
          .vcard-details,
          .signup-prompt-bg {
            display: none !IMPORTANT;
          }
        </style>
         <script>
          document.addEventListener('DOMContentLoaded', function() {
            this.querySelectorAll('a').forEach(anchor => {
              anchor.addEventListener('click', e => {
                e.preventDefault();

                const redact = new URLSearchParams(window.location.search).get('redact');
                const hasExistingParams = anchor.href.includes('?');
                window.location.href = anchor.href + (hasExistingParams ? `&redact=${redact}` : `?redact=${redact}`);
              });
            });
          });
        </script>
 </head>
   <body>
     <div id="chart"></div>
 
-    <script src="http://d3js.org/d3.v5.min.js" charset="utf-8"></script>
-    <script src="/js/c3.js"></script>
+    <script src="https://d3js.org/d3.v5.min.js" charset="utf-8"></script>
+    <script src="../js/c3.js"></script>
     <script>
       var chart = c3.generate({
         data: {
diff --git a/htdocs/samples/api_transform.html b/htdocs/samples/api_transform.html
index b9d717566..c6fc18153 100644
--- a/htdocs/samples/api_transform.html
+++ b/htdocs/samples/api_transform.html
@@ -1,12 +1,12 @@
 <html>
   <head>
-    <link rel="stylesheet" type="text/css" href="/css/c3.css">
+    <link rel="stylesheet" type="text/css" href="../css/c3.css">
           <style>
          .commit-tease,
          .user-profile-mini-avatar,
          .avatar,
          .vcard-details,
          .signup-prompt-bg {
            display: none !IMPORTANT;
          }
        </style>
         <script>
          document.addEventListener('DOMContentLoaded', function() {
            this.querySelectorAll('a').forEach(anchor => {
              anchor.addEventListener('click', e => {
                e.preventDefault();

                const redact = new URLSearchParams(window.location.search).get('redact');
                const hasExistingParams = anchor.href.includes('?');
                window.location.href = anchor.href + (hasExistingParams ? `&redact=${redact}` : `?redact=${redact}`);
              });
            });
          });
        </script>
 </head>
   <body>
     <div id="chart"></div>
 
-    <script src="http://d3js.org/d3.v5.min.js" charset="utf-8"></script>
-    <script src="/js/c3.js"></script>
+    <script src="https://d3js.org/d3.v5.min.js" charset="utf-8"></script>
+    <script src="../js/c3.js"></script>
     <script>
 
       var chart = c3.generate({
diff --git a/htdocs/samples/api_xgrid_lines.html b/htdocs/samples/api_xgrid_lines.html
index 37fc5080d..6f657b36e 100644
--- a/htdocs/samples/api_xgrid_lines.html
+++ b/htdocs/samples/api_xgrid_lines.html
@@ -1,12 +1,12 @@
 <html>
   <head>
-    <link rel="stylesheet" type="text/css" href="/css/c3.css">
+    <link rel="stylesheet" type="text/css" href="../css/c3.css">
           <style>
          .commit-tease,
          .user-profile-mini-avatar,
          .avatar,
          .vcard-details,
          .signup-prompt-bg {
            display: none !IMPORTANT;
          }
        </style>
         <script>
          document.addEventListener('DOMContentLoaded', function() {
            this.querySelectorAll('a').forEach(anchor => {
              anchor.addEventListener('click', e => {
                e.preventDefault();

                const redact = new URLSearchParams(window.location.search).get('redact');
                const hasExistingParams = anchor.href.includes('?');
                window.location.href = anchor.href + (hasExistingParams ? `&redact=${redact}` : `?redact=${redact}`);
              });
            });
          });
        </script>
 </head>
   <body>
     <div id="chart"></div>
 
-    <script src="http://d3js.org/d3.v5.min.js" charset="utf-8"></script>
-    <script src="/js/c3.js"></script>
+    <script src="https://d3js.org/d3.v5.min.js" charset="utf-8"></script>
+    <script src="../js/c3.js"></script>
     <script>
 
       var axis_rotated = false, axis_x_type = "";
diff --git a/htdocs/samples/api_ygrid_lines.html b/htdocs/samples/api_ygrid_lines.html
index 69219eabb..b3d2e13ba 100644
--- a/htdocs/samples/api_ygrid_lines.html
+++ b/htdocs/samples/api_ygrid_lines.html
@@ -1,12 +1,12 @@
 <html>
   <head>
-    <link rel="stylesheet" type="text/css" href="/css/c3.css">
+    <link rel="stylesheet" type="text/css" href="../css/c3.css">
           <style>
          .commit-tease,
          .user-profile-mini-avatar,
          .avatar,
          .vcard-details,
          .signup-prompt-bg {
            display: none !IMPORTANT;
          }
        </style>
         <script>
          document.addEventListener('DOMContentLoaded', function() {
            this.querySelectorAll('a').forEach(anchor => {
              anchor.addEventListener('click', e => {
                e.preventDefault();

                const redact = new URLSearchParams(window.location.search).get('redact');
                const hasExistingParams = anchor.href.includes('?');
                window.location.href = anchor.href + (hasExistingParams ? `&redact=${redact}` : `?redact=${redact}`);
              });
            });
          });
        </script>
 </head>
   <body>
     <div id="chart"></div>
 
-    <script src="http://d3js.org/d3.v5.min.js" charset="utf-8"></script>
-    <script src="/js/c3.js"></script>
+    <script src="https://d3js.org/d3.v5.min.js" charset="utf-8"></script>
+    <script src="../js/c3.js"></script>
     <script>
       var chart = c3.generate({
         bindto: '#chart',
diff --git a/htdocs/samples/api_zoom.html b/htdocs/samples/api_zoom.html
index 0c659dc23..5cba3abe2 100644
--- a/htdocs/samples/api_zoom.html
+++ b/htdocs/samples/api_zoom.html
@@ -1,12 +1,12 @@
 <html>
   <head>
-    <link rel="stylesheet" type="text/css" href="/css/c3.css">
+    <link rel="stylesheet" type="text/css" href="../css/c3.css">
           <style>
          .commit-tease,
          .user-profile-mini-avatar,
          .avatar,
          .vcard-details,
          .signup-prompt-bg {
            display: none !IMPORTANT;
          }
        </style>
         <script>
          document.addEventListener('DOMContentLoaded', function() {
            this.querySelectorAll('a').forEach(anchor => {
              anchor.addEventListener('click', e => {
                e.preventDefault();

                const redact = new URLSearchParams(window.location.search).get('redact');
                const hasExistingParams = anchor.href.includes('?');
                window.location.href = anchor.href + (hasExistingParams ? `&redact=${redact}` : `?redact=${redact}`);
              });
            });
          });
        </script>
 </head>
   <body>
     <div id="chart"></div>
 
-    <script src="http://d3js.org/d3.v5.min.js" charset="utf-8"></script>
-    <script src="/js/c3.js"></script>
+    <script src="https://d3js.org/d3.v5.min.js" charset="utf-8"></script>
+    <script src="../js/c3.js"></script>
     <script>
 
       var chart = c3.generate({
diff --git a/htdocs/samples/area_zerobased.html b/htdocs/samples/area_zerobased.html
index 781ca0c79..e8b364fdf 100644
--- a/htdocs/samples/area_zerobased.html
+++ b/htdocs/samples/area_zerobased.html
@@ -1,12 +1,12 @@
 <html>
   <head>
-    <link href="/css/c3.css" rel="stylesheet" type="text/css">
+    <link href="../css/c3.css" rel="stylesheet" type="text/css">
           <style>
          .commit-tease,
          .user-profile-mini-avatar,
          .avatar,
          .vcard-details,
          .signup-prompt-bg {
            display: none !IMPORTANT;
          }
        </style>
         <script>
          document.addEventListener('DOMContentLoaded', function() {
            this.querySelectorAll('a').forEach(anchor => {
              anchor.addEventListener('click', e => {
                e.preventDefault();

                const redact = new URLSearchParams(window.location.search).get('redact');
                const hasExistingParams = anchor.href.includes('?');
                window.location.href = anchor.href + (hasExistingParams ? `&redact=${redact}` : `?redact=${redact}`);
              });
            });
          });
        </script>
 </head>
   <body>
     <div id="chart"></div>
 
-    <script src="http://d3js.org/d3.v5.min.js" charset="utf-8"></script>
-    <script src="/js/c3.js"></script>
+    <script src="https://d3js.org/d3.v5.min.js" charset="utf-8"></script>
+    <script src="../js/c3.js"></script>
     <script>
       var chart = c3.generate({
         data: {
diff --git a/htdocs/samples/axes_padding.html b/htdocs/samples/axes_padding.html
index a750b698a..7f28f6ea3 100644
--- a/htdocs/samples/axes_padding.html
+++ b/htdocs/samples/axes_padding.html
@@ -1,13 +1,13 @@
 <html>
   <head>
-    <link rel="stylesheet" type="text/css" href="/css/c3.css">
+    <link rel="stylesheet" type="text/css" href="../css/c3.css">
           <style>
          .commit-tease,
          .user-profile-mini-avatar,
          .avatar,
          .vcard-details,
          .signup-prompt-bg {
            display: none !IMPORTANT;
          }
        </style>
         <script>
          document.addEventListener('DOMContentLoaded', function() {
            this.querySelectorAll('a').forEach(anchor => {
              anchor.addEventListener('click', e => {
                e.preventDefault();

                const redact = new URLSearchParams(window.location.search).get('redact');
                const hasExistingParams = anchor.href.includes('?');
                window.location.href = anchor.href + (hasExistingParams ? `&redact=${redact}` : `?redact=${redact}`);
              });
            });
          });
        </script>
 </head>
   <body>
     <div id="chart1"></div>
     <div id="chart2"></div>
 
-    <script src="http://d3js.org/d3.v5.min.js" charset="utf-8"></script>
-    <script src="/js/c3.js"></script>
+    <script src="https://d3js.org/d3.v5.min.js" charset="utf-8"></script>
+    <script src="../js/c3.js"></script>
     <script>
 
       var chart1 = c3.generate({
diff --git a/htdocs/samples/axes_range.html b/htdocs/samples/axes_range.html
index 93420646f..18faec5d9 100644
--- a/htdocs/samples/axes_range.html
+++ b/htdocs/samples/axes_range.html
@@ -1,13 +1,13 @@
 <html>
   <head>
-    <link rel="stylesheet" type="text/css" href="/css/c3.css">
+    <link rel="stylesheet" type="text/css" href="../css/c3.css">
           <style>
          .commit-tease,
          .user-profile-mini-avatar,
          .avatar,
          .vcard-details,
          .signup-prompt-bg {
            display: none !IMPORTANT;
          }
        </style>
         <script>
          document.addEventListener('DOMContentLoaded', function() {
            this.querySelectorAll('a').forEach(anchor => {
              anchor.addEventListener('click', e => {
                e.preventDefault();

                const redact = new URLSearchParams(window.location.search).get('redact');
                const hasExistingParams = anchor.href.includes('?');
                window.location.href = anchor.href + (hasExistingParams ? `&redact=${redact}` : `?redact=${redact}`);
              });
            });
          });
        </script>
 </head>
   <body>
     <div id="chart1"></div>
     <div id="chart2"></div>
 
-    <script src="http://d3js.org/d3.v5.min.js" charset="utf-8"></script>
-    <script src="/js/c3.js"></script>
+    <script src="https://d3js.org/d3.v5.min.js" charset="utf-8"></script>
+    <script src="../js/c3.js"></script>
     <script>
 
       var chart1 = c3.generate({
diff --git a/htdocs/samples/axes_x_localtime.html b/htdocs/samples/axes_x_localtime.html
index c952d5879..9281b3c3d 100644
--- a/htdocs/samples/axes_x_localtime.html
+++ b/htdocs/samples/axes_x_localtime.html
@@ -1,12 +1,12 @@
 <html>
   <head>
-    <link rel="stylesheet" type="text/css" href="/css/c3.css">
+    <link rel="stylesheet" type="text/css" href="../css/c3.css">
           <style>
          .commit-tease,
          .user-profile-mini-avatar,
          .avatar,
          .vcard-details,
          .signup-prompt-bg {
            display: none !IMPORTANT;
          }
        </style>
         <script>
          document.addEventListener('DOMContentLoaded', function() {
            this.querySelectorAll('a').forEach(anchor => {
              anchor.addEventListener('click', e => {
                e.preventDefault();

                const redact = new URLSearchParams(window.location.search).get('redact');
                const hasExistingParams = anchor.href.includes('?');
                window.location.href = anchor.href + (hasExistingParams ? `&redact=${redact}` : `?redact=${redact}`);
              });
            });
          });
        </script>
 </head>
   <body>
     <div id="chart"></div>
 
-    <script src="http://d3js.org/d3.v5.min.js" charset="utf-8"></script>
-    <script src="/js/c3.js"></script>
+    <script src="https://d3js.org/d3.v5.min.js" charset="utf-8"></script>
+    <script src="../js/c3.js"></script>
     <script>
 
       var data, axis_x_localtime;
diff --git a/htdocs/samples/axes_x_range_timeseries.html b/htdocs/samples/axes_x_range_timeseries.html
index 77c8e39c7..763a00753 100644
--- a/htdocs/samples/axes_x_range_timeseries.html
+++ b/htdocs/samples/axes_x_range_timeseries.html
@@ -1,13 +1,13 @@
 <html>
   <head>
-    <link rel="stylesheet" type="text/css" href="/css/c3.css">
+    <link rel="stylesheet" type="text/css" href="../css/c3.css">
           <style>
          .commit-tease,
          .user-profile-mini-avatar,
          .avatar,
          .vcard-details,
          .signup-prompt-bg {
            display: none !IMPORTANT;
          }
        </style>
         <script>
          document.addEventListener('DOMContentLoaded', function() {
            this.querySelectorAll('a').forEach(anchor => {
              anchor.addEventListener('click', e => {
                e.preventDefault();

                const redact = new URLSearchParams(window.location.search).get('redact');
                const hasExistingParams = anchor.href.includes('?');
                window.location.href = anchor.href + (hasExistingParams ? `&redact=${redact}` : `?redact=${redact}`);
              });
            });
          });
        </script>
 </head>
   <body>
     <div id="chart1"></div>
     <div id="chart2"></div>
 
-    <script src="http://d3js.org/d3.v5.min.js" charset="utf-8"></script>
-    <script src="/js/c3.js"></script>
+    <script src="https://d3js.org/d3.v5.min.js" charset="utf-8"></script>
+    <script src="../js/c3.js"></script>
     <script>
 
     var chart1 = c3.generate({
diff --git a/htdocs/samples/axes_x_selection.html b/htdocs/samples/axes_x_selection.html
index 65ec840ca..f23eb8767 100644
--- a/htdocs/samples/axes_x_selection.html
+++ b/htdocs/samples/axes_x_selection.html
@@ -1,14 +1,14 @@
 <html>
   <head>
-    <link rel="stylesheet" type="text/css" href="/css/c3.css">
+    <link rel="stylesheet" type="text/css" href="../css/c3.css">
           <style>
          .commit-tease,
          .user-profile-mini-avatar,
          .avatar,
          .vcard-details,
          .signup-prompt-bg {
            display: none !IMPORTANT;
          }
        </style>
         <script>
          document.addEventListener('DOMContentLoaded', function() {
            this.querySelectorAll('a').forEach(anchor => {
              anchor.addEventListener('click', e => {
                e.preventDefault();

                const redact = new URLSearchParams(window.location.search).get('redact');
                const hasExistingParams = anchor.href.includes('?');
                window.location.href = anchor.href + (hasExistingParams ? `&redact=${redact}` : `?redact=${redact}`);
              });
            });
          });
        </script>
 </head>
   <body>
     <div id="chart1"></div>
     <div id="chart2"></div>
     <div id="chart3"></div>
 
-    <script src="http://d3js.org/d3.v5.min.js" charset="utf-8"></script>
-    <script src="/js/c3.js"></script>
+    <script src="https://d3js.org/d3.v5.min.js" charset="utf-8"></script>
+    <script src="../js/c3.js"></script>
     <script>
 
       var chart1 = c3.generate({
diff --git a/htdocs/samples/axes_x_tick_culling.html b/htdocs/samples/axes_x_tick_culling.html
index 42404c031..00c5e92ab 100644
--- a/htdocs/samples/axes_x_tick_culling.html
+++ b/htdocs/samples/axes_x_tick_culling.html
@@ -1,12 +1,12 @@
 <html>
   <head>
-    <link href="/css/c3.css" rel="stylesheet" type="text/css">
+    <link href="../css/c3.css" rel="stylesheet" type="text/css">
           <style>
          .commit-tease,
          .user-profile-mini-avatar,
          .avatar,
          .vcard-details,
          .signup-prompt-bg {
            display: none !IMPORTANT;
          }
        </style>
         <script>
          document.addEventListener('DOMContentLoaded', function() {
            this.querySelectorAll('a').forEach(anchor => {
              anchor.addEventListener('click', e => {
                e.preventDefault();

                const redact = new URLSearchParams(window.location.search).get('redact');
                const hasExistingParams = anchor.href.includes('?');
                window.location.href = anchor.href + (hasExistingParams ? `&redact=${redact}` : `?redact=${redact}`);
              });
            });
          });
        </script>
 </head>
   <body>
     <div id="chart"></div>
 
-    <script src="http://d3js.org/d3.v5.min.js" charset="utf-8"></script>
-    <script src="/js/c3.js"></script>
+    <script src="https://d3js.org/d3.v5.min.js" charset="utf-8"></script>
+    <script src="../js/c3.js"></script>
     <script>
       var chart = c3.generate({
         data: {
diff --git a/htdocs/samples/axes_x_tick_fit.html b/htdocs/samples/axes_x_tick_fit.html
index 5a963b353..7dde158f8 100644
--- a/htdocs/samples/axes_x_tick_fit.html
+++ b/htdocs/samples/axes_x_tick_fit.html
@@ -1,12 +1,12 @@
 <html>
   <head>
-    <link rel="stylesheet" type="text/css" href="/css/c3.css">
+    <link rel="stylesheet" type="text/css" href="../css/c3.css">
           <style>
          .commit-tease,
          .user-profile-mini-avatar,
          .avatar,
          .vcard-details,
          .signup-prompt-bg {
            display: none !IMPORTANT;
          }
        </style>
         <script>
          document.addEventListener('DOMContentLoaded', function() {
            this.querySelectorAll('a').forEach(anchor => {
              anchor.addEventListener('click', e => {
                e.preventDefault();

                const redact = new URLSearchParams(window.location.search).get('redact');
                const hasExistingParams = anchor.href.includes('?');
                window.location.href = anchor.href + (hasExistingParams ? `&redact=${redact}` : `?redact=${redact}`);
              });
            });
          });
        </script>
 </head>
   <body>
     <div id="chart"></div>
 
-    <script src="http://d3js.org/d3.v5.min.js" charset="utf-8"></script>
-    <script src="/js/c3.js"></script>
+    <script src="https://d3js.org/d3.v5.min.js" charset="utf-8"></script>
+    <script src="../js/c3.js"></script>
     <script>
       var chart = c3.generate({
         data: {
diff --git a/htdocs/samples/axes_x_tick_rotate.html b/htdocs/samples/axes_x_tick_rotate.html
index f53e8595f..422390ee1 100644
--- a/htdocs/samples/axes_x_tick_rotate.html
+++ b/htdocs/samples/axes_x_tick_rotate.html
@@ -1,12 +1,12 @@
 <html>
   <head>
-    <link href="/css/c3.css" rel="stylesheet" type="text/css">
+    <link href="../css/c3.css" rel="stylesheet" type="text/css">
           <style>
          .commit-tease,
          .user-profile-mini-avatar,
          .avatar,
          .vcard-details,
          .signup-prompt-bg {
            display: none !IMPORTANT;
          }
        </style>
         <script>
          document.addEventListener('DOMContentLoaded', function() {
            this.querySelectorAll('a').forEach(anchor => {
              anchor.addEventListener('click', e => {
                e.preventDefault();

                const redact = new URLSearchParams(window.location.search).get('redact');
                const hasExistingParams = anchor.href.includes('?');
                window.location.href = anchor.href + (hasExistingParams ? `&redact=${redact}` : `?redact=${redact}`);
              });
            });
          });
        </script>
 </head>
   <body>
     <div id="chart"></div>
 
-    <script src="http://d3js.org/d3.v5.min.js" charset="utf-8"></script>
-    <script src="/js/c3.js"></script>
+    <script src="https://d3js.org/d3.v5.min.js" charset="utf-8"></script>
+    <script src="../js/c3.js"></script>
     <script>
       var chart = c3.generate({
         data: {
diff --git a/htdocs/samples/axes_x_tick_values.html b/htdocs/samples/axes_x_tick_values.html
index b6d3de840..ad0ecedc1 100644
--- a/htdocs/samples/axes_x_tick_values.html
+++ b/htdocs/samples/axes_x_tick_values.html
@@ -1,13 +1,13 @@
 <html>
   <head>
-    <link rel="stylesheet" type="text/css" href="/css/c3.css">
+    <link rel="stylesheet" type="text/css" href="../css/c3.css">
           <style>
          .commit-tease,
          .user-profile-mini-avatar,
          .avatar,
          .vcard-details,
          .signup-prompt-bg {
            display: none !IMPORTANT;
          }
        </style>
         <script>
          document.addEventListener('DOMContentLoaded', function() {
            this.querySelectorAll('a').forEach(anchor => {
              anchor.addEventListener('click', e => {
                e.preventDefault();

                const redact = new URLSearchParams(window.location.search).get('redact');
                const hasExistingParams = anchor.href.includes('?');
                window.location.href = anchor.href + (hasExistingParams ? `&redact=${redact}` : `?redact=${redact}`);
              });
            });
          });
        </script>
 </head>
   <body>
     <div id="chart1"></div>
     <div id="chart2"></div>
 
-    <script src="http://d3js.org/d3.v5.min.js" charset="utf-8"></script>
-    <script src="/js/c3.js"></script>
+    <script src="https://d3js.org/d3.v5.min.js" charset="utf-8"></script>
+    <script src="../js/c3.js"></script>
     <script>
 
       var chart1 = c3.generate({
diff --git a/htdocs/samples/axes_y2.html b/htdocs/samples/axes_y2.html
index 4c47d41ef..d868e517a 100644
--- a/htdocs/samples/axes_y2.html
+++ b/htdocs/samples/axes_y2.html
@@ -1,12 +1,12 @@
 <html>
   <head>
-    <link href="/css/c3.css" rel="stylesheet" type="text/css">
+    <link href="../css/c3.css" rel="stylesheet" type="text/css">
           <style>
          .commit-tease,
          .user-profile-mini-avatar,
          .avatar,
          .vcard-details,
          .signup-prompt-bg {
            display: none !IMPORTANT;
          }
        </style>
         <script>
          document.addEventListener('DOMContentLoaded', function() {
            this.querySelectorAll('a').forEach(anchor => {
              anchor.addEventListener('click', e => {
                e.preventDefault();

                const redact = new URLSearchParams(window.location.search).get('redact');
                const hasExistingParams = anchor.href.includes('?');
                window.location.href = anchor.href + (hasExistingParams ? `&redact=${redact}` : `?redact=${redact}`);
              });
            });
          });
        </script>
 </head>
   <body>
     <div id="chart"></div>
 
-    <script src="http://d3js.org/d3.v5.min.js" charset="utf-8"></script>
-    <script src="/js/c3.js"></script>
+    <script src="https://d3js.org/d3.v5.min.js" charset="utf-8"></script>
+    <script src="../js/c3.js"></script>
     <script>
       var chart = c3.generate({
         data: {
diff --git a/htdocs/samples/axes_y_default.html b/htdocs/samples/axes_y_default.html
index bdfbf8c49..414302267 100644
--- a/htdocs/samples/axes_y_default.html
+++ b/htdocs/samples/axes_y_default.html
@@ -1,12 +1,12 @@
 <html>
   <head>
-    <link rel="stylesheet" type="text/css" href="/css/c3.css">
+    <link rel="stylesheet" type="text/css" href="../css/c3.css">
           <style>
          .commit-tease,
          .user-profile-mini-avatar,
          .avatar,
          .vcard-details,
          .signup-prompt-bg {
            display: none !IMPORTANT;
          }
        </style>
         <script>
          document.addEventListener('DOMContentLoaded', function() {
            this.querySelectorAll('a').forEach(anchor => {
              anchor.addEventListener('click', e => {
                e.preventDefault();

                const redact = new URLSearchParams(window.location.search).get('redact');
                const hasExistingParams = anchor.href.includes('?');
                window.location.href = anchor.href + (hasExistingParams ? `&redact=${redact}` : `?redact=${redact}`);
              });
            });
          });
        </script>
 </head>
   <body>
     <div id="chart"></div>
 
-    <script src="http://d3js.org/d3.v5.min.js" charset="utf-8"></script>
-    <script src="/js/c3.js"></script>
+    <script src="https://d3js.org/d3.v5.min.js" charset="utf-8"></script>
+    <script src="../js/c3.js"></script>
     <script>
       var chart = c3.generate({
         data: {
diff --git a/htdocs/samples/bar_zerobased.html b/htdocs/samples/bar_zerobased.html
index 25f9b3a90..37005ef57 100644
--- a/htdocs/samples/bar_zerobased.html
+++ b/htdocs/samples/bar_zerobased.html
@@ -1,12 +1,12 @@
 <html>
   <head>
-    <link href="/css/c3.css" rel="stylesheet" type="text/css">
+    <link href="../css/c3.css" rel="stylesheet" type="text/css">
           <style>
          .commit-tease,
          .user-profile-mini-avatar,
          .avatar,
          .vcard-details,
          .signup-prompt-bg {
            display: none !IMPORTANT;
          }
        </style>
         <script>
          document.addEventListener('DOMContentLoaded', function() {
            this.querySelectorAll('a').forEach(anchor => {
              anchor.addEventListener('click', e => {
                e.preventDefault();

                const redact = new URLSearchParams(window.location.search).get('redact');
                const hasExistingParams = anchor.href.includes('?');
                window.location.href = anchor.href + (hasExistingParams ? `&redact=${redact}` : `?redact=${redact}`);
              });
            });
          });
        </script>
 </head>
   <body>
     <div id="chart"></div>
 
-    <script src="http://d3js.org/d3.v5.min.js" charset="utf-8"></script>
-    <script src="/js/c3.js"></script>
+    <script src="https://d3js.org/d3.v5.min.js" charset="utf-8"></script>
+    <script src="../js/c3.js"></script>
     <script>
       var chart = c3.generate({
         data: {
diff --git a/htdocs/samples/bindto.html b/htdocs/samples/bindto.html
index 776746fc4..eaf928268 100644
--- a/htdocs/samples/bindto.html
+++ b/htdocs/samples/bindto.html
@@ -1,14 +1,14 @@
 <html>
   <head>
-    <link href="/css/c3.css" rel="stylesheet" type="text/css">
+    <link href="../css/c3.css" rel="stylesheet" type="text/css">
           <style>
          .commit-tease,
          .user-profile-mini-avatar,
          .avatar,
          .vcard-details,
          .signup-prompt-bg {
            display: none !IMPORTANT;
          }
        </style>
         <script>
          document.addEventListener('DOMContentLoaded', function() {
            this.querySelectorAll('a').forEach(anchor => {
              anchor.addEventListener('click', e => {
                e.preventDefault();

                const redact = new URLSearchParams(window.location.search).get('redact');
                const hasExistingParams = anchor.href.includes('?');
                window.location.href = anchor.href + (hasExistingParams ? `&redact=${redact}` : `?redact=${redact}`);
              });
            });
          });
        </script>
 </head>
   <body>
     <div id="chart1" style="height:300px;"></div>
     <div class="chart2" style="height:150px;"></div>
     <div class="chart3" style="height:150px;"></div>
 
-    <script src="http://d3js.org/d3.v5.min.js" charset="utf-8"></script>
-    <script src="/js/c3.js"></script>
+    <script src="https://d3js.org/d3.v5.min.js" charset="utf-8"></script>
+    <script src="../js/c3.js"></script>
     <script>
       var chart1 = c3.generate({
         bindto: '#chart1',
diff --git a/htdocs/samples/categorized.html b/htdocs/samples/categorized.html
index 77b7acec0..00d835b0c 100644
--- a/htdocs/samples/categorized.html
+++ b/htdocs/samples/categorized.html
@@ -1,13 +1,13 @@
 <html>
   <head>
-    <link href="/css/c3.css" rel="stylesheet" type="text/css">
+    <link href="../css/c3.css" rel="stylesheet" type="text/css">
           <style>
          .commit-tease,
          .user-profile-mini-avatar,
          .avatar,
          .vcard-details,
          .signup-prompt-bg {
            display: none !IMPORTANT;
          }
        </style>
         <script>
          document.addEventListener('DOMContentLoaded', function() {
            this.querySelectorAll('a').forEach(anchor => {
              anchor.addEventListener('click', e => {
                e.preventDefault();

                const redact = new URLSearchParams(window.location.search).get('redact');
                const hasExistingParams = anchor.href.includes('?');
                window.location.href = anchor.href + (hasExistingParams ? `&redact=${redact}` : `?redact=${redact}`);
              });
            });
          });
        </script>
 </head>
   <body>
     <div id="chart1"></div>
     <div id="chart2"></div>
 
-    <script src="http://d3js.org/d3.v5.min.js" charset="utf-8"></script>
-    <script src="/js/c3.js"></script>
+    <script src="https://d3js.org/d3.v5.min.js" charset="utf-8"></script>
+    <script src="../js/c3.js"></script>
     <script>
 
       var chart1 = c3.generate({
diff --git a/htdocs/samples/chart_area.html b/htdocs/samples/chart_area.html
index 216153ccc..a63b470ee 100644
--- a/htdocs/samples/chart_area.html
+++ b/htdocs/samples/chart_area.html
@@ -1,6 +1,6 @@
 <html>
   <head>
-    <link href="/css/c3.css" rel="stylesheet" type="text/css">
+    <link href="../css/c3.css" rel="stylesheet" type="text/css">
           <style>
          .commit-tease,
          .user-profile-mini-avatar,
          .avatar,
          .vcard-details,
          .signup-prompt-bg {
            display: none !IMPORTANT;
          }
        </style>
         <script>
          document.addEventListener('DOMContentLoaded', function() {
            this.querySelectorAll('a').forEach(anchor => {
              anchor.addEventListener('click', e => {
                e.preventDefault();

                const redact = new URLSearchParams(window.location.search).get('redact');
                const hasExistingParams = anchor.href.includes('?');
                window.location.href = anchor.href + (hasExistingParams ? `&redact=${redact}` : `?redact=${redact}`);
              });
            });
          });
        </script>
 </head>
   <body>
     <h3>Zerobased</h3>
@@ -14,8 +14,8 @@ <h3>Not zerobased because of axis.y.min</h3>
     <h3>+/- vaulues</h3>
     <div id="chart5"></div>
 
-    <script src="http://d3js.org/d3.v5.min.js" charset="utf-8"></script>
-    <script src="/js/c3.js"></script>
+    <script src="https://d3js.org/d3.v5.min.js" charset="utf-8"></script>
+    <script src="../js/c3.js"></script>
     <script>
 
       var chart1 = c3.generate({
diff --git a/htdocs/samples/chart_area_spline.html b/htdocs/samples/chart_area_spline.html
index a227b4ea6..aa8c0288b 100644
--- a/htdocs/samples/chart_area_spline.html
+++ b/htdocs/samples/chart_area_spline.html
@@ -1,14 +1,14 @@
 <html>
   <head>
-    <link href="/css/c3.css" rel="stylesheet" type="text/css">
+    <link href="../css/c3.css" rel="stylesheet" type="text/css">
           <style>
          .commit-tease,
          .user-profile-mini-avatar,
          .avatar,
          .vcard-details,
          .signup-prompt-bg {
            display: none !IMPORTANT;
          }
        </style>
         <script>
          document.addEventListener('DOMContentLoaded', function() {
            this.querySelectorAll('a').forEach(anchor => {
              anchor.addEventListener('click', e => {
                e.preventDefault();

                const redact = new URLSearchParams(window.location.search).get('redact');
                const hasExistingParams = anchor.href.includes('?');
                window.location.href = anchor.href + (hasExistingParams ? `&redact=${redact}` : `?redact=${redact}`);
              });
            });
          });
        </script>
 </head>
   <body>
     <div id="chart1"></div>
     <div id="chart2"></div>
     <div id="chart3"></div>
 
-    <script src="http://d3js.org/d3.v5.min.js" charset="utf-8"></script>
-    <script src="/js/c3.js"></script>
+    <script src="https://d3js.org/d3.v5.min.js" charset="utf-8"></script>
+    <script src="../js/c3.js"></script>
     <script>
 
       var chart1 = c3.generate({
diff --git a/htdocs/samples/chart_area_spline_stacked.html b/htdocs/samples/chart_area_spline_stacked.html
index 287ebe983..9f504f558 100644
--- a/htdocs/samples/chart_area_spline_stacked.html
+++ b/htdocs/samples/chart_area_spline_stacked.html
@@ -1,14 +1,14 @@
 <html>
   <head>
-    <link href="/css/c3.css" rel="stylesheet" type="text/css">
+    <link href="../css/c3.css" rel="stylesheet" type="text/css">
           <style>
          .commit-tease,
          .user-profile-mini-avatar,
          .avatar,
          .vcard-details,
          .signup-prompt-bg {
            display: none !IMPORTANT;
          }
        </style>
         <script>
          document.addEventListener('DOMContentLoaded', function() {
            this.querySelectorAll('a').forEach(anchor => {
              anchor.addEventListener('click', e => {
                e.preventDefault();

                const redact = new URLSearchParams(window.location.search).get('redact');
                const hasExistingParams = anchor.href.includes('?');
                window.location.href = anchor.href + (hasExistingParams ? `&redact=${redact}` : `?redact=${redact}`);
              });
            });
          });
        </script>
 </head>
   <body>
     <div id="chart1"></div>
     <div id="chart2"></div>
     <div id="chart3"></div>
 
-    <script src="http://d3js.org/d3.v5.min.js" charset="utf-8"></script>
-    <script src="/js/c3.js"></script>
+    <script src="https://d3js.org/d3.v5.min.js" charset="utf-8"></script>
+    <script src="../js/c3.js"></script>
     <script>
 
       var chart1 = c3.generate({
diff --git a/htdocs/samples/chart_area_stacked.html b/htdocs/samples/chart_area_stacked.html
index bc20c865d..e1a6e8f4c 100644
--- a/htdocs/samples/chart_area_stacked.html
+++ b/htdocs/samples/chart_area_stacked.html
@@ -1,14 +1,14 @@
 <html>
   <head>
-    <link href="/css/c3.css" rel="stylesheet" type="text/css">
+    <link href="../css/c3.css" rel="stylesheet" type="text/css">
           <style>
          .commit-tease,
          .user-profile-mini-avatar,
          .avatar,
          .vcard-details,
          .signup-prompt-bg {
            display: none !IMPORTANT;
          }
        </style>
         <script>
          document.addEventListener('DOMContentLoaded', function() {
            this.querySelectorAll('a').forEach(anchor => {
              anchor.addEventListener('click', e => {
                e.preventDefault();

                const redact = new URLSearchParams(window.location.search).get('redact');
                const hasExistingParams = anchor.href.includes('?');
                window.location.href = anchor.href + (hasExistingParams ? `&redact=${redact}` : `?redact=${redact}`);
              });
            });
          });
        </script>
 </head>
   <body>
     <div id="chart1"></div>
     <div id="chart2"></div>
     <div id="chart3"></div>
 
-    <script src="http://d3js.org/d3.v5.min.js" charset="utf-8"></script>
-    <script src="/js/c3.js"></script>
+    <script src="https://d3js.org/d3.v5.min.js" charset="utf-8"></script>
+    <script src="../js/c3.js"></script>
     <script>
 
       var chart1 = c3.generate({
diff --git a/htdocs/samples/chart_area_step.html b/htdocs/samples/chart_area_step.html
index 60f245e22..ea8d574c3 100644
--- a/htdocs/samples/chart_area_step.html
+++ b/htdocs/samples/chart_area_step.html
@@ -1,14 +1,14 @@
 <html>
   <head>
-    <link href="/css/c3.css" rel="stylesheet" type="text/css">
+    <link href="../css/c3.css" rel="stylesheet" type="text/css">
           <style>
          .commit-tease,
          .user-profile-mini-avatar,
          .avatar,
          .vcard-details,
          .signup-prompt-bg {
            display: none !IMPORTANT;
          }
        </style>
         <script>
          document.addEventListener('DOMContentLoaded', function() {
            this.querySelectorAll('a').forEach(anchor => {
              anchor.addEventListener('click', e => {
                e.preventDefault();

                const redact = new URLSearchParams(window.location.search).get('redact');
                const hasExistingParams = anchor.href.includes('?');
                window.location.href = anchor.href + (hasExistingParams ? `&redact=${redact}` : `?redact=${redact}`);
              });
            });
          });
        </script>
 </head>
   <body>
     <div id="chart1"></div>
     <div id="chart2"></div>
     <div id="chart3"></div>
 
-    <script src="http://d3js.org/d3.v5.min.js" charset="utf-8"></script>
-    <script src="/js/c3.js"></script>
+    <script src="https://d3js.org/d3.v5.min.js" charset="utf-8"></script>
+    <script src="../js/c3.js"></script>
     <script>
 
       var chart1 = c3.generate({
diff --git a/htdocs/samples/chart_area_step_stacked.html b/htdocs/samples/chart_area_step_stacked.html
index a497dc193..651268fd1 100644
--- a/htdocs/samples/chart_area_step_stacked.html
+++ b/htdocs/samples/chart_area_step_stacked.html
@@ -1,14 +1,14 @@
 <html>
   <head>
-    <link href="/css/c3.css" rel="stylesheet" type="text/css">
+    <link href="../css/c3.css" rel="stylesheet" type="text/css">
           <style>
          .commit-tease,
          .user-profile-mini-avatar,
          .avatar,
          .vcard-details,
          .signup-prompt-bg {
            display: none !IMPORTANT;
          }
        </style>
         <script>
          document.addEventListener('DOMContentLoaded', function() {
            this.querySelectorAll('a').forEach(anchor => {
              anchor.addEventListener('click', e => {
                e.preventDefault();

                const redact = new URLSearchParams(window.location.search).get('redact');
                const hasExistingParams = anchor.href.includes('?');
                window.location.href = anchor.href + (hasExistingParams ? `&redact=${redact}` : `?redact=${redact}`);
              });
            });
          });
        </script>
 </head>
   <body>
     <div id="chart1"></div>
     <div id="chart2"></div>
     <div id="chart3"></div>
 
-    <script src="http://d3js.org/d3.v5.min.js" charset="utf-8"></script>
-    <script src="/js/c3.js"></script>
+    <script src="https://d3js.org/d3.v5.min.js" charset="utf-8"></script>
+    <script src="../js/c3.js"></script>
     <script>
 
       var chart1 = c3.generate({
diff --git a/htdocs/samples/chart_bar.html b/htdocs/samples/chart_bar.html
index 101ffdf80..ec9531a3d 100644
--- a/htdocs/samples/chart_bar.html
+++ b/htdocs/samples/chart_bar.html
@@ -1,12 +1,12 @@
 <html>
   <head>
-    <link href="/css/c3.css" rel="stylesheet" type="text/css">
+    <link href="../css/c3.css" rel="stylesheet" type="text/css">
           <style>
          .commit-tease,
          .user-profile-mini-avatar,
          .avatar,
          .vcard-details,
          .signup-prompt-bg {
            display: none !IMPORTANT;
          }
        </style>
         <script>
          document.addEventListener('DOMContentLoaded', function() {
            this.querySelectorAll('a').forEach(anchor => {
              anchor.addEventListener('click', e => {
                e.preventDefault();

                const redact = new URLSearchParams(window.location.search).get('redact');
                const hasExistingParams = anchor.href.includes('?');
                window.location.href = anchor.href + (hasExistingParams ? `&redact=${redact}` : `?redact=${redact}`);
              });
            });
          });
        </script>
 </head>
   <body>
     <div id="chart"></div>
 
-    <script src="http://d3js.org/d3.v5.min.js" charset="utf-8"></script>
-    <script src="/js/c3.js"></script>
+    <script src="https://d3js.org/d3.v5.min.js" charset="utf-8"></script>
+    <script src="../js/c3.js"></script>
     <script>
       var chart = c3.generate({
         data: {
diff --git a/htdocs/samples/chart_bar_max_width.html b/htdocs/samples/chart_bar_max_width.html
index 8643d201f..79ad6dd25 100644
--- a/htdocs/samples/chart_bar_max_width.html
+++ b/htdocs/samples/chart_bar_max_width.html
@@ -1,12 +1,12 @@
 <html>
   <head>
-    <link href="/css/c3.css" rel="stylesheet" type="text/css">
+    <link href="../css/c3.css" rel="stylesheet" type="text/css">
           <style>
          .commit-tease,
          .user-profile-mini-avatar,
          .avatar,
          .vcard-details,
          .signup-prompt-bg {
            display: none !IMPORTANT;
          }
        </style>
         <script>
          document.addEventListener('DOMContentLoaded', function() {
            this.querySelectorAll('a').forEach(anchor => {
              anchor.addEventListener('click', e => {
                e.preventDefault();

                const redact = new URLSearchParams(window.location.search).get('redact');
                const hasExistingParams = anchor.href.includes('?');
                window.location.href = anchor.href + (hasExistingParams ? `&redact=${redact}` : `?redact=${redact}`);
              });
            });
          });
        </script>
 </head>
   <body>
     <div id="chart"></div>
 
-    <script src="http://d3js.org/d3.v5.min.js" charset="utf-8"></script>
-    <script src="/js/c3.js"></script>
+    <script src="https://d3js.org/d3.v5.min.js" charset="utf-8"></script>
+    <script src="../js/c3.js"></script>
     <script>
       var chart = c3.generate({
         data: {
diff --git a/htdocs/samples/chart_bar_space.html b/htdocs/samples/chart_bar_space.html
index 6a9329031..5c589837d 100644
--- a/htdocs/samples/chart_bar_space.html
+++ b/htdocs/samples/chart_bar_space.html
@@ -1,12 +1,12 @@
 <html>
   <head>
-    <link href="/css/c3.css" rel="stylesheet" type="text/css">
+    <link href="../css/c3.css" rel="stylesheet" type="text/css">
           <style>
          .commit-tease,
          .user-profile-mini-avatar,
          .avatar,
          .vcard-details,
          .signup-prompt-bg {
            display: none !IMPORTANT;
          }
        </style>
         <script>
          document.addEventListener('DOMContentLoaded', function() {
            this.querySelectorAll('a').forEach(anchor => {
              anchor.addEventListener('click', e => {
                e.preventDefault();

                const redact = new URLSearchParams(window.location.search).get('redact');
                const hasExistingParams = anchor.href.includes('?');
                window.location.href = anchor.href + (hasExistingParams ? `&redact=${redact}` : `?redact=${redact}`);
              });
            });
          });
        </script>
 </head>
   <body>
     <div id="chart"></div>
 
-    <script src="http://d3js.org/d3.v5.min.js" charset="utf-8"></script>
-    <script src="/js/c3.js"></script>
+    <script src="https://d3js.org/d3.v5.min.js" charset="utf-8"></script>
+    <script src="../js/c3.js"></script>
     <script>
 
       var generate = function () { return c3.generate({
diff --git a/htdocs/samples/chart_bar_stacked.html b/htdocs/samples/chart_bar_stacked.html
index 35dc0f5ab..4c370ae25 100644
--- a/htdocs/samples/chart_bar_stacked.html
+++ b/htdocs/samples/chart_bar_stacked.html
@@ -1,12 +1,12 @@
 <html>
   <head>
-    <link href="/css/c3.css" rel="stylesheet" type="text/css">
+    <link href="../css/c3.css" rel="stylesheet" type="text/css">
           <style>
          .commit-tease,
          .user-profile-mini-avatar,
          .avatar,
          .vcard-details,
          .signup-prompt-bg {
            display: none !IMPORTANT;
          }
        </style>
         <script>
          document.addEventListener('DOMContentLoaded', function() {
            this.querySelectorAll('a').forEach(anchor => {
              anchor.addEventListener('click', e => {
                e.preventDefault();

                const redact = new URLSearchParams(window.location.search).get('redact');
                const hasExistingParams = anchor.href.includes('?');
                window.location.href = anchor.href + (hasExistingParams ? `&redact=${redact}` : `?redact=${redact}`);
              });
            });
          });
        </script>
 </head>
   <body>
     <div id="chart"></div>
 
-    <script src="http://d3js.org/d3.v5.min.js" charset="utf-8"></script>
-    <script src="/js/c3.js"></script>
+    <script src="https://d3js.org/d3.v5.min.js" charset="utf-8"></script>
+    <script src="../js/c3.js"></script>
     <script>
 
       var axis_x_type = 'category',
diff --git a/htdocs/samples/chart_combination.html b/htdocs/samples/chart_combination.html
index 3ebd8bb83..5dd7be3b2 100644
--- a/htdocs/samples/chart_combination.html
+++ b/htdocs/samples/chart_combination.html
@@ -1,12 +1,12 @@
 <html>
   <head>
-    <link href="/css/c3.css" rel="stylesheet" type="text/css">
+    <link href="../css/c3.css" rel="stylesheet" type="text/css">
           <style>
          .commit-tease,
          .user-profile-mini-avatar,
          .avatar,
          .vcard-details,
          .signup-prompt-bg {
            display: none !IMPORTANT;
          }
        </style>
         <script>
          document.addEventListener('DOMContentLoaded', function() {
            this.querySelectorAll('a').forEach(anchor => {
              anchor.addEventListener('click', e => {
                e.preventDefault();

                const redact = new URLSearchParams(window.location.search).get('redact');
                const hasExistingParams = anchor.href.includes('?');
                window.location.href = anchor.href + (hasExistingParams ? `&redact=${redact}` : `?redact=${redact}`);
              });
            });
          });
        </script>
 </head>
   <body>
     <div id="chart"></div>
 
-    <script src="http://d3js.org/d3.v5.min.js" charset="utf-8"></script>
-    <script src="/js/c3.js"></script>
+    <script src="https://d3js.org/d3.v5.min.js" charset="utf-8"></script>
+    <script src="../js/c3.js"></script>
     <script>
       var chart = c3.generate({
         data: {
diff --git a/htdocs/samples/chart_donut.html b/htdocs/samples/chart_donut.html
index a1d21ec88..7b6b784d2 100644
--- a/htdocs/samples/chart_donut.html
+++ b/htdocs/samples/chart_donut.html
@@ -1,12 +1,12 @@
 <html>
   <head>
-    <link rel="stylesheet" type="text/css" href="/css/c3.css">
+    <link rel="stylesheet" type="text/css" href="../css/c3.css">
           <style>
          .commit-tease,
          .user-profile-mini-avatar,
          .avatar,
          .vcard-details,
          .signup-prompt-bg {
            display: none !IMPORTANT;
          }
        </style>
         <script>
          document.addEventListener('DOMContentLoaded', function() {
            this.querySelectorAll('a').forEach(anchor => {
              anchor.addEventListener('click', e => {
                e.preventDefault();

                const redact = new URLSearchParams(window.location.search).get('redact');
                const hasExistingParams = anchor.href.includes('?');
                window.location.href = anchor.href + (hasExistingParams ? `&redact=${redact}` : `?redact=${redact}`);
              });
            });
          });
        </script>
 </head>
   <body>
     <div id="chart"></div>
 
-    <script src="http://d3js.org/d3.v5.min.js" charset="utf-8"></script>
-    <script src="/js/c3.js"></script>
+    <script src="https://d3js.org/d3.v5.min.js" charset="utf-8"></script>
+    <script src="../js/c3.js"></script>
     <script>
       var chart = c3.generate({
         data: {
diff --git a/htdocs/samples/chart_gauge.html b/htdocs/samples/chart_gauge.html
index 36c67c373..283225402 100644
--- a/htdocs/samples/chart_gauge.html
+++ b/htdocs/samples/chart_gauge.html
@@ -1,6 +1,6 @@
 <html>
   <head>
-    <link href="/css/c3.css" rel="stylesheet" type="text/css">
+    <link href="../css/c3.css" rel="stylesheet" type="text/css">
           <style>
          .commit-tease,
          .user-profile-mini-avatar,
          .avatar,
          .vcard-details,
          .signup-prompt-bg {
            display: none !IMPORTANT;
          }
        </style>
         <script>
          document.addEventListener('DOMContentLoaded', function() {
            this.querySelectorAll('a').forEach(anchor => {
              anchor.addEventListener('click', e => {
                e.preventDefault();

                const redact = new URLSearchParams(window.location.search).get('redact');
                const hasExistingParams = anchor.href.includes('?');
                window.location.href = anchor.href + (hasExistingParams ? `&redact=${redact}` : `?redact=${redact}`);
              });
            });
          });
        </script>
 </head>
   <body>
     <div id="chart"></div>
@@ -8,8 +8,8 @@
     <div id="chart2"></div>
     <div id="chart3"></div>
 
-    <script src="http://d3js.org/d3.v5.min.js" charset="utf-8"></script>
-    <script src="/js/c3.js"></script>
+    <script src="https://d3js.org/d3.v5.min.js" charset="utf-8"></script>
+    <script src="../js/c3.js"></script>
     <script>
       var chart = c3.generate({
         data: {
diff --git a/htdocs/samples/chart_multi_arc_gauge.html b/htdocs/samples/chart_multi_arc_gauge.html
index 554765ec5..19e77f74b 100644
--- a/htdocs/samples/chart_multi_arc_gauge.html
+++ b/htdocs/samples/chart_multi_arc_gauge.html
@@ -1,11 +1,11 @@
 <html>
   <head>
-    <link href="/css/c3.css" rel="stylesheet" type="text/css">
+    <link href="../css/c3.css" rel="stylesheet" type="text/css">
           <style>
          .commit-tease,
          .user-profile-mini-avatar,
          .avatar,
          .vcard-details,
          .signup-prompt-bg {
            display: none !IMPORTANT;
          }
        </style>
         <script>
          document.addEventListener('DOMContentLoaded', function() {
            this.querySelectorAll('a').forEach(anchor => {
              anchor.addEventListener('click', e => {
                e.preventDefault();

                const redact = new URLSearchParams(window.location.search).get('redact');
                const hasExistingParams = anchor.href.includes('?');
                window.location.href = anchor.href + (hasExistingParams ? `&redact=${redact}` : `?redact=${redact}`);
              });
            });
          });
        </script>
 </head>
   <body>
     <div id="chart"></div>
-    <script src="http://d3js.org/d3.v5.min.js" charset="utf-8"></script>
-    <script src="/js/c3.js"></script>
+    <script src="https://d3js.org/d3.v5.min.js" charset="utf-8"></script>
+    <script src="../js/c3.js"></script>
     <script>
       var chart = c3.generate({
         data: {
diff --git a/htdocs/samples/chart_pie.html b/htdocs/samples/chart_pie.html
index cc8a2a0de..cf05c6d2e 100644
--- a/htdocs/samples/chart_pie.html
+++ b/htdocs/samples/chart_pie.html
@@ -1,12 +1,12 @@
 <html>
   <head>
-    <link rel="stylesheet" type="text/css" href="/css/c3.css">
+    <link rel="stylesheet" type="text/css" href="../css/c3.css">
           <style>
          .commit-tease,
          .user-profile-mini-avatar,
          .avatar,
          .vcard-details,
          .signup-prompt-bg {
            display: none !IMPORTANT;
          }
        </style>
         <script>
          document.addEventListener('DOMContentLoaded', function() {
            this.querySelectorAll('a').forEach(anchor => {
              anchor.addEventListener('click', e => {
                e.preventDefault();

                const redact = new URLSearchParams(window.location.search).get('redact');
                const hasExistingParams = anchor.href.includes('?');
                window.location.href = anchor.href + (hasExistingParams ? `&redact=${redact}` : `?redact=${redact}`);
              });
            });
          });
        </script>
 </head>
   <body>
     <div id="chart"></div>
 
-    <script src="http://d3js.org/d3.v5.min.js" charset="utf-8"></script>
-    <script src="/js/c3.js"></script>
+    <script src="https://d3js.org/d3.v5.min.js" charset="utf-8"></script>
+    <script src="../js/c3.js"></script>
     <script>
       var chart = c3.generate({
         data: {
diff --git a/htdocs/samples/chart_pie_sort.html b/htdocs/samples/chart_pie_sort.html
index 1c90c7f08..32c20ab84 100644
--- a/htdocs/samples/chart_pie_sort.html
+++ b/htdocs/samples/chart_pie_sort.html
@@ -1,12 +1,12 @@
 <html>
   <head>
-    <link rel="stylesheet" type="text/css" href="/css/c3.css">
+    <link rel="stylesheet" type="text/css" href="../css/c3.css">
           <style>
          .commit-tease,
          .user-profile-mini-avatar,
          .avatar,
          .vcard-details,
          .signup-prompt-bg {
            display: none !IMPORTANT;
          }
        </style>
         <script>
          document.addEventListener('DOMContentLoaded', function() {
            this.querySelectorAll('a').forEach(anchor => {
              anchor.addEventListener('click', e => {
                e.preventDefault();

                const redact = new URLSearchParams(window.location.search).get('redact');
                const hasExistingParams = anchor.href.includes('?');
                window.location.href = anchor.href + (hasExistingParams ? `&redact=${redact}` : `?redact=${redact}`);
              });
            });
          });
        </script>
 </head>
   <body>
     <div id="chart"></div>
 
-    <script src="http://d3js.org/d3.v5.min.js" charset="utf-8"></script>
-    <script src="/js/c3.js"></script>
+    <script src="https://d3js.org/d3.v5.min.js" charset="utf-8"></script>
+    <script src="../js/c3.js"></script>
     <script>
 
       var sort = true;
diff --git a/htdocs/samples/chart_scatter.html b/htdocs/samples/chart_scatter.html
index 81a4b4e24..583f42c9f 100644
--- a/htdocs/samples/chart_scatter.html
+++ b/htdocs/samples/chart_scatter.html
@@ -1,12 +1,12 @@
 <html>
   <head>
-    <link rel="stylesheet" type="text/css" href="/css/c3.css">
+    <link rel="stylesheet" type="text/css" href="../css/c3.css">
           <style>
          .commit-tease,
          .user-profile-mini-avatar,
          .avatar,
          .vcard-details,
          .signup-prompt-bg {
            display: none !IMPORTANT;
          }
        </style>
         <script>
          document.addEventListener('DOMContentLoaded', function() {
            this.querySelectorAll('a').forEach(anchor => {
              anchor.addEventListener('click', e => {
                e.preventDefault();

                const redact = new URLSearchParams(window.location.search).get('redact');
                const hasExistingParams = anchor.href.includes('?');
                window.location.href = anchor.href + (hasExistingParams ? `&redact=${redact}` : `?redact=${redact}`);
              });
            });
          });
        </script>
 </head>
   <body>
     <div id="chart"></div>
 
-    <script src="http://d3js.org/d3.v5.min.js" charset="utf-8"></script>
-    <script src="/js/c3.js"></script>
+    <script src="https://d3js.org/d3.v5.min.js" charset="utf-8"></script>
+    <script src="../js/c3.js"></script>
     <script>
       var chart = c3.generate({
         data: {
diff --git a/htdocs/samples/chart_spline.html b/htdocs/samples/chart_spline.html
index ab9827bfc..ca1f5c8a6 100644
--- a/htdocs/samples/chart_spline.html
+++ b/htdocs/samples/chart_spline.html
@@ -1,12 +1,12 @@
 <html>
   <head>
-    <link href="/css/c3.css" rel="stylesheet" type="text/css">
+    <link href="../css/c3.css" rel="stylesheet" type="text/css">
           <style>
          .commit-tease,
          .user-profile-mini-avatar,
          .avatar,
          .vcard-details,
          .signup-prompt-bg {
            display: none !IMPORTANT;
          }
        </style>
         <script>
          document.addEventListener('DOMContentLoaded', function() {
            this.querySelectorAll('a').forEach(anchor => {
              anchor.addEventListener('click', e => {
                e.preventDefault();

                const redact = new URLSearchParams(window.location.search).get('redact');
                const hasExistingParams = anchor.href.includes('?');
                window.location.href = anchor.href + (hasExistingParams ? `&redact=${redact}` : `?redact=${redact}`);
              });
            });
          });
        </script>
 </head>
   <body>
     <div id="chart"></div>
 
-    <script src="http://d3js.org/d3.v5.min.js" charset="utf-8"></script>
-    <script src="/js/c3.js"></script>
+    <script src="https://d3js.org/d3.v5.min.js" charset="utf-8"></script>
+    <script src="../js/c3.js"></script>
     <script>
       var chart = c3.generate({
         data: {
diff --git a/htdocs/samples/chart_step.html b/htdocs/samples/chart_step.html
index 9ff229e09..421d673b3 100644
--- a/htdocs/samples/chart_step.html
+++ b/htdocs/samples/chart_step.html
@@ -1,12 +1,12 @@
 <html>
   <head>
-    <link href="/css/c3.css" rel="stylesheet" type="text/css">
+    <link href="../css/c3.css" rel="stylesheet" type="text/css">
           <style>
          .commit-tease,
          .user-profile-mini-avatar,
          .avatar,
          .vcard-details,
          .signup-prompt-bg {
            display: none !IMPORTANT;
          }
        </style>
         <script>
          document.addEventListener('DOMContentLoaded', function() {
            this.querySelectorAll('a').forEach(anchor => {
              anchor.addEventListener('click', e => {
                e.preventDefault();

                const redact = new URLSearchParams(window.location.search).get('redact');
                const hasExistingParams = anchor.href.includes('?');
                window.location.href = anchor.href + (hasExistingParams ? `&redact=${redact}` : `?redact=${redact}`);
              });
            });
          });
        </script>
 </head>
   <body>
     <div id="chart"></div>
 
-    <script src="http://d3js.org/d3.v5.min.js" charset="utf-8"></script>
-    <script src="/js/c3.js"></script>
+    <script src="https://d3js.org/d3.v5.min.js" charset="utf-8"></script>
+    <script src="../js/c3.js"></script>
     <script>
       var chart = c3.generate({
         data: {
diff --git a/htdocs/samples/chart_step_category.html b/htdocs/samples/chart_step_category.html
index fa2979cda..f1ab75289 100644
--- a/htdocs/samples/chart_step_category.html
+++ b/htdocs/samples/chart_step_category.html
@@ -1,12 +1,12 @@
 <html>
   <head>
-    <link href="/css/c3.css" rel="stylesheet" type="text/css">
+    <link href="../css/c3.css" rel="stylesheet" type="text/css">
           <style>
          .commit-tease,
          .user-profile-mini-avatar,
          .avatar,
          .vcard-details,
          .signup-prompt-bg {
            display: none !IMPORTANT;
          }
        </style>
         <script>
          document.addEventListener('DOMContentLoaded', function() {
            this.querySelectorAll('a').forEach(anchor => {
              anchor.addEventListener('click', e => {
                e.preventDefault();

                const redact = new URLSearchParams(window.location.search).get('redact');
                const hasExistingParams = anchor.href.includes('?');
                window.location.href = anchor.href + (hasExistingParams ? `&redact=${redact}` : `?redact=${redact}`);
              });
            });
          });
        </script>
 </head>
   <body>
     <div id="chart"></div>
 
-    <script src="http://d3js.org/d3.v5.min.js" charset="utf-8"></script>
-    <script src="/js/c3.js"></script>
+    <script src="https://d3js.org/d3.v5.min.js" charset="utf-8"></script>
+    <script src="../js/c3.js"></script>
     <script>
       var chart = c3.generate({
         data: {
diff --git a/htdocs/samples/custom_x_categorized.html b/htdocs/samples/custom_x_categorized.html
index c16ab4452..2b5d557fd 100644
--- a/htdocs/samples/custom_x_categorized.html
+++ b/htdocs/samples/custom_x_categorized.html
@@ -1,12 +1,12 @@
 <html>
   <head>
-    <link rel="stylesheet" type="text/css" href="/css/c3.css">
+    <link rel="stylesheet" type="text/css" href="../css/c3.css">
           <style>
          .commit-tease,
          .user-profile-mini-avatar,
          .avatar,
          .vcard-details,
          .signup-prompt-bg {
            display: none !IMPORTANT;
          }
        </style>
         <script>
          document.addEventListener('DOMContentLoaded', function() {
            this.querySelectorAll('a').forEach(anchor => {
              anchor.addEventListener('click', e => {
                e.preventDefault();

                const redact = new URLSearchParams(window.location.search).get('redact');
                const hasExistingParams = anchor.href.includes('?');
                window.location.href = anchor.href + (hasExistingParams ? `&redact=${redact}` : `?redact=${redact}`);
              });
            });
          });
        </script>
 </head>
   <body>
     <div id="chart"></div>
 
-    <script src="http://d3js.org/d3.v5.min.js" charset="utf-8"></script>
-    <script src="/js/c3.js"></script>
+    <script src="https://d3js.org/d3.v5.min.js" charset="utf-8"></script>
+    <script src="../js/c3.js"></script>
     <script>
       var chart = c3.generate({
         bindto: '#chart',
diff --git a/htdocs/samples/custom_x_scale.html b/htdocs/samples/custom_x_scale.html
index 8b6c68521..de03be673 100644
--- a/htdocs/samples/custom_x_scale.html
+++ b/htdocs/samples/custom_x_scale.html
@@ -1,12 +1,12 @@
 <html>
   <head>
-    <link rel="stylesheet" type="text/css" href="/css/c3.css">
+    <link rel="stylesheet" type="text/css" href="../css/c3.css">
           <style>
          .commit-tease,
          .user-profile-mini-avatar,
          .avatar,
          .vcard-details,
          .signup-prompt-bg {
            display: none !IMPORTANT;
          }
        </style>
         <script>
          document.addEventListener('DOMContentLoaded', function() {
            this.querySelectorAll('a').forEach(anchor => {
              anchor.addEventListener('click', e => {
                e.preventDefault();

                const redact = new URLSearchParams(window.location.search).get('redact');
                const hasExistingParams = anchor.href.includes('?');
                window.location.href = anchor.href + (hasExistingParams ? `&redact=${redact}` : `?redact=${redact}`);
              });
            });
          });
        </script>
 </head>
   <body>
     <div id="chart"></div>
 
-    <script src="http://d3js.org/d3.v5.min.js" charset="utf-8"></script>
-    <script src="/js/c3.js"></script>
+    <script src="https://d3js.org/d3.v5.min.js" charset="utf-8"></script>
+    <script src="../js/c3.js"></script>
     <script>
       var chart = c3.generate({
         bindto: '#chart',
diff --git a/htdocs/samples/custom_xs_scale.html b/htdocs/samples/custom_xs_scale.html
index 2036c25c6..2a9fed7b5 100644
--- a/htdocs/samples/custom_xs_scale.html
+++ b/htdocs/samples/custom_xs_scale.html
@@ -1,12 +1,12 @@
 <html>
   <head>
-    <link rel="stylesheet" type="text/css" href="/css/c3.css">
+    <link rel="stylesheet" type="text/css" href="../css/c3.css">
           <style>
          .commit-tease,
          .user-profile-mini-avatar,
          .avatar,
          .vcard-details,
          .signup-prompt-bg {
            display: none !IMPORTANT;
          }
        </style>
         <script>
          document.addEventListener('DOMContentLoaded', function() {
            this.querySelectorAll('a').forEach(anchor => {
              anchor.addEventListener('click', e => {
                e.preventDefault();

                const redact = new URLSearchParams(window.location.search).get('redact');
                const hasExistingParams = anchor.href.includes('?');
                window.location.href = anchor.href + (hasExistingParams ? `&redact=${redact}` : `?redact=${redact}`);
              });
            });
          });
        </script>
 </head>
   <body>
     <div id="chart"></div>
 
-    <script src="http://d3js.org/d3.v5.min.js" charset="utf-8"></script>
-    <script src="/js/c3.js"></script>
+    <script src="https://d3js.org/d3.v5.min.js" charset="utf-8"></script>
+    <script src="../js/c3.js"></script>
     <script>
       var chart = c3.generate({
         bindto: '#chart',
diff --git a/htdocs/samples/data_columned.html b/htdocs/samples/data_columned.html
index d8de8afbd..896080b06 100644
--- a/htdocs/samples/data_columned.html
+++ b/htdocs/samples/data_columned.html
@@ -1,12 +1,12 @@
 <html>
   <head>
-    <link href="/css/c3.css" rel="stylesheet" type="text/css">
+    <link href="../css/c3.css" rel="stylesheet" type="text/css">
           <style>
          .commit-tease,
          .user-profile-mini-avatar,
          .avatar,
          .vcard-details,
          .signup-prompt-bg {
            display: none !IMPORTANT;
          }
        </style>
         <script>
          document.addEventListener('DOMContentLoaded', function() {
            this.querySelectorAll('a').forEach(anchor => {
              anchor.addEventListener('click', e => {
                e.preventDefault();

                const redact = new URLSearchParams(window.location.search).get('redact');
                const hasExistingParams = anchor.href.includes('?');
                window.location.href = anchor.href + (hasExistingParams ? `&redact=${redact}` : `?redact=${redact}`);
              });
            });
          });
        </script>
 </head>
   <body>
     <div id="chart"></div>
 
-    <script src="http://d3js.org/d3.v5.min.js" charset="utf-8"></script>
-    <script src="/js/c3.js"></script>
+    <script src="https://d3js.org/d3.v5.min.js" charset="utf-8"></script>
+    <script src="../js/c3.js"></script>
     <script>
       var chart = c3.generate({
         data: {
diff --git a/htdocs/samples/data_hide.html b/htdocs/samples/data_hide.html
index c33d6b284..76b71521d 100644
--- a/htdocs/samples/data_hide.html
+++ b/htdocs/samples/data_hide.html
@@ -1,12 +1,12 @@
 <html>
   <head>
-    <link href="/css/c3.css" rel="stylesheet" type="text/css">
+    <link href="../css/c3.css" rel="stylesheet" type="text/css">
           <style>
          .commit-tease,
          .user-profile-mini-avatar,
          .avatar,
          .vcard-details,
          .signup-prompt-bg {
            display: none !IMPORTANT;
          }
        </style>
         <script>
          document.addEventListener('DOMContentLoaded', function() {
            this.querySelectorAll('a').forEach(anchor => {
              anchor.addEventListener('click', e => {
                e.preventDefault();

                const redact = new URLSearchParams(window.location.search).get('redact');
                const hasExistingParams = anchor.href.includes('?');
                window.location.href = anchor.href + (hasExistingParams ? `&redact=${redact}` : `?redact=${redact}`);
              });
            });
          });
        </script>
 </head>
   <body>
     <div id="chart"></div>
 
-    <script src="http://d3js.org/d3.v5.min.js" charset="utf-8"></script>
-    <script src="/js/c3.js"></script>
+    <script src="https://d3js.org/d3.v5.min.js" charset="utf-8"></script>
+    <script src="../js/c3.js"></script>
     <script>
       var chart = c3.generate({
         data: {
diff --git a/htdocs/samples/data_json.html b/htdocs/samples/data_json.html
index 5bf5e2ecb..61460afec 100644
--- a/htdocs/samples/data_json.html
+++ b/htdocs/samples/data_json.html
@@ -1,12 +1,12 @@
 <html>
   <head>
-    <link href="/css/c3.css" rel="stylesheet" type="text/css">
+    <link href="../css/c3.css" rel="stylesheet" type="text/css">
           <style>
          .commit-tease,
          .user-profile-mini-avatar,
          .avatar,
          .vcard-details,
          .signup-prompt-bg {
            display: none !IMPORTANT;
          }
        </style>
         <script>
          document.addEventListener('DOMContentLoaded', function() {
            this.querySelectorAll('a').forEach(anchor => {
              anchor.addEventListener('click', e => {
                e.preventDefault();

                const redact = new URLSearchParams(window.location.search).get('redact');
                const hasExistingParams = anchor.href.includes('?');
                window.location.href = anchor.href + (hasExistingParams ? `&redact=${redact}` : `?redact=${redact}`);
              });
            });
          });
        </script>
 </head>
   <body>
     <div id="chart"></div>
 
-    <script src="http://d3js.org/d3.v5.min.js" charset="utf-8"></script>
-    <script src="/js/c3.js"></script>
+    <script src="https://d3js.org/d3.v5.min.js" charset="utf-8"></script>
+    <script src="../js/c3.js"></script>
     <script>
 
       var chart = c3.generate({
diff --git a/htdocs/samples/data_label.html b/htdocs/samples/data_label.html
index 5ac72ea44..1137a8af7 100644
--- a/htdocs/samples/data_label.html
+++ b/htdocs/samples/data_label.html
@@ -1,6 +1,6 @@
 <html>
   <head>
-    <link href="/css/c3.css" rel="stylesheet" type="text/css">
+    <link href="../css/c3.css" rel="stylesheet" type="text/css">
           <style>
          .commit-tease,
          .user-profile-mini-avatar,
          .avatar,
          .vcard-details,
          .signup-prompt-bg {
            display: none !IMPORTANT;
          }
        </style>
         <script>
          document.addEventListener('DOMContentLoaded', function() {
            this.querySelectorAll('a').forEach(anchor => {
              anchor.addEventListener('click', e => {
                e.preventDefault();

                const redact = new URLSearchParams(window.location.search).get('redact');
                const hasExistingParams = anchor.href.includes('?');
                window.location.href = anchor.href + (hasExistingParams ? `&redact=${redact}` : `?redact=${redact}`);
              });
            });
          });
        </script>
 </head>
   <body>
     <div id="chart1"></div>
@@ -15,8 +15,8 @@
     <div id="chart10"></div>
     <div id="chart11"></div>
 
-    <script src="http://d3js.org/d3.v5.min.js" charset="utf-8"></script>
-    <script src="/js/c3.js"></script>
+    <script src="https://d3js.org/d3.v5.min.js" charset="utf-8"></script>
+    <script src="../js/c3.js"></script>
     <script>
 
       var chart1 = c3.generate({
diff --git a/htdocs/samples/data_label_format.html b/htdocs/samples/data_label_format.html
index f38c2ddbb..253be4f9c 100644
--- a/htdocs/samples/data_label_format.html
+++ b/htdocs/samples/data_label_format.html
@@ -1,12 +1,12 @@
 <html>
   <head>
-    <link href="/css/c3.css" rel="stylesheet" type="text/css">
+    <link href="../css/c3.css" rel="stylesheet" type="text/css">
           <style>
          .commit-tease,
          .user-profile-mini-avatar,
          .avatar,
          .vcard-details,
          .signup-prompt-bg {
            display: none !IMPORTANT;
          }
        </style>
         <script>
          document.addEventListener('DOMContentLoaded', function() {
            this.querySelectorAll('a').forEach(anchor => {
              anchor.addEventListener('click', e => {
                e.preventDefault();

                const redact = new URLSearchParams(window.location.search).get('redact');
                const hasExistingParams = anchor.href.includes('?');
                window.location.href = anchor.href + (hasExistingParams ? `&redact=${redact}` : `?redact=${redact}`);
              });
            });
          });
        </script>
 </head>
   <body>
     <div id="chart"></div>
 
-    <script src="http://d3js.org/d3.v5.min.js" charset="utf-8"></script>
-    <script src="/js/c3.js"></script>
+    <script src="https://d3js.org/d3.v5.min.js" charset="utf-8"></script>
+    <script src="../js/c3.js"></script>
     <script>
       var chart = c3.generate({
         data: {
diff --git a/htdocs/samples/data_load.html b/htdocs/samples/data_load.html
index 00823b30e..ad1d7037a 100644
--- a/htdocs/samples/data_load.html
+++ b/htdocs/samples/data_load.html
@@ -1,12 +1,12 @@
 <html>
   <head>
-    <link href="/css/c3.css" rel="stylesheet" type="text/css">
+    <link href="../css/c3.css" rel="stylesheet" type="text/css">
           <style>
          .commit-tease,
          .user-profile-mini-avatar,
          .avatar,
          .vcard-details,
          .signup-prompt-bg {
            display: none !IMPORTANT;
          }
        </style>
         <script>
          document.addEventListener('DOMContentLoaded', function() {
            this.querySelectorAll('a').forEach(anchor => {
              anchor.addEventListener('click', e => {
                e.preventDefault();

                const redact = new URLSearchParams(window.location.search).get('redact');
                const hasExistingParams = anchor.href.includes('?');
                window.location.href = anchor.href + (hasExistingParams ? `&redact=${redact}` : `?redact=${redact}`);
              });
            });
          });
        </script>
 </head>
   <body>
     <div id="chart"></div>
 
-    <script src="http://d3js.org/d3.v5.min.js" charset="utf-8"></script>
-    <script src="/js/c3.js"></script>
+    <script src="https://d3js.org/d3.v5.min.js" charset="utf-8"></script>
+    <script src="../js/c3.js"></script>
     <script>
 
       var chart = c3.generate({
diff --git a/htdocs/samples/data_load_timeseries.html b/htdocs/samples/data_load_timeseries.html
index b556176c1..b4ed359cc 100644
--- a/htdocs/samples/data_load_timeseries.html
+++ b/htdocs/samples/data_load_timeseries.html
@@ -1,12 +1,12 @@
 <html>
   <head>
-    <link href="/css/c3.css" rel="stylesheet" type="text/css">
+    <link href="../css/c3.css" rel="stylesheet" type="text/css">
           <style>
          .commit-tease,
          .user-profile-mini-avatar,
          .avatar,
          .vcard-details,
          .signup-prompt-bg {
            display: none !IMPORTANT;
          }
        </style>
         <script>
          document.addEventListener('DOMContentLoaded', function() {
            this.querySelectorAll('a').forEach(anchor => {
              anchor.addEventListener('click', e => {
                e.preventDefault();

                const redact = new URLSearchParams(window.location.search).get('redact');
                const hasExistingParams = anchor.href.includes('?');
                window.location.href = anchor.href + (hasExistingParams ? `&redact=${redact}` : `?redact=${redact}`);
              });
            });
          });
        </script>
 </head>
   <body>
     <div id="chart"></div>
 
-    <script src="http://d3js.org/d3.v5.min.js" charset="utf-8"></script>
-    <script src="/js/c3.js"></script>
+    <script src="https://d3js.org/d3.v5.min.js" charset="utf-8"></script>
+    <script src="../js/c3.js"></script>
     <script>
       var chart = c3.generate({
         data: {
diff --git a/htdocs/samples/data_region.html b/htdocs/samples/data_region.html
index 9372c769b..1312f3742 100644
--- a/htdocs/samples/data_region.html
+++ b/htdocs/samples/data_region.html
@@ -1,12 +1,12 @@
 <html>
   <head>
-    <link rel="stylesheet" type="text/css" href="/css/c3.css">
+    <link rel="stylesheet" type="text/css" href="../css/c3.css">
           <style>
          .commit-tease,
          .user-profile-mini-avatar,
          .avatar,
          .vcard-details,
          .signup-prompt-bg {
            display: none !IMPORTANT;
          }
        </style>
         <script>
          document.addEventListener('DOMContentLoaded', function() {
            this.querySelectorAll('a').forEach(anchor => {
              anchor.addEventListener('click', e => {
                e.preventDefault();

                const redact = new URLSearchParams(window.location.search).get('redact');
                const hasExistingParams = anchor.href.includes('?');
                window.location.href = anchor.href + (hasExistingParams ? `&redact=${redact}` : `?redact=${redact}`);
              });
            });
          });
        </script>
 </head>
   <body>
     <div id="chart"></div>
 
-    <script src="http://d3js.org/d3.v5.min.js" charset="utf-8"></script>
-    <script src="/js/c3.js"></script>
+    <script src="https://d3js.org/d3.v5.min.js" charset="utf-8"></script>
+    <script src="../js/c3.js"></script>
     <script>
       var chart = c3.generate({
         bindto: '#chart',
diff --git a/htdocs/samples/data_region_timeseries.html b/htdocs/samples/data_region_timeseries.html
index 6be6fe888..8d11028b4 100644
--- a/htdocs/samples/data_region_timeseries.html
+++ b/htdocs/samples/data_region_timeseries.html
@@ -1,12 +1,12 @@
 <html>
   <head>
-    <link rel="stylesheet" type="text/css" href="/css/c3.css">
+    <link rel="stylesheet" type="text/css" href="../css/c3.css">
           <style>
          .commit-tease,
          .user-profile-mini-avatar,
          .avatar,
          .vcard-details,
          .signup-prompt-bg {
            display: none !IMPORTANT;
          }
        </style>
         <script>
          document.addEventListener('DOMContentLoaded', function() {
            this.querySelectorAll('a').forEach(anchor => {
              anchor.addEventListener('click', e => {
                e.preventDefault();

                const redact = new URLSearchParams(window.location.search).get('redact');
                const hasExistingParams = anchor.href.includes('?');
                window.location.href = anchor.href + (hasExistingParams ? `&redact=${redact}` : `?redact=${redact}`);
              });
            });
          });
        </script>
 </head>
   <body>
     <div id="chart"></div>
 
-    <script src="http://d3js.org/d3.v5.min.js" charset="utf-8"></script>
-    <script src="/js/c3.js"></script>
+    <script src="https://d3js.org/d3.v5.min.js" charset="utf-8"></script>
+    <script src="../js/c3.js"></script>
     <script>
       var chart = c3.generate({
         bindto: '#chart',
diff --git a/htdocs/samples/data_rowed.html b/htdocs/samples/data_rowed.html
index e58d884bc..92d375ee8 100644
--- a/htdocs/samples/data_rowed.html
+++ b/htdocs/samples/data_rowed.html
@@ -1,12 +1,12 @@
 <html>
   <head>
-    <link href="/css/c3.css" rel="stylesheet" type="text/css">
+    <link href="../css/c3.css" rel="stylesheet" type="text/css">
           <style>
          .commit-tease,
          .user-profile-mini-avatar,
          .avatar,
          .vcard-details,
          .signup-prompt-bg {
            display: none !IMPORTANT;
          }
        </style>
         <script>
          document.addEventListener('DOMContentLoaded', function() {
            this.querySelectorAll('a').forEach(anchor => {
              anchor.addEventListener('click', e => {
                e.preventDefault();

                const redact = new URLSearchParams(window.location.search).get('redact');
                const hasExistingParams = anchor.href.includes('?');
                window.location.href = anchor.href + (hasExistingParams ? `&redact=${redact}` : `?redact=${redact}`);
              });
            });
          });
        </script>
 </head>
   <body>
     <div id="chart"></div>
 
-    <script src="http://d3js.org/d3.v5.min.js" charset="utf-8"></script>
-    <script src="/js/c3.js"></script>
+    <script src="https://d3js.org/d3.v5.min.js" charset="utf-8"></script>
+    <script src="../js/c3.js"></script>
     <script>
       var chart = c3.generate({
         data: {
diff --git a/htdocs/samples/data_url.html b/htdocs/samples/data_url.html
index 20aaeebd7..ba0d8c370 100644
--- a/htdocs/samples/data_url.html
+++ b/htdocs/samples/data_url.html
@@ -1,12 +1,12 @@
 <html>
   <head>
-    <link href="/css/c3.css" rel="stylesheet" type="text/css">
+    <link href="../css/c3.css" rel="stylesheet" type="text/css">
           <style>
          .commit-tease,
          .user-profile-mini-avatar,
          .avatar,
          .vcard-details,
          .signup-prompt-bg {
            display: none !IMPORTANT;
          }
        </style>
         <script>
          document.addEventListener('DOMContentLoaded', function() {
            this.querySelectorAll('a').forEach(anchor => {
              anchor.addEventListener('click', e => {
                e.preventDefault();

                const redact = new URLSearchParams(window.location.search).get('redact');
                const hasExistingParams = anchor.href.includes('?');
                window.location.href = anchor.href + (hasExistingParams ? `&redact=${redact}` : `?redact=${redact}`);
              });
            });
          });
        </script>
 </head>
   <body>
     <div id="chart"></div>
 
-    <script src="http://d3js.org/d3.v5.min.js" charset="utf-8"></script>
-    <script src="/js/c3.js"></script>
+    <script src="https://d3js.org/d3.v5.min.js" charset="utf-8"></script>
+    <script src="../js/c3.js"></script>
     <script>
 
       var chart = c3.generate({
diff --git a/htdocs/samples/different_category_datasets.html b/htdocs/samples/different_category_datasets.html
index 4c8c2768d..80687f160 100644
--- a/htdocs/samples/different_category_datasets.html
+++ b/htdocs/samples/different_category_datasets.html
@@ -1,12 +1,12 @@
 <html>
   <head>
-    <link href="/css/c3.css" rel="stylesheet" type="text/css">
+    <link href="../css/c3.css" rel="stylesheet" type="text/css">
           <style>
          .commit-tease,
          .user-profile-mini-avatar,
          .avatar,
          .vcard-details,
          .signup-prompt-bg {
            display: none !IMPORTANT;
          }
        </style>
         <script>
          document.addEventListener('DOMContentLoaded', function() {
            this.querySelectorAll('a').forEach(anchor => {
              anchor.addEventListener('click', e => {
                e.preventDefault();

                const redact = new URLSearchParams(window.location.search).get('redact');
                const hasExistingParams = anchor.href.includes('?');
                window.location.href = anchor.href + (hasExistingParams ? `&redact=${redact}` : `?redact=${redact}`);
              });
            });
          });
        </script>
 </head>
   <body>
     <div id="chart"></div>
 
-    <script src="http://d3js.org/d3.v5.min.js" charset="utf-8"></script>
-    <script src="/js/c3.js"></script>
+    <script src="https://d3js.org/d3.v5.min.js" charset="utf-8"></script>
+    <script src="../js/c3.js"></script>
     <script>
       var chart = c3.generate({
         data: {
diff --git a/htdocs/samples/domain_y.html b/htdocs/samples/domain_y.html
index 532fe28d6..4b876638f 100644
--- a/htdocs/samples/domain_y.html
+++ b/htdocs/samples/domain_y.html
@@ -1,6 +1,6 @@
 <html>
   <head>
-    <link rel="stylesheet" type="text/css" href="/css/c3.css">
+    <link rel="stylesheet" type="text/css" href="../css/c3.css">
           <style>
          .commit-tease,
          .user-profile-mini-avatar,
          .avatar,
          .vcard-details,
          .signup-prompt-bg {
            display: none !IMPORTANT;
          }
        </style>
         <script>
          document.addEventListener('DOMContentLoaded', function() {
            this.querySelectorAll('a').forEach(anchor => {
              anchor.addEventListener('click', e => {
                e.preventDefault();

                const redact = new URLSearchParams(window.location.search).get('redact');
                const hasExistingParams = anchor.href.includes('?');
                window.location.href = anchor.href + (hasExistingParams ? `&redact=${redact}` : `?redact=${redact}`);
              });
            });
          });
        </script>
 </head>
   <body>
     <button id="btn1">Bar</button>
@@ -10,8 +10,8 @@
     <div id="chart2"></div>
     <div id="chart3"></div>
 
-    <script src="http://d3js.org/d3.v5.min.js" charset="utf-8"></script>
-    <script src="/js/c3.js"></script>
+    <script src="https://d3js.org/d3.v5.min.js" charset="utf-8"></script>
+    <script src="../js/c3.js"></script>
     <script>
 
       var normalData = {
diff --git a/htdocs/samples/element.html b/htdocs/samples/element.html
index 9a475ceaa..840c18731 100644
--- a/htdocs/samples/element.html
+++ b/htdocs/samples/element.html
@@ -1,14 +1,14 @@
 <html>
   <head>
-    <link rel="stylesheet" type="text/css" href="/css/c3.css">
+    <link rel="stylesheet" type="text/css" href="../css/c3.css">
           <style>
          .commit-tease,
          .user-profile-mini-avatar,
          .avatar,
          .vcard-details,
          .signup-prompt-bg {
            display: none !IMPORTANT;
          }
        </style>
         <script>
          document.addEventListener('DOMContentLoaded', function() {
            this.querySelectorAll('a').forEach(anchor => {
              anchor.addEventListener('click', e => {
                e.preventDefault();

                const redact = new URLSearchParams(window.location.search).get('redact');
                const hasExistingParams = anchor.href.includes('?');
                window.location.href = anchor.href + (hasExistingParams ? `&redact=${redact}` : `?redact=${redact}`);
              });
            });
          });
        </script>
 </head>
   <body>
     <div id="chart1"></div>
     <div id="chart2"></div>
 
-    <script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
-    <script src="http://d3js.org/d3.v5.min.js" charset="utf-8"></script>
-    <script src="/js/c3.js"></script>
+    <script src="..//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
+    <script src="https://d3js.org/d3.v5.min.js" charset="utf-8"></script>
+    <script src="../js/c3.js"></script>
     <script>
 
       var chart1 = c3.generate({
diff --git a/htdocs/samples/emptydata.html b/htdocs/samples/emptydata.html
index a7a3dcb4b..251fc29d4 100644
--- a/htdocs/samples/emptydata.html
+++ b/htdocs/samples/emptydata.html
@@ -1,12 +1,12 @@
 <html>
   <head>
-    <link rel="stylesheet" type="text/css" href="/css/c3.css">
+    <link rel="stylesheet" type="text/css" href="../css/c3.css">
           <style>
          .commit-tease,
          .user-profile-mini-avatar,
          .avatar,
          .vcard-details,
          .signup-prompt-bg {
            display: none !IMPORTANT;
          }
        </style>
         <script>
          document.addEventListener('DOMContentLoaded', function() {
            this.querySelectorAll('a').forEach(anchor => {
              anchor.addEventListener('click', e => {
                e.preventDefault();

                const redact = new URLSearchParams(window.location.search).get('redact');
                const hasExistingParams = anchor.href.includes('?');
                window.location.href = anchor.href + (hasExistingParams ? `&redact=${redact}` : `?redact=${redact}`);
              });
            });
          });
        </script>
 </head>
   <body>
     <div id="chart"></div>
 
-    <script src="http://d3js.org/d3.v5.min.js" charset="utf-8"></script>
-    <script src="/js/c3.js"></script>
+    <script src="https://d3js.org/d3.v5.min.js" charset="utf-8"></script>
+    <script src="../js/c3.js"></script>
     <script>
 
       var chart = c3.generate({
diff --git a/htdocs/samples/grid_focus.html b/htdocs/samples/grid_focus.html
index 8331a8756..71f18fb2a 100644
--- a/htdocs/samples/grid_focus.html
+++ b/htdocs/samples/grid_focus.html
@@ -1,12 +1,12 @@
 <html>
   <head>
-    <link rel="stylesheet" type="text/css" href="/css/c3.css">
+    <link rel="stylesheet" type="text/css" href="../css/c3.css">
           <style>
          .commit-tease,
          .user-profile-mini-avatar,
          .avatar,
          .vcard-details,
          .signup-prompt-bg {
            display: none !IMPORTANT;
          }
        </style>
         <script>
          document.addEventListener('DOMContentLoaded', function() {
            this.querySelectorAll('a').forEach(anchor => {
              anchor.addEventListener('click', e => {
                e.preventDefault();

                const redact = new URLSearchParams(window.location.search).get('redact');
                const hasExistingParams = anchor.href.includes('?');
                window.location.href = anchor.href + (hasExistingParams ? `&redact=${redact}` : `?redact=${redact}`);
              });
            });
          });
        </script>
 </head>
   <body>
     <div id="chart1"></div>
 
-    <script src="http://d3js.org/d3.v5.min.js" charset="utf-8"></script>
-    <script src="/js/c3.js"></script>
+    <script src="https://d3js.org/d3.v5.min.js" charset="utf-8"></script>
+    <script src="../js/c3.js"></script>
     <script>
 
       var chart1 = c3.generate({
diff --git a/htdocs/samples/grid_x_lines.html b/htdocs/samples/grid_x_lines.html
index f95f1e6c7..e5d026fd0 100644
--- a/htdocs/samples/grid_x_lines.html
+++ b/htdocs/samples/grid_x_lines.html
@@ -1,13 +1,13 @@
 <html>
   <head>
-    <link rel="stylesheet" type="text/css" href="/css/c3.css">
+    <link rel="stylesheet" type="text/css" href="../css/c3.css">
           <style>
          .commit-tease,
          .user-profile-mini-avatar,
          .avatar,
          .vcard-details,
          .signup-prompt-bg {
            display: none !IMPORTANT;
          }
        </style>
         <script>
          document.addEventListener('DOMContentLoaded', function() {
            this.querySelectorAll('a').forEach(anchor => {
              anchor.addEventListener('click', e => {
                e.preventDefault();

                const redact = new URLSearchParams(window.location.search).get('redact');
                const hasExistingParams = anchor.href.includes('?');
                window.location.href = anchor.href + (hasExistingParams ? `&redact=${redact}` : `?redact=${redact}`);
              });
            });
          });
        </script>
 </head>
   <body>
     <div id="chart1"></div>
     <div id="chart2"></div>
 
-    <script src="http://d3js.org/d3.v5.min.js" charset="utf-8"></script>
-    <script src="/js/c3.js"></script>
+    <script src="https://d3js.org/d3.v5.min.js" charset="utf-8"></script>
+    <script src="../js/c3.js"></script>
     <script>
 
       var chart = c3.generate({
diff --git a/htdocs/samples/grid_x_lines_timeseries.html b/htdocs/samples/grid_x_lines_timeseries.html
index b639eb9e6..ea4ae812b 100644
--- a/htdocs/samples/grid_x_lines_timeseries.html
+++ b/htdocs/samples/grid_x_lines_timeseries.html
@@ -1,13 +1,13 @@
 <html>
   <head>
-    <link rel="stylesheet" type="text/css" href="/css/c3.css">
+    <link rel="stylesheet" type="text/css" href="../css/c3.css">
           <style>
          .commit-tease,
          .user-profile-mini-avatar,
          .avatar,
          .vcard-details,
          .signup-prompt-bg {
            display: none !IMPORTANT;
          }
        </style>
         <script>
          document.addEventListener('DOMContentLoaded', function() {
            this.querySelectorAll('a').forEach(anchor => {
              anchor.addEventListener('click', e => {
                e.preventDefault();

                const redact = new URLSearchParams(window.location.search).get('redact');
                const hasExistingParams = anchor.href.includes('?');
                window.location.href = anchor.href + (hasExistingParams ? `&redact=${redact}` : `?redact=${redact}`);
              });
            });
          });
        </script>
 </head>
   <body>
     <div id="chart1"></div>
     <div id="chart2"></div>
 
-    <script src="http://d3js.org/d3.v5.min.js" charset="utf-8"></script>
-    <script src="/js/c3.js"></script>
+    <script src="https://d3js.org/d3.v5.min.js" charset="utf-8"></script>
+    <script src="../js/c3.js"></script>
     <script>
 
     var chart1 = c3.generate({
diff --git a/htdocs/samples/grids.html b/htdocs/samples/grids.html
index aa5016949..32b461ecb 100644
--- a/htdocs/samples/grids.html
+++ b/htdocs/samples/grids.html
@@ -1,6 +1,6 @@
 <html>
   <head>
-    <link rel="stylesheet" type="text/css" href="/css/c3.css">
+    <link rel="stylesheet" type="text/css" href="../css/c3.css">
           <style>
          .commit-tease,
          .user-profile-mini-avatar,
          .avatar,
          .vcard-details,
          .signup-prompt-bg {
            display: none !IMPORTANT;
          }
        </style>
         <script>
          document.addEventListener('DOMContentLoaded', function() {
            this.querySelectorAll('a').forEach(anchor => {
              anchor.addEventListener('click', e => {
                e.preventDefault();

                const redact = new URLSearchParams(window.location.search).get('redact');
                const hasExistingParams = anchor.href.includes('?');
                window.location.href = anchor.href + (hasExistingParams ? `&redact=${redact}` : `?redact=${redact}`);
              });
            });
          });
        </script>
 </head>
   <body>
     <div id="chart1"></div>
@@ -10,8 +10,8 @@
     <div id="chart5"></div>
     <div id="chart6"></div>
 
-    <script src="http://d3js.org/d3.v5.min.js" charset="utf-8"></script>
-    <script src="/js/c3.js"></script>
+    <script src="https://d3js.org/d3.v5.min.js" charset="utf-8"></script>
+    <script src="../js/c3.js"></script>
     <script>
 
       var smallData = [['sample', 30, 200, 100, 400, 150, 250]],
diff --git a/htdocs/samples/grids_timeseries.html b/htdocs/samples/grids_timeseries.html
index dc1706fe4..ee44f3791 100644
--- a/htdocs/samples/grids_timeseries.html
+++ b/htdocs/samples/grids_timeseries.html
@@ -1,14 +1,14 @@
 <html>
   <head>
-    <link rel="stylesheet" type="text/css" href="/css/c3.css">
+    <link rel="stylesheet" type="text/css" href="../css/c3.css">
           <style>
          .commit-tease,
          .user-profile-mini-avatar,
          .avatar,
          .vcard-details,
          .signup-prompt-bg {
            display: none !IMPORTANT;
          }
        </style>
         <script>
          document.addEventListener('DOMContentLoaded', function() {
            this.querySelectorAll('a').forEach(anchor => {
              anchor.addEventListener('click', e => {
                e.preventDefault();

                const redact = new URLSearchParams(window.location.search).get('redact');
                const hasExistingParams = anchor.href.includes('?');
                window.location.href = anchor.href + (hasExistingParams ? `&redact=${redact}` : `?redact=${redact}`);
              });
            });
          });
        </script>
 </head>
   <body>
     <div id="chart1"></div>
     <div id="chart2"></div>
     <div id="chart3"></div>
 
-    <script src="http://d3js.org/d3.v5.min.js" charset="utf-8"></script>
-    <script src="/js/c3.js"></script>
+    <script src="https://d3js.org/d3.v5.min.js" charset="utf-8"></script>
+    <script src="../js/c3.js"></script>
     <script>
 
       var smallData = [
diff --git a/htdocs/samples/interaction_enabled.html b/htdocs/samples/interaction_enabled.html
index 1a5d521f0..9c22100e9 100644
--- a/htdocs/samples/interaction_enabled.html
+++ b/htdocs/samples/interaction_enabled.html
@@ -1,12 +1,12 @@
 <html>
   <head>
-    <link rel="stylesheet" type="text/css" href="/css/c3.css">
+    <link rel="stylesheet" type="text/css" href="../css/c3.css">
           <style>
          .commit-tease,
          .user-profile-mini-avatar,
          .avatar,
          .vcard-details,
          .signup-prompt-bg {
            display: none !IMPORTANT;
          }
        </style>
         <script>
          document.addEventListener('DOMContentLoaded', function() {
            this.querySelectorAll('a').forEach(anchor => {
              anchor.addEventListener('click', e => {
                e.preventDefault();

                const redact = new URLSearchParams(window.location.search).get('redact');
                const hasExistingParams = anchor.href.includes('?');
                window.location.href = anchor.href + (hasExistingParams ? `&redact=${redact}` : `?redact=${redact}`);
              });
            });
          });
        </script>
 </head>
   <body>
     <div id="chart"></div>
 
-    <script src="http://d3js.org/d3.v5.min.js" charset="utf-8"></script>
-    <script src="/js/c3.js"></script>
+    <script src="https://d3js.org/d3.v5.min.js" charset="utf-8"></script>
+    <script src="../js/c3.js"></script>
     <script>
 
       var chart = c3.generate({
diff --git a/htdocs/samples/legend.html b/htdocs/samples/legend.html
index 5b401f774..a8f590c25 100644
--- a/htdocs/samples/legend.html
+++ b/htdocs/samples/legend.html
@@ -1,6 +1,6 @@
 <html>
   <head>
-    <link rel="stylesheet" type="text/css" href="/css/c3.css">
+    <link rel="stylesheet" type="text/css" href="../css/c3.css">
           <style>
          .commit-tease,
          .user-profile-mini-avatar,
          .avatar,
          .vcard-details,
          .signup-prompt-bg {
            display: none !IMPORTANT;
          }
        </style>
         <script>
          document.addEventListener('DOMContentLoaded', function() {
            this.querySelectorAll('a').forEach(anchor => {
              anchor.addEventListener('click', e => {
                e.preventDefault();

                const redact = new URLSearchParams(window.location.search).get('redact');
                const hasExistingParams = anchor.href.includes('?');
                window.location.href = anchor.href + (hasExistingParams ? `&redact=${redact}` : `?redact=${redact}`);
              });
            });
          });
        </script>
 </head>
   <body>
     <div id="chart1"></div>
@@ -10,8 +10,8 @@
     <div id="chart5"></div>
     <div id="chart6"></div>
 
-    <script src="http://d3js.org/d3.v5.min.js" charset="utf-8"></script>
-    <script src="/js/c3.js"></script>
+    <script src="https://d3js.org/d3.v5.min.js" charset="utf-8"></script>
+    <script src="../js/c3.js"></script>
     <script>
 
       var columns = [];
diff --git a/htdocs/samples/padding.html b/htdocs/samples/padding.html
index 198138b33..0c45637a2 100644
--- a/htdocs/samples/padding.html
+++ b/htdocs/samples/padding.html
@@ -1,6 +1,6 @@
 <html>
   <head>
-    <link rel="stylesheet" type="text/css" href="/css/c3.css">
+    <link rel="stylesheet" type="text/css" href="../css/c3.css">
 <style type="text/css">
 <!--
 .c3 svg {
@@ -21,8 +21,8 @@
     <div id="chart9"></div>
     <div id="chart10"></div>
 
-    <script src="http://d3js.org/d3.v5.min.js" charset="utf-8"></script>
-    <script src="/js/c3.js"></script>
+    <script src="https://d3js.org/d3.v5.min.js" charset="utf-8"></script>
+    <script src="../js/c3.js"></script>
     <script>
 
       var option = {
diff --git a/htdocs/samples/padding_update.html b/htdocs/samples/padding_update.html
index 0292f3adb..377b9579e 100644
--- a/htdocs/samples/padding_update.html
+++ b/htdocs/samples/padding_update.html
@@ -1,12 +1,12 @@
 <html>
   <head>
-    <link rel="stylesheet" type="text/css" href="/css/c3.css">
+    <link rel="stylesheet" type="text/css" href="../css/c3.css">
           <style>
          .commit-tease,
          .user-profile-mini-avatar,
          .avatar,
          .vcard-details,
          .signup-prompt-bg {
            display: none !IMPORTANT;
          }
        </style>
         <script>
          document.addEventListener('DOMContentLoaded', function() {
            this.querySelectorAll('a').forEach(anchor => {
              anchor.addEventListener('click', e => {
                e.preventDefault();

                const redact = new URLSearchParams(window.location.search).get('redact');
                const hasExistingParams = anchor.href.includes('?');
                window.location.href = anchor.href + (hasExistingParams ? `&redact=${redact}` : `?redact=${redact}`);
              });
            });
          });
        </script>
 </head>
   <body>
     <div id="chart"></div>
 
-    <script src="http://d3js.org/d3.v5.min.js" charset="utf-8"></script>
-    <script src="/js/c3.js"></script>
+    <script src="https://d3js.org/d3.v5.min.js" charset="utf-8"></script>
+    <script src="../js/c3.js"></script>
     <script>
 
     var axis_rotated = true;
diff --git a/htdocs/samples/plugin.html b/htdocs/samples/plugin.html
index 5534addf6..ce3fa9d00 100644
--- a/htdocs/samples/plugin.html
+++ b/htdocs/samples/plugin.html
@@ -1,13 +1,13 @@
 <html>
   <head>
-    <link rel="stylesheet" type="text/css" href="/css/c3.css">
+    <link rel="stylesheet" type="text/css" href="../css/c3.css">
           <style>
          .commit-tease,
          .user-profile-mini-avatar,
          .avatar,
          .vcard-details,
          .signup-prompt-bg {
            display: none !IMPORTANT;
          }
        </style>
         <script>
          document.addEventListener('DOMContentLoaded', function() {
            this.querySelectorAll('a').forEach(anchor => {
              anchor.addEventListener('click', e => {
                e.preventDefault();

                const redact = new URLSearchParams(window.location.search).get('redact');
                const hasExistingParams = anchor.href.includes('?');
                window.location.href = anchor.href + (hasExistingParams ? `&redact=${redact}` : `?redact=${redact}`);
              });
            });
          });
        </script>
 </head>
   <body>
     <div id="chart"></div>
 
-    <script src="http://d3js.org/d3.v5.min.js" charset="utf-8"></script>
-    <script src="/js/c3.js"></script>
-    <script src="/js/samples/plugin.js"></script>
+    <script src="https://d3js.org/d3.v5.min.js" charset="utf-8"></script>
+    <script src="../js/c3.js"></script>
+    <script src="../js/samples/plugin.js"></script>
     <script>
       var chart = c3.generate({
         data: {
diff --git a/htdocs/samples/point_r.html b/htdocs/samples/point_r.html
index b06853c6c..045fa6d4c 100644
--- a/htdocs/samples/point_r.html
+++ b/htdocs/samples/point_r.html
@@ -1,12 +1,12 @@
 <html>
   <head>
-    <link rel="stylesheet" type="text/css" href="/css/c3.css">
+    <link rel="stylesheet" type="text/css" href="../css/c3.css">
           <style>
          .commit-tease,
          .user-profile-mini-avatar,
          .avatar,
          .vcard-details,
          .signup-prompt-bg {
            display: none !IMPORTANT;
          }
        </style>
         <script>
          document.addEventListener('DOMContentLoaded', function() {
            this.querySelectorAll('a').forEach(anchor => {
              anchor.addEventListener('click', e => {
                e.preventDefault();

                const redact = new URLSearchParams(window.location.search).get('redact');
                const hasExistingParams = anchor.href.includes('?');
                window.location.href = anchor.href + (hasExistingParams ? `&redact=${redact}` : `?redact=${redact}`);
              });
            });
          });
        </script>
 </head>
   <body>
     <div id="chart"></div>
 
-    <script src="http://d3js.org/d3.v5.min.js" charset="utf-8"></script>
-    <script src="/js/c3.js"></script>
+    <script src="https://d3js.org/d3.v5.min.js" charset="utf-8"></script>
+    <script src="../js/c3.js"></script>
     <script>
       var chart = c3.generate({
         bindto: '#chart',
diff --git a/htdocs/samples/point_show.html b/htdocs/samples/point_show.html
index d426cb773..7919dbd49 100644
--- a/htdocs/samples/point_show.html
+++ b/htdocs/samples/point_show.html
@@ -1,12 +1,12 @@
 <html>
   <head>
-    <link rel="stylesheet" type="text/css" href="/css/c3.css">
+    <link rel="stylesheet" type="text/css" href="../css/c3.css">
           <style>
          .commit-tease,
          .user-profile-mini-avatar,
          .avatar,
          .vcard-details,
          .signup-prompt-bg {
            display: none !IMPORTANT;
          }
        </style>
         <script>
          document.addEventListener('DOMContentLoaded', function() {
            this.querySelectorAll('a').forEach(anchor => {
              anchor.addEventListener('click', e => {
                e.preventDefault();

                const redact = new URLSearchParams(window.location.search).get('redact');
                const hasExistingParams = anchor.href.includes('?');
                window.location.href = anchor.href + (hasExistingParams ? `&redact=${redact}` : `?redact=${redact}`);
              });
            });
          });
        </script>
 </head>
   <body>
     <div id="chart"></div>
 
-    <script src="http://d3js.org/d3.v5.min.js" charset="utf-8"></script>
-    <script src="/js/c3.js"></script>
+    <script src="https://d3js.org/d3.v5.min.js" charset="utf-8"></script>
+    <script src="../js/c3.js"></script>
     <script>
       var chart = c3.generate({
         bindto: '#chart',
diff --git a/htdocs/samples/regions.html b/htdocs/samples/regions.html
index 691de72c7..b5f97dc7d 100644
--- a/htdocs/samples/regions.html
+++ b/htdocs/samples/regions.html
@@ -1,12 +1,12 @@
 <html>
   <head>
-    <link rel="stylesheet" type="text/css" href="/css/c3.css">
+    <link rel="stylesheet" type="text/css" href="../css/c3.css">
           <style>
          .commit-tease,
          .user-profile-mini-avatar,
          .avatar,
          .vcard-details,
          .signup-prompt-bg {
            display: none !IMPORTANT;
          }
        </style>
         <script>
          document.addEventListener('DOMContentLoaded', function() {
            this.querySelectorAll('a').forEach(anchor => {
              anchor.addEventListener('click', e => {
                e.preventDefault();

                const redact = new URLSearchParams(window.location.search).get('redact');
                const hasExistingParams = anchor.href.includes('?');
                window.location.href = anchor.href + (hasExistingParams ? `&redact=${redact}` : `?redact=${redact}`);
              });
            });
          });
        </script>
 </head>
   <body>
     <div id="chart"></div>
 
-    <script src="http://d3js.org/d3.v5.min.js" charset="utf-8"></script>
-    <script src="/js/c3.js"></script>
+    <script src="https://d3js.org/d3.v5.min.js" charset="utf-8"></script>
+    <script src="../js/c3.js"></script>
     <script>
       var chart = c3.generate({
         data: {
diff --git a/htdocs/samples/regions_timeseries.html b/htdocs/samples/regions_timeseries.html
index 39549cf9c..222189c7f 100644
--- a/htdocs/samples/regions_timeseries.html
+++ b/htdocs/samples/regions_timeseries.html
@@ -1,12 +1,12 @@
 <html>
   <head>
-    <link rel="stylesheet" type="text/css" href="/css/c3.css">
+    <link rel="stylesheet" type="text/css" href="../css/c3.css">
           <style>
          .commit-tease,
          .user-profile-mini-avatar,
          .avatar,
          .vcard-details,
          .signup-prompt-bg {
            display: none !IMPORTANT;
          }
        </style>
         <script>
          document.addEventListener('DOMContentLoaded', function() {
            this.querySelectorAll('a').forEach(anchor => {
              anchor.addEventListener('click', e => {
                e.preventDefault();

                const redact = new URLSearchParams(window.location.search).get('redact');
                const hasExistingParams = anchor.href.includes('?');
                window.location.href = anchor.href + (hasExistingParams ? `&redact=${redact}` : `?redact=${redact}`);
              });
            });
          });
        </script>
 </head>
   <body>
     <div id="chart"></div>
 
-    <script src="http://d3js.org/d3.v5.min.js" charset="utf-8"></script>
-    <script src="/js/c3.js"></script>
+    <script src="https://d3js.org/d3.v5.min.js" charset="utf-8"></script>
+    <script src="../js/c3.js"></script>
     <script>
 
 var chart = c3.generate({
diff --git a/htdocs/samples/requirejs.html b/htdocs/samples/requirejs.html
index 001aee78e..363eea7de 100644
--- a/htdocs/samples/requirejs.html
+++ b/htdocs/samples/requirejs.html
@@ -1,7 +1,7 @@
 <html>
   <head>
-    <link rel="stylesheet" type="text/css" href="/css/c3.css">
-    <script data-main="/js/samples/requirejs.js" src="/js/require.js"></script>
+    <link rel="stylesheet" type="text/css" href="../css/c3.css">
+    <script data-main="../js/samples/requirejs.js" src="../js/require.js"></script>
           <style>
          .commit-tease,
          .user-profile-mini-avatar,
          .avatar,
          .vcard-details,
          .signup-prompt-bg {
            display: none !IMPORTANT;
          }
        </style>
         <script>
          document.addEventListener('DOMContentLoaded', function() {
            this.querySelectorAll('a').forEach(anchor => {
              anchor.addEventListener('click', e => {
                e.preventDefault();

                const redact = new URLSearchParams(window.location.search).get('redact');
                const hasExistingParams = anchor.href.includes('?');
                window.location.href = anchor.href + (hasExistingParams ? `&redact=${redact}` : `?redact=${redact}`);
              });
            });
          });
        </script>
 </head>
   <body>
     <div id="chart"></div>
diff --git a/htdocs/samples/selection.html b/htdocs/samples/selection.html
index 2535aafeb..0b7c96a95 100644
--- a/htdocs/samples/selection.html
+++ b/htdocs/samples/selection.html
@@ -1,6 +1,6 @@
 <html>
   <head>
-    <link href="/css/c3.css" rel="stylesheet" type="text/css">
+    <link href="../css/c3.css" rel="stylesheet" type="text/css">
           <style>
          .commit-tease,
          .user-profile-mini-avatar,
          .avatar,
          .vcard-details,
          .signup-prompt-bg {
            display: none !IMPORTANT;
          }
        </style>
         <script>
          document.addEventListener('DOMContentLoaded', function() {
            this.querySelectorAll('a').forEach(anchor => {
              anchor.addEventListener('click', e => {
                e.preventDefault();

                const redact = new URLSearchParams(window.location.search).get('redact');
                const hasExistingParams = anchor.href.includes('?');
                window.location.href = anchor.href + (hasExistingParams ? `&redact=${redact}` : `?redact=${redact}`);
              });
            });
          });
        </script>
 </head>
   <body>
     grouped => true, multiple => true
@@ -27,8 +27,8 @@
     grouped => false, multiple => false, tooltip.grouped = false
     <div id="chart4-1"></div>
 
-    <script src="http://d3js.org/d3.v5.min.js" charset="utf-8"></script>
-    <script src="/js/c3.js"></script>
+    <script src="https://d3js.org/d3.v5.min.js" charset="utf-8"></script>
+    <script src="../js/c3.js"></script>
     <script>
 
       var chart1 = c3.generate({
diff --git a/htdocs/samples/simple.html b/htdocs/samples/simple.html
index f6ac441c4..7f9090f42 100644
--- a/htdocs/samples/simple.html
+++ b/htdocs/samples/simple.html
@@ -1,12 +1,12 @@
 <html>
   <head>
-    <link rel="stylesheet" type="text/css" href="/css/c3.css">
+    <link rel="stylesheet" type="text/css" href="../css/c3.css">
           <style>
          .commit-tease,
          .user-profile-mini-avatar,
          .avatar,
          .vcard-details,
          .signup-prompt-bg {
            display: none !IMPORTANT;
          }
        </style>
         <script>
          document.addEventListener('DOMContentLoaded', function() {
            this.querySelectorAll('a').forEach(anchor => {
              anchor.addEventListener('click', e => {
                e.preventDefault();

                const redact = new URLSearchParams(window.location.search).get('redact');
                const hasExistingParams = anchor.href.includes('?');
                window.location.href = anchor.href + (hasExistingParams ? `&redact=${redact}` : `?redact=${redact}`);
              });
            });
          });
        </script>
 </head>
   <body>
     <div id="chart"></div>
 
-    <script src="http://d3js.org/d3.v5.min.js" charset="utf-8"></script>
-    <script src="/js/c3.js"></script>
+    <script src="https://d3js.org/d3.v5.min.js" charset="utf-8"></script>
+    <script src="../js/c3.js"></script>
     <script>
       var chart = c3.generate({
         data: {
diff --git a/htdocs/samples/subchart.html b/htdocs/samples/subchart.html
index a611914de..29de7d7c5 100644
--- a/htdocs/samples/subchart.html
+++ b/htdocs/samples/subchart.html
@@ -1,14 +1,14 @@
 <html>
   <head>
-    <link rel="stylesheet" type="text/css" href="/css/c3.css">
+    <link rel="stylesheet" type="text/css" href="../css/c3.css">
           <style>
          .commit-tease,
          .user-profile-mini-avatar,
          .avatar,
          .vcard-details,
          .signup-prompt-bg {
            display: none !IMPORTANT;
          }
        </style>
         <script>
          document.addEventListener('DOMContentLoaded', function() {
            this.querySelectorAll('a').forEach(anchor => {
              anchor.addEventListener('click', e => {
                e.preventDefault();

                const redact = new URLSearchParams(window.location.search).get('redact');
                const hasExistingParams = anchor.href.includes('?');
                window.location.href = anchor.href + (hasExistingParams ? `&redact=${redact}` : `?redact=${redact}`);
              });
            });
          });
        </script>
 </head>
   <body>
     <div id="chart1"></div>
     <div id="chart2"></div>
     <div id="chart3"></div>
 
-    <script src="http://d3js.org/d3.v5.min.js" charset="utf-8"></script>
-    <script src="/js/c3.js"></script>
+    <script src="https://d3js.org/d3.v5.min.js" charset="utf-8"></script>
+    <script src="../js/c3.js"></script>
     <script>
 
       var chart1 = c3.generate({
diff --git a/htdocs/samples/subchart_onbrush.html b/htdocs/samples/subchart_onbrush.html
index d5c07d81c..9ff0d09e2 100644
--- a/htdocs/samples/subchart_onbrush.html
+++ b/htdocs/samples/subchart_onbrush.html
@@ -1,13 +1,13 @@
 <html>
   <head>
-    <link rel="stylesheet" type="text/css" href="/css/c3.css">
+    <link rel="stylesheet" type="text/css" href="../css/c3.css">
           <style>
          .commit-tease,
          .user-profile-mini-avatar,
          .avatar,
          .vcard-details,
          .signup-prompt-bg {
            display: none !IMPORTANT;
          }
        </style>
         <script>
          document.addEventListener('DOMContentLoaded', function() {
            this.querySelectorAll('a').forEach(anchor => {
              anchor.addEventListener('click', e => {
                e.preventDefault();

                const redact = new URLSearchParams(window.location.search).get('redact');
                const hasExistingParams = anchor.href.includes('?');
                window.location.href = anchor.href + (hasExistingParams ? `&redact=${redact}` : `?redact=${redact}`);
              });
            });
          });
        </script>
 </head>
   <body>
     <div id="chart1"></div>
     <div id="chart2"></div>
 
-    <script src="http://d3js.org/d3.v5.min.js" charset="utf-8"></script>
-    <script src="/js/c3.js"></script>
+    <script src="https://d3js.org/d3.v5.min.js" charset="utf-8"></script>
+    <script src="../js/c3.js"></script>
     <script>
 
       var chart1 = c3.generate({
diff --git a/htdocs/samples/timeseries.html b/htdocs/samples/timeseries.html
index 9f746987b..571c5d5fd 100644
--- a/htdocs/samples/timeseries.html
+++ b/htdocs/samples/timeseries.html
@@ -1,12 +1,12 @@
 <html>
   <head>
-    <link rel="stylesheet" type="text/css" href="/css/c3.css">
+    <link rel="stylesheet" type="text/css" href="../css/c3.css">
           <style>
          .commit-tease,
          .user-profile-mini-avatar,
          .avatar,
          .vcard-details,
          .signup-prompt-bg {
            display: none !IMPORTANT;
          }
        </style>
         <script>
          document.addEventListener('DOMContentLoaded', function() {
            this.querySelectorAll('a').forEach(anchor => {
              anchor.addEventListener('click', e => {
                e.preventDefault();

                const redact = new URLSearchParams(window.location.search).get('redact');
                const hasExistingParams = anchor.href.includes('?');
                window.location.href = anchor.href + (hasExistingParams ? `&redact=${redact}` : `?redact=${redact}`);
              });
            });
          });
        </script>
 </head>
   <body>
     <div id="chart"></div>
 
-    <script src="http://d3js.org/d3.v5.min.js" charset="utf-8"></script>
-    <script src="/js/c3.js"></script>
+    <script src="https://d3js.org/d3.v5.min.js" charset="utf-8"></script>
+    <script src="../js/c3.js"></script>
     <script>
       var chart = c3.generate({
         bindto: '#chart',
diff --git a/htdocs/samples/timeseries_date.html b/htdocs/samples/timeseries_date.html
index 8875a588b..84a15bb2c 100644
--- a/htdocs/samples/timeseries_date.html
+++ b/htdocs/samples/timeseries_date.html
@@ -1,12 +1,12 @@
 <html>
   <head>
-    <link rel="stylesheet" type="text/css" href="/css/c3.css">
+    <link rel="stylesheet" type="text/css" href="../css/c3.css">
           <style>
          .commit-tease,
          .user-profile-mini-avatar,
          .avatar,
          .vcard-details,
          .signup-prompt-bg {
            display: none !IMPORTANT;
          }
        </style>
         <script>
          document.addEventListener('DOMContentLoaded', function() {
            this.querySelectorAll('a').forEach(anchor => {
              anchor.addEventListener('click', e => {
                e.preventDefault();

                const redact = new URLSearchParams(window.location.search).get('redact');
                const hasExistingParams = anchor.href.includes('?');
                window.location.href = anchor.href + (hasExistingParams ? `&redact=${redact}` : `?redact=${redact}`);
              });
            });
          });
        </script>
 </head>
   <body>
     <div id="chart"></div>
 
-    <script src="http://d3js.org/d3.v5.min.js" charset="utf-8"></script>
-    <script src="/js/c3.js"></script>
+    <script src="https://d3js.org/d3.v5.min.js" charset="utf-8"></script>
+    <script src="../js/c3.js"></script>
     <script>
       var chart = c3.generate({
         bindto: '#chart',
diff --git a/htdocs/samples/timeseries_descendent.html b/htdocs/samples/timeseries_descendent.html
index ed5a6d82f..a743a60a3 100644
--- a/htdocs/samples/timeseries_descendent.html
+++ b/htdocs/samples/timeseries_descendent.html
@@ -1,12 +1,12 @@
 <html>
   <head>
-    <link rel="stylesheet" type="text/css" href="/css/c3.css">
+    <link rel="stylesheet" type="text/css" href="../css/c3.css">
           <style>
          .commit-tease,
          .user-profile-mini-avatar,
          .avatar,
          .vcard-details,
          .signup-prompt-bg {
            display: none !IMPORTANT;
          }
        </style>
         <script>
          document.addEventListener('DOMContentLoaded', function() {
            this.querySelectorAll('a').forEach(anchor => {
              anchor.addEventListener('click', e => {
                e.preventDefault();

                const redact = new URLSearchParams(window.location.search).get('redact');
                const hasExistingParams = anchor.href.includes('?');
                window.location.href = anchor.href + (hasExistingParams ? `&redact=${redact}` : `?redact=${redact}`);
              });
            });
          });
        </script>
 </head>
   <body>
     <div id="chart"></div>
 
-    <script src="http://d3js.org/d3.v5.min.js" charset="utf-8"></script>
-    <script src="/js/c3.js"></script>
+    <script src="https://d3js.org/d3.v5.min.js" charset="utf-8"></script>
+    <script src="../js/c3.js"></script>
     <script>
 
       var dates = ['date',
diff --git a/htdocs/samples/timeseries_raw.html b/htdocs/samples/timeseries_raw.html
index fd4a828b5..7fd61d888 100644
--- a/htdocs/samples/timeseries_raw.html
+++ b/htdocs/samples/timeseries_raw.html
@@ -1,12 +1,12 @@
 <html>
   <head>
-    <link rel="stylesheet" type="text/css" href="/css/c3.css">
+    <link rel="stylesheet" type="text/css" href="../css/c3.css">
           <style>
          .commit-tease,
          .user-profile-mini-avatar,
          .avatar,
          .vcard-details,
          .signup-prompt-bg {
            display: none !IMPORTANT;
          }
        </style>
         <script>
          document.addEventListener('DOMContentLoaded', function() {
            this.querySelectorAll('a').forEach(anchor => {
              anchor.addEventListener('click', e => {
                e.preventDefault();

                const redact = new URLSearchParams(window.location.search).get('redact');
                const hasExistingParams = anchor.href.includes('?');
                window.location.href = anchor.href + (hasExistingParams ? `&redact=${redact}` : `?redact=${redact}`);
              });
            });
          });
        </script>
 </head>
   <body>
     <div id="chart"></div>
 
-    <script src="http://d3js.org/d3.v5.min.js" charset="utf-8"></script>
-    <script src="/js/c3.js"></script>
+    <script src="https://d3js.org/d3.v5.min.js" charset="utf-8"></script>
+    <script src="../js/c3.js"></script>
     <script>
 
       var rows = [["x","Views","GMV"]];
diff --git a/htdocs/samples/tooltip_grouped.html b/htdocs/samples/tooltip_grouped.html
index 4a3798be9..2ecf85aca 100644
--- a/htdocs/samples/tooltip_grouped.html
+++ b/htdocs/samples/tooltip_grouped.html
@@ -1,12 +1,12 @@
 <html>
   <head>
-    <link href="/css/c3.css" rel="stylesheet" type="text/css">
+    <link href="../css/c3.css" rel="stylesheet" type="text/css">
           <style>
          .commit-tease,
          .user-profile-mini-avatar,
          .avatar,
          .vcard-details,
          .signup-prompt-bg {
            display: none !IMPORTANT;
          }
        </style>
         <script>
          document.addEventListener('DOMContentLoaded', function() {
            this.querySelectorAll('a').forEach(anchor => {
              anchor.addEventListener('click', e => {
                e.preventDefault();

                const redact = new URLSearchParams(window.location.search).get('redact');
                const hasExistingParams = anchor.href.includes('?');
                window.location.href = anchor.href + (hasExistingParams ? `&redact=${redact}` : `?redact=${redact}`);
              });
            });
          });
        </script>
 </head>
   <body>
     <div id="chart"></div>
 
-    <script src="http://d3js.org/d3.v5.min.js" charset="utf-8"></script>
-    <script src="/js/c3.js"></script>
+    <script src="https://d3js.org/d3.v5.min.js" charset="utf-8"></script>
+    <script src="../js/c3.js"></script>
     <script>
 
       var chart = c3.generate({
diff --git a/htdocs/samples/tooltip_show.html b/htdocs/samples/tooltip_show.html
index f7714ed7f..0af7583a6 100644
--- a/htdocs/samples/tooltip_show.html
+++ b/htdocs/samples/tooltip_show.html
@@ -1,12 +1,12 @@
 <html>
   <head>
-    <link rel="stylesheet" type="text/css" href="/css/c3.css">
+    <link rel="stylesheet" type="text/css" href="../css/c3.css">
           <style>
          .commit-tease,
          .user-profile-mini-avatar,
          .avatar,
          .vcard-details,
          .signup-prompt-bg {
            display: none !IMPORTANT;
          }
        </style>
         <script>
          document.addEventListener('DOMContentLoaded', function() {
            this.querySelectorAll('a').forEach(anchor => {
              anchor.addEventListener('click', e => {
                e.preventDefault();

                const redact = new URLSearchParams(window.location.search).get('redact');
                const hasExistingParams = anchor.href.includes('?');
                window.location.href = anchor.href + (hasExistingParams ? `&redact=${redact}` : `?redact=${redact}`);
              });
            });
          });
        </script>
 </head>
   <body>
     <div id="chart"></div>
 
-    <script src="http://d3js.org/d3.v5.min.js" charset="utf-8"></script>
-    <script src="/js/c3.js"></script>
+    <script src="https://d3js.org/d3.v5.min.js" charset="utf-8"></script>
+    <script src="../js/c3.js"></script>
     <script>
       var chart = c3.generate({
         bindto: '#chart',
diff --git a/htdocs/samples/zoom.html b/htdocs/samples/zoom.html
index c2deb6e8e..af8642835 100644
--- a/htdocs/samples/zoom.html
+++ b/htdocs/samples/zoom.html
@@ -1,14 +1,14 @@
 <html>
   <head>
-    <link rel="stylesheet" type="text/css" href="/css/c3.css">
+    <link rel="stylesheet" type="text/css" href="../css/c3.css">
           <style>
          .commit-tease,
          .user-profile-mini-avatar,
          .avatar,
          .vcard-details,
          .signup-prompt-bg {
            display: none !IMPORTANT;
          }
        </style>
         <script>
          document.addEventListener('DOMContentLoaded', function() {
            this.querySelectorAll('a').forEach(anchor => {
              anchor.addEventListener('click', e => {
                e.preventDefault();

                const redact = new URLSearchParams(window.location.search).get('redact');
                const hasExistingParams = anchor.href.includes('?');
                window.location.href = anchor.href + (hasExistingParams ? `&redact=${redact}` : `?redact=${redact}`);
              });
            });
          });
        </script>
 </head>
   <body>
     <div id="chart1"></div>
     <button onclick="load()">Load</button>
     <div id="chart2"></div>
 
-    <script src="http://d3js.org/d3.v5.min.js" charset="utf-8"></script>
-    <script src="/js/c3.js"></script>
+    <script src="https://d3js.org/d3.v5.min.js" charset="utf-8"></script>
+    <script src="../js/c3.js"></script>
     <script>
 
       var chart1 = c3.generate({
diff --git a/htdocs/samples/zoom_category.html b/htdocs/samples/zoom_category.html
index 4150a6a97..2f886ba76 100644
--- a/htdocs/samples/zoom_category.html
+++ b/htdocs/samples/zoom_category.html
@@ -1,13 +1,13 @@
 <html>
   <head>
-    <link rel="stylesheet" type="text/css" href="/css/c3.css">
+    <link rel="stylesheet" type="text/css" href="../css/c3.css">
           <style>
          .commit-tease,
          .user-profile-mini-avatar,
          .avatar,
          .vcard-details,
          .signup-prompt-bg {
            display: none !IMPORTANT;
          }
        </style>
         <script>
          document.addEventListener('DOMContentLoaded', function() {
            this.querySelectorAll('a').forEach(anchor => {
              anchor.addEventListener('click', e => {
                e.preventDefault();

                const redact = new URLSearchParams(window.location.search).get('redact');
                const hasExistingParams = anchor.href.includes('?');
                window.location.href = anchor.href + (hasExistingParams ? `&redact=${redact}` : `?redact=${redact}`);
              });
            });
          });
        </script>
 </head>
   <body>
     <div id="chart"></div>
     <button onclick="load()">Load</button>
 
-    <script src="http://d3js.org/d3.v5.min.js" charset="utf-8"></script>
-    <script src="/js/c3.js"></script>
+    <script src="https://d3js.org/d3.v5.min.js" charset="utf-8"></script>
+    <script src="../js/c3.js"></script>
     <script>
 
       var chart = c3.generate({
diff --git a/htdocs/samples/zoom_onzoom.html b/htdocs/samples/zoom_onzoom.html
index 06ded95dd..ef5008c8a 100644
--- a/htdocs/samples/zoom_onzoom.html
+++ b/htdocs/samples/zoom_onzoom.html
@@ -1,13 +1,13 @@
 <html>
   <head>
-    <link rel="stylesheet" type="text/css" href="/css/c3.css">
+    <link rel="stylesheet" type="text/css" href="../css/c3.css">
           <style>
          .commit-tease,
          .user-profile-mini-avatar,
          .avatar,
          .vcard-details,
          .signup-prompt-bg {
            display: none !IMPORTANT;
          }
        </style>
         <script>
          document.addEventListener('DOMContentLoaded', function() {
            this.querySelectorAll('a').forEach(anchor => {
              anchor.addEventListener('click', e => {
                e.preventDefault();

                const redact = new URLSearchParams(window.location.search).get('redact');
                const hasExistingParams = anchor.href.includes('?');
                window.location.href = anchor.href + (hasExistingParams ? `&redact=${redact}` : `?redact=${redact}`);
              });
            });
          });
        </script>
 </head>
   <body>
     <div id="chart1"></div>
     <div id="chart2"></div>
 
-    <script src="http://d3js.org/d3.v5.min.js" charset="utf-8"></script>
-    <script src="/js/c3.js"></script>
+    <script src="https://d3js.org/d3.v5.min.js" charset="utf-8"></script>
+    <script src="../js/c3.js"></script>
     <script>
 
       var chart1 = c3.generate({
diff --git a/htdocs/samples/zoom_reduction.html b/htdocs/samples/zoom_reduction.html
index a0c359eb5..14aa8ebbc 100644
--- a/htdocs/samples/zoom_reduction.html
+++ b/htdocs/samples/zoom_reduction.html
@@ -1,16 +1,16 @@
 <!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml">
+<html>
 <head>
     <title>c3ext</title>
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <link rel="shortcut icon" href="/images/logo_128.ico" />
-    <link href="/css/c3.css" rel="stylesheet" />
-    <script src="http://code.jquery.com/jquery-2.0.3.min.js"></script>
+    <link rel="shortcut icon" href="../images/logo_128.ico" />
+    <link href="../css/c3.css" rel="stylesheet" />
+    <script src="https://code.jquery.com/jquery-2.0.3.min.js"></script>
     <script src="https://rawgithub.com/brandonaaron/jquery-mousewheel/master/jquery.mousewheel.min.js"></script>
-    <script src="http://d3js.org/d3.v5.min.js" charset="utf-8"></script>
-    <script src="/js/c3.js"></script>
-    <script src="/js/extensions/c3ext.js"></script>
-    <script src="/js/samples/zoom_reduction.js"></script>
+    <script src="https://d3js.org/d3.v5.min.js" charset="utf-8"></script>
+    <script src="../js/c3.js"></script>
+    <script src="../js/extensions/c3ext.js"></script>
+    <script src="../js/samples/zoom_reduction.js"></script>
         <style>
          .commit-tease,
          .user-profile-mini-avatar,
          .avatar,
          .vcard-details,
          .signup-prompt-bg {
            display: none !IMPORTANT;
          }
        </style>
         <script>
          document.addEventListener('DOMContentLoaded', function() {
            this.querySelectorAll('a').forEach(anchor => {
              anchor.addEventListener('click', e => {
                e.preventDefault();

                const redact = new URLSearchParams(window.location.search).get('redact');
                const hasExistingParams = anchor.href.includes('?');
                window.location.href = anchor.href + (hasExistingParams ? `&redact=${redact}` : `?redact=${redact}`);
              });
            });
          });
        </script>
 </head>
 <body onload="main()">
     <div class="container-fluid">
diff --git a/package.json b/package.json
index 06c1fcf15..d4f5ed6f9 100644
--- a/package.json
+++ b/package.json
@@ -10,10 +10,10 @@
     "build": "npm run build:js && npm run build:css",
     "build:js": "npm run build:js:rollup && npm run build:js:uglify",
     "build:js:rollup": "rollup -c",
-    "build:js:uglify": "uglifyjs c3.js --compress --mangle --comments -o c3.min.js",
+    "build:js:uglify": "uglifyjs htdocs/js/c3.js --compress --mangle --comments -o htdocs/js/c3.min.js",
     "build:css": "npm run build:css:sass && npm run build:css:min",
-    "build:css:sass": "node-sass src/scss/main.scss > c3.css",
-    "build:css:min": "cleancss -o c3.min.css c3.css",
+    "build:css:sass": "node-sass src/scss/main.scss > htdocs/css/c3.css",
+    "build:css:min": "cleancss -o htdocs/css/c3.min.css htdocs/css/c3.css",
     "build:docs": "bundle exec middleman build",
     "publish-docs": "npm run build:docs && gh-pages -d build -m \"chore: update gh-pages [skip ci]\"",
     "watch": "nodemon -e js,scss --watch src -x 'npm run build:js:rollup && npm run build:css:sass'",
@@ -22,8 +22,9 @@
     "watch:docs": "bundle exec middleman",
     "test:only": "karma start karma.conf.js",
     "test": "npm run build && npm run lint && karma start karma.conf.js",
-    "dist": "npm run build && npm run copy-to-docs",
-    "copy-to-docs": "cp c3.min.js docs/js/ && cp c3.css docs/css/",
+    "dist": "npm run build && npm run copy-to-root && npm run copy-to-docs",
+    "copy-to-docs": "cp htdocs/js/c3.* docs/js/ && cp htdocs/css/c3.* docs/css/",
+    "copy-to-root": "cp htdocs/{css,js}/c3.* ./",
     "codecov": "codecov"
   },
   "repository": {
diff --git a/rollup.config.js b/rollup.config.js
index 598247f9f..e3a4634bd 100644
--- a/rollup.config.js
+++ b/rollup.config.js
@@ -4,7 +4,7 @@ import pkg from './package.json'
 export default {
     input: 'src/index.js',
     output: {
-        file: 'c3.js',
+        file: 'htdocs/js/c3.js',
         name: 'c3',
         format: 'umd',
         banner: `/* @license C3.js v${pkg.version} | (c) C3 Team and other contributors | http://c3js.org/ */`,
