diff --git a/README.md b/README.md
index 28df2da..8867930 100644
--- a/README.md
+++ b/README.md
@@ -1,7 +1,16 @@
 # SLAcer.js ([demo](http://lautr3k.github.io/SLAcer.js/))
+
 ![Screenshot](/screenshot.png?raw=true)
 
+This project is a fork of SLAcer.js adapted for the M3rlin project.
+
+Checkout the original SlAcer.js at
+
+Additional resources:
+brijan.gif : http://thepatternlibrary.com/
+
 # Main features
+
 - Browse or drag/drop STL file.
 - Mesh information: size, volume, cost, etc...
 - Mesh transformation: scale, rotate, translate, mirror.
diff --git a/css/m3rlin.css b/css/m3rlin.css
index 8692750..bff8aee 100644
--- a/css/m3rlin.css
+++ b/css/m3rlin.css
@@ -2,3 +2,25 @@
   opacity: 0.3;
   display: none;
 }
+.modal-header {
+  color: rgb(105, 105, 105);
+  text-align: center;
+}
+.full_modal-dialog {
+  width: 98% !important;
+  height: 92% !important;
+  min-width: 98% !important;
+  min-height: 92% !important;
+  max-width: 98% !important;
+  max-height: 92% !important;
+  padding: 0 !important;
+}
+
+.full_modal-content {
+  height: 99% !important;
+  min-height: 99% !important;
+  max-height: 99% !important;
+}
+.modal-body {
+  background-image: url('../images/brijan.gif');
+}
diff --git a/images/brijan.gif b/images/brijan.gif
new file mode 100644
index 0000000..2e2d864
Binary files /dev/null and b/images/brijan.gif differ
diff --git a/index.html b/index.html
index b5802b5..c574b10 100644
--- a/index.html
+++ b/index.html
@@ -29,637 +29,687 @@
     <link rel="stylesheet" type="text/css" href="css/m3rlin.css" />
   </head>
   <body>
-      <div id="hide">
-    <nav class="navbar navbar-inverse navbar-fixed-top" >
-      <div class="container-fluid">
-        <div class="navbar-header">
-          <button
-            type="button"
-            class="navbar-toggle collapsed"
-            data-toggle="collapse"
-            data-target="#navbar"
-            aria-expanded="false"
-            aria-controls="navbar"
-          >
-            <span class="sr-only">Toggle navigation</span>
-            <span class="icon-bar"></span>
-            <span class="icon-bar"></span>
-            <span class="icon-bar"></span>
-          </button>
-          <a class="navbar-brand" href="#">M3rlin SLAcer.js (bêta)</a>
-        </div>
-        <div id="navbar" class="navbar-collapse collapse">
-          <ul class="nav navbar-nav navbar-right">
-            <li><a href="#">About</a></li>
-            <li><a href="https://github.com/lautr3k/SLAcer.js">GitHub</a></li>
-          </ul>
-        </div>
-      </div>
-    </nav>
-    <!-- .navbar -->
-    <div class="body container-fluid">
-      <div id="sidebar">
-        <div class="form-group">
-          <button id="open-viewer-2d" class="btn btn-primary" type="button">
-            <span class="glyphicon glyphicon-picture"></span> 2D viewer
-          </button>
-          <button id="slice-button" class="btn btn-success" type="button">
-            <span class="glyphicon glyphicon-align-center"></span> Slice
-          </button>
-          <button id="abort-button" class="btn btn-danger hidden" type="button">
-            <span class="glyphicon glyphicon-off"></span> Abort
-          </button>
-          <button
-            id="zip-button"
-            class="btn btn-info"
-            type="button"
-            disabled="disabled"
-          >
-            <span class="glyphicon glyphicon-compressed"></span> ZIP
-          </button>
-        </div>
-
-        <div id="transform" class="panel panel-default">
-          <div class="panel-heading">
+    <div id="hide">
+      <nav class="navbar navbar-inverse navbar-fixed-top">
+        <div class="container-fluid">
+          <div class="navbar-header">
             <button
-              class="panel-toggle btn btn-default btn-xs pull-right"
               type="button"
+              class="navbar-toggle collapsed"
               data-toggle="collapse"
-              data-target="#transform-body"
+              data-target="#navbar"
+              aria-expanded="false"
+              aria-controls="navbar"
             >
-              <span class="glyphicon glyphicon-menu-down"></span>
+              <span class="sr-only">Toggle navigation</span>
+              <span class="icon-bar"></span>
+              <span class="icon-bar"></span>
+              <span class="icon-bar"></span>
             </button>
-            <h3 class="panel-title">Transformations</h3>
+            <a class="navbar-brand" href="#">M3rlin SLAcer.js (bêta)</a>
           </div>
