You are viewing a plain text version of this content. The canonical link for it is here.
Posted to commits@isis.apache.org by bu...@apache.org on 2015/03/11 08:00:53 UTC

svn commit: r943278 [14/23] - in /websites/staging/isis/trunk: cgi-bin/ content/ content/archetypes/ content/archetypes/release-notes/ content/components/ content/components/objectstores/ content/components/objectstores/jdo/ content/components/objectst...

Modified: websites/staging/isis/trunk/content/intro/getting-started/ide/about.html
==============================================================================
--- websites/staging/isis/trunk/content/intro/getting-started/ide/about.html (original)
+++ websites/staging/isis/trunk/content/intro/getting-started/ide/about.html Wed Mar 11 07:00:48 2015
@@ -275,7 +275,117 @@
                 -ms-transform:rotate(45deg);
                 box-shadow:4px 4px 10px rgba(0,0,0,0.8);
             }
-        }        
+        }
+
+
+
+        /* carousel */
+        #quote-carousel
+        {
+            padding: 0 10px 30px 10px;
+            margin-top: 30px 0px 0px;
+        }
+
+        /* Control buttons  */
+        #quote-carousel .carousel-control
+        {
+            background: none;
+            color: #222;
+            font-size: 2.3em;
+            text-shadow: none;
+            margin-top: 30px;
+        }
+        /* Previous button  */
+        #quote-carousel .carousel-control.left
+        {
+            left: -12px;
+        }
+        /* Next button  */
+        #quote-carousel .carousel-control.right
+        {
+            right: -12px !important;
+        }
+        /* Changes the position of the indicators */
+        #quote-carousel .carousel-indicators
+        {
+            right: 50%;
+            top: auto;
+            bottom: 0px;
+            margin-right: -19px;
+        }
+        /* Changes the color of the indicators */
+        #quote-carousel .carousel-indicators li
+        {
+            background: #c0c0c0;
+        }
+        #quote-carousel .carousel-indicators .active
+        {
+            background: #333333;
+        }
+        #quote-carousel img
+        {
+            width: 250px;
+            height: 100px
+        }
+        /* End carousel */
+
+        .item blockquote {
+            border-left: none;
+            margin: 0;
+        }
+
+        .item blockquote img {
+            margin-bottom: 10px;
+        }
+
+        .item blockquote p:before {
+            content: "\f10d";
+            font-family: 'Fontawesome';
+            float: left;
+            margin-right: 10px;
+        }
+
+
+
+        /**
+          MEDIA QUERIES
+        */
+
+        /* Small devices (tablets, 768px and up) */
+        @media (min-width: 768px) {
+            #quote-carousel
+            {
+                margin-bottom: 0;
+                padding: 0 40px 30px 40px;
+                margin-top: 30px;
+            }
+
+        }
+
+        /* Small devices (tablets, up to 768px) */
+        @media (max-width: 768px) {
+
+            /* Make the indicators larger for easier clicking with fingers/thumb on mobile */
+
+            #quote-carousel .carousel-indicators {
+                bottom: -20px !important;
+            }
+            #quote-carousel .carousel-indicators li {
+                display: inline-block;
+                margin: 0px 5px;
+                width: 15px;
+                height: 15px;
+            }
+            #quote-carousel .carousel-indicators li.active {
+                margin: 0px 5px;
+                width: 20px;
+                height: 20px;
+            }
+        }
+
+
+
+
     </style>
 
     <!-- courtesy of http://codepo8.github.io/css-fork-on-github-ribbon/ -->
@@ -302,6 +412,18 @@
                   'Share on Twitter',
                   'width=800,height=526');
       };
+
+
+
+
+      // When the DOM is ready, run this function
+      $(document).ready(function() {
+          //Set the carousel options
+          $('#quote-carousel').carousel({
+              pauseOnHover: true,
+              interval: 1000,
+          });
+      });
     </script>
 
     <!-- Le fav and touch icons -->
@@ -457,7 +579,7 @@
       <footer>
         <hr/>
         <p>
-        Copyright &copy; 2010~2014 The Apache Software Foundation, Licensed under the Apache License, Version 2.0.
+        Copyright &copy; 2010~2015 The Apache Software Foundation, Licensed under the Apache License, Version 2.0.
         <br/>
         Apache Isis, Isis, Apache, the Apache feather logo, and the Apache Isis project logo are trademarks of The Apache Software Foundation.
         </p>

Modified: websites/staging/isis/trunk/content/intro/getting-started/ide/eclipse.html
==============================================================================
--- websites/staging/isis/trunk/content/intro/getting-started/ide/eclipse.html (original)
+++ websites/staging/isis/trunk/content/intro/getting-started/ide/eclipse.html Wed Mar 11 07:00:48 2015
@@ -275,7 +275,117 @@
                 -ms-transform:rotate(45deg);
                 box-shadow:4px 4px 10px rgba(0,0,0,0.8);
             }
-        }        
+        }
+
+
+
+        /* carousel */
+        #quote-carousel
+        {
+            padding: 0 10px 30px 10px;
+            margin-top: 30px 0px 0px;
+        }
+
+        /* Control buttons  */
+        #quote-carousel .carousel-control
+        {
+            background: none;
+            color: #222;
+            font-size: 2.3em;
+            text-shadow: none;
+            margin-top: 30px;
+        }
+        /* Previous button  */
+        #quote-carousel .carousel-control.left
+        {
+            left: -12px;
+        }
+        /* Next button  */
+        #quote-carousel .carousel-control.right
+        {
+            right: -12px !important;
+        }
+        /* Changes the position of the indicators */
+        #quote-carousel .carousel-indicators
+        {
+            right: 50%;
+            top: auto;
+            bottom: 0px;
+            margin-right: -19px;
+        }
+        /* Changes the color of the indicators */
+        #quote-carousel .carousel-indicators li
+        {
+            background: #c0c0c0;
+        }
+        #quote-carousel .carousel-indicators .active
+        {
+            background: #333333;
+        }
+        #quote-carousel img
+        {
+            width: 250px;
+            height: 100px
+        }
+        /* End carousel */
+
+        .item blockquote {
+            border-left: none;
+            margin: 0;
+        }
+
+        .item blockquote img {
+            margin-bottom: 10px;
+        }
+
+        .item blockquote p:before {
+            content: "\f10d";
+            font-family: 'Fontawesome';
+            float: left;
+            margin-right: 10px;
+        }
+
+
+
+        /**
+          MEDIA QUERIES
+        */
+
+        /* Small devices (tablets, 768px and up) */
+        @media (min-width: 768px) {
+            #quote-carousel
+            {
+                margin-bottom: 0;
+                padding: 0 40px 30px 40px;
+                margin-top: 30px;
+            }
+
+        }
+
+        /* Small devices (tablets, up to 768px) */
+        @media (max-width: 768px) {
+
+            /* Make the indicators larger for easier clicking with fingers/thumb on mobile */
+
+            #quote-carousel .carousel-indicators {
+                bottom: -20px !important;
+            }
+            #quote-carousel .carousel-indicators li {
+                display: inline-block;
+                margin: 0px 5px;
+                width: 15px;
+                height: 15px;
+            }
+            #quote-carousel .carousel-indicators li.active {
+                margin: 0px 5px;
+                width: 20px;
+                height: 20px;
+            }
+        }
+
+
+
+
     </style>
 
     <!-- courtesy of http://codepo8.github.io/css-fork-on-github-ribbon/ -->
@@ -302,6 +412,18 @@
                   'Share on Twitter',
                   'width=800,height=526');
       };
+
+
+
+
+      // When the DOM is ready, run this function
+      $(document).ready(function() {
+          //Set the carousel options
+          $('#quote-carousel').carousel({
+              pauseOnHover: true,
+              interval: 1000,
+          });
+      });
     </script>
 
     <!-- Le fav and touch icons -->
@@ -610,7 +732,7 @@
       <footer>
         <hr/>
         <p>
-        Copyright &copy; 2010~2014 The Apache Software Foundation, Licensed under the Apache License, Version 2.0.
+        Copyright &copy; 2010~2015 The Apache Software Foundation, Licensed under the Apache License, Version 2.0.
         <br/>
         Apache Isis, Isis, Apache, the Apache feather logo, and the Apache Isis project logo are trademarks of The Apache Software Foundation.
         </p>

Modified: websites/staging/isis/trunk/content/intro/getting-started/ide/intellij.html
==============================================================================
--- websites/staging/isis/trunk/content/intro/getting-started/ide/intellij.html (original)
+++ websites/staging/isis/trunk/content/intro/getting-started/ide/intellij.html Wed Mar 11 07:00:48 2015
@@ -275,7 +275,117 @@
                 -ms-transform:rotate(45deg);
                 box-shadow:4px 4px 10px rgba(0,0,0,0.8);
             }
-        }        
+        }
+
+
+
+        /* carousel */
+        #quote-carousel
+        {
+            padding: 0 10px 30px 10px;
+            margin-top: 30px 0px 0px;
+        }
+
+        /* Control buttons  */
+        #quote-carousel .carousel-control
+        {
+            background: none;
+            color: #222;
+            font-size: 2.3em;
+            text-shadow: none;
+            margin-top: 30px;
+        }
+        /* Previous button  */
+        #quote-carousel .carousel-control.left
+        {
+            left: -12px;
+        }
+        /* Next button  */
+        #quote-carousel .carousel-control.right
+        {
+            right: -12px !important;
+        }
+        /* Changes the position of the indicators */
+        #quote-carousel .carousel-indicators
+        {
+            right: 50%;
+            top: auto;
+            bottom: 0px;
+            margin-right: -19px;
+        }
+        /* Changes the color of the indicators */
+        #quote-carousel .carousel-indicators li
+        {
+            background: #c0c0c0;
+        }
+        #quote-carousel .carousel-indicators .active
+        {
+            background: #333333;
+        }
+        #quote-carousel img
+        {
+            width: 250px;
+            height: 100px
+        }
+        /* End carousel */
+
+        .item blockquote {
+            border-left: none;
+            margin: 0;
+        }
+
+        .item blockquote img {
+            margin-bottom: 10px;
+        }
+
+        .item blockquote p:before {
+            content: "\f10d";
+            font-family: 'Fontawesome';
+            float: left;
+            margin-right: 10px;
+        }
+
+
+
+        /**
+          MEDIA QUERIES
+        */
+
+        /* Small devices (tablets, 768px and up) */
+        @media (min-width: 768px) {
+            #quote-carousel
+            {
+                margin-bottom: 0;
+                padding: 0 40px 30px 40px;
+                margin-top: 30px;
+            }
+
+        }
+
+        /* Small devices (tablets, up to 768px) */
+        @media (max-width: 768px) {
+
+            /* Make the indicators larger for easier clicking with fingers/thumb on mobile */
+
+            #quote-carousel .carousel-indicators {
+                bottom: -20px !important;
+            }
+            #quote-carousel .carousel-indicators li {
+                display: inline-block;
+                margin: 0px 5px;
+                width: 15px;
+                height: 15px;
+            }
+            #quote-carousel .carousel-indicators li.active {
+                margin: 0px 5px;
+                width: 20px;
+                height: 20px;
+            }
+        }
+
+
+
+
     </style>
 
     <!-- courtesy of http://codepo8.github.io/css-fork-on-github-ribbon/ -->
