[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 bd29ee18c1.
7 years ago · aa49e6d538
101 changed files with 312 additions and 301 deletions
--- 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
--- 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
--- a/htdocs/css/c3.css
+++ b/htdocs/css/c3.css
@ -1 +0,0 @@
-../../c3.css
--- a/htdocs/js/c3.js
+++ b/htdocs/js/c3.js
@ -1 +0,0 @@
-../../c3.js
--- a/htdocs/js/c3.min.js
+++ b/htdocs/js/c3.min.js
@ -1 +0,0 @@
-../../c3.min.js
--- 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: {
--- 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: {
--- 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({
--- 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({
--- 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({
--- 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 = {};
--- 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 = [];
--- 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: {
--- 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({
--- 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 = "";
--- 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',
--- 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({
--- 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: {
--- 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({
--- 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({
--- 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;
--- 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({
--- 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({
--- 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: {
--- 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: {
--- 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: {
--- 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({
--- 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: {
--- 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: {
--- 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: {
--- 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',
--- 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({
--- 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({
--- 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({
--- 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({
--- 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({
--- 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({
--- 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({
--- 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: {
--- 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: {
--- 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({
--- 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',
--- 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: {
--- 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: {
--- 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: {
--- 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: {
--- 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: {
--- 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;
--- 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: {
--- 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: {
--- 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: {
--- 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: {
--- 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',
--- 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',
--- 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',
--- 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: {
--- 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: {
--- 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({
--- 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({
--- 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: {
--- 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({
--- 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: {
--- 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',
--- 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',
--- 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: {
--- 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({
--- 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: {
--- 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 = {
--- 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({
--- 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({
--- 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({
--- 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({
--- 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({
--- 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]],
--- 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 = [
--- 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({
--- 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 = [];
--- 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 = {
--- 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;
--- 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: {
--- 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',
--- 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',
--- 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: {
--- 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({
--- 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>
--- 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({
--- 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: {
--- 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({
--- 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({
--- 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',
--- 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',
--- 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',
--- 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"]];
--- 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({
--- 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',
--- 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({
--- 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({
--- 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({
--- 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">
--- 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": {
--- a/Show More
+++ b/Show More