diff --git a/htdocs/samples/api_axis_label.html b/htdocs/samples/api_axis_label.html
index c42e9eb..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="https://d3js.org/d3.v5.min.js" charset="utf-8"></script>
-    <script src="/js/c3.js"></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 162c6c5..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="https://d3js.org/d3.v5.min.js" charset="utf-8"></script>
-    <script src="/js/c3.js"></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 f69beb9..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="https://d3js.org/d3.v5.min.js" charset="utf-8"></script>
-    <script src="/js/c3.js"></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 bbfc935..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="https://d3js.org/d3.v5.min.js" charset="utf-8"></script>
-    <script src="/js/c3.js"></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 e73086a..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;
@@ -12,7 +12,7 @@
     <div id="chart"></div>
 
     <script src="https://d3js.org/d3.v5.min.js" charset="utf-8"></script>
-    <script src="/js/c3.js"></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 cb568b4..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="https://d3js.org/d3.v5.min.js" charset="utf-8"></script>
-    <script src="/js/c3.js"></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 ca927c3..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="https://d3js.org/d3.v5.min.js" charset="utf-8"></script>
-    <script src="/js/c3.js"></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 6dfc05a..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="https://d3js.org/d3.v5.min.js" charset="utf-8"></script>
-    <script src="/js/c3.js"></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 40b5f89..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="https://d3js.org/d3.v5.min.js" charset="utf-8"></script>
-    <script src="/js/c3.js"></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 0b5f376..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="https://d3js.org/d3.v5.min.js" charset="utf-8"></script>
-    <script src="/js/c3.js"></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 0890098..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="https://d3js.org/d3.v5.min.js" charset="utf-8"></script>
-    <script src="/js/c3.js"></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 4733964..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="https://d3js.org/d3.v5.min.js" charset="utf-8"></script>
-    <script src="/js/c3.js"></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 96ec556..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="https://d3js.org/d3.v5.min.js" charset="utf-8"></script>
-    <script src="/js/c3.js"></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 337603b..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="https://d3js.org/d3.v5.min.js" charset="utf-8"></script>
-    <script src="/js/c3.js"></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 f4183ed..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="https://d3js.org/d3.v5.min.js" charset="utf-8"></script>
-    <script src="/js/c3.js"></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 293aa7a..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="https://d3js.org/d3.v5.min.js" charset="utf-8"></script>
-    <script src="/js/c3.js"></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 441c708..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="https://d3js.org/d3.v5.min.js" charset="utf-8"></script>
-    <script src="/js/c3.js"></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 849f83b..f23eb87 100644
--- a/htdocs/samples/axes_x_selection.html
+++ b/htdocs/samples/axes_x_selection.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>
@@ -8,7 +8,7 @@
     <div id="chart3"></div>
 
     <script src="https://d3js.org/d3.v5.min.js" charset="utf-8"></script>
-    <script src="/js/c3.js"></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 1321bae..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="https://d3js.org/d3.v5.min.js" charset="utf-8"></script>
-    <script src="/js/c3.js"></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 fb1962b..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="https://d3js.org/d3.v5.min.js" charset="utf-8"></script>
-    <script src="/js/c3.js"></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 1833de5..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="https://d3js.org/d3.v5.min.js" charset="utf-8"></script>
-    <script src="/js/c3.js"></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 fffd341..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="https://d3js.org/d3.v5.min.js" charset="utf-8"></script>
-    <script src="/js/c3.js"></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 90c9429..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="https://d3js.org/d3.v5.min.js" charset="utf-8"></script>
-    <script src="/js/c3.js"></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 1fd898f..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="https://d3js.org/d3.v5.min.js" charset="utf-8"></script>
-    <script src="/js/c3.js"></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 c9c1f12..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="https://d3js.org/d3.v5.min.js" charset="utf-8"></script>
-    <script src="/js/c3.js"></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 ea004c6..eaf9282 100644
--- a/htdocs/samples/bindto.html
+++ b/htdocs/samples/bindto.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" style="height:300px;"></div>
@@ -8,7 +8,7 @@
     <div class="chart3" style="height:150px;"></div>
 
     <script src="https://d3js.org/d3.v5.min.js" charset="utf-8"></script>
