diff --git a/docs/async.html b/docs/async.html
index ea90d7e..c86cd38 100644
--- a/docs/async.html
+++ b/docs/async.html
@@ -2,11 +2,13 @@
 
 title: Async
 
+
 keywords: fastai
 sidebar: home_sidebar
 
 summary: "Async toolset"
 description: "Async toolset"
+nb_path: "nbs/03_async.ipynb"
 ---
 <!--
 
@@ -37,13 +39,6 @@ <h2 id="Async-class">Async class<a class="anchor-link" href="#Async-class"> </a>
     
 <div class="cell border-box-sizing code_cell rendered">
 
-</div>
-    {% endraw %}
-
-    {% raw %}
-    
-<div class="cell border-box-sizing code_cell rendered">
-
 <div class="output_wrapper">
 <div class="output">
 
@@ -51,7 +46,7 @@ <h2 id="Async-class">Async class<a class="anchor-link" href="#Async-class"> </a>
 
 
 <div class="output_markdown rendered_html output_subarea ">
-<h4 id="Async" class="doc_header"><code>Async</code><a href="__main__.py#L4" class="source_link" style="float:right">[source]</a></h4><blockquote><p><code>Async</code>(<strong><code>func</code></strong>:<code>Callable</code>)</p>
+<h4 id="Async" class="doc_header"><code>Async</code><a href="https://github.com/raynardj/forgebox/tree/master/forgebox/asyncing.py#L8" class="source_link" style="float:right">[source]</a></h4><blockquote><p><code>Async</code>(<strong><code>func</code></strong>:<code>Callable</code>)</p>
 </blockquote>
 <p>JS style async tool
 def download_file(url):
@@ -68,6 +63,13 @@ <h4 id="Async" class="doc_header"><code>Async</code><a href="__main__.py#L4" cla
 </div>
 </div>
 
+</div>
+    {% endraw %}
+
+    {% raw %}
+    
+<div class="cell border-box-sizing code_cell rendered">
+
 </div>
     {% endraw %}
 
diff --git a/docs/bert_visualize.html b/docs/bert_visualize.html
index e84489f..59e1a0d 100644
--- a/docs/bert_visualize.html
+++ b/docs/bert_visualize.html
@@ -2,11 +2,13 @@
 
 title: Bert Visualize
 
+
 keywords: fastai
 sidebar: home_sidebar
 
 summary: "Visualize masked language modeling transformer model"
 description: "Visualize masked language modeling transformer model"
+nb_path: "nbs/bert_visualize.ipynb"
 ---
 <!--
 
@@ -121,13 +123,6 @@
     
 <div class="cell border-box-sizing code_cell rendered">
 
-</div>
-    {% endraw %}
-
-    {% raw %}
-    
-<div class="cell border-box-sizing code_cell rendered">
-
 <div class="output_wrapper">
 <div class="output">
 
@@ -145,6 +140,13 @@ <h2 id="MLMVisualizer" class="doc_header"><code>class</code> <code>MLMVisualizer
 </div>
 </div>
 
+</div>
+    {% endraw %}
+
+    {% raw %}
+    
+<div class="cell border-box-sizing code_cell rendered">
+
 </div>
     {% endraw %}
 
@@ -169,13 +171,6 @@ <h2 id="MLMVisualizer" class="doc_header"><code>class</code> <code>MLMVisualizer
     
 <div class="cell border-box-sizing code_cell rendered">
 
-</div>
-    {% endraw %}
-
-    {% raw %}
-    
-<div class="cell border-box-sizing code_cell rendered">
-
 <div class="output_wrapper">
 <div class="output">
 
@@ -279,7 +274,7 @@ <h4 id="visualize" class="doc_header"><code>visualize</code><a href="https://git
 
 
 <div class="output_markdown rendered_html output_subarea ">
-<h4 id="visualize_result" class="doc_header"><code>visualize_result</code><a href="https://github.com/raynardj/forgebox/tree/master/forgebox/bert_visualize.py#L104" class="source_link" style="float:right">[source]</a></h4><blockquote><p><code>visualize_result</code>(<strong><code>vis</code></strong>, <strong><code>result</code></strong>:<a href="/forgebox/config#Config"><code>Config</code></a>)</p>
+<h4 id="visualize_result" class="doc_header"><code>visualize_result</code><a href="https://github.com/raynardj/forgebox/tree/master/forgebox/bert_visualize.py#L104" class="source_link" style="float:right">[source]</a></h4><blockquote><p><code>visualize_result</code>(<strong><code>vis</code></strong>, <strong><code>result</code></strong>:<a href="/forgebox/config.html#Config"><code>Config</code></a>)</p>
 </blockquote>
 
 </div>
@@ -289,6 +284,13 @@ <h4 id="visualize_result" class="doc_header"><code>visualize_result</code><a hre
 </div>
 </div>
 
+</div>
+    {% endraw %}
+
+    {% raw %}
+    
+<div class="cell border-box-sizing code_cell rendered">
+
 </div>
     {% endraw %}
 
diff --git a/docs/category.html b/docs/category.html
index 0de5e21..292135e 100644
--- a/docs/category.html
+++ b/docs/category.html
@@ -2,11 +2,13 @@
 
 title: Categorical Transformation for DL
 
+
 keywords: fastai
 sidebar: home_sidebar
 
 summary: "a list of things to categoryical transformation"
 description: "a list of things to categoryical transformation"
+nb_path: "nbs/53_category.ipynb"
 ---
 <!--
 
@@ -37,13 +39,6 @@ <h2 id="Imports">Imports<a class="anchor-link" href="#Imports"> </a></h2>
     
 <div class="cell border-box-sizing code_cell rendered">
 
-</div>
-    {% endraw %}
-
-    {% raw %}
-    
-<div class="cell border-box-sizing code_cell rendered">
-
 <div class="output_wrapper">
 <div class="output">
 
@@ -51,7 +46,7 @@ <h2 id="Imports">Imports<a class="anchor-link" href="#Imports"> </a></h2>
 
 
 <div class="output_markdown rendered_html output_subarea ">