-          <div id="transform-body" class="panel-body collapse in">
-            <div class="form-group" id="transform-mirror">
-              <label for="transform-mirror">Mirror</label>
-              <input
-                type="radio"
-                name="transform-mirror"
-                id="transform-mirror-yes"
-                value="yes"
-              />
-              yes
-              <input
-                type="radio"
-                name="transform-mirror"
-                id="transform-mirror-no"
-                value="no"
-                checked="checked"
-              />
-              no
-            </div>
-            <hr />
-            <div class="form-group">
-              <label for="transform-action">Action</label>
-              <select id="transform-action" class="form-control input-sm">
-                <option>scale</option>
-                <option>rotate</option>
-                <option>translate</option>
-              </select>
-            </div>
-            <div class="form-group" id="transform-uniform">
-              <label for="transform-uniform">Uniform</label>
-              <input
-                type="radio"
-                name="transform-uniform"
-                id="transform-uniform-yes"
-                value="yes"
-                checked="checked"
-              />
-              yes
-              <input
-                type="radio"
-                name="transform-uniform"
-                id="transform-uniform-no"
-                value="no"
-              />
-              no
-            </div>
-            <div class="form-group">
-              <label for="transform-x">X</label>
-              <input
-                type="number"
-                id="transform-x"
-                class="form-control input-sm"
-                placeholder="0"
-              />
-            </div>
-            <div class="form-group">
-              <label for="transform-y">Y</label>
-              <input
-                type="number"
-                id="transform-y"
-                class="form-control input-sm"
-                placeholder="0"
-              />
-            </div>
-            <div class="form-group">
-              <label for="transform-z">Z</label>
-              <input
-                type="number"
-                id="transform-z"
-                class="form-control input-sm"
-                placeholder="0"
-              />
-            </div>
+          <div id="navbar" class="navbar-collapse collapse">
+            <ul class="nav navbar-nav navbar-right">
+              <li><a href="#">About</a></li>
+              <li><a href="https://github.com/lautr3k/SLAcer.js">GitHub</a></li>
+            </ul>
           </div>
         </div>
-        <!-- #transform -->
-
-        <div id="file" class="panel panel-default">
-          <div class="panel-heading">
+      </nav>
+      <!-- .navbar -->
+      <div class="body container-fluid">
+        <div id="sidebar">
+          <div class="form-group">
+            <button id="open-viewer-2d" class="btn btn-primary" type="button">
+              <span class="glyphicon glyphicon-picture"></span> 2D viewer
+            </button>
+            <button id="slice-button" class="btn btn-success" type="button">
+              <span class="glyphicon glyphicon-align-center"></span> Slice
+            </button>
             <button
-              class="panel-toggle btn btn-default btn-xs pull-right"
+              id="abort-button"
+              class="btn btn-danger hidden"
               type="button"
-              data-toggle="collapse"
-              data-target="#file-body"
             >
-              <span class="glyphicon glyphicon-menu-down"></span>
+              <span class="glyphicon glyphicon-off"></span> Abort
             </button>
-            <h3 class="panel-title">File</h3>
-          </div>
-          <div id="file-body" class="panel-body collapse in">
-            <div class="form-group">
-              <span class="btn btn-default btn-file btn-xs">
-                Browse
-                <input type="file" name="file" id="file-input" accept=".stl" />
-              </span>
-              <small>Or drop an STL file anywhere.</small>
-            </div>
-          </div>
-        </div>
-        <!-- #file -->
-
-        <div id="mesh" class="panel panel-default">
-          <div class="panel-heading">
             <button
-              class="panel-toggle btn btn-default btn-xs pull-right"
+              id="zip-button"
+              class="btn btn-info"
               type="button"
-              data-toggle="collapse"
-              data-target="#mesh-body"
+              disabled="disabled"
             >
-              <span class="glyphicon glyphicon-menu-down"></span>
+              <span class="glyphicon glyphicon-compressed"></span> ZIP
             </button>
-            <h3 class="panel-title">Mesh</h3>
           </div>
-          <div id="mesh-body" class="panel-body collapse in">
-            <div class="info">
-              <span class="info-label">Faces</span>
-              <span class="info-value" id="mesh-faces">0</span>
-            </div>
-            <div class="info">
-              <span class="info-label"
-                >Width
-                <small>(<span class="mesh-size-unit">mm</span>)</small></span
+
+          <div id="transform" class="panel panel-default">
+            <div class="panel-heading">
+              <button
+                class="panel-toggle btn btn-default btn-xs pull-right"
+                type="button"
+                data-toggle="collapse"
+                data-target="#transform-body"
               >
