From 6e5dbdeb78b72bf9775ed2ea233db0b2ad8b5e41 Mon Sep 17 00:00:00 2001 From: Jules Laplace Date: Thu, 2 Oct 2014 13:03:24 -0400 Subject: get coordinates for point --- views/partials/scripts.ejs | 3 +++ 1 file changed, 3 insertions(+) (limited to 'views/partials/scripts.ejs') diff --git a/views/partials/scripts.ejs b/views/partials/scripts.ejs index 1ce180a..5ddab2a 100644 --- a/views/partials/scripts.ejs +++ b/views/partials/scripts.ejs @@ -21,8 +21,10 @@ + + @@ -33,6 +35,7 @@ + -- cgit v1.2.3-70-g09d2 From 110097063ab30187a6fd6536111312b021c3e653 Mon Sep 17 00:00:00 2001 From: ryderr Date: Thu, 2 Oct 2014 14:30:12 -0400 Subject: beginning of tutorial overlay --- public/assets/javascripts/app.js | 5 ++ public/assets/javascripts/vendor/chardinjs.min.js | 2 + public/assets/stylesheets/chardinjs.css | 83 +++++++++++++++++++++++ views/controls/editor/toolbar.ejs | 3 +- views/editor.ejs | 2 +- views/partials/meta.ejs | 1 + views/partials/scripts.ejs | 1 + 7 files changed, 95 insertions(+), 2 deletions(-) create mode 100755 public/assets/javascripts/vendor/chardinjs.min.js create mode 100755 public/assets/stylesheets/chardinjs.css (limited to 'views/partials/scripts.ejs') diff --git a/public/assets/javascripts/app.js b/public/assets/javascripts/app.js index a6b6088..98e1820 100644 --- a/public/assets/javascripts/app.js +++ b/public/assets/javascripts/app.js @@ -17,6 +17,11 @@ else { new WOW().init(); + +$('#help-button').click( function(){ + $('body').chardinJs('start') +}); + var scene, cam, map; var app = new function(){} diff --git a/public/assets/javascripts/vendor/chardinjs.min.js b/public/assets/javascripts/vendor/chardinjs.min.js new file mode 100755 index 0000000..56cd7b7 --- /dev/null +++ b/public/assets/javascripts/vendor/chardinjs.min.js @@ -0,0 +1,2 @@ +// Generated by CoffeeScript 1.6.2 +(function(){var e=[].slice;(function(t,n){var r;return r=function(){function e(e){var r=this;this.$el=t(e),t(n).resize(function(){return r.refresh()})}return e.prototype.start=function(){var e,t,n,r;if(this._overlay_visible())return!1;this._add_overlay_layer(),r=this.$el.find("*[data-intro]:visible");for(t=0,n=r.length;t",i.appendChild(s),this._place_tooltip(e),e.className+=" chardinjs-show-element",n="",e.currentStyle?n=e.currentStyle.position:document.defaultView&&document.defaultView.getComputedStyle&&(n=document.defaultView.getComputedStyle(e,null).getPropertyValue("position")),n=n.toLowerCase();if(n!=="absolute"&&n!=="relative")return e.className+=" chardinjs-relative-position"},e.prototype._get_offset=function(e){var t,n,r;t={width:e.offsetWidth,height:e.offsetHeight},n=0,r=0;while(e&&!isNaN(e.offsetLeft)&&!isNaN(e.offsetTop))n+=e.offsetLeft,r+=e.offsetTop,e=e.offsetParent;return t.top=r,t.left=n,t},e}(),t.fn.extend({chardinJs:function(){var n,i,s,o;return o=arguments[0],i=2<=arguments.length?e.call(arguments,1):[],n=t(this[0]),s=n.data("chardinJs"),s||n.data("chardinJs",s=new r(this,o)),typeof o=="string"&&s[o].apply(s,i),s}})})(window.jQuery,window)}).call(this); \ No newline at end of file diff --git a/public/assets/stylesheets/chardinjs.css b/public/assets/stylesheets/chardinjs.css new file mode 100755 index 0000000..15334cf --- /dev/null +++ b/public/assets/stylesheets/chardinjs.css @@ -0,0 +1,83 @@ +.chardinjs-overlay { + position: absolute; + z-index: 999999; + background-color: #000; + opacity: 0; + -webkit-transition: all 0.3s ease-out; + -moz-transition: all 0.3s ease-out; + -ms-transition: all 0.3s ease-out; + -o-transition: all 0.3s ease-out; + transition: all 0.3s ease-out; } + +.chardinjs-helper-layer { + position: absolute; + z-index: 9999998; + color: white; + -webkit-transition: all 0.3s ease-out; + -moz-transition: all 0.3s ease-out; + -ms-transition: all 0.3s ease-out; + -o-transition: all 0.3s ease-out; + transition: all 0.3s ease-out; } + .chardinjs-helper-layer.chardinjs-left { + border-left: solid white 1px; + margin-left: -10px; } + .chardinjs-helper-layer.chardinjs-right { + border-right: solid white 1px; + padding-right: 10px; } + .chardinjs-helper-layer.chardinjs-bottom { + border-bottom: solid white 1px; + padding-bottom: 10px; } + .chardinjs-helper-layer.chardinjs-top { + border-top: solid white 1px; + padding-top: 10px; } + +.chardinjs-tooltip { + position: absolute; + -webkit-transition: opacity 0.1s ease-out; + -moz-transition: opacity 0.1s ease-out; + -ms-transition: opacity 0.1s ease-out; + -o-transition: opacity 0.1s ease-out; + transition: opacity 0.1s ease-out; + max-width: 200px; } + .chardinjs-tooltip.chardinjs-left { + margin-left: -135px; + padding-right: 10px; } + .chardinjs-tooltip.chardinjs-right { + margin-right: -135px; + padding-left: 10px; } + .chardinjs-tooltip.chardinjs-bottom { + margin-bottom: -50px; + padding-top: 10px; } + .chardinjs-tooltip.chardinjs-top { + margin-top: -50px; + padding-bottom: 10px; } + .chardinjs-tooltip.chardinjs-right:before, .chardinjs-tooltip.chardinjs-left:after, .chardinjs-tooltip.chardinjs-bottom:before, .chardinjs-tooltip.chardinjs-top:after { + content: "."; + display: inline-block; + background-color: white; + height: 1px; + overflow: hidden; + position: absolute; } + .chardinjs-tooltip.chardinjs-right:before, .chardinjs-tooltip.chardinjs-left:after { + width: 100px; + top: 50%; } + .chardinjs-tooltip.chardinjs-bottom:before, .chardinjs-tooltip.chardinjs-top:after { + width: 1px; + height: 50px; + left: 50%; } + .chardinjs-tooltip.chardinjs-bottom:before { + top: -50px; } + .chardinjs-tooltip.chardinjs-top:after { + bottom: -50px; } + .chardinjs-tooltip.chardinjs-right:before { + left: -100px; } + .chardinjs-tooltip.chardinjs-left:after { + right: -100px; } + +.chardinjs-show-element { + z-index: 9999999; + opacity: 0.8; } +/* +.chardinjs-relative-position { + position: relative; } +*/ \ No newline at end of file diff --git a/views/controls/editor/toolbar.ejs b/views/controls/editor/toolbar.ejs index 92807e1..586194b 100644 --- a/views/controls/editor/toolbar.ejs +++ b/views/controls/editor/toolbar.ejs @@ -1,4 +1,5 @@ -