@@ -302,6 +412,18 @@
                   'Share on Twitter',
                   'width=800,height=526');
       };
+
+
+
+
+      // When the DOM is ready, run this function
+      $(document).ready(function() {
+          //Set the carousel options
+          $('#quote-carousel').carousel({
+              pauseOnHover: true,
+              interval: 1000,
+          });
+      });
     </script>
 
     <!-- Le fav and touch icons -->
@@ -526,7 +648,7 @@
       <footer>
         <hr/>
         <p>
-        Copyright &copy; 2010~2014 The Apache Software Foundation, Licensed under the Apache License, Version 2.0.
+        Copyright &copy; 2010~2015 The Apache Software Foundation, Licensed under the Apache License, Version 2.0.
         <br/>
         Apache Isis, Isis, Apache, the Apache feather logo, and the Apache Isis project logo are trademarks of The Apache Software Foundation.
         </p>

Modified: websites/staging/isis/trunk/content/intro/getting-started/simpleapp-archetype.html
==============================================================================
--- websites/staging/isis/trunk/content/intro/getting-started/simpleapp-archetype.html (original)
+++ websites/staging/isis/trunk/content/intro/getting-started/simpleapp-archetype.html Wed Mar 11 07:00:48 2015
@@ -275,7 +275,117 @@
                 -ms-transform:rotate(45deg);
                 box-shadow:4px 4px 10px rgba(0,0,0,0.8);
             }
-        }        
+        }
+
+
+
+        /* carousel */
+        #quote-carousel
+        {
+            padding: 0 10px 30px 10px;
+            margin-top: 30px 0px 0px;
+        }
+
+        /* Control buttons  */
+        #quote-carousel .carousel-control
+        {
+            background: none;
+            color: #222;
+            font-size: 2.3em;
+            text-shadow: none;
+            margin-top: 30px;
+        }
+        /* Previous button  */
+        #quote-carousel .carousel-control.left
+        {
+            left: -12px;
+        }
+        /* Next button  */
+        #quote-carousel .carousel-control.right
+        {
+            right: -12px !important;
+        }
+        /* Changes the position of the indicators */
+        #quote-carousel .carousel-indicators
+        {
+            right: 50%;
+            top: auto;
+            bottom: 0px;
+            margin-right: -19px;
+        }
+        /* Changes the color of the indicators */
+        #quote-carousel .carousel-indicators li
+        {
+            background: #c0c0c0;
+        }
+        #quote-carousel .carousel-indicators .active
+        {
+            background: #333333;
+        }
+        #quote-carousel img
+        {
+            width: 250px;
+            height: 100px
+        }
+        /* End carousel */
+
+        .item blockquote {
+            border-left: none;
+            margin: 0;
+        }
+
+        .item blockquote img {
+            margin-bottom: 10px;
+        }
+
+        .item blockquote p:before {
+            content: "\f10d";
+            font-family: 'Fontawesome';
+            float: left;
+            margin-right: 10px;
+        }
+
+
+
+        /**
+          MEDIA QUERIES
+        */
+
+        /* Small devices (tablets, 768px and up) */
+        @media (min-width: 768px) {
+            #quote-carousel
+            {
+                margin-bottom: 0;
+                padding: 0 40px 30px 40px;
+                margin-top: 30px;
+            }
+
+        }
+
+        /* Small devices (tablets, up to 768px) */
+        @media (max-width: 768px) {
+
+            /* Make the indicators larger for easier clicking with fingers/thumb on mobile */
+
+            #quote-carousel .carousel-indicators {
+                bottom: -20px !important;
+            }
+            #quote-carousel .carousel-indicators li {
+                display: inline-block;
+                margin: 0px 5px;
+                width: 15px;
+                height: 15px;
+            }
+            #quote-carousel .carousel-indicators li.active {
+                margin: 0px 5px;
+                width: 20px;
+                height: 20px;
+            }
+        }
+
+
+
+
     </style>
 
     <!-- courtesy of http://codepo8.github.io/css-fork-on-github-ribbon/ -->
@@ -302,6 +412,18 @@
                   'Share on Twitter',
                   'width=800,height=526');
       };
+
+
+
+
+      // When the DOM is ready, run this function
+      $(document).ready(function() {
+          //Set the carousel options
+          $('#quote-carousel').carousel({
+              pauseOnHover: true,
+              interval: 1000,
+          });
+      });
     </script>
 
     <!-- Le fav and touch icons -->
@@ -602,7 +724,7 @@ script to be run.</p>
       <footer>
         <hr/>
         <p>
-        Copyright &copy; 2010~2014 The Apache Software Foundation, Licensed under the Apache License, Version 2.0.
+        Copyright &copy; 2010~2015 The Apache Software Foundation, Licensed under the Apache License, Version 2.0.
         <br/>
         Apache Isis, Isis, Apache, the Apache feather logo, and the Apache Isis project logo are trademarks of The Apache Software Foundation.
         </p>

Modified: websites/staging/isis/trunk/content/intro/getting-started/todoapp-archetype.html
==============================================================================
--- websites/staging/isis/trunk/content/intro/getting-started/todoapp-archetype.html (original)
+++ websites/staging/isis/trunk/content/intro/getting-started/todoapp-archetype.html Wed Mar 11 07:00:48 2015
@@ -275,7 +275,117 @@
                 -ms-transform:rotate(45deg);
                 box-shadow:4px 4px 10px rgba(0,0,0,0.8);
             }
-        }        
+        }
+
+
+
+        /* carousel */
+        #quote-carousel
+        {
+            padding: 0 10px 30px 10px;
+            margin-top: 30px 0px 0px;
+        }
+
+        /* Control buttons  */
+        #quote-carousel .carousel-control
+        {
+            background: none;
+            color: #222;
+            font-size: 2.3em;
+            text-shadow: none;
+            margin-top: 30px;
+        }
+        /* Previous button  */
+        #quote-carousel .carousel-control.left
+        {
+            left: -12px;
+        }
+        /* Next button  */
+        #quote-carousel .carousel-control.right
+        {
+            right: -12px !important;
+        }
+        /* Changes the position of the indicators */
+        #quote-carousel .carousel-indicators
+        {
+            right: 50%;
+            top: auto;
+            bottom: 0px;
+            margin-right: -19px;
+        }
+        /* Changes the color of the indicators */
+        #quote-carousel .carousel-indicators li
+        {
+            background: #c0c0c0;
+        }
+        #quote-carousel .carousel-indicators .active
+        {
+            background: #333333;
+        }
+        #quote-carousel img
+        {
+            width: 250px;
+            height: 100px
+        }
+        /* End carousel */
+
+        .item blockquote {
+            border-left: none;
+            margin: 0;
+        }
+
+        .item blockquote img {
+            margin-bottom: 10px;
+        }
+
+        .item blockquote p:before {
+            content: "\f10d";
+            font-family: 'Fontawesome';
+            float: left;
+            margin-right: 10px;
+        }
+
+
+
+        /**
+          MEDIA QUERIES
+        */
+
+        /* Small devices (tablets, 768px and up) */
+        @media (min-width: 768px) {
+            #quote-carousel
+            {
+                margin-bottom: 0;
+                padding: 0 40px 30px 40px;
+                margin-top: 30px;
+            }
+
+        }
+
+        /* Small devices (tablets, up to 768px) */
+        @media (max-width: 768px) {
+
+            /* Make the indicators larger for easier clicking with fingers/thumb on mobile */
+
+            #quote-carousel .carousel-indicators {
+                bottom: -20px !important;
+            }
+            #quote-carousel .carousel-indicators li {
+                display: inline-block;
+                margin: 0px 5px;
+                width: 15px;
+                height: 15px;
+            }
+            #quote-carousel .carousel-indicators li.active {
+                margin: 0px 5px;
+                width: 20px;
+                height: 20px;
+            }
+        }
+
+
+
+
     </style>
 
     <!-- courtesy of http://codepo8.github.io/css-fork-on-github-ribbon/ -->
@@ -302,6 +412,18 @@
                   'Share on Twitter',
                   'width=800,height=526');
       };
+
+
+
+
+      // When the DOM is ready, run this function
+      $(document).ready(function() {
+          //Set the carousel options
+          $('#quote-carousel').carousel({
+              pauseOnHover: true,
+              interval: 1000,
+          });
+      });
     </script>
 
     <!-- Le fav and touch icons -->
@@ -459,7 +581,7 @@
       <footer>
         <hr/>
         <p>
-        Copyright &copy; 2010~2014 The Apache Software Foundation, Licensed under the Apache License, Version 2.0.
+        Copyright &copy; 2010~2015 The Apache Software Foundation, Licensed under the Apache License, Version 2.0.
         <br/>
         Apache Isis, Isis, Apache, the Apache feather logo, and the Apache Isis project logo are trademarks of The Apache Software Foundation.
         </p>

Modified: websites/staging/isis/trunk/content/intro/learning-more/about.html
==============================================================================
--- websites/staging/isis/trunk/content/intro/learning-more/about.html (original)
+++ websites/staging/isis/trunk/content/intro/learning-more/about.html Wed Mar 11 07:00:48 2015
@@ -275,7 +275,117 @@
                 -ms-transform:rotate(45deg);
                 box-shadow:4px 4px 10px rgba(0,0,0,0.8);
             }