-              <span class="info-value" id="mesh-size-x">0</span>
+                <span class="glyphicon glyphicon-menu-down"></span>
+              </button>
+              <h3 class="panel-title">Transformations</h3>
+            </div>
+            <div id="transform-body" class="panel-body collapse in">
+              <div class="form-group" id="transform-mirror">
+                <label for="transform-mirror">Mirror</label>
+                <input
+                  type="radio"
+                  name="transform-mirror"
+                  id="transform-mirror-yes"
+                  value="yes"
+                />
+                yes
+                <input
+                  type="radio"
+                  name="transform-mirror"
+                  id="transform-mirror-no"
+                  value="no"
+                  checked="checked"
+                />
+                no
+              </div>
+              <hr />
+              <div class="form-group">
+                <label for="transform-action">Action</label>
+                <select id="transform-action" class="form-control input-sm">
+                  <option>scale</option>
+                  <option>rotate</option>
+                  <option>translate</option>
+                </select>
+              </div>
+              <div class="form-group" id="transform-uniform">
+                <label for="transform-uniform">Uniform</label>
+                <input
+                  type="radio"
+                  name="transform-uniform"
+                  id="transform-uniform-yes"
+                  value="yes"
+                  checked="checked"
+                />
+                yes
+                <input
+                  type="radio"
+                  name="transform-uniform"
+                  id="transform-uniform-no"
+                  value="no"
+                />
+                no
+              </div>
+              <div class="form-group">
+                <label for="transform-x">X</label>
+                <input
+                  type="number"
+                  id="transform-x"
+                  class="form-control input-sm"
+                  placeholder="0"
+                />
+              </div>
+              <div class="form-group">
+                <label for="transform-y">Y</label>
+                <input
+                  type="number"
+                  id="transform-y"
+                  class="form-control input-sm"
+                  placeholder="0"
+                />
+              </div>
+              <div class="form-group">
+                <label for="transform-z">Z</label>
+                <input
+                  type="number"
+                  id="transform-z"
+                  class="form-control input-sm"
+                  placeholder="0"
+                />
+              </div>
             </div>
-            <div class="info">
-              <span class="info-label"
-                >Depth
-                <small>(<span class="mesh-size-unit">mm</span>)</small></span
+          </div>
+          <!-- #transform -->
+
+          <div id="file" class="panel panel-default">
+            <div class="panel-heading">
+              <button
+                class="panel-toggle btn btn-default btn-xs pull-right"
+                type="button"
+                data-toggle="collapse"
+                data-target="#file-body"
               >
-              <span class="info-value" id="mesh-size-y">0</span>
+                <span class="glyphicon glyphicon-menu-down"></span>
+              </button>
+              <h3 class="panel-title">File</h3>
+            </div>
+            <div id="file-body" class="panel-body collapse in">
+              <div class="form-group">
+                <span class="btn btn-default btn-file btn-xs">
+                  Browse
+                  <input
+                    type="file"
+                    name="file"
+                    id="file-input"
+                    accept=".stl"
+                  />
+                </span>
+                <small>Or drop an STL file anywhere.</small>
+              </div>
             </div>
-            <div class="info">
-              <span class="info-label"
-                >Height
-                <small>(<span class="mesh-size-unit">mm</span>)</small></span
+          </div>
+          <!-- #file -->
+
+          <div id="mesh" class="panel panel-default">
+            <div class="panel-heading">
+              <button
+                class="panel-toggle btn btn-default btn-xs pull-right"
+                type="button"
+                data-toggle="collapse"
+                data-target="#mesh-body"
               >
-              <span class="info-value" id="mesh-size-z">0</span>
-            </div>
-            <div class="info">
-              <span class="info-label">Volume <small>(ml)</small></span>
-              <span class="info-value" id="mesh-volume">0</span>
-            </div>
-            <div class="info">
-              <span class="info-label">Weight <small>(g)</small></span>
-              <span class="info-value" id="mesh-weight">0</span>
-            </div>
-            <div class="info">
-              <span class="info-label">Cost <small>($)</small></span>
-              <span class="info-value" id="mesh-cost">0</span>
+                <span class="glyphicon glyphicon-menu-down"></span>
+              </button>
+              <h3 class="panel-title">Mesh</h3>
+            </div>
+            <div id="mesh-body" class="panel-body collapse in">
+              <div class="info">
+                <span class="info-label">Faces</span>
+                <span class="info-value" id="mesh-faces">0</span>
+              </div>
+              <div class="info">
+                <span class="info-label"
+                  >Width
+                  <small>(<span class="mesh-size-unit">mm</span>)</small></span
+                >
+                <span class="info-value" id="mesh-size-x">0</span>
+              </div>
+              <div class="info">
+                <span class="info-label"
+                  >Depth
+                  <small>(<span class="mesh-size-unit">mm</span>)</small></span
+                >
+                <span class="info-value" id="mesh-size-y">0</span>
+              </div>
+              <div class="info">
+                <span class="info-label"
+                  >Height
+                  <small>(<span class="mesh-size-unit">mm</span>)</small></span
+                >
+                <span class="info-value" id="mesh-size-z">0</span>
+              </div>
+              <div class="info">
+                <span class="info-label">Volume <small>(ml)</small></span>
+                <span class="info-value" id="mesh-volume">0</span>
+              </div>
+              <div class="info">
+                <span class="info-label">Weight <small>(g)</small></span>
+                <span class="info-value" id="mesh-weight">0</span>
+              </div>
+              <div class="info">
+                <span class="info-label">Cost <small>($)</small></span>
+                <span class="info-value" id="mesh-cost">0</span>
+              </div>
             </div>
           </div>
