From c203a7fac46d0a2164d41149b2a8581075eba664 Mon Sep 17 00:00:00 2001
From: Leclerc Gwendal <gwendal.leclerc@soprasteria.com>
Date: Sun, 27 Mar 2016 04:47:17 +0200
Subject: [PATCH 1/2] feat: replace info, tip and warn shortcodes by notice
 with params

---
 layouts/shortcodes/info.html   | 1 -
 layouts/shortcodes/notice.html | 1 +
 layouts/shortcodes/tip.html    | 1 -
 layouts/shortcodes/warn.html   | 1 -
 4 files changed, 1 insertion(+), 3 deletions(-)
 delete mode 100644 layouts/shortcodes/info.html
 create mode 100644 layouts/shortcodes/notice.html
 delete mode 100644 layouts/shortcodes/tip.html
 delete mode 100644 layouts/shortcodes/warn.html

diff --git a/layouts/shortcodes/info.html b/layouts/shortcodes/info.html
deleted file mode 100644
index 6a24aa9c5e..0000000000
--- a/layouts/shortcodes/info.html
+++ /dev/null
@@ -1 +0,0 @@
-<div class="notices info">{{ .Inner }}</div>
diff --git a/layouts/shortcodes/notice.html b/layouts/shortcodes/notice.html
new file mode 100644
index 0000000000..936f68a3ac
--- /dev/null
+++ b/layouts/shortcodes/notice.html
@@ -0,0 +1 @@
+<div class="notices {{ .Get 0 }}" {{ if len .Params | eq 2 }} id="{{ .Get 1 }}" {{ end }}>{{ .Inner }}</div>
diff --git a/layouts/shortcodes/tip.html b/layouts/shortcodes/tip.html
deleted file mode 100644
index 9312445ebb..0000000000
--- a/layouts/shortcodes/tip.html
+++ /dev/null
@@ -1 +0,0 @@
-<div class="notices tip">{{ .Inner }}</div>
diff --git a/layouts/shortcodes/warn.html b/layouts/shortcodes/warn.html
deleted file mode 100644
index d685b0bf79..0000000000
--- a/layouts/shortcodes/warn.html
+++ /dev/null
@@ -1 +0,0 @@
-<div class="notices warning">{{ .Inner }}</div>

From 1b1544f9cc8cef6273d205f196a0b3b0d264aebd Mon Sep 17 00:00:00 2001
From: Leclerc Gwendal <gwendal.leclerc@soprasteria.com>
Date: Sun, 27 Mar 2016 14:24:51 +0200
Subject: [PATCH 2/2] feat: add button shortcode

---
 layouts/shortcodes/button.html |  1 +
 static/css/hugo-theme.css      | 52 ++++++++++++++++++++++++++++++++++
 static/js/learn.js             |  4 +--
 3 files changed, 55 insertions(+), 2 deletions(-)
 create mode 100644 layouts/shortcodes/button.html

diff --git a/layouts/shortcodes/button.html b/layouts/shortcodes/button.html
new file mode 100644
index 0000000000..c56545af06
--- /dev/null
+++ b/layouts/shortcodes/button.html
@@ -0,0 +1 @@
+<a {{ with .Get "href"}} href="{{.}}" {{ end }} class="btn btn-default">{{ .Inner }} {{ with .Get "icon"}} <i class="{{.}}"></i> {{ end }}</a>
diff --git a/static/css/hugo-theme.css b/static/css/hugo-theme.css
index 7b5933c025..b4ab03349d 100644
--- a/static/css/hugo-theme.css
+++ b/static/css/hugo-theme.css
@@ -84,3 +84,55 @@
 #top-bar.is_stuck {
   box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
 }
+
+.btn {
+  display: inline-block !important;
+  padding: 6px 12px !important;
+  margin-bottom: 0 !important;
+  font-size: 14px !important;
+  font-weight: normal !important;
+  line-height: 1.42857143 !important;
+  text-align: center !important;
+  white-space: nowrap !important;
+  vertical-align: middle !important;
+  -ms-touch-action: manipulation !important;
+      touch-action: manipulation !important;
+  cursor: pointer !important;
+  -webkit-user-select: none !important;
+     -moz-user-select: none !important;
+      -ms-user-select: none !important;
+          user-select: none !important;
+  background-image: none !important;
+  border: 1px solid transparent !important;
+  border-radius: 4px !important;
+  -webkit-transition: all 0.15s !important;
+     -moz-transition: all 0.15s !important;
+          transition: all 0.15s !important;
+}
+.btn:focus {
+  /*outline: thin dotted;
+  outline: 5px auto -webkit-focus-ring-color;
+  outline-offset: -2px;*/
+  outline: none !important;
+}
+.btn:hover,
+.btn:focus {
+  color: #2b2b2b !important;
+  text-decoration: none !important;
+}
+
+.btn-default {
+  color: #333 !important;
+  background-color: #fff !important;
+  border-color: #ccc !important;
+}
+.btn-default:hover,
+.btn-default:focus,
+.btn-default:active {
+  color: #fff !important;
+  background-color: #9e9e9e !important;
+  border-color: #9e9e9e !important;
+}
+.btn-default:active {
+  background-image: none !important;
+}
diff --git a/static/js/learn.js b/static/js/learn.js
index 8036a2237d..3fdbee2a95 100644
--- a/static/js/learn.js
+++ b/static/js/learn.js
@@ -228,8 +228,8 @@ jQuery(document).ready(function() {
       }
     });
 
-    $('#top-bar a:not(:has(img))').addClass('highlight');
-    $('#body-inner a:not(:has(img))').addClass('highlight');
+    $('#top-bar a:not(:has(img)):not(.btn)').addClass('highlight');
+    $('#body-inner a:not(:has(img)):not(.btn)').addClass('highlight');
 
     $('#toc-menu a').hover(function() {
         $('.progress').stop(true, false, true).fadeToggle(100);