-        }        
+        }
+
+
+
+        /* carousel */
+        #quote-carousel
+        {
+            padding: 0 10px 30px 10px;
+            margin-top: 30px 0px 0px;
+        }
+
+        /* Control buttons  */
+        #quote-carousel .carousel-control
+        {
+            background: none;
+            color: #222;
+            font-size: 2.3em;
+            text-shadow: none;
+            margin-top: 30px;
+        }
+        /* Previous button  */
+        #quote-carousel .carousel-control.left
+        {
+            left: -12px;
+        }
+        /* Next button  */
+        #quote-carousel .carousel-control.right
+        {
+            right: -12px !important;
+        }
+        /* Changes the position of the indicators */
+        #quote-carousel .carousel-indicators
+        {
+            right: 50%;
+            top: auto;
+            bottom: 0px;
+            margin-right: -19px;
+        }
+        /* Changes the color of the indicators */
+        #quote-carousel .carousel-indicators li
+        {
+            background: #c0c0c0;
+        }
+        #quote-carousel .carousel-indicators .active
+        {
+            background: #333333;
+        }
+        #quote-carousel img
+        {
+            width: 250px;
+            height: 100px
+        }
+        /* End carousel */
+
+        .item blockquote {
+            border-left: none;
+            margin: 0;
+        }
+
+        .item blockquote img {
+            margin-bottom: 10px;
+        }
+
+        .item blockquote p:before {
+            content: "\f10d";
+            font-family: 'Fontawesome';
+            float: left;
+            margin-right: 10px;
+        }
+
+
+
+        /**
+          MEDIA QUERIES
+        */
+
+        /* Small devices (tablets, 768px and up) */
+        @media (min-width: 768px) {
+            #quote-carousel
+            {
+                margin-bottom: 0;
+                padding: 0 40px 30px 40px;
+                margin-top: 30px;
+            }
+
+        }
+
+        /* Small devices (tablets, up to 768px) */
+        @media (max-width: 768px) {
+
+            /* Make the indicators larger for easier clicking with fingers/thumb on mobile */
+
+            #quote-carousel .carousel-indicators {
+                bottom: -20px !important;
+            }
+            #quote-carousel .carousel-indicators li {
+                display: inline-block;
+                margin: 0px 5px;
+                width: 15px;
+                height: 15px;
+            }
+            #quote-carousel .carousel-indicators li.active {
+                margin: 0px 5px;
+                width: 20px;
+                height: 20px;
+            }
+        }
+
+
+
+
     </style>
 
     <!-- courtesy of http://codepo8.github.io/css-fork-on-github-ribbon/ -->
@@ -302,6 +412,18 @@
                   'Share on Twitter',
                   'width=800,height=526');
       };
+
+
+
+
+      // When the DOM is ready, run this function
+      $(document).ready(function() {
+          //Set the carousel options
+          $('#quote-carousel').carousel({
+              pauseOnHover: true,
+              interval: 1000,
+          });
+      });
     </script>
 
     <!-- Le fav and touch icons -->
@@ -457,7 +579,7 @@
       <footer>
         <hr/>
         <p>
-        Copyright &copy; 2010~2014 The Apache Software Foundation, Licensed under the Apache License, Version 2.0.
+        Copyright &copy; 2010~2015 The Apache Software Foundation, Licensed under the Apache License, Version 2.0.
         <br/>
         Apache Isis, Isis, Apache, the Apache feather logo, and the Apache Isis project logo are trademarks of The Apache Software Foundation.
         </p>

Modified: websites/staging/isis/trunk/content/intro/learning-more/articles-and-presentations.html
==============================================================================
--- websites/staging/isis/trunk/content/intro/learning-more/articles-and-presentations.html (original)
+++ websites/staging/isis/trunk/content/intro/learning-more/articles-and-presentations.html Wed Mar 11 07:00:48 2015
@@ -275,7 +275,117 @@
                 -ms-transform:rotate(45deg);
                 box-shadow:4px 4px 10px rgba(0,0,0,0.8);
             }
-        }        
+        }
+
+
+
+        /* carousel */
+        #quote-carousel
+        {
+            padding: 0 10px 30px 10px;
+            margin-top: 30px 0px 0px;
+        }
+
+        /* Control buttons  */
+        #quote-carousel .carousel-control
+        {
+            background: none;
+            color: #222;
+            font-size: 2.3em;
+            text-shadow: none;
+            margin-top: 30px;
+        }
+        /* Previous button  */
+        #quote-carousel .carousel-control.left
+        {
+            left: -12px;
+        }
+        /* Next button  */
+        #quote-carousel .carousel-control.right
+        {
+            right: -12px !important;
+        }
+        /* Changes the position of the indicators */
+        #quote-carousel .carousel-indicators
+        {
+            right: 50%;
+            top: auto;
+            bottom: 0px;
+            margin-right: -19px;
+        }
+        /* Changes the color of the indicators */
+        #quote-carousel .carousel-indicators li
+        {
+            background: #c0c0c0;
+        }
+        #quote-carousel .carousel-indicators .active
+        {
+            background: #333333;
+        }
+        #quote-carousel img
+        {
+            width: 250px;
+            height: 100px
+        }
+        /* End carousel */
+
+        .item blockquote {
+            border-left: none;
+            margin: 0;
+        }
+
+        .item blockquote img {
+            margin-bottom: 10px;
+        }
+
+        .item blockquote p:before {
+            content: "\f10d";
+            font-family: 'Fontawesome';
+            float: left;
+            margin-right: 10px;
+        }
+
+
+
+        /**
+          MEDIA QUERIES
+        */
+
+        /* Small devices (tablets, 768px and up) */
+        @media (min-width: 768px) {
+            #quote-carousel
+            {
+                margin-bottom: 0;
+                padding: 0 40px 30px 40px;
+                margin-top: 30px;
+            }
+
+        }
+
+        /* Small devices (tablets, up to 768px) */
+        @media (max-width: 768px) {
+
+            /* Make the indicators larger for easier clicking with fingers/thumb on mobile */
+
+            #quote-carousel .carousel-indicators {
+                bottom: -20px !important;
+            }
+            #quote-carousel .carousel-indicators li {
+                display: inline-block;
+                margin: 0px 5px;
+                width: 15px;
+                height: 15px;
+            }
+            #quote-carousel .carousel-indicators li.active {
+                margin: 0px 5px;
+                width: 20px;
+                height: 20px;
+            }
+        }
+
+
+
+
     </style>
 
     <!-- courtesy of http://codepo8.github.io/css-fork-on-github-ribbon/ -->
@@ -302,6 +412,18 @@
                   'Share on Twitter',
                   'width=800,height=526');
       };
+
+
+
+
+      // When the DOM is ready, run this function
+      $(document).ready(function() {
+          //Set the carousel options
+          $('#quote-carousel').carousel({
+              pauseOnHover: true,
+              interval: 1000,
+          });
+      });
     </script>
 
     <!-- Le fav and touch icons -->
@@ -532,7 +654,7 @@
       <footer>
         <hr/>
         <p>
-        Copyright &copy; 2010~2014 The Apache Software Foundation, Licensed under the Apache License, Version 2.0.
+        Copyright &copy; 2010~2015 The Apache Software Foundation, Licensed under the Apache License, Version 2.0.
         <br/>
         Apache Isis, Isis, Apache, the Apache feather logo, and the Apache Isis project logo are trademarks of The Apache Software Foundation.
         </p>

Modified: websites/staging/isis/trunk/content/intro/learning-more/books.html
==============================================================================
--- websites/staging/isis/trunk/content/intro/learning-more/books.html (original)
+++ websites/staging/isis/trunk/content/intro/learning-more/books.html Wed Mar 11 07:00:48 2015
@@ -275,7 +275,117 @@
                 -ms-transform:rotate(45deg);
                 box-shadow:4px 4px 10px rgba(0,0,0,0.8);
             }
-        }        
+        }
+
+
+
+        /* carousel */
+        #quote-carousel
+        {
+            padding: 0 10px 30px 10px;
+            margin-top: 30px 0px 0px;
+        }
+
+        /* Control buttons  */
+        #quote-carousel .carousel-control
+        {
+            background: none;
+            color: #222;
+            font-size: 2.3em;
+            text-shadow: none;
+            margin-top: 30px;
+        }
+        /* Previous button  */
+        #quote-carousel .carousel-control.left
+        {
+            left: -12px;
+        }
+        /* Next button  */
+        #quote-carousel .carousel-control.right
+        {
+            right: -12px !important;
+        }
+        /* Changes the position of the indicators */
+        #quote-carousel .carousel-indicators
+        {
+            right: 50%;
+            top: auto;
+            bottom: 0px;
+            margin-right: -19px;
+        }
+        /* Changes the color of the indicators */
+        #quote-carousel .carousel-indicators li
+        {
+            background: #c0c0c0;
+        }
+        #quote-carousel .carousel-indicators .active
+        {
+            background: #333333;
+        }
+        #quote-carousel img
+        {
+            width: 250px;
+            height: 100px
+        }
+        /* End carousel */
+
+        .item blockquote {
+            border-left: none;
+            margin: 0;
+        }
+
+        .item blockquote img {
+            margin-bottom: 10px;
+        }
+
+        .item blockquote p:before {
+            content: "\f10d";
+            font-family: 'Fontawesome';
+            float: left;
+            margin-right: 10px;
+        }
+
+
+
+        /**
+          MEDIA QUERIES
+        */
+
+        /* Small devices (tablets, 768px and up) */
+        @media (min-width: 768px) {
+            #quote-carousel
+            {
+                margin-bottom: 0;
+                padding: 0 40px 30px 40px;
+                margin-top: 30px;
+            }
+
+        }
+
+        /* Small devices (tablets, up to 768px) */
+        @media (max-width: 768px) {
+
+            /* Make the indicators larger for easier clicking with fingers/thumb on mobile */
+
+            #quote-carousel .carousel-indicators {
+                bottom: -20px !important;
+            }
+            #quote-carousel .carousel-indicators li {
+                display: inline-block;
+                margin: 0px 5px;
+                width: 15px;
+                height: 15px;
+            }
+            #quote-carousel .carousel-indicators li.active {
+                margin: 0px 5px;
+                width: 20px;
+                height: 20px;
+            }
+        }
+
+
+
+
     </style>
 
     <!-- courtesy of http://codepo8.github.io/css-fork-on-github-ribbon/ -->
@@ -302,6 +412,18 @@
                   'Share on Twitter',
                   'width=800,height=526');
       };