-        </div>
-        <!-- #mesh -->
+          <!-- #mesh -->
 
-        <div id="slicer" class="panel panel-default">
-          <div class="panel-heading">
-            <button
-              class="panel-toggle btn btn-default btn-xs pull-right"
-              type="button"
-              data-toggle="collapse"
-              data-target="#slicer-body"
-            >
-              <span class="glyphicon glyphicon-menu-down"></span>
-            </button>
-            <h3 class="panel-title">Slicer</h3>
-          </div>
-          <div id="slicer-body" class="panel-body collapse in">
-            <div class="info">
-              <span class="info-label"
-                >Layers <small>(current / total)</small></span
+          <div id="slicer" class="panel panel-default">
+            <div class="panel-heading">
+              <button
+                class="panel-toggle btn btn-default btn-xs pull-right"
+                type="button"
+                data-toggle="collapse"
+                data-target="#slicer-body"
               >
-              <span class="info-value">
-                <span id="slicer-layer-value">0</span> /
-                <span id="slicer-layers-value">0</span>
-              </span>
-            </div>
+                <span class="glyphicon glyphicon-menu-down"></span>
+              </button>
+              <h3 class="panel-title">Slicer</h3>
+            </div>
+            <div id="slicer-body" class="panel-body collapse in">
+              <div class="info">
+                <span class="info-label"
+                  >Layers <small>(current / total)</small></span
+                >
+                <span class="info-value">
+                  <span id="slicer-layer-value">0</span> /
+                  <span id="slicer-layers-value">0</span>
+                </span>
+              </div>
 
-            <hr />
+              <hr />
 
-            <div class="form-group">
-              <label for="slicer-layers-height"
-                >Layers height <small>(μm)</small></label
-              >
-              <input
-                type="number"
-                id="slicer-layers-height"
-                class="form-control input-sm"
-                placeholder="100"
-                min="1"
-              />
-            </div>
-            <div class="form-group">
-              <label for="slicer-light-on"
-                >Exposure time <small>(ms)</small></label
-              >
-              <input
-                type="number"
-                id="slicer-light-on"
-                class="form-control input-sm"
-                placeholder="1000"
-                min="1"
-              />
-            </div>
+              <div class="form-group">
+                <label for="slicer-layers-height"
+                  >Layers height <small>(μm)</small></label
+                >
+                <input
+                  type="number"
+                  id="slicer-layers-height"
+                  class="form-control input-sm"
+                  placeholder="100"
+                  min="1"
+                />
+              </div>
+              <div class="form-group">
+                <label for="slicer-light-on"
+                  >Exposure time <small>(ms)</small></label
+                >
+                <input
+                  type="number"
+                  id="slicer-light-on"
+                  class="form-control input-sm"
+                  placeholder="1000"
+                  min="1"
+                />
+              </div>
 
-            <div class="form-group clearfix">
-              <label for="slicer-lifting-height"
-                >Lifting height <small>(mm)</small></label
-              >
-              <input
-                type="number"
-                id="slicer-lifting-height"
-                class="form-control input-sm"
-                placeholder="3"
-                min="1"
-              />
-            </div>
-            <div class="form-group clearfix">
-              <label for="slicer-lifting-speed"
-                >Lifting speed <small>(mm/min)</small></label
-              >
-              <input
-                type="number"
-                id="slicer-lifting-speed"
-                class="form-control input-sm"
-                placeholder="50"
-                min="1"
-              />
-            </div>
+              <div class="form-group clearfix">
+                <label for="slicer-lifting-height"
+                  >Lifting height <small>(mm)</small></label
+                >
+                <input
+                  type="number"
+                  id="slicer-lifting-height"
+                  class="form-control input-sm"
+                  placeholder="3"
+                  min="1"
+                />
+              </div>
+              <div class="form-group clearfix">
+                <label for="slicer-lifting-speed"
+                  >Lifting speed <small>(mm/min)</small></label
+                >
+                <input
+                  type="number"
+                  id="slicer-lifting-speed"
+                  class="form-control input-sm"
+                  placeholder="50"
+                  min="1"
+                />
+              </div>
 
-            <hr />
+              <hr />
 
