Vylepšen pan Sponka

articles/2016/nove-stranky.md

@@ -3,6 +3,7 @@ title="Nové stránky ok1kvk.cz"
 perex="Jak jste si jistě všimli, tak jsme nasadili novou podobu stránek ok1kvk.cz. Není to
 pouze nový vzhled, ale kompletně nový systém. Více informací uvnitř článku."
 image="icon.png"
+tags=["Radioklub"]
 [date]
 creation="2016-04-01 12:00:00"
 ```
@@ -41,5 +42,57 @@ pomocníka. K vytvoření pomocníka jsme použili knihovnu [ClippyJS](https://w
     clippy.load('Clippy', function(agent) {
         agent.show();
         agent.speak("Vypadá to, že jste na našich nových stránkách poprvé. Potřebujete s něčím pomoci?");
+        var sleep = function(time) {
+            return function(agent) {
+                return new Promise(function(resolve, reject) {
+                    agent._addToQueue(function (complete) {
+                        window.setTimeout(function() {resolve(agent);complete();}, time);
+                    });
+                });
+            }
+        }
+        Promise.resolve(agent)
+        .then(sleep(1000))
+        .then(function(agent) {
+            var chipPos = $(".chip").first().offset();
+            agent.moveTo(chipPos.left-120, chipPos.top-30);
+            agent.play("GestureLeft");
+            agent.speak("Pro zobrazení podobných článků můžete kliknout na štítek.");
+            return agent;
+        })
+        .then(sleep(1000))
+        .then(function(agent) {
+            var pos = $(".search-icon").first().offset();
+            agent.moveTo(pos.left-120, pos.top);
+            agent.play("GestureLeft");
+            agent.speak("Pro vyhledávání použijte ikonu lupy");
+            return agent;
+        })
+        .then(sleep(1000))
+        .then(function(agent) {
+            var pos = $("#o-nas").first().offset();
+            agent.moveTo(pos.left-120, pos.top);
+            agent.play("GestureLeft");
+            agent.speak("Pro navigaci stránkami použijte menu");
+            return agent;
+        })
+        .then(sleep(1000))
+        .then(function(agent) {
+            var pos = $(".brand-logo").first().offset();
+            var width = $(".brand-logo").first().width();
+            agent.moveTo(pos.left+width, pos.top);
+            agent.play("GestureRight");
+            agent.speak("Pro návrat na úvodní stránku můžete kliknout na logo OK1KVK");
+            return agent;
+        })
+        .then(sleep(1000))
+        .then(function(agent) {
+            var width = $(document).width();
+            var height = $(document).height();
+            agent.moveTo(width/2-62, height - 200);
+            agent.play("GestureDown");
+            agent.speak("Další užitečné odkazy naleznete v patičce stránky");
+            return agent;
+        });
     });
 </script>