From 5906c9fbc2ee575557a4994d7b84a9bbf33e9c95 Mon Sep 17 00:00:00 2001
From: Jose Fresco <josemariafresco@gmail.com>
Date: Tue, 25 Nov 2014 15:17:51 -0300
Subject: [PATCH] [tutorial] Added skip buttons for last slide and mobile
 version. Closes #102

---
 lib/tutorial/template.jade | 15 +++++++++------
 lib/tutorial/tutorial.styl | 27 +++++++++++++++++++++------
 2 files changed, 30 insertions(+), 12 deletions(-)

diff --git a/lib/tutorial/template.jade b/lib/tutorial/template.jade
index 4ff31fbb8a..9241fabcdd 100644
--- a/lib/tutorial/template.jade
+++ b/lib/tutorial/template.jade
@@ -14,19 +14,22 @@
         .carousel
           .step1
             .hidden-xs
+              .btn.btn-sm.skip.pull-right Saltar tutorial &gt;&gt;
             .hidden-sm.hidden-md.hidden-lg
+              .btn.btn-sm.skip Saltar tutorial &gt;&gt;
           .step2
             .hidden-xs
+              .btn.btn-sm.skip.pull-right Saltar tutorial &gt;&gt;
             .hidden-sm.hidden-md.hidden-lg
+              .btn.btn-sm.skip Saltar tutorial &gt;&gt;
           .step3
             .hidden-xs
+              .btn.btn-sm.skip.pull-right Saltar tutorial &gt;&gt;
             .hidden-sm.hidden-md.hidden-lg
+              .btn.btn-sm.skip Saltar tutorial &gt;&gt;
           .step4
             .hidden-xs
+              button.btn.btn-lg.btn-primary.skip Ver los proyectos
             .hidden-sm.hidden-md.hidden-lg
-      .col-md-2
-    .row.text-center#carousel-footer
-      .col-md-2
-      .col-md-8
-        a.skip.pull-right Saltar tutorial &gt;&gt;
-      .col-md-2
+              button.btn.btn-md.btn-primary.skip Ver los proyectos
+      .col-md-2
\ No newline at end of file
diff --git a/lib/tutorial/tutorial.styl b/lib/tutorial/tutorial.styl
index 6a41f7af2d..24fb8d5e6c 100644
--- a/lib/tutorial/tutorial.styl
+++ b/lib/tutorial/tutorial.styl
@@ -6,12 +6,28 @@
     font-weight normal
 
 .carousel
+  .btn-lg.skip
+    position absolute
+    bottom 5
+    right 30
+  .btn-sm.skip
+    position absolute
+    bottom 5
+    right 30
+  .btn-md.skip
+    position relative
+    top 470px
+  .hidden-md
+    .skip
+      top 470px
+      position relative
 
   .step1
     .hidden-xs
       height 300px
       background url('/lib/tutorial/images/tutorial-paso1.gif') no-repeat
       background-position center
+      position relative
     .hidden-sm.hidden-md.hidden-lg
       height 443px
       background url('/lib/tutorial/images/tutorial-paso1-mobile.gif') no-repeat
@@ -21,6 +37,7 @@
       height 300px
       background url('/lib/tutorial/images/tutorial-paso2.gif') no-repeat
       background-position center
+      position relative
     .hidden-sm.hidden-md.hidden-lg
       height 443px
       background url('/lib/tutorial/images/tutorial-paso2-mobile.gif') no-repeat
@@ -30,15 +47,18 @@
       height 300px
       background url('/lib/tutorial/images/tutorial-paso3.gif') no-repeat
       background-position center
+      position relative
     .hidden-sm.hidden-md.hidden-lg
       height 443px
       background url('/lib/tutorial/images/tutorial-paso3-mobile.gif') no-repeat
       background-position center
+      position relative
   .step4
     .hidden-xs
       height 300px
       background url('/lib/tutorial/images/tutorial-paso4.gif') no-repeat
       background-position center
+      position relative
     .hidden-sm.hidden-md.hidden-lg
       height 443px
       background url('/lib/tutorial/images/tutorial-paso4-mobile.gif') no-repeat
@@ -66,9 +86,4 @@
   background url('/lib/tutorial/images/next.svg') no-repeat
 
 #carousel-footer
-  padding-bottom 30px
-
-  a.skip
-    margin-top 20px
-    cursor pointer
-
+  padding-bottom 30px
\ No newline at end of file