-            <div class="form-group">
-              <label for="slicer-image-extension">Output type</label>
-              <input
-                type="radio"
-                name="slicer-image-extension"
-                id="slicer-image-extension-png"
-                value="png"
-                checked="checked"
-              />
-              png
-              <input
-                type="radio"
-                name="slicer-image-extension"
-                id="slicer-image-extension-svg"
-                value="svg"
-              />
-              svg
-            </div>
+              <div class="form-group">
+                <label for="slicer-image-extension">Output type</label>
+                <input
+                  type="radio"
+                  name="slicer-image-extension"
+                  id="slicer-image-extension-png"
+                  value="png"
+                  checked="checked"
+                />
+                png
+                <input
+                  type="radio"
+                  name="slicer-image-extension"
+                  id="slicer-image-extension-svg"
+                  value="svg"
+                />
+                svg
+              </div>
 
-            <hr />
+              <hr />
 
-            <div class="form-group hidden">
-              <label for="slicer-light-off"
-                >Light off delay <small>(ms)</small></label
-              >
-              <input
-                type="number"
-                id="slicer-light-off"
-                class="form-control input-sm"
-                placeholder="500"
-                min="1"
-              />
-            </div>
+              <div class="form-group hidden">
+                <label for="slicer-light-off"
+                  >Light off delay <small>(ms)</small></label
+                >
+                <input
+                  type="number"
+                  id="slicer-light-off"
+                  class="form-control input-sm"
+                  placeholder="500"
+                  min="1"
+                />
+              </div>
 
-            <div class="form-group">
-              <label for="slicer-make-zip">Make ZIP file</label>
-              <input
-                type="radio"
-                name="slicer-make-zip"
-                id="slicer-make-zip-yes"
-                value="yes"
-              />
-              yes
-              <input
-                type="radio"
-                name="slicer-make-zip"
-                id="slicer-make-zip-no"
-                value="no"
-                checked="checked"
-              />
-              no
-            </div>
-            <div class="form-group">
-              <label for="slicer-speed">Speed mode</label>
-              <input
-                type="radio"
-                name="slicer-speed"
-                id="slicer-speed-yes"
-                value="yes"
-              />
-              yes
-              <input
-                type="radio"
-                name="slicer-speed"
-                id="slicer-speed-no"
-                value="no"
-                checked="checked"
-              />
-              no
+              <div class="form-group">
+                <label for="slicer-make-zip">Make ZIP file</label>
+                <input
+                  type="radio"
+                  name="slicer-make-zip"
+                  id="slicer-make-zip-yes"
+                  value="yes"
+                />
+                yes
+                <input
+                  type="radio"
+                  name="slicer-make-zip"
+                  id="slicer-make-zip-no"
+                  value="no"
+                  checked="checked"
+                />
+                no
+              </div>
+              <div class="form-group">
+                <label for="slicer-speed">Speed mode</label>
+                <input
+                  type="radio"
+                  name="slicer-speed"
+                  id="slicer-speed-yes"
+                  value="yes"
+                />
+                yes
+                <input
+                  type="radio"
+                  name="slicer-speed"
+                  id="slicer-speed-no"
+                  value="no"
+                  checked="checked"
+                />
+                no
+              </div>
+              <div class="form-group">
+                <label for="slicer-speed-delay"
+                  >Speed mode<br />delay <small>(ms)</small></label
+                >
+                <input
+                  type="number"
+                  id="slicer-speed-delay"
+                  class="form-control input-sm"
+                  placeholder="100"
+                  min="1"
+                />
+              </div>
             </div>
-            <div class="form-group">
-              <label for="slicer-speed-delay"
-                >Speed mode<br />delay <small>(ms)</small></label
+          </div>
+          <!-- #slicer -->
+
+          <div id="build-volume" class="panel panel-default">
+            <div class="panel-heading">
+              <button
+                class="panel-toggle btn btn-default btn-xs pull-right"
+                type="button"
+                data-toggle="collapse"
+                data-target="#build-volume-body"
               >
-              <input
-                type="number"
-                id="slicer-speed-delay"
-                class="form-control input-sm"
-                placeholder="100"
-                min="1"
-              />
+                <span class="glyphicon glyphicon-menu-down"></span>
+              </button>
+              <h3 class="panel-title">Build volume</h3>
+            </div>
+            <div id="build-volume-body" class="panel-body collapse in">
+              <div class="form-group">
+                <label for="build-volume-x">X <small>(width)</small></label>
+                <input
+                  type="number"
+                  id="build-volume-x"
+                  class="form-control input-sm"
+                  placeholder="100"
+                  min="0"
+                />
+              </div>
+              <div class="form-group">
+                <label for="build-volume-y">Y <small>(depth)</small></label>
+                <input
+                  type="number"
+                  id="build-volume-y"
+                  class="form-control input-sm"
+                  placeholder="100"
+                  min="0"
+                />
+              </div>
+              <div class="form-group">
+                <label for="build-volume-z">Z <small>(height)</small></label>
+                <input
+                  type="number"
+                  id="build-volume-z"
+                  class="form-control input-sm"
+                  placeholder="100"
+                  min="0"
+                />
+              </div>
+              <div class="form-group">
+                <label for="build-volume-unit">unit</label>
+                <input
+                  type="radio"
+                  name="build-volume-unit"
+                  id="build-volume-unit-in"
+                  value="in"
+                />
+                in
+                <input
+                  type="radio"
+                  name="build-volume-unit"
+                  id="build-volume-unit-mm"
+                  value="mm"
+                  checked="checked"
+                />
+                mm
+              </div>
             </div>
           </div>