+
+
+
+
+      // When the DOM is ready, run this function
+      $(document).ready(function() {
+          //Set the carousel options
+          $('#quote-carousel').carousel({
+              pauseOnHover: true,
+              interval: 1000,
+          });
+      });
     </script>
 
     <!-- Le fav and touch icons -->
@@ -534,7 +656,7 @@
       <footer>
         <hr/>
         <p>
-        Copyright &copy; 2010~2014 The Apache Software Foundation, Licensed under the Apache License, Version 2.0.
+        Copyright &copy; 2010~2015 The Apache Software Foundation, Licensed under the Apache License, Version 2.0.
         <br/>
         Apache Isis, Isis, Apache, the Apache feather logo, and the Apache Isis project logo are trademarks of The Apache Software Foundation.
         </p>

Modified: websites/staging/isis/trunk/content/intro/learning-more/hexagonal-architecture.html
==============================================================================
--- websites/staging/isis/trunk/content/intro/learning-more/hexagonal-architecture.html (original)
+++ websites/staging/isis/trunk/content/intro/learning-more/hexagonal-architecture.html Wed Mar 11 07:00:48 2015
@@ -275,7 +275,117 @@
                 -ms-transform:rotate(45deg);
                 box-shadow:4px 4px 10px rgba(0,0,0,0.8);
             }
-        }        
+        }
+
+
+
+        /* carousel */
+        #quote-carousel
+        {
+            padding: 0 10px 30px 10px;
+            margin-top: 30px 0px 0px;
+        }
+
+        /* Control buttons  */
+        #quote-carousel .carousel-control
+        {
+            background: none;
+            color: #222;
+            font-size: 2.3em;
+            text-shadow: none;
+            margin-top: 30px;
+        }
+        /* Previous button  */
+        #quote-carousel .carousel-control.left
+        {
+            left: -12px;
+        }
+        /* Next button  */
+        #quote-carousel .carousel-control.right
+        {
+            right: -12px !important;
+        }
+        /* Changes the position of the indicators */
+        #quote-carousel .carousel-indicators
+        {
+            right: 50%;
+            top: auto;
+            bottom: 0px;
+            margin-right: -19px;
+        }
+        /* Changes the color of the indicators */
+        #quote-carousel .carousel-indicators li
+        {
+            background: #c0c0c0;
+        }
+        #quote-carousel .carousel-indicators .active
+        {
+            background: #333333;
+        }
+        #quote-carousel img
+        {
+            width: 250px;
+            height: 100px
+        }
+        /* End carousel */
+
+        .item blockquote {
+            border-left: none;
+            margin: 0;
+        }
+
+        .item blockquote img {
+            margin-bottom: 10px;
+        }
+
+        .item blockquote p:before {
+            content: "\f10d";
+            font-family: 'Fontawesome';
+            float: left;
+            margin-right: 10px;
+        }
+
+
+
+        /**
+          MEDIA QUERIES
+        */
+
+        /* Small devices (tablets, 768px and up) */
+        @media (min-width: 768px) {
+            #quote-carousel
+            {
+                margin-bottom: 0;
+                padding: 0 40px 30px 40px;
+                margin-top: 30px;
+            }
+
+        }
+
+        /* Small devices (tablets, up to 768px) */
+        @media (max-width: 768px) {
+
+            /* Make the indicators larger for easier clicking with fingers/thumb on mobile */
+
+            #quote-carousel .carousel-indicators {
+                bottom: -20px !important;
+            }
+            #quote-carousel .carousel-indicators li {
+                display: inline-block;
+                margin: 0px 5px;
+                width: 15px;
+                height: 15px;
+            }
+            #quote-carousel .carousel-indicators li.active {
+                margin: 0px 5px;
+                width: 20px;
+                height: 20px;
+            }
+        }
+
+
+
+
     </style>
 
     <!-- courtesy of http://codepo8.github.io/css-fork-on-github-ribbon/ -->
@@ -302,6 +412,18 @@
                   'Share on Twitter',
                   'width=800,height=526');
       };
+
+
+
+
+      // When the DOM is ready, run this function
+      $(document).ready(function() {
+          //Set the carousel options
+          $('#quote-carousel').carousel({
+              pauseOnHover: true,
+              interval: 1000,
+          });
+      });
     </script>
 
     <!-- Le fav and touch icons -->
@@ -468,7 +590,7 @@ x-rf the architecture picture,
       <footer>
         <hr/>
         <p>
-        Copyright &copy; 2010~2014 The Apache Software Foundation, Licensed under the Apache License, Version 2.0.
+        Copyright &copy; 2010~2015 The Apache Software Foundation, Licensed under the Apache License, Version 2.0.
         <br/>
         Apache Isis, Isis, Apache, the Apache feather logo, and the Apache Isis project logo are trademarks of The Apache Software Foundation.
         </p>

Modified: websites/staging/isis/trunk/content/intro/powered-by/TransportPlanner/about.html
==============================================================================
--- websites/staging/isis/trunk/content/intro/powered-by/TransportPlanner/about.html (original)
+++ websites/staging/isis/trunk/content/intro/powered-by/TransportPlanner/about.html Wed Mar 11 07:00:48 2015
@@ -275,7 +275,117 @@
                 -ms-transform:rotate(45deg);
                 box-shadow:4px 4px 10px rgba(0,0,0,0.8);
             }
-        }        
+        }
+
+
+
+        /* carousel */
+        #quote-carousel
+        {
+            padding: 0 10px 30px 10px;
+            margin-top: 30px 0px 0px;
+        }
+
+        /* Control buttons  */
+        #quote-carousel .carousel-control
+        {
+            background: none;
+            color: #222;
+            font-size: 2.3em;
+            text-shadow: none;
+            margin-top: 30px;
+        }
+        /* Previous button  */
+        #quote-carousel .carousel-control.left
+        {
+            left: -12px;
+        }
+        /* Next button  */
+        #quote-carousel .carousel-control.right
+        {
+            right: -12px !important;
+        }
+        /* Changes the position of the indicators */
+        #quote-carousel .carousel-indicators
+        {
+            right: 50%;
+            top: auto;
+            bottom: 0px;
+            margin-right: -19px;
+        }
+        /* Changes the color of the indicators */
+        #quote-carousel .carousel-indicators li
+        {
+            background: #c0c0c0;
+        }
+        #quote-carousel .carousel-indicators .active
+        {
+            background: #333333;
+        }
+        #quote-carousel img
+        {
+            width: 250px;
+            height: 100px
+        }
+        /* End carousel */
+
+        .item blockquote {
+            border-left: none;
+            margin: 0;
+        }
+
+        .item blockquote img {
+            margin-bottom: 10px;
+        }
+
+        .item blockquote p:before {
+            content: "\f10d";
+            font-family: 'Fontawesome';
+            float: left;
+            margin-right: 10px;
+        }
+
+
+
+        /**
+          MEDIA QUERIES
+        */
+
+        /* Small devices (tablets, 768px and up) */
+        @media (min-width: 768px) {
+            #quote-carousel
+            {
+                margin-bottom: 0;
+                padding: 0 40px 30px 40px;
+                margin-top: 30px;
+            }
+
+        }
+
+        /* Small devices (tablets, up to 768px) */
+        @media (max-width: 768px) {
+
+            /* Make the indicators larger for easier clicking with fingers/thumb on mobile */
+
+            #quote-carousel .carousel-indicators {
+                bottom: -20px !important;
+            }
+            #quote-carousel .carousel-indicators li {
+                display: inline-block;
+                margin: 0px 5px;
+                width: 15px;
+                height: 15px;
+            }
+            #quote-carousel .carousel-indicators li.active {
+                margin: 0px 5px;
+                width: 20px;
+                height: 20px;
+            }
+        }
+
+
+
+
     </style>
 
     <!-- courtesy of http://codepo8.github.io/css-fork-on-github-ribbon/ -->
@@ -302,6 +412,18 @@
                   'Share on Twitter',
                   'width=800,height=526');
       };
+
+
+
+
+      // When the DOM is ready, run this function
+      $(document).ready(function() {
+          //Set the carousel options
+          $('#quote-carousel').carousel({
+              pauseOnHover: true,
+              interval: 1000,
+          });
+      });
     </script>
 
     <!-- Le fav and touch icons -->
@@ -519,7 +641,7 @@ The software uses a shortest-paths-algor
       <footer>
         <hr/>
         <p>
-        Copyright &copy; 2010~2014 The Apache Software Foundation, Licensed under the Apache License, Version 2.0.
+        Copyright &copy; 2010~2015 The Apache Software Foundation, Licensed under the Apache License, Version 2.0.
         <br/>
         Apache Isis, Isis, Apache, the Apache feather logo, and the Apache Isis project logo are trademarks of The Apache Software Foundation.
         </p>

Modified: websites/staging/isis/trunk/content/intro/powered-by/about.html
==============================================================================
--- websites/staging/isis/trunk/content/intro/powered-by/about.html (original)
+++ websites/staging/isis/trunk/content/intro/powered-by/about.html Wed Mar 11 07:00:48 2015
@@ -275,7 +275,117 @@
                 -ms-transform:rotate(45deg);
                 box-shadow:4px 4px 10px rgba(0,0,0,0.8);
             }
