diff --git a/index.html b/index.html
index f59267aafe699fa8923a14523ca96cf7751c8851..1a61804b090522c83d134420fe7b20327635d432 100644
--- a/index.html
+++ b/index.html
@@ -673,5 +673,19 @@
         </div><!-- /.modal-content -->
     </div><!-- /.modal-dialog -->
 </div><!-- /.modal -->
+<div class="modal fade" id="aboutAxialStrainModal" tabindex="-1" role="dialog">
+    <div class="modal-dialog modal-med">
+        <div class="modal-content">
+            <div class="modal-body">
+                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
+                  <span aria-hidden="true">&times;</span>
+                </button>
+                <p><b>Axial Strain</b><br/><br/>
+                    ....
+                </p>
+            </div>
+        </div><!-- /.modal-content -->
+    </div><!-- /.modal-dialog -->
+</div><!-- /.modal -->
 </body>
 </html>
\ No newline at end of file
diff --git a/js/controls.js b/js/controls.js
index 1857029b1ad8656b016b9a0d533854df6700a5cd..b52f925a5b18b7fb3b145e7d4ae783501a19abdd 100644
--- a/js/controls.js
+++ b/js/controls.js
@@ -405,6 +405,9 @@ function initControls(globals){
     setLink("#aboutStaticSim", function(){
         $("#aboutStaticSimModal").modal("show");
     });
+    setLink("#aboutAxialStrain", function(){
+        $("#aboutAxialStrainModal").modal("show");
+    });
 
     function setButtonGroup(id, callback){
         $(id+" a").click(function(e){
diff --git a/js/globals.js b/js/globals.js
index a589273ac39efb680f049c06ecb3aeae1bcb6ded..67c65084ee184ddd2e7a0758a00bdefce49a1608 100644
--- a/js/globals.js
+++ b/js/globals.js
@@ -10,7 +10,7 @@ function initGlobals(){
         navMode: "simulation",
 
         //view
-        colorMode: "normal",
+        colorMode: "color",
         color1: "ec008b",
         color2: "dddddd",
         edgesVisible: true,