-    <script src="/js/c3.js"></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 cc7e583..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="https://d3js.org/d3.v5.min.js" charset="utf-8"></script>
-    <script src="/js/c3.js"></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 84e6ab8..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>
@@ -15,7 +15,7 @@
     <div id="chart5"></div>
 
     <script src="https://d3js.org/d3.v5.min.js" charset="utf-8"></script>
-    <script src="/js/c3.js"></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 6e9931a..aa8c028 100644
--- a/htdocs/samples/chart_area_spline.html
+++ b/htdocs/samples/chart_area_spline.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>
@@ -8,7 +8,7 @@
     <div id="chart3"></div>
 
     <script src="https://d3js.org/d3.v5.min.js" charset="utf-8"></script>
-    <script src="/js/c3.js"></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 4395881..9f504f5 100644
--- a/htdocs/samples/chart_area_spline_stacked.html
+++ b/htdocs/samples/chart_area_spline_stacked.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>
@@ -8,7 +8,7 @@
     <div id="chart3"></div>
 
     <script src="https://d3js.org/d3.v5.min.js" charset="utf-8"></script>
-    <script src="/js/c3.js"></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 dfdb9c5..e1a6e8f 100644
--- a/htdocs/samples/chart_area_stacked.html
+++ b/htdocs/samples/chart_area_stacked.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>
@@ -8,7 +8,7 @@
     <div id="chart3"></div>
 
     <script src="https://d3js.org/d3.v5.min.js" charset="utf-8"></script>
-    <script src="/js/c3.js"></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 7356500..ea8d574 100644
--- a/htdocs/samples/chart_area_step.html
+++ b/htdocs/samples/chart_area_step.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>
@@ -8,7 +8,7 @@
     <div id="chart3"></div>
 
     <script src="https://d3js.org/d3.v5.min.js" charset="utf-8"></script>
-    <script src="/js/c3.js"></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 0f0d42f..651268f 100644
--- a/htdocs/samples/chart_area_step_stacked.html
+++ b/htdocs/samples/chart_area_step_stacked.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>
@@ -8,7 +8,7 @@
     <div id="chart3"></div>
 
     <script src="https://d3js.org/d3.v5.min.js" charset="utf-8"></script>
-    <script src="/js/c3.js"></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 a5465cc..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="https://d3js.org/d3.v5.min.js" charset="utf-8"></script>
-    <script src="/js/c3.js"></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 9e670f7..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="https://d3js.org/d3.v5.min.js" charset="utf-8"></script>
-    <script src="/js/c3.js"></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 7e7385f..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="https://d3js.org/d3.v5.min.js" charset="utf-8"></script>
-    <script src="/js/c3.js"></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 d1a9b9c..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="https://d3js.org/d3.v5.min.js" charset="utf-8"></script>
-    <script src="/js/c3.js"></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 801b333..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="https://d3js.org/d3.v5.min.js" charset="utf-8"></script>
-    <script src="/js/c3.js"></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 e1906d5..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="https://d3js.org/d3.v5.min.js" charset="utf-8"></script>
-    <script src="/js/c3.js"></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 7660df4..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>
@@ -9,7 +9,7 @@
     <div id="chart3"></div>
 
     <script src="https://d3js.org/d3.v5.min.js" charset="utf-8"></script>