-        </div>
-        <!-- #slicer -->
+          <!-- #build-volume -->
 
-        <div id="build-volume" class="panel panel-default">
-          <div class="panel-heading">
-            <button
-              class="panel-toggle btn btn-default btn-xs pull-right"
-              type="button"
-              data-toggle="collapse"
-              data-target="#build-volume-body"
-            >
-              <span class="glyphicon glyphicon-menu-down"></span>
-            </button>
-            <h3 class="panel-title">Build volume</h3>
-          </div>
-          <div id="build-volume-body" class="panel-body collapse in">
-            <div class="form-group">
-              <label for="build-volume-x">X <small>(width)</small></label>
-              <input
-                type="number"
-                id="build-volume-x"
-                class="form-control input-sm"
-                placeholder="100"
-                min="0"
-              />
-            </div>
-            <div class="form-group">
-              <label for="build-volume-y">Y <small>(depth)</small></label>
-              <input
-                type="number"
-                id="build-volume-y"
-                class="form-control input-sm"
-                placeholder="100"
-                min="0"
-              />
-            </div>
-            <div class="form-group">
-              <label for="build-volume-z">Z <small>(height)</small></label>
-              <input
-                type="number"
-                id="build-volume-z"
-                class="form-control input-sm"
-                placeholder="100"
-                min="0"
-              />
-            </div>
-            <div class="form-group">
-              <label for="build-volume-unit">unit</label>
-              <input
-                type="radio"
-                name="build-volume-unit"
-                id="build-volume-unit-in"
-                value="in"
-              />
-              in
-              <input
-                type="radio"
-                name="build-volume-unit"
-                id="build-volume-unit-mm"
-                value="mm"
-                checked="checked"
-              />
-              mm
+          <div id="resin" class="panel panel-default">
+            <div class="panel-heading">
+              <button
+                class="panel-toggle btn btn-default btn-xs pull-right"
+                type="button"
+                data-toggle="collapse"
+                data-target="#resin-body"
+              >
+                <span class="glyphicon glyphicon-menu-down"></span>
+              </button>
+              <h3 class="panel-title">Resin</h3>
+            </div>
+            <div id="resin-body" class="panel-body collapse in">
+              <div class="form-group">
+                <label for="resin-density"
+                  >Density <small>(g / cm³)</small></label
+                >
+                <input
+                  type="number"
+                  id="resin-density"
+                  class="form-control input-sm"
+                  placeholder="1.1"
+                  min="0"
+                  step="0.1"
+                />
+              </div>
+              <div class="form-group">
+                <label for="resin-price">Price <small>($ / l)</small></label>
+                <input
+                  type="number"
+                  id="resin-price"
+                  class="form-control input-sm"
+                  placeholder="50"
+                  min="0"
+                />
+              </div>
             </div>
           </div>
-        </div>
-        <!-- #build-volume -->
+          <!-- #resin -->
 
-        <div id="resin" class="panel panel-default">
-          <div class="panel-heading">
-            <button
-              class="panel-toggle btn btn-default btn-xs pull-right"
-              type="button"
-              data-toggle="collapse"
-              data-target="#resin-body"
-            >
-              <span class="glyphicon glyphicon-menu-down"></span>
-            </button>
-            <h3 class="panel-title">Resin</h3>
-          </div>
-          <div id="resin-body" class="panel-body collapse in">
-            <div class="form-group">
-              <label for="resin-density"
-                >Density <small>(g / cm³)</small></label
+          <div id="screen" class="panel panel-default">
+            <div class="panel-heading">
+              <button
+                class="panel-toggle btn btn-default btn-xs pull-right"
+                type="button"
+                data-toggle="collapse"
+                data-target="#screen-body"
               >
