diff --git a/src/adonisjs/public/infra/basic.js b/src/adonisjs/public/infra/basic.js
index f3c445de9..31a31ad9a 100644
--- a/src/adonisjs/public/infra/basic.js
+++ b/src/adonisjs/public/infra/basic.js
@@ -62,8 +62,9 @@ class Basic {
 
    imageResolver(path) {
       let result = path;
+      // <TODO> improve
       if (!(path.startsWith("http://") || path.startsWith("https://") ||
-            path.startsWith("/")))
+            path.startsWith("/") || path.startsWith("../")))
          result = DCCCommonServer.managerAddress + "artifacts/" + path;
       return result;
    }
diff --git a/src/adonisjs/public/player/js/player.js b/src/adonisjs/public/player/js/player.js
index 9ceefbcdb..0d7b54adb 100644
--- a/src/adonisjs/public/player/js/player.js
+++ b/src/adonisjs/public/player/js/player.js
@@ -145,6 +145,7 @@ class PlayerManager {
    
    async knotLoad(knotName) {
       this._currentKnot = knotName;
+      // <TODO> Local Environment - Future
       /*
       this._knotScript = document.createElement("script");
       this._knotScript.src = "knots/" + knotName + ".js";
@@ -155,7 +156,11 @@ class PlayerManager {
          console.log(this._knots);
          const knot = await this._translator.generateHTML(
             this._knots[knotName]);
-         this.presentKnot(knot);
+         if (this._knots[knotName].categories &&
+             this._knots[knotName].categories.indexOf("note") > -1)
+            this.presentNote(knot);
+         else
+            this.presentKnot(knot);
       }
       MessageBus.ext.publish("knot/" + knotName + "/start");
    }
@@ -165,8 +170,11 @@ class PlayerManager {
       
       this._mainPanel.innerHTML = knot;
 
+      // <TODO> Local Environment - Future
+      /*
       if (DCCPlayerServer.localEnv)
          document.head.removeChild(this._knotScript);
+      */
       
       // <TODO> Improve the strategy
       if (this._currentKnot == "entry")
diff --git a/src/adonisjs/public/themes/classic/note.html b/src/adonisjs/public/themes/classic/note.html
index 0f60d57a1..c66ba1f2b 100644
--- a/src/adonisjs/public/themes/classic/note.html
+++ b/src/adonisjs/public/themes/classic/note.html
@@ -1,2 +1,4 @@
-<img src="/themes/classic/images/icon-back.svg">
-<div class="tsty-pul-main">{knot}</div>
\ No newline at end of file
+<div class="sty-std-border styn-note">
+   <img src="/themes/classic/images/icon-back.svg">
+   <div class="tsty-pul-main">{knot}</div>
+</div>
\ No newline at end of file
diff --git a/src/adonisjs/public/themes/minimal/css/theme.css b/src/adonisjs/public/themes/minimal/css/theme.css
index 3e11b595f..5315067f9 100644
--- a/src/adonisjs/public/themes/minimal/css/theme.css
+++ b/src/adonisjs/public/themes/minimal/css/theme.css
@@ -1,5 +1,16 @@
 @charset "UTF-8";
 
+body {
+    font-family: "Trebuchet MS", Helvetica, sans-serif;
+    font-size: 14pt;
+}
+
+.sty-std-border {
+   border: 1px solid gray;
+   border-radius: 5px;
+   margin: 5px;
+}
+
 /* picture-up-left
  *****************/
 
@@ -17,3 +28,16 @@
    margin-right: 10px;
    margin-bottom: 10px;
 }
+
+/* note
+ ******/
+
+.styn-note {
+   background-color: White;
+   margin: 10px;
+}
+
+.styn-control-button {
+   width: 48px;
+   height: 48px;
+}
\ No newline at end of file
diff --git a/src/adonisjs/public/themes/minimal/images/icon-back.svg b/src/adonisjs/public/themes/minimal/images/icon-back.svg
new file mode 100644
index 000000000..63a7be8ba
--- /dev/null
+++ b/src/adonisjs/public/themes/minimal/images/icon-back.svg
@@ -0,0 +1,77 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   width="22"
+   height="22"
+   viewBox="0 0 5.8208331 5.8208333"
+   version="1.1"
+   id="svg1008"
+   inkscape:version="0.92.4 (33fec40, 2019-01-16)"
+   sodipodi:docname="icon-back.svg">
+  <defs
+     id="defs1002" />
+  <sodipodi:namedview
+     id="base"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageopacity="0.0"
+     inkscape:pageshadow="2"
+     inkscape:zoom="7.9195959"
+     inkscape:cx="23.581999"
+     inkscape:cy="-0.87120801"
+     inkscape:document-units="mm"
+     inkscape:current-layer="layer1"
+     showgrid="false"
+     units="px"
+     inkscape:window-width="1299"
+     inkscape:window-height="713"
+     inkscape:window-x="67"
+     inkscape:window-y="27"
+     inkscape:window-maximized="1" />
+  <metadata
+     id="metadata1005">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title></dc:title>
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     inkscape:label="Layer 1"
+     inkscape:groupmode="layer"
+     id="layer1"
+     transform="translate(-104.22155,-124.7404)">
+    <g
+       id="g1571"
+       transform="translate(0.15841495,-0.43771557)">
+      <path
+         style="fill:#ffffff;stroke:#1d1d1b;stroke-width:0.5291667;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         inkscape:connector-curvature="0"
+         d="m 108.38895,127.5898 -0.40896,0.97062 0.81033,1.76775 c 0,0 0.76795,-1.265 0.69551,-1.83059 -0.0725,-0.56558 -1.11158,-0.93067 -1.09694,-0.90783 z"
+         id="path2" />
+      <path
+         inkscape:connector-curvature="0"
+         d="m 108.67721,126.75578 c 0.3135,0.4163 0.79749,1.64717 0.79749,1.64717 -0.0642,-0.72016 -2.84404,-0.81939 -3.65274,-0.62349 -0.1449,-1.14398 1.8639,-2.12642 2.85511,-1.02373 z"
+         id="path4"
+         style="fill:#1d1d1b;fill-opacity:1;stroke:#1d1d1b;stroke-width:0.5291667;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+      <path
+         inkscape:connector-curvature="0"
+         d="m 106.03813,125.84891 c 0.0943,0.13261 1.14519,2.78 1.14519,2.78 l -2.72869,-0.88823 1.58348,-1.89175 z"
+         id="path6"
+         style="fill:#1d1d1b;fill-opacity:1;stroke:#1d1d1b;stroke-width:0.5291667;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+    </g>
+  </g>
+</svg>
diff --git a/src/adonisjs/public/themes/minimal/note.html b/src/adonisjs/public/themes/minimal/note.html
index 4c98ac563..4c4ff0b1e 100644
--- a/src/adonisjs/public/themes/minimal/note.html
+++ b/src/adonisjs/public/themes/minimal/note.html
@@ -1,2 +1,7 @@
-<img src="/themes/minimal/images/icon-back.svg">
-<div class="tsty-pul-main">{knot}</div>
\ No newline at end of file
+<div class="sty-std-border styn-note">
+   <div class="styn-control-button">
+      <dcc-trigger action="knot/</navigate" label="Previous Knot" image="../themes/minimal/images/icon-back.svg"></dcc-trigger>
+   </div>
+
+   <div class="tsty-pul-main">{knot}</div>
+</div>
\ No newline at end of file