-    <script src="/js/c3.js"></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 2febe49..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="https://d3js.org/d3.v5.min.js" charset="utf-8"></script>
-    <script src="/js/c3.js"></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 c3a9c03..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="https://d3js.org/d3.v5.min.js" charset="utf-8"></script>
-    <script src="/js/c3.js"></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 a01ccab..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="https://d3js.org/d3.v5.min.js" charset="utf-8"></script>
-    <script src="/js/c3.js"></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 d9bcd43..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="https://d3js.org/d3.v5.min.js" charset="utf-8"></script>
-    <script src="/js/c3.js"></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 5c3cf39..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="https://d3js.org/d3.v5.min.js" charset="utf-8"></script>
-    <script src="/js/c3.js"></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 66e5ef0..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="https://d3js.org/d3.v5.min.js" charset="utf-8"></script>
-    <script src="/js/c3.js"></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 6942d8d..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="https://d3js.org/d3.v5.min.js" charset="utf-8"></script>
-    <script src="/js/c3.js"></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 a0ba59f..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="https://d3js.org/d3.v5.min.js" charset="utf-8"></script>
-    <script src="/js/c3.js"></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 58b9128..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="https://d3js.org/d3.v5.min.js" charset="utf-8"></script>
-    <script src="/js/c3.js"></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 820e00d..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="https://d3js.org/d3.v5.min.js" charset="utf-8"></script>
-    <script src="/js/c3.js"></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 8ffff9f..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="https://d3js.org/d3.v5.min.js" charset="utf-8"></script>
-    <script src="/js/c3.js"></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 78ed322..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="https://d3js.org/d3.v5.min.js" charset="utf-8"></script>
-    <script src="/js/c3.js"></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 93fdacf..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="https://d3js.org/d3.v5.min.js" charset="utf-8"></script>
-    <script src="/js/c3.js"></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 e70690d..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>
@@ -16,7 +16,7 @@
     <div id="chart11"></div>
 
     <script src="https://d3js.org/d3.v5.min.js" charset="utf-8"></script>
-    <script src="/js/c3.js"></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 6fba3c7..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="https://d3js.org/d3.v5.min.js" charset="utf-8"></script>
-    <script src="/js/c3.js"></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 adc65bb..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="https://d3js.org/d3.v5.min.js" charset="utf-8"></script>
-    <script src="/js/c3.js"></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 31a3716..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="https://d3js.org/d3.v5.min.js" charset="utf-8"></script>
-    <script src="/js/c3.js"></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 3fb49c6..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="https://d3js.org/d3.v5.min.js" charset="utf-8"></script>
-    <script src="/js/c3.js"></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 c863a8b..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="https://d3js.org/d3.v5.min.js" charset="utf-8"></script>
-    <script src="/js/c3.js"></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 5aaf3ed..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="https://d3js.org/d3.v5.min.js" charset="utf-8"></script>
-    <script src="/js/c3.js"></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 1319774..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="https://d3js.org/d3.v5.min.js" charset="utf-8"></script>
-    <script src="/js/c3.js"></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 258a85e..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="https://d3js.org/d3.v5.min.js" charset="utf-8"></script>
-    <script src="/js/c3.js"></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 4a2acdb..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>
@@ -11,7 +11,7 @@
     <div id="chart3"></div>
 
     <script src="https://d3js.org/d3.v5.min.js" charset="utf-8"></script>