-        }        
+        }
+
+
+
+        /* carousel */
+        #quote-carousel
+        {
+            padding: 0 10px 30px 10px;
+            margin-top: 30px 0px 0px;
+        }
+
+        /* Control buttons  */
+        #quote-carousel .carousel-control
+        {
+            background: none;
+            color: #222;
+            font-size: 2.3em;
+            text-shadow: none;
+            margin-top: 30px;
+        }
+        /* Previous button  */
+        #quote-carousel .carousel-control.left
+        {
+            left: -12px;
+        }
+        /* Next button  */
+        #quote-carousel .carousel-control.right
+        {
+            right: -12px !important;
+        }
+        /* Changes the position of the indicators */
+        #quote-carousel .carousel-indicators
+        {
+            right: 50%;
+            top: auto;
+            bottom: 0px;
+            margin-right: -19px;
+        }
+        /* Changes the color of the indicators */
+        #quote-carousel .carousel-indicators li
+        {
+            background: #c0c0c0;
+        }
+        #quote-carousel .carousel-indicators .active
+        {
+            background: #333333;
+        }
+        #quote-carousel img
+        {
+            width: 250px;
+            height: 100px
+        }
+        /* End carousel */
+
+        .item blockquote {
+            border-left: none;
+            margin: 0;
+        }
+
+        .item blockquote img {
+            margin-bottom: 10px;
+        }
+
+        .item blockquote p:before {
+            content: "\f10d";
+            font-family: 'Fontawesome';
+            float: left;
+            margin-right: 10px;
+        }
+
+
+
+        /**
+          MEDIA QUERIES
+        */
+
+        /* Small devices (tablets, 768px and up) */
+        @media (min-width: 768px) {
+            #quote-carousel
+            {
+                margin-bottom: 0;
+                padding: 0 40px 30px 40px;
+                margin-top: 30px;
+            }
+
+        }
+
+        /* Small devices (tablets, up to 768px) */
+        @media (max-width: 768px) {
+
+            /* Make the indicators larger for easier clicking with fingers/thumb on mobile */
+
+            #quote-carousel .carousel-indicators {
+                bottom: -20px !important;
+            }
+            #quote-carousel .carousel-indicators li {
+                display: inline-block;
+                margin: 0px 5px;
+                width: 15px;
+                height: 15px;
+            }
+            #quote-carousel .carousel-indicators li.active {
+                margin: 0px 5px;
+                width: 20px;
+                height: 20px;
+            }
+        }
+
+
+
+
     </style>
 
     <!-- courtesy of http://codepo8.github.io/css-fork-on-github-ribbon/ -->
@@ -302,6 +412,18 @@
                   'Share on Twitter',
                   'width=800,height=526');
       };
+
+
+
+
+      // When the DOM is ready, run this function
+      $(document).ready(function() {
+          //Set the carousel options
+          $('#quote-carousel').carousel({
+              pauseOnHover: true,
+              interval: 1000,
+          });
+      });
     </script>
 
     <!-- Le fav and touch icons -->
@@ -457,7 +579,7 @@
       <footer>
         <hr/>
         <p>
-        Copyright &copy; 2010~2014 The Apache Software Foundation, Licensed under the Apache License, Version 2.0.
+        Copyright &copy; 2010~2015 The Apache Software Foundation, Licensed under the Apache License, Version 2.0.
         <br/>
         Apache Isis, Isis, Apache, the Apache feather logo, and the Apache Isis project logo are trademarks of The Apache Software Foundation.
         </p>

Modified: websites/staging/isis/trunk/content/intro/powered-by/powered-by.html
==============================================================================
--- websites/staging/isis/trunk/content/intro/powered-by/powered-by.html (original)
+++ websites/staging/isis/trunk/content/intro/powered-by/powered-by.html Wed Mar 11 07:00:48 2015
@@ -275,7 +275,117 @@
                 -ms-transform:rotate(45deg);
                 box-shadow:4px 4px 10px rgba(0,0,0,0.8);
             }
-        }        
+        }
+
+
+
+        /* carousel */
+        #quote-carousel
+        {
+            padding: 0 10px 30px 10px;
+            margin-top: 30px 0px 0px;
+        }
+
+        /* Control buttons  */
+        #quote-carousel .carousel-control
+        {
+            background: none;
+            color: #222;
+            font-size: 2.3em;
+            text-shadow: none;
+            margin-top: 30px;
+        }
+        /* Previous button  */
+        #quote-carousel .carousel-control.left
+        {
+            left: -12px;
+        }
+        /* Next button  */
+        #quote-carousel .carousel-control.right
+        {
+            right: -12px !important;
+        }
+        /* Changes the position of the indicators */
+        #quote-carousel .carousel-indicators
+        {
+            right: 50%;
+            top: auto;
+            bottom: 0px;
+            margin-right: -19px;
+        }
+        /* Changes the color of the indicators */
+        #quote-carousel .carousel-indicators li
+        {
+            background: #c0c0c0;
+        }
+        #quote-carousel .carousel-indicators .active
+        {
+            background: #333333;
+        }
+        #quote-carousel img
+        {
+            width: 250px;
+            height: 100px
+        }
+        /* End carousel */
+
+        .item blockquote {
+            border-left: none;
+            margin: 0;
+        }
+
+        .item blockquote img {
+            margin-bottom: 10px;
+        }
+
+        .item blockquote p:before {
+            content: "\f10d";
+            font-family: 'Fontawesome';
+            float: left;
+            margin-right: 10px;
+        }
+
+
+
+        /**
+          MEDIA QUERIES
+        */
+
+        /* Small devices (tablets, 768px and up) */
+        @media (min-width: 768px) {
+            #quote-carousel
+            {
+                margin-bottom: 0;
+                padding: 0 40px 30px 40px;
+                margin-top: 30px;
+            }
+
+        }
+
+        /* Small devices (tablets, up to 768px) */
+        @media (max-width: 768px) {
+
+            /* Make the indicators larger for easier clicking with fingers/thumb on mobile */
+
+            #quote-carousel .carousel-indicators {
+                bottom: -20px !important;
+            }
+            #quote-carousel .carousel-indicators li {
+                display: inline-block;
+                margin: 0px 5px;
+                width: 15px;
+                height: 15px;
+            }
+            #quote-carousel .carousel-indicators li.active {
+                margin: 0px 5px;
+                width: 20px;
+                height: 20px;
+            }
+        }
+
+
+
+
     </style>
 
     <!-- courtesy of http://codepo8.github.io/css-fork-on-github-ribbon/ -->
@@ -302,6 +412,18 @@
                   'Share on Twitter',
                   'width=800,height=526');
       };
+
+
+
+
+      // When the DOM is ready, run this function
+      $(document).ready(function() {
+          //Set the carousel options
+          $('#quote-carousel').carousel({
+              pauseOnHover: true,
+              interval: 1000,
+          });
+      });
     </script>
 
     <!-- Le fav and touch icons -->
@@ -524,7 +646,7 @@ is necessary).</li>
       <footer>
         <hr/>
         <p>
-        Copyright &copy; 2010~2014 The Apache Software Foundation, Licensed under the Apache License, Version 2.0.
+        Copyright &copy; 2010~2015 The Apache Software Foundation, Licensed under the Apache License, Version 2.0.
         <br/>
         Apache Isis, Isis, Apache, the Apache feather logo, and the Apache Isis project logo are trademarks of The Apache Software Foundation.
         </p>

Modified: websites/staging/isis/trunk/content/intro/resources/about.html
==============================================================================
--- websites/staging/isis/trunk/content/intro/resources/about.html (original)
+++ websites/staging/isis/trunk/content/intro/resources/about.html Wed Mar 11 07:00:48 2015
@@ -275,7 +275,117 @@
                 -ms-transform:rotate(45deg);
                 box-shadow:4px 4px 10px rgba(0,0,0,0.8);
             }
-        }        
+        }
+
+
+
+        /* carousel */
+        #quote-carousel
+        {
+            padding: 0 10px 30px 10px;
+            margin-top: 30px 0px 0px;
+        }
+
+        /* Control buttons  */
+        #quote-carousel .carousel-control
+        {
+            background: none;
+            color: #222;
+            font-size: 2.3em;
+            text-shadow: none;
+            margin-top: 30px;
+        }
+        /* Previous button  */
+        #quote-carousel .carousel-control.left
+        {
+            left: -12px;
+        }
+        /* Next button  */
+        #quote-carousel .carousel-control.right
+        {
+            right: -12px !important;
+        }
+        /* Changes the position of the indicators */
+        #quote-carousel .carousel-indicators
+        {
+            right: 50%;
+            top: auto;
+            bottom: 0px;
+            margin-right: -19px;
+        }
+        /* Changes the color of the indicators */
+        #quote-carousel .carousel-indicators li
+        {
+            background: #c0c0c0;
+        }
+        #quote-carousel .carousel-indicators .active
+        {
+            background: #333333;
+        }
+        #quote-carousel img
+        {
+            width: 250px;
+            height: 100px
+        }
+        /* End carousel */
+
+        .item blockquote {
+            border-left: none;
+            margin: 0;
+        }
+
+        .item blockquote img {
+            margin-bottom: 10px;
+        }
+
+        .item blockquote p:before {
+            content: "\f10d";
+            font-family: 'Fontawesome';
+            float: left;
+            margin-right: 10px;
+        }
+
+
+
+        /**
+          MEDIA QUERIES
+        */
+
+        /* Small devices (tablets, 768px and up) */
+        @media (min-width: 768px) {
+            #quote-carousel
+            {
+                margin-bottom: 0;
+                padding: 0 40px 30px 40px;
+                margin-top: 30px;
+            }
+
+        }
+
+        /* Small devices (tablets, up to 768px) */
+        @media (max-width: 768px) {
+
+            /* Make the indicators larger for easier clicking with fingers/thumb on mobile */
+
+            #quote-carousel .carousel-indicators {
+                bottom: -20px !important;
+            }
+            #quote-carousel .carousel-indicators li {
+                display: inline-block;
+                margin: 0px 5px;
+                width: 15px;
+                height: 15px;
+            }
+            #quote-carousel .carousel-indicators li.active {
+                margin: 0px 5px;
+                width: 20px;
+                height: 20px;
+            }
+        }
+
+
+
+
     </style>
 
     <!-- courtesy of http://codepo8.github.io/css-fork-on-github-ribbon/ -->
@@ -302,6 +412,18 @@
                   'Share on Twitter',
                   'width=800,height=526');
       };
+
+
+
+
+      // When the DOM is ready, run this function
+      $(document).ready(function() {
+          //Set the carousel options
+          $('#quote-carousel').carousel({
+              pauseOnHover: true,
+              interval: 1000,
+          });
+      });
     </script>
 
     <!-- Le fav and touch icons -->
@@ -457,7 +579,7 @@
       <footer>
         <hr/>
         <p>
-        Copyright &copy; 2010~2014 The Apache Software Foundation, Licensed under the Apache License, Version 2.0.
+        Copyright &copy; 2010~2015 The Apache Software Foundation, Licensed under the Apache License, Version 2.0.
         <br/>
         Apache Isis, Isis, Apache, the Apache feather logo, and the Apache Isis project logo are trademarks of The Apache Software Foundation.
         </p>

Modified: websites/staging/isis/trunk/content/intro/resources/cheat-sheet.html
==============================================================================
--- websites/staging/isis/trunk/content/intro/resources/cheat-sheet.html (original)
+++ websites/staging/isis/trunk/content/intro/resources/cheat-sheet.html Wed Mar 11 07:00:48 2015
@@ -275,7 +275,117 @@
                 -ms-transform:rotate(45deg);
                 box-shadow:4px 4px 10px rgba(0,0,0,0.8);
             }
