+
+
+
diff --git a/docs/src/main/resources/_includes/header.html b/docs/src/main/resources/_includes/header.html
new file mode 100644
index 000000000..8ee0dd949
--- /dev/null
+++ b/docs/src/main/resources/_includes/header.html
@@ -0,0 +1,34 @@
+
+
+{% include base.html %}
+
+
diff --git a/docs/src/main/resources/_includes/headhomepagesection.html b/docs/src/main/resources/_includes/headhomepagesection.html
new file mode 100644
index 000000000..000f3b183
--- /dev/null
+++ b/docs/src/main/resources/_includes/headhomepagesection.html
@@ -0,0 +1,65 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/docs/src/main/resources/_includes/headsection.html b/docs/src/main/resources/_includes/headsection.html
new file mode 100644
index 000000000..ed1930327
--- /dev/null
+++ b/docs/src/main/resources/_includes/headsection.html
@@ -0,0 +1,31 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/docs/src/main/resources/_includes/homepagebottom.html b/docs/src/main/resources/_includes/homepagebottom.html
new file mode 100644
index 000000000..ec3feb228
--- /dev/null
+++ b/docs/src/main/resources/_includes/homepagebottom.html
@@ -0,0 +1,54 @@
+
+
+{% for main in site.pages %}
+{% if main.series == 'homepagebottom' %}
+
+{% endif %}
+
+{% if main.series == 'homepageAddProjects' %}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+{% endif %}
+{% endfor %}
+
+
diff --git a/docs/src/main/resources/_includes/homepagecontributors.html b/docs/src/main/resources/_includes/homepagecontributors.html
new file mode 100644
index 000000000..e9041ea80
--- /dev/null
+++ b/docs/src/main/resources/_includes/homepagecontributors.html
@@ -0,0 +1,18 @@
+
+
+
+{% for main in site.pages reversed %}
+{% if main.series == 'homepagecontributors' %}
+
+
+
+
+
+
+
+
+ {% endif %}
+
+{% endfor %}
+
+
diff --git a/docs/src/main/resources/_includes/homepageheader.html b/docs/src/main/resources/_includes/homepageheader.html
new file mode 100644
index 000000000..58a005a1d
--- /dev/null
+++ b/docs/src/main/resources/_includes/homepageheader.html
@@ -0,0 +1,36 @@
+
+
+{% include base.html %}
+
+
+
diff --git a/docs/src/main/resources/_includes/homepagemiddle.html b/docs/src/main/resources/_includes/homepagemiddle.html
new file mode 100644
index 000000000..f0287abd0
--- /dev/null
+++ b/docs/src/main/resources/_includes/homepagemiddle.html
@@ -0,0 +1,36 @@
+
+
+
+
+{% for main in site.pages %}
+
+
+
+
+
+
Devices
+
Easy to connect devices to either the direct device protocol using HTTP or integrate with any protocol your device is talking and build an device to hawkBit-DMF adapter.
+
+
+
+
User Interface
+
The user interface allows to manage and monitor your software update process for either a small group of devices till monitor a large software rollout.
+
+
+
+
Cloud Ready
+
hawkBit is based on the spring-boot project and allows you to adapt and deploy it to any cloud-platform
+
+
+
+
+
+
+
+
+
+
+ {% endfor %}
+
+
+
\ No newline at end of file
diff --git a/docs/src/main/resources/_includes/homepagetop.html b/docs/src/main/resources/_includes/homepagetop.html
new file mode 100644
index 000000000..005f5e5b0
--- /dev/null
+++ b/docs/src/main/resources/_includes/homepagetop.html
@@ -0,0 +1,44 @@
+
+{% for main in site.pages %}
+ {% if main.series == 'homepagetop' %}
+ {% capture thecycle %}{% cycle 'odd', 'even' %}{% endcapture %}
+
+ {% if thecycle == 'odd' %}
+
+
+ {% if main.videourl %}
+
+
+ {% endif %}
+
+ {% else %}
+
+ {% if main.videourl %}
+
+ {% endif %}
+ {% endif %}
+ {% if main.fadeduration %}
+
+ {% else %}
+
+
+ {% endif %}
+
{{ main.title}}
+
{{ main.content }}
+
+
+
+ {% endif %}
+
+{% endfor %}
diff --git a/docs/src/main/resources/_includes/submenu.html b/docs/src/main/resources/_includes/submenu.html
new file mode 100644
index 000000000..70cdb80e5
--- /dev/null
+++ b/docs/src/main/resources/_includes/submenu.html
@@ -0,0 +1,21 @@
+{% include base.html %}
+{% for menu in include.level %}
+ {% if menu.sub != null %}
+
+ {{ menu.title }}
+
+
+ {% else %}
+
+ {% if menu.href contains 'https://' or menu.href contains 'http://' %}
+ {{ menu.title }}
+ {% else %}
+ {{ menu.title }}
+ {% endif %}
+
+
+ {% endif %}
+{% endfor %}
diff --git a/docs/src/main/resources/_layouts/blog.html b/docs/src/main/resources/_layouts/blog.html
new file mode 100644
index 000000000..23d2c1145
--- /dev/null
+++ b/docs/src/main/resources/_layouts/blog.html
@@ -0,0 +1,78 @@
+---
+layout: default
+---
+{% include base.html %}
+
+
+
+
+
{{page.title}}
+
+
+ {% if page.eclipseid %}
+
+ -
+
+ {{ page.author }}
+
+ {% elsif page.githubid %}
+ -
+
+ {{ page.author }}
+
+
+ {% else %}
+ -
+ {{ page.author }}
+
+ {% endif %}
+ -
+ {{ page.date | date: "%b %-d, %Y" }}
+
+
+
+
+ {{ content }}
+
+ {% if page.videourl %}
+
+
+ {% endif %}
+
+
+
+
+
+{% if paginator.total_pages > 1 %}
+
+{% endif %}
+
diff --git a/docs/src/main/resources/_layouts/blog_summary.html b/docs/src/main/resources/_layouts/blog_summary.html
new file mode 100644
index 000000000..9962d26d4
--- /dev/null
+++ b/docs/src/main/resources/_layouts/blog_summary.html
@@ -0,0 +1,113 @@
+---
+layout: default
+---
+{% include base.html %}
+
+
+
+
+
+
+
+
+
+
+{% for blog in site.pages reversed %}
+ {% if blog.section == 'blog' %}
+
+
+
+
+ {% if blog.eclipseid %}
+ -
+
+ {{ blog.author }}
+
+ {% elsif blog.githubid %}
+ -
+
+ {{ blog.author }}
+
+ {% else %}
+ -
+ {{ blog.author }}
+
+ {% endif %}
+ -
+ {{ blog.date | date: "%b %-d, %Y" }}
+
+
+
+
+ {% if blog.content contains '' %}
+ {{ blog.content | split:'' | first }}
+ Read More...
+ {% else %}
+ {{ blog.content }}
+ {% endif %}
+
+ {% endif %}
+ {% endfor %}
+
+
+
+
+
+
+
Blogs Overview
+
+
+
+
+
+
+
+
+
+
+
+{% if paginator.total_pages > 1 %}
+
+
+{% endif %}
\ No newline at end of file
diff --git a/docs/src/main/resources/_layouts/default.html b/docs/src/main/resources/_layouts/default.html
new file mode 100644
index 000000000..bfaddf974
--- /dev/null
+++ b/docs/src/main/resources/_layouts/default.html
@@ -0,0 +1,13 @@
+
+
+
+ {% include headsection.html %}
+
+
+ {% include header.html %}
+ {{ content }}
+ {% include footer.html %}
+
+
+
+
diff --git a/docs/src/main/resources/_layouts/documentation.html b/docs/src/main/resources/_layouts/documentation.html
new file mode 100644
index 000000000..a15440a42
--- /dev/null
+++ b/docs/src/main/resources/_layouts/documentation.html
@@ -0,0 +1,33 @@
+
+
+ {% include headsection.html %}
+
+ {% include header.html %}
+
+ {% include footer.html %}
+
+
+
diff --git a/docs/src/main/resources/_layouts/downloads.html b/docs/src/main/resources/_layouts/downloads.html
new file mode 100644
index 000000000..24cc3cb6e
--- /dev/null
+++ b/docs/src/main/resources/_layouts/downloads.html
@@ -0,0 +1,82 @@
+---
+layout: default
+---
+{% include base.html %}
+
+
+
+
+ {% for download in site.pages %}
+ {% if download.section == 'downloadsA' %}
+
+
+
+
+
+
+
+
+
+
+
+ |
+
+
+
+
+|
+hawkBit
+Download hawkBit through these sources
+ |
+
+
+
+
+
+
+
+
+
+ |
+
+
+
+
+|
+ |
+
+
+
+
+
+
+
+
+
+
+
+
Source code
+
The source code for Eclipse hawkBit is available on Github
+
+
+{% endif %}
+{% endfor %}
+
\ No newline at end of file
diff --git a/docs/src/main/resources/_layouts/homepage.html b/docs/src/main/resources/_layouts/homepage.html
new file mode 100644
index 000000000..c695c6ecf
--- /dev/null
+++ b/docs/src/main/resources/_layouts/homepage.html
@@ -0,0 +1,27 @@
+
+
+ {% include headhomepagesection.html %}
+
+
+ {% include homepageheader.html %}
+
+
+
+
+
+ {% include homepagetop.html %}
+ {% include homepagemiddle.html %}
+ {% include homepagebottom.html %}
+
+
+
+
+ {% include footer.html %}
+
+
diff --git a/docs/src/main/resources/_layouts/news.html b/docs/src/main/resources/_layouts/news.html
new file mode 100644
index 000000000..a86a26c4b
--- /dev/null
+++ b/docs/src/main/resources/_layouts/news.html
@@ -0,0 +1,31 @@
+---
+layout: default
+---
+{% include base.html %}
+
+
+
+
+
+
+
{{page.title}}
+
+
+ -
+ {{ page.date | date: "%b %-d, %Y" }}
+
+
+
+
+
+
diff --git a/docs/src/main/resources/_layouts/news_summary.html b/docs/src/main/resources/_layouts/news_summary.html
new file mode 100644
index 000000000..97e933d01
--- /dev/null
+++ b/docs/src/main/resources/_layouts/news_summary.html
@@ -0,0 +1,65 @@
+---
+layout: default
+---
+{% include base.html %}
+
+
+
+
+
+ {% for news in site.pages reversed %}
+ {% if news.section == 'news' %}
+
+
+
+
+ -
+ {{ news.date | date: "%b %-d, %Y" }}
+
+
+
+
+
+ {% if news.content contains '' %}
+ {{ news.content | split:'' | first }}
+ Read More...
+ {% else %}
+ {{ news.content }}
+ {% endif %}
+
+ {% endif %}
+ {% endfor %}
+
+
+
+
News Overview
+
+
+
+
+
+
+
+
+
diff --git a/docs/src/main/resources/_layouts/overview.html b/docs/src/main/resources/_layouts/overview.html
new file mode 100644
index 000000000..dabd8bca9
--- /dev/null
+++ b/docs/src/main/resources/_layouts/overview.html
@@ -0,0 +1,20 @@
+---
+layout: default
+---
+{% include base.html %}
+
diff --git a/docs/src/main/resources/assembly.xml b/docs/src/main/resources/assembly.xml
new file mode 100644
index 000000000..a8891e5de
--- /dev/null
+++ b/docs/src/main/resources/assembly.xml
@@ -0,0 +1,24 @@
+
+
+ site
+ /
+
+ zip
+
+
+
+ ${project.build.outputDirectory}
+ /
+
+
+
\ No newline at end of file
diff --git a/docs/src/main/resources/blog/index.md b/docs/src/main/resources/blog/index.md
new file mode 100644
index 000000000..508059600
--- /dev/null
+++ b/docs/src/main/resources/blog/index.md
@@ -0,0 +1,3 @@
+---
+layout: blog_summary
+---
\ No newline at end of file
diff --git a/docs/src/main/resources/css/animate.css b/docs/src/main/resources/css/animate.css
new file mode 100644
index 000000000..60f0c962c
--- /dev/null
+++ b/docs/src/main/resources/css/animate.css
@@ -0,0 +1,2744 @@
+@charset "UTF-8";
+
+
+/*!
+Animate.css - http://daneden.me/animate
+Licensed under the MIT license
+
+Copyright (c) 2013 Daniel Eden
+
+Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
+*/
+
+.animated {
+ -webkit-animation-duration: 1s;
+ animation-duration: 1s;
+ -webkit-animation-fill-mode: both;
+ animation-fill-mode: both;
+}
+
+.animated.hinge {
+ -webkit-animation-duration: 2s;
+ animation-duration: 2s;
+}
+
+@-webkit-keyframes bounce {
+ 0%, 20%, 50%, 80%, 100% {
+ -webkit-transform: translateY(0);
+ transform: translateY(0);
+ }
+
+ 40% {
+ -webkit-transform: translateY(-30px);
+ transform: translateY(-30px);
+ }
+
+ 60% {
+ -webkit-transform: translateY(-15px);
+ transform: translateY(-15px);
+ }
+}
+
+@keyframes bounce {
+ 0%, 20%, 50%, 80%, 100% {
+ -webkit-transform: translateY(0);
+ -ms-transform: translateY(0);
+ transform: translateY(0);
+ }
+
+ 40% {
+ -webkit-transform: translateY(-30px);
+ -ms-transform: translateY(-30px);
+ transform: translateY(-30px);
+ }
+
+ 60% {
+ -webkit-transform: translateY(-15px);
+ -ms-transform: translateY(-15px);
+ transform: translateY(-15px);
+ }
+}
+
+.bounce {
+ -webkit-animation-name: bounce;
+ animation-name: bounce;
+}
+
+@-webkit-keyframes flash {
+ 0%, 50%, 100% {
+ opacity: 1;
+ }
+
+ 25%, 75% {
+ opacity: 0;
+ }
+}
+
+@keyframes flash {
+ 0%, 50%, 100% {
+ opacity: 1;
+ }
+
+ 25%, 75% {
+ opacity: 0;
+ }
+}
+
+.flash {
+ -webkit-animation-name: flash;
+ animation-name: flash;
+}
+
+/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
+
+@-webkit-keyframes pulse {
+ 0% {
+ -webkit-transform: scale(1);
+ transform: scale(1);
+ }
+
+ 50% {
+ -webkit-transform: scale(1.1);
+ transform: scale(1.1);
+ }
+
+ 100% {
+ -webkit-transform: scale(1);
+ transform: scale(1);
+ }
+}
+
+@keyframes pulse {
+ 0% {
+ -webkit-transform: scale(1);
+ -ms-transform: scale(1);
+ transform: scale(1);
+ }
+
+ 50% {
+ -webkit-transform: scale(1.1);
+ -ms-transform: scale(1.1);
+ transform: scale(1.1);
+ }
+
+ 100% {
+ -webkit-transform: scale(1);
+ -ms-transform: scale(1);
+ transform: scale(1);
+ }
+}
+
+.pulse {
+ -webkit-animation-name: pulse;
+ animation-name: pulse;
+}
+
+@-webkit-keyframes shake {
+ 0%, 100% {
+ -webkit-transform: translateX(0);
+ transform: translateX(0);
+ }
+
+ 10%, 30%, 50%, 70%, 90% {
+ -webkit-transform: translateX(-10px);
+ transform: translateX(-10px);
+ }
+
+ 20%, 40%, 60%, 80% {
+ -webkit-transform: translateX(10px);
+ transform: translateX(10px);
+ }
+}
+
+@keyframes shake {
+ 0%, 100% {
+ -webkit-transform: translateX(0);
+ -ms-transform: translateX(0);
+ transform: translateX(0);
+ }
+
+ 10%, 30%, 50%, 70%, 90% {
+ -webkit-transform: translateX(-10px);
+ -ms-transform: translateX(-10px);
+ transform: translateX(-10px);
+ }
+
+ 20%, 40%, 60%, 80% {
+ -webkit-transform: translateX(10px);
+ -ms-transform: translateX(10px);
+ transform: translateX(10px);
+ }
+}
+
+.shake {
+ -webkit-animation-name: shake;
+ animation-name: shake;
+}
+
+@-webkit-keyframes swing {
+ 20% {
+ -webkit-transform: rotate(15deg);
+ transform: rotate(15deg);
+ }
+
+ 40% {
+ -webkit-transform: rotate(-10deg);
+ transform: rotate(-10deg);
+ }
+
+ 60% {
+ -webkit-transform: rotate(5deg);
+ transform: rotate(5deg);
+ }
+
+ 80% {
+ -webkit-transform: rotate(-5deg);
+ transform: rotate(-5deg);
+ }
+
+ 100% {
+ -webkit-transform: rotate(0deg);
+ transform: rotate(0deg);
+ }
+}
+
+@keyframes swing {
+ 20% {
+ -webkit-transform: rotate(15deg);
+ -ms-transform: rotate(15deg);
+ transform: rotate(15deg);
+ }
+
+ 40% {
+ -webkit-transform: rotate(-10deg);
+ -ms-transform: rotate(-10deg);
+ transform: rotate(-10deg);
+ }
+
+ 60% {
+ -webkit-transform: rotate(5deg);
+ -ms-transform: rotate(5deg);
+ transform: rotate(5deg);
+ }
+
+ 80% {
+ -webkit-transform: rotate(-5deg);
+ -ms-transform: rotate(-5deg);
+ transform: rotate(-5deg);
+ }
+
+ 100% {
+ -webkit-transform: rotate(0deg);
+ -ms-transform: rotate(0deg);
+ transform: rotate(0deg);
+ }
+}
+
+.swing {
+ -webkit-transform-origin: top center;
+ -ms-transform-origin: top center;
+ transform-origin: top center;
+ -webkit-animation-name: swing;
+ animation-name: swing;
+}
+
+@-webkit-keyframes tada {
+ 0% {
+ -webkit-transform: scale(1);
+ transform: scale(1);
+ }
+
+ 10%, 20% {
+ -webkit-transform: scale(0.9) rotate(-3deg);
+ transform: scale(0.9) rotate(-3deg);
+ }
+
+ 30%, 50%, 70%, 90% {
+ -webkit-transform: scale(1.1) rotate(3deg);
+ transform: scale(1.1) rotate(3deg);
+ }
+
+ 40%, 60%, 80% {
+ -webkit-transform: scale(1.1) rotate(-3deg);
+ transform: scale(1.1) rotate(-3deg);
+ }
+
+ 100% {
+ -webkit-transform: scale(1) rotate(0);
+ transform: scale(1) rotate(0);
+ }
+}
+
+@keyframes tada {
+ 0% {
+ -webkit-transform: scale(1);
+ -ms-transform: scale(1);
+ transform: scale(1);
+ }
+
+ 10%, 20% {
+ -webkit-transform: scale(0.9) rotate(-3deg);
+ -ms-transform: scale(0.9) rotate(-3deg);
+ transform: scale(0.9) rotate(-3deg);
+ }
+
+ 30%, 50%, 70%, 90% {
+ -webkit-transform: scale(1.1) rotate(3deg);
+ -ms-transform: scale(1.1) rotate(3deg);
+ transform: scale(1.1) rotate(3deg);
+ }
+
+ 40%, 60%, 80% {
+ -webkit-transform: scale(1.1) rotate(-3deg);
+ -ms-transform: scale(1.1) rotate(-3deg);
+ transform: scale(1.1) rotate(-3deg);
+ }
+
+ 100% {
+ -webkit-transform: scale(1) rotate(0);
+ -ms-transform: scale(1) rotate(0);
+ transform: scale(1) rotate(0);
+ }
+}
+
+.tada {
+ -webkit-animation-name: tada;
+ animation-name: tada;
+}
+
+/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
+
+@-webkit-keyframes wobble {
+ 0% {
+ -webkit-transform: translateX(0%);
+ transform: translateX(0%);
+ }
+
+ 15% {
+ -webkit-transform: translateX(-25%) rotate(-5deg);
+ transform: translateX(-25%) rotate(-5deg);
+ }
+
+ 30% {
+ -webkit-transform: translateX(20%) rotate(3deg);
+ transform: translateX(20%) rotate(3deg);
+ }
+
+ 45% {
+ -webkit-transform: translateX(-15%) rotate(-3deg);
+ transform: translateX(-15%) rotate(-3deg);
+ }
+
+ 60% {
+ -webkit-transform: translateX(10%) rotate(2deg);
+ transform: translateX(10%) rotate(2deg);
+ }
+
+ 75% {
+ -webkit-transform: translateX(-5%) rotate(-1deg);
+ transform: translateX(-5%) rotate(-1deg);
+ }
+
+ 100% {
+ -webkit-transform: translateX(0%);
+ transform: translateX(0%);
+ }
+}
+
+@keyframes wobble {
+ 0% {
+ -webkit-transform: translateX(0%);
+ -ms-transform: translateX(0%);
+ transform: translateX(0%);
+ }
+
+ 15% {
+ -webkit-transform: translateX(-25%) rotate(-5deg);
+ -ms-transform: translateX(-25%) rotate(-5deg);
+ transform: translateX(-25%) rotate(-5deg);
+ }
+
+ 30% {
+ -webkit-transform: translateX(20%) rotate(3deg);
+ -ms-transform: translateX(20%) rotate(3deg);
+ transform: translateX(20%) rotate(3deg);
+ }
+
+ 45% {
+ -webkit-transform: translateX(-15%) rotate(-3deg);
+ -ms-transform: translateX(-15%) rotate(-3deg);
+ transform: translateX(-15%) rotate(-3deg);
+ }
+
+ 60% {
+ -webkit-transform: translateX(10%) rotate(2deg);
+ -ms-transform: translateX(10%) rotate(2deg);
+ transform: translateX(10%) rotate(2deg);
+ }
+
+ 75% {
+ -webkit-transform: translateX(-5%) rotate(-1deg);
+ -ms-transform: translateX(-5%) rotate(-1deg);
+ transform: translateX(-5%) rotate(-1deg);
+ }
+
+ 100% {
+ -webkit-transform: translateX(0%);
+ -ms-transform: translateX(0%);
+ transform: translateX(0%);
+ }
+}
+
+.wobble {
+ -webkit-animation-name: wobble;
+ animation-name: wobble;
+}
+
+@-webkit-keyframes bounceIn {
+ 0% {
+ opacity: 0;
+ -webkit-transform: scale(.3);
+ transform: scale(.3);
+ }
+
+ 50% {
+ opacity: 1;
+ -webkit-transform: scale(1.05);
+ transform: scale(1.05);
+ }
+
+ 70% {
+ -webkit-transform: scale(.9);
+ transform: scale(.9);
+ }
+
+ 100% {
+ -webkit-transform: scale(1);
+ transform: scale(1);
+ }
+}
+
+@keyframes bounceIn {
+ 0% {
+ opacity: 0;
+ -webkit-transform: scale(.3);
+ -ms-transform: scale(.3);
+ transform: scale(.3);
+ }
+
+ 50% {
+ opacity: 1;
+ -webkit-transform: scale(1.05);
+ -ms-transform: scale(1.05);
+ transform: scale(1.05);
+ }
+
+ 70% {
+ -webkit-transform: scale(.9);
+ -ms-transform: scale(.9);
+ transform: scale(.9);
+ }
+
+ 100% {
+ -webkit-transform: scale(1);
+ -ms-transform: scale(1);
+ transform: scale(1);
+ }
+}
+
+.bounceIn {
+ -webkit-animation-name: bounceIn;
+ animation-name: bounceIn;
+}
+
+@-webkit-keyframes bounceInDown {
+ 0% {
+ opacity: 0;
+ -webkit-transform: translateY(-2000px);
+ transform: translateY(-2000px);
+ }
+
+ 60% {
+ opacity: 1;
+ -webkit-transform: translateY(30px);
+ transform: translateY(30px);
+ }
+
+ 80% {
+ -webkit-transform: translateY(-10px);
+ transform: translateY(-10px);
+ }
+
+ 100% {
+ -webkit-transform: translateY(0);
+ transform: translateY(0);
+ }
+}
+
+@keyframes bounceInDown {
+ 0% {
+ opacity: 0;
+ -webkit-transform: translateY(-2000px);
+ -ms-transform: translateY(-2000px);
+ transform: translateY(-2000px);
+ }
+
+ 60% {
+ opacity: 1;
+ -webkit-transform: translateY(30px);
+ -ms-transform: translateY(30px);
+ transform: translateY(30px);
+ }
+
+ 80% {
+ -webkit-transform: translateY(-10px);
+ -ms-transform: translateY(-10px);
+ transform: translateY(-10px);
+ }
+
+ 100% {
+ -webkit-transform: translateY(0);
+ -ms-transform: translateY(0);
+ transform: translateY(0);
+ }
+}
+
+.bounceInDown {
+ -webkit-animation-name: bounceInDown;
+ animation-name: bounceInDown;
+}
+
+@-webkit-keyframes bounceInLeft {
+ 0% {
+ opacity: 0;
+ -webkit-transform: translateX(-2000px);
+ transform: translateX(-2000px);
+ }
+
+ 60% {
+ opacity: 1;
+ -webkit-transform: translateX(30px);
+ transform: translateX(30px);
+ }
+
+ 80% {
+ -webkit-transform: translateX(-10px);
+ transform: translateX(-10px);
+ }
+
+ 100% {
+ -webkit-transform: translateX(0);
+ transform: translateX(0);
+ }
+}
+
+@keyframes bounceInLeft {
+ 0% {
+ opacity: 0;
+ -webkit-transform: translateX(-2000px);
+ -ms-transform: translateX(-2000px);
+ transform: translateX(-2000px);
+ }
+
+ 60% {
+ opacity: 1;
+ -webkit-transform: translateX(30px);
+ -ms-transform: translateX(30px);
+ transform: translateX(30px);
+ }
+
+ 80% {
+ -webkit-transform: translateX(-10px);
+ -ms-transform: translateX(-10px);
+ transform: translateX(-10px);
+ }
+
+ 100% {
+ -webkit-transform: translateX(0);
+ -ms-transform: translateX(0);
+ transform: translateX(0);
+ }
+}
+
+.bounceInLeft {
+ -webkit-animation-name: bounceInLeft;
+ animation-name: bounceInLeft;
+}
+
+@-webkit-keyframes bounceInRight {
+ 0% {
+ opacity: 0;
+ -webkit-transform: translateX(2000px);
+ transform: translateX(2000px);
+ }
+
+ 60% {
+ opacity: 1;
+ -webkit-transform: translateX(-30px);
+ transform: translateX(-30px);
+ }
+
+ 80% {
+ -webkit-transform: translateX(10px);
+ transform: translateX(10px);
+ }
+
+ 100% {
+ -webkit-transform: translateX(0);
+ transform: translateX(0);
+ }
+}
+
+@keyframes bounceInRight {
+ 0% {
+ opacity: 0;
+ -webkit-transform: translateX(2000px);
+ -ms-transform: translateX(2000px);
+ transform: translateX(2000px);
+ }
+
+ 60% {
+ opacity: 1;
+ -webkit-transform: translateX(-30px);
+ -ms-transform: translateX(-30px);
+ transform: translateX(-30px);
+ }
+
+ 80% {
+ -webkit-transform: translateX(10px);
+ -ms-transform: translateX(10px);
+ transform: translateX(10px);
+ }
+
+ 100% {
+ -webkit-transform: translateX(0);
+ -ms-transform: translateX(0);
+ transform: translateX(0);
+ }
+}
+
+.bounceInRight {
+ -webkit-animation-name: bounceInRight;
+ animation-name: bounceInRight;
+}
+
+@-webkit-keyframes bounceInUp {
+ 0% {
+ opacity: 0;
+ -webkit-transform: translateY(2000px);
+ transform: translateY(2000px);
+ }
+
+ 60% {
+ opacity: 1;
+ -webkit-transform: translateY(-30px);
+ transform: translateY(-30px);
+ }
+
+ 80% {
+ -webkit-transform: translateY(10px);
+ transform: translateY(10px);
+ }
+
+ 100% {
+ -webkit-transform: translateY(0);
+ transform: translateY(0);
+ }
+}
+
+@keyframes bounceInUp {
+ 0% {
+ opacity: 0;
+ -webkit-transform: translateY(2000px);
+ -ms-transform: translateY(2000px);
+ transform: translateY(2000px);
+ }
+
+ 60% {
+ opacity: 1;
+ -webkit-transform: translateY(-30px);
+ -ms-transform: translateY(-30px);
+ transform: translateY(-30px);
+ }
+
+ 80% {
+ -webkit-transform: translateY(10px);
+ -ms-transform: translateY(10px);
+ transform: translateY(10px);
+ }
+
+ 100% {
+ -webkit-transform: translateY(0);
+ -ms-transform: translateY(0);
+ transform: translateY(0);
+ }
+}
+
+.bounceInUp {
+ -webkit-animation-name: bounceInUp;
+ animation-name: bounceInUp;
+}
+
+@-webkit-keyframes bounceOut {
+ 0% {
+ -webkit-transform: scale(1);
+ transform: scale(1);
+ }
+
+ 25% {
+ -webkit-transform: scale(.95);
+ transform: scale(.95);
+ }
+
+ 50% {
+ opacity: 1;
+ -webkit-transform: scale(1.1);
+ transform: scale(1.1);
+ }
+
+ 100% {
+ opacity: 0;
+ -webkit-transform: scale(.3);
+ transform: scale(.3);
+ }
+}
+
+@keyframes bounceOut {
+ 0% {
+ -webkit-transform: scale(1);
+ -ms-transform: scale(1);
+ transform: scale(1);
+ }
+
+ 25% {
+ -webkit-transform: scale(.95);
+ -ms-transform: scale(.95);
+ transform: scale(.95);
+ }
+
+ 50% {
+ opacity: 1;
+ -webkit-transform: scale(1.1);
+ -ms-transform: scale(1.1);
+ transform: scale(1.1);
+ }
+
+ 100% {
+ opacity: 0;
+ -webkit-transform: scale(.3);
+ -ms-transform: scale(.3);
+ transform: scale(.3);
+ }
+}
+
+.bounceOut {
+ -webkit-animation-name: bounceOut;
+ animation-name: bounceOut;
+}
+
+@-webkit-keyframes bounceOutDown {
+ 0% {
+ -webkit-transform: translateY(0);
+ transform: translateY(0);
+ }
+
+ 20% {
+ opacity: 1;
+ -webkit-transform: translateY(-20px);
+ transform: translateY(-20px);
+ }
+
+ 100% {
+ opacity: 0;
+ -webkit-transform: translateY(2000px);
+ transform: translateY(2000px);
+ }
+}
+
+@keyframes bounceOutDown {
+ 0% {
+ -webkit-transform: translateY(0);
+ -ms-transform: translateY(0);
+ transform: translateY(0);
+ }
+
+ 20% {
+ opacity: 1;
+ -webkit-transform: translateY(-20px);
+ -ms-transform: translateY(-20px);
+ transform: translateY(-20px);
+ }
+
+ 100% {
+ opacity: 0;
+ -webkit-transform: translateY(2000px);
+ -ms-transform: translateY(2000px);
+ transform: translateY(2000px);
+ }
+}
+
+.bounceOutDown {
+ -webkit-animation-name: bounceOutDown;
+ animation-name: bounceOutDown;
+}
+
+@-webkit-keyframes bounceOutLeft {
+ 0% {
+ -webkit-transform: translateX(0);
+ transform: translateX(0);
+ }
+
+ 20% {
+ opacity: 1;
+ -webkit-transform: translateX(20px);
+ transform: translateX(20px);
+ }
+
+ 100% {
+ opacity: 0;
+ -webkit-transform: translateX(-2000px);
+ transform: translateX(-2000px);
+ }
+}
+
+@keyframes bounceOutLeft {
+ 0% {
+ -webkit-transform: translateX(0);
+ -ms-transform: translateX(0);
+ transform: translateX(0);
+ }
+
+ 20% {
+ opacity: 1;
+ -webkit-transform: translateX(20px);
+ -ms-transform: translateX(20px);
+ transform: translateX(20px);
+ }
+
+ 100% {
+ opacity: 0;
+ -webkit-transform: translateX(-2000px);
+ -ms-transform: translateX(-2000px);
+ transform: translateX(-2000px);
+ }
+}
+
+.bounceOutLeft {
+ -webkit-animation-name: bounceOutLeft;
+ animation-name: bounceOutLeft;
+}
+
+@-webkit-keyframes bounceOutRight {
+ 0% {
+ -webkit-transform: translateX(0);
+ transform: translateX(0);
+ }
+
+ 20% {
+ opacity: 1;
+ -webkit-transform: translateX(-20px);
+ transform: translateX(-20px);
+ }
+
+ 100% {
+ opacity: 0;
+ -webkit-transform: translateX(2000px);
+ transform: translateX(2000px);
+ }
+}
+
+@keyframes bounceOutRight {
+ 0% {
+ -webkit-transform: translateX(0);
+ -ms-transform: translateX(0);
+ transform: translateX(0);
+ }
+
+ 20% {
+ opacity: 1;
+ -webkit-transform: translateX(-20px);
+ -ms-transform: translateX(-20px);
+ transform: translateX(-20px);
+ }
+
+ 100% {
+ opacity: 0;
+ -webkit-transform: translateX(2000px);
+ -ms-transform: translateX(2000px);
+ transform: translateX(2000px);
+ }
+}
+
+.bounceOutRight {
+ -webkit-animation-name: bounceOutRight;
+ animation-name: bounceOutRight;
+}
+
+@-webkit-keyframes bounceOutUp {
+ 0% {
+ -webkit-transform: translateY(0);
+ transform: translateY(0);
+ }
+
+ 20% {
+ opacity: 1;
+ -webkit-transform: translateY(20px);
+ transform: translateY(20px);
+ }
+
+ 100% {
+ opacity: 0;
+ -webkit-transform: translateY(-2000px);
+ transform: translateY(-2000px);
+ }
+}
+
+@keyframes bounceOutUp {
+ 0% {
+ -webkit-transform: translateY(0);
+ -ms-transform: translateY(0);
+ transform: translateY(0);
+ }
+
+ 20% {
+ opacity: 1;
+ -webkit-transform: translateY(20px);
+ -ms-transform: translateY(20px);
+ transform: translateY(20px);
+ }
+
+ 100% {
+ opacity: 0;
+ -webkit-transform: translateY(-2000px);
+ -ms-transform: translateY(-2000px);
+ transform: translateY(-2000px);
+ }
+}
+
+.bounceOutUp {
+ -webkit-animation-name: bounceOutUp;
+ animation-name: bounceOutUp;
+}
+
+@-webkit-keyframes fadeIn {
+ 0% {
+ opacity: 0;
+ }
+
+ 100% {
+ opacity: 1;
+ }
+}
+
+@keyframes fadeIn {
+ 0% {
+ opacity: 0;
+ }
+
+ 100% {
+ opacity: 1;
+ }
+}
+
+.fadeIn {
+ -webkit-animation-name: fadeIn;
+ animation-name: fadeIn;
+}
+
+@-webkit-keyframes fadeInDown {
+ 0% {
+ opacity: 0;
+ -webkit-transform: translateY(-20px);
+ transform: translateY(-20px);
+ }
+
+ 100% {
+ opacity: 1;
+ -webkit-transform: translateY(0);
+ transform: translateY(0);
+ }
+}
+
+@keyframes fadeInDown {
+ 0% {
+ opacity: 0;
+ -webkit-transform: translateY(-20px);
+ -ms-transform: translateY(-20px);
+ transform: translateY(-20px);
+ }
+
+ 100% {
+ opacity: 1;
+ -webkit-transform: translateY(0);
+ -ms-transform: translateY(0);
+ transform: translateY(0);
+ }
+}
+
+.fadeInDown {
+ -webkit-animation-name: fadeInDown;
+ animation-name: fadeInDown;
+}
+
+@-webkit-keyframes fadeInDownBig {
+ 0% {
+ opacity: 0;
+ -webkit-transform: translateY(-2000px);
+ transform: translateY(-2000px);
+ }
+
+ 100% {
+ opacity: 1;
+ -webkit-transform: translateY(0);
+ transform: translateY(0);
+ }
+}
+
+@keyframes fadeInDownBig {
+ 0% {
+ opacity: 0;
+ -webkit-transform: translateY(-2000px);
+ -ms-transform: translateY(-2000px);
+ transform: translateY(-2000px);
+ }
+
+ 100% {
+ opacity: 1;
+ -webkit-transform: translateY(0);
+ -ms-transform: translateY(0);
+ transform: translateY(0);
+ }
+}
+
+.fadeInDownBig {
+ -webkit-animation-name: fadeInDownBig;
+ animation-name: fadeInDownBig;
+}
+
+@-webkit-keyframes fadeInLeft {
+ 0% {
+ opacity: 0;
+ -webkit-transform: translateX(-20px);
+ transform: translateX(-20px);
+ }
+
+ 100% {
+ opacity: 1;
+ -webkit-transform: translateX(0);
+ transform: translateX(0);
+ }
+}
+
+@keyframes fadeInLeft {
+ 0% {
+ opacity: 0;
+ -webkit-transform: translateX(-20px);
+ -ms-transform: translateX(-20px);
+ transform: translateX(-20px);
+ }
+
+ 100% {
+ opacity: 1;
+ -webkit-transform: translateX(0);
+ -ms-transform: translateX(0);
+ transform: translateX(0);
+ }
+}
+
+.fadeInLeft {
+ -webkit-animation-name: fadeInLeft;
+ animation-name: fadeInLeft;
+}
+
+@-webkit-keyframes fadeInLeftBig {
+ 0% {
+ opacity: 0;
+ -webkit-transform: translateX(-2000px);
+ transform: translateX(-2000px);
+ }
+
+ 100% {
+ opacity: 1;
+ -webkit-transform: translateX(0);
+ transform: translateX(0);
+ }
+}
+
+@keyframes fadeInLeftBig {
+ 0% {
+ opacity: 0;
+ -webkit-transform: translateX(-2000px);
+ -ms-transform: translateX(-2000px);
+ transform: translateX(-2000px);
+ }
+
+ 100% {
+ opacity: 1;
+ -webkit-transform: translateX(0);
+ -ms-transform: translateX(0);
+ transform: translateX(0);
+ }
+}
+
+.fadeInLeftBig {
+ -webkit-animation-name: fadeInLeftBig;
+ animation-name: fadeInLeftBig;
+}
+
+@-webkit-keyframes fadeInRight {
+ 0% {
+ opacity: 0;
+ -webkit-transform: translateX(20px);
+ transform: translateX(20px);
+ }
+
+ 100% {
+ opacity: 1;
+ -webkit-transform: translateX(0);
+ transform: translateX(0);
+ }
+}
+
+@keyframes fadeInRight {
+ 0% {
+ opacity: 0;
+ -webkit-transform: translateX(20px);
+ -ms-transform: translateX(20px);
+ transform: translateX(20px);
+ }
+
+ 100% {
+ opacity: 1;
+ -webkit-transform: translateX(0);
+ -ms-transform: translateX(0);
+ transform: translateX(0);
+ }
+}
+
+.fadeInRight {
+ -webkit-animation-name: fadeInRight;
+ animation-name: fadeInRight;
+}
+
+@-webkit-keyframes fadeInRightBig {
+ 0% {
+ opacity: 0;
+ -webkit-transform: translateX(2000px);
+ transform: translateX(2000px);
+ }
+
+ 100% {
+ opacity: 1;
+ -webkit-transform: translateX(0);
+ transform: translateX(0);
+ }
+}
+
+@keyframes fadeInRightBig {
+ 0% {
+ opacity: 0;
+ -webkit-transform: translateX(2000px);
+ -ms-transform: translateX(2000px);
+ transform: translateX(2000px);
+ }
+
+ 100% {
+ opacity: 1;
+ -webkit-transform: translateX(0);
+ -ms-transform: translateX(0);
+ transform: translateX(0);
+ }
+}
+
+.fadeInRightBig {
+ -webkit-animation-name: fadeInRightBig;
+ animation-name: fadeInRightBig;
+}
+
+@-webkit-keyframes fadeInUp {
+ 0% {
+ opacity: 0;
+ -webkit-transform: translateY(20px);
+ transform: translateY(20px);
+ }
+
+ 100% {
+ opacity: 1;
+ -webkit-transform: translateY(0);
+ transform: translateY(0);
+ }
+}
+
+@keyframes fadeInUp {
+ 0% {
+ opacity: 0;
+ -webkit-transform: translateY(20px);
+ -ms-transform: translateY(20px);
+ transform: translateY(20px);
+ }
+
+ 100% {
+ opacity: 1;
+ -webkit-transform: translateY(0);
+ -ms-transform: translateY(0);
+ transform: translateY(0);
+ }
+}
+
+.fadeInUp {
+ -webkit-animation-name: fadeInUp;
+ animation-name: fadeInUp;
+}
+
+@-webkit-keyframes fadeInUpBig {
+ 0% {
+ opacity: 0;
+ -webkit-transform: translateY(2000px);
+ transform: translateY(2000px);
+ }
+
+ 100% {
+ opacity: 1;
+ -webkit-transform: translateY(0);
+ transform: translateY(0);
+ }
+}
+
+@keyframes fadeInUpBig {
+ 0% {
+ opacity: 0;
+ -webkit-transform: translateY(2000px);
+ -ms-transform: translateY(2000px);
+ transform: translateY(2000px);
+ }
+
+ 100% {
+ opacity: 1;
+ -webkit-transform: translateY(0);
+ -ms-transform: translateY(0);
+ transform: translateY(0);
+ }
+}
+
+.fadeInUpBig {
+ -webkit-animation-name: fadeInUpBig;
+ animation-name: fadeInUpBig;
+}
+
+@-webkit-keyframes fadeOut {
+ 0% {
+ opacity: 1;
+ }
+
+ 100% {
+ opacity: 0;
+ }
+}
+
+@keyframes fadeOut {
+ 0% {
+ opacity: 1;
+ }
+
+ 100% {
+ opacity: 0;
+ }
+}
+
+.fadeOut {
+ -webkit-animation-name: fadeOut;
+ animation-name: fadeOut;
+}
+
+@-webkit-keyframes fadeOutDown {
+ 0% {
+ opacity: 1;
+ -webkit-transform: translateY(0);
+ transform: translateY(0);
+ }
+
+ 100% {
+ opacity: 0;
+ -webkit-transform: translateY(20px);
+ transform: translateY(20px);
+ }
+}
+
+@keyframes fadeOutDown {
+ 0% {
+ opacity: 1;
+ -webkit-transform: translateY(0);
+ -ms-transform: translateY(0);
+ transform: translateY(0);
+ }
+
+ 100% {
+ opacity: 0;
+ -webkit-transform: translateY(20px);
+ -ms-transform: translateY(20px);
+ transform: translateY(20px);
+ }
+}
+
+.fadeOutDown {
+ -webkit-animation-name: fadeOutDown;
+ animation-name: fadeOutDown;
+}
+
+@-webkit-keyframes fadeOutDownBig {
+ 0% {
+ opacity: 1;
+ -webkit-transform: translateY(0);
+ transform: translateY(0);
+ }
+
+ 100% {
+ opacity: 0;
+ -webkit-transform: translateY(2000px);
+ transform: translateY(2000px);
+ }
+}
+
+@keyframes fadeOutDownBig {
+ 0% {
+ opacity: 1;
+ -webkit-transform: translateY(0);
+ -ms-transform: translateY(0);
+ transform: translateY(0);
+ }
+
+ 100% {
+ opacity: 0;
+ -webkit-transform: translateY(2000px);
+ -ms-transform: translateY(2000px);
+ transform: translateY(2000px);
+ }
+}
+
+.fadeOutDownBig {
+ -webkit-animation-name: fadeOutDownBig;
+ animation-name: fadeOutDownBig;
+}
+
+@-webkit-keyframes fadeOutLeft {
+ 0% {
+ opacity: 1;
+ -webkit-transform: translateX(0);
+ transform: translateX(0);
+ }
+
+ 100% {
+ opacity: 0;
+ -webkit-transform: translateX(-20px);
+ transform: translateX(-20px);
+ }
+}
+
+@keyframes fadeOutLeft {
+ 0% {
+ opacity: 1;
+ -webkit-transform: translateX(0);
+ -ms-transform: translateX(0);
+ transform: translateX(0);
+ }
+
+ 100% {
+ opacity: 0;
+ -webkit-transform: translateX(-20px);
+ -ms-transform: translateX(-20px);
+ transform: translateX(-20px);
+ }
+}
+
+.fadeOutLeft {
+ -webkit-animation-name: fadeOutLeft;
+ animation-name: fadeOutLeft;
+}
+
+@-webkit-keyframes fadeOutLeftBig {
+ 0% {
+ opacity: 1;
+ -webkit-transform: translateX(0);
+ transform: translateX(0);
+ }
+
+ 100% {
+ opacity: 0;
+ -webkit-transform: translateX(-2000px);
+ transform: translateX(-2000px);
+ }
+}
+
+@keyframes fadeOutLeftBig {
+ 0% {
+ opacity: 1;
+ -webkit-transform: translateX(0);
+ -ms-transform: translateX(0);
+ transform: translateX(0);
+ }
+
+ 100% {
+ opacity: 0;
+ -webkit-transform: translateX(-2000px);
+ -ms-transform: translateX(-2000px);
+ transform: translateX(-2000px);
+ }
+}
+
+.fadeOutLeftBig {
+ -webkit-animation-name: fadeOutLeftBig;
+ animation-name: fadeOutLeftBig;
+}
+
+@-webkit-keyframes fadeOutRight {
+ 0% {
+ opacity: 1;
+ -webkit-transform: translateX(0);
+ transform: translateX(0);
+ }
+
+ 100% {
+ opacity: 0;
+ -webkit-transform: translateX(20px);
+ transform: translateX(20px);
+ }
+}
+
+@keyframes fadeOutRight {
+ 0% {
+ opacity: 1;
+ -webkit-transform: translateX(0);
+ -ms-transform: translateX(0);
+ transform: translateX(0);
+ }
+
+ 100% {
+ opacity: 0;
+ -webkit-transform: translateX(20px);
+ -ms-transform: translateX(20px);
+ transform: translateX(20px);
+ }
+}
+
+.fadeOutRight {
+ -webkit-animation-name: fadeOutRight;
+ animation-name: fadeOutRight;
+}
+
+@-webkit-keyframes fadeOutRightBig {
+ 0% {
+ opacity: 1;
+ -webkit-transform: translateX(0);
+ transform: translateX(0);
+ }
+
+ 100% {
+ opacity: 0;
+ -webkit-transform: translateX(2000px);
+ transform: translateX(2000px);
+ }
+}
+
+@keyframes fadeOutRightBig {
+ 0% {
+ opacity: 1;
+ -webkit-transform: translateX(0);
+ -ms-transform: translateX(0);
+ transform: translateX(0);
+ }
+
+ 100% {
+ opacity: 0;
+ -webkit-transform: translateX(2000px);
+ -ms-transform: translateX(2000px);
+ transform: translateX(2000px);
+ }
+}
+
+.fadeOutRightBig {
+ -webkit-animation-name: fadeOutRightBig;
+ animation-name: fadeOutRightBig;
+}
+
+@-webkit-keyframes fadeOutUp {
+ 0% {
+ opacity: 1;
+ -webkit-transform: translateY(0);
+ transform: translateY(0);
+ }
+
+ 100% {
+ opacity: 0;
+ -webkit-transform: translateY(-20px);
+ transform: translateY(-20px);
+ }
+}
+
+@keyframes fadeOutUp {
+ 0% {
+ opacity: 1;
+ -webkit-transform: translateY(0);
+ -ms-transform: translateY(0);
+ transform: translateY(0);
+ }
+
+ 100% {
+ opacity: 0;
+ -webkit-transform: translateY(-20px);
+ -ms-transform: translateY(-20px);
+ transform: translateY(-20px);
+ }
+}
+
+.fadeOutUp {
+ -webkit-animation-name: fadeOutUp;
+ animation-name: fadeOutUp;
+}
+
+@-webkit-keyframes fadeOutUpBig {
+ 0% {
+ opacity: 1;
+ -webkit-transform: translateY(0);
+ transform: translateY(0);
+ }
+
+ 100% {
+ opacity: 0;
+ -webkit-transform: translateY(-2000px);
+ transform: translateY(-2000px);
+ }
+}
+
+@keyframes fadeOutUpBig {
+ 0% {
+ opacity: 1;
+ -webkit-transform: translateY(0);
+ -ms-transform: translateY(0);
+ transform: translateY(0);
+ }
+
+ 100% {
+ opacity: 0;
+ -webkit-transform: translateY(-2000px);
+ -ms-transform: translateY(-2000px);
+ transform: translateY(-2000px);
+ }
+}
+
+.fadeOutUpBig {
+ -webkit-animation-name: fadeOutUpBig;
+ animation-name: fadeOutUpBig;
+}
+
+@-webkit-keyframes flip {
+ 0% {
+ -webkit-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
+ transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
+ -webkit-animation-timing-function: ease-out;
+ animation-timing-function: ease-out;
+ }
+
+ 40% {
+ -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
+ transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
+ -webkit-animation-timing-function: ease-out;
+ animation-timing-function: ease-out;
+ }
+
+ 50% {
+ -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
+ transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
+ -webkit-animation-timing-function: ease-in;
+ animation-timing-function: ease-in;
+ }
+
+ 80% {
+ -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
+ transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
+ -webkit-animation-timing-function: ease-in;
+ animation-timing-function: ease-in;
+ }
+
+ 100% {
+ -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
+ transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
+ -webkit-animation-timing-function: ease-in;
+ animation-timing-function: ease-in;
+ }
+}
+
+@keyframes flip {
+ 0% {
+ -webkit-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
+ -ms-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
+ transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
+ -webkit-animation-timing-function: ease-out;
+ animation-timing-function: ease-out;
+ }
+
+ 40% {
+ -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
+ -ms-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
+ transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
+ -webkit-animation-timing-function: ease-out;
+ animation-timing-function: ease-out;
+ }
+
+ 50% {
+ -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
+ -ms-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
+ transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
+ -webkit-animation-timing-function: ease-in;
+ animation-timing-function: ease-in;
+ }
+
+ 80% {
+ -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
+ -ms-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
+ transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
+ -webkit-animation-timing-function: ease-in;
+ animation-timing-function: ease-in;
+ }
+
+ 100% {
+ -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
+ -ms-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
+ transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
+ -webkit-animation-timing-function: ease-in;
+ animation-timing-function: ease-in;
+ }
+}
+
+.animated.flip {
+ -webkit-backface-visibility: visible;
+ -ms-backface-visibility: visible;
+ backface-visibility: visible;
+ -webkit-animation-name: flip;
+ animation-name: flip;
+}
+
+@-webkit-keyframes flipInX {
+ 0% {
+ -webkit-transform: perspective(400px) rotateX(90deg);
+ transform: perspective(400px) rotateX(90deg);
+ opacity: 0;
+ }
+
+ 40% {
+ -webkit-transform: perspective(400px) rotateX(-10deg);
+ transform: perspective(400px) rotateX(-10deg);
+ }
+
+ 70% {
+ -webkit-transform: perspective(400px) rotateX(10deg);
+ transform: perspective(400px) rotateX(10deg);
+ }
+
+ 100% {
+ -webkit-transform: perspective(400px) rotateX(0deg);
+ transform: perspective(400px) rotateX(0deg);
+ opacity: 1;
+ }
+}
+
+@keyframes flipInX {
+ 0% {
+ -webkit-transform: perspective(400px) rotateX(90deg);
+ -ms-transform: perspective(400px) rotateX(90deg);
+ transform: perspective(400px) rotateX(90deg);
+ opacity: 0;
+ }
+
+ 40% {
+ -webkit-transform: perspective(400px) rotateX(-10deg);
+ -ms-transform: perspective(400px) rotateX(-10deg);
+ transform: perspective(400px) rotateX(-10deg);
+ }
+
+ 70% {
+ -webkit-transform: perspective(400px) rotateX(10deg);
+ -ms-transform: perspective(400px) rotateX(10deg);
+ transform: perspective(400px) rotateX(10deg);
+ }
+
+ 100% {
+ -webkit-transform: perspective(400px) rotateX(0deg);
+ -ms-transform: perspective(400px) rotateX(0deg);
+ transform: perspective(400px) rotateX(0deg);
+ opacity: 1;
+ }
+}
+
+.flipInX {
+ -webkit-backface-visibility: visible !important;
+ -ms-backface-visibility: visible !important;
+ backface-visibility: visible !important;
+ -webkit-animation-name: flipInX;
+ animation-name: flipInX;
+}
+
+@-webkit-keyframes flipInY {
+ 0% {
+ -webkit-transform: perspective(400px) rotateY(90deg);
+ transform: perspective(400px) rotateY(90deg);
+ opacity: 0;
+ }
+
+ 40% {
+ -webkit-transform: perspective(400px) rotateY(-10deg);
+ transform: perspective(400px) rotateY(-10deg);
+ }
+
+ 70% {
+ -webkit-transform: perspective(400px) rotateY(10deg);
+ transform: perspective(400px) rotateY(10deg);
+ }
+
+ 100% {
+ -webkit-transform: perspective(400px) rotateY(0deg);
+ transform: perspective(400px) rotateY(0deg);
+ opacity: 1;
+ }
+}
+
+@keyframes flipInY {
+ 0% {
+ -webkit-transform: perspective(400px) rotateY(90deg);
+ -ms-transform: perspective(400px) rotateY(90deg);
+ transform: perspective(400px) rotateY(90deg);
+ opacity: 0;
+ }
+
+ 40% {
+ -webkit-transform: perspective(400px) rotateY(-10deg);
+ -ms-transform: perspective(400px) rotateY(-10deg);
+ transform: perspective(400px) rotateY(-10deg);
+ }
+
+ 70% {
+ -webkit-transform: perspective(400px) rotateY(10deg);
+ -ms-transform: perspective(400px) rotateY(10deg);
+ transform: perspective(400px) rotateY(10deg);
+ }
+
+ 100% {
+ -webkit-transform: perspective(400px) rotateY(0deg);
+ -ms-transform: perspective(400px) rotateY(0deg);
+ transform: perspective(400px) rotateY(0deg);
+ opacity: 1;
+ }
+}
+
+.flipInY {
+ -webkit-backface-visibility: visible !important;
+ -ms-backface-visibility: visible !important;
+ backface-visibility: visible !important;
+ -webkit-animation-name: flipInY;
+ animation-name: flipInY;
+}
+
+@-webkit-keyframes flipOutX {
+ 0% {
+ -webkit-transform: perspective(400px) rotateX(0deg);
+ transform: perspective(400px) rotateX(0deg);
+ opacity: 1;
+ }
+
+ 100% {
+ -webkit-transform: perspective(400px) rotateX(90deg);
+ transform: perspective(400px) rotateX(90deg);
+ opacity: 0;
+ }
+}
+
+@keyframes flipOutX {
+ 0% {
+ -webkit-transform: perspective(400px) rotateX(0deg);
+ -ms-transform: perspective(400px) rotateX(0deg);
+ transform: perspective(400px) rotateX(0deg);
+ opacity: 1;
+ }
+
+ 100% {
+ -webkit-transform: perspective(400px) rotateX(90deg);
+ -ms-transform: perspective(400px) rotateX(90deg);
+ transform: perspective(400px) rotateX(90deg);
+ opacity: 0;
+ }
+}
+
+.flipOutX {
+ -webkit-animation-name: flipOutX;
+ animation-name: flipOutX;
+ -webkit-backface-visibility: visible !important;
+ -ms-backface-visibility: visible !important;
+ backface-visibility: visible !important;
+}
+
+@-webkit-keyframes flipOutY {
+ 0% {
+ -webkit-transform: perspective(400px) rotateY(0deg);
+ transform: perspective(400px) rotateY(0deg);
+ opacity: 1;
+ }
+
+ 100% {
+ -webkit-transform: perspective(400px) rotateY(90deg);
+ transform: perspective(400px) rotateY(90deg);
+ opacity: 0;
+ }
+}
+
+@keyframes flipOutY {
+ 0% {
+ -webkit-transform: perspective(400px) rotateY(0deg);
+ -ms-transform: perspective(400px) rotateY(0deg);
+ transform: perspective(400px) rotateY(0deg);
+ opacity: 1;
+ }
+
+ 100% {
+ -webkit-transform: perspective(400px) rotateY(90deg);
+ -ms-transform: perspective(400px) rotateY(90deg);
+ transform: perspective(400px) rotateY(90deg);
+ opacity: 0;
+ }
+}
+
+.flipOutY {
+ -webkit-backface-visibility: visible !important;
+ -ms-backface-visibility: visible !important;
+ backface-visibility: visible !important;
+ -webkit-animation-name: flipOutY;
+ animation-name: flipOutY;
+}
+
+@-webkit-keyframes lightSpeedIn {
+ 0% {
+ -webkit-transform: translateX(100%) skewX(-30deg);
+ transform: translateX(100%) skewX(-30deg);
+ opacity: 0;
+ }
+
+ 60% {
+ -webkit-transform: translateX(-20%) skewX(30deg);
+ transform: translateX(-20%) skewX(30deg);
+ opacity: 1;
+ }
+
+ 80% {
+ -webkit-transform: translateX(0%) skewX(-15deg);
+ transform: translateX(0%) skewX(-15deg);
+ opacity: 1;
+ }
+
+ 100% {
+ -webkit-transform: translateX(0%) skewX(0deg);
+ transform: translateX(0%) skewX(0deg);
+ opacity: 1;
+ }
+}
+
+@keyframes lightSpeedIn {
+ 0% {
+ -webkit-transform: translateX(100%) skewX(-30deg);
+ -ms-transform: translateX(100%) skewX(-30deg);
+ transform: translateX(100%) skewX(-30deg);
+ opacity: 0;
+ }
+
+ 60% {
+ -webkit-transform: translateX(-20%) skewX(30deg);
+ -ms-transform: translateX(-20%) skewX(30deg);
+ transform: translateX(-20%) skewX(30deg);
+ opacity: 1;
+ }
+
+ 80% {
+ -webkit-transform: translateX(0%) skewX(-15deg);
+ -ms-transform: translateX(0%) skewX(-15deg);
+ transform: translateX(0%) skewX(-15deg);
+ opacity: 1;
+ }
+
+ 100% {
+ -webkit-transform: translateX(0%) skewX(0deg);
+ -ms-transform: translateX(0%) skewX(0deg);
+ transform: translateX(0%) skewX(0deg);
+ opacity: 1;
+ }
+}
+
+.lightSpeedIn {
+ -webkit-animation-name: lightSpeedIn;
+ animation-name: lightSpeedIn;
+ -webkit-animation-timing-function: ease-out;
+ animation-timing-function: ease-out;
+}
+
+@-webkit-keyframes lightSpeedOut {
+ 0% {
+ -webkit-transform: translateX(0%) skewX(0deg);
+ transform: translateX(0%) skewX(0deg);
+ opacity: 1;
+ }
+
+ 100% {
+ -webkit-transform: translateX(100%) skewX(-30deg);
+ transform: translateX(100%) skewX(-30deg);
+ opacity: 0;
+ }
+}
+
+@keyframes lightSpeedOut {
+ 0% {
+ -webkit-transform: translateX(0%) skewX(0deg);
+ -ms-transform: translateX(0%) skewX(0deg);
+ transform: translateX(0%) skewX(0deg);
+ opacity: 1;
+ }
+
+ 100% {
+ -webkit-transform: translateX(100%) skewX(-30deg);
+ -ms-transform: translateX(100%) skewX(-30deg);
+ transform: translateX(100%) skewX(-30deg);
+ opacity: 0;
+ }
+}
+
+.lightSpeedOut {
+ -webkit-animation-name: lightSpeedOut;
+ animation-name: lightSpeedOut;
+ -webkit-animation-timing-function: ease-in;
+ animation-timing-function: ease-in;
+}
+
+@-webkit-keyframes rotateIn {
+ 0% {
+ -webkit-transform-origin: center center;
+ transform-origin: center center;
+ -webkit-transform: rotate(-200deg);
+ transform: rotate(-200deg);
+ opacity: 0;
+ }
+
+ 100% {
+ -webkit-transform-origin: center center;
+ transform-origin: center center;
+ -webkit-transform: rotate(0);
+ transform: rotate(0);
+ opacity: 1;
+ }
+}
+
+@keyframes rotateIn {
+ 0% {
+ -webkit-transform-origin: center center;
+ -ms-transform-origin: center center;
+ transform-origin: center center;
+ -webkit-transform: rotate(-200deg);
+ -ms-transform: rotate(-200deg);
+ transform: rotate(-200deg);
+ opacity: 0;
+ }
+
+ 100% {
+ -webkit-transform-origin: center center;
+ -ms-transform-origin: center center;
+ transform-origin: center center;
+ -webkit-transform: rotate(0);
+ -ms-transform: rotate(0);
+ transform: rotate(0);
+ opacity: 1;
+ }
+}
+
+.rotateIn {
+ -webkit-animation-name: rotateIn;
+ animation-name: rotateIn;
+}
+
+@-webkit-keyframes rotateInDownLeft {
+ 0% {
+ -webkit-transform-origin: left bottom;
+ transform-origin: left bottom;
+ -webkit-transform: rotate(-90deg);
+ transform: rotate(-90deg);
+ opacity: 0;
+ }
+
+ 100% {
+ -webkit-transform-origin: left bottom;
+ transform-origin: left bottom;
+ -webkit-transform: rotate(0);
+ transform: rotate(0);
+ opacity: 1;
+ }
+}
+
+@keyframes rotateInDownLeft {
+ 0% {
+ -webkit-transform-origin: left bottom;
+ -ms-transform-origin: left bottom;
+ transform-origin: left bottom;
+ -webkit-transform: rotate(-90deg);
+ -ms-transform: rotate(-90deg);
+ transform: rotate(-90deg);
+ opacity: 0;
+ }
+
+ 100% {
+ -webkit-transform-origin: left bottom;
+ -ms-transform-origin: left bottom;
+ transform-origin: left bottom;
+ -webkit-transform: rotate(0);
+ -ms-transform: rotate(0);
+ transform: rotate(0);
+ opacity: 1;
+ }
+}
+
+.rotateInDownLeft {
+ -webkit-animation-name: rotateInDownLeft;
+ animation-name: rotateInDownLeft;
+}
+
+@-webkit-keyframes rotateInDownRight {
+ 0% {
+ -webkit-transform-origin: right bottom;
+ transform-origin: right bottom;
+ -webkit-transform: rotate(90deg);
+ transform: rotate(90deg);
+ opacity: 0;
+ }
+
+ 100% {
+ -webkit-transform-origin: right bottom;
+ transform-origin: right bottom;
+ -webkit-transform: rotate(0);
+ transform: rotate(0);
+ opacity: 1;
+ }
+}
+
+@keyframes rotateInDownRight {
+ 0% {
+ -webkit-transform-origin: right bottom;
+ -ms-transform-origin: right bottom;
+ transform-origin: right bottom;
+ -webkit-transform: rotate(90deg);
+ -ms-transform: rotate(90deg);
+ transform: rotate(90deg);
+ opacity: 0;
+ }
+
+ 100% {
+ -webkit-transform-origin: right bottom;
+ -ms-transform-origin: right bottom;
+ transform-origin: right bottom;
+ -webkit-transform: rotate(0);
+ -ms-transform: rotate(0);
+ transform: rotate(0);
+ opacity: 1;
+ }
+}
+
+.rotateInDownRight {
+ -webkit-animation-name: rotateInDownRight;
+ animation-name: rotateInDownRight;
+}
+
+@-webkit-keyframes rotateInUpLeft {
+ 0% {
+ -webkit-transform-origin: left bottom;
+ transform-origin: left bottom;
+ -webkit-transform: rotate(90deg);
+ transform: rotate(90deg);
+ opacity: 0;
+ }
+
+ 100% {
+ -webkit-transform-origin: left bottom;
+ transform-origin: left bottom;
+ -webkit-transform: rotate(0);
+ transform: rotate(0);
+ opacity: 1;
+ }
+}
+
+@keyframes rotateInUpLeft {
+ 0% {
+ -webkit-transform-origin: left bottom;
+ -ms-transform-origin: left bottom;
+ transform-origin: left bottom;
+ -webkit-transform: rotate(90deg);
+ -ms-transform: rotate(90deg);
+ transform: rotate(90deg);
+ opacity: 0;
+ }
+
+ 100% {
+ -webkit-transform-origin: left bottom;
+ -ms-transform-origin: left bottom;
+ transform-origin: left bottom;
+ -webkit-transform: rotate(0);
+ -ms-transform: rotate(0);
+ transform: rotate(0);
+ opacity: 1;
+ }
+}
+
+.rotateInUpLeft {
+ -webkit-animation-name: rotateInUpLeft;
+ animation-name: rotateInUpLeft;
+}
+
+@-webkit-keyframes rotateInUpRight {
+ 0% {
+ -webkit-transform-origin: right bottom;
+ transform-origin: right bottom;
+ -webkit-transform: rotate(-90deg);
+ transform: rotate(-90deg);
+ opacity: 0;
+ }
+
+ 100% {
+ -webkit-transform-origin: right bottom;
+ transform-origin: right bottom;
+ -webkit-transform: rotate(0);
+ transform: rotate(0);
+ opacity: 1;
+ }
+}
+
+@keyframes rotateInUpRight {
+ 0% {
+ -webkit-transform-origin: right bottom;
+ -ms-transform-origin: right bottom;
+ transform-origin: right bottom;
+ -webkit-transform: rotate(-90deg);
+ -ms-transform: rotate(-90deg);
+ transform: rotate(-90deg);
+ opacity: 0;
+ }
+
+ 100% {
+ -webkit-transform-origin: right bottom;
+ -ms-transform-origin: right bottom;
+ transform-origin: right bottom;
+ -webkit-transform: rotate(0);
+ -ms-transform: rotate(0);
+ transform: rotate(0);
+ opacity: 1;
+ }
+}
+
+.rotateInUpRight {
+ -webkit-animation-name: rotateInUpRight;
+ animation-name: rotateInUpRight;
+}
+
+@-webkit-keyframes rotateOut {
+ 0% {
+ -webkit-transform-origin: center center;
+ transform-origin: center center;
+ -webkit-transform: rotate(0);
+ transform: rotate(0);
+ opacity: 1;
+ }
+
+ 100% {
+ -webkit-transform-origin: center center;
+ transform-origin: center center;
+ -webkit-transform: rotate(200deg);
+ transform: rotate(200deg);
+ opacity: 0;
+ }
+}
+
+@keyframes rotateOut {
+ 0% {
+ -webkit-transform-origin: center center;
+ -ms-transform-origin: center center;
+ transform-origin: center center;
+ -webkit-transform: rotate(0);
+ -ms-transform: rotate(0);
+ transform: rotate(0);
+ opacity: 1;
+ }
+
+ 100% {
+ -webkit-transform-origin: center center;
+ -ms-transform-origin: center center;
+ transform-origin: center center;
+ -webkit-transform: rotate(200deg);
+ -ms-transform: rotate(200deg);
+ transform: rotate(200deg);
+ opacity: 0;
+ }
+}
+
+.rotateOut {
+ -webkit-animation-name: rotateOut;
+ animation-name: rotateOut;
+}
+
+@-webkit-keyframes rotateOutDownLeft {
+ 0% {
+ -webkit-transform-origin: left bottom;
+ transform-origin: left bottom;
+ -webkit-transform: rotate(0);
+ transform: rotate(0);
+ opacity: 1;
+ }
+
+ 100% {
+ -webkit-transform-origin: left bottom;
+ transform-origin: left bottom;
+ -webkit-transform: rotate(90deg);
+ transform: rotate(90deg);
+ opacity: 0;
+ }
+}
+
+@keyframes rotateOutDownLeft {
+ 0% {
+ -webkit-transform-origin: left bottom;
+ -ms-transform-origin: left bottom;
+ transform-origin: left bottom;
+ -webkit-transform: rotate(0);
+ -ms-transform: rotate(0);
+ transform: rotate(0);
+ opacity: 1;
+ }
+
+ 100% {
+ -webkit-transform-origin: left bottom;
+ -ms-transform-origin: left bottom;
+ transform-origin: left bottom;
+ -webkit-transform: rotate(90deg);
+ -ms-transform: rotate(90deg);
+ transform: rotate(90deg);
+ opacity: 0;
+ }
+}
+
+.rotateOutDownLeft {
+ -webkit-animation-name: rotateOutDownLeft;
+ animation-name: rotateOutDownLeft;
+}
+
+@-webkit-keyframes rotateOutDownRight {
+ 0% {
+ -webkit-transform-origin: right bottom;
+ transform-origin: right bottom;
+ -webkit-transform: rotate(0);
+ transform: rotate(0);
+ opacity: 1;
+ }
+
+ 100% {
+ -webkit-transform-origin: right bottom;
+ transform-origin: right bottom;
+ -webkit-transform: rotate(-90deg);
+ transform: rotate(-90deg);
+ opacity: 0;
+ }
+}
+
+@keyframes rotateOutDownRight {
+ 0% {
+ -webkit-transform-origin: right bottom;
+ -ms-transform-origin: right bottom;
+ transform-origin: right bottom;
+ -webkit-transform: rotate(0);
+ -ms-transform: rotate(0);
+ transform: rotate(0);
+ opacity: 1;
+ }
+
+ 100% {
+ -webkit-transform-origin: right bottom;
+ -ms-transform-origin: right bottom;
+ transform-origin: right bottom;
+ -webkit-transform: rotate(-90deg);
+ -ms-transform: rotate(-90deg);
+ transform: rotate(-90deg);
+ opacity: 0;
+ }
+}
+
+.rotateOutDownRight {
+ -webkit-animation-name: rotateOutDownRight;
+ animation-name: rotateOutDownRight;
+}
+
+@-webkit-keyframes rotateOutUpLeft {
+ 0% {
+ -webkit-transform-origin: left bottom;
+ transform-origin: left bottom;
+ -webkit-transform: rotate(0);
+ transform: rotate(0);
+ opacity: 1;
+ }
+
+ 100% {
+ -webkit-transform-origin: left bottom;
+ transform-origin: left bottom;
+ -webkit-transform: rotate(-90deg);
+ transform: rotate(-90deg);
+ opacity: 0;
+ }
+}
+
+@keyframes rotateOutUpLeft {
+ 0% {
+ -webkit-transform-origin: left bottom;
+ -ms-transform-origin: left bottom;
+ transform-origin: left bottom;
+ -webkit-transform: rotate(0);
+ -ms-transform: rotate(0);
+ transform: rotate(0);
+ opacity: 1;
+ }
+
+ 100% {
+ -webkit-transform-origin: left bottom;
+ -ms-transform-origin: left bottom;
+ transform-origin: left bottom;
+ -webkit-transform: rotate(-90deg);
+ -ms-transform: rotate(-90deg);
+ transform: rotate(-90deg);
+ opacity: 0;
+ }
+}
+
+.rotateOutUpLeft {
+ -webkit-animation-name: rotateOutUpLeft;
+ animation-name: rotateOutUpLeft;
+}
+
+@-webkit-keyframes rotateOutUpRight {
+ 0% {
+ -webkit-transform-origin: right bottom;
+ transform-origin: right bottom;
+ -webkit-transform: rotate(0);
+ transform: rotate(0);
+ opacity: 1;
+ }
+
+ 100% {
+ -webkit-transform-origin: right bottom;
+ transform-origin: right bottom;
+ -webkit-transform: rotate(90deg);
+ transform: rotate(90deg);
+ opacity: 0;
+ }
+}
+
+@keyframes rotateOutUpRight {
+ 0% {
+ -webkit-transform-origin: right bottom;
+ -ms-transform-origin: right bottom;
+ transform-origin: right bottom;
+ -webkit-transform: rotate(0);
+ -ms-transform: rotate(0);
+ transform: rotate(0);
+ opacity: 1;
+ }
+
+ 100% {
+ -webkit-transform-origin: right bottom;
+ -ms-transform-origin: right bottom;
+ transform-origin: right bottom;
+ -webkit-transform: rotate(90deg);
+ -ms-transform: rotate(90deg);
+ transform: rotate(90deg);
+ opacity: 0;
+ }
+}
+
+.rotateOutUpRight {
+ -webkit-animation-name: rotateOutUpRight;
+ animation-name: rotateOutUpRight;
+}
+
+@-webkit-keyframes slideInDown {
+ 0% {
+ opacity: 0;
+ -webkit-transform: translateY(-2000px);
+ transform: translateY(-2000px);
+ }
+
+ 100% {
+ -webkit-transform: translateY(0);
+ transform: translateY(0);
+ }
+}
+
+@keyframes slideInDown {
+ 0% {
+ opacity: 0;
+ -webkit-transform: translateY(-2000px);
+ -ms-transform: translateY(-2000px);
+ transform: translateY(-2000px);
+ }
+
+ 100% {
+ -webkit-transform: translateY(0);
+ -ms-transform: translateY(0);
+ transform: translateY(0);
+ }
+}
+
+.slideInDown {
+ -webkit-animation-name: slideInDown;
+ animation-name: slideInDown;
+}
+
+@-webkit-keyframes slideInLeft {
+ 0% {
+ opacity: 0;
+ -webkit-transform: translateX(-2000px);
+ transform: translateX(-2000px);
+ }
+
+ 100% {
+ -webkit-transform: translateX(0);
+ transform: translateX(0);
+ }
+}
+
+@keyframes slideInLeft {
+ 0% {
+ opacity: 0;
+ -webkit-transform: translateX(-2000px);
+ -ms-transform: translateX(-2000px);
+ transform: translateX(-2000px);
+ }
+
+ 100% {
+ -webkit-transform: translateX(0);
+ -ms-transform: translateX(0);
+ transform: translateX(0);
+ }
+}
+
+.slideInLeft {
+ -webkit-animation-name: slideInLeft;
+ animation-name: slideInLeft;
+}
+
+@-webkit-keyframes slideInRight {
+ 0% {
+ opacity: 0;
+ -webkit-transform: translateX(2000px);
+ transform: translateX(2000px);
+ }
+
+ 100% {
+ -webkit-transform: translateX(0);
+ transform: translateX(0);
+ }
+}
+
+@keyframes slideInRight {
+ 0% {
+ opacity: 0;
+ -webkit-transform: translateX(2000px);
+ -ms-transform: translateX(2000px);
+ transform: translateX(2000px);
+ }
+
+ 100% {
+ -webkit-transform: translateX(0);
+ -ms-transform: translateX(0);
+ transform: translateX(0);
+ }
+}
+
+.slideInRight {
+ -webkit-animation-name: slideInRight;
+ animation-name: slideInRight;
+}
+
+@-webkit-keyframes slideOutLeft {
+ 0% {
+ -webkit-transform: translateX(0);
+ transform: translateX(0);
+ }
+
+ 100% {
+ opacity: 0;
+ -webkit-transform: translateX(-2000px);
+ transform: translateX(-2000px);
+ }
+}
+
+@keyframes slideOutLeft {
+ 0% {
+ -webkit-transform: translateX(0);
+ -ms-transform: translateX(0);
+ transform: translateX(0);
+ }
+
+ 100% {
+ opacity: 0;
+ -webkit-transform: translateX(-2000px);
+ -ms-transform: translateX(-2000px);
+ transform: translateX(-2000px);
+ }
+}
+
+.slideOutLeft {
+ -webkit-animation-name: slideOutLeft;
+ animation-name: slideOutLeft;
+}
+
+@-webkit-keyframes slideOutRight {
+ 0% {
+ -webkit-transform: translateX(0);
+ transform: translateX(0);
+ }
+
+ 100% {
+ opacity: 0;
+ -webkit-transform: translateX(2000px);
+ transform: translateX(2000px);
+ }
+}
+
+@keyframes slideOutRight {
+ 0% {
+ -webkit-transform: translateX(0);
+ -ms-transform: translateX(0);
+ transform: translateX(0);
+ }
+
+ 100% {
+ opacity: 0;
+ -webkit-transform: translateX(2000px);
+ -ms-transform: translateX(2000px);
+ transform: translateX(2000px);
+ }
+}
+
+.slideOutRight {
+ -webkit-animation-name: slideOutRight;
+ animation-name: slideOutRight;
+}
+
+@-webkit-keyframes slideOutUp {
+ 0% {
+ -webkit-transform: translateY(0);
+ transform: translateY(0);
+ }
+
+ 100% {
+ opacity: 0;
+ -webkit-transform: translateY(-2000px);
+ transform: translateY(-2000px);
+ }
+}
+
+@keyframes slideOutUp {
+ 0% {
+ -webkit-transform: translateY(0);
+ -ms-transform: translateY(0);
+ transform: translateY(0);
+ }
+
+ 100% {
+ opacity: 0;
+ -webkit-transform: translateY(-2000px);
+ -ms-transform: translateY(-2000px);
+ transform: translateY(-2000px);
+ }
+}
+
+.slideOutUp {
+ -webkit-animation-name: slideOutUp;
+ animation-name: slideOutUp;
+}
+
+@-webkit-keyframes hinge {
+ 0% {
+ -webkit-transform: rotate(0);
+ transform: rotate(0);
+ -webkit-transform-origin: top left;
+ transform-origin: top left;
+ -webkit-animation-timing-function: ease-in-out;
+ animation-timing-function: ease-in-out;
+ }
+
+ 20%, 60% {
+ -webkit-transform: rotate(80deg);
+ transform: rotate(80deg);
+ -webkit-transform-origin: top left;
+ transform-origin: top left;
+ -webkit-animation-timing-function: ease-in-out;
+ animation-timing-function: ease-in-out;
+ }
+
+ 40% {
+ -webkit-transform: rotate(60deg);
+ transform: rotate(60deg);
+ -webkit-transform-origin: top left;
+ transform-origin: top left;
+ -webkit-animation-timing-function: ease-in-out;
+ animation-timing-function: ease-in-out;
+ }
+
+ 80% {
+ -webkit-transform: rotate(60deg) translateY(0);
+ transform: rotate(60deg) translateY(0);
+ opacity: 1;
+ -webkit-transform-origin: top left;
+ transform-origin: top left;
+ -webkit-animation-timing-function: ease-in-out;
+ animation-timing-function: ease-in-out;
+ }
+
+ 100% {
+ -webkit-transform: translateY(700px);
+ transform: translateY(700px);
+ opacity: 0;
+ }
+}
+
+@keyframes hinge {
+ 0% {
+ -webkit-transform: rotate(0);
+ -ms-transform: rotate(0);
+ transform: rotate(0);
+ -webkit-transform-origin: top left;
+ -ms-transform-origin: top left;
+ transform-origin: top left;
+ -webkit-animation-timing-function: ease-in-out;
+ animation-timing-function: ease-in-out;
+ }
+
+ 20%, 60% {
+ -webkit-transform: rotate(80deg);
+ -ms-transform: rotate(80deg);
+ transform: rotate(80deg);
+ -webkit-transform-origin: top left;
+ -ms-transform-origin: top left;
+ transform-origin: top left;
+ -webkit-animation-timing-function: ease-in-out;
+ animation-timing-function: ease-in-out;
+ }
+
+ 40% {
+ -webkit-transform: rotate(60deg);
+ -ms-transform: rotate(60deg);
+ transform: rotate(60deg);
+ -webkit-transform-origin: top left;
+ -ms-transform-origin: top left;
+ transform-origin: top left;
+ -webkit-animation-timing-function: ease-in-out;
+ animation-timing-function: ease-in-out;
+ }
+
+ 80% {
+ -webkit-transform: rotate(60deg) translateY(0);
+ -ms-transform: rotate(60deg) translateY(0);
+ transform: rotate(60deg) translateY(0);
+ opacity: 1;
+ -webkit-transform-origin: top left;
+ -ms-transform-origin: top left;
+ transform-origin: top left;
+ -webkit-animation-timing-function: ease-in-out;
+ animation-timing-function: ease-in-out;
+ }
+
+ 100% {
+ -webkit-transform: translateY(700px);
+ -ms-transform: translateY(700px);
+ transform: translateY(700px);
+ opacity: 0;
+ }
+}
+
+.hinge {
+ -webkit-animation-name: hinge;
+ animation-name: hinge;
+}
+
+/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
+
+@-webkit-keyframes rollIn {
+ 0% {
+ opacity: 0;
+ -webkit-transform: translateX(-100%) rotate(-120deg);
+ transform: translateX(-100%) rotate(-120deg);
+ }
+
+ 100% {
+ opacity: 1;
+ -webkit-transform: translateX(0px) rotate(0deg);
+ transform: translateX(0px) rotate(0deg);
+ }
+}
+
+@keyframes rollIn {
+ 0% {
+ opacity: 0;
+ -webkit-transform: translateX(-100%) rotate(-120deg);
+ -ms-transform: translateX(-100%) rotate(-120deg);
+ transform: translateX(-100%) rotate(-120deg);
+ }
+
+ 100% {
+ opacity: 1;
+ -webkit-transform: translateX(0px) rotate(0deg);
+ -ms-transform: translateX(0px) rotate(0deg);
+ transform: translateX(0px) rotate(0deg);
+ }
+}
+
+.rollIn {
+ -webkit-animation-name: rollIn;
+ animation-name: rollIn;
+}
+
+/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
+
+@-webkit-keyframes rollOut {
+ 0% {
+ opacity: 1;
+ -webkit-transform: translateX(0px) rotate(0deg);
+ transform: translateX(0px) rotate(0deg);
+ }
+
+ 100% {
+ opacity: 0;
+ -webkit-transform: translateX(100%) rotate(120deg);
+ transform: translateX(100%) rotate(120deg);
+ }
+}
+
+@keyframes rollOut {
+ 0% {
+ opacity: 1;
+ -webkit-transform: translateX(0px) rotate(0deg);
+ -ms-transform: translateX(0px) rotate(0deg);
+ transform: translateX(0px) rotate(0deg);
+ }
+
+ 100% {
+ opacity: 0;
+ -webkit-transform: translateX(100%) rotate(120deg);
+ -ms-transform: translateX(100%) rotate(120deg);
+ transform: translateX(100%) rotate(120deg);
+ }
+}
+
+.rollOut {
+ -webkit-animation-name: rollOut;
+ animation-name: rollOut;
+}
diff --git a/docs/src/main/resources/css/hawkbit.css b/docs/src/main/resources/css/hawkbit.css
new file mode 100644
index 000000000..716c9584c
--- /dev/null
+++ b/docs/src/main/resources/css/hawkbit.css
@@ -0,0 +1,793 @@
+@import url('http://fonts.googleapis.com/css?family=Open+Sans:300,300italic,600,600italic,700');
+
+body {
+ margin-top: 50px; /* padding for .navbar-fixed-top. */
+ font-family:'Open Sans', sans-serif;
+ line-height: 1.85em;
+ color: #111;
+ font-weight: 300;
+ -webkit-font-smoothing: antialiased;
+ font-smoothing: antialiased;
+}
+
+a {
+ color:#0088cc;
+}
+
+a:hover {
+ text-decoration: none;
+}
+
+code {
+ color: #919191;
+ background-color: #f9f2f4;
+}
+
+.image-center
+{
+ margin: 0 auto;
+ display: block;
+}
+
+.image-left
+{
+ float: left;
+ margin: 0px 0 0px 0px;
+ padding: 20px;
+}
+
+.navbar-inverse .navbar-brand {
+ font-size: 48px;
+ font-weight: bold;
+ padding-top:10px;
+ color: #6ab252;
+}
+
+.navbar-inverse .navbar-brand-logo {
+ background-image: url("/img/hawkbit_flower.png");
+ background-size: 250px;
+ background-repeat: no-repeat;
+ position: absolute;
+ display: block;
+ width: 230px;
+ height: 200px;
+}
+
+/*scroll stuff*/
+.navbar-lp{
+ -webkit-transition: height 0.3s;
+ -moz-transition: height 0.3s;
+ transition: height 0.3s;
+}
+
+.navbar-lp .navbar-brand {
+ font-size:65px;
+ font-weight: bold;
+ padding-top:40px;
+ color: #6ab252;
+}
+
+.navbar-lp .navbar-brand-logo {
+ background-image: url("/img/hawkbit_flower.png");
+ background-size: 250px;
+ background-repeat: no-repeat;
+ position: absolute;
+ display: block;
+ width: 250px;
+ height: 200px;
+ top: 0;
+}
+
+.navbar-lp .navbar-nav {
+ padding-top:30px;
+}
+
+.navbar-lp
+{
+ -webkit-transition: all 0.3s;
+ -moz-transition: all 0.3s;
+ transition: all 0.3s;
+}
+
+.navbar-lp.scroll .navbar-brand
+{
+ font-size: 48px;
+ padding-top:10px;
+ -webkit-transition: all 0.3s;
+ -moz-transition: all 0.3s;
+ transition: all 0.3s;
+}
+
+.navbar-lp.scroll .navbar-brand-logo {
+ background-image: url("/img/hawkbit_flower.png");
+ background-size: 80px;
+ background-repeat: no-repeat;
+ position: absolute;
+ width: 110px;
+ height: 80px;
+ top: 0;
+}
+
+.navbar-lp.scroll .navbar-nav {
+ padding-top:0px;
+}
+
+/*scroll stuff ends*/
+
+.navbar-inverse .navbar-nav>li>a {
+ color: rgba(255,255,255,0.65);
+ font-size: 16px;
+ font-weight: bold;
+}
+
+.navbar-inverse .navbar-nav>li>a:hover {
+ color: #6ab252;
+}
+
+.navbar-inverse {
+ background-color: #411355;
+ border-color: #411355;
+ padding: 12px 5px 5px 5px;
+}
+
+.navbar-inverse .navbar-toggle {
+ border-color: #411355;
+}
+
+.navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus {
+ background-color: #411355;
+}
+
+.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {
+ border-color: rgba(255,255,255,0);
+}
+
+.header {
+ display: block;
+ width: 100%;
+ text-align: center;
+ background: #411355;
+ -webkit-background-size: cover;
+ -moz-background-size: cover;
+ background-size: cover;
+ -o-background-size: cover;
+ margin-bottom: 58px;
+}
+
+.tagline {
+ padding: 60px 0 50px;
+
+}
+
+.tagline h1 {
+ font-size: 60px;
+ color: rgba(255,255,255,0.9);
+}
+
+.box-separator {
+ margin: 50px 0;
+}
+
+.separator {
+ margin: 50px 0 30px;
+}
+
+.box {
+ overflow: hidden;
+}
+
+.box-img.pull-left {
+ margin-right: 40px;
+}
+
+.box-img.pull-right {
+ margin-left: 40px;
+}
+
+.box-headline {
+ font-size: 50px;
+ color: #666;
+}
+
+#adi .box-headline {
+ margin-bottom: 58px;
+}
+
+#adi img {
+ width: 90%;
+}
+
+footer {
+ margin: 50px 0;
+}
+
+@media(max-width:1200px) {
+ .box-separator {
+ margin: 50px 0;
+ }
+
+ .box-img.pull-left {
+ margin-right: 20px;
+ }
+
+ .box-img.pull-right {
+ margin-left: 20px;
+ }
+
+ .box-headline {
+ font-size: 35px;
+ }
+}
+
+@media(max-width:991px) {
+ .box-separator {
+ margin: 40px 0;
+ }
+
+ .box-img.pull-left {
+ margin-right: 10px;
+ }
+
+ .box-img.pull-right {
+ margin-left: 10px;
+ }
+
+ .box-headline {
+ font-size: 30px;
+ }
+}
+
+@media(max-width:768px) {
+ .container {
+ margin: 0 15px;
+ }
+
+ .box-separator {
+ margin: 40px 0;
+ }
+
+ .box-headline {
+ font-size: 25px;
+ }
+}
+
+@media(max-width:668px) {
+ .box-separator {
+ margin: 30px 0;
+ }
+}
+
+@media(max-width:640px) {
+ .tagline {
+ padding: 75px 0 25px 0;
+ }
+ .navbar-inverse .navbar-brand {
+ font-size: 65px;
+ padding-top: 20px;
+ }
+ .navbar-inverse .navbar-brand-logo {
+ background-image: url("/img/hawkbit_flower.png");
+ background-size: 100px;
+ background-repeat: no-repeat;
+ position: absolute;
+ width: 100px;
+ height: 200px;
+ }
+ .tagline h1 {
+ font-size: 45px;
+ margin-top: 10px;
+ }
+}
+
+@media(max-width:375px) {
+ .box-separator {
+ margin: 10px 0;
+ }
+
+ .box-img {
+ max-width: 100%;
+ }
+
+ .box-img.pull-left {
+ margin-right: 0;
+ margin-bottom: 10px;
+ }
+
+ .box-img.pull-right {
+ margin-bottom: 10px;
+ margin-left: 0;
+ }
+}
+
+/*Content Header
+========================*/
+.content-header {
+ margin: 50px 0px;
+}
+
+.content-header h1 {
+ color: #666;
+}
+
+/*Blog/News
+========================*/
+.blogpost, .news {
+ padding:0 0 0px;
+ margin: 20px 0 0px;
+}
+
+.blogpost h3, .news h3 {
+ font-size: 28px;
+}
+
+.blogpost p .news p{
+ margin: 20px 0;
+ font-size: 18px;
+}
+
+.metadata {
+ margin-bottom: 20px;
+ padding: 5px 0;
+}
+
+.metadata ul {
+ margin: 0; padding: 0
+}
+
+.metadata ul li {
+ display: inline-block;
+ margin-right: 20px;
+}
+
+.metadata i {
+ margin: 4px 5px 0 0;
+ color: #666;
+}
+
+/*downloads
+========================*/
+.box-dl h3{
+ margin-top: 5px;
+ font-weight: bold;
+ color: #333;
+}
+
+.box-dl .fa{
+ color: #999;
+}
+/*Home page Image-Hover*/
+.zoom1 {
+ -webkit-transform: scale(1);
+ transform: scale(1);
+ -ms-transform: scale(1);
+ -webkit-transition: .3s ease-in-out;
+ -ms-transition: .3s ease-in-out;
+ transition: .3s ease-in-out;
+}
+.zoom1:hover {
+ -webkit-transform: scale(0.9);
+ -ms-transform: scale(0.9);
+ transform: scale(0.9);
+}
+
+/*Home page Image-VideoOverlay*/
+.thumb1, .thumb2, .thumb3,.thumb4, .thumb5{
+ position: relative;
+}
+
+.thumb1 .play-icon{
+ outline: medium none;
+ position: absolute;
+ z-index: 100;
+ opacity: 0.8;
+ color: #003151;
+ font-size: 4em;
+ left: 325px;
+ top: 125px;
+
+}
+
+.thumb1 .play-icon:hover, .thumb2 .play-icon:hover, .thumb3 .play-icon:hover, .thumb4 .play-icon:hover, .thumb5 .play-icon:hover{
+opacity: 1;
+-webkit-transform: scale(1.1);
+-ms-transform: scale(1.1);
+ transform: scale(1.1);
+}
+
+
+.thumb2 .play-icon {
+ color: #003151;
+ font-size: 4em;
+ opacity: 0.8;
+ outline: medium none;
+ position: absolute;
+ left: 325px;
+ z-index: 100;
+ top: 125px;
+}
+
+.thumb3 .play-icon {
+ color: #003151;
+ font-size: 4em;
+ opacity: 0.8;
+ outline: medium none;
+ position: absolute;
+ left: 200px;
+ z-index: 100;
+ top: 115px;
+}
+.thumb4 .play-icon {
+ color: #003151;
+ font-size: 4em;
+ opacity: 0.8;
+ outline: medium none;
+ position: absolute;
+ left: 250px;
+ z-index: 100;
+ top: 125px;
+}
+.thumb5 .play-icon {
+ color: #003151;
+ font-size: 4em;
+ opacity: 0.8;
+ outline: medium none;
+ position: absolute;
+ left: 800px;
+ z-index: 100;
+ top: 125px;
+}
+/*community*/
+.team {
+ background: -moz-linear-gradient(center top , rgba(106, 178, 82, 1) 0%, rgba(147, 200, 130, 1) 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
+ background: linear-gradient(center top , rgba(106, 178, 82, 1) 0%, rgba(147, 200, 130, 1) 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
+ background: -webkit-linear-gradient(top , rgba(106, 178, 82, 1) 0%, rgba(147, 200, 130, 1) 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
+ border-radius: 30px;
+ box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25), 0 1px 0 rgba(0, 0, 0, 0.1) inset;
+ height: auto;
+ margin-bottom: 5px;
+ padding: 8px;
+ position: relative;
+}
+
+.team:hover {
+ background: -moz-linear-gradient(center top , rgba(106, 178, 82, 1) 0%, rgba(255, 255, 255, 0.3) 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
+ background: linear-gradient(center top , rgba(106, 178, 82, 1) 0%, rgba(255, 255, 255, 0.3) 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
+ background: -webkit-linear-gradient(top , rgba(106, 178, 82, 1) 0%, rgba(255, 255, 255, 0.3) 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
+ border-radius: 30px;
+ box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25), 0 1px 0 rgba(0, 0, 0, 0.1) inset;
+ border: 0px solid #3300CC;
+}
+
+.team .fa {
+ color: #333;
+}
+
+/*Usecases*/
+.teamuc {
+
+ background: -moz-linear-gradient(center top , rgba(106, 178, 82, 1) 0%, rgba(177, 189, 205, 1) 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
+ background: linear-gradient(center top , rgba(106, 178, 82, 1) 0%, rgba(177, 189, 205, 1) 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
+ background: -webkit-linear-gradient(top , rgba(106, 178, 82, 1) 0%, rgba(177, 189, 205, 1) 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
+ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a7cfdf', endColorstr='#23538a',GradientType=0 );
+ border-radius: 4px;
+ box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25), 0 1px 0 rgba(0, 0, 0, 0.1) inset;
+ height: auto;
+ margin-bottom: 5px;
+ padding: 8px;
+ position: relative;
+}
+
+p.ex {
+color: #fff;
+}
+h2.ex {
+ color: #fff;
+ font-weight: bold;
+}
+.vbtn {
+ background: #3498db;
+ background-image: -webkit-linear-gradient(top, #002E5C, #2980b9);
+ background-image: -moz-linear-gradient(top, #002E5C, #2980b9);
+ background-image: -ms-linear-gradient(top, #002E5C, #2980b9);
+ background-image: -o-linear-gradient(top, #002E5C, #2980b9);
+ background-image: linear-gradient(top bottom, #002E5C, #2980b9);
+ -webkit-border-radius: 28;
+ -moz-border-radius: 28;
+ border-radius: 28px;
+ color: #ffffff;
+ font-weight: bold;
+ padding: 10px 20px 10px 20px;
+ text-decoration: none;
+ }
+
+.vbtn:hover {
+ background: #3cb0fd;
+ background-image: -webkit-linear-gradient(top, #30567B, #3498db);
+ background-image: -moz-linear-gradient(top, #30567B, #3498db);
+ background-image: -ms-linear-gradient(top, #30567B, #3498db);
+ background-image: -o-linear-gradient(top, #30567B, #3498db);
+ background-image: linear-gradient(to bottom, #30567B, #3498db);
+ color: #ffffff;
+ font-weight: bold;
+ text-decoration: none;
+ box-shadow: inset 0 0 0 1px #27496d,0 5px 15px #193047;
+
+}
+.vbtn:active {
+ background: #3cb0fd;
+ background-image: -webkit-linear-gradient(top, #30567B, #3498db);
+ background-image: -moz-linear-gradient(top, #30567B, #3498db);
+ background-image: -ms-linear-gradient(top, #30567B, #3498db);
+ background-image: -o-linear-gradient(top, #30567B, #3498db);
+ background-image: linear-gradient(to bottom, #30567B, #3498db);
+ color: #ffffff;
+ font-weight: bold;
+ text-decoration: none;
+ box-shadow: inset 0 0 0 1px #27496d,0 5px 15px #193047;
+
+}
+.vbtn:focus {
+ background: #3cb0fd;
+ background-image: -webkit-linear-gradient(top, #30567B, #3498db);
+ background-image: -moz-linear-gradient(top, #30567B, #3498db);
+ background-image: -ms-linear-gradient(top, #30567B, #3498db);
+ background-image: -o-linear-gradient(top, #30567B, #3498db);
+ background-image: linear-gradient(to bottom, #30567B, #3498db);
+ color: #ffffff;
+ font-weight: bold;
+ text-decoration: none;
+ box-shadow: inset 0 0 0 1px #27496d,0 5px 15px #193047;
+}
+/*Footer
+========================*/
+
+footer{
+ border-top:1px solid #eee;
+ background: #f5f5f5;
+ padding: 30px 0;
+ color: #ccc;
+ margin-top:40px;
+ margin-bottom:0px;
+}
+
+#extra h3 {
+ font-weight: 400;
+ border-bottom: 1px solid #999;
+ padding: 5px;
+}
+.footer-links-header {
+ color: #333;
+ padding-top: 0px;
+ margin-top: 0px;
+}
+footer h3 {
+ margin-top: 16px;
+ margin-bottom: 6px;
+ font-size: 20px;
+ font-weight: 555;
+}
+.footer-links {
+ width: 49%;
+ display: inline-block;
+ margin: 0;
+ list-style: none;
+}
+
+footer ul {
+ -webkit-padding-start: 0px;
+}
+
+/*documentation*/
+.nav-bar {
+ margin-top: 50px;
+ background-color: #dadada;
+ border: 1px solid #ccc;
+ padding-top: 12px;
+}
+
+.nav-bar .nav .navmenu-nav {
+ padding: 3px 15px;
+}
+
+.nav-bar .nav>li>a {
+ position: relative;
+ display: block;
+ padding: 0px 0px;
+}
+
+.documentation-section {
+ padding-top: 68px;
+ margin-top: -38px;
+ margin-left: 25px;
+}
+
+.info-note {
+ color: #2283A3;
+ font-size: 2em;
+}
+
+/* blogs*/
+
+@media (max-width: 767px) {
+ .blogstep .blogpicture {float:none; text-align:center;}
+ .blogstep .blogtext {padding:0;}
+}
+
+.blogstep {
+ padding:0 0 20px 40px;
+ background:url(../img/blogpics/stepline.png) no-repeat 10px 3px;
+}
+.blogstep .blogpicture {
+ float:right;
+}
+.blogstep .blogpicture img {
+ max-width:100%;
+}
+.blogstep .blogtext {
+ padding:0 400px 0 0;
+ color:#848484;
+}
+.blogstep .blogtext p{
+ padding-bottom:10px;
+}
+.blogstep .blogtext a{
+ color:#0066FF;
+}
+
+.clear{ clear:both; height:0; overflow:hidden;}
+
+
+table {
+ background: #B0C4DE none repeat scroll 0 0;
+ border: 1px solid #ccc;
+ border-radius: 4px;
+ margin: 20px;
+ width: 100%;
+
+}
+table th {
+ background: rgba(0, 0, 0, 0) -moz-linear-gradient(center top , #B0C4DE, #B0C4DE) repeat scroll 0 0;
+ background: rgba(0, 0, 0, 0) linear-gradient(center top , #B0C4DE, #B0C4DE) repeat scroll 0 0;
+ background: rgba(0, 0, 0, 0) -webkit-linear-gradient(center top , #B0C4DE, #B0C4DE) repeat scroll 0 0;
+ border-bottom: 1px solid #c0c0c0;
+ border-top: 1px solid #e0e0e0;
+ padding: 4px 6px;
+}
+table tr:first-child th:first-child {
+ border-top-left-radius: 3px;
+}
+table tr:first-child th:last-child {
+ border-top-right-radius: 3px;
+}
+table td:first-child {
+ border-left: 0 none;
+ text-align: left;
+}
+table td {
+ background: rgba(0, 0, 0, 0) -moz-linear-gradient(center top , #fbfbfb, #fafafa) repeat scroll 0 0;
+ background: rgba(0, 0, 0, 0) linear-gradient(center top , #fbfbfb, #fafafa) repeat scroll 0 0;
+ background: rgba(0, 0, 0, 0) -webkit-linear-gradient(center top , #fbfbfb, #fafafa) repeat scroll 0 0;
+ border-bottom: 1px solid #e0e0e0;
+ border-left: 1px solid #e0e0e0;
+ border-top: 1px solid #f0f0f0;
+ padding: 4px 6px;
+}
+table tr.even td {
+ background: rgba(0, 0, 0, 0) -moz-linear-gradient(center top , #f8f8f8, #f6f6f6) repeat scroll 0 0;
+ background: rgba(0, 0, 0, 0) linear-gradient(center top , #f8f8f8, #f6f6f6) repeat scroll 0 0;
+ background: rgba(0, 0, 0, 0) -webkit-linear-gradient(center top , #f8f8f8, #f6f6f6) repeat scroll 0 0;
+}
+table tr:last-child td {
+ border-bottom: 0 none;
+}
+table tr:last-child td:first-child {
+ border-bottom-left-radius: 3px;
+}
+table tr:last-child td:last-child {
+ border-bottom-right-radius: 3px;
+}
+table tr:hover td {
+ background: rgba(0, 0, 0, 0) -moz-linear-gradient(center top , #f2f2f2, #f0f0f0) repeat scroll 0 0;
+ background: rgba(0, 0, 0, 0) linear-gradient(center top , #f2f2f2, #f0f0f0) repeat scroll 0 0;
+ background: rgba(0, 0, 0, 0) -webkit-linear-gradient(center top , #f2f2f2, #f0f0f0) repeat scroll 0 0;
+}
+#zoo table {
+ margin: 0;
+}
+.pricing {
+ -moz-border-bottom-colors: none;
+ -moz-border-left-colors: none;
+ -moz-border-right-colors: none;
+ -moz-border-top-colors: none;
+ border-color: #d4d4d4;
+ border-image: none;
+ border-radius: 5px 5px 9px 9px;
+ border-style: solid;
+ border-width: 1px 1px 4px;
+ color: #c0c2c2;
+ font-family: "Lato",sans-serif;
+ font-size: 12px;
+ font-weight: 400;
+ margin-bottom: 40px;
+ width: 100%;
+}
+.pricing thead th {
+ background: #333 none repeat scroll 0 0;
+ border-top-left-radius: 4px;
+ border-top-right-radius: 4px;
+ color: #f4f4f4;
+ float: left;
+ font-family: "Lato",sans-serif;
+ font-size: 24px;
+ padding: 13px 8%;
+ text-align: center;
+ text-transform: uppercase;
+ width: 100%;
+}
+.pricing tfoot td {
+ background: #ededed none repeat scroll 0 0;
+ border-bottom-left-radius: 6px;
+ border-bottom-right-radius: 6px;
+ padding: 20px 8%;
+ width: 100%;
+}
+.pricing td {
+ background: #fff none repeat scroll 0 0;
+ border: 1px solid #d4d4d4;
+ float: left;
+ padding: 10px 8%;
+ width: 100%;
+}
+.pricing tfoot td {
+ text-align: center;
+}
+.pricing td.focus {
+ background: #3a5a82; none repeat scroll 0 0;
+ border-bottom: 1px solid #d4d4d4;
+ color: #fff;
+ font-family: "Lato",sans-serif;
+ font-size: 32px;
+ font-weight: 400;
+ padding: 25px 8%;
+ text-align: center;
+ width: 100%;
+}
+.pricing td.focus-best {
+ background: #a00 none repeat scroll 0 0;
+ border-bottom: 1px solid #d4d4d4;
+ color: #fff;
+ font-family: "Lato",sans-serif;
+ font-size: 32px;
+ font-weight: 400;
+ padding: 25px 8%;
+ text-align: center;
+ width: 100%;
+}
+.pricing td.focus span {
+ display: block;
+ font-size: 10px;
+ margin-top: 5px;
+}
+.pricing td.focus-best span {
+ display: block;
+ font-size: 10px;
+}
+.pricing td h6 {
+ color: #c0c2c2;
+ float: left;
+ font-family: "Lato",sans-serif;
+ font-size: 12px;
+ font-weight: 400;
+ width: 60%;
+}
+.pricing td p {
+ float: left;
+ text-align: right;
+ width: 40%;
+}
+.btn-primary:hover {
+ box-shadow: 0 0 3px rgba(0, 0, 0, 1);
+}
+#tbltext{
+ color: #000000;
+}
diff --git a/docs/src/main/resources/css/prettyPhoto.css b/docs/src/main/resources/css/prettyPhoto.css
new file mode 100644
index 000000000..4ed3f810b
--- /dev/null
+++ b/docs/src/main/resources/css/prettyPhoto.css
@@ -0,0 +1,170 @@
+div.pp_default .pp_top,div.pp_default .pp_top .pp_middle,div.pp_default .pp_top .pp_left,div.pp_default .pp_top .pp_right,div.pp_default .pp_bottom,div.pp_default .pp_bottom .pp_left,div.pp_default .pp_bottom .pp_middle,div.pp_default .pp_bottom .pp_right{height:13px}
+div.pp_default .pp_top .pp_left{background:url(../img/prettyPhoto/default/sprite.png) -78px -93px no-repeat}
+div.pp_default .pp_top .pp_middle{background:url(../img/prettyPhoto/default/sprite_x.png) top left repeat-x}
+div.pp_default .pp_top .pp_right{background:url(../img/prettyPhoto/default/sprite.png) -112px -93px no-repeat}
+div.pp_default .pp_content .ppt{color:#f8f8f8}
+div.pp_default .pp_content_container .pp_left{background:url(../img/prettyPhoto/default/sprite_y.png) -7px 0 repeat-y;padding-left:13px}
+div.pp_default .pp_content_container .pp_right{background:url(../img/prettyPhoto/default/sprite_y.png) top right repeat-y;padding-right:13px}
+div.pp_default .pp_next:hover{background:url(../img/prettyPhoto/default/sprite_next.png) center right no-repeat;cursor:pointer}
+div.pp_default .pp_previous:hover{background:url(../img/prettyPhoto/default/sprite_prev.png) center left no-repeat;cursor:pointer}
+div.pp_default .pp_expand{background:url(../img/prettyPhoto/default/sprite.png) 0 -29px no-repeat;cursor:pointer;width:28px;height:28px}
+div.pp_default .pp_expand:hover{background:url(../img/prettyPhoto/default/sprite.png) 0 -56px no-repeat;cursor:pointer}
+div.pp_default .pp_contract{background:url(../img/prettyPhoto/default/sprite.png) 0 -84px no-repeat;cursor:pointer;width:28px;height:28px}
+div.pp_default .pp_contract:hover{background:url(../img/prettyPhoto/default/sprite.png) 0 -113px no-repeat;cursor:pointer}
+div.pp_default .pp_close{width:30px;height:30px;background:url(../img/prettyPhoto/default/sprite.png) 1px 1px no-repeat;cursor:pointer}
+div.pp_default .pp_gallery ul li a{background:url(../img/prettyPhoto/default/default_thumb.png) center center #f8f8f8;border:1px solid #aaa}
+div.pp_default .pp_social{margin-top:7px}
+div.pp_default .pp_gallery a.pp_arrow_previous,div.pp_default .pp_gallery a.pp_arrow_next{position:static;left:auto}
+div.pp_default .pp_nav .pp_play,div.pp_default .pp_nav .pp_pause{background:url(../img/prettyPhoto/default/sprite.png) -51px 1px no-repeat;height:30px;width:30px}
+div.pp_default .pp_nav .pp_pause{background-position:-51px -29px}
+div.pp_default a.pp_arrow_previous,div.pp_default a.pp_arrow_next{background:url(../img/prettyPhoto/default/sprite.png) -31px -3px no-repeat;height:20px;width:20px;margin:4px 0 0}
+div.pp_default a.pp_arrow_next{left:52px;background-position:-82px -3px}
+div.pp_default .pp_content_container .pp_details{margin-top:5px}
+div.pp_default .pp_nav{clear:none;height:30px;width:110px;position:relative}
+div.pp_default .pp_nav .currentTextHolder{font-family:Georgia;font-style:italic;color:#999;font-size:11px;left:75px;line-height:25px;position:absolute;top:2px;margin:0;padding:0 0 0 10px}
+div.pp_default .pp_close:hover,div.pp_default .pp_nav .pp_play:hover,div.pp_default .pp_nav .pp_pause:hover,div.pp_default .pp_arrow_next:hover,div.pp_default .pp_arrow_previous:hover{opacity:0.7}
+div.pp_default .pp_description{font-size:11px;font-weight:700;line-height:14px;margin:5px 50px 5px 0}
+div.pp_default .pp_bottom .pp_left{background:url(../img/prettyPhoto/default/sprite.png) -78px -127px no-repeat}
+div.pp_default .pp_bottom .pp_middle{background:url(../img/prettyPhoto/default/sprite_x.png) bottom left repeat-x}
+div.pp_default .pp_bottom .pp_right{background:url(../img/prettyPhoto/default/sprite.png) -112px -127px no-repeat}
+div.pp_default .pp_loaderIcon{background:url(../img/prettyPhoto/default/loader.gif) center center no-repeat}
+div.light_rounded .pp_top .pp_left{background:url(../img/prettyPhoto/light_rounded/sprite.png) -88px -53px no-repeat}
+div.light_rounded .pp_top .pp_right{background:url(../img/prettyPhoto/light_rounded/sprite.png) -110px -53px no-repeat}
+div.light_rounded .pp_next:hover{background:url(../img/prettyPhoto/light_rounded/btnNext.png) center right no-repeat;cursor:pointer}
+div.light_rounded .pp_previous:hover{background:url(../img/prettyPhoto/light_rounded/btnPrevious.png) center left no-repeat;cursor:pointer}
+div.light_rounded .pp_expand{background:url(../img/prettyPhoto/light_rounded/sprite.png) -31px -26px no-repeat;cursor:pointer}
+div.light_rounded .pp_expand:hover{background:url(../img/prettyPhoto/light_rounded/sprite.png) -31px -47px no-repeat;cursor:pointer}
+div.light_rounded .pp_contract{background:url(../img/prettyPhoto/light_rounded/sprite.png) 0 -26px no-repeat;cursor:pointer}
+div.light_rounded .pp_contract:hover{background:url(../img/prettyPhoto/light_rounded/sprite.png) 0 -47px no-repeat;cursor:pointer}
+div.light_rounded .pp_close{width:75px;height:22px;background:url(../img/prettyPhoto/light_rounded/sprite.png) -1px -1px no-repeat;cursor:pointer}
+div.light_rounded .pp_nav .pp_play{background:url(../img/prettyPhoto/light_rounded/sprite.png) -1px -100px no-repeat;height:15px;width:14px}
+div.light_rounded .pp_nav .pp_pause{background:url(../img/prettyPhoto/light_rounded/sprite.png) -24px -100px no-repeat;height:15px;width:14px}
+div.light_rounded .pp_arrow_previous{background:url(../img/prettyPhoto/light_rounded/sprite.png) 0 -71px no-repeat}
+div.light_rounded .pp_arrow_next{background:url(../img/prettyPhoto/light_rounded/sprite.png) -22px -71px no-repeat}
+div.light_rounded .pp_bottom .pp_left{background:url(../img/prettyPhoto/light_rounded/sprite.png) -88px -80px no-repeat}
+div.light_rounded .pp_bottom .pp_right{background:url(../img/prettyPhoto/light_rounded/sprite.png) -110px -80px no-repeat}
+div.dark_rounded .pp_top .pp_left{background:url(../img/prettyPhoto/dark_rounded/sprite.png) -88px -53px no-repeat}
+div.dark_rounded .pp_top .pp_right{background:url(../img/prettyPhoto/dark_rounded/sprite.png) -110px -53px no-repeat}
+div.dark_rounded .pp_content_container .pp_left{background:url(../img/prettyPhoto/dark_rounded/contentPattern.png) top left repeat-y}
+div.dark_rounded .pp_content_container .pp_right{background:url(../img/prettyPhoto/dark_rounded/contentPattern.png) top right repeat-y}
+div.dark_rounded .pp_next:hover{background:url(../img/prettyPhoto/dark_rounded/btnNext.png) center right no-repeat;cursor:pointer}
+div.dark_rounded .pp_previous:hover{background:url(../img/prettyPhoto/dark_rounded/btnPrevious.png) center left no-repeat;cursor:pointer}
+div.dark_rounded .pp_expand{background:url(../img/prettyPhoto/dark_rounded/sprite.png) -31px -26px no-repeat;cursor:pointer}
+div.dark_rounded .pp_expand:hover{background:url(../img/prettyPhoto/dark_rounded/sprite.png) -31px -47px no-repeat;cursor:pointer}
+div.dark_rounded .pp_contract{background:url(../img/prettyPhoto/dark_rounded/sprite.png) 0 -26px no-repeat;cursor:pointer}
+div.dark_rounded .pp_contract:hover{background:url(../img/prettyPhoto/dark_rounded/sprite.png) 0 -47px no-repeat;cursor:pointer}
+div.dark_rounded .pp_close{width:75px;height:22px;background:url(../img/prettyPhoto/dark_rounded/sprite.png) -1px -1px no-repeat;cursor:pointer}
+div.dark_rounded .pp_description{margin-right:85px;color:#fff}
+div.dark_rounded .pp_nav .pp_play{background:url(../img/prettyPhoto/dark_rounded/sprite.png) -1px -100px no-repeat;height:15px;width:14px}
+div.dark_rounded .pp_nav .pp_pause{background:url(../img/prettyPhoto/dark_rounded/sprite.png) -24px -100px no-repeat;height:15px;width:14px}
+div.dark_rounded .pp_arrow_previous{background:url(../img/prettyPhoto/dark_rounded/sprite.png) 0 -71px no-repeat}
+div.dark_rounded .pp_arrow_next{background:url(../img/prettyPhoto/dark_rounded/sprite.png) -22px -71px no-repeat}
+div.dark_rounded .pp_bottom .pp_left{background:url(../img/prettyPhoto/dark_rounded/sprite.png) -88px -80px no-repeat}
+div.dark_rounded .pp_bottom .pp_right{background:url(../img/prettyPhoto/dark_rounded/sprite.png) -110px -80px no-repeat}
+div.dark_rounded .pp_loaderIcon{background:url(../img/prettyPhoto/dark_rounded/loader.gif) center center no-repeat}
+div.dark_square .pp_left,div.dark_square .pp_middle,div.dark_square .pp_right,div.dark_square .pp_content{background:#000}
+div.dark_square .pp_description{color:#fff;margin:0 85px 0 0}
+div.dark_square .pp_loaderIcon{background:url(../img/prettyPhoto/dark_square/loader.gif) center center no-repeat}
+div.dark_square .pp_expand{background:url(../img/prettyPhoto/dark_square/sprite.png) -31px -26px no-repeat;cursor:pointer}
+div.dark_square .pp_expand:hover{background:url(../img/prettyPhoto/dark_square/sprite.png) -31px -47px no-repeat;cursor:pointer}
+div.dark_square .pp_contract{background:url(../img/prettyPhoto/dark_square/sprite.png) 0 -26px no-repeat;cursor:pointer}
+div.dark_square .pp_contract:hover{background:url(../img/prettyPhoto/dark_square/sprite.png) 0 -47px no-repeat;cursor:pointer}
+div.dark_square .pp_close{width:75px;height:22px;background:url(../img/prettyPhoto/dark_square/sprite.png) -1px -1px no-repeat;cursor:pointer}
+div.dark_square .pp_nav{clear:none}
+div.dark_square .pp_nav .pp_play{background:url(../img/prettyPhoto/dark_square/sprite.png) -1px -100px no-repeat;height:15px;width:14px}
+div.dark_square .pp_nav .pp_pause{background:url(../img/prettyPhoto/dark_square/sprite.png) -24px -100px no-repeat;height:15px;width:14px}
+div.dark_square .pp_arrow_previous{background:url(../img/prettyPhoto/dark_square/sprite.png) 0 -71px no-repeat}
+div.dark_square .pp_arrow_next{background:url(../img/prettyPhoto/dark_square/sprite.png) -22px -71px no-repeat}
+div.dark_square .pp_next:hover{background:url(../img/prettyPhoto/dark_square/btnNext.png) center right no-repeat;cursor:pointer}
+div.dark_square .pp_previous:hover{background:url(../img/prettyPhoto/dark_square/btnPrevious.png) center left no-repeat;cursor:pointer}
+div.light_square .pp_expand{background:url(../img/prettyPhoto/light_square/sprite.png) -31px -26px no-repeat;cursor:pointer}
+div.light_square .pp_expand:hover{background:url(../img/prettyPhoto/light_square/sprite.png) -31px -47px no-repeat;cursor:pointer}
+div.light_square .pp_contract{background:url(../img/prettyPhoto/light_square/sprite.png) 0 -26px no-repeat;cursor:pointer}
+div.light_square .pp_contract:hover{background:url(../img/prettyPhoto/light_square/sprite.png) 0 -47px no-repeat;cursor:pointer}
+div.light_square .pp_close{width:75px;height:22px;background:url(../img/prettyPhoto/light_square/sprite.png) -1px -1px no-repeat;cursor:pointer}
+div.light_square .pp_nav .pp_play{background:url(../img/prettyPhoto/light_square/sprite.png) -1px -100px no-repeat;height:15px;width:14px}
+div.light_square .pp_nav .pp_pause{background:url(../img/prettyPhoto/light_square/sprite.png) -24px -100px no-repeat;height:15px;width:14px}
+div.light_square .pp_arrow_previous{background:url(../img/prettyPhoto/light_square/sprite.png) 0 -71px no-repeat}
+div.light_square .pp_arrow_next{background:url(../img/prettyPhoto/light_square/sprite.png) -22px -71px no-repeat}
+div.light_square .pp_next:hover{background:url(../img/prettyPhoto/light_square/btnNext.png) center right no-repeat;cursor:pointer}
+div.light_square .pp_previous:hover{background:url(../img/prettyPhoto/light_square/btnPrevious.png) center left no-repeat;cursor:pointer}
+div.facebook .pp_top .pp_left{background:url(../img/prettyPhoto/facebook/sprite.png) -88px -53px no-repeat}
+div.facebook .pp_top .pp_middle{background:url(../img/prettyPhoto/facebook/contentPatternTop.png) top left repeat-x}
+div.facebook .pp_top .pp_right{background:url(../img/prettyPhoto/facebook/sprite.png) -110px -53px no-repeat}
+div.facebook .pp_content_container .pp_left{background:url(../img/prettyPhoto/facebook/contentPatternLeft.png) top left repeat-y}
+div.facebook .pp_content_container .pp_right{background:url(../img/prettyPhoto/facebook/contentPatternRight.png) top right repeat-y}
+div.facebook .pp_expand{background:url(../img/prettyPhoto/facebook/sprite.png) -31px -26px no-repeat;cursor:pointer}
+div.facebook .pp_expand:hover{background:url(../img/prettyPhoto/facebook/sprite.png) -31px -47px no-repeat;cursor:pointer}
+div.facebook .pp_contract{background:url(../img/prettyPhoto/facebook/sprite.png) 0 -26px no-repeat;cursor:pointer}
+div.facebook .pp_contract:hover{background:url(../img/prettyPhoto/facebook/sprite.png) 0 -47px no-repeat;cursor:pointer}
+div.facebook .pp_close{width:22px;height:22px;background:url(../img/prettyPhoto/facebook/sprite.png) -1px -1px no-repeat;cursor:pointer}
+div.facebook .pp_description{margin:0 37px 0 0}
+div.facebook .pp_loaderIcon{background:url(../img/prettyPhoto/facebook/loader.gif) center center no-repeat}
+div.facebook .pp_arrow_previous{background:url(../img/prettyPhoto/facebook/sprite.png) 0 -71px no-repeat;height:22px;margin-top:0;width:22px}
+div.facebook .pp_arrow_previous.disabled{background-position:0 -96px;cursor:default}
+div.facebook .pp_arrow_next{background:url(../img/prettyPhoto/facebook/sprite.png) -32px -71px no-repeat;height:22px;margin-top:0;width:22px}
+div.facebook .pp_arrow_next.disabled{background-position:-32px -96px;cursor:default}
+div.facebook .pp_nav{margin-top:0}
+div.facebook .pp_nav p{font-size:15px;padding:0 3px 0 4px}
+div.facebook .pp_nav .pp_play{background:url(../img/prettyPhoto/facebook/sprite.png) -1px -123px no-repeat;height:22px;width:22px}
+div.facebook .pp_nav .pp_pause{background:url(../img/prettyPhoto/facebook/sprite.png) -32px -123px no-repeat;height:22px;width:22px}
+div.facebook .pp_next:hover{background:url(../img/prettyPhoto/facebook/btnNext.png) center right no-repeat;cursor:pointer}
+div.facebook .pp_previous:hover{background:url(../img/prettyPhoto/facebook/btnPrevious.png) center left no-repeat;cursor:pointer}
+div.facebook .pp_bottom .pp_left{background:url(../img/prettyPhoto/facebook/sprite.png) -88px -80px no-repeat}
+div.facebook .pp_bottom .pp_middle{background:url(../img/prettyPhoto/facebook/contentPatternBottom.png) top left repeat-x}
+div.facebook .pp_bottom .pp_right{background:url(../img/prettyPhoto/facebook/sprite.png) -110px -80px no-repeat}
+div.pp_pic_holder a:focus{outline:none}
+div.pp_overlay{background:#000;display:none;left:0;position:absolute;top:0;width:100%;z-index:9500}
+div.pp_pic_holder{display:none;position:absolute;width:100px;z-index:10000}
+.pp_content{height:40px;min-width:40px}
+* html .pp_content{width:40px}
+.pp_content_container{position:relative;text-align:left;width:100%}
+.pp_content_container .pp_left{padding-left:20px}
+.pp_content_container .pp_right{padding-right:20px}
+.pp_content_container .pp_details{float:left;margin:10px 0 2px}
+.pp_description{display:none;margin:0}
+.pp_social{float:left;margin:0}
+.pp_social .facebook{float:left;margin-left:5px;width:55px;overflow:hidden}
+.pp_social .twitter{float:left}
+.pp_nav{clear:right;float:left;margin:3px 10px 0 0}
+.pp_nav p{float:left;white-space:nowrap;margin:2px 4px}
+.pp_nav .pp_play,.pp_nav .pp_pause{float:left;margin-right:4px;text-indent:-10000px}
+a.pp_arrow_previous,a.pp_arrow_next{display:block;float:left;height:15px;margin-top:3px;overflow:hidden;text-indent:-10000px;width:14px}
+.pp_hoverContainer{position:absolute;top:0;width:100%;z-index:2000}
+.pp_gallery{display:none;left:50%;margin-top:-50px;position:absolute;z-index:10000}
+.pp_gallery div{float:left;overflow:hidden;position:relative}
+.pp_gallery ul{float:left;height:35px;position:relative;white-space:nowrap;margin:0 0 0 5px;padding:0}
+.pp_gallery ul a{border:1px rgba(0,0,0,0.5) solid;display:block;float:left;height:33px;overflow:hidden}
+.pp_gallery ul a img{border:0}
+.pp_gallery li{display:block;float:left;margin:0 5px 0 0;padding:0}
+.pp_gallery li.default a{background:url(../img/prettyPhoto/facebook/default_thumbnail.gif) 0 0 no-repeat;display:block;height:33px;width:50px}
+.pp_gallery .pp_arrow_previous,.pp_gallery .pp_arrow_next{margin-top:7px!important}
+a.pp_next{background:url(../img/prettyPhoto/light_rounded/btnNext.png) 10000px 10000px no-repeat;display:block;float:right;height:100%;text-indent:-10000px;width:49%}
+a.pp_previous{background:url(../img/prettyPhoto/light_rounded/btnNext.png) 10000px 10000px no-repeat;display:block;float:left;height:100%;text-indent:-10000px;width:49%}
+a.pp_expand,a.pp_contract{cursor:pointer;display:none;height:20px;position:absolute;right:30px;text-indent:-10000px;top:10px;width:20px;z-index:20000}
+a.pp_close{position:absolute;right:5px;top:10px;display:block;line-height:22px;text-indent:-10000px}
+.pp_loaderIcon{display:block;height:24px;left:50%;position:absolute;top:50%;width:24px;margin:-12px 0 0 -12px}
+#pp_full_res{line-height:1!important}
+#pp_full_res .pp_inline{text-align:left}
+#pp_full_res .pp_inline p{margin:0 0 15px}
+div.ppt{color:#fff;display:none;font-size:17px;z-index:9999;margin:0 0 5px 15px}
+div.pp_default .pp_content,div.light_rounded .pp_content{background-color:#fff}
+div.pp_default #pp_full_res .pp_inline,div.light_rounded .pp_content .ppt,div.light_rounded #pp_full_res .pp_inline,div.light_square .pp_content .ppt,div.light_square #pp_full_res .pp_inline,div.facebook .pp_content .ppt,div.facebook #pp_full_res .pp_inline{color:#000}
+div.pp_default .pp_gallery ul li a:hover,div.pp_default .pp_gallery ul li.selected a,.pp_gallery ul a:hover,.pp_gallery li.selected a{border-color:#fff}
+div.pp_default .pp_details,div.light_rounded .pp_details,div.dark_rounded .pp_details,div.dark_square .pp_details,div.light_square .pp_details,div.facebook .pp_details{position:relative}
+div.light_rounded .pp_top .pp_middle,div.light_rounded .pp_content_container .pp_left,div.light_rounded .pp_content_container .pp_right,div.light_rounded .pp_bottom .pp_middle,div.light_square .pp_left,div.light_square .pp_middle,div.light_square .pp_right,div.light_square .pp_content,div.facebook .pp_content{background:#fff}
+div.light_rounded .pp_description,div.light_square .pp_description{margin-right:85px}
+div.light_rounded .pp_gallery a.pp_arrow_previous,div.light_rounded .pp_gallery a.pp_arrow_next,div.dark_rounded .pp_gallery a.pp_arrow_previous,div.dark_rounded .pp_gallery a.pp_arrow_next,div.dark_square .pp_gallery a.pp_arrow_previous,div.dark_square .pp_gallery a.pp_arrow_next,div.light_square .pp_gallery a.pp_arrow_previous,div.light_square .pp_gallery a.pp_arrow_next{margin-top:12px!important}
+div.light_rounded .pp_arrow_previous.disabled,div.dark_rounded .pp_arrow_previous.disabled,div.dark_square .pp_arrow_previous.disabled,div.light_square .pp_arrow_previous.disabled{background-position:0 -87px;cursor:default}
+div.light_rounded .pp_arrow_next.disabled,div.dark_rounded .pp_arrow_next.disabled,div.dark_square .pp_arrow_next.disabled,div.light_square .pp_arrow_next.disabled{background-position:-22px -87px;cursor:default}
+div.light_rounded .pp_loaderIcon,div.light_square .pp_loaderIcon{background:url(../img/prettyPhoto/light_rounded/loader.gif) center center no-repeat}
+div.dark_rounded .pp_top .pp_middle,div.dark_rounded .pp_content,div.dark_rounded .pp_bottom .pp_middle{background:url(../img/prettyPhoto/dark_rounded/contentPattern.png) top left repeat}
+div.dark_rounded .currentTextHolder,div.dark_square .currentTextHolder{color:#c4c4c4}
+div.dark_rounded #pp_full_res .pp_inline,div.dark_square #pp_full_res .pp_inline{color:#fff}
+.pp_top,.pp_bottom{height:20px;position:relative}
+* html .pp_top,* html .pp_bottom{padding:0 20px}
+.pp_top .pp_left,.pp_bottom .pp_left{height:20px;left:0;position:absolute;width:20px}
+.pp_top .pp_middle,.pp_bottom .pp_middle{height:20px;left:20px;position:absolute;right:20px}
+* html .pp_top .pp_middle,* html .pp_bottom .pp_middle{left:0;position:static}
+.pp_top .pp_right,.pp_bottom .pp_right{height:20px;left:auto;position:absolute;right:0;top:0;width:20px}
+.pp_fade,.pp_gallery li.default a img{display:none}
diff --git a/docs/src/main/resources/ctycontribute.md b/docs/src/main/resources/ctycontribute.md
new file mode 100644
index 000000000..16e350031
--- /dev/null
+++ b/docs/src/main/resources/ctycontribute.md
@@ -0,0 +1,13 @@
+---
+layout: default
+title: "Contributing"
+date: "2015-04-03T04:30:17+08:00"
+series : "homepagebottom"
+sequence: "contribute"
+imagename : "fa fa-link fa-4x"
+style: "team"
+accesslink: "https://wiki.eclipse.org/Development_Resources/Contributing_via_Git"
+---
+
+An overview of the **contribution process** is
here.
+Checkout the *CONTRIBUTION.md* on the
Eclipse hawkBit GIT Repository
\ No newline at end of file
diff --git a/docs/src/main/resources/ctygitter.md b/docs/src/main/resources/ctygitter.md
new file mode 100644
index 000000000..9289ba950
--- /dev/null
+++ b/docs/src/main/resources/ctygitter.md
@@ -0,0 +1,11 @@
+---
+layout: default
+title: "Gitter Chat"
+series : "homepagebottom"
+sequence: "gitter"
+imagename : "fa fa-users fa-4x"
+style: "team"
+accesslink: "https://gitter.im/eclipse/hawkbit"
+---
+
+Questions? Problems? Searching for a quick response from the team behind hawkBit and from the hawkBit community, join the
Gitter chat.
\ No newline at end of file
diff --git a/docs/src/main/resources/ctyhudson.md b/docs/src/main/resources/ctyhudson.md
new file mode 100644
index 000000000..512fe2e4e
--- /dev/null
+++ b/docs/src/main/resources/ctyhudson.md
@@ -0,0 +1,12 @@
+---
+layout: default
+title: "Hudson Build"
+series : "homepagebottom"
+sequence: "hudson"
+imagename : "fa fa-gear fa-4x"
+style: "team"
+accesslink: "https://hudson.eclipse.org/hawkbit"
+---
+{% include base.html %}
+
+Checkout the builds of hawkBit on the Hudson CI
here.
\ No newline at end of file
diff --git a/docs/src/main/resources/ctyissuetracker.md b/docs/src/main/resources/ctyissuetracker.md
new file mode 100644
index 000000000..456948ba3
--- /dev/null
+++ b/docs/src/main/resources/ctyissuetracker.md
@@ -0,0 +1,10 @@
+---
+layout: default
+title: "Issue Tracker"
+series : "homepagebottom"
+sequence: "issuetracker"
+imagename : "fa fa-bug fa-4x"
+style: "team"
+accesslink: "https://github.com/eclipse/hawkbit/issues"
+---
+Issues and bugs related to hawkBit are tracked with the **Github Issue** tracking system. If you find any issues, please report them
here.
\ No newline at end of file
diff --git a/docs/src/main/resources/ctymailingllist.md b/docs/src/main/resources/ctymailingllist.md
new file mode 100644
index 000000000..933417ef6
--- /dev/null
+++ b/docs/src/main/resources/ctymailingllist.md
@@ -0,0 +1,12 @@
+---
+layout: default
+title: "Mailing List"
+series : "homepagebottom"
+sequence: "mailinglist"
+imagename : "fa fa-envelope fa-4x"
+style: "team"
+accesslink: "https://dev.eclipse.org/mailman/listinfo/hawkbit-dev"
+---
+{% include base.html %}
+
+A great way to stay up to date with hawkBit activity is to subscribe to the **Mailing list** provided by Eclipse. Sign up for the mailing list
here.
\ No newline at end of file
diff --git a/docs/src/main/resources/documentation/architecture/architecture.md b/docs/src/main/resources/documentation/architecture/architecture.md
new file mode 100644
index 000000000..afc8046d8
--- /dev/null
+++ b/docs/src/main/resources/documentation/architecture/architecture.md
@@ -0,0 +1,9 @@
+---
+layout: documentation
+title: Architecture Overview
+---
+
+{% include base.html %}
+
+Overview of hawkBit modules and used 3rd party technology:
+{:width="100%" .image-center}
\ No newline at end of file
diff --git a/docs/src/main/resources/documentation/architecture/datamodel.md b/docs/src/main/resources/documentation/architecture/datamodel.md
new file mode 100644
index 000000000..06873a788
--- /dev/null
+++ b/docs/src/main/resources/documentation/architecture/datamodel.md
@@ -0,0 +1,47 @@
+---
+layout: documentation
+title: Data Model
+---
+
+{% include base.html %}
+# Data Model
+The hawkBit data model was designed to have enough flexibility to define complex software structures (e.g. operating system, runtimes, apps, different kind of artifacts) on one side and simplicity compared to the capabilities of a full blown configuration management on the other.
+
+It does define a hierarchy of software that starts with a distribution, which can have (sub-)modules and these may have multiple artifacts. However, it does not consider any kind of dependency definitions between modules or artifacts. As a result dependency checks if necessary have to be done outside hawkBit, i.e. on the device itself or before the entity creation in hawkBit by the origin.
+
+Provisioning Target Definition
+
+A Provisioning Target is a neutral definition that may be an actual real device (e.g. gateway, embedded sensor) or a virtual device (e.g. vehicle, smart home).
+
+The definition in hawkBit might reflect the transactional behavior if necessary on the device side. A vehicle might be updated device by device or as a whole. As a result one way of defining a vehicle in hawkBit could be to have one all inclusive Software Module or one module per (sub-) device.
+
+Software Structure Definition
+
+The structure defines the model of the supported software by the provisioning target
+
+Distribution Set Type: defines a package structure that is supported by certain devices
+Consists of Software Module Types both for
+Firmware - device can have only one module of that type (e.g. the operating system)
+Software - device can have multiple modules of that type (e.g. "Apps")
+Software Content Definition
+
+Distribution Set: can be deployed to a provisioning target
+Software Module: is a sub element of the distribution
+e.g. OS, application, firmware X, firmware Y
+Artifact: binaries for a software module. Note: the decision which artifacts have to be downloaded are done on the device side.
+e.g. Full package, signatures, binary deltas
+
+
+Entity Relationships
+The public defined entities and their relation which are reflected by the Management API.
+
+
+
+Deleting and Archiving Software Modules
+When a user deletes a Software Module, the update server cannot simply remove all the corresponding data. Because when the Software Module is already assigned to a Distribution Set or was assigned to a Target in the past, the hawkBit server has to make sure that remains a clean and full update history for every target. The history contains all information (e.g. name, version) of the software, which was assigned to a specific Target. Obviously storing the binary data of the artifacts is not necessary for the history purpose.
+
+The delete process which is performed, when there are historical connections to targets is called SoftDelete. This process marks the Software Module as deleted and removes the artifact, but it won't delete the meta data, which describes the SoftwareModule and the associated Artifacts. SoftwareModules, which are marked as delete won't be visible for the user, when he is requesting all SoftwareModules.
+
+Just in case there are no connections to Distribution Sets and targets the server will perform a HardDelete. This process deletes all stored data, including all meta information.
+
+Note: in case of of a SoftDelete the unique constraints are still in place, i.e. you cannot create an entity with the same name/key. This constraint might be removed in future versions because of the impact on the user experience (i.e. he does not see the soft deleted module but cannot create a new one).
\ No newline at end of file
diff --git a/docs/src/main/resources/documentation/architecture/targetstate.md b/docs/src/main/resources/documentation/architecture/targetstate.md
new file mode 100644
index 000000000..f1f348e12
--- /dev/null
+++ b/docs/src/main/resources/documentation/architecture/targetstate.md
@@ -0,0 +1,23 @@
+---
+layout: documentation
+title: Target State Machine
+---
+
+{% include base.html %}
+
+# Target States
+
+A target has a current state which reflects the provisioning status of the device at this point in time. State changes are driven either by the update server by means of starting an update or by the controller on the provisioning target that gives feedback to the update server, e.g. "I am here", "I am working on a provisioning", "I have finished a provisioning".
+
+# Defined states
+
+State | Description
+---------- | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------
+UNKNOWN | Set by default for a pre-commissioned target until first status update received from the target. Is the initial starting point for targets created by UI or management API.
+IN_SYNC | Assigned _Distribution Set_ is installed.
+PENDING | Installation of assigned _Distribution Set_ is not yet confirmed.
+ERROR | Installation of assigned _Distribution Set_ has failed.
+REGISTERED | Target registered at the update server but no _Distribution Set_ assigned. Is the initial starting point for plug-and-play devices.
+
+# Transitions
+{:width="100%"}
diff --git a/docs/src/main/resources/documentation/guide/clustering.md b/docs/src/main/resources/documentation/guide/clustering.md
new file mode 100644
index 000000000..4c589bf93
--- /dev/null
+++ b/docs/src/main/resources/documentation/guide/clustering.md
@@ -0,0 +1,52 @@
+---
+layout: documentation
+title: Clustering
+---
+
+{% include base.html %}
+
+# Cluster
+
+_hawkBit_ is able to run in a cluster with some constraints. This guide provides insights in the basic concepts and how to setup your own cluster. You can find additional information in the [hawkbit example app's README](https://github.com/eclipse/hawkbit/blob/master/examples/hawkbit-example-app/README.md).
+
+# Big picture
+
+{:width="100%"}
+
+# Events
+
+Event communication between nodes is based on [Spring Cloud Bus](https://cloud.spring.io/spring-cloud-bus/) and [Spring Cloud Stream](http://docs.spring.io/spring-cloud-stream/docs/current/reference/htmlsingle/). There are different [binder implementations](http://docs.spring.io/spring-cloud-stream/docs/current/reference/htmlsingle/#_binders) available. The _hawkbit example app_ uses RabbitMQ binder. Every node gets his own queue to receive cluster events, the default payload is JSON.
+If an event is thrown locally at one node, it will be automatically delivered to all other available nodes via the Spring Cloud Bus's topic exchange:
+
+{:width="100%"}
+
+Via the ServiceMatcher you can check whether an event happened locally at one node or on a different node.
+`serviceMatcher.isFromSelf(event)`
+
+# Caching
+
+Every node is maintaining its own caches independent from other nodes. So there is no globally shared/synchronized cache instance within the cluster. In order to keep nodes in sync a TTL (time to live) can be set for all caches to ensure that after some time the cache is refreshed from the database. To enable the TTL just set the property "hawkbit.cache.global.ttl" (value in milliseconds).
+Of course you can implement a shared cache, e.g. Redis.
+See [CacheAutoConfiguration](https://github.com/eclipse/hawkbit/blob/master/hawkbit-autoconfigure/src/main/java/org/eclipse/hawkbit/autoconfigure/cache/CacheAutoConfiguration.java)
+
+# Schedulers
+
+Every node has multiple schedulers which run after a defined period of time. All schedulers always run on every node. This has to be kept in mind e.g. if the scheduler executes critical code which has to be executed only once.
+
+# Known constraints
+
+## UI sessions
+As of today _hawkBit_ isn't storing user sessions in a shared, clusterwide cache. Session is only bound to the node where the login took place. If this node is going down for whatever reason, the session is lost and the user is forced to login again.
+In case that's not an option, you can help yourself by introducing a shared session cache based on e.g. Redis.
+Furthermore _hawkBit_ isn't supporting session stickiness out of the box either. However most of the well known load balancers out there can solve this issue.
+
+## Caching of download IDs
+The downloadId is generated and stored in the DownloadIdCache. It is used for downloading an artifact.
+In _hawkbit_ exists an interface called "[DownloadIdCache](https://github.com/eclipse/hawkbit/blob/master/hawkbit-core/src/main/java/org/eclipse/hawkbit/cache/DownloadIdCache.java)" and one implementation of it: "DefaultDownloadIdCache". This default implementation can't be used within a cluster. Its containing data is only available inside one node and can't be shared with other nodes. E.g. the downloadId which is stored in this cache after authentication on node A can only be used for downloading the artifact by node A.
+In a cluster-capable environment this fact can lead to issues as it could happen, that the downloadId is stored on node A and node B would like to download the artifact by means of the downloadId which is not available on node B. To solve this issue you can use a cluster-shared cache e.g. Redis or create a new cluster-aware implementation of the interface "DownloadIdCache".
+
+## Denial-of-Service (DoS) filter
+_hawkbit_ owns the feature of guarding itself from DoS attacks, a [DoS filter](https://github.com/eclipse/hawkbit/blob/master/hawkbit-security-core/src/main/java/org/eclipse/hawkbit/security/DosFilter.java). It reduces the maximum number of requests per seconds which can be configured for read and write requests.
+This mechanism is only working for every node separately, i.e. in a cluster environment the worst-case behaviour would be that the maximum number of requests per seconds will be increased to its product if every request is handled by a different node.
+The same constraint exists with the validator to check if a user tried too many logins within a defined period of time.
+
diff --git a/docs/src/main/resources/documentation/guide/customtheme.md b/docs/src/main/resources/documentation/guide/customtheme.md
new file mode 100644
index 000000000..d10736359
--- /dev/null
+++ b/docs/src/main/resources/documentation/guide/customtheme.md
@@ -0,0 +1,52 @@
+---
+layout: documentation
+title: Clustering
+---
+
+{% include base.html %}
+
+# Custom Theme
+
+This guide provides details about using and creating themes that control the visual look of Eclipse _hawkBit_ Management UI. Theme customization is done using Sass, which is an extension of CSS (Cascading Style Sheets).
+
+The mechanism described below is the rather simple case by customizing the theme by means of configuring a set of variables as defined by the _hawkBit_ default theme. A full customization be means of copying the _hawkBit_ theme and customize it completely is not described here but of course possible.
+
+# Example App
+
+An example application with customized theme can be found [here](https://github.com/eclipse/hawkbit/tree/master/examples/hawkbit-custom-theme-example).
+
+# Overview
+Vaadin separates the appearance of the user interface from its logic using themes. Themes can include Sass or CSS style sheets, custom HTML layouts, and any necessary graphics.
+
+Theme resources can also be accessed from application code as ThemeResource objects. Custom themes are placed under the src/main/resources/VAADIN/themes/ folder of the application.
+
+This location is fixed -- the VAADIN folder contains static resources that are served by the Vaadin servlet. The servlet augments the files stored in the folder by resources found from corresponding VAADIN folders contained in JARs in the class path.The base theme and all the corresponding custom themes are placed under the above mentioned folder.
+
+If a new custom theme has to be created, it should always be placed under the src/main/resources/VAADIN/themes/ folder.
+
+Every custom theme should always refer the base theme and customization can be done by the use of variables mentioned in the XXXXvariable.scss. For details of the creation of the custom theme please refer the next section.
+
+# Procedure to create a theme
+- Create a new folder **"XXXtheme"** (significant to the new theme) under src/main/resources/VAADIN/themes/ folder.
+- Create a folder named as **"customstyles"**.
+- Create a **XXXvariables.scss** file under **customstyles** folder, putting all the variables inside the same file. For more details about the variables we recommend to take a look at the [hawkBit defaults](https://github.com/eclipse/hawkbit/blob/master/hawkbit-ui/src/main/resources/VAADIN/themes/hawkbit/customstyles/hawkbitvariables.scss).
+- Create **styles.scss** file under the **"XXXtheme"** folder.
+- Any images should be placed under the sub folder **"images"** folder.
+- Within the **_styles.scss_** file, import **XXXvariables.scss** and the base theme (hawkbit theme as mentioned in previous chapter **Overview** . Please find below the syntax:
+
+ ```
+ @import "../hawkbit/customstyles/hawkbitvariables";
+ @import "customstyles/examplevariables";
+ @import "../hawkbit/hawkbittheme";
+ @import "addons";
+
+ .exampletheme {
+ @include addons;
+ @include hawkbittheme;
+ }
+ ```
+
+- Finally the structure should be as in the [example app](https://github.com/eclipse/hawkbit/tree/master/examples/hawkbit-custom-theme-example/src/main/resources/VAADIN).
+
+# Procedure to add a custom footer
+- Any footer can be added by creating "footer.html" in **src/main/resources --> VAADIN -- themes --> {XXXtheme} --> layouts** folder. An example can be found [here](https://github.com/eclipse/hawkbit/blob/master/hawkbit-ui/src/main/resources/VAADIN/themes/hawkbit/layouts/footer.html).
\ No newline at end of file
diff --git a/docs/src/main/resources/documentation/guide/feignclient.md b/docs/src/main/resources/documentation/guide/feignclient.md
new file mode 100644
index 000000000..560aa7762
--- /dev/null
+++ b/docs/src/main/resources/documentation/guide/feignclient.md
@@ -0,0 +1,63 @@
+---
+layout: documentation
+title: Clustering
+---
+
+{% include base.html %}
+
+# Create Feign REST Client
+In this guide we describe how to create a [Feign](https://github.com/Netflix/feign) Rest Client based on a [Spring Boot](http://projects.spring.io/spring-boot/) Application. [hawkBit](https://projects.eclipse.org/projects/iot.hawkbit) provides REST interfaces for [Management API](https://github.com/eclipse/hawkbit/tree/master/hawkbit-ddi-api) and [DDI API] (https://github.com/eclipse/hawkbit/tree/master/hawkbit-ddi-api). Using this interfaces you can create a feign client with the help of the [feign inheritance support] (http://projects.spring.io/spring-cloud/spring-cloud.html#spring-cloud-feign-inheritance).
+Our [example](https://github.com/eclipse/hawkbit/tree/master/examples) modules demonstrate how to create [Feign](https://github.com/Netflix/feign) client resources. Here you can find the [Management API client resources](https://github.com/eclipse/hawkbit/tree/master/examples/hawkbit-example-mgmt-feign-client) and the [DDI client resources](https://github.com/eclipse/hawkbit/tree/master/examples/hawkbit-example-ddi-feign-client).
+A small [simulator application](https://github.com/eclipse/hawkbit/blob/master/examples/hawkbit-example-mgmt-simulator/src/main/java/org/eclipse/hawkbit/mgmt/client/Application.java) demonstrates how you can interact with the [hawkBit](https://projects.eclipse.org/projects/iot.hawkbit) via the [Management API
+](https://github.com/eclipse/hawkbit/wiki/Management-API).
+
+Note: A hawkbit application have to be run. Therefore, you can use our [example application](https://github.com/eclipse/hawkbit/tree/master/examples/hawkbit-example-app)
+
+
+### Example Managment API simulator
+
+In the follow code section, you can a see a feign client resource example. The interface extend the orgin api inteface to declare the `@FeignClient`. The `@FeignClient`declares that a REST client with that interface should be created.
+
+```
+@FeignClient(url = "${hawkbit.url:localhost:8080}/" + MgmtRestConstants.TARGET_V1_REQUEST_MAPPING)
+public interface MgmtTargetClientResource extends MgmtTargetRestApi {
+}
+```
+
+This interface can be autowired and use as a normal java interface:
+
+```
+public class CreateStartedRolloutExample {
+
+ @Autowired
+ private MgmtTargetClientResource targetResource;
+
+
+ public void run() {
+ // create ten targets
+ targetResource.createTargets(new TargetBuilder().controllerId("00-FF-AA-0").name("00-FF-AA-0")
+ .description("Targets used for rollout example").buildAsList(10));
+ }
+
+```
+
+At [hawkbit-example-core-feign-client](https://github.com/eclipse/hawkbit/tree/master/examples/hawkbit-example-core-feign-client) is a spring configuration to auto configure some beans, which can be reused for a own feign client.
+
+```
+@Configuration
+@ConditionalOnClass(Feign.class)
+@Import(FeignClientsConfiguration.class)
+public class FeignClientConfiguration {
+
+ @Bean
+ public ApplicationJsonRequestHeaderInterceptor jsonHeaderInterceptor() {
+ return new ApplicationJsonRequestHeaderInterceptor();
+ }
+
+ @Bean
+ public Contract feignContract() {
+ return new IgnoreMultipleConsumersProducersSpringMvcContract();
+ }
+}
+
+```
\ No newline at end of file
diff --git a/docs/src/main/resources/documentation/guide/runhawkbit.md b/docs/src/main/resources/documentation/guide/runhawkbit.md
new file mode 100644
index 000000000..7e29a6aa0
--- /dev/null
+++ b/docs/src/main/resources/documentation/guide/runhawkbit.md
@@ -0,0 +1,104 @@
+---
+layout: documentation
+title: Run hawkBit
+---
+
+{% include base.html %}
+
+# Run hawkBit
+
+In this guide we describe how to run a full featured hawkBit setup based on a production ready infrastructure. It is based on the _hawkBit_ example modules. We call these _examples_ as we expect that developers who intend to create a _hawkBit_ based IoT application on their own will create a custom [Spring Boot](http://projects.spring.io/spring-boot/) app based on _hawkBit_ as demonstrated with the [hawkBit example app](https://github.com/eclipse/hawkbit/tree/master/examples/hawkbit-example-app).
+
+Note: the example app can in fact be run [stand alone](https://github.com/eclipse/hawkbit/tree/master/examples/hawkbit-example-app). However, only with an embedded H2, no [Device Management Federation API](https://github.com/eclipse/hawkbit/wiki/Device-Management-Federation-API) and no artifact storage.
+
+This guide will focus on a complete setup that includes all _hawkBit_ features.
+
+# System Architecture
+This guide describes a target architecture that is more like one that you will expect in a production system.
+
+- hawkBit Update Server [example app](https://github.com/eclipse/hawkbit/tree/master/examples/hawkbit-example-app).
+- [MariaDB](https://mariadb.org) for the repository.
+- [MongoDB](https://www.mongodb.org) for artifact storage.
+- [RabbitMQ](https://www.rabbitmq.com) for DMF communication.
+- For testing and demonstration purposes we will also use:
+ - [hawkBit Device Simulator](https://github.com/eclipse/hawkbit/tree/master/examples/hawkbit-device-simulator).
+ - [hawkBit Management API example client](https://github.com/eclipse/hawkbit/tree/master/examples/hawkbit-mgmt-api-client).
+
+# Prerequisites
+
+- You have a MongoDB (>= 3.0), RabbitMQ and MariaDB/MySQL installed and running in your environment.
+- You have a working [hawkBit build](https://github.com/eclipse/hawkbit).
+
+# Steps
+
+## Adapt hawkBit Update Server and Device Simulator to your environment.
+
+As mentioned you can create your own application with _hawkBit_ inside or adapt the existing example app. The second option will be shown here.
+
+### Set MariaDB dependency to compile in the [example App POM](https://github.com/eclipse/hawkbit/blob/master/examples/hawkbit-example-app/pom.xml)
+{% highlight plaintext %}
+
+ org.mariadb.jdbc
+ mariadb-java-client
+ compile
+
+{% endhighlight %}
+
+### Configure MariaDB/MySQL and MongoDB connection settings.
+
+For this you can either edit the existing *application.properties* or create a [new profile](http://docs.spring.io/spring-boot/docs/current/reference/htmlsingle/#boot-features-external-config-profile-specific-properties).
+
+{% highlight plaintext %}
+spring.jpa.database=MYSQL
+spring.datasource.url=jdbc:mysql://localhost:3306/YOUR_SCHEMA
+spring.datasource.username=YOUR_USER
+spring.datasource.password=YOUR_PWD
+spring.datasource.driverClassName=org.mariadb.jdbc.Driver
+spring.data.mongodb.uri=mongodb://localhost/hawkbitArtifactRepository
+{% endhighlight %}
+
+### Configure RabbitMQ connection settings for update server and device simulator (optional).
+
+We provide already defaults that should work with a standard Rabbit installation. Otherwise configure the following in the `application.properties` of the two services:
+
+{% highlight plaintext %}
+spring.rabbitmq.username=guest
+spring.rabbitmq.password=guest
+spring.rabbitmq.virtualHost=/
+spring.rabbitmq.host=localhost
+spring.rabbitmq.port=5672
+{% endhighlight %}
+
+### Adapt hostname of example scenario [creation script](https://github.com/eclipse/hawkbit/tree/master/examples/hawkbit-mgmt-api-client) (optional)
+
+Should only be necessary if your system does not run on localhost or uses a different port than the example app.
+
+Adapt `application.properties` in this case:
+{% highlight plaintext %}
+hawkbit.url=localhost:8080
+{% endhighlight %}
+
+or provide the parameter on command line:
+{% highlight plaintext %}
+hawkbit-example-mgmt-simulator-##VERSION##.jar --hawkbit.url=YOUR_HOST:PORT
+{% endhighlight %}
+
+## Compile & Run
+
+### Compile & Run your _"production ready"_ app.
+
+see [example app](https://github.com/eclipse/hawkbit/tree/master/examples/hawkbit-example-app)
+
+### Compile & Run example scenario [creation script](https://github.com/eclipse/hawkbit/tree/master/examples/hawkbit-mgmt-api-client) (optional).
+
+This has to be done before the device simulator is started. _hawkBit_ creates the mandatory tenant metadata with first login into either _Management UI_ or API (which is done by this client).
+
+However, this is not done by _DMF_ which is in fact used by the device simulator, i.e. without calling _Management API_ first _hawkBit_ would drop all _DMF_ messages as the tenant is unknown.
+
+### Compile & Run device simulator (optional).
+
+see [device simulator](https://github.com/eclipse/hawkbit/tree/master/examples/hawkbit-device-simulator)
+
+## Enjoy hawkBit with a real database, artifact storage and all [interfaces](https://github.com/eclipse/hawkbit/wiki/Interfaces) available.
+
+{:width="100%"}
diff --git a/docs/src/main/resources/documentation/images/architecture/architecture.png b/docs/src/main/resources/documentation/images/architecture/architecture.png
new file mode 100644
index 000000000..67b85df44
Binary files /dev/null and b/docs/src/main/resources/documentation/images/architecture/architecture.png differ
diff --git a/docs/src/main/resources/documentation/images/architecture/targetStatusStates.png b/docs/src/main/resources/documentation/images/architecture/targetStatusStates.png
new file mode 100644
index 000000000..db14fef74
Binary files /dev/null and b/docs/src/main/resources/documentation/images/architecture/targetStatusStates.png differ
diff --git a/docs/src/main/resources/documentation/images/eventing-within-cluster.png b/docs/src/main/resources/documentation/images/eventing-within-cluster.png
new file mode 100644
index 000000000..1baa538d1
Binary files /dev/null and b/docs/src/main/resources/documentation/images/eventing-within-cluster.png differ
diff --git a/docs/src/main/resources/documentation/images/gettingStartedResult.png b/docs/src/main/resources/documentation/images/gettingStartedResult.png
new file mode 100644
index 000000000..fd1203def
Binary files /dev/null and b/docs/src/main/resources/documentation/images/gettingStartedResult.png differ
diff --git a/docs/src/main/resources/documentation/images/hawkbit_logo.png b/docs/src/main/resources/documentation/images/hawkbit_logo.png
new file mode 100644
index 000000000..3fe796127
Binary files /dev/null and b/docs/src/main/resources/documentation/images/hawkbit_logo.png differ
diff --git a/docs/src/main/resources/documentation/images/interfaces.png b/docs/src/main/resources/documentation/images/interfaces.png
new file mode 100644
index 000000000..6502e29f2
Binary files /dev/null and b/docs/src/main/resources/documentation/images/interfaces.png differ
diff --git a/docs/src/main/resources/documentation/images/overall_cluster.png b/docs/src/main/resources/documentation/images/overall_cluster.png
new file mode 100644
index 000000000..b18b8ee21
Binary files /dev/null and b/docs/src/main/resources/documentation/images/overall_cluster.png differ
diff --git a/docs/src/main/resources/documentation/images/security/anonymousDownload.png b/docs/src/main/resources/documentation/images/security/anonymousDownload.png
new file mode 100644
index 000000000..d5eebb1d7
Binary files /dev/null and b/docs/src/main/resources/documentation/images/security/anonymousDownload.png differ
diff --git a/docs/src/main/resources/documentation/images/security/gatewayToken.png b/docs/src/main/resources/documentation/images/security/gatewayToken.png
new file mode 100644
index 000000000..d22415878
Binary files /dev/null and b/docs/src/main/resources/documentation/images/security/gatewayToken.png differ
diff --git a/docs/src/main/resources/documentation/images/security/targetToken.png b/docs/src/main/resources/documentation/images/security/targetToken.png
new file mode 100644
index 000000000..9fdfede8a
Binary files /dev/null and b/docs/src/main/resources/documentation/images/security/targetToken.png differ
diff --git a/docs/src/main/resources/documentation/images/ui/artifact_mgmt.png b/docs/src/main/resources/documentation/images/ui/artifact_mgmt.png
new file mode 100644
index 000000000..a07459a6d
Binary files /dev/null and b/docs/src/main/resources/documentation/images/ui/artifact_mgmt.png differ
diff --git a/docs/src/main/resources/documentation/images/ui/deployment_mgmt.png b/docs/src/main/resources/documentation/images/ui/deployment_mgmt.png
new file mode 100644
index 000000000..c2b7f3578
Binary files /dev/null and b/docs/src/main/resources/documentation/images/ui/deployment_mgmt.png differ
diff --git a/docs/src/main/resources/documentation/images/ui/distribution_mgmt.png b/docs/src/main/resources/documentation/images/ui/distribution_mgmt.png
new file mode 100644
index 000000000..c3f716b0c
Binary files /dev/null and b/docs/src/main/resources/documentation/images/ui/distribution_mgmt.png differ
diff --git a/docs/src/main/resources/documentation/images/ui/rollout_groups.png b/docs/src/main/resources/documentation/images/ui/rollout_groups.png
new file mode 100644
index 000000000..e79d81e99
Binary files /dev/null and b/docs/src/main/resources/documentation/images/ui/rollout_groups.png differ
diff --git a/docs/src/main/resources/documentation/images/ui/rollout_mgmt.png b/docs/src/main/resources/documentation/images/ui/rollout_mgmt.png
new file mode 100644
index 000000000..0bf6501b8
Binary files /dev/null and b/docs/src/main/resources/documentation/images/ui/rollout_mgmt.png differ
diff --git a/docs/src/main/resources/documentation/images/ui/target_filter.png b/docs/src/main/resources/documentation/images/ui/target_filter.png
new file mode 100644
index 000000000..660b1210b
Binary files /dev/null and b/docs/src/main/resources/documentation/images/ui/target_filter.png differ
diff --git a/docs/src/main/resources/documentation/index.md b/docs/src/main/resources/documentation/index.md
new file mode 100644
index 000000000..f1a47d857
--- /dev/null
+++ b/docs/src/main/resources/documentation/index.md
@@ -0,0 +1,4 @@
+---
+layout: documentation
+title: Documentation
+---
\ No newline at end of file
diff --git a/docs/src/main/resources/documentation/interfaces/ddi-api.md b/docs/src/main/resources/documentation/interfaces/ddi-api.md
new file mode 100644
index 000000000..38b8f2f89
--- /dev/null
+++ b/docs/src/main/resources/documentation/interfaces/ddi-api.md
@@ -0,0 +1,167 @@
+---
+layout: documentation
+title: DDI-API
+---
+
+{% include base.html %}
+
+This API is based on HTTP standards and based on a polling mechanism.
+
+The _hawkbit_ [update server](https://github.com/eclipse/hawkbit) provides REST resources which are consumed by the device to retrieve software update tasks.
+
+Note: in DDI the target is identified using a **controllerId**. Controller is used as a term for the actual service/client on the device. That allows users to have in some cases even multiple clients on the same target for different tasks, e.g. Firmware update and App management.
+
+# State Machine Mapping
+For historical reasons the DDI has a different state machine and status messages than the [Target State Machine](https://github.com/eclipse/hawkbit/wiki/Target-State-Machine) of the _hawkBit_ update server.
+
+This is kept in order to ensure that _DDI_ stays compatible for devices out there in the field. A future version "2" of _DDI_ might change that. _DDI_ also defines more states than the update server, e.g. multiple DDI states are currently mapped by the _DDI_ implementation to _RUNNING_ state. It is possible that in the future _hawkBit_ will fully leverage these additional states.
+
+The _DDI_ API allows the device to provide the following feedback messages:
+
+DDI `status.execution` type | handling by update server | Mapped ActionStatus type
+--------------------------- | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | -----------------------------------------------------
+CANCELED | This is send by the target as confirmation of a cancelation request by the update server. | CANCELED
+REJECTED | This is send by the target in case an update of a cancelation is rejected, i.e. cannot be fulfilled at this point in time. Note: the target should send a CLOSED->ERROR if it believes it will not be able to proceed the action at all. | WARNING
+CLOSED | Target completes the action either with `status.result.finished` SUCCESS or FAILURE as result. Note: DDI defines also a status NONE which will not be interpreted by the update server and handled like SUCCESS. | ERROR (DDI FAILURE) or FINISHED (DDI SUCCESS or NONE)
+PROCEEDING | This can be used by the target to inform that it is working on the action. | RUNNING
+SCHEDULED | This can be used by the target to inform that it scheduled on the action. | RUNNING
+RESUMED | This can be used by the target to inform that it continued to work on the action. | RUNNING
+
+# Resource Overview
+The following chapters provide basic examples for the most important resources but we provide also a [detailed resource documentation](https://docs.bosch-iot-rollouts.com/documentation/rest-api/rootcontroller-api-guide.html).
+
+## Base Poll Resource
+
+```
+GET /{tenant}/controller/v1/{controllerId}
+```
+
+In the answer to the baseUrl polling the backend can send action links. A possible action is a deploy command. The client makes a GET request on the given link:
+
+_Example Response_
+
+```
+{
+ "config": {
+ "polling": {
+ "sleep": "00:05:00"
+ }
+ },
+ "_links": {
+ "deploymentBase": {
+ "href": "http://localhost:8080/default/controller/v1/example/deploymentBase/1?c=644088541"
+ },
+ "configData": {
+ "href": "http://localhost:8080/default/controller/v1/example/configData"
+ }
+ }
+}
+```
+
+## Deployment Base Resource
+
+```
+GET /{tenant}/controller/v1/{controllerId}/deploymentBase/{id}
+```
+
+_Example Response_
+
+```
+{
+ "deployment": {
+ "download": "forced",
+ "update": "forced",
+ "chunks": [
+ {
+ "part": "os",
+ "version": "1.0.0",
+ "name": "Linux",
+ "artifacts": [
+ {
+ "filename": "linux.zip",
+ "hashes": {
+ "sha1": "46fc56de883ec027759d8513458fe1010aa7e793",
+ "md5": "5813e9655bd6871d0c25b8d510fd8605"
+ },
+ "size": 52167,
+ "_links": {
+ "download": {
+ "href": "http://localhost:8080/default/controller/v1/example/softwaremodules/1/artifacts/linux.zip"
+ },
+ "md5sum": {
+ "href": "http://localhost:8080/default/controller/v1/example/softwaremodules/1/artifacts/linux.zip.MD5SUM"
+ }
+ }
+ }
+ ]
+ }
+ ]
+ },
+ "id": "1"
+}
+```
+
+## Deployment Feedback Resource
+To every deployment the client can post feedback back to the update-server about the deployment status.
+
+```
+POST /{tenant}/controller/v1/{controllerId}/deploymentBase/{id}/feedback
+Content-Type: application/json
+```
+
+_Example Body Deployment Success_
+
+```
+{
+ "id": 1,
+ "time": "20140511T121314",
+ "status": {
+ "execution": "closed",
+ "result": {
+ "finished": "success",
+ "progress": {}
+ }
+ }
+}
+```
+
+_Example Body Deployment Proceeding_
+
+```
+{
+ "id": "1",
+ "time": "20140511T121314",
+ "status": {
+ "execution": "proceeding",
+ "result": {
+ "finished": "none",
+ "progress": {
+ "cnt": 2,
+ "of": 5
+ }
+ },
+ "details": [
+ "checking hash sums"
+ ]
+ }
+}
+```
+
+_Example Body Deployment Error_
+
+```
+{
+ "id": 1,
+ "time": "20140511T121314",
+ "status": {
+ "execution": "rejected",
+ "result": {
+ "finished": "failure",
+ "progress": {}
+ },
+ "details": [
+ "something bad happend"
+ ]
+ }
+}
+```
\ No newline at end of file
diff --git a/docs/src/main/resources/documentation/interfaces/dmf-api.md b/docs/src/main/resources/documentation/interfaces/dmf-api.md
new file mode 100644
index 000000000..b74900f71
--- /dev/null
+++ b/docs/src/main/resources/documentation/interfaces/dmf-api.md
@@ -0,0 +1,243 @@
+---
+layout: documentation
+title: DMF-API
+---
+
+{% include base.html %}
+
+Currently bodies of messages are based on JSON. The DMF API provides java classes which allows that the message body can be deserialized at runtime into a java object. Also java classes can be used to serialize java objects into JSON bodies to send a message to _hawkBit_.
+
+## Basics
+
+There are three basic concepts of AMQP:
+
+- Exchanges - what you publish to.
+- Queues - what you consume from.
+- Bindings - configuration that maps an exchange to a queue.
+
+**Queues** are just a place for receiving messages.
+Bindings determine how messages get put in this place
+Queues can also be bound to multiple exchanges.
+
+**Exchanges** are just publish messages.
+The user decides who can produce on an exchange and who can create bindings on that exchange for delivery to a specific queue.
+
+_hawkBit_ will create all necessary queues, exchanges and bindings for the user, making it easy to get started.
+The exchange name for outgoing messages is **dmf.exchange**.
+The queue name for incoming messages is **sp_direct_queue**. Unless a ``reply_to`` header is set, _hawkBit_ will reply on the **sp.direct.exchange** which is bound to the **sp_direct_queue**.
+
+The user can set a ``reply_to`` header (see chapter below), to change the default sender exchange.
+
+The following chapter describes the message body, header and properties.
+
+Note: the DMF protocol was intended to be open for other non update use cases by design (e.g. [Eclipse Hono](https://github.com/eclipse/hono). As a result, DMF uses the term **thing** and not **target** but they are actually synonyms in this case.
+
+## Messages sent to _hawkBit_
+All messages have to be sent to the exchange **dmf.exchange**.
+
+### Message to register a thing
+
+| Message Header | Description | Type | Mandatory
+|-----------------------------|----------------------------------|-------------------------------------|----------------
+| type | Type of the message | Fixed string "THING_CREATED " | true
+| thingId | The ID of the registered thing | String | true
+| sender | Name of the message sender | String | false
+| tenant | The tenant this thing belongs to | String | false
+
+
+| Message Properties | Description | Type | Mandatory
+|-----------------------------|----------------------------------|-------------------------------------|----------------
+| content_type | The content type of the payload | String | true
+| reply_to | Exchange to reply to. The default is sp.direct.exchange which is bound to the sp_direct_queue | String | false
+
+**Example Header**
+
+| Headers | MessageProperties |
+|---------------------------------------|---------------------------------|
+| type=THING\_CREATED
tenant=tenant123
thingId=abc
sender=Lwm2m | content\_type=application/json
reply_to (optional) =sp.connector.replyTo
+
+
+### Message to send an action status event to _hawkBit_
+
+The Java representation is ActionUpdateStatus:
+
+| Header | Description | Type | Mandatory
+|-----------------------------|----------------------------------|-------------------------------------|--------------
+| type | Type of the message | Fixed string "EVENT" | true
+| topic | Topic to handle events different | Fixed string "UPDATE_ACTION_STATUS" | true
+| tenant | The tenant this thing belongs to | String | false
+
+| Message Properties | Description | Type | Mandatory
+|-----------------------------|----------------------------------|-------------------------------------|----------------
+| content_type | The content type of the payload | String | true
+
+Payload Template
+
+```json
+{
+"actionId": long,
+"softwareModuleId": long,
+"actionStatus":"String",
+"message":["String"]
+}
+```
+Possible actionStatus
+
+| Header | Description |
+|-----------------|------------------------------------|
+| DOWNLOAD | Device is downloading |
+| RETRIEVED | Device management service has retrieved something |
+| RUNNING | Update is running |
+| FINISHED | Update process finished successful |
+| ERROR | Error during update process |
+| WARNING | Warning during update process |
+| CANCELED | Cancel update process successful |
+| CANCEL_REJECTED | Cancel update process has been rejected |
+
+
+**Example Header and Payload**
+
+| Headers | MessageProperties |
+|---------------------------------------|---------------------------------|
+| type=EVENT
tenant=tenant123
topic=UPDATE\_ACTION\_STATUS | content_type=application/json
+
+```json
+{
+"actionId":137,
+"softwareModuleId":17,
+"actionStatus":"DOWNLOAD",
+"message":["The download has started"]
+}
+```
+
+### Message to cancel an update task
+
+| Header | Description | Type | Mandatory
+|-----------------------------|----------------------------------|-------------------------------------|----------------
+| type | Type of the message | Fixed string "Event" | true
+| thingId | The ID of the registered thing | String | true
+| topic | Topic to handle events different | Fixed string "CANCEL_DOWNLOAD" | true
+| tenant | The tenant this thing belongs to | String | false
+
+| Message Properties | Description | Type | Mandatory
+|-----------------------------|----------------------------------|-------------------------------------|----------------
+| content_type | The content type of the payload | String | true
+
+**Example Header**
+
+| Headers | MessageProperties |
+|---------------------------------------|---------------------------------|
+| type=EVENT
tenant=tenant123
thingId=abc
topic=CANCEL\_DOWNLOAD | content_type=application/json
+
+
+After this message has been sent, an action status event with either actionStatus=CANCELED or actionStatus=CANCEL_REJECTED has to be returned.
+
+**Example Header and Payload when cancellation is successful**
+
+| Headers | MessageProperties |
+|---------------------------------------|---------------------------------|
+| type=EVENT
tenant=tenant123
topic=UPDATE\_ACTION\_STATUS | content_type=application/json
+
+```json
+{
+"actionId":137,
+"softwareModuleId":17,
+"actionStatus":"CANCELED",
+"message":["The update was canceled."]
+}
+```
+
+**Example Header and Payload when cancellation was rejected**
+
+| Headers | MessageProperties |
+|---------------------------------------|---------------------------------|
+| type=EVENT
tenant=tenant123
topic=UPDATE\_ACTION\_STATUS | content_type=application/json
+
+```json
+{
+"actionId":137,
+"softwareModuleId":17,
+"actionStatus":"CANCEL_REJECTED",
+"message":["The cancellation was not possible since the target sent an unexpected response."]
+}
+```
+## Messages sent by _hawkBit_
+All messages from _hawkBit_ will be sent to the **sp_direct_queue** or the one specified in the ``reply_to`` property.
+
+### Message sent by _hawkBit_ to initialize an update task
+
+
+| Header | Description | Type | Mandatory
+|-----------------------------|----------------------------------|-------------------------------------|----------------
+| type | Type of the message | Fixed string "EVENT" | true
+| thingId | The ID of the registered thing | String | true
+| topic | Topic to handle events different | Fixed string "DOWNLOAD_AND_INSTALL" | true
+| tenant | The tenant this thing belongs to | String | false
+
+
+| Message Properties | Description | Type | Mandatory
+|-----------------------------|----------------------------------|-------------------------------------|----------------
+| content_type | The content type of the payload | String | true
+
+The Java representation is DownloadAndUpdateRequest:
+
+
+Payload Template
+
+```json
+{
+"actionId": long,
+"targetSecurityToken": "String",
+"softwareModules":[
+ {
+ "moduleId": long,
+ "moduleType":"String",
+ "moduleVersion":"String",
+ "artifacts":[
+ {
+ "filename":"String",
+ "urls":{
+ "HTTP":"String",
+ "HTTPS":"String"
+ },
+ "hashes":{
+ "md5":"String",
+ "sha1":"String"
+ },
+ "size":long
+ }]
+ }]
+}
+```
+
+**Example Header and Payload**
+
+| Headers | MessageProperties |
+|---------------------------------------|---------------------------------|
+| type=EVENT
tenant=tenant123
thingId=abc
topic=DOWNLOAD\_AND\_INSTALL | content_type=application/json
+
+```json
+{
+"actionId":137,
+"targetSecurityToken":"bH7XXAprK1ChnLfKSdtlsp7NOlPnZAYY",
+"softwareModules":[
+ {
+ "moduleId":7,
+ "moduleType":"firmware",
+ "moduleVersion":"7.7.7",
+ "artifacts":[
+ {
+ "filename":"artifact.zip",
+ "urls":{
+ "HTTP":"http://download-from-url.com",
+ "HTTPS":"https://download-from-url.com"
+ },
+ "hashes":{
+ "md5":"md5hash",
+ "sha1":"sha1hash"
+ },
+ "size":512
+ }]
+ }]
+}
+```
\ No newline at end of file
diff --git a/docs/src/main/resources/documentation/interfaces/interfaces.md b/docs/src/main/resources/documentation/interfaces/interfaces.md
new file mode 100644
index 000000000..0ee3b897e
--- /dev/null
+++ b/docs/src/main/resources/documentation/interfaces/interfaces.md
@@ -0,0 +1,29 @@
+---
+layout: documentation
+title: Interfaces
+---
+
+{% include base.html %}
+
+{:width="100%"}
+
+
+# Graphical User Interface
+
+To get started _hawkBit_ offers a [Management UI](https://github.com/eclipse/hawkbit/wiki/Management-UI) that allows operators to manage the repository and trigger provisioning operations.
+
+In addition Eclipse _hawkBit_ offers developers multiple options to integrate.
+
+# Application Integration
+The _hawkBit_ [Management API](https://github.com/eclipse/hawkbit/wiki/Management-API) allows applications to manage the repository and trigger provisioning operations. It is in general feature compliant with the _Management UI_. However, small differences may occur here and there. The authentication and authorization structure is identical, i.e. a user can login both at Management API and UI with the same credentials and has the same permissions available.
+
+# Device Integration
+For device integration two options exist.
+
+The [Direct Device Integration API](https://github.com/eclipse/hawkbit/wiki/Direct-Device-Integration-API) allows direct integration from the device to the _hawkBit_ server. It has been designed with simplicity in mind as its is fully focused on software update. It allows device integrators to separate concerns by means of having distinguished channels for business data and general device management tasks on one side and software update on the other. As a result it is possible to keep the _lifesaving_ provisioning process controller on the device separate from the more complex business functionality. A benefit of such an architecture should not be underestimated.
+
+As result of such a simple HTTP/REST/JSON based API even a major back-end migration or disaster can be covered with simple web server hosting a text file that contains only the command to update one more time to execute a migration on the device. The API was designed on purpose in way to have that last resort even if the plan is that this will never be necessary.
+
+The [Device Management Federation API](https://github.com/eclipse/hawkbit/wiki/Device-Management-Federation-API) however allows to combine the business data and _hawkBit_ connectivity. This is especially usefull if a constrained device cannot handle a TLS/HTTP connection, is supporting a standard device management protocol that covers also the software update part (e.g. TR-069, OMA-DM, LWM2M) or the device is already connected and _hawkBit_ is introduced later on.
+
+The decision for the right device integration path is up to the integration party.
diff --git a/docs/src/main/resources/documentation/interfaces/management-api.md b/docs/src/main/resources/documentation/interfaces/management-api.md
new file mode 100644
index 000000000..599e46faf
--- /dev/null
+++ b/docs/src/main/resources/documentation/interfaces/management-api.md
@@ -0,0 +1,77 @@
+---
+layout: documentation
+title: Management-API
+---
+
+{% include base.html %}
+
+# Management API
+
+## Overview
+The Management API is a RESTful API that enables to perform Create/Read/Update/Delete operations for provisioning targets (i.e. devices) and repository content (i.e. software). Based on the Management API you can manage and monitor software update operations via HTTP/HTTPS. The _Management API_ supports JSON payload with hypermedia as well as filtering, sorting and paging. Furthermore the Management API provides permission based access control and standard roles as well as custom role creation.
+
+The API is protected and needs authentication and authorization based on the security concept.
+
+## API Version
+
+_hawkBit_ provides an consistent Management API interface that guarantees backwards compatibility for future releases by version control.
+
+The current version of the Management API is `version 1 (v1)` with the URI http://localhost:8080/rest/v1/
+
+## API Resources
+
+Supported HTTP-methods are:
+
+- GET
+- POST
+- PUT
+- DELETE
+
+Available Management APIs resources are:
+
+* [Targets](https://docs.bosch-iot-rollouts.com/documentation/rest-api/targets-api-guide.html)
+* [Distribution Sets](https://docs.bosch-iot-rollouts.com/documentation/rest-api/distributionsets-api-guide.html)
+* [Distribution Set Types](https://docs.bosch-iot-rollouts.com/documentation/rest-api/distributionsettypes-api-guide.html)
+* [Software Modules](https://docs.bosch-iot-rollouts.com/documentation/rest-api/softwaremodules-api-guide.html)
+* [Software Module Types](https://docs.bosch-iot-rollouts.com/documentation/rest-api/softwaremoduletypes-api-guide.html)
+* [Target Tag](https://docs.bosch-iot-rollouts.com/documentation/rest-api/targettag-api-guide.html)
+* [Distribution Set Tag](https://docs.bosch-iot-rollouts.com/documentation/rest-api/distributionsettag-api-guide.html)
+* [Rollouts](http://https://docs.bosch-iot-rollouts.com/documentation/developerguide/apispecifications/managementapi/rollouts.html)
+
+
+## Headers
+
+For all requests an `Authorization` header has to be set.
+
+* Username: `Tenant\username`
+* Password: `password`
+
+Also have a look to the [Security](https://github.com/eclipse/hawkbit/wiki/Security) chapter.
+
+In addition, for POST and PUT requests the `Content-Type` header has to be set. Accepted content-types are.
+
+* `application/json`
+* `application/hal+json`
+
+## Request Body
+
+Besides the relevant data (name, description, createdBy etc.) of a resource entity, a resource entity also has URIs (`_links`) to linked resource entities.
+
+A _Distribution Set_ entity may have for example URIs to artifacts, _Software Modules_, _Software Module Types_ and metadata.
+
+
+{% highlight json %}
+"_links": {
+ "artifacts": {
+ "href": "http://localhost:8080/rest/v1/softwaremodules/83/artifacts"
+ },
+ "self": {
+ "href": "http://localhost:8080/rest/v1/softwaremodules/83"
+ },
+ "type": {
+ "href": "http://localhost:8080/rest/v1/softwaremoduletypes/43"
+ },
+ "metadata": {
+ "href": "http://localhost:8080/rest/v1/softwaremodules/83/metadata?offset=0&limit=50"
+ }
+{% endhighlight %}
\ No newline at end of file
diff --git a/docs/src/main/resources/documentation/interfaces/management-ui.md b/docs/src/main/resources/documentation/interfaces/management-ui.md
new file mode 100644
index 000000000..2ecb75898
--- /dev/null
+++ b/docs/src/main/resources/documentation/interfaces/management-ui.md
@@ -0,0 +1,143 @@
+---
+layout: documentation
+title: Management-UI
+---
+
+{% include base.html %}
+
+The _hawkBit_ Management UI provides several views for the different use cases:
+
+- _Deployment Management_ view for target administration and manual deployment.
+- _Distribution Management_ view software repository metadata management.
+- _Artifact Management_ view to manage the artifacts.
+- _Target Filter Management_ view to manage target filters that can be used both in Deployment and Rollout Management views.
+- _Rollout Management_ for large scale rollout orchestration.
+
+# Deployment Management
+
+## Purpose
+
+Target status overview, target management and manual deployments.
+
+## Feature explained
+- Target Status: check status of all targets.
+- Target list allows filters based on:
+ - Assigned/installed _DistributionSet_ (drag and drop a set on the filter icon on the top of the list)
+ - Target update status: click 1-X status to reduce the list of targets that have one of them.
+ - Target tag: click 1-X tags to reduce the list to targets that have one of them.
+ - Name, description: use search button on the top of the list.
+
+- _DistributionSet_ list allows filters based on:
+ - _DistributionSet_ tag: click 1-X tags to reduce the list of sets that have one of them.
+ - Name, description: use search button on the top of the list.
+
+- Start roll out by drag and drop targets on a DS.
+- Target list supports CTRL-A for "select all".
+- Delete sets, tags or targets by dragging them on delete icon.
+- Select _Target_ to see _Action_ History.
+- Bulk target upload: create bulk targets by upload.
+
+
+Hints for bulk upload:
+- Expected file type : csv.
+- Expected file format : Each line with two values (ControllerID,Target Name). ControllerID is mandatory.
+- Example:
+```
+Controller_id_1,targetName1
+Controller_id_2,targetName2
+```
+
+{:width="100%"}
+
+# Distribution Management
+
+## Purpose
+
+Distribution Set view to manage software repository metadata, i.e. Distribution Sets, their Software Modules and the respective types.
+
+## Features explained
+- Browse, create, delete and update Distribution Sets.
+- Browse, create, delete and update Distribution Set Types.
+- Browse, create, delete and update Software Modules.
+- Browse, create, delete and update Software Module Types.
+- Assign Software Modules to Distribution Sets.
+
+{:width="100%"}
+
+# Artifact Management
+
+## Purpose
+Software artifact management, both metadata (i.e. Software Modules) and artifacts themselves.
+
+## Features explained
+Allows to:
+- Browse, create, delete and update Software Modules.
+- Browse, create, delete and update Software Module Types.
+- Upload and delete software artifacts for a module.
+
+{:width="100%"}
+
+# Rollout Management
+
+## Purpose
+Software rollout in large scale, rollout status overview and rollout management.
+
+## Features explained
+- Create, update and start of rollouts.
+- Pause and resume of rollouts.
+- Progress monitoring for the entire rollout and the individual groups.
+- Drill down to see the groups in a rollout and targets in each group.
+- Rollout attributes:
+ - Selection of targets as input for the rollout based on _target filter_
+ - Selection of _distribution set_
+ - Auto-splitting of the input target list based on _group number_ defined
+ - _Trigger threshold_ to define the percentage of installation to be completed , to trigger the start of next group
+ - _Error threshold_ defines the percentage of error tolerance of a group before calling for a emergency shutdown of a rollout
+
+{:width="100%"}
+
+{:width="100%"}
+
+## Note
+- Deletion of targets which are in a rollout, changes the rollout statistics.
+
+# Target Filter Management
+
+## Purpose
+Custom target filter overview and filter management.
+
+## Features explained
+- Custom target filter allows user to filter targets by defining custom query.
+- Displays custom target filter list and user can search any particular filter.
+- Create, update and delete features are supported for target filters.
+
+## How to Filter
+The basic syntax to filter is: `field
value fieldvalue <...>`
+- `field`: is the name of the resource field.
+- `value`: is the value of the target field
+- ``: Are operators to do simple queries. Supported basic operators are:
+ - `==` : equal
+ - `!=` : not equal
+ - Use `=IN=` for 'in' parameter.(Example: name=IN=(target1,target2).
+
+- ``: Are operators to join simple queries: Supported composite operators are:
+ - `and`
+ - `or`
+ - Use `=IN=` for 'in' parameter.(Example: name=IN=(target1,target2).
+ - Use `*` for wildcard matches.
+
+## Examples
+
+Custom query | Description
+------------------------------------------------------------------------------------------ | -----------------------------------------------------------------------------------------------------------------------------------------------------
+updatestatus==error | Gives all targets in ‘error’ state.
+controllerId!=192.168.2.42 | Gives all targets that don't have the controllerId 192.168.2.42.
+name==\*CCU\* | Gives all targets which contain the term ‘CCU’ in there name.
+name==\*CCU\* or description==\*CCU\* | Gives all targets that either have the term ‘CCU’ in their name or their description.
+name==\*SHC\* and description==\*SHC\* | Gives all targets that have the term SHC in their name and their description.
+name==CCU* and updatestatus==pending | Gives all targets with their name starting with ‘CCU’ and which are in ‘pending’ state.
+(assignedds.name==‘ECU-DS’ and description==test) or updatestatus!=error | Gives all targets which are either assigned to ‘ECU-DS’ and have description equals to ‘test’ or which are not in error status.
+(updatestatus!=In\_sync or updatestatus!=error) and name==\*SHC1\* | Gives all targets that don't have the updatestatus In\_sync or error and that contains the term SHC1 in their name.
+(updatestatus!=error or updatestatus!=pending) and (name==\*CCU\* or description==\*CCU\*) | Gives all targets that either have the term ‘CCU’ in their name or their description and that either have the _update status_ not in state error or pending.
+
+{:width="100%"}
diff --git a/docs/src/main/resources/documentation/overview/features.md b/docs/src/main/resources/documentation/overview/features.md
new file mode 100644
index 000000000..4079caadc
--- /dev/null
+++ b/docs/src/main/resources/documentation/overview/features.md
@@ -0,0 +1,6 @@
+---
+layout: documentation
+title: Features
+---
+
+{% include base.html %}
\ No newline at end of file
diff --git a/docs/src/main/resources/documentation/overview/getting-started.md b/docs/src/main/resources/documentation/overview/getting-started.md
new file mode 100644
index 000000000..567787945
--- /dev/null
+++ b/docs/src/main/resources/documentation/overview/getting-started.md
@@ -0,0 +1,42 @@
+---
+layout: documentation
+title: Getting Started
+---
+
+{% include base.html %}
+
+# hawkBit sandbox
+
+We offer a sandbox installation that is free for everyone to try out hawkBit. However, keep in mind that the sandbox database will be reset from time to time. It is also not possible to upload any artifacts into the sandbox. But you can use it to try out the Management UI, Management API and DDI API.
+
+[hawkbit-sandbox](https://hawkbit.eu-gb.mybluemix.net/UI/)
+
+# Compile, Run and Getting Started
+
+We are not providing an off the shelf installation ready hawkBit update server. However, we recommend to check out the [Example Application](examples/hawkbit-example-app) for a runtime ready Spring Boot based update server that is empowered by hawkBit. In addition we have [guide](https://github.com/eclipse/hawkbit/wiki/Run-hawkBit) for setting up a complete landscape.
+
+#### Clone and build hawkBit
+{% highlight bash %}
+$ git clone https://github.com/eclipse/hawkbit.git
+$ cd hawkbit
+$ mvn clean install
+{% endhighlight %}
+
+#### Start hawkBit example app
+[Example Application](https://github.com/eclipse/hawkbit/tree/master/examples/hawkbit-example-app)
+
+{% highlight bash %}
+$ java -jar ./examples/hawkbit-example-app/target/hawkbit-example-app-#version#.jar
+{% endhighlight %}
+
+#### Start hawkBit device simulator
+[Device Simulator](https://github.com/eclipse/hawkbit/tree/master/examples/hawkbit-device-simulator)
+{% highlight bash %}
+$ java -jar ./examples/hawkbit-device-simulator/target/hawkbit-device-simulator-#version#.jar
+{% endhighlight %}
+
+#### Generate Getting Started data
+[Example Management API Client](https://github.com/eclipse/hawkbit/tree/master/examples/hawkbit-example-mgmt-simulator)
+{% highlight bash %}
+$ java -jar ./examples/hawkbit-example-mgmt-simulator/target/hawkbit-example-mgmt-simulator-#version#.jar
+{% endhighlight %}
\ No newline at end of file
diff --git a/docs/src/main/resources/documentation/overview/introduction.md b/docs/src/main/resources/documentation/overview/introduction.md
new file mode 100644
index 000000000..ab720f1d2
--- /dev/null
+++ b/docs/src/main/resources/documentation/overview/introduction.md
@@ -0,0 +1,50 @@
+---
+layout: documentation
+title: Introduction
+---
+
+{% include base.html %}
+
+## Overview
+
+{:width="300px" .image-left}
+
+
+
+hawkBit is an domain independent back-end framework for rolling out software updates to constrained edge devices as well as more powerful controllers and gateways connected to IP based networking infrastructure.
+
+
+## Motivation for Software Updates in IoT
+Having software update capabilities ensures a secure IoT by means that it gives IoT projects a fighting chance against pandoras box that they opened the moment their devices got connected. From that moment on devices are at the forefront of IT security threats many embedded software developers historically never had to face. Shipping for instance a Linux powered device connected to the Internet without any security updates ever applied during its lifetime is kind of a suicidal act these days.
+
+A more charming argument for software update is that it enables agile development for hardware and hardware near development. Concepts like a minimum viable product can be applied for devices as not all features need to be ready at manufacturing time. Changes on the cloud side of the IoT project can be applied to the devices at runtime as well.
+
+Sometimes Software Update is a business model on its own as it makes devices much more attractive to the customer if they are updateable, i.e. they do not only buy a product because of its current feature set but make also a bet on its future capabilities. In addition new revenue streams may arise from the fact that feature extensions can potentially be monetized (e.g. Apps) without the need to design, manufacture and ship a new device (revision).
+
+## Motivation for hawkBit
+
+**Updating software** (components) on constrained edge devices as well as more powerful controllers and gateways is as mentioned before a **common requirement** in most IoT scenarios.
+
+At the time being, this process is **usually handled by the IoT solution itself**, sometimes backed by a full fledged device management system. We believe that this approach generates unnecessary **duplicate work** in the IoT space, in particular when considering the challenges of implementing a safe and reliable remote software update process: the software update process must never fail and also must never be compromised as, at the one hand, it can be used to fix almost any issue/problem on the device but at the same time also poses the greatest security threat if mis-used to introduce malicious code to the device.
+
+In addition we believe the software update process to be relatively **independent from particular application domains** when seen from the back-end (cloud) perspective. Updating the software for an entire car may differ from updating the firmware of a single sensor with regard to the connectivity of the device to the cloud and also to the complexity of the software package update process on the device. However, the process of rolling out the software, e.g. uploading an artifact to the repository, assigning it to eligible devices, managing the roll out campaign for a large number of devices, orchestrating content delivery networks to distribute the package, monitoring and reporting the progress of the roll-out and last but not least requirements regarding security and reliability are quite similar.
+
+Software update itself is often seen as a sub process of general device management. In fact, most device management systems include functionality for triggering groups of devices to perform an update, usually accompanied by an artifact repository and basic reporting and monitoring capabilities. This is true for both systems specifically targeting IoT as well as systems originating from the mobile area.
+
+Existing **device management systems** usually **lack** the capability to **efficiently organize roll outs at IoT scale**, e.g. splitting the roll out into sub groups, cascading them, automatically stopping the roll out after a defined error threshold etc. They are also usually restricted to a single device management protocol, either a proprietary one or one of the existing standard protocols like LWM2M, OMA-DM or TR-069. Even if they support more than one such protocol, they are often a result of the device management protocol they started with and restricted in their adoption capabilities to others.
+
+At the same time the wide functional scope of a full fledged **device management system introduces unnecessary (and unwanted) complexity** to many IoT projects. This is particularly true for IoT solutions working with constrained devices where requirements regarding generic device management are often very limited only but a secure & reliable software update process is still mandatory.
+
+As a result we have the need for a domain independent solution
+* that works for the majority of IoT projects
+* that goes beyond the pure update and handles more complex **roll out strategies** needed by large scale IoT projects.
+* that at the same time is **focused on software updates** in the IoT space
+* and that is able to work on its own for simple scenarios while having the capability to integrate with existing device management systems and protocols.
+
+# Requirements to a _cloud ready_ IoT Software Update system
+
+* **Technical Scalability**: connect millions of devices and ship terabytes of software on a global scale.
+* **Functional Scalability**: rollouts with hundreds of thousands of individual devices in it.
+* **Reliability**: software update as the last line of defense against device faults and vulnerabilities.
+* **Managed device complexity**: device topologies inside each individual provisioning target.
+* **Integration flexibility**: connect and integrate through various (non-)standardized device management protocols directly or through federated device managements.
\ No newline at end of file
diff --git a/docs/src/main/resources/documentation/security/security.md b/docs/src/main/resources/documentation/security/security.md
new file mode 100644
index 000000000..5cace28b8
--- /dev/null
+++ b/docs/src/main/resources/documentation/security/security.md
@@ -0,0 +1,129 @@
+---
+layout: documentation
+title: Security
+---
+
+{% include base.html %}
+
+# Security
+
+## Authentication
+A _hawkBit_ update server can be accessed in four different ways:
+- _Direct Device Integration (DDI) API_ by **targets**.
+- _Management API_ by 3rd party **applications**.
+- _Device Management Federation (DMF) API_ by 3rd party **applications** through AMQP.
+- _Management UI_ by **users**.
+
+### DDI API Authentication Modes
+
+#### Security Token
+
+_hawkBit_ supports multiple ways to authenticate a target against the server. The different authentication modes can be individual enabled and disabled within _hawkBit_. Both on system level (with Spring Boot properties) as per individual tenant.
+
+##### Target Security Token Authentication
+There is a 32 alphanumeric character security-token for each created target within IoT _hawkBit_. This token can be used to authenticate the target at _hawkBit_ through the HTTP-Authorization header with the custom scheme _TargetToken_.
+
+```
+GET /SPDEMO/controller/v1/0e945f95-9117-4500-9b0a-9c6d72fa6c07 HTTP/1.1
+Host: your.hawkBit.server
+Authorization: TargetToken bH7XXAprK1ChnLfKSdtlsp7NOlPnZAYY
+```
+
+The target security token is provided in [DMF API](https://github.com/eclipse/hawkbit/wiki/Device-Management-Federation-API) as part of the update message in order to allow DMF clients to leverage the feature or can it be manually retrieved per target by [Management API](https://github.com/eclipse/hawkbit/wiki/Management-API) or in the [Management UI](https://github.com/eclipse/hawkbit/wiki/Management-UI) in the target details.
+
+Note: needs to be enabled in your _hawkBit_ installation **and** in the tenant configuration. That allows both the operator as well as the individual customer (if run in a multi-tenant setup) to enable this access method. See [DdiSecurityProperties](https://github.com/eclipse/hawkbit/blob/master/hawkbit-security-core/src/main/java/org/eclipse/hawkbit/security/DdiSecurityProperties.java) for system wide enablement.
+
+The additional activation for the individual tenant:
+
+{:width="800px"}
+
+##### Gateway Security Token Authentication
+Often the targets are connected through a gateway which manages the targets directly and as a result are indirectly connected to the _hawkBit_ update server.
+
+To authenticate this gateway and allow it to manage all target instances under its tenant there is a _GatewayToken_ to authenticate this gateway through the HTTP-Authorization header with a custom scheme _GatewayToken_. This is of course also handy during development or for testing purposes. However, we generally recommend to use this token with care as it allows to act _in the name of_ any device.
+
+```
+GET /SPDEMO/controller/v1/0e945f95-9117-4500-9b0a-9c6d72fa6c07 HTTP/1.1
+Host: your.hawkBit.server
+Authorization: GatewayToken 3nkswAZhX81oDtktq0FF9Pn0Tc0UGXPW
+```
+
+Note: needs to be enabled in your _hawkBit_ installation **and** in the tenant configuration. That allows both the operator as well as the individual customer (if run in a multi-tenant setup) to enable this access method. See [DdiSecurityProperties](https://github.com/eclipse/hawkbit/blob/master/hawkbit-security-core/src/main/java/org/eclipse/hawkbit/security/DdiSecurityProperties.java) for system wide enablement.
+
+The additional activation for the individual tenant:
+
+{:width="800px"}
+
+##### Anonymous access
+Here we offer general anonymous access for all targets (see [DdiSecurityProperties](https://github.com/eclipse/hawkbit/blob/master/hawkbit-security-core/src/main/java/org/eclipse/hawkbit/security/DdiSecurityProperties.java)) which we consider not really sufficient for a production system but it might come in handy to get a project started in the beginning.
+
+However, anonymous download on the other side might be interesting even in production for scenarios where the artifact itself is already encrypted.
+
+The activation for the individual tenant:
+
+{:width="800px"}
+
+### DMF API
+Authentication is provided by _RabbitMQ_ [vhost and user credentials](https://www.rabbitmq.com/access-control.html) that is used for the integration.
+
+### Management API
+- Basic Auth
+
+### Management UI
+- Login Dialog
+
+## Authorization
+Authorization is handled separately for _Direct Device Integration (DDI) API_ and _Device Management Federation (DMF) API_ (where successful authentication includes full authorization) and _Management API_ and _UI_ which is based on Spring security [authorities](https://github.com/eclipse/hawkbit/blob/master/hawkbit-security-core/src/main/java/org/eclipse/hawkbit/im/authentication/SpPermission.java).
+
+However, keep in mind that _hawkBit_ does not offer an off the shelf authentication provider to leverage these permissions and the underlying multi user/tenant capabilities of _hawkBit_. Check out [Spring security documentation](http://projects.spring.io/spring-security/) for further information. In _hawkBit_ [SecurityAutoConfiguration](https://github.com/eclipse/hawkbit/blob/master/hawkbit-autoconfigure/src/main/java/org/eclipse/hawkbit/autoconfigure/security/SecurityAutoConfiguration.java) is a good starting point for integration.
+
+The default implementation is single user/tenant with basic auth and the logged in user is provided with all permissions.
+
+### DDI API
+An authenticated target is permitted to:
+- retrieve commands from the server
+- provide feedback to the the server
+- download artifacts that are assigned to it
+
+A target might be permitted to download artifacts without authentication (if enabled, see above). Only the download can be permitted to disable the authentication. This can be used in scenarios where the artifacts itself are e.g. signed and secured.
+
+### Management API and UI
+#### Delivered Permissions
+- READ_/UPDATE_/CREATE_/DELETE_TARGETS for:
+ - Target entities including metadata (that includes also the installed and assigned distribution sets)
+ - Target tags
+ - Target actions
+ - Target registration rules
+ - Bulk operations
+ - Target filters
+
+- READ_/UPDATE_/CREATE_/DELETE_REPOSITORY for:
+ - Distribution sets
+ - Software Modules
+ - Artifacts
+ - DS tags
+
+- READ_TARGET_SECURITY_TOKEN
+ - Permission to read the target security token. The security token is security concerned and should be protected.
+
+- DOWNLOAD_REPOSITORY_ARTIFACT
+ - Permission to download artifacts of an software module (Note: READ_REPOSITORY allows only to read the metadata).
+
+- TENANT_CONFIGURATION
+ - Permission to administrate the tenant settings.
+
+- ROLLOUT_MANAGEMENT
+ - Permission to provision targets through rollouts.
+
+#### Permission Matrix for example uses cases that need more than one permission
+
+Use Case | Needed permissions
+-------------------------------------------------------------------------- | --------------------------------------------------
+Search _targets_ by installed or assigned _distribution set_ | READ_TARGET, READ_REPOSITORY
+Assign _DS_ to a _target_ | READ_REPOSITORY, UPDATE_TARGET
+Assign DS to target through a _Rollout_, i.e. _Rollout_ creation and start | READ_REPOSITORY, UPDATE_TARGET, ROLLOUT_MANAGEMENT
+Read _Rollout_ status including its _deployment groups_ | ROLLOUT_MANAGEMENT
+Checks _targets_ inside _Rollout deployment group_ | READ_TARGET, ROLLOUT_MANAGEMENT
+
+### Device Management Federation API
+The provided _RabbitMQ_ [vhost and user](https://www.rabbitmq.com/access-control.html) should be provided with the necessary permissions to send messages to _hawkBit_ through the exchange and receive messages from it through the specified queue.
diff --git a/docs/src/main/resources/feed.xml b/docs/src/main/resources/feed.xml
new file mode 100644
index 000000000..64333706f
--- /dev/null
+++ b/docs/src/main/resources/feed.xml
@@ -0,0 +1,30 @@
+---
+layout: null
+---
+
+
+
+ {{ site.title | xml_escape }}
+ {{ site.description | xml_escape }}
+ {{ site.url }}{{ site.baseurl }}/
+
+ {{ site.time | date_to_rfc822 }}
+ {{ site.time | date_to_rfc822 }}
+ Jekyll v{{ jekyll.version }}
+ {% for post in site.posts limit:10 %}
+ -
+ {{ post.title | xml_escape }}
+ {{ post.content | xml_escape }}
+ {{ post.date | date_to_rfc822 }}
+ {{ post.url | prepend: site.baseurl | prepend: site.url }}
+ {{ post.url | prepend: site.baseurl | prepend: site.url }}
+ {% for tag in post.tags %}
+ {{ tag | xml_escape }}
+ {% endfor %}
+ {% for cat in post.categories %}
+ {{ cat | xml_escape }}
+ {% endfor %}
+
+ {% endfor %}
+
+
\ No newline at end of file
diff --git a/docs/src/main/resources/img/hawkBit_overview.png b/docs/src/main/resources/img/hawkBit_overview.png
new file mode 100644
index 000000000..3ad9813aa
Binary files /dev/null and b/docs/src/main/resources/img/hawkBit_overview.png differ
diff --git a/docs/src/main/resources/img/hawkbit transparency.png b/docs/src/main/resources/img/hawkbit transparency.png
new file mode 100644
index 000000000..9aaf00e19
Binary files /dev/null and b/docs/src/main/resources/img/hawkbit transparency.png differ
diff --git a/docs/src/main/resources/img/hawkbit_flower.png b/docs/src/main/resources/img/hawkbit_flower.png
new file mode 100644
index 000000000..3ebd83baf
Binary files /dev/null and b/docs/src/main/resources/img/hawkbit_flower.png differ
diff --git a/docs/src/main/resources/img/packagemodel.png b/docs/src/main/resources/img/packagemodel.png
new file mode 100644
index 000000000..f9c6f1775
Binary files /dev/null and b/docs/src/main/resources/img/packagemodel.png differ
diff --git a/docs/src/main/resources/img/rollout.png b/docs/src/main/resources/img/rollout.png
new file mode 100644
index 000000000..984e12152
Binary files /dev/null and b/docs/src/main/resources/img/rollout.png differ
diff --git a/docs/src/main/resources/index.html b/docs/src/main/resources/index.html
new file mode 100644
index 000000000..f78869c74
--- /dev/null
+++ b/docs/src/main/resources/index.html
@@ -0,0 +1,3 @@
+---
+layout: homepage
+---
diff --git a/docs/src/main/resources/js/app.js b/docs/src/main/resources/js/app.js
new file mode 100644
index 000000000..ecf48b4d8
--- /dev/null
+++ b/docs/src/main/resources/js/app.js
@@ -0,0 +1,19 @@
+$(function(){
+ var headerScroll = 300;
+ $(window).scroll(function() {
+ var scroll = getScroll();
+ if ( scroll >= headerScroll ) {
+ $('.navbar-lp').addClass('scroll');
+ $('.navbar-lp').addClass('scroll-bg');
+ }
+ else {
+ $('.navbar-lp').removeClass('scroll');
+ $('.navbar-lp').removeClass('scroll-bg');
+ }
+});
+
+
+function getScroll() {
+ return window.pageYOffset || document.documentElement.scrollTop;
+ }
+ });
\ No newline at end of file
diff --git a/docs/src/main/resources/js/jquery.prettyPhoto.js b/docs/src/main/resources/js/jquery.prettyPhoto.js
new file mode 100644
index 000000000..b00b8a23b
--- /dev/null
+++ b/docs/src/main/resources/js/jquery.prettyPhoto.js
@@ -0,0 +1,7 @@
+/* ------------------------------------------------------------------------
+ Class: prettyPhoto
+ Use: Lightbox clone for jQuery
+ Author: Stephane Caron (http://www.no-margin-for-errors.com)
+ Version: 3.1.6
+------------------------------------------------------------------------- */
+!function(e){function t(){var e=location.href;return hashtag=-1!==e.indexOf("#prettyPhoto")?decodeURI(e.substring(e.indexOf("#prettyPhoto")+1,e.length)):!1,hashtag&&(hashtag=hashtag.replace(/<|>/g,"")),hashtag}function i(){"undefined"!=typeof theRel&&(location.hash=theRel+"/"+rel_index+"/")}function p(){-1!==location.href.indexOf("#prettyPhoto")&&(location.hash="prettyPhoto")}function o(e,t){e=e.replace(/[\[]/,"\\[").replace(/[\]]/,"\\]");var i="[\\?&]"+e+"=([^&#]*)",p=new RegExp(i),o=p.exec(t);return null==o?"":o[1]}e.prettyPhoto={version:"3.1.6"},e.fn.prettyPhoto=function(a){function s(){e(".pp_loaderIcon").hide(),projectedTop=scroll_pos.scrollTop+(I/2-f.containerHeight/2),projectedTop<0&&(projectedTop=0),$ppt.fadeTo(settings.animation_speed,1),$pp_pic_holder.find(".pp_content").animate({height:f.contentHeight,width:f.contentWidth},settings.animation_speed),$pp_pic_holder.animate({top:projectedTop,left:j/2-f.containerWidth/2<0?0:j/2-f.containerWidth/2,width:f.containerWidth},settings.animation_speed,function(){$pp_pic_holder.find(".pp_hoverContainer,#fullResImage").height(f.height).width(f.width),$pp_pic_holder.find(".pp_fade").fadeIn(settings.animation_speed),isSet&&"image"==h(pp_images[set_position])?$pp_pic_holder.find(".pp_hoverContainer").show():$pp_pic_holder.find(".pp_hoverContainer").hide(),settings.allow_expand&&(f.resized?e("a.pp_expand,a.pp_contract").show():e("a.pp_expand").hide()),!settings.autoplay_slideshow||P||v||e.prettyPhoto.startSlideshow(),settings.changepicturecallback(),v=!0}),m(),a.ajaxcallback()}function n(t){$pp_pic_holder.find("#pp_full_res object,#pp_full_res embed").css("visibility","hidden"),$pp_pic_holder.find(".pp_fade").fadeOut(settings.animation_speed,function(){e(".pp_loaderIcon").show(),t()})}function r(t){t>1?e(".pp_nav").show():e(".pp_nav").hide()}function l(e,t){if(resized=!1,d(e,t),imageWidth=e,imageHeight=t,(k>j||b>I)&&doresize&&settings.allow_resize&&!$){for(resized=!0,fitting=!1;!fitting;)k>j?(imageWidth=j-200,imageHeight=t/e*imageWidth):b>I?(imageHeight=I-200,imageWidth=e/t*imageHeight):fitting=!0,b=imageHeight,k=imageWidth;(k>j||b>I)&&l(k,b),d(imageWidth,imageHeight)}return{width:Math.floor(imageWidth),height:Math.floor(imageHeight),containerHeight:Math.floor(b),containerWidth:Math.floor(k)+2*settings.horizontal_padding,contentHeight:Math.floor(y),contentWidth:Math.floor(w),resized:resized}}function d(t,i){t=parseFloat(t),i=parseFloat(i),$pp_details=$pp_pic_holder.find(".pp_details"),$pp_details.width(t),detailsHeight=parseFloat($pp_details.css("marginTop"))+parseFloat($pp_details.css("marginBottom")),$pp_details=$pp_details.clone().addClass(settings.theme).width(t).appendTo(e("body")).css({position:"absolute",top:-1e4}),detailsHeight+=$pp_details.height(),detailsHeight=detailsHeight<=34?36:detailsHeight,$pp_details.remove(),$pp_title=$pp_pic_holder.find(".ppt"),$pp_title.width(t),titleHeight=parseFloat($pp_title.css("marginTop"))+parseFloat($pp_title.css("marginBottom")),$pp_title=$pp_title.clone().appendTo(e("body")).css({position:"absolute",top:-1e4}),titleHeight+=$pp_title.height(),$pp_title.remove(),y=i+detailsHeight,w=t,b=y+titleHeight+$pp_pic_holder.find(".pp_top").height()+$pp_pic_holder.find(".pp_bottom").height(),k=t}function h(e){return e.match(/youtube\.com\/watch/i)||e.match(/youtu\.be/i)?"youtube":e.match(/vimeo\.com/i)?"vimeo":e.match(/\b.mov\b/i)?"quicktime":e.match(/\b.swf\b/i)?"flash":e.match(/\biframe=true\b/i)?"iframe":e.match(/\bajax=true\b/i)?"ajax":e.match(/\bcustom=true\b/i)?"custom":"#"==e.substr(0,1)?"inline":"image"}function c(){if(doresize&&"undefined"!=typeof $pp_pic_holder){if(scroll_pos=_(),contentHeight=$pp_pic_holder.height(),contentwidth=$pp_pic_holder.width(),projectedTop=I/2+scroll_pos.scrollTop-contentHeight/2,projectedTop<0&&(projectedTop=0),contentHeight>I)return;$pp_pic_holder.css({top:projectedTop,left:j/2+scroll_pos.scrollLeft-contentwidth/2})}}function _(){return self.pageYOffset?{scrollTop:self.pageYOffset,scrollLeft:self.pageXOffset}:document.documentElement&&document.documentElement.scrollTop?{scrollTop:document.documentElement.scrollTop,scrollLeft:document.documentElement.scrollLeft}:document.body?{scrollTop:document.body.scrollTop,scrollLeft:document.body.scrollLeft}:void 0}function g(){I=e(window).height(),j=e(window).width(),"undefined"!=typeof $pp_overlay&&$pp_overlay.height(e(document).height()).width(j)}function m(){isSet&&settings.overlay_gallery&&"image"==h(pp_images[set_position])?(itemWidth=57,navWidth="facebook"==settings.theme||"pp_default"==settings.theme?50:30,itemsPerPage=Math.floor((f.containerWidth-100-navWidth)/itemWidth),itemsPerPage=itemsPerPage![]("+img_src+")
";toInject=settings.gallery_markup.replace(/{gallery}/g,toInject),$pp_pic_holder.find("#pp_full_res").after(toInject),$pp_gallery=e(".pp_pic_holder .pp_gallery"),$pp_gallery_li=$pp_gallery.find("li"),$pp_gallery.find(".pp_arrow_next").click(function(){return e.prettyPhoto.changeGalleryPage("next"),e.prettyPhoto.stopSlideshow(),!1}),$pp_gallery.find(".pp_arrow_previous").click(function(){return e.prettyPhoto.changeGalleryPage("previous"),e.prettyPhoto.stopSlideshow(),!1}),$pp_pic_holder.find(".pp_content").hover(function(){$pp_pic_holder.find(".pp_gallery:not(.disabled)").fadeIn()},function(){$pp_pic_holder.find(".pp_gallery:not(.disabled)").fadeOut()}),itemWidth=57,$pp_gallery_li.each(function(t){e(this).find("a").click(function(){return e.prettyPhoto.changePage(t),e.prettyPhoto.stopSlideshow(),!1})})}settings.slideshow&&($pp_pic_holder.find(".pp_nav").prepend('Play'),$pp_pic_holder.find(".pp_nav .pp_play").click(function(){return e.prettyPhoto.startSlideshow(),!1})),$pp_pic_holder.attr("class","pp_pic_holder "+settings.theme),$pp_overlay.css({opacity:0,height:e(document).height(),width:e(window).width()}).bind("click",function(){settings.modal||e.prettyPhoto.close()}),e("a.pp_close").bind("click",function(){return e.prettyPhoto.close(),!1}),settings.allow_expand&&e("a.pp_expand").bind("click",function(){return e(this).hasClass("pp_expand")?(e(this).removeClass("pp_expand").addClass("pp_contract"),doresize=!1):(e(this).removeClass("pp_contract").addClass("pp_expand"),doresize=!0),n(function(){e.prettyPhoto.open()}),!1}),$pp_pic_holder.find(".pp_previous, .pp_nav .pp_arrow_previous").bind("click",function(){return e.prettyPhoto.changePage("previous"),e.prettyPhoto.stopSlideshow(),!1}),$pp_pic_holder.find(".pp_next, .pp_nav .pp_arrow_next").bind("click",function(){return e.prettyPhoto.changePage("next"),e.prettyPhoto.stopSlideshow(),!1}),c()}a=jQuery.extend({hook:"rel",animation_speed:"fast",ajaxcallback:function(){},slideshow:5e3,autoplay_slideshow:!1,opacity:.8,show_title:!0,allow_resize:!0,allow_expand:!0,default_width:500,default_height:344,counter_separator_label:"/",theme:"pp_default",horizontal_padding:20,hideflash:!1,wmode:"opaque",autoplay:!0,modal:!1,deeplinking:!0,overlay_gallery:!0,overlay_gallery_max:30,keyboard_shortcuts:!0,changepicturecallback:function(){},callback:function(){},ie6_fallback:!0,markup:' ',gallery_markup:'',image_markup:'
',flash_markup:'',quicktime_markup:'',iframe_markup:'',inline_markup:'{content}
',custom_markup:"",social_tools:''},a);var f,v,y,w,b,k,P,x=this,$=!1,I=e(window).height(),j=e(window).width();return doresize=!0,scroll_pos=_(),e(window).unbind("resize.prettyphoto").bind("resize.prettyphoto",function(){c(),g()}),a.keyboard_shortcuts&&e(document).unbind("keydown.prettyphoto").bind("keydown.prettyphoto",function(t){if("undefined"!=typeof $pp_pic_holder&&$pp_pic_holder.is(":visible"))switch(t.keyCode){case 37:e.prettyPhoto.changePage("previous"),t.preventDefault();break;case 39:e.prettyPhoto.changePage("next"),t.preventDefault();break;case 27:settings.modal||e.prettyPhoto.close(),t.preventDefault()}}),e.prettyPhoto.initialize=function(){return settings=a,"pp_default"==settings.theme&&(settings.horizontal_padding=16),theRel=e(this).attr(settings.hook),galleryRegExp=/\[(?:.*)\]/,isSet=galleryRegExp.exec(theRel)?!0:!1,pp_images=isSet?jQuery.map(x,function(t){return-1!=e(t).attr(settings.hook).indexOf(theRel)?e(t).attr("href"):void 0}):e.makeArray(e(this).attr("href")),pp_titles=isSet?jQuery.map(x,function(t){return-1!=e(t).attr(settings.hook).indexOf(theRel)?e(t).find("img").attr("alt")?e(t).find("img").attr("alt"):"":void 0}):e.makeArray(e(this).find("img").attr("alt")),pp_descriptions=isSet?jQuery.map(x,function(t){return-1!=e(t).attr(settings.hook).indexOf(theRel)?e(t).attr("title")?e(t).attr("title"):"":void 0}):e.makeArray(e(this).attr("title")),pp_images.length>settings.overlay_gallery_max&&(settings.overlay_gallery=!1),set_position=jQuery.inArray(e(this).attr("href"),pp_images),rel_index=isSet?set_position:e("a["+settings.hook+"^='"+theRel+"']").index(e(this)),u(this),settings.allow_resize&&e(window).bind("scroll.prettyphoto",function(){c()}),e.prettyPhoto.open(),!1},e.prettyPhoto.open=function(t){return"undefined"==typeof settings&&(settings=a,pp_images=e.makeArray(arguments[0]),pp_titles=e.makeArray(arguments[1]?arguments[1]:""),pp_descriptions=e.makeArray(arguments[2]?arguments[2]:""),isSet=pp_images.length>1?!0:!1,set_position=arguments[3]?arguments[3]:0,u(t.target)),settings.hideflash&&e("object,embed,iframe[src*=youtube],iframe[src*=vimeo]").css("visibility","hidden"),r(e(pp_images).size()),e(".pp_loaderIcon").show(),settings.deeplinking&&i(),settings.social_tools&&(facebook_like_link=settings.social_tools.replace("{location_href}",encodeURIComponent(location.href)),$pp_pic_holder.find(".pp_social").html(facebook_like_link)),$ppt.is(":hidden")&&$ppt.css("opacity",0).show(),$pp_overlay.show().fadeTo(settings.animation_speed,settings.opacity),$pp_pic_holder.find(".currentTextHolder").text(set_position+1+settings.counter_separator_label+e(pp_images).size()),"undefined"!=typeof pp_descriptions[set_position]&&""!=pp_descriptions[set_position]?$pp_pic_holder.find(".pp_description").show().html(unescape(pp_descriptions[set_position])):$pp_pic_holder.find(".pp_description").hide(),movie_width=parseFloat(o("width",pp_images[set_position]))?o("width",pp_images[set_position]):settings.default_width.toString(),movie_height=parseFloat(o("height",pp_images[set_position]))?o("height",pp_images[set_position]):settings.default_height.toString(),$=!1,-1!=movie_height.indexOf("%")&&(movie_height=parseFloat(e(window).height()*parseFloat(movie_height)/100-150),$=!0),-1!=movie_width.indexOf("%")&&(movie_width=parseFloat(e(window).width()*parseFloat(movie_width)/100-150),$=!0),$pp_pic_holder.fadeIn(function(){switch($ppt.html(settings.show_title&&""!=pp_titles[set_position]&&"undefined"!=typeof pp_titles[set_position]?unescape(pp_titles[set_position]):" "),imgPreloader="",skipInjection=!1,h(pp_images[set_position])){case"image":imgPreloader=new Image,nextImage=new Image,isSet&&set_position0&&(movie_id=movie_id.substr(0,movie_id.indexOf("?"))),movie_id.indexOf("&")>0&&(movie_id=movie_id.substr(0,movie_id.indexOf("&")))),movie="https://www.youtube.com/embed/"+movie_id,movie+=o("rel",pp_images[set_position])?"?rel="+o("rel",pp_images[set_position]):"?rel=1",settings.autoplay&&(movie+="&autoplay=1"),toInject=settings.iframe_markup.replace(/{width}/g,f.width).replace(/{height}/g,f.height).replace(/{wmode}/g,settings.wmode).replace(/{path}/g,movie);break;case"vimeo":f=l(movie_width,movie_height),movie_id=pp_images[set_position];var t=/http(s?):\/\/(www\.)?vimeo.com\/(\d+)/,i=movie_id.match(t);movie="http://player.vimeo.com/video/"+i[3]+"?title=0&byline=0&portrait=0",settings.autoplay&&(movie+="&autoplay=1;"),vimeo_width=f.width+"/embed/?moog_width="+f.width,toInject=settings.iframe_markup.replace(/{width}/g,vimeo_width).replace(/{height}/g,f.height).replace(/{path}/g,movie);break;case"quicktime":f=l(movie_width,movie_height),f.height+=15,f.contentHeight+=15,f.containerHeight+=15,toInject=settings.quicktime_markup.replace(/{width}/g,f.width).replace(/{height}/g,f.height).replace(/{wmode}/g,settings.wmode).replace(/{path}/g,pp_images[set_position]).replace(/{autoplay}/g,settings.autoplay);break;case"flash":f=l(movie_width,movie_height),flash_vars=pp_images[set_position],flash_vars=flash_vars.substring(pp_images[set_position].indexOf("flashvars")+10,pp_images[set_position].length),filename=pp_images[set_position],filename=filename.substring(0,filename.indexOf("?")),toInject=settings.flash_markup.replace(/{width}/g,f.width).replace(/{height}/g,f.height).replace(/{wmode}/g,settings.wmode).replace(/{path}/g,filename+"?"+flash_vars);break;case"iframe":f=l(movie_width,movie_height),frame_url=pp_images[set_position],frame_url=frame_url.substr(0,frame_url.indexOf("iframe")-1),toInject=settings.iframe_markup.replace(/{width}/g,f.width).replace(/{height}/g,f.height).replace(/{path}/g,frame_url);break;case"ajax":doresize=!1,f=l(movie_width,movie_height),doresize=!0,skipInjection=!0,e.get(pp_images[set_position],function(e){toInject=settings.inline_markup.replace(/{content}/g,e),$pp_pic_holder.find("#pp_full_res")[0].innerHTML=toInject,s()});break;case"custom":f=l(movie_width,movie_height),toInject=settings.custom_markup;break;case"inline":myClone=e(pp_images[set_position]).clone().append('
').css({width:settings.default_width}).wrapInner('').appendTo(e("body")).show(),doresize=!1,f=l(e(myClone).width(),e(myClone).height()),doresize=!0,e(myClone).remove(),toInject=settings.inline_markup.replace(/{content}/g,e(pp_images[set_position]).html())}imgPreloader||skipInjection||($pp_pic_holder.find("#pp_full_res")[0].innerHTML=toInject,s())}),!1},e.prettyPhoto.changePage=function(t){currentGalleryPage=0,"previous"==t?(set_position--,set_position<0&&(set_position=e(pp_images).size()-1)):"next"==t?(set_position++,set_position>e(pp_images).size()-1&&(set_position=0)):set_position=t,rel_index=set_position,doresize||(doresize=!0),settings.allow_expand&&e(".pp_contract").removeClass("pp_contract").addClass("pp_expand"),n(function(){e.prettyPhoto.open()})},e.prettyPhoto.changeGalleryPage=function(e){"next"==e?(currentGalleryPage++,currentGalleryPage>totalPage&&(currentGalleryPage=0)):"previous"==e?(currentGalleryPage--,currentGalleryPage<0&&(currentGalleryPage=totalPage)):currentGalleryPage=e,slide_speed="next"==e||"previous"==e?settings.animation_speed:0,slide_to=currentGalleryPage*itemsPerPage*itemWidth,$pp_gallery.find("ul").animate({left:-slide_to},slide_speed)},e.prettyPhoto.startSlideshow=function(){"undefined"==typeof P?($pp_pic_holder.find(".pp_play").unbind("click").removeClass("pp_play").addClass("pp_pause").click(function(){return e.prettyPhoto.stopSlideshow(),!1}),P=setInterval(e.prettyPhoto.startSlideshow,settings.slideshow)):e.prettyPhoto.changePage("next")},e.prettyPhoto.stopSlideshow=function(){$pp_pic_holder.find(".pp_pause").unbind("click").removeClass("pp_pause").addClass("pp_play").click(function(){return e.prettyPhoto.startSlideshow(),!1}),clearInterval(P),P=void 0},e.prettyPhoto.close=function(){$pp_overlay.is(":animated")||(e.prettyPhoto.stopSlideshow(),$pp_pic_holder.stop().find("object,embed").css("visibility","hidden"),e("div.pp_pic_holder,div.ppt,.pp_fade").fadeOut(settings.animation_speed,function(){e(this).remove()}),$pp_overlay.fadeOut(settings.animation_speed,function(){settings.hideflash&&e("object,embed,iframe[src*=youtube],iframe[src*=vimeo]").css("visibility","visible"),e(this).remove(),e(window).unbind("scroll.prettyphoto"),p(),settings.callback(),doresize=!0,v=!1,delete settings}))},!pp_alreadyInitialized&&t()&&(pp_alreadyInitialized=!0,hashIndex=t(),hashRel=hashIndex,hashIndex=hashIndex.substring(hashIndex.indexOf("/")+1,hashIndex.length-1),hashRel=hashRel.substring(0,hashRel.indexOf("/")),setTimeout(function(){e("a["+a.hook+"^='"+hashRel+"']:eq("+hashIndex+")").trigger("click")},50)),this.unbind("click.prettyphoto").bind("click.prettyphoto",e.prettyPhoto.initialize)}}(jQuery);var pp_alreadyInitialized=!1;
\ No newline at end of file
diff --git a/docs/src/main/resources/news/2016-03-07-eclipseconference-na.md b/docs/src/main/resources/news/2016-03-07-eclipseconference-na.md
new file mode 100644
index 000000000..bcc9ea49a
--- /dev/null
+++ b/docs/src/main/resources/news/2016-03-07-eclipseconference-na.md
@@ -0,0 +1,12 @@
+---
+layout: news
+title: Eclipse Conference 2016, Washington
+date: 2016-03-07 10:00:00
+section: news
+author:
+name: Michael Hirsch
+id: michahirsch
+---
+{% include base.html %}
+An interesting talk about the hawkBit project at the EclipseCon NA 2016.
+The slides of the talk can be found here.
\ No newline at end of file
diff --git a/docs/src/main/resources/news/2016-05-18-virtual-meetup.md b/docs/src/main/resources/news/2016-05-18-virtual-meetup.md
new file mode 100644
index 000000000..db044b178
--- /dev/null
+++ b/docs/src/main/resources/news/2016-05-18-virtual-meetup.md
@@ -0,0 +1,12 @@
+---
+layout: news
+title: Virtual IoT 2016
+date: 2016-05-18 08:00:00
+section: news
+author:
+name: Michael Hirsch
+id: michahirsch
+---
+{% include base.html %}
+hawkBit is on the IoT Virtual Meetup, you can see the whole meetup on youtube.
+IoT Virtual Meetup hawkBit
\ No newline at end of file
diff --git a/docs/src/main/resources/news/index.md b/docs/src/main/resources/news/index.md
new file mode 100644
index 000000000..dfdeb7466
--- /dev/null
+++ b/docs/src/main/resources/news/index.md
@@ -0,0 +1,4 @@
+---
+layout: news_summary
+title: News
+---
\ No newline at end of file
diff --git a/docs/src/main/resources/overview/hawkbit_overview.md b/docs/src/main/resources/overview/hawkbit_overview.md
new file mode 100644
index 000000000..e530776b6
--- /dev/null
+++ b/docs/src/main/resources/overview/hawkbit_overview.md
@@ -0,0 +1,12 @@
+---
+layout: overview
+section: overview
+title: "hawkBit use cases"
+---
+{% include base.html %}
+
+## A
+
+## B
+
+## C
\ No newline at end of file
diff --git a/docs/src/main/resources/overview/index.md b/docs/src/main/resources/overview/index.md
new file mode 100644
index 000000000..7dd7792e8
--- /dev/null
+++ b/docs/src/main/resources/overview/index.md
@@ -0,0 +1,4 @@
+---
+layout: overview
+title: Overview
+---
\ No newline at end of file
diff --git a/docs/src/main/resources/usecases.md b/docs/src/main/resources/usecases.md
new file mode 100644
index 000000000..f50ae58bb
--- /dev/null
+++ b/docs/src/main/resources/usecases.md
@@ -0,0 +1,7 @@
+---
+layout: default
+series : "homepagemiddle"
+animatestyle: "fadeInDown"
+style: "teamuc"
+---
+{% include base.html %}
\ No newline at end of file
diff --git a/pom.xml b/pom.xml
index 1fa28d57b..1a02407e6 100644
--- a/pom.xml
+++ b/pom.xml
@@ -206,6 +206,7 @@
**/VAADIN/widgetsets/**
.sonar
**/.sonar/**
+ docs/src/main/resources/**
JAVADOC_STYLE