-    <script src="/js/c3.js"></script>
+    <script src="../js/c3.js"></script>
     <script>
 
       var normalData = {
diff --git a/htdocs/samples/element.html b/htdocs/samples/element.html
index cfc06eb..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="..//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 src="../js/c3.js"></script>
     <script>
 
       var chart1 = c3.generate({
diff --git a/htdocs/samples/emptydata.html b/htdocs/samples/emptydata.html
index 9e699bb..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="https://d3js.org/d3.v5.min.js" charset="utf-8"></script>
-    <script src="/js/c3.js"></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 c2ed802..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="https://d3js.org/d3.v5.min.js" charset="utf-8"></script>
-    <script src="/js/c3.js"></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 e926ca8..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="https://d3js.org/d3.v5.min.js" charset="utf-8"></script>
-    <script src="/js/c3.js"></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 86f0c50..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="https://d3js.org/d3.v5.min.js" charset="utf-8"></script>
-    <script src="/js/c3.js"></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 00b778d..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>
@@ -11,7 +11,7 @@
     <div id="chart6"></div>
 
     <script src="https://d3js.org/d3.v5.min.js" charset="utf-8"></script>
-    <script src="/js/c3.js"></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 a4bf2c1..ee44f37 100644
--- a/htdocs/samples/grids_timeseries.html
+++ b/htdocs/samples/grids_timeseries.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>
@@ -8,7 +8,7 @@
     <div id="chart3"></div>
 
     <script src="https://d3js.org/d3.v5.min.js" charset="utf-8"></script>
-    <script src="/js/c3.js"></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 9b1a831..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="https://d3js.org/d3.v5.min.js" charset="utf-8"></script>
-    <script src="/js/c3.js"></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 780d9c3..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>
@@ -11,7 +11,7 @@
     <div id="chart6"></div>
 
     <script src="https://d3js.org/d3.v5.min.js" charset="utf-8"></script>
-    <script src="/js/c3.js"></script>
+    <script src="../js/c3.js"></script>
     <script>
 
       var columns = [];
diff --git a/htdocs/samples/padding.html b/htdocs/samples/padding.html
index 9db78cc..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 {
@@ -22,7 +22,7 @@
     <div id="chart10"></div>
 
     <script src="https://d3js.org/d3.v5.min.js" charset="utf-8"></script>
-    <script src="/js/c3.js"></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 420688f..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="https://d3js.org/d3.v5.min.js" charset="utf-8"></script>
-    <script src="/js/c3.js"></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 c8b5494..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="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 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 368709e..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="https://d3js.org/d3.v5.min.js" charset="utf-8"></script>
-    <script src="/js/c3.js"></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 5905146..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="https://d3js.org/d3.v5.min.js" charset="utf-8"></script>
-    <script src="/js/c3.js"></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 cae1966..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="https://d3js.org/d3.v5.min.js" charset="utf-8"></script>
-    <script src="/js/c3.js"></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 399242a..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="https://d3js.org/d3.v5.min.js" charset="utf-8"></script>
-    <script src="/js/c3.js"></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 8d62040..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
@@ -28,7 +28,7 @@
     <div id="chart4-1"></div>
 
     <script src="https://d3js.org/d3.v5.min.js" charset="utf-8"></script>
-    <script src="/js/c3.js"></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 bcc81b9..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="https://d3js.org/d3.v5.min.js" charset="utf-8"></script>
-    <script src="/js/c3.js"></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 5b64a90..29de7d7 100644
--- a/htdocs/samples/subchart.html
+++ b/htdocs/samples/subchart.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>
@@ -8,7 +8,7 @@
     <div id="chart3"></div>
 
     <script src="https://d3js.org/d3.v5.min.js" charset="utf-8"></script>
-    <script src="/js/c3.js"></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 b101a47..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="https://d3js.org/d3.v5.min.js" charset="utf-8"></script>
-    <script src="/js/c3.js"></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 5a8c29b..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="https://d3js.org/d3.v5.min.js" charset="utf-8"></script>
-    <script src="/js/c3.js"></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 4627c36..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="https://d3js.org/d3.v5.min.js" charset="utf-8"></script>
-    <script src="/js/c3.js"></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 4f937b5..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="https://d3js.org/d3.v5.min.js" charset="utf-8"></script>
-    <script src="/js/c3.js"></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 1cf25c2..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="https://d3js.org/d3.v5.min.js" charset="utf-8"></script>
-    <script src="/js/c3.js"></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 77134bb..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="https://d3js.org/d3.v5.min.js" charset="utf-8"></script>
-    <script src="/js/c3.js"></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 b44bad9..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="https://d3js.org/d3.v5.min.js" charset="utf-8"></script>
-    <script src="/js/c3.js"></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 d435642..af86428 100644
--- a/htdocs/samples/zoom.html
+++ b/htdocs/samples/zoom.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>
@@ -8,7 +8,7 @@
     <div id="chart2"></div>
 
     <script src="https://d3js.org/d3.v5.min.js" charset="utf-8"></script>
-    <script src="/js/c3.js"></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 b4b1704..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="https://d3js.org/d3.v5.min.js" charset="utf-8"></script>
-    <script src="/js/c3.js"></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 e290182..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="https://d3js.org/d3.v5.min.js" charset="utf-8"></script>
-    <script src="/js/c3.js"></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 41b4a2c..14aa8eb 100644
--- a/htdocs/samples/zoom_reduction.html
+++ b/htdocs/samples/zoom_reduction.html
@@ -3,14 +3,14 @@
 <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" />
+    <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="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>
+    <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">