-<h2 id="C2I" class="doc_header"><code>class</code> <code>C2I</code><a href="" class="source_link" style="float:right">[source]</a></h2><blockquote><p><code>C2I</code>(<strong><code>arr</code></strong>:<code>Iterable</code>[<code>T_co</code>], <strong><code>pad_mst</code></strong>:<code>bool</code>=<em><code>False</code></em>)</p>
+<h2 id="C2I" class="doc_header"><code>class</code> <code>C2I</code><a href="https://github.com/raynardj/forgebox/tree/master/forgebox/category.py#L15" class="source_link" style="float:right">[source]</a></h2><blockquote><p><code>C2I</code>(<strong><code>arr</code></strong>:<code>Iterable</code>[<code>T_co</code>], <strong><code>pad_mst</code></strong>:<code>bool</code>=<em><code>False</code></em>)</p>
 </blockquote>
 <p>Category to indices</p>
 <blockquote><blockquote><blockquote><p>c2i = C2I(
@@ -87,7 +82,7 @@ <h2 id="C2I" class="doc_header"><code>class</code> <code>C2I</code><a href="" cl
 
 
 <div class="output_markdown rendered_html output_subarea ">
-<h2 id="Category" class="doc_header"><code>class</code> <code>Category</code><a href="" class="source_link" style="float:right">[source]</a></h2><blockquote><p><code>Category</code>(<strong><code>arr</code></strong>:<code>Iterable</code>[<code>T_co</code>], <strong><code>pad_mst</code></strong>:<code>bool</code>=<em><code>False</code></em>)</p>
+<h2 id="Category" class="doc_header"><code>class</code> <code>Category</code><a href="https://github.com/raynardj/forgebox/tree/master/forgebox/category.py#L68" class="source_link" style="float:right">[source]</a></h2><blockquote><p><code>Category</code>(<strong><code>arr</code></strong>:<code>Iterable</code>[<code>T_co</code>], <strong><code>pad_mst</code></strong>:<code>bool</code>=<em><code>False</code></em>)</p>
 </blockquote>
 <p>Manage categorical translations
 c = Category(
@@ -117,7 +112,7 @@ <h2 id="Category" class="doc_header"><code>class</code> <code>Category</code><a
 
 
 <div class="output_markdown rendered_html output_subarea ">
-<h2 id="TreeCategory" class="doc_header"><code>class</code> <code>TreeCategory</code><a href="" class="source_link" style="float:right">[source]</a></h2><blockquote><p><code>TreeCategory</code>(<strong><code>parent_map</code></strong>:<code>Dict</code>[<code>str</code>, <code>str</code>], <strong><code>pad_mst</code></strong>:<code>bool</code>=<em><code>False</code></em>) :: <a href="/forgebox/category#Category"><code>Category</code></a></p>
+<h2 id="TreeCategory" class="doc_header"><code>class</code> <code>TreeCategory</code><a href="https://github.com/raynardj/forgebox/tree/master/forgebox/category.py#L114" class="source_link" style="float:right">[source]</a></h2><blockquote><p><code>TreeCategory</code>(<strong><code>parent_map</code></strong>:<code>Dict</code>[<code>str</code>, <code>str</code>], <strong><code>pad_mst</code></strong>:<code>bool</code>=<em><code>False</code></em>) :: <a href="/forgebox/category.html#Category"><code>Category</code></a></p>
 </blockquote>
 <p>Manage categorical translations
 c = Category(
@@ -133,6 +128,13 @@ <h2 id="TreeCategory" class="doc_header"><code>class</code> <code>TreeCategory</
 </div>
 </div>
 
+</div>
+    {% endraw %}
+
+    {% raw %}
+    
+<div class="cell border-box-sizing code_cell rendered">
+
 </div>
     {% endraw %}
 
@@ -935,17 +937,24 @@ <h2 id="Tree-data">Tree data<a class="anchor-link" href="#Tree-data"> </a></h2>
 
 <div class="output_area">
 
-<div class="output_subarea output_text output_error">
-<pre>
-<span class="ansi-red-fg">---------------------------------------------------------------------------</span>
-<span class="ansi-red-fg">NameError</span>                                 Traceback (most recent call last)
-<span class="ansi-green-fg">&lt;ipython-input-7-2c3555cc4180&gt;</span> in <span class="ansi-cyan-fg">&lt;module&gt;</span>
-<span class="ansi-green-intense-fg ansi-bold">      3</span> plt.imshow(
-<span class="ansi-green-intense-fg ansi-bold">      4</span>     np.stack(list(tree_category.depth_map_array==i
-<span class="ansi-green-fg">----&gt; 5</span><span class="ansi-red-fg">                   for i in range(1,tree_category.depth_map_array.max()+1)))[:,:100])
-</span>
-<span class="ansi-red-fg">NameError</span>: name &#39;tree_category&#39; is not defined</pre>
+
+
+<div class="output_text output_subarea output_execute_result">
+<pre>&lt;matplotlib.image.AxesImage at 0x1c375535d0&gt;</pre>
 </div>
+
+</div>
+
+<div class="output_area">
+
+
+
+<div class="output_png output_subarea ">
+<img src="data:image/png;base64,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
+"
+>
+</div>
+
 </div>
 
 </div>
diff --git a/docs/cross_entropy_weighter.html b/docs/cross_entropy_weighter.html
index 4d75656..2756f81 100644
--- a/docs/cross_entropy_weighter.html
+++ b/docs/cross_entropy_weighter.html
@@ -2,10 +2,13 @@
 
 title: Create multi-task adjustment for cross-entropy
 
+
 keywords: fastai
 sidebar: home_sidebar
 
 summary: "A weighter for multi-task learning with different softmax+cross-entropy"
+description: "A weighter for multi-task learning with different softmax+cross-entropy"
+nb_path: "nbs/cross_entropy_weighter.ipynb"
 ---
 <!--
 
@@ -18,20 +21,29 @@
 -->
 
 <div class="container" id="notebook-container">
-    {% raw %}
         
+    {% raw %}
+    
 <div class="cell border-box-sizing code_cell rendered">
 
 </div>
+    {% endraw %}
+
 <div class="cell border-box-sizing text_cell rendered"><div class="inner_cell">
 <div class="text_cell_render border-box-sizing rendered_html">
-<h2 id="Tools-and-imports">Tools and imports<a class="anchor-link" href="#Tools-and-imports">&#182;</a></h2>
+<h2 id="Tools-and-imports">Tools and imports<a class="anchor-link" href="#Tools-and-imports"> </a></h2>
 </div>
 </div>
 </div>
+    {% raw %}
+    
 <div class="cell border-box-sizing code_cell rendered">
 
 </div>
+    {% endraw %}
+
+    {% raw %}
+    
 <div class="cell border-box-sizing code_cell rendered">
 <div class="input">
 
@@ -45,12 +57,16 @@ <h2 id="Tools-and-imports">Tools and imports<a class="anchor-link" href="#Tools-
 </div>
 
 </div>
+    {% endraw %}
+
 <div class="cell border-box-sizing text_cell rendered"><div class="inner_cell">
 <div class="text_cell_render border-box-sizing rendered_html">
-<h2 id="Enters-softmax">Enters softmax<a class="anchor-link" href="#Enters-softmax">&#182;</a></h2>
+<h2 id="Enters-softmax">Enters softmax<a class="anchor-link" href="#Enters-softmax"> </a></h2>
 </div>
 </div>
 </div>
+    {% raw %}
+    
 <div class="cell border-box-sizing code_cell rendered">
 <div class="input">
 
@@ -65,12 +81,16 @@ <h2 id="Enters-softmax">Enters softmax<a class="anchor-link" href="#Enters-softm
 </div>
 
 </div>
+    {% endraw %}
+
 <div class="cell border-box-sizing text_cell rendered"><div class="inner_cell">
 <div class="text_cell_render border-box-sizing rendered_html">
-<h2 id="Experience-the-problem">Experience the problem<a class="anchor-link" href="#Experience-the-problem">&#182;</a></h2>
+<h2 id="Experience-the-problem">Experience the problem<a class="anchor-link" href="#Experience-the-problem"> </a></h2>
 </div>
 </div>
 </div>
+    {% raw %}
+    
 <div class="cell border-box-sizing code_cell rendered">
 <div class="input">
 
@@ -92,6 +112,10 @@ <h2 id="Experience-the-problem">Experience the problem<a class="anchor-link" hre
 </div>
 
 </div>
+    {% endraw %}
+
+    {% raw %}
+    
 <div class="cell border-box-sizing code_cell rendered">
 <div class="input">
 
@@ -118,6 +142,10 @@ <h2 id="Experience-the-problem">Experience the problem<a class="anchor-link" hre
 </div>
 
 </div>
+    {% endraw %}
+
+    {% raw %}
+    
 <div class="cell border-box-sizing code_cell rendered">
 <div class="input">
 
@@ -143,6 +171,8 @@ <h2 id="Experience-the-problem">Experience the problem<a class="anchor-link" hre
 </div>
 
 </div>
+    {% endraw %}
+
 <div class="cell border-box-sizing text_cell rendered"><div class="inner_cell">
 <div class="text_cell_render border-box-sizing rendered_html">
 <ul>
@@ -154,6 +184,8 @@ <h2 id="Experience-the-problem">Experience the problem<a class="anchor-link" hre
 </div>
 </div>
 </div>
+    {% raw %}
+    
 <div class="cell border-box-sizing code_cell rendered">
 <div class="input">
 
@@ -167,6 +199,10 @@ <h2 id="Experience-the-problem">Experience the problem<a class="anchor-link" hre
 </div>
 
 </div>
+    {% endraw %}
+
+    {% raw %}
+    
 <div class="cell border-box-sizing code_cell rendered">
 <div class="input">
 
@@ -200,6 +236,10 @@ <h2 id="Experience-the-problem">Experience the problem<a class="anchor-link" hre
 </div>
 
 </div>
+    {% endraw %}
+
+    {% raw %}
+    
 <div class="cell border-box-sizing code_cell rendered">
 <div class="input">
 
@@ -213,6 +253,10 @@ <h2 id="Experience-the-problem">Experience the problem<a class="anchor-link" hre
 </div>
 
 </div>
+    {% endraw %}
+
+    {% raw %}
+    
 <div class="cell border-box-sizing code_cell rendered">
 <div class="input">
 
@@ -567,9 +611,11 @@ <h2 id="Experience-the-problem">Experience the problem<a class="anchor-link" hre
 </div>
 
 </div>
+    {% endraw %}
+
 <div class="cell border-box-sizing text_cell rendered"><div class="inner_cell">
 <div class="text_cell_render border-box-sizing rendered_html">
-<h3 id="The-pattern">The pattern<a class="anchor-link" href="#The-pattern">&#182;</a></h3>
+<h3 id="The-pattern">The pattern<a class="anchor-link" href="#The-pattern"> </a></h3>
 </div>
 </div>
 </div>
@@ -583,6 +629,8 @@ <h3 id="The-pattern">The pattern<a class="anchor-link" href="#The-pattern">&#182
 </div>
 </div>
 </div>
+    {% raw %}
+    
 <div class="cell border-box-sizing code_cell rendered">
 <div class="input">
 
@@ -624,9 +672,11 @@ <h3 id="The-pattern">The pattern<a class="anchor-link" href="#The-pattern">&#182
 </div>
 
 </div>
+    {% endraw %}
+
 <div class="cell border-box-sizing text_cell rendered"><div class="inner_cell">
 <div class="text_cell_render border-box-sizing rendered_html">
-<h3 id="The-solution">The solution<a class="anchor-link" href="#The-solution">&#182;</a></h3><p>Assume we have certain function, will produce a weight that will bring each cross entropy loss to the same constant scale ${a}$.</p>
+<h3 id="The-solution">The solution<a class="anchor-link" href="#The-solution"> </a></h3><p>Assume we have certain function, will produce a weight that will bring each cross entropy loss to the same constant scale ${a}$.</p>
 <p>$L_{i}.f(c_{i})=a$</p>
 <p>$f(c_{i})a.log_{10}(c_{i})=a$</p>
 <p>Here we can get how to calculate $f(c_{i})$</p>
@@ -635,6 +685,8 @@ <h3 id="The-solution">The solution<a class="anchor-link" href="#The-solution">&#
 </div>
 </div>
 </div>
+    {% raw %}
+    
 <div class="cell border-box-sizing code_cell rendered">
 <div class="input">
 
@@ -649,6 +701,10 @@ <h3 id="The-solution">The solution<a class="anchor-link" href="#The-solution">&#
 </div>
 
 </div>
+    {% endraw %}
+
+    {% raw %}
+    
 <div class="cell border-box-sizing code_cell rendered">
 <div class="input">
 
@@ -664,6 +720,8 @@ <h3 id="The-solution">The solution<a class="anchor-link" href="#The-solution">&#
 </div>
 
 </div>
+    {% endraw %}
+
 <div class="cell border-box-sizing text_cell rendered"><div class="inner_cell">
 <div class="text_cell_render border-box-sizing rendered_html">
 <p>For now it's a about the same scale of loss</p>
@@ -671,6 +729,8 @@ <h3 id="The-solution">The solution<a class="anchor-link" href="#The-solution">&#
 </div>
 </div>
 </div>
+    {% raw %}
+    
 <div class="cell border-box-sizing code_cell rendered">
 <div class="input">
 
@@ -712,15 +772,16 @@ <h3 id="The-solution">The solution<a class="anchor-link" href="#The-solution">&#
 </div>
 
 </div>
+    {% endraw %}
+
 <div class="cell border-box-sizing text_cell rendered"><div class="inner_cell">
 <div class="text_cell_render border-box-sizing rendered_html">
-<h2 id="Adjusted-CrossEntropy">Adjusted CrossEntropy<a class="anchor-link" href="#Adjusted-CrossEntropy">&#182;</a></h2>
+<h2 id="Adjusted-CrossEntropy">Adjusted CrossEntropy<a class="anchor-link" href="#Adjusted-CrossEntropy"> </a></h2>
 </div>
 </div>
 </div>
-<div class="cell border-box-sizing code_cell rendered">
-
-</div>
+    {% raw %}
+    
 <div class="cell border-box-sizing code_cell rendered">
 
 <div class="output_wrapper">
@@ -743,6 +804,15 @@ <h2 id="MultiTaskCELoss" class="doc_header"><code>class</code> <code>MultiTaskCE
 </div>
 
 </div>
+    {% endraw %}
+
+    {% raw %}
+    
+<div class="cell border-box-sizing code_cell rendered">
+
+</div>
+    {% endraw %}
+
 <div class="cell border-box-sizing text_cell rendered"><div class="inner_cell">
 <div class="text_cell_render border-box-sizing rendered_html">
 <p>Let's make this adjustment into the loss function, an upgraded version of CrossEntropy</p>
@@ -750,6 +820,8 @@ <h2 id="MultiTaskCELoss" class="doc_header"><code>class</code> <code>MultiTaskCE
 </div>
 </div>
 </div>
+    {% raw %}
+    
 <div class="cell border-box-sizing code_cell rendered">
 <div class="input">
 
@@ -785,6 +857,10 @@ <h2 id="MultiTaskCELoss" class="doc_header"><code>class</code> <code>MultiTaskCE
 </div>
 
 </div>
+    {% endraw %}
+
+    {% raw %}
+    
 <div class="cell border-box-sizing code_cell rendered">
 <div class="input">
 
@@ -798,6 +874,10 @@ <h2 id="MultiTaskCELoss" class="doc_header"><code>class</code> <code>MultiTaskCE
 </div>
 
 </div>
+    {% endraw %}
+
+    {% raw %}
+    
 <div class="cell border-box-sizing code_cell rendered">
 <div class="input">
 
@@ -1152,6 +1232,10 @@ <h2 id="MultiTaskCELoss" class="doc_header"><code>class</code> <code>MultiTaskCE
 </div>
 
 </div>
+    {% endraw %}
+
+    {% raw %}
+    
 <div class="cell border-box-sizing code_cell rendered">
 <div class="input">
 
@@ -1197,6 +1281,7 @@ <h2 id="MultiTaskCELoss" class="doc_header"><code>class</code> <code>MultiTaskCE
 
 </div>
     {% endraw %}
+
 </div>
  
 
diff --git a/docs/df_filter.html b/docs/df_filter.html
index b9b15d8..9ac68c0 100644
--- a/docs/df_filter.html
+++ b/docs/df_filter.html
@@ -2,10 +2,13 @@
 
 title: Dataframe filter
 
+
 keywords: fastai
 sidebar: home_sidebar
 
 summary: "Simple dataframe filter, Interactivel y filter column by value, one by one"
+description: "Simple dataframe filter, Interactivel y filter column by value, one by one"
+nb_path: "nbs/31_df_filter.ipynb"
 ---
 <!--
 
@@ -18,14 +21,23 @@
 -->
 
 <div class="container" id="notebook-container">
-    {% raw %}
         
+    {% raw %}
+    
 <div class="cell border-box-sizing code_cell rendered">
 
 </div>
+    {% endraw %}
+
+    {% raw %}
+    
 <div class="cell border-box-sizing code_cell rendered">
 
 </div>
+    {% endraw %}
+
+    {% raw %}
+    
 <div class="cell border-box-sizing code_cell rendered">
 <div class="input">
 
@@ -43,6 +55,10 @@
 </div>
 
 </div>
+    {% endraw %}
+
+    {% raw %}
+    
 <div class="cell border-box-sizing code_cell rendered">
 <div class="input">
 
@@ -56,6 +72,10 @@
 </div>
 
 </div>
+    {% endraw %}
+
+    {% raw %}
+    
 <div class="cell border-box-sizing code_cell rendered">
 <div class="input">
 
@@ -237,6 +257,10 @@
 </div>
 
 </div>
+    {% endraw %}
+
+    {% raw %}
+    
 <div class="cell border-box-sizing code_cell rendered">
 <div class="input">
 
@@ -266,6 +290,10 @@
 </div>
 
 </div>
+    {% endraw %}
+
+    {% raw %}
+    
 <div class="cell border-box-sizing code_cell rendered">
 <div class="input">
 
@@ -459,15 +487,16 @@
 </div>
 
 </div>
+    {% endraw %}
+
 <div class="cell border-box-sizing text_cell rendered"><div class="inner_cell">
 <div class="text_cell_render border-box-sizing rendered_html">
-<h2 id="A-tool-to-filter-data">A tool to filter data<a class="anchor-link" href="#A-tool-to-filter-data">&#182;</a></h2>
+<h2 id="A-tool-to-filter-data">A tool to filter data<a class="anchor-link" href="#A-tool-to-filter-data"> </a></h2>
 </div>
 </div>
 </div>
-<div class="cell border-box-sizing code_cell rendered">
-
-</div>
+    {% raw %}
+    
 <div class="cell border-box-sizing code_cell rendered">
 
 <div class="output_wrapper">
@@ -488,6 +517,10 @@ <h4 id="pct_to_float" class="doc_header"><code>pct_to_float</code><a href="https
 </div>
 
 </div>
+    {% endraw %}
+
+    {% raw %}
+    
 <div class="cell border-box-sizing code_cell rendered">
 
 <div class="output_wrapper">
@@ -508,6 +541,10 @@ <h4 id="ensure_pct" class="doc_header"><code>ensure_pct</code><a href="https://g
 </div>
 
 </div>
+    {% endraw %}
+
+    {% raw %}
+    
 <div class="cell border-box-sizing code_cell rendered">
 
 <div class="output_wrapper">
@@ -529,6 +566,10 @@ <h4 id="detect_number_column" class="doc_header"><code>detect_number_column</cod
 </div>
 
 </div>
+    {% endraw %}
+
+    {% raw %}
+    
 <div class="cell border-box-sizing code_cell rendered">
 
 <div class="output_wrapper">
@@ -550,6 +591,17 @@ <h2 id="DataFilter" class="doc_header"><code>class</code> <code>DataFilter</code
 </div>
 
 </div>
+    {% endraw %}
+
+    {% raw %}
+    
+<div class="cell border-box-sizing code_cell rendered">
+
+</div>
+    {% endraw %}
+
+    {% raw %}
+    
 <div class="cell border-box-sizing code_cell rendered">
 <div class="input">
 
@@ -743,6 +795,10 @@ <h2 id="DataFilter" class="doc_header"><code>class</code> <code>DataFilter</code
 </div>
 
 </div>
+    {% endraw %}
+
+    {% raw %}
+    
 <div class="cell border-box-sizing code_cell rendered">
 <div class="input">
 
@@ -756,6 +812,10 @@ <h2 id="DataFilter" class="doc_header"><code>class</code> <code>DataFilter</code
 </div>
 
 </div>
+    {% endraw %}
+
+    {% raw %}
+    
 <div class="cell border-box-sizing code_cell rendered">
 <div class="input">
 
@@ -769,12 +829,16 @@ <h2 id="DataFilter" class="doc_header"><code>class</code> <code>DataFilter</code
 </div>
 
 </div>
+    {% endraw %}
+
 <div class="cell border-box-sizing text_cell rendered"><div class="inner_cell">
 <div class="text_cell_render border-box-sizing rendered_html">
-<h2 id="Extract-out-the-dataframe-afterwards">Extract out the dataframe afterwards<a class="anchor-link" href="#Extract-out-the-dataframe-afterwards">&#182;</a></h2>
+<h2 id="Extract-out-the-dataframe-afterwards">Extract out the dataframe afterwards<a class="anchor-link" href="#Extract-out-the-dataframe-afterwards"> </a></h2>
 </div>
 </div>
 </div>
+    {% raw %}
+    
 <div class="cell border-box-sizing code_cell rendered">
 <div class="input">
 
@@ -956,15 +1020,16 @@ <h2 id="Extract-out-the-dataframe-afterwards">Extract out the dataframe afterwar
 </div>
 
 </div>
+    {% endraw %}
+
 <div class="cell border-box-sizing text_cell rendered"><div class="inner_cell">
 <div class="text_cell_render border-box-sizing rendered_html">
-<h2 id="RecursiveFilter">RecursiveFilter<a class="anchor-link" href="#RecursiveFilter">&#182;</a></h2>
+<h2 id="RecursiveFilter">RecursiveFilter<a class="anchor-link" href="#RecursiveFilter"> </a></h2>
 </div>
 </div>
 </div>
-<div class="cell border-box-sizing code_cell rendered">
-
-</div>
+    {% raw %}
+    
 <div class="cell border-box-sizing code_cell rendered">
 
 <div class="output_wrapper">
@@ -986,6 +1051,10 @@ <h2 id="LayerTorch" class="doc_header"><code>class</code> <code>LayerTorch</code
 </div>
 
 </div>
+    {% endraw %}
+
+    {% raw %}
+    
 <div class="cell border-box-sizing code_cell rendered">
 
 <div class="output_wrapper">
@@ -1008,6 +1077,10 @@ <h2 id="RecursiveFilterCore" class="doc_header"><code>class</code> <code>Recursi
 </div>
 
 </div>
+    {% endraw %}
+
+    {% raw %}
+    
 <div class="cell border-box-sizing code_cell rendered">
 
 <div class="output_wrapper">
@@ -1017,7 +1090,7 @@ <h2 id="RecursiveFilterCore" class="doc_header"><code>class</code> <code>Recursi
 
 
 <div class="output_markdown rendered_html output_subarea ">
-<h2 id="RecursiveFilter" class="doc_header"><code>class</code> <code>RecursiveFilter</code><a href="https://github.com/raynardj/forgebox/tree/master/forgebox/df_filter.py#L286" class="source_link" style="float:right">[source]</a></h2><blockquote><p><code>RecursiveFilter</code>(<strong><code>data</code></strong>=<em><code>None</code></em>, <strong><code>index</code></strong>=<em><code>None</code></em>, <strong><code>columns</code></strong>=<em><code>None</code></em>, <strong><code>dtype</code></strong>=<em><code>None</code></em>, <strong><code>copy</code></strong>=<em><code>False</code></em>) :: <code>DataFrame</code></p>
+<h2 id="RecursiveFilter" class="doc_header"><code>class</code> <code>RecursiveFilter</code><a href="https://github.com/raynardj/forgebox/tree/master/forgebox/df_filter.py#L286" class="source_link" style="float:right">[source]</a></h2><blockquote><p><code>RecursiveFilter</code>(<strong><code>data</code></strong>=<em><code>None</code></em>, <strong><code>index</code></strong>:<code>Axes | None</code>=<em><code>None</code></em>, <strong><code>columns</code></strong>:<code>Axes | None</code>=<em><code>None</code></em>, <strong><code>dtype</code></strong>:<code>Dtype | None</code>=<em><code>None</code></em>, <strong><code>copy</code></strong>:<code>bool | None</code>=<em><code>None</code></em>) :: <code>DataFrame</code></p>
 </blockquote>
 <p>Interactive Pandas DataFrame Filter
 df = RecursiveFilter(df)
@@ -1047,6 +1120,17 @@ <h2 id="RecursiveFilter" class="doc_header"><code>class</code> <code>RecursiveFi
 </div>
 
 </div>
+    {% endraw %}
+
+    {% raw %}
+    
+<div class="cell border-box-sizing code_cell rendered">
+
+</div>
+    {% endraw %}
+
+    {% raw %}
+    
 <div class="cell border-box-sizing code_cell rendered">
 <div class="input">
 
@@ -1060,6 +1144,10 @@ <h2 id="RecursiveFilter" class="doc_header"><code>class</code> <code>RecursiveFi
 </div>
 
 </div>
+    {% endraw %}
+
+    {% raw %}
+    
 <div class="cell border-box-sizing code_cell rendered">
 <div class="input">
 
@@ -1089,6 +1177,7 @@ <h2 id="RecursiveFilter" class="doc_header"><code>class</code> <code>RecursiveFi
 
 </div>
     {% endraw %}
+
 </div>
  
 
diff --git a/docs/etl.html b/docs/etl.html
index 6121e93..cf220fe 100644
--- a/docs/etl.html
+++ b/docs/etl.html
@@ -2,11 +2,13 @@
 
 title: ETL Helper
 
+
 keywords: fastai
 sidebar: home_sidebar
 
 summary: "A combined ETL tool sets"
 description: "A combined ETL tool sets"
+nb_path: "nbs/11_etl.ipynb"
 ---
 <!--
 
@@ -37,13 +39,6 @@ <h2 id="A-list-for-each-step">A list for each step<a class="anchor-link" href="#
     
 <div class="cell border-box-sizing code_cell rendered">
 
-</div>
-    {% endraw %}
-
-    {% raw %}
-    
-<div class="cell border-box-sizing code_cell rendered">
-
 <div class="output_wrapper">
 <div class="output">
 
@@ -51,7 +46,7 @@ <h2 id="A-list-for-each-step">A list for each step<a class="anchor-link" href="#
 
 
 <div class="output_markdown rendered_html output_subarea ">
-<h2 id="NewFileScanner" class="doc_header"><code>class</code> <code>NewFileScanner</code><a href="" class="source_link" style="float:right">[source]</a></h2><blockquote><p><code>NewFileScanner</code>(<strong><code>directory</code></strong>, <strong><code>new_file_filter</code></strong>:<code>Callable</code>=<em><code>None</code></em>, <strong><code>done_list_getter</code></strong>:<code>Callable</code>=<em><code>None</code></em>, <strong><code>stop_callback</code></strong>:<code>Callable</code>=<em><code>None</code></em>)</p>
+<h2 id="NewFileScanner" class="doc_header"><code>class</code> <code>NewFileScanner</code><a href="https://github.com/raynardj/forgebox/tree/master/forgebox/etl.py#L12" class="source_link" style="float:right">[source]</a></h2><blockquote><p><code>NewFileScanner</code>(<strong><code>directory</code></strong>, <strong><code>new_file_filter</code></strong>:<code>Callable</code>=<em><code>None</code></em>, <strong><code>done_list_getter</code></strong>:<code>Callable</code>=<em><code>None</code></em>, <strong><code>stop_callback</code></strong>:<code>Callable</code>=<em><code>None</code></em>)</p>
 </blockquote>
 <p>Keep scannning a directory for new file
 if found any, callback processing the file</p>
@@ -66,6 +61,13 @@ <h1 id="Example">Example<a class="anchor-link" href="#Example"> </a></h1><p>new_
 </div>
 </div>
 
+</div>
+    {% endraw %}
+
+    {% raw %}
+    
+<div class="cell border-box-sizing code_cell rendered">
+
 </div>
     {% endraw %}
 
diff --git a/docs/files.html b/docs/files.html
index f23e499..aa13777 100644
--- a/docs/files.html
+++ b/docs/files.html
@@ -2,10 +2,13 @@
 
 title: Hard drive files
 
+
 keywords: fastai
 sidebar: home_sidebar
 
 summary: "Extract information on files under a directory"
+description: "Extract information on files under a directory"
+nb_path: "nbs/33_files.ipynb"
 ---
 <!--
 
@@ -18,14 +21,16 @@
 -->
 
 <div class="container" id="notebook-container">
-    {% raw %}
         
+    {% raw %}
+    
 <div class="cell border-box-sizing code_cell rendered">
 
 </div>
-<div class="cell border-box-sizing code_cell rendered">
+    {% endraw %}
 
-</div>
+    {% raw %}
+    
 <div class="cell border-box-sizing code_cell rendered">
 
 <div class="output_wrapper">
@@ -35,7 +40,7 @@
 
 
 <div class="output_markdown rendered_html output_subarea ">
-<h4 id="get_files" class="doc_header"><code>get_files</code><a href="__main__.py#L5" class="source_link" style="float:right">[source]</a></h4><blockquote><p><code>get_files</code>(<strong><code>path</code></strong>:<code>Path</code>, <strong><code>skip</code></strong>:<code>Union</code>[<code>str</code>, <code>List</code>[<code>str</code>]]=<em><code>None</code></em>)</p>
+<h4 id="get_files" class="doc_header"><code>get_files</code><a href="https://github.com/raynardj/forgebox/tree/master/forgebox/files.py#L9" class="source_link" style="float:right">[source]</a></h4><blockquote><p><code>get_files</code>(<strong><code>path</code></strong>:<code>Path</code>, <strong><code>skip</code></strong>:<code>Union</code>[<code>str</code>, <code>List</code>[<code>str</code>]]=<em><code>None</code></em>)</p>
 </blockquote>
 <p>Get all file paths from a directory</p>
 
@@ -47,6 +52,10 @@ <h4 id="get_files" class="doc_header"><code>get_files</code><a href="__main__.py
 </div>
 
 </div>
+    {% endraw %}
+
+    {% raw %}
+    
 <div class="cell border-box-sizing code_cell rendered">
 
 <div class="output_wrapper">
@@ -56,7 +65,7 @@ <h4 id="get_files" class="doc_header"><code>get_files</code><a href="__main__.py
 
 
 <div class="output_markdown rendered_html output_subarea ">
-<h4 id="file_detail" class="doc_header"><code>file_detail</code><a href="__main__.py#L38" class="source_link" style="float:right">[source]</a></h4><blockquote><p><code>file_detail</code>(<strong><code>path</code></strong>:<code>Path</code>, <strong><code>skip</code></strong>:<code>Union</code>[<code>str</code>, <code>List</code>[<code>str</code>]]=<em><code>None</code></em>)</p>
+<h4 id="file_detail" class="doc_header"><code>file_detail</code><a href="https://github.com/raynardj/forgebox/tree/master/forgebox/files.py#L42" class="source_link" style="float:right">[source]</a></h4><blockquote><p><code>file_detail</code>(<strong><code>path</code></strong>:<code>Path</code>, <strong><code>skip</code></strong>:<code>Union</code>[<code>str</code>, <code>List</code>[<code>str</code>]]=<em><code>None</code></em>)</p>
 </blockquote>
 <p>Get detailed file information from a directory</p>
 
@@ -68,6 +77,17 @@ <h4 id="file_detail" class="doc_header"><code>file_detail</code><a href="__main_
 </div>
 
 </div>
+    {% endraw %}
+
+    {% raw %}
+    
+<div class="cell border-box-sizing code_cell rendered">
+
+</div>
+    {% endraw %}
+
+    {% raw %}
+    
 <div class="cell border-box-sizing code_cell rendered">
 <div class="input">
 
@@ -215,6 +235,7 @@ <h4 id="file_detail" class="doc_header"><code>file_detail</code><a href="__main_
 
 </div>
     {% endraw %}
+
 </div>
  
 
diff --git a/docs/html.html b/docs/html.html
index 403bab2..4bf759d 100644
--- a/docs/html.html
+++ b/docs/html.html
@@ -2,11 +2,13 @@
 
 title: HTML operation
 
+
 keywords: fastai
 sidebar: home_sidebar
 
 summary: "HTML operation in jupyter notebook, easier life with visualization"
 description: "HTML operation in jupyter notebook, easier life with visualization"
+nb_path: "nbs/04_html.ipynb"
 ---
 <!--
 
@@ -31,13 +33,6 @@
     
 <div class="cell border-box-sizing code_cell rendered">
 
-</div>
-    {% endraw %}
-
-    {% raw %}
-    
-<div class="cell border-box-sizing code_cell rendered">
-
 <div class="output_wrapper">
 <div class="output">
 
@@ -45,7 +40,7 @@
 
 
 <div class="output_markdown rendered_html output_subarea ">
-<h2 id="DOM" class="doc_header"><code>class</code> <code>DOM</code><a href="" class="source_link" style="float:right">[source]</a></h2><blockquote><p><code>DOM</code>(<strong><code>txt</code></strong>, <strong><code>tag</code></strong>, <strong><code>kwargs</code></strong>=<em><code>{}</code></em>)</p>
+<h2 id="DOM" class="doc_header"><code>class</code> <code>DOM</code><a href="https://github.com/raynardj/forgebox/tree/master/forgebox/html.py#L8" class="source_link" style="float:right">[source]</a></h2><blockquote><p><code>DOM</code>(<strong><code>txt</code></strong>, <strong><code>tag</code></strong>, <strong><code>kwargs</code></strong>=<em><code>{}</code></em>)</p>
 </blockquote>
 
 </div>
@@ -55,6 +50,13 @@ <h2 id="DOM" class="doc_header"><code>class</code> <code>DOM</code><a href="" cl
 </div>
 </div>
 
+</div>
+    {% endraw %}
+
+    {% raw %}
+    
+<div class="cell border-box-sizing code_cell rendered">
+
 </div>
     {% endraw %}
 
@@ -344,13 +346,6 @@ <h2 id="DOM-operation">DOM operation<a class="anchor-link" href="#DOM-operation"
     
 <div class="cell border-box-sizing code_cell rendered">
 
-</div>
-    {% endraw %}
-
-    {% raw %}
-    
-<div class="cell border-box-sizing code_cell rendered">
-
 <div class="output_wrapper">
 <div class="output">
 
@@ -413,7 +408,7 @@ <h4 id="list_group" class="doc_header"><code>list_group</code><a href="https://g
 
 
 <div class="output_markdown rendered_html output_subarea ">
-<h4 id="col_sm" class="doc_header"><code>col_sm</code><a href="__main__.py#L3" class="source_link" style="float:right">[source]</a></h4><blockquote><p><code>col_sm</code>(<strong><code>iterable</code></strong>, <strong><code>portions</code></strong>=<em><code>None</code></em>)</p>
+<h4 id="col_sm" class="doc_header"><code>col_sm</code><a href="https://github.com/raynardj/forgebox/tree/master/forgebox/html.py#L80" class="source_link" style="float:right">[source]</a></h4><blockquote><p><code>col_sm</code>(<strong><code>iterable</code></strong>, <strong><code>portions</code></strong>=<em><code>None</code></em>)</p>
 </blockquote>
 
 </div>
@@ -423,6 +418,13 @@ <h4 id="col_sm" class="doc_header"><code>col_sm</code><a href="__main__.py#L3" c
 </div>
 </div>
 
+</div>
+    {% endraw %}
+
+    {% raw %}
+    
+<div class="cell border-box-sizing code_cell rendered">
+
 </div>
     {% endraw %}
 
@@ -494,13 +496,6 @@ <h4 id="col_sm" class="doc_header"><code>col_sm</code><a href="__main__.py#L3" c
     
 <div class="cell border-box-sizing code_cell rendered">
 
-</div>
-    {% endraw %}
-
-    {% raw %}
-    
-<div class="cell border-box-sizing code_cell rendered">
-
 <div class="output_wrapper">
 <div class="output">
 
@@ -518,6 +513,13 @@ <h4 id="list_group_kv" class="doc_header"><code>list_group_kv</code><a href="htt
 </div>
 </div>
 
+</div>
+    {% endraw %}
+
+    {% raw %}
+    
+<div class="cell border-box-sizing code_cell rendered">
+
 </div>
     {% endraw %}
 
@@ -645,13 +647,6 @@ <h3 id="A-class-designed-for-running-javascript">A class designed for running ja
     
 <div class="cell border-box-sizing code_cell rendered">
 
-</div>
-    {% endraw %}
-
-    {% raw %}
-    
-<div class="cell border-box-sizing code_cell rendered">
-
 <div class="output_wrapper">
 <div class="output">
 
@@ -694,6 +689,13 @@ <h4 id="JS_file" class="doc_header"><code>JS_file</code><a href="https://github.
 </div>
 </div>
 
+</div>
+    {% endraw %}
+
+    {% raw %}
+    
+<div class="cell border-box-sizing code_cell rendered">
+
 </div>
     {% endraw %}
 
diff --git a/docs/inter_widgets.html b/docs/inter_widgets.html
index 34ae09f..3a3bdc0 100644
--- a/docs/inter_widgets.html
+++ b/docs/inter_widgets.html
@@ -2,11 +2,13 @@
 
 title: Interactive tools
 
+
 keywords: fastai
 sidebar: home_sidebar
 
 summary: "Very helpful interactive tools"
 description: "Very helpful interactive tools"
+nb_path: "nbs/05_inter_widgets.ipynb"
 ---
 <!--
 
@@ -38,13 +40,6 @@
     
 <div class="cell border-box-sizing code_cell rendered">
 
-</div>
-    {% endraw %}
-
-    {% raw %}
-    
-<div class="cell border-box-sizing code_cell rendered">
-
 <div class="output_wrapper">
 <div class="output">
 
@@ -76,7 +71,7 @@ <h4 id="display_df" class="doc_header"><code>display_df</code><a href="https://g
 
 
 <div class="output_markdown rendered_html output_subarea ">
-<h4 id="search_box" class="doc_header"><code>search_box</code><a href="https://github.com/raynardj/forgebox/tree/master/forgebox/widgets.py#L17" class="source_link" style="float:right">[source]</a></h4><blockquote><p><code>search_box</code>(<strong><code>df</code></strong>, <strong><code>columns</code></strong>, <strong><code>manual</code></strong>=<em><code>False</code></em>, <strong><code>max_rows</code></strong>=<em><code>10</code></em>, <strong><code>callback</code></strong>=<em><code>'display_df'</code></em>)</p>
+<h4 id="search_box" class="doc_header"><code>search_box</code><a href="https://github.com/raynardj/forgebox/tree/master/forgebox/widgets.py#L17" class="source_link" style="float:right">[source]</a></h4><blockquote><p><code>search_box</code>(<strong><code>df</code></strong>, <strong><code>columns</code></strong>, <strong><code>manual</code></strong>=<em><code>False</code></em>, <strong><code>max_rows</code></strong>=<em><code>10</code></em>, <strong><code>callback</code></strong>=<em><code>display_df</code></em>)</p>
 </blockquote>
 <p>create a search box based on dataframe
 df: pandas dataframe
@@ -94,6 +89,13 @@ <h4 id="search_box" class="doc_header"><code>search_box</code><a href="https://g
 </div>
 </div>
 
+</div>
+    {% endraw %}
+
+    {% raw %}
+    
+<div class="cell border-box-sizing code_cell rendered">
+
 </div>
     {% endraw %}
 
@@ -179,13 +181,6 @@ <h2 id="Interactive-pagination">Interactive pagination<a class="anchor-link" hre
     
 <div class="cell border-box-sizing code_cell rendered">
 
-</div>
-    {% endraw %}
-
-    {% raw %}
-    
-<div class="cell border-box-sizing code_cell rendered">
-
 <div class="output_wrapper">
 <div class="output">
 
@@ -205,6 +200,13 @@ <h4 id="paginate" class="doc_header"><code>paginate</code><a href="https://githu
 </div>
 </div>
 
+</div>
+    {% endraw %}
+
+    {% raw %}
+    
+<div class="cell border-box-sizing code_cell rendered">
+
 </div>
     {% endraw %}
 
@@ -251,13 +253,6 @@ <h3 id="Example">Example<a class="anchor-link" href="#Example"> </a></h3><div cl
     
 <div class="cell border-box-sizing code_cell rendered">
 
-</div>
-    {% endraw %}
-
-    {% raw %}
-    
-<div class="cell border-box-sizing code_cell rendered">
-
 <div class="output_wrapper">
 <div class="output">
 
@@ -293,7 +288,7 @@ <h4 id="make_hboxes" class="doc_header"><code>make_hboxes</code><a href="https:/
 
 
 <div class="output_markdown rendered_html output_subarea ">
-<h2 id="SingleButton" class="doc_header"><code>class</code> <code>SingleButton</code><a href="https://github.com/raynardj/forgebox/tree/master/forgebox/widgets.py#L82" class="source_link" style="float:right">[source]</a></h2><blockquote><p><code>SingleButton</code>(<strong><code>btn_text</code></strong>:<code>str</code>=<em><code>'Run'</code></em>, <strong><code>btn_style</code></strong>:<code>str</code>=<em><code>'danger'</code></em>, <strong><code>callback</code></strong>:<code>Callable</code>=<em><code>'&lt;lambda&gt;'</code></em>, <strong><code>sections</code></strong>:<code>int</code>=<em><code>2</code></em>)</p>
+<h2 id="SingleButton" class="doc_header"><code>class</code> <code>SingleButton</code><a href="https://github.com/raynardj/forgebox/tree/master/forgebox/widgets.py#L82" class="source_link" style="float:right">[source]</a></h2><blockquote><p><code>SingleButton</code>(<strong><code>btn_text</code></strong>:<code>str</code>=<em><code>'Run'</code></em>, <strong><code>btn_style</code></strong>:<code>str</code>=<em><code>'danger'</code></em>, <strong><code>callback</code></strong>:<code>Callable</code>=<em><code>&lt;lambda&gt;</code></em>, <strong><code>sections</code></strong>:<code>int</code>=<em><code>2</code></em>)</p>
 </blockquote>
 <p>A single button widget
 It's like interactive_manual with callback</p>
@@ -312,6 +307,13 @@ <h2 id="Example">Example<a class="anchor-link" href="#Example"> </a></h2><div cl
 </div>
 </div>
 
+</div>
+    {% endraw %}
+
+    {% raw %}
+    
+<div class="cell border-box-sizing code_cell rendered">
+
 </div>
     {% endraw %}
 
@@ -390,13 +392,6 @@ <h1 id="Dataframe-labeler">Dataframe labeler<a class="anchor-link" href="#Datafr
     
 <div class="cell border-box-sizing code_cell rendered">
 
-</div>
-    {% endraw %}
-
-    {% raw %}
-    
-<div class="cell border-box-sizing code_cell rendered">
-
 <div class="output_wrapper">
 <div class="output">
 
@@ -416,6 +411,13 @@ <h2 id="Labeler" class="doc_header"><code>class</code> <code>Labeler</code><a hr
 </div>
 </div>
 
+</div>
+    {% endraw %}
+
+    {% raw %}
+    
+<div class="cell border-box-sizing code_cell rendered">
+
 </div>
     {% endraw %}
 
diff --git a/docs/loopstack.html b/docs/loopstack.html
index 150a56a..2012412 100644
--- a/docs/loopstack.html
+++ b/docs/loopstack.html
@@ -2,11 +2,13 @@
 
 title: 15 LoopStack
 
+
 keywords: fastai
 sidebar: home_sidebar
 
 summary: "Stack loops in layers"
 description: "Stack loops in layers"
+nb_path: "nbs/15_loopstack.ipynb"
 ---
 <!--
 
@@ -175,17 +177,24 @@
 
 <div class="output_area">
 
-<div class="output_subarea output_text output_error">
-<pre>
-<span class="ansi-red-fg">---------------------------------------------------------------------------</span>
-<span class="ansi-red-fg">NameError</span>                                 Traceback (most recent call last)
-<span class="ansi-green-fg">&lt;ipython-input-4-c518931bc769&gt;</span> in <span class="ansi-cyan-fg">&lt;module&gt;</span>
-<span class="ansi-green-intense-fg ansi-bold">      1</span> <span class="ansi-green-fg">from</span> matplotlib <span class="ansi-green-fg">import</span> pyplot <span class="ansi-green-fg">as</span> plt
-<span class="ansi-green-intense-fg ansi-bold">      2</span> get_ipython<span class="ansi-blue-fg">(</span><span class="ansi-blue-fg">)</span><span class="ansi-blue-fg">.</span>run_line_magic<span class="ansi-blue-fg">(</span><span class="ansi-blue-fg">&#39;matplotlib&#39;</span><span class="ansi-blue-fg">,</span> <span class="ansi-blue-fg">&#39;inline&#39;</span><span class="ansi-blue-fg">)</span>
-<span class="ansi-green-fg">----&gt; 3</span><span class="ansi-red-fg"> </span>plt<span class="ansi-blue-fg">.</span>imshow<span class="ansi-blue-fg">(</span>x_normed<span class="ansi-blue-fg">[</span>np<span class="ansi-blue-fg">.</span>random<span class="ansi-blue-fg">.</span>choice<span class="ansi-blue-fg">(</span>range<span class="ansi-blue-fg">(</span><span class="ansi-cyan-fg">1000</span><span class="ansi-blue-fg">)</span><span class="ansi-blue-fg">,</span><span class="ansi-cyan-fg">10</span><span class="ansi-blue-fg">)</span><span class="ansi-blue-fg">]</span><span class="ansi-blue-fg">)</span>
 
-<span class="ansi-red-fg">NameError</span>: name &#39;x_normed&#39; is not defined</pre>
+
+<div class="output_text output_subarea output_execute_result">
+<pre>&lt;matplotlib.image.AxesImage at 0x1a16a7fa50&gt;</pre>
+</div>
+
+</div>
+
+<div class="output_area">
+
+
+
+<div class="output_png output_subarea ">
+<img src="data:image/png;base64,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
+"
+>
 </div>
+
 </div>
 
 </div>
@@ -243,13 +252,6 @@
     
 <div class="cell border-box-sizing code_cell rendered">
 
-</div>
-    {% endraw %}
-
-    {% raw %}
-    
-<div class="cell border-box-sizing code_cell rendered">
-
 <div class="output_wrapper">
 <div class="output">
 
@@ -312,7 +314,7 @@ <h4 id="events" class="doc_header"><code>events</code><a href="https://github.co
 
 
 <div class="output_markdown rendered_html output_subarea ">
-<h2 id="LoopStack" class="doc_header"><code>class</code> <code>LoopStack</code><a href="https://github.com/raynardj/forgebox/tree/master/forgebox/loopstack.py#L24" class="source_link" style="float:right">[source]</a></h2><blockquote><p><code>LoopStack</code>(<strong><code>iterable</code></strong>=<em><code>[]</code></em>, <strong><code>name</code></strong>=<em><code>None</code></em>) :: <a href="/forgebox/loop#Loop"><code>Loop</code></a></p>
+<h2 id="LoopStack" class="doc_header"><code>class</code> <code>LoopStack</code><a href="https://github.com/raynardj/forgebox/tree/master/forgebox/loopstack.py#L24" class="source_link" style="float:right">[source]</a></h2><blockquote><p><code>LoopStack</code>(<strong><code>iterable</code></strong>=<em><code>[]</code></em>, <strong><code>name</code></strong>=<em><code>None</code></em>) :: <a href="/forgebox/loop.html#Loop"><code>Loop</code></a></p>
 </blockquote>
 <p>Basic loop class</p>
 
@@ -323,6 +325,13 @@ <h2 id="LoopStack" class="doc_header"><code>class</code> <code>LoopStack</code><
 </div>
 </div>
 
+</div>
+    {% endraw %}
+
+    {% raw %}
+    
+<div class="cell border-box-sizing code_cell rendered">
+
 </div>
     {% endraw %}
 
@@ -355,13 +364,6 @@ <h2 id="Tabulated-Metrics">Tabulated Metrics<a class="anchor-link" href="#Tabula
     
 <div class="cell border-box-sizing code_cell rendered">
 
-</div>
-    {% endraw %}
-
-    {% raw %}
-    
-<div class="cell border-box-sizing code_cell rendered">
-
 <div class="output_wrapper">
 <div class="output">
 
@@ -380,6 +382,13 @@ <h2 id="MetricTab" class="doc_header"><code>class</code> <code>MetricTab</code><
 </div>
 </div>
 
+</div>
+    {% endraw %}
+
+    {% raw %}
+    
+<div class="cell border-box-sizing code_cell rendered">
+
 </div>
     {% endraw %}
 
@@ -651,13 +660,6 @@ <h2 id="MetricTab" class="doc_header"><code>class</code> <code>MetricTab</code><
     
 <div class="cell border-box-sizing code_cell rendered">
 
-</div>
-    {% endraw %}
-
-    {% raw %}
-    
-<div class="cell border-box-sizing code_cell rendered">
-
 <div class="output_wrapper">
 <div class="output">
 
@@ -665,7 +667,7 @@ <h2 id="MetricTab" class="doc_header"><code>class</code> <code>MetricTab</code><
 
 
 <div class="output_markdown rendered_html output_subarea ">
-<h4 id="train_callbacks" class="doc_header"><code>train_callbacks</code><a href="https://github.com/raynardj/forgebox/tree/master/forgebox/loopstack.py#L118" class="source_link" style="float:right">[source]</a></h4><blockquote><p><code>train_callbacks</code>(<strong><code>loop</code></strong>:<a href="/forgebox/loop#Loop"><code>Loop</code></a>)</p>
+<h4 id="train_callbacks" class="doc_header"><code>train_callbacks</code><a href="https://github.com/raynardj/forgebox/tree/master/forgebox/loopstack.py#L118" class="source_link" style="float:right">[source]</a></h4><blockquote><p><code>train_callbacks</code>(<strong><code>loop</code></strong>:<a href="/forgebox/loop.html#Loop"><code>Loop</code></a>)</p>
 </blockquote>
 <p>call backs allow optimizing model weights</p>
 
@@ -690,7 +692,7 @@ <h4 id="train_callbacks" class="doc_header"><code>train_callbacks</code><a href=
 
 
 <div class="output_markdown rendered_html output_subarea ">
-<h4 id="eval_callbacks" class="doc_header"><code>eval_callbacks</code><a href="https://github.com/raynardj/forgebox/tree/master/forgebox/loopstack.py#L135" class="source_link" style="float:right">[source]</a></h4><blockquote><p><code>eval_callbacks</code>(<strong><code>loop</code></strong>:<a href="/forgebox/loop#Loop"><code>Loop</code></a>)</p>
+<h4 id="eval_callbacks" class="doc_header"><code>eval_callbacks</code><a href="https://github.com/raynardj/forgebox/tree/master/forgebox/loopstack.py#L135" class="source_link" style="float:right">[source]</a></h4><blockquote><p><code>eval_callbacks</code>(<strong><code>loop</code></strong>:<a href="/forgebox/loop.html#Loop"><code>Loop</code></a>)</p>
 </blockquote>
 
 </div>
@@ -793,7 +795,7 @@ <h4 id="single_device" class="doc_header"><code>single_device</code><a href="htt
 
 
 <div class="output_markdown rendered_html output_subarea ">
-<h2 id="TrainLoop" class="doc_header"><code>class</code> <code>TrainLoop</code><a href="" class="source_link" style="float:right">[source]</a></h2><blockquote><p><code>TrainLoop</code>(<strong><code>data_iter</code></strong>, <strong><code>model</code></strong>=<em><code>[]</code></em>, <strong><code>opt</code></strong>=<em><code>[]</code></em>, <strong><code>loss_func</code></strong>=<em><code>[]</code></em>, <strong><code>loss</code></strong>=<em><code>[]</code></em>, <strong><code>hp</code></strong>=<em><code>[]</code></em>, <strong><code>cuda</code></strong>=<em><code>[]</code></em>, <strong><code>callbacks</code></strong>=<em><code>[&lt;function train_callbacks at 0x1117f50e0&gt;]</code></em>, <strong><code>tolerate</code></strong>=<em><code>True</code></em>) :: <a href="/forgebox/loopstack#LoopStack"><code>LoopStack</code></a></p>
+<h2 id="TrainLoop" class="doc_header"><code>class</code> <code>TrainLoop</code><a href="https://github.com/raynardj/forgebox/tree/master/forgebox/loopstack.py#L215" class="source_link" style="float:right">[source]</a></h2><blockquote><p><code>TrainLoop</code>(<strong><code>data_iter</code></strong>, <strong><code>model</code></strong>=<em><code>[]</code></em>, <strong><code>opt</code></strong>=<em><code>[]</code></em>, <strong><code>loss_func</code></strong>=<em><code>[]</code></em>, <strong><code>loss</code></strong>=<em><code>[]</code></em>, <strong><code>hp</code></strong>=<em><code>[]</code></em>, <strong><code>cuda</code></strong>=<em><code>[]</code></em>, <strong><code>callbacks</code></strong>=<em><code>[&lt;function train_callbacks at 0x1203e94d0&gt;]</code></em>, <strong><code>tolerate</code></strong>=<em><code>True</code></em>) :: <a href="/forgebox/loopstack.html#LoopStack"><code>LoopStack</code></a></p>
 </blockquote>
 <p>Basic loop class</p>
 
@@ -818,7 +820,7 @@ <h2 id="TrainLoop" class="doc_header"><code>class</code> <code>TrainLoop</code><
 
 
 <div class="output_markdown rendered_html output_subarea ">
-<h2 id="EvalLoop" class="doc_header"><code>class</code> <code>EvalLoop</code><a href="" class="source_link" style="float:right">[source]</a></h2><blockquote><p><code>EvalLoop</code>(<strong><code>data_iter</code></strong>, <strong><code>callbacks</code></strong>, <strong><code>tolerate</code></strong>=<em><code>False</code></em>) :: <a href="/forgebox/loopstack#LoopStack"><code>LoopStack</code></a></p>
+<h2 id="EvalLoop" class="doc_header"><code>class</code> <code>EvalLoop</code><a href="https://github.com/raynardj/forgebox/tree/master/forgebox/loopstack.py#L234" class="source_link" style="float:right">[source]</a></h2><blockquote><p><code>EvalLoop</code>(<strong><code>data_iter</code></strong>, <strong><code>callbacks</code></strong>, <strong><code>tolerate</code></strong>=<em><code>False</code></em>) :: <a href="/forgebox/loopstack.html#LoopStack"><code>LoopStack</code></a></p>
 </blockquote>
 <p>Basic loop class</p>
 
@@ -829,6 +831,13 @@ <h2 id="EvalLoop" class="doc_header"><code>class</code> <code>EvalLoop</code><a
 </div>
 </div>
 
+</div>
+    {% endraw %}
+
+    {% raw %}
+    
+<div class="cell border-box-sizing code_cell rendered">
+
 </div>
     {% endraw %}
 
@@ -927,18 +936,12 @@ <h2 id="EvalLoop" class="doc_header"><code>class</code> <code>EvalLoop</code><a
 
 <div class="output_area">
 
-<div class="output_subarea output_text output_error">
-<pre>
-<span class="ansi-red-fg">---------------------------------------------------------------------------</span>
-<span class="ansi-red-fg">NameError</span>                                 Traceback (most recent call last)
-<span class="ansi-green-fg">&lt;ipython-input-18-205c2633b11f&gt;</span> in <span class="ansi-cyan-fg">&lt;module&gt;</span>
-<span class="ansi-green-intense-fg ansi-bold">      2</span> <span class="ansi-green-fg">import</span> torch
-<span class="ansi-green-intense-fg ansi-bold">      3</span> 
-<span class="ansi-green-fg">----&gt; 4</span><span class="ansi-red-fg"> </span>data_train <span class="ansi-blue-fg">=</span> list<span class="ansi-blue-fg">(</span>zip<span class="ansi-blue-fg">(</span>chunkify<span class="ansi-blue-fg">(</span>x_train<span class="ansi-blue-fg">)</span><span class="ansi-blue-fg">,</span>chunkify<span class="ansi-blue-fg">(</span>y_train<span class="ansi-blue-fg">)</span><span class="ansi-blue-fg">)</span><span class="ansi-blue-fg">)</span>
-<span class="ansi-green-intense-fg ansi-bold">      5</span> data_val <span class="ansi-blue-fg">=</span> list<span class="ansi-blue-fg">(</span>zip<span class="ansi-blue-fg">(</span>chunkify<span class="ansi-blue-fg">(</span>x_val<span class="ansi-blue-fg">)</span><span class="ansi-blue-fg">,</span>chunkify<span class="ansi-blue-fg">(</span>y_val<span class="ansi-blue-fg">)</span><span class="ansi-blue-fg">)</span><span class="ansi-blue-fg">)</span>
-<span class="ansi-green-intense-fg ansi-bold">      6</span> 
-
-<span class="ansi-red-fg">NameError</span>: name &#39;x_train&#39; is not defined</pre>
+<div class="output_subarea output_stream output_stdout output_text">
+<pre>assigning callback &lt;function train_callbacks at 0x1a32fc70e0&gt;
+assigning callback &lt;function simple_forward.&lt;locals&gt;.simple_forward_cb at 0x1a2e995950&gt;
+assigning callback &lt;function eval_callbacks at 0x1a32fc7290&gt;
+assigning callback &lt;function simple_forward.&lt;locals&gt;.simple_forward_cb at 0x1a2e995950&gt;
+</pre>
 </div>
 </div>
 
@@ -1014,13 +1017,6 @@ <h4 id="Assigning-stuff">Assigning stuff<a class="anchor-link" href="#Assigning-
     
 <div class="cell border-box-sizing code_cell rendered">
 
-</div>
-    {% endraw %}
-
-    {% raw %}
-    
-<div class="cell border-box-sizing code_cell rendered">
-
 <div class="output_wrapper">
 <div class="output">
 
@@ -1028,7 +1024,7 @@ <h4 id="Assigning-stuff">Assigning stuff<a class="anchor-link" href="#Assigning-
 
 
 <div class="output_markdown rendered_html output_subarea ">
-<h4 id="find_stuff" class="doc_header"><code>find_stuff</code><a href="https://github.com/raynardj/forgebox/tree/master/forgebox/loopstack.py#L256" class="source_link" style="float:right">[source]</a></h4><blockquote><p><code>find_stuff</code>(<strong><code>core</code></strong>:<a href="/forgebox/loop#StorageCore"><code>StorageCore</code></a>)</p>
+<h4 id="find_stuff" class="doc_header"><code>find_stuff</code><a href="https://github.com/raynardj/forgebox/tree/master/forgebox/loopstack.py#L256" class="source_link" style="float:right">[source]</a></h4><blockquote><p><code>find_stuff</code>(<strong><code>core</code></strong>:<a href="/forgebox/loop.html#StorageCore"><code>StorageCore</code></a>)</p>
 </blockquote>
 
 </div>
@@ -1052,7 +1048,7 @@ <h4 id="find_stuff" class="doc_header"><code>find_stuff</code><a href="https://g
 
 
 <div class="output_markdown rendered_html output_subarea ">
-<h4 id="share_stuff" class="doc_header"><code>share_stuff</code><a href="https://github.com/raynardj/forgebox/tree/master/forgebox/loopstack.py#L260" class="source_link" style="float:right">[source]</a></h4><blockquote><p><code>share_stuff</code>(<strong><code>loop_from</code></strong>:<a href="/forgebox/loop#Loop"><code>Loop</code></a>, <strong><code>loop_to</code></strong>:<a href="/forgebox/loop#Loop"><code>Loop</code></a>)</p>
+<h4 id="share_stuff" class="doc_header"><code>share_stuff</code><a href="https://github.com/raynardj/forgebox/tree/master/forgebox/loopstack.py#L260" class="source_link" style="float:right">[source]</a></h4><blockquote><p><code>share_stuff</code>(<strong><code>loop_from</code></strong>:<a href="/forgebox/loop.html#Loop"><code>Loop</code></a>, <strong><code>loop_to</code></strong>:<a href="/forgebox/loop.html#Loop"><code>Loop</code></a>)</p>
 </blockquote>
 
 </div>
@@ -1062,6 +1058,13 @@ <h4 id="share_stuff" class="doc_header"><code>share_stuff</code><a href="https:/
 </div>
 </div>
 
+</div>
+    {% endraw %}
+
+    {% raw %}
+    
+<div class="cell border-box-sizing code_cell rendered">
+
 </div>
     {% endraw %}
 
diff --git a/docs/minimum.html b/docs/minimum.html
index 299d365..b777ee2 100644
--- a/docs/minimum.html
+++ b/docs/minimum.html
@@ -2,10 +2,13 @@
 
 title: Minimum
 
+
 keywords: fastai
 sidebar: home_sidebar
 
 summary: "Minimal way of managing a **(Directed Acyclic Graph)DAG pipeline**"
+description: "Minimal way of managing a **(Directed Acyclic Graph)DAG pipeline**"
+nb_path: "nbs/21_minimum.ipynb"
 ---
 <!--
 
@@ -18,17 +21,23 @@
 -->
 
 <div class="container" id="notebook-container">
-    {% raw %}
         
+    {% raw %}
+    
 <div class="cell border-box-sizing code_cell rendered">
 
 </div>
-<div class="cell border-box-sizing code_cell rendered">
+    {% endraw %}
 
-</div>
+    {% raw %}
+    
 <div class="cell border-box-sizing code_cell rendered">
 
 </div>
+    {% endraw %}
+
+    {% raw %}
+    
 <div class="cell border-box-sizing code_cell rendered">
 
 <div class="output_wrapper">
@@ -49,6 +58,10 @@ <h4 id="now" class="doc_header"><code>now</code><a href="https://github.com/rayn
 </div>
 
 </div>
+    {% endraw %}
+
+    {% raw %}
+    
 <div class="cell border-box-sizing code_cell rendered">
 
 <div class="output_wrapper">
@@ -69,6 +82,17 @@ <h2 id="Link" class="doc_header"><code>class</code> <code>Link</code><a href="ht
 </div>
 
 </div>
+    {% endraw %}
+
+    {% raw %}
+    
+<div class="cell border-box-sizing code_cell rendered">
+
+</div>
+    {% endraw %}
+
+    {% raw %}
+    
 <div class="cell border-box-sizing code_cell rendered">
 <div class="input">
 
@@ -82,6 +106,10 @@ <h2 id="Link" class="doc_header"><code>class</code> <code>Link</code><a href="ht
 </div>
 
 </div>
+    {% endraw %}
+
+    {% raw %}
+    
 <div class="cell border-box-sizing code_cell rendered">
 <div class="input">
 
@@ -109,6 +137,10 @@ <h2 id="Link" class="doc_header"><code>class</code> <code>Link</code><a href="ht
 </div>
 
 </div>
+    {% endraw %}
+
+    {% raw %}
+    
 <div class="cell border-box-sizing code_cell rendered">
 <div class="input">
 
@@ -164,6 +196,10 @@ <h2 id="Link" class="doc_header"><code>class</code> <code>Link</code><a href="ht
 </div>
 
 </div>
+    {% endraw %}
+
+    {% raw %}
+    
 <div class="cell border-box-sizing code_cell rendered">
 <div class="input">
 
@@ -193,6 +229,10 @@ <h2 id="Link" class="doc_header"><code>class</code> <code>Link</code><a href="ht
 </div>
 
 </div>
+    {% endraw %}
+
+    {% raw %}
+    
 <div class="cell border-box-sizing code_cell rendered">
 <div class="input">
 
@@ -223,6 +263,10 @@ <h2 id="Link" class="doc_header"><code>class</code> <code>Link</code><a href="ht
 </div>
 
 </div>
+    {% endraw %}
+
+    {% raw %}
+    
 <div class="cell border-box-sizing code_cell rendered">
 <div class="input">
 
@@ -252,6 +296,10 @@ <h2 id="Link" class="doc_header"><code>class</code> <code>Link</code><a href="ht
 </div>
 
 </div>
+    {% endraw %}
+
+    {% raw %}
+    
 <div class="cell border-box-sizing code_cell rendered">
 <div class="input">
 
@@ -281,6 +329,10 @@ <h2 id="Link" class="doc_header"><code>class</code> <code>Link</code><a href="ht
 </div>
 
 </div>
+    {% endraw %}
+
+    {% raw %}
+    
 <div class="cell border-box-sizing code_cell rendered">
 <div class="input">
 
@@ -294,6 +346,10 @@ <h2 id="Link" class="doc_header"><code>class</code> <code>Link</code><a href="ht
 </div>
 
 </div>
+    {% endraw %}
+
+    {% raw %}
+    
 <div class="cell border-box-sizing code_cell rendered">
 <div class="input">
 
@@ -311,6 +367,10 @@ <h2 id="Link" class="doc_header"><code>class</code> <code>Link</code><a href="ht
 </div>
 
 </div>
+    {% endraw %}
+
+    {% raw %}
+    
 <div class="cell border-box-sizing code_cell rendered">
 <div class="input">
 
@@ -343,6 +403,10 @@ <h2 id="Link" class="doc_header"><code>class</code> <code>Link</code><a href="ht
 </div>
 
 </div>
+    {% endraw %}
+
+    {% raw %}
+    
 <div class="cell border-box-sizing code_cell rendered">
 <div class="input">
 
@@ -362,6 +426,10 @@ <h2 id="Link" class="doc_header"><code>class</code> <code>Link</code><a href="ht
 </div>
 
 </div>
+    {% endraw %}
+
+    {% raw %}
+    
 <div class="cell border-box-sizing code_cell rendered">
 <div class="input">
 
@@ -392,6 +460,7 @@ <h2 id="Link" class="doc_header"><code>class</code> <code>Link</code><a href="ht
 
 </div>
     {% endraw %}
+
 </div>
  
 
diff --git a/docs/static_file.html b/docs/static_file.html
index 1895cf4..1082a0a 100644
--- a/docs/static_file.html
+++ b/docs/static_file.html
@@ -2,10 +2,13 @@
 
 title: Get static file
 
+
 keywords: fastai
 sidebar: home_sidebar
 
 summary: "get none-python file, like js and html"
+description: "get none-python file, like js and html"
+nb_path: "nbs/12_static_file.ipynb"
 ---
 <!--
 
@@ -18,14 +21,16 @@
 -->
 
 <div class="container" id="notebook-container">
-    {% raw %}
         
+    {% raw %}
+    
 <div class="cell border-box-sizing code_cell rendered">
 
 </div>
-<div class="cell border-box-sizing code_cell rendered">
+    {% endraw %}
 
-</div>
+    {% raw %}
+    
 <div class="cell border-box-sizing code_cell rendered">
 
 <div class="output_wrapper">
@@ -47,6 +52,10 @@ <h4 id="get_static" class="doc_header"><code>get_static</code><a href="https://g
 </div>
 
 </div>
+    {% endraw %}
+
+    {% raw %}
+    
 <div class="cell border-box-sizing code_cell rendered">
 
 <div class="output_wrapper">
@@ -67,6 +76,15 @@ <h4 id="open_static" class="doc_header"><code>open_static</code><a href="https:/
 </div>
 
 </div>
+    {% endraw %}
+
+    {% raw %}
+    
+<div class="cell border-box-sizing code_cell rendered">
+
+</div>
+    {% endraw %}
+
 <div class="cell border-box-sizing text_cell rendered"><div class="inner_cell">
 <div class="text_cell_render border-box-sizing rendered_html">
 <p>The static file directory</p>
@@ -74,6 +92,8 @@ <h4 id="open_static" class="doc_header"><code>open_static</code><a href="https:/
 </div>
 </div>
 </div>
+    {% raw %}
+    
 <div class="cell border-box-sizing code_cell rendered">
 <div class="input">
 
@@ -103,6 +123,8 @@ <h4 id="open_static" class="doc_header"><code>open_static</code><a href="https:/
 </div>
 
 </div>
+    {% endraw %}
+
 <div class="cell border-box-sizing text_cell rendered"><div class="inner_cell">
 <div class="text_cell_render border-box-sizing rendered_html">
 <p>Open relative path</p>
@@ -110,6 +132,8 @@ <h4 id="open_static" class="doc_header"><code>open_static</code><a href="https:/
 </div>
 </div>
 </div>
+    {% raw %}
+    
 <div class="cell border-box-sizing code_cell rendered">
 <div class="input">
 
@@ -139,6 +163,10 @@ <h4 id="open_static" class="doc_header"><code>open_static</code><a href="https:/
 </div>
 
 </div>
+    {% endraw %}
+
+    {% raw %}
+    
 <div class="cell border-box-sizing code_cell rendered">
 <div class="input">
 
@@ -186,6 +214,7 @@ <h4 id="open_static" class="doc_header"><code>open_static</code><a href="https:/
 
 </div>
     {% endraw %}
+
 </div>
  
 
diff --git a/docs/wild_tree_and_loss.html b/docs/wild_tree_and_loss.html
index 4c3c615..7363cc9 100644
--- a/docs/wild_tree_and_loss.html
+++ b/docs/wild_tree_and_loss.html
@@ -2,10 +2,13 @@
 
 title: Wild Tree and loss
 
+
 keywords: fastai
 sidebar: home_sidebar
 
 summary: "A tree loss for classifiying categories as a tree structure"
+description: "A tree loss for classifiying categories as a tree structure"
+nb_path: "nbs/40_wild_tree_and_loss.ipynb"
 ---
 <!--
 
@@ -18,17 +21,24 @@
 -->
 
 <div class="container" id="notebook-container">
-    {% raw %}
         
+    {% raw %}
+    
 <div class="cell border-box-sizing code_cell rendered">
 
 </div>
+    {% endraw %}
+
+    {% raw %}
+    
 <div class="cell border-box-sizing code_cell rendered">
 
 </div>
+    {% endraw %}
+
 <div class="cell border-box-sizing text_cell rendered"><div class="inner_cell">
 <div class="text_cell_render border-box-sizing rendered_html">
-<h2 id="Sample-data">Sample data<a class="anchor-link" href="#Sample-data">&#182;</a></h2>
+<h2 id="Sample-data">Sample data<a class="anchor-link" href="#Sample-data"> </a></h2>
 </div>
 </div>
 </div>
@@ -39,6 +49,8 @@ <h2 id="Sample-data">Sample data<a class="anchor-link" href="#Sample-data">&#182
 </div>
 </div>
 </div>
+    {% raw %}
+    
 <div class="cell border-box-sizing code_cell rendered">
 <div class="input">
 
@@ -53,6 +65,10 @@ <h2 id="Sample-data">Sample data<a class="anchor-link" href="#Sample-data">&#182
 </div>
 
 </div>
+    {% endraw %}
+
+    {% raw %}
+    
 <div class="cell border-box-sizing code_cell rendered">
 <div class="input">
 
@@ -67,6 +83,10 @@ <h2 id="Sample-data">Sample data<a class="anchor-link" href="#Sample-data">&#182
 </div>
 
 </div>
+    {% endraw %}
+
+    {% raw %}
+    
 <div class="cell border-box-sizing code_cell rendered">
 <div class="input">
 
@@ -96,15 +116,16 @@ <h2 id="Sample-data">Sample data<a class="anchor-link" href="#Sample-data">&#182
 </div>
 
 </div>
+    {% endraw %}
+
 <div class="cell border-box-sizing text_cell rendered"><div class="inner_cell">
 <div class="text_cell_render border-box-sizing rendered_html">
-<h2 id="Wildtree">Wildtree<a class="anchor-link" href="#Wildtree">&#182;</a></h2>
-</div>
+<h2 id="Wildtree">Wildtree<a class="anchor-link" href="#Wildtree"> </a></h2>
 </div>
 </div>
-<div class="cell border-box-sizing code_cell rendered">
-
 </div>
+    {% raw %}
+    
 <div class="cell border-box-sizing code_cell rendered">
 
 <div class="output_wrapper">
@@ -126,6 +147,10 @@ <h4 id="cache" class="doc_header"><code>cache</code><a href="https://github.com/
 </div>
 
 </div>
+    {% endraw %}
+
+    {% raw %}
+    
 <div class="cell border-box-sizing code_cell rendered">
 
 <div class="output_wrapper">
@@ -147,6 +172,10 @@ <h2 id="WildNode" class="doc_header"><code>class</code> <code>WildNode</code><a
 </div>
 
 </div>
+    {% endraw %}
+
+    {% raw %}
+    
 <div class="cell border-box-sizing code_cell rendered">
 
 <div class="output_wrapper">
@@ -156,7 +185,7 @@ <h2 id="WildNode" class="doc_header"><code>class</code> <code>WildNode</code><a
 
 
 <div class="output_markdown rendered_html output_subarea ">
-<h2 id="WildEdge" class="doc_header"><code>class</code> <code>WildEdge</code><a href="https://github.com/raynardj/forgebox/tree/master/forgebox/wildtree.py#L130" class="source_link" style="float:right">[source]</a></h2><blockquote><p><code>WildEdge</code>(<strong><code>parent</code></strong>:<a href="/forgebox/wild_tree_and_loss#WildNode"><code>WildNode</code></a>, <strong><code>kid</code></strong>:<a href="/forgebox/wild_tree_and_loss#WildNode"><code>WildNode</code></a>)</p>
+<h2 id="WildEdge" class="doc_header"><code>class</code> <code>WildEdge</code><a href="https://github.com/raynardj/forgebox/tree/master/forgebox/wildtree.py#L130" class="source_link" style="float:right">[source]</a></h2><blockquote><p><code>WildEdge</code>(<strong><code>parent</code></strong>:<a href="/forgebox/wild_tree_and_loss.html#WildNode"><code>WildNode</code></a>, <strong><code>kid</code></strong>:<a href="/forgebox/wild_tree_and_loss.html#WildNode"><code>WildNode</code></a>)</p>
 </blockquote>
 
 </div>
@@ -167,6 +196,10 @@ <h2 id="WildEdge" class="doc_header"><code>class</code> <code>WildEdge</code><a
 </div>
 
 </div>
+    {% endraw %}
+
+    {% raw %}
+    
 <div class="cell border-box-sizing code_cell rendered">
 
 <div class="output_wrapper">
@@ -185,7 +218,7 @@ <h2 id="WildTree" class="doc_header"><code>class</code> <code>WildTree</code><a
 <p>The tree doesn't have to be a very clear structure,
     2 nodes can have both parent-kid and siblings relationship
     the tree will find the shortest path anyway</p>
-<h3 id="Important"><strong>Important</strong><a class="anchor-link" href="#Important">&#182;</a></h3><p>After added all the edges**, use <code>tree.root_map</code> for
+<h3 id="Important"><strong>Important</strong><a class="anchor-link" href="#Important"> </a></h3><p>After added all the edges**, use <code>tree.root_map</code> for
     finding the tree root.</p>
 <p>tree('name1','name2') to get a dataframe on travel path</p>
 
@@ -197,12 +230,23 @@ <h3 id="Important"><strong>Important</strong><a class="anchor-link" href="#Impor
 </div>
 
 </div>
+    {% endraw %}
+
+    {% raw %}
+    
+<div class="cell border-box-sizing code_cell rendered">
+
+</div>
+    {% endraw %}
+
 <div class="cell border-box-sizing text_cell rendered"><div class="inner_cell">
 <div class="text_cell_render border-box-sizing rendered_html">
-<h2 id="Test-wildtree">Test wildtree<a class="anchor-link" href="#Test-wildtree">&#182;</a></h2>
+<h2 id="Test-wildtree">Test wildtree<a class="anchor-link" href="#Test-wildtree"> </a></h2>
 </div>
 </div>
 </div>
+    {% raw %}
+    
 <div class="cell border-box-sizing code_cell rendered">
 <div class="input">
 
@@ -224,6 +268,10 @@ <h2 id="Test-wildtree">Test wildtree<a class="anchor-link" href="#Test-wildtree"
 </div>
 
 </div>
+    {% endraw %}
+
+    {% raw %}
+    
 <div class="cell border-box-sizing code_cell rendered">
 <div class="input">
 
@@ -237,6 +285,10 @@ <h2 id="Test-wildtree">Test wildtree<a class="anchor-link" href="#Test-wildtree"
 </div>
 
 </div>
+    {% endraw %}
+
+    {% raw %}
+    
 <div class="cell border-box-sizing code_cell rendered">
 <div class="input">
 
@@ -250,6 +302,10 @@ <h2 id="Test-wildtree">Test wildtree<a class="anchor-link" href="#Test-wildtree"
 </div>
 
 </div>
+    {% endraw %}
+
+    {% raw %}
+    
 <div class="cell border-box-sizing code_cell rendered">
 <div class="input">
 
@@ -263,6 +319,8 @@ <h2 id="Test-wildtree">Test wildtree<a class="anchor-link" href="#Test-wildtree"
 </div>
 
 </div>
+    {% endraw %}
+
 <div class="cell border-box-sizing text_cell rendered"><div class="inner_cell">
 <div class="text_cell_render border-box-sizing rendered_html">
 <p>WildTree found the root node automatically</p>
@@ -270,6 +328,8 @@ <h2 id="Test-wildtree">Test wildtree<a class="anchor-link" href="#Test-wildtree"
 </div>
 </div>
 </div>
+    {% raw %}
+    
 <div class="cell border-box-sizing code_cell rendered">
 <div class="input">
 
@@ -299,6 +359,10 @@ <h2 id="Test-wildtree">Test wildtree<a class="anchor-link" href="#Test-wildtree"
 </div>
 
 </div>
+    {% endraw %}
+
+    {% raw %}
+    
 <div class="cell border-box-sizing code_cell rendered">
 <div class="input">
 
@@ -326,6 +390,10 @@ <h2 id="Test-wildtree">Test wildtree<a class="anchor-link" href="#Test-wildtree"
 </div>
 
 </div>
+    {% endraw %}
+
+    {% raw %}
+    
 <div class="cell border-box-sizing code_cell rendered">
 <div class="input">
 
@@ -437,6 +505,10 @@ <h2 id="Test-wildtree">Test wildtree<a class="anchor-link" href="#Test-wildtree"
 </div>
 
 </div>
+    {% endraw %}
+
+    {% raw %}
+    
 <div class="cell border-box-sizing code_cell rendered">
 <div class="input">
 
@@ -466,16 +538,17 @@ <h2 id="Test-wildtree">Test wildtree<a class="anchor-link" href="#Test-wildtree"
 </div>
 
 </div>
+    {% endraw %}
+
 <div class="cell border-box-sizing text_cell rendered"><div class="inner_cell">
 <div class="text_cell_render border-box-sizing rendered_html">
-<h2 id="Integrate-to-binary-cross-entropy">Integrate to binary cross entropy<a class="anchor-link" href="#Integrate-to-binary-cross-entropy">&#182;</a></h2><p>This part will create loss function with weights (according to tree), nhot encoder to translate string of a branch</p>
+<h2 id="Integrate-to-binary-cross-entropy">Integrate to binary cross entropy<a class="anchor-link" href="#Integrate-to-binary-cross-entropy"> </a></h2><p>This part will create loss function with weights (according to tree), nhot encoder to translate string of a branch</p>
 
 </div>
 </div>
 </div>
-<div class="cell border-box-sizing code_cell rendered">
-
-</div>
+    {% raw %}
+    
 <div class="cell border-box-sizing code_cell rendered">
 
 <div class="output_wrapper">
@@ -499,6 +572,10 @@ <h4 id="calc_weight" class="doc_header"><code>calc_weight</code><a href="https:/
 </div>
 
 </div>
+    {% endraw %}
+
+    {% raw %}
+    
 <div class="cell border-box-sizing code_cell rendered">
 
 <div class="output_wrapper">
@@ -508,7 +585,7 @@ <h4 id="calc_weight" class="doc_header"><code>calc_weight</code><a href="https:/
 
 
 <div class="output_markdown rendered_html output_subarea ">
-<h4 id="loss_package" class="doc_header"><code>loss_package</code><a href="https://github.com/raynardj/forgebox/tree/master/forgebox/wildtree.py#L221" class="source_link" style="float:right">[source]</a></h4><blockquote><p><code>loss_package</code>(<strong><code>tree</code></strong>:<a href="/forgebox/wild_tree_and_loss#WildTree"><code>WildTree</code></a>)</p>
+<h4 id="loss_package" class="doc_header"><code>loss_package</code><a href="https://github.com/raynardj/forgebox/tree/master/forgebox/wildtree.py#L221" class="source_link" style="float:right">[source]</a></h4><blockquote><p><code>loss_package</code>(<strong><code>tree</code></strong>:<a href="/forgebox/wild_tree_and_loss.html#WildTree"><code>WildTree</code></a>)</p>
 </blockquote>
 <p>Create an entire package of things,
 Input:</p>
@@ -520,7 +597,7 @@ <h4 id="loss_package" class="doc_header"><code>loss_package</code><a href="https
 <li>bce_loss: a pytorch nn module</li>
 <li>encoder: Callable, a function translate name to nhot encoding</li>
 <li>name_list: a list of entity names</li>
-<li>to_root_list: an numpy array describe the<h2 id="--travel-distance-to-root">  travel distance to root<a class="anchor-link" href="#--travel-distance-to-root">&#182;</a></h2></li>
+<li>to_root_list: an numpy array describe the<h2 id="--travel-distance-to-root">  travel distance to root<a class="anchor-link" href="#--travel-distance-to-root"> </a></h2></li>
 </ul>
 </li>
 </ul>
@@ -533,6 +610,17 @@ <h4 id="loss_package" class="doc_header"><code>loss_package</code><a href="https
 </div>
 
 </div>
+    {% endraw %}
+
+    {% raw %}
+    
+<div class="cell border-box-sizing code_cell rendered">
+
+</div>
+    {% endraw %}
+
+    {% raw %}
+    
 <div class="cell border-box-sizing code_cell rendered">
 <div class="input">
 
@@ -546,12 +634,16 @@ <h4 id="loss_package" class="doc_header"><code>loss_package</code><a href="https
 </div>
 
 </div>
+    {% endraw %}
+
 <div class="cell border-box-sizing text_cell rendered"><div class="inner_cell">
 <div class="text_cell_render border-box-sizing rendered_html">
-<h3 id="Encoder-function">Encoder function<a class="anchor-link" href="#Encoder-function">&#182;</a></h3>
+<h3 id="Encoder-function">Encoder function<a class="anchor-link" href="#Encoder-function"> </a></h3>
 </div>
 </div>
 </div>
+    {% raw %}
+    
 <div class="cell border-box-sizing code_cell rendered">
 <div class="input">
 
@@ -565,6 +657,10 @@ <h3 id="Encoder-function">Encoder function<a class="anchor-link" href="#Encoder-
 </div>
 
 </div>
+    {% endraw %}
+
+    {% raw %}
+    
 <div class="cell border-box-sizing code_cell rendered">
 <div class="input">
 
@@ -578,6 +674,10 @@ <h3 id="Encoder-function">Encoder function<a class="anchor-link" href="#Encoder-
 </div>
 
 </div>
+    {% endraw %}
+
+    {% raw %}
+    
 <div class="cell border-box-sizing code_cell rendered">
 <div class="input">
 
@@ -618,6 +718,8 @@ <h3 id="Encoder-function">Encoder function<a class="anchor-link" href="#Encoder-
 </div>
 
 </div>
+    {% endraw %}
+
 <div class="cell border-box-sizing text_cell rendered"><div class="inner_cell">
 <div class="text_cell_render border-box-sizing rendered_html">
 <p>Visualize a port of nhot encoding</p>
@@ -625,6 +727,8 @@ <h3 id="Encoder-function">Encoder function<a class="anchor-link" href="#Encoder-
 </div>
 </div>
 </div>
+    {% raw %}
+    
 <div class="cell border-box-sizing code_cell rendered">
 <div class="input">
 
@@ -666,12 +770,16 @@ <h3 id="Encoder-function">Encoder function<a class="anchor-link" href="#Encoder-
 </div>
 
 </div>
+    {% endraw %}
+
 <div class="cell border-box-sizing text_cell rendered"><div class="inner_cell">
 <div class="text_cell_render border-box-sizing rendered_html">
-<h3 id="A-list-of-int-suggest-the-travel-distance-to-root-of-all-the-categories">A list of int suggest the travel distance to root of all the categories<a class="anchor-link" href="#A-list-of-int-suggest-the-travel-distance-to-root-of-all-the-categories">&#182;</a></h3>
+<h3 id="A-list-of-int-suggest-the-travel-distance-to-root-of-all-the-categories">A list of int suggest the travel distance to root of all the categories<a class="anchor-link" href="#A-list-of-int-suggest-the-travel-distance-to-root-of-all-the-categories"> </a></h3>
 </div>
 </div>
 </div>
+    {% raw %}
+    
 <div class="cell border-box-sizing code_cell rendered">
 <div class="input">
 
@@ -739,12 +847,16 @@ <h3 id="A-list-of-int-suggest-the-travel-distance-to-root-of-all-the-categories"
 </div>
 
 </div>
+    {% endraw %}
+
 <div class="cell border-box-sizing text_cell rendered"><div class="inner_cell">
 <div class="text_cell_render border-box-sizing rendered_html">
-<h3 id="Loss-function">Loss function<a class="anchor-link" href="#Loss-function">&#182;</a></h3>
+<h3 id="Loss-function">Loss function<a class="anchor-link" href="#Loss-function"> </a></h3>
 </div>
 </div>
 </div>
+    {% raw %}
+    
 <div class="cell border-box-sizing code_cell rendered">
 <div class="input">
 
@@ -775,6 +887,8 @@ <h3 id="Loss-function">Loss function<a class="anchor-link" href="#Loss-function"
 </div>
 
 </div>
+    {% endraw %}
+
 <div class="cell border-box-sizing text_cell rendered"><div class="inner_cell">
 <div class="text_cell_render border-box-sizing rendered_html">
 <p>The loss function as weights according to the structure</p>
@@ -782,6 +896,8 @@ <h3 id="Loss-function">Loss function<a class="anchor-link" href="#Loss-function"
 </div>
 </div>
 </div>
+    {% raw %}
+    
 <div class="cell border-box-sizing code_cell rendered">
 <div class="input">
 
@@ -824,6 +940,7 @@ <h3 id="Loss-function">Loss function<a class="anchor-link" href="#Loss-function"
 
 </div>
     {% endraw %}
+
 </div>