-              <input
-                type="number"
-                id="resin-density"
-                class="form-control input-sm"
-                placeholder="1.1"
-                min="0"
-                step="0.1"
-              />
-            </div>
-            <div class="form-group">
-              <label for="resin-price">Price <small>($ / l)</small></label>
-              <input
-                type="number"
-                id="resin-price"
-                class="form-control input-sm"
-                placeholder="50"
-                min="0"
-              />
+                <span class="glyphicon glyphicon-menu-down"></span>
+              </button>
+              <h3 class="panel-title">Screen</h3>
+            </div>
+            <div id="screen-body" class="panel-body collapse in">
+              <div class="info">
+                <span class="info-label">Dot pitch <small>(mm)</small></span>
+                <span class="info-value" id="screen-dot-pitch">0</span>
+              </div>
+              <div class="form-group">
+                <label for="screen-width">Width <small>(px)</small></label>
+                <input
+                  type="number"
+                  id="screen-width"
+                  class="form-control input-sm"
+                  placeholder="1680"
+                  min="0"
+                />
+              </div>
+              <div class="form-group">
+                <label for="screen-height">Height <small>(px)</small></label>
+                <input
+                  type="number"
+                  id="screen-height"
+                  class="form-control input-sm"
+                  placeholder="1050"
+                  min="0"
+                />
+              </div>
+              <div class="form-group">
+                <label for="screen-diagonal-size">Diagonal size</label>
+                <input
+                  type="number"
+                  id="screen-diagonal-size"
+                  class="form-control input-sm"
+                  placeholder="22"
+                  min="0"
+                />
+              </div>
+              <div class="form-group">
+                <label for="screen-diagonal-unit">Diagonal unit</label>
+                <input
+                  type="radio"
+                  name="screen-diagonal-unit"
+                  id="screen-diagonal-unit-in"
+                  value="in"
+                  checked="checked"
+                />
+                in
+                <input
+                  type="radio"
+                  name="screen-diagonal-unit"
+                  id="screen-diagonal-unit-mm"
+                  value="mm"
+                />
+                mm
+              </div>
             </div>
           </div>
-        </div>
-        <!-- #resin -->
+          <!-- #screen -->
 
-        <div id="screen" class="panel panel-default">
-          <div class="panel-heading">
-            <button
-              class="panel-toggle btn btn-default btn-xs pull-right"
-              type="button"
-              data-toggle="collapse"
-              data-target="#screen-body"
-            >
-              <span class="glyphicon glyphicon-menu-down"></span>
-            </button>
-            <h3 class="panel-title">Screen</h3>
-          </div>
-          <div id="screen-body" class="panel-body collapse in">
-            <div class="info">
-              <span class="info-label">Dot pitch <small>(mm)</small></span>
-              <span class="info-value" id="screen-dot-pitch">0</span>
-            </div>
-            <div class="form-group">
-              <label for="screen-width">Width <small>(px)</small></label>
-              <input
-                type="number"
-                id="screen-width"
-                class="form-control input-sm"
-                placeholder="1680"
-                min="0"
-              />
-            </div>
-            <div class="form-group">
-              <label for="screen-height">Height <small>(px)</small></label>
-              <input
-                type="number"
-                id="screen-height"
-                class="form-control input-sm"
-                placeholder="1050"
-                min="0"
-              />
-            </div>
-            <div class="form-group">
-              <label for="screen-diagonal-size">Diagonal size</label>
-              <input
-                type="number"
-                id="screen-diagonal-size"
-                class="form-control input-sm"
-                placeholder="22"
-                min="0"
-              />
-            </div>
-            <div class="form-group">
-              <label for="screen-diagonal-unit">Diagonal unit</label>
-              <input
-                type="radio"
-                name="screen-diagonal-unit"
-                id="screen-diagonal-unit-in"
-                value="in"
-                checked="checked"
-              />
-              in
-              <input
-                type="radio"
-                name="screen-diagonal-unit"
-                id="screen-diagonal-unit-mm"
-                value="mm"
-              />
-              mm
+          <div id="colors" class="panel panel-default">
+            <div class="panel-heading">
+              <button
+                class="panel-toggle btn btn-default btn-xs pull-right"
+                type="button"
+                data-toggle="collapse"
+                data-target="#colors-body"
+              >
+                <span class="glyphicon glyphicon-menu-down"></span>
+              </button>
+              <h3 class="panel-title">Colors</h3>
+            </div>
+            <div id="colors-body" class="panel-body collapse in">
+              <div class="form-group">
+                <label for="mesh-color">Mesh</label>
+                <input
+                  type="text"
+                  id="mesh-color"
+                  class="form-control input-sm"
+                  placeholder="#555555"
+                />
+              </div>
+              <div class="form-group">
+                <label for="slice-color">Slice</label>
+                <input
+                  type="text"
+                  id="slice-color"
+                  class="form-control input-sm"
+                  placeholder="#550000"
+                />
+              </div>
             </div>
           </div>
+          <!-- #colors -->
         </div>
-        <!-- #screen -->
+        <!-- #sidebar -->
 