-        }        
+        }
+
+
+
+        /* carousel */
+        #quote-carousel
+        {
+            padding: 0 10px 30px 10px;
+            margin-top: 30px 0px 0px;
+        }
+
+        /* Control buttons  */
+        #quote-carousel .carousel-control
+        {
+            background: none;
+            color: #222;
+            font-size: 2.3em;
+            text-shadow: none;
+            margin-top: 30px;
+        }
+        /* Previous button  */
+        #quote-carousel .carousel-control.left
+        {
+            left: -12px;
+        }
+        /* Next button  */
+        #quote-carousel .carousel-control.right
+        {
+            right: -12px !important;
+        }
+        /* Changes the position of the indicators */
+        #quote-carousel .carousel-indicators
+        {
+            right: 50%;
+            top: auto;
+            bottom: 0px;
+            margin-right: -19px;
+        }
+        /* Changes the color of the indicators */
+        #quote-carousel .carousel-indicators li
+        {
+            background: #c0c0c0;
+        }
+        #quote-carousel .carousel-indicators .active
+        {
+            background: #333333;
+        }
+        #quote-carousel img
+        {
+            width: 250px;
+            height: 100px
+        }
+        /* End carousel */
+
+        .item blockquote {
+            border-left: none;
+            margin: 0;
+        }
+
+        .item blockquote img {
+            margin-bottom: 10px;
+        }
+
+        .item blockquote p:before {
+            content: "\f10d";
+            font-family: 'Fontawesome';
+            float: left;
+            margin-right: 10px;
+        }
+
+
+
+        /**
+          MEDIA QUERIES
+        */
+
+        /* Small devices (tablets, 768px and up) */
+        @media (min-width: 768px) {
+            #quote-carousel
+            {
+                margin-bottom: 0;
+                padding: 0 40px 30px 40px;
+                margin-top: 30px;
+            }
+
+        }
+
+        /* Small devices (tablets, up to 768px) */
+        @media (max-width: 768px) {
+
+            /* Make the indicators larger for easier clicking with fingers/thumb on mobile */
+
+            #quote-carousel .carousel-indicators {
+                bottom: -20px !important;
+            }
+            #quote-carousel .carousel-indicators li {
+                display: inline-block;
+                margin: 0px 5px;
+                width: 15px;
+                height: 15px;
+            }
+            #quote-carousel .carousel-indicators li.active {
+                margin: 0px 5px;
+                width: 20px;
+                height: 20px;
+            }
+        }
+
+
+
+
     </style>
 
     <!-- courtesy of http://codepo8.github.io/css-fork-on-github-ribbon/ -->
@@ -302,6 +412,18 @@
                   'Share on Twitter',
                   'width=800,height=526');
       };
+
+
+
+
+      // When the DOM is ready, run this function
+      $(document).ready(function() {
+          //Set the carousel options
+          $('#quote-carousel').carousel({
+              pauseOnHover: true,
+              interval: 1000,
+          });
+      });
     </script>
 
     <!-- Le fav and touch icons -->
@@ -457,7 +579,7 @@
       <footer>
         <hr/>
         <p>
-        Copyright &copy; 2010~2014 The Apache Software Foundation, Licensed under the Apache License, Version 2.0.
+        Copyright &copy; 2010~2015 The Apache Software Foundation, Licensed under the Apache License, Version 2.0.
         <br/>
         Apache Isis, Isis, Apache, the Apache feather logo, and the Apache Isis project logo are trademarks of The Apache Software Foundation.
         </p>

Modified: websites/staging/isis/trunk/content/intro/resources/downloadable-presentations.html
==============================================================================
--- websites/staging/isis/trunk/content/intro/resources/downloadable-presentations.html (original)
+++ websites/staging/isis/trunk/content/intro/resources/downloadable-presentations.html Wed Mar 11 07:00:48 2015
@@ -275,7 +275,117 @@
                 -ms-transform:rotate(45deg);
                 box-shadow:4px 4px 10px rgba(0,0,0,0.8);
             }
-        }        
+        }
+
+
+
+        /* carousel */
+        #quote-carousel
+        {
+            padding: 0 10px 30px 10px;
+            margin-top: 30px 0px 0px;
+        }
+
+        /* Control buttons  */
+        #quote-carousel .carousel-control
+        {
+            background: none;
+            color: #222;
+            font-size: 2.3em;
+            text-shadow: none;
+            margin-top: 30px;
+        }
+        /* Previous button  */
+        #quote-carousel .carousel-control.left
+        {
+            left: -12px;
+        }
+        /* Next button  */
+        #quote-carousel .carousel-control.right
+        {
+            right: -12px !important;
+        }
+        /* Changes the position of the indicators */
+        #quote-carousel .carousel-indicators
+        {
+            right: 50%;
+            top: auto;
+            bottom: 0px;
+            margin-right: -19px;
+        }
+        /* Changes the color of the indicators */
+        #quote-carousel .carousel-indicators li
+        {
+            background: #c0c0c0;
+        }
+        #quote-carousel .carousel-indicators .active
+        {
+            background: #333333;
+        }
+        #quote-carousel img
+        {
+            width: 250px;
+            height: 100px
+        }
+        /* End carousel */
+
+        .item blockquote {
+            border-left: none;
+            margin: 0;
+        }
+
+        .item blockquote img {
+            margin-bottom: 10px;
+        }
+
+        .item blockquote p:before {
+            content: "\f10d";
+            font-family: 'Fontawesome';
+            float: left;
+            margin-right: 10px;
+        }
+
+
+
+        /**
+          MEDIA QUERIES
+        */
+
+        /* Small devices (tablets, 768px and up) */
+        @media (min-width: 768px) {
+            #quote-carousel
+            {
+                margin-bottom: 0;
+                padding: 0 40px 30px 40px;
+                margin-top: 30px;
+            }
+
+        }
+
+        /* Small devices (tablets, up to 768px) */
+        @media (max-width: 768px) {
+
+            /* Make the indicators larger for easier clicking with fingers/thumb on mobile */
+
+            #quote-carousel .carousel-indicators {
+                bottom: -20px !important;
+            }
+            #quote-carousel .carousel-indicators li {
+                display: inline-block;
+                margin: 0px 5px;
+                width: 15px;
+                height: 15px;
+            }
+            #quote-carousel .carousel-indicators li.active {
+                margin: 0px 5px;
+                width: 20px;
+                height: 20px;
+            }
+        }
+
+
+
+
     </style>
 
     <!-- courtesy of http://codepo8.github.io/css-fork-on-github-ribbon/ -->
@@ -302,6 +412,18 @@
                   'Share on Twitter',
                   'width=800,height=526');
       };
+
+
+
+
+      // When the DOM is ready, run this function
+      $(document).ready(function() {
+          //Set the carousel options
+          $('#quote-carousel').carousel({
+              pauseOnHover: true,
+              interval: 1000,
+          });
+      });
     </script>
 
     <!-- Le fav and touch icons -->
@@ -463,7 +585,7 @@
       <footer>
         <hr/>
         <p>
-        Copyright &copy; 2010~2014 The Apache Software Foundation, Licensed under the Apache License, Version 2.0.
+        Copyright &copy; 2010~2015 The Apache Software Foundation, Licensed under the Apache License, Version 2.0.
         <br/>
         Apache Isis, Isis, Apache, the Apache feather logo, and the Apache Isis project logo are trademarks of The Apache Software Foundation.
         </p>

Modified: websites/staging/isis/trunk/content/intro/resources/editor-templates.html
==============================================================================
--- websites/staging/isis/trunk/content/intro/resources/editor-templates.html (original)
+++ websites/staging/isis/trunk/content/intro/resources/editor-templates.html Wed Mar 11 07:00:48 2015
@@ -275,7 +275,117 @@
                 -ms-transform:rotate(45deg);
                 box-shadow:4px 4px 10px rgba(0,0,0,0.8);
             }
-        }        
+        }
+
+
+
+        /* carousel */
+        #quote-carousel
+        {
+            padding: 0 10px 30px 10px;
+            margin-top: 30px 0px 0px;
+        }
+
+        /* Control buttons  */
+        #quote-carousel .carousel-control
+        {
+            background: none;
+            color: #222;
+            font-size: 2.3em;
+            text-shadow: none;
+            margin-top: 30px;
+        }
+        /* Previous button  */
+        #quote-carousel .carousel-control.left
+        {
+            left: -12px;
+        }
+        /* Next button  */
+        #quote-carousel .carousel-control.right
+        {
+            right: -12px !important;
+        }
+        /* Changes the position of the indicators */
+        #quote-carousel .carousel-indicators
+        {
+            right: 50%;
+            top: auto;
+            bottom: 0px;
+            margin-right: -19px;
+        }
+        /* Changes the color of the indicators */
+        #quote-carousel .carousel-indicators li
+        {
+            background: #c0c0c0;
+        }
+        #quote-carousel .carousel-indicators .active
+        {
+            background: #333333;
+        }
+        #quote-carousel img
+        {
+            width: 250px;
+            height: 100px
+        }
+        /* End carousel */
+
+        .item blockquote {
+            border-left: none;
+            margin: 0;
+        }
+
+        .item blockquote img {
+            margin-bottom: 10px;
+        }
+
+        .item blockquote p:before {
+            content: "\f10d";
+            font-family: 'Fontawesome';
+            float: left;
+            margin-right: 10px;
+        }
+
+
+
+        /**
+          MEDIA QUERIES
+        */
+
+        /* Small devices (tablets, 768px and up) */
+        @media (min-width: 768px) {
+            #quote-carousel
+            {
+                margin-bottom: 0;
+                padding: 0 40px 30px 40px;
+                margin-top: 30px;
+            }
+
+        }
+
+        /* Small devices (tablets, up to 768px) */
+        @media (max-width: 768px) {
+
+            /* Make the indicators larger for easier clicking with fingers/thumb on mobile */
+
+            #quote-carousel .carousel-indicators {
+                bottom: -20px !important;
+            }
+            #quote-carousel .carousel-indicators li {
+                display: inline-block;
+                margin: 0px 5px;
+                width: 15px;
+                height: 15px;
+            }
+            #quote-carousel .carousel-indicators li.active {
+                margin: 0px 5px;
+                width: 20px;
+                height: 20px;
+            }
+        }
+
+
+
+
     </style>
 
     <!-- courtesy of http://codepo8.github.io/css-fork-on-github-ribbon/ -->
