diff --git a/.gitignore b/.gitignore
index 2cc4dbf74..de9f23242 100644
--- a/.gitignore
+++ b/.gitignore
@@ -5,3 +5,5 @@
 /*.iml
 /dist
 /doc
+/package-lock.json
+/yarn.lock
diff --git a/.npmignore b/.npmignore
index 3e655c136..959e56cdc 100644
--- a/.npmignore
+++ b/.npmignore
@@ -5,3 +5,4 @@ example
 bower_components
 Gruntfile.js
 bower.json
+yarn.lock
diff --git a/build/jsdoc.js b/build/jsdoc.js
index 9ba88d041..a9a59776c 100644
--- a/build/jsdoc.js
+++ b/build/jsdoc.js
@@ -1,12 +1,27 @@
 (function() {
-    var header = $('.page-header');
-    var pattern = Trianglify({
-        width: window.screen.width | header.outerWidth(),
-        height: header.outerHeight(),
-        cell_size: 90,
-        seed: 'Photo Sphere Viewer',
-        x_colors: ['#09B4E9', '#15884C']
-    });
+  // trianglify
+  var header = $('.page-header');
+  var pattern = Trianglify({
+    width    : window.screen.width | header.outerWidth(),
+    height   : header.outerHeight(),
+    cell_size: 90,
+    seed     : 'Photo Sphere Viewer',
+    x_colors : ['#09B4E9', '#15884C']
+  });
 
-    header.css('background-image', 'url(' + pattern.png() + ')');
+  header.css('background-image', 'url(' + pattern.png() + ')');
+
+  // version
+  var navbarNav = $('#topNavigation');
+  navbarNav.append(
+    '<ul class="nav navbar-nav" style="float:right">' +
+    '  <li class="dropdown">' +
+    '    <a href="#" class="dropdown-toggle" data-toggle="dropdown">v3<b class="caret"></b></a>' +
+    '    <ul class="dropdown-menu">' +
+    '      <li><a href="."><span class="glyphicon glyphicon-ok"></span> Latest (v3)</a></li>' +
+    '      <li><a href="../v4/api">Next (v4)</a></li>' +
+    '    </ul>' +
+    '  </li>' +
+    '</ul>'
+  );
 }());
diff --git a/example/cubemap.html b/example/cubemap.html
index d49c8e2c8..c6251c7e6 100644
--- a/example/cubemap.html
+++ b/example/cubemap.html
@@ -36,8 +36,6 @@
 <script src="../node_modules/uevent/uevent.js"></script>
 <script src="../node_modules/dot/doT.js"></script>
 <script src="../node_modules/nosleep.js/dist/NoSleep.js"></script>
-<script src="../node_modules/three/examples/js/renderers/CanvasRenderer.js"></script>
-<script src="../node_modules/three/examples/js/renderers/Projector.js"></script>
 <script src="../node_modules/three/examples/js/controls/DeviceOrientationControls.js"></script>
 <script src="../node_modules/three/examples/js/effects/StereoEffect.js"></script>
 <script src="../dist/photo-sphere-viewer.js"></script>
@@ -73,7 +71,6 @@
     panorama: panos[0].url,
     caption: panos[0].desc,
     //fisheye: true,
-    //webgl: false,
     time_anim: false,
     default_long: Math.PI / 2,
     loading_img: 'assets/photosphere-logo.gif',
diff --git a/example/equirectangular.html b/example/equirectangular.html
index dac5d96ee..982305495 100644
--- a/example/equirectangular.html
+++ b/example/equirectangular.html
@@ -46,8 +46,6 @@
 <script src="../node_modules/uevent/uevent.js"></script>
 <script src="../node_modules/dot/doT.js"></script>
 <script src="../node_modules/nosleep.js/dist/NoSleep.js"></script>
-<script src="../node_modules/three/examples/js/renderers/CanvasRenderer.js"></script>
-<script src="../node_modules/three/examples/js/renderers/Projector.js"></script>
 <script src="../node_modules/three/examples/js/controls/DeviceOrientationControls.js"></script>
 <script src="../node_modules/three/examples/js/effects/StereoEffect.js"></script>
 <script src="../dist/photo-sphere-viewer.js"></script>
@@ -139,7 +137,6 @@ <h3>Header Level 3</h3>
     time_anim: false,
 //    touchmove_two_fingers: true,
 //    mousemove_hover: true,
-//    webgl: false,
     navbar: [
       'autorotate', 'zoom', 'download', 'markers',
       {
diff --git a/package.json b/package.json
index c22b1e85c..f47ad2fb7 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "photo-sphere-viewer",
-  "version": "3.4.0-SNAPSHOT",
+  "version": "3.5.0-SNAPSHOT",
   "authors": [
     {
       "name": "Jérémy Heleine",