-        <div id="colors" class="panel panel-default">
-          <div class="panel-heading">
-            <button
-              class="panel-toggle btn btn-default btn-xs pull-right"
-              type="button"
-              data-toggle="collapse"
-              data-target="#colors-body"
-            >
-              <span class="glyphicon glyphicon-menu-down"></span>
-            </button>
-            <h3 class="panel-title">Colors</h3>
-          </div>
-          <div id="colors-body" class="panel-body collapse in">
-            <div class="form-group">
-              <label for="mesh-color">Mesh</label>
-              <input
-                type="text"
-                id="mesh-color"
-                class="form-control input-sm"
-                placeholder="#555555"
-              />
-            </div>
-            <div class="form-group">
-              <label for="slice-color">Slice</label>
-              <input
-                type="text"
-                id="slice-color"
-                class="form-control input-sm"
-                placeholder="#550000"
-              />
-            </div>
-          </div>
+        <div id="main">
+          <div id="viewer3d" class="box fl">loading...</div>
         </div>
-        <!-- #colors -->
-      </div>
-      <!-- #sidebar -->
+        <!-- #main -->
 
-      <div id="main">
-        <div id="viewer3d" class="box fl">loading...</div>
+        <div id="slider">
+          <span class="max">100</span>
+          <input
+            id="ex4"
+            type="text"
+            data-slider-min="0"
+            data-slider-max="100"
+            data-slider-step="1"
+            data-slider-value="0"
+            data-slider-tooltip="always"
+            data-slider-tooltip-position="left"
+            data-slider-orientation="vertical"
+          />
+          <span class="min">0</span>
+        </div>
+        <!-- #main -->
       </div>
-      <!-- #main -->
+      <!-- .body -->
 
-      <div id="slider">
-        <span class="max">100</span>
-        <input
-          id="ex4"
-          type="text"
-          data-slider-min="0"
-          data-slider-max="100"
-          data-slider-step="1"
-          data-slider-value="0"
-          data-slider-tooltip="always"
-          data-slider-tooltip-position="left"
-          data-slider-orientation="vertical"
-        />
-        <span class="min">0</span>
+      <div id="alert" class="alert alert-warning hidden" role="alert">
+        <!-- <button type="button" class="close" data-dismiss="alert" aria-label="Close"><span aria-hidden="true">&times;</span></button> -->
+        <p class="message">Alert message empty...</p>
       </div>
-      <!-- #main -->
     </div>
-    <!-- .body -->
-
-    <div id="alert" class="alert alert-warning hidden" role="alert">
-      <!-- <button type="button" class="close" data-dismiss="alert" aria-label="Close"><span aria-hidden="true">&times;</span></button> -->
-      <p class="message">Alert message empty...</p>
-    </div>
-</div>
-
-
-
-
-
-
-
 
+    <!-- MODAL START MODAL START MODAL START-->
+    <!-- Button trigger modal -->
 
+    <!-- Modal -->
+    <div
+      class="modal fade"
+      id="m3rlinModal"
+      tabindex="-1"
+      role="dialog"
+      aria-labelledby="exampleModalLabel"
+      aria-hidden="true"
+    >
+      <div class="modal-dialog full_modal-dialog" role="document">
+        <div class="modal-content full_modal-content">
+          <div class="modal-header">
+            <h1 class="modal-title" id="exampleModalLabel">
+              M3rlin 3D Clay Printer
+            </h1>
+            <h3>Built with SLAcer.js</h3>
+            <!-- <button
+              type="button"
+              class="close"
+              data-dismiss="modal"
+              aria-label="Close"
+            >
+              <span aria-hidden="true">&times;</span>
+            </button> -->
+          </div>
+          <div class="modal-body">
+            <div class="m3rlin-options">
 
+                <button class="m3rlin-btn">Quick Start</button>
+                <button class="m3rlin-btn">Configure Printer</button>
+                <button class="m3rlin-btn">About M3rlin</button>
 
+            </div>
+          </div>
+          <!-- <div class="modal-footer">
+            <button
+              type="button"
+              class="btn btn-secondary"
+              data-dismiss="modal"
+            >
+              Close
+            </button>
+            <button type="button" class="btn btn-primary">Save changes</button>
+          </div> -->
+        </div>
+      </div>
+    </div>
+    <!-- MODAL END MODAL END MODAL END -->
 
     <script src="vendor/jquery-2.1.4.min.js" type="text/javascript"></script>
     <script
diff --git a/js/m3rlin.js b/js/m3rlin.js
index 1c2c65d..e56f1b3 100644
--- a/js/m3rlin.js
+++ b/js/m3rlin.js
@@ -3,4 +3,5 @@ $(document).ready(function() {
   //   if ($slicerLayerHeight.val() > 100) {
   //     alert('Wait - are you sure??');
   //   }
+  $('#m3rlinModal').modal('toggle');
 });
