From aa49e6d538fd60b1298b2986eb085b0d95e3e9be Mon Sep 17 00:00:00 2001
From: Yoshiya Hinosawa <stibium121@gmail.com>
Date: Mon, 23 Jul 2018 23:06:13 +0900
Subject: [PATCH] [WIP] Store artifacts on circleci (#2424)

* chore: store artifacts on circleci

* chore: update http:// to https://

* chore: update references to relative

* chore: status-back from circleci

* chore: update node version

* Revert "chore: status-back from circleci"

This reverts commit bd29ee18c15d6376a96037f4f4ffc565208fe6e1.
---
 .circleci/config.yml                            |  9 ++++++---
 .gitignore                                      | 12 +++++++++++-
 htdocs/css/c3.css                               |  1 -
 htdocs/js/c3.js                                 |  1 -
 htdocs/js/c3.min.js                             |  1 -
 htdocs/samples/api_axis_label.html              |  6 +++---
 htdocs/samples/api_axis_range.html              |  6 +++---
 htdocs/samples/api_category.html                |  6 +++---
 htdocs/samples/api_data_colors.html             |  6 +++---
 htdocs/samples/api_flow.html                    |  6 +++---
 htdocs/samples/api_flow_timeseries.html         |  6 +++---
 htdocs/samples/api_legend.html                  |  6 +++---
 htdocs/samples/api_tooltip_show.html            |  6 +++---
 htdocs/samples/api_transform.html               |  6 +++---
 htdocs/samples/api_xgrid_lines.html             |  6 +++---
 htdocs/samples/api_ygrid_lines.html             |  6 +++---
 htdocs/samples/api_zoom.html                    |  6 +++---
 htdocs/samples/area_zerobased.html              |  6 +++---
 htdocs/samples/axes_padding.html                |  6 +++---
 htdocs/samples/axes_range.html                  |  6 +++---
 htdocs/samples/axes_x_localtime.html            |  6 +++---
 htdocs/samples/axes_x_range_timeseries.html     |  6 +++---
 htdocs/samples/axes_x_selection.html            |  6 +++---
 htdocs/samples/axes_x_tick_culling.html         |  6 +++---
 htdocs/samples/axes_x_tick_fit.html             |  6 +++---
 htdocs/samples/axes_x_tick_rotate.html          |  6 +++---
 htdocs/samples/axes_x_tick_values.html          |  6 +++---
 htdocs/samples/axes_y2.html                     |  6 +++---
 htdocs/samples/axes_y_default.html              |  6 +++---
 htdocs/samples/bar_zerobased.html               |  6 +++---
 htdocs/samples/bindto.html                      |  6 +++---
 htdocs/samples/categorized.html                 |  6 +++---
 htdocs/samples/chart_area.html                  |  6 +++---
 htdocs/samples/chart_area_spline.html           |  6 +++---
 htdocs/samples/chart_area_spline_stacked.html   |  6 +++---
 htdocs/samples/chart_area_stacked.html          |  6 +++---
 htdocs/samples/chart_area_step.html             |  6 +++---
 htdocs/samples/chart_area_step_stacked.html     |  6 +++---
 htdocs/samples/chart_bar.html                   |  6 +++---
 htdocs/samples/chart_bar_max_width.html         |  6 +++---
 htdocs/samples/chart_bar_space.html             |  6 +++---
 htdocs/samples/chart_bar_stacked.html           |  6 +++---
 htdocs/samples/chart_combination.html           |  6 +++---
 htdocs/samples/chart_donut.html                 |  6 +++---
 htdocs/samples/chart_gauge.html                 |  6 +++---
 htdocs/samples/chart_multi_arc_gauge.html       |  6 +++---
 htdocs/samples/chart_pie.html                   |  6 +++---
 htdocs/samples/chart_pie_sort.html              |  6 +++---
 htdocs/samples/chart_scatter.html               |  6 +++---
 htdocs/samples/chart_spline.html                |  6 +++---
 htdocs/samples/chart_step.html                  |  6 +++---
 htdocs/samples/chart_step_category.html         |  6 +++---
 htdocs/samples/custom_x_categorized.html        |  6 +++---
 htdocs/samples/custom_x_scale.html              |  6 +++---
 htdocs/samples/custom_xs_scale.html             |  6 +++---
 htdocs/samples/data_columned.html               |  6 +++---
 htdocs/samples/data_hide.html                   |  6 +++---
 htdocs/samples/data_json.html                   |  6 +++---
 htdocs/samples/data_label.html                  |  6 +++---
 htdocs/samples/data_label_format.html           |  6 +++---
 htdocs/samples/data_load.html                   |  6 +++---
 htdocs/samples/data_load_timeseries.html        |  6 +++---
 htdocs/samples/data_region.html                 |  6 +++---
 htdocs/samples/data_region_timeseries.html      |  6 +++---
 htdocs/samples/data_rowed.html                  |  6 +++---
 htdocs/samples/data_url.html                    |  6 +++---
 htdocs/samples/different_category_datasets.html |  6 +++---
 htdocs/samples/domain_y.html                    |  6 +++---
 htdocs/samples/element.html                     |  8 ++++----
 htdocs/samples/emptydata.html                   |  6 +++---
 htdocs/samples/grid_focus.html                  |  6 +++---
 htdocs/samples/grid_x_lines.html                |  6 +++---
 htdocs/samples/grid_x_lines_timeseries.html     |  6 +++---
 htdocs/samples/grids.html                       |  6 +++---
 htdocs/samples/grids_timeseries.html            |  6 +++---
 htdocs/samples/interaction_enabled.html         |  6 +++---
 htdocs/samples/legend.html                      |  6 +++---
 htdocs/samples/padding.html                     |  6 +++---
 htdocs/samples/padding_update.html              |  6 +++---
 htdocs/samples/plugin.html                      |  8 ++++----
 htdocs/samples/point_r.html                     |  6 +++---
 htdocs/samples/point_show.html                  |  6 +++---
 htdocs/samples/regions.html                     |  6 +++---
 htdocs/samples/regions_timeseries.html          |  6 +++---
 htdocs/samples/requirejs.html                   |  4 ++--
 htdocs/samples/selection.html                   |  6 +++---
 htdocs/samples/simple.html                      |  6 +++---
 htdocs/samples/subchart.html                    |  6 +++---
 htdocs/samples/subchart_onbrush.html            |  6 +++---
 htdocs/samples/timeseries.html                  |  6 +++---
 htdocs/samples/timeseries_date.html             |  6 +++---
 htdocs/samples/timeseries_descendent.html       |  6 +++---
 htdocs/samples/timeseries_raw.html              |  6 +++---
 htdocs/samples/tooltip_grouped.html             |  6 +++---
 htdocs/samples/tooltip_show.html                |  6 +++---
 htdocs/samples/zoom.html                        |  6 +++---
 htdocs/samples/zoom_category.html               |  6 +++---
 htdocs/samples/zoom_onzoom.html                 |  6 +++---
 htdocs/samples/zoom_reduction.html              | 16 ++++++++--------
 package.json                                    | 11 ++++++-----
 rollup.config.js                                |  2 +-
 101 files changed, 312 insertions(+), 301 deletions(-)
 delete mode 120000 htdocs/css/c3.css
 delete mode 120000 htdocs/js/c3.js
 delete mode 120000 htdocs/js/c3.min.js

diff --git a/.circleci/config.yml b/.circleci/config.yml
index 924a800..cc2862b 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 a3f800e..dfafee4 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 4052640..0000000
--- 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 644b352..0000000
--- 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 a221dd2..0000000
--- 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 db45860..49301d6 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">
   </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 0d931c4..c041874 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">
   </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 71d4584..2952460 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">
   </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 3761446..3340870 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">
   </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 a39386c..c0d4c56 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 3b4c9a9..dc46a92 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">
   </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 005faf2..e1a08f1 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">
   </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 afed345..00a6826 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">
   </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 b9d7175..c6fc181 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">
   </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 37fc508..6f657b3 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">
   </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 69219ea..b3d2e13 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">
   </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 0c659dc..5cba3ab 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">
   </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 781ca0c..e8b364f 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">
   </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 a750b69..7f28f6e 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">
   </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 9342064..18faec5 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">
   </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 c952d58..9281b3c 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">
   </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 77c8e39..763a007 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">
   </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 65ec840..f23eb87 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">
   </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 42404c0..00c5e92 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">
   </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 5a963b3..7dde158 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">
   </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 f53e859..422390e 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">
   </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 b6d3de8..ad0eced 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">
   </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 4c47d41..d868e51 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">
   </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 bdfbf8c..4143022 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">
   </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 25f9b3a..37005ef 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">
   </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 776746f..eaf9282 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">
   </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 77b7ace..00d835b 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">
   </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 216153c..a63b470 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">
   </head>
   <body>
     <h3>Zerobased</h3>
@@ -14,8 +14,8 @@
     <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 a227b4e..aa8c028 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">
   </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 287ebe9..9f504f5 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">
   </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 bc20c86..e1a6e8f 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">
   </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 60f245e..ea8d574 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">
   </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 a497dc1..651268f 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">
   </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 101ffdf..ec9531a 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">
   </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 8643d20..79ad6dd 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">
   </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 6a93290..5c58983 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">
   </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 35dc0f5..4c370ae 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">
   </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 3ebd8bb..5dd7be3 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">
   </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 a1d21ec..7b6b784 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">
   </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 36c67c3..2832254 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">
   </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 554765e..19e77f7 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">
   </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 cc8a2a0..cf05c6d 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">
   </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 1c90c7f..32c20ab 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">
   </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 81a4b4e..583f42c 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">
   </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 ab9827b..ca1f5c8 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">
   </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 9ff229e..421d673 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">
   </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 fa2979c..f1ab752 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">
   </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 c16ab44..2b5d557 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">
   </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 8b6c685..de03be6 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">
   </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 2036c25..2a9fed7 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">
   </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 d8de8af..896080b 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">
   </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 c33d6b2..76b7152 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">
   </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 5bf5e2e..61460af 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">
   </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 5ac72ea..1137a8a 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">
   </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 f38c2dd..253be4f 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">
   </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 00823b3..ad1d703 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">
   </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 b556176..b4ed359 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">
   </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 9372c76..1312f37 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">
   </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 6be6fe8..8d11028 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">
   </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 e58d884..92d375e 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">
   </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 20aaeeb..ba0d8c3 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">
   </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 4c8c276..80687f1 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">
   </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 532fe28..4b87663 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">
   </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 9a475ce..840c187 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">
   </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 a7a3dcb..251fc29 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">
   </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 8331a87..71f18fb 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">
   </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 f95f1e6..e5d026f 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">
   </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 b639eb9..ea4ae81 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">
   </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 aa50169..32b461e 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">
   </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 dc1706f..ee44f37 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">
   </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 1a5d521..9c22100 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">
   </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 5b401f7..a8f590c 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">
   </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 198138b..0c45637 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 0292f3a..377b957 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">
   </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 5534add..ce3fa9d 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">
   </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 b06853c..045fa6d 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">
   </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 d426cb7..7919dbd 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">
   </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 691de72..b5f97dc 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">
   </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 39549cf..222189c 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">
   </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 001aee7..363eea7 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>
   </head>
   <body>
     <div id="chart"></div>
diff --git a/htdocs/samples/selection.html b/htdocs/samples/selection.html
index 2535aaf..0b7c96a 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">
   </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 f6ac441..7f9090f 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">
   </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 a611914..29de7d7 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">
   </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 d5c07d8..9ff0d09 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">
   </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 9f74698..571c5d5 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">
   </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 8875a58..84a15bb 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">
   </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 ed5a6d8..a743a60 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">
   </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 fd4a828..7fd61d8 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">
   </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 4a3798b..2ecf85a 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">
   </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 f7714ed..0af7583 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">
   </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 c2deb6e..af86428 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">
   </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 4150a6a..2f886ba 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">
   </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 06ded95..ef5008c 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">
   </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 a0c359e..14aa8eb 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>
 </head>
 <body onload="main()">
     <div class="container-fluid">
diff --git a/package.json b/package.json
index 06c1fcf..d4f5ed6 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 598247f..e3a4634 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/ */`,