@@ -302,6 +412,18 @@
                   'Share on Twitter',
                   'width=800,height=526');
       };
+
+
+
+
+      // When the DOM is ready, run this function
+      $(document).ready(function() {
+          //Set the carousel options
+          $('#quote-carousel').carousel({
+              pauseOnHover: true,
+              interval: 1000,
+          });
+      });
     </script>
 
     <!-- Le fav and touch icons -->
@@ -500,7 +622,7 @@
       <footer>
         <hr/>
         <p>
-        Copyright &copy; 2010~2014 The Apache Software Foundation, Licensed under the Apache License, Version 2.0.
+        Copyright &copy; 2010~2015 The Apache Software Foundation, Licensed under the Apache License, Version 2.0.
         <br/>
         Apache Isis, Isis, Apache, the Apache feather logo, and the Apache Isis project logo are trademarks of The Apache Software Foundation.
         </p>

Modified: websites/staging/isis/trunk/content/intro/resources/icons.html
==============================================================================
--- websites/staging/isis/trunk/content/intro/resources/icons.html (original)
+++ websites/staging/isis/trunk/content/intro/resources/icons.html Wed Mar 11 07:00:48 2015
@@ -275,7 +275,117 @@
                 -ms-transform:rotate(45deg);
                 box-shadow:4px 4px 10px rgba(0,0,0,0.8);
             }
-        }        
+        }
+
+
+
+        /* carousel */
+        #quote-carousel
+        {
+            padding: 0 10px 30px 10px;
+            margin-top: 30px 0px 0px;
+        }
+
+        /* Control buttons  */
+        #quote-carousel .carousel-control
+        {
+            background: none;
+            color: #222;
+            font-size: 2.3em;
+            text-shadow: none;
+            margin-top: 30px;
+        }
+        /* Previous button  */
+        #quote-carousel .carousel-control.left
+        {
+            left: -12px;
+        }
+        /* Next button  */
+        #quote-carousel .carousel-control.right
+        {
+            right: -12px !important;
+        }
+        /* Changes the position of the indicators */
+        #quote-carousel .carousel-indicators
+        {
+            right: 50%;
+            top: auto;
+            bottom: 0px;
+            margin-right: -19px;
+        }
+        /* Changes the color of the indicators */
+        #quote-carousel .carousel-indicators li
+        {
+            background: #c0c0c0;
+        }
+        #quote-carousel .carousel-indicators .active
+        {
+            background: #333333;
+        }
+        #quote-carousel img
+        {
+            width: 250px;
+            height: 100px
+        }
+        /* End carousel */
+
+        .item blockquote {
+            border-left: none;
+            margin: 0;
+        }
+
+        .item blockquote img {
+            margin-bottom: 10px;
+        }
+
+        .item blockquote p:before {
+            content: "\f10d";
+            font-family: 'Fontawesome';
+            float: left;
+            margin-right: 10px;
+        }
+
+
+
+        /**
+          MEDIA QUERIES
+        */
+
+        /* Small devices (tablets, 768px and up) */
+        @media (min-width: 768px) {
+            #quote-carousel
+            {
+                margin-bottom: 0;
+                padding: 0 40px 30px 40px;
+                margin-top: 30px;
+            }
+
+        }
+
+        /* Small devices (tablets, up to 768px) */
+        @media (max-width: 768px) {
+
+            /* Make the indicators larger for easier clicking with fingers/thumb on mobile */
+
+            #quote-carousel .carousel-indicators {
+                bottom: -20px !important;
+            }
+            #quote-carousel .carousel-indicators li {
+                display: inline-block;
+                margin: 0px 5px;
+                width: 15px;
+                height: 15px;
+            }
+            #quote-carousel .carousel-indicators li.active {
+                margin: 0px 5px;
+                width: 20px;
+                height: 20px;
+            }
+        }
+
+
+
+
     </style>
 
     <!-- courtesy of http://codepo8.github.io/css-fork-on-github-ribbon/ -->
@@ -302,6 +412,18 @@
                   'Share on Twitter',
                   'width=800,height=526');
       };
+
+
+
+
+      // When the DOM is ready, run this function
+      $(document).ready(function() {
+          //Set the carousel options
+          $('#quote-carousel').carousel({
+              pauseOnHover: true,
+              interval: 1000,
+          });
+      });
     </script>
 
     <!-- Le fav and touch icons -->
@@ -477,7 +599,7 @@
       <footer>
         <hr/>
         <p>
-        Copyright &copy; 2010~2014 The Apache Software Foundation, Licensed under the Apache License, Version 2.0.
+        Copyright &copy; 2010~2015 The Apache Software Foundation, Licensed under the Apache License, Version 2.0.
         <br/>
         Apache Isis, Isis, Apache, the Apache feather logo, and the Apache Isis project logo are trademarks of The Apache Software Foundation.
         </p>

Modified: websites/staging/isis/trunk/content/intro/tutorials/about.html
==============================================================================
--- websites/staging/isis/trunk/content/intro/tutorials/about.html (original)
+++ websites/staging/isis/trunk/content/intro/tutorials/about.html Wed Mar 11 07:00:48 2015
@@ -275,7 +275,117 @@
                 -ms-transform:rotate(45deg);
                 box-shadow:4px 4px 10px rgba(0,0,0,0.8);
             }
-        }        
+        }
+
+
+
+        /* carousel */
+        #quote-carousel
+        {
+            padding: 0 10px 30px 10px;
+            margin-top: 30px 0px 0px;
+        }
+
+        /* Control buttons  */
+        #quote-carousel .carousel-control
+        {
+            background: none;
+            color: #222;
+            font-size: 2.3em;
+            text-shadow: none;
+            margin-top: 30px;
+        }
+        /* Previous button  */
+        #quote-carousel .carousel-control.left
+        {
+            left: -12px;
+        }
+        /* Next button  */
+        #quote-carousel .carousel-control.right
+        {
+            right: -12px !important;
+        }
+        /* Changes the position of the indicators */
+        #quote-carousel .carousel-indicators
+        {
+            right: 50%;
+            top: auto;
+            bottom: 0px;
+            margin-right: -19px;
+        }
+        /* Changes the color of the indicators */
+        #quote-carousel .carousel-indicators li
+        {
+            background: #c0c0c0;
+        }
+        #quote-carousel .carousel-indicators .active
+        {
+            background: #333333;
+        }
+        #quote-carousel img
+        {
+            width: 250px;
+            height: 100px
+        }
+        /* End carousel */
+
+        .item blockquote {
+            border-left: none;
+            margin: 0;
+        }
+
+        .item blockquote img {
+            margin-bottom: 10px;
+        }
+
+        .item blockquote p:before {
+            content: "\f10d";
+            font-family: 'Fontawesome';
+            float: left;
+            margin-right: 10px;
+        }
+
+
+
+        /**
+          MEDIA QUERIES
+        */
+
+        /* Small devices (tablets, 768px and up) */
+        @media (min-width: 768px) {
+            #quote-carousel
+            {
+                margin-bottom: 0;
+                padding: 0 40px 30px 40px;
+                margin-top: 30px;
+            }
+
+        }
+
+        /* Small devices (tablets, up to 768px) */
+        @media (max-width: 768px) {
+
+            /* Make the indicators larger for easier clicking with fingers/thumb on mobile */
+
+            #quote-carousel .carousel-indicators {
+                bottom: -20px !important;
+            }
+            #quote-carousel .carousel-indicators li {
+                display: inline-block;
+                margin: 0px 5px;
+                width: 15px;
+                height: 15px;
+            }
+            #quote-carousel .carousel-indicators li.active {
+                margin: 0px 5px;
+                width: 20px;
+                height: 20px;
+            }
+        }
+
+
+
+
     </style>
 
     <!-- courtesy of http://codepo8.github.io/css-fork-on-github-ribbon/ -->
@@ -302,6 +412,18 @@
                   'Share on Twitter',
                   'width=800,height=526');
       };
+
+
+
+
+      // When the DOM is ready, run this function
+      $(document).ready(function() {
+          //Set the carousel options
+          $('#quote-carousel').carousel({
+              pauseOnHover: true,
+              interval: 1000,
+          });
+      });
     </script>
 
     <!-- Le fav and touch icons -->
@@ -457,7 +579,7 @@
       <footer>
         <hr/>
         <p>
-        Copyright &copy; 2010~2014 The Apache Software Foundation, Licensed under the Apache License, Version 2.0.
+        Copyright &copy; 2010~2015 The Apache Software Foundation, Licensed under the Apache License, Version 2.0.
         <br/>
         Apache Isis, Isis, Apache, the Apache feather logo, and the Apache Isis project logo are trademarks of The Apache Software Foundation.
         </p>

Modified: websites/staging/isis/trunk/content/intro/tutorials/apacheconeu-2014.html
==============================================================================
--- websites/staging/isis/trunk/content/intro/tutorials/apacheconeu-2014.html (original)
+++ websites/staging/isis/trunk/content/intro/tutorials/apacheconeu-2014.html Wed Mar 11 07:00:48 2015
@@ -275,7 +275,117 @@
                 -ms-transform:rotate(45deg);
                 box-shadow:4px 4px 10px rgba(0,0,0,0.8);
             }
-        }        
+        }
+
+
+
+        /* carousel */
+        #quote-carousel
+        {
+            padding: 0 10px 30px 10px;
+            margin-top: 30px 0px 0px;
+        }
+
+        /* Control buttons  */
+        #quote-carousel .carousel-control
+        {
+            background: none;
+            color: #222;
+            font-size: 2.3em;
+            text-shadow: none;
+            margin-top: 30px;
+        }
+        /* Previous button  */
+        #quote-carousel .carousel-control.left
+        {
+            left: -12px;
+        }
+        /* Next button  */
+        #quote-carousel .carousel-control.right
+        {
+            right: -12px !important;
+        }
+        /* Changes the position of the indicators */
+        #quote-carousel .carousel-indicators
+        {
+            right: 50%;
+            top: auto;
+            bottom: 0px;
+            margin-right: -19px;
+        }
+        /* Changes the color of the indicators */
+        #quote-carousel .carousel-indicators li
+        {
+            background: #c0c0c0;
+        }
+        #quote-carousel .carousel-indicators .active
+        {
+            background: #333333;
+        }
+        #quote-carousel img
+        {
+            width: 250px;
+            height: 100px
+        }
+        /* End carousel */
+
+        .item blockquote {
+            border-left: none;
+            margin: 0;
+        }
+
+        .item blockquote img {
+            margin-bottom: 10px;
+        }
+
+        .item blockquote p:before {
+            content: "\f10d";
+            font-family: 'Fontawesome';
+            float: left;
+            margin-right: 10px;
+        }
+
+
+
+        /**
+          MEDIA QUERIES
+        */
+
+        /* Small devices (tablets, 768px and up) */
+        @media (min-width: 768px) {
+            #quote-carousel
+            {
+                margin-bottom: 0;
+                padding: 0 40px 30px 40px;
+                margin-top: 30px;
+            }
+
+        }
+
+        /* Small devices (tablets, up to 768px) */
+        @media (max-width: 768px) {
+
+            /* Make the indicators larger for easier clicking with fingers/thumb on mobile */
+
+            #quote-carousel .carousel-indicators {
+                bottom: -20px !important;
+            }
+            #quote-carousel .carousel-indicators li {
+                display: inline-block;
+                margin: 0px 5px;
+                width: 15px;
+                height: 15px;
+            }
+            #quote-carousel .carousel-indicators li.active {
+                margin: 0px 5px;
+                width: 20px;
+                height: 20px;
+            }
+        }
+
+
+
+
     </style>
 
     <!-- courtesy of http://codepo8.github.io/css-fork-on-github-ribbon/ -->
@@ -302,6 +412,18 @@
                   'Share on Twitter',
                   'width=800,height=526');
       };
+
+
+
+
+      // When the DOM is ready, run this function
+      $(document).ready(function() {
+          //Set the carousel options
+          $('#quote-carousel').carousel({
+              pauseOnHover: true,
+              interval: 1000,
+          });
+      });
     </script>
 
     <!-- Le fav and touch icons -->
@@ -1168,7 +1290,7 @@ mvn clean install
       <footer>
         <hr/>
         <p>
-        Copyright &copy; 2010~2014 The Apache Software Foundation, Licensed under the Apache License, Version 2.0.
+        Copyright &copy; 2010~2015 The Apache Software Foundation, Licensed under the Apache License, Version 2.0.
         <br/>
         Apache Isis, Isis, Apache, the Apache feather logo, and the Apache Isis project logo are trademarks of The Apache Software Foundation.
         </p>

Modified: websites/staging/isis/trunk/content/intro/tutorials/screencasts.html
==============================================================================
--- websites/staging/isis/trunk/content/intro/tutorials/screencasts.html (original)
+++ websites/staging/isis/trunk/content/intro/tutorials/screencasts.html Wed Mar 11 07:00:48 2015
@@ -275,7 +275,117 @@
                 -ms-transform:rotate(45deg);
                 box-shadow:4px 4px 10px rgba(0,0,0,0.8);
             }
-        }        
+        }
+
+
+
+        /* carousel */
+        #quote-carousel
+        {
+            padding: 0 10px 30px 10px;
+            margin-top: 30px 0px 0px;
+        }
+
+        /* Control buttons  */
+        #quote-carousel .carousel-control
+        {
+            background: none;
+            color: #222;
+            font-size: 2.3em;
+            text-shadow: none;
+            margin-top: 30px;
+        }
+        /* Previous button  */
+        #quote-carousel .carousel-control.left
+        {
+            left: -12px;
+        }
+        /* Next button  */
+        #quote-carousel .carousel-control.right
+        {
+            right: -12px !important;
+        }
+        /* Changes the position of the indicators */
+        #quote-carousel .carousel-indicators
+        {
+            right: 50%;
+            top: auto;
+            bottom: 0px;
+            margin-right: -19px;
+        }
+        /* Changes the color of the indicators */
+        #quote-carousel .carousel-indicators li
+        {
+            background: #c0c0c0;
+        }
+        #quote-carousel .carousel-indicators .active
+        {
+            background: #333333;
+        }
+        #quote-carousel img
+        {
+            width: 250px;
+            height: 100px
+        }
+        /* End carousel */
+
+        .item blockquote {
+            border-left: none;
+            margin: 0;
+        }
+
+        .item blockquote img {
+            margin-bottom: 10px;
+        }
+
+        .item blockquote p:before {
+            content: "\f10d";
+            font-family: 'Fontawesome';
+            float: left;
+            margin-right: 10px;
+        }
+
+
+
+        /**
+          MEDIA QUERIES
+        */
+
+        /* Small devices (tablets, 768px and up) */
+        @media (min-width: 768px) {
+            #quote-carousel
+            {
+                margin-bottom: 0;
+                padding: 0 40px 30px 40px;
+                margin-top: 30px;
+            }
+
+        }
+
+        /* Small devices (tablets, up to 768px) */
+        @media (max-width: 768px) {
+
+            /* Make the indicators larger for easier clicking with fingers/thumb on mobile */
+
+            #quote-carousel .carousel-indicators {
+                bottom: -20px !important;
+            }
+            #quote-carousel .carousel-indicators li {
+                display: inline-block;
+                margin: 0px 5px;
+                width: 15px;
+                height: 15px;
+            }
+            #quote-carousel .carousel-indicators li.active {
+                margin: 0px 5px;
+                width: 20px;
+                height: 20px;
+            }
+        }
+
+
+
+
     </style>
 
     <!-- courtesy of http://codepo8.github.io/css-fork-on-github-ribbon/ -->
@@ -302,6 +412,18 @@
                   'Share on Twitter',
                   'width=800,height=526');
       };
+
+
+
+
+      // When the DOM is ready, run this function
+      $(document).ready(function() {
+          //Set the carousel options
+          $('#quote-carousel').carousel({
+              pauseOnHover: true,
+              interval: 1000,
+          });
+      });
     </script>
 
     <!-- Le fav and touch icons -->
@@ -643,7 +765,7 @@
       <footer>
         <hr/>
         <p>
-        Copyright &copy; 2010~2014 The Apache Software Foundation, Licensed under the Apache License, Version 2.0.
+        Copyright &copy; 2010~2015 The Apache Software Foundation, Licensed under the Apache License, Version 2.0.
         <br/>
         Apache Isis, Isis, Apache, the Apache feather logo, and the Apache Isis project logo are trademarks of The Apache Software Foundation.
         </p>

Modified: websites/staging/isis/trunk/content/intro/tutorials/step-by-step-petclinic.html
==============================================================================
--- websites/staging/isis/trunk/content/intro/tutorials/step-by-step-petclinic.html (original)
+++ websites/staging/isis/trunk/content/intro/tutorials/step-by-step-petclinic.html Wed Mar 11 07:00:48 2015
@@ -275,7 +275,117 @@
                 -ms-transform:rotate(45deg);
                 box-shadow:4px 4px 10px rgba(0,0,0,0.8);
             }
-        }        
+        }
+
+
+
+        /* carousel */
+        #quote-carousel
+        {
+            padding: 0 10px 30px 10px;
+            margin-top: 30px 0px 0px;
+        }
+
+        /* Control buttons  */
+        #quote-carousel .carousel-control
+        {
+            background: none;
+            color: #222;
+            font-size: 2.3em;
+            text-shadow: none;
+            margin-top: 30px;
+        }
+        /* Previous button  */
+        #quote-carousel .carousel-control.left
+        {
+            left: -12px;
+        }
+        /* Next button  */
+        #quote-carousel .carousel-control.right
+        {
+            right: -12px !important;
+        }
+        /* Changes the position of the indicators */
+        #quote-carousel .carousel-indicators
+        {
+            right: 50%;
+            top: auto;
+            bottom: 0px;
+            margin-right: -19px;
+        }
+        /* Changes the color of the indicators */
+        #quote-carousel .carousel-indicators li
+        {
+            background: #c0c0c0;
+        }
+        #quote-carousel .carousel-indicators .active
+        {
+            background: #333333;
+        }
+        #quote-carousel img
+        {
+            width: 250px;
+            height: 100px
+        }
+        /* End carousel */
+
+        .item blockquote {
+            border-left: none;
+            margin: 0;
+        }
+
+        .item blockquote img {
+            margin-bottom: 10px;
+        }
+
+        .item blockquote p:before {
+            content: "\f10d";
+            font-family: 'Fontawesome';
+            float: left;
+            margin-right: 10px;
+        }
+
+
+
+        /**
+          MEDIA QUERIES
+        */
+
+        /* Small devices (tablets, 768px and up) */
+        @media (min-width: 768px) {
+            #quote-carousel
+            {
+                margin-bottom: 0;
+                padding: 0 40px 30px 40px;
+                margin-top: 30px;
+            }
+
+        }
+
+        /* Small devices (tablets, up to 768px) */
+        @media (max-width: 768px) {
+
+            /* Make the indicators larger for easier clicking with fingers/thumb on mobile */
+
+            #quote-carousel .carousel-indicators {
+                bottom: -20px !important;
+            }
+            #quote-carousel .carousel-indicators li {
+                display: inline-block;
+                margin: 0px 5px;
+                width: 15px;
+                height: 15px;
+            }
+            #quote-carousel .carousel-indicators li.active {
+                margin: 0px 5px;
+                width: 20px;
+                height: 20px;
+            }
+        }
+
+
+
+
     </style>
 
     <!-- courtesy of http://codepo8.github.io/css-fork-on-github-ribbon/ -->
@@ -302,6 +412,18 @@
                   'Share on Twitter',
                   'width=800,height=526');
       };
+
+
+
+
+      // When the DOM is ready, run this function
+      $(document).ready(function() {
+          //Set the carousel options
+          $('#quote-carousel').carousel({
+              pauseOnHover: true,
+              interval: 1000,
+          });
+      });
     </script>
 
     <!-- Le fav and touch icons -->
@@ -939,7 +1061,7 @@ git checkout [xxx](https://github.com/da
       <footer>
         <hr/>
         <p>
-        Copyright &copy; 2010~2014 The Apache Software Foundation, Licensed under the Apache License, Version 2.0.
+        Copyright &copy; 2010~2015 The Apache Software Foundation, Licensed under the Apache License, Version 2.0.
         <br/>
         Apache Isis, Isis, Apache, the Apache feather logo, and the Apache Isis project logo are trademarks of The Apache Software Foundation.
         </p>