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 [13/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/how-tos/how-to-03-015-How-to-specify-an-autocomplete-for-a-property.html
==============================================================================
--- websites/staging/isis/trunk/content/how-tos/how-to-03-015-How-to-specify-an-autocomplete-for-a-property.html (original)
+++ websites/staging/isis/trunk/content/how-tos/how-to-03-015-How-to-specify-an-autocomplete-for-a-property.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 -->
@@ -479,7 +601,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/how-tos/how-to-03-017-How-to-specify-default-value-of-an-object-property.html
==============================================================================
--- websites/staging/isis/trunk/content/how-tos/how-to-03-017-How-to-specify-default-value-of-an-object-property.html (original)
+++ websites/staging/isis/trunk/content/how-tos/how-to-03-017-How-to-specify-default-value-of-an-object-property.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/how-tos/how-to-03-020-How-to-specify-a-set-of-choices-for-an-action-parameter.html
==============================================================================
--- websites/staging/isis/trunk/content/how-tos/how-to-03-020-How-to-specify-a-set-of-choices-for-an-action-parameter.html (original)
+++ websites/staging/isis/trunk/content/how-tos/how-to-03-020-How-to-specify-a-set-of-choices-for-an-action-parameter.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 -->
@@ -537,7 +659,7 @@ for that parameter.</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/how-tos/how-to-03-022-How-to-specify-dependent-choices-for-action-parameters.html
==============================================================================
--- websites/staging/isis/trunk/content/how-tos/how-to-03-022-How-to-specify-dependent-choices-for-action-parameters.html (original)
+++ websites/staging/isis/trunk/content/how-tos/how-to-03-022-How-to-specify-dependent-choices-for-action-parameters.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 -->
@@ -490,7 +612,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/how-tos/how-to-03-025-How-to-specify-an-autocomplete-for-an-action-parameter.html
==============================================================================
--- websites/staging/isis/trunk/content/how-tos/how-to-03-025-How-to-specify-an-autocomplete-for-an-action-parameter.html (original)
+++ websites/staging/isis/trunk/content/how-tos/how-to-03-025-How-to-specify-an-autocomplete-for-an-action-parameter.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 -->
@@ -486,7 +608,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/how-tos/how-to-03-030-How-to-specify-that-a-class-of-objects-has-a-limited-number-of-instances.html
==============================================================================
--- websites/staging/isis/trunk/content/how-tos/how-to-03-030-How-to-specify-that-a-class-of-objects-has-a-limited-number-of-instances.html (original)
+++ websites/staging/isis/trunk/content/how-tos/how-to-03-030-How-to-specify-that-a-class-of-objects-has-a-limited-number-of-instances.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 -->
@@ -482,7 +604,7 @@ implicitly bounded.</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/how-tos/how-to-03-040-How-to-find-an-entity-(for-an-action-parameter-or-property)-using-auto-complete.html
==============================================================================
--- websites/staging/isis/trunk/content/how-tos/how-to-03-040-How-to-find-an-entity-(for-an-action-parameter-or-property)-using-auto-complete.html (original)
+++ websites/staging/isis/trunk/content/how-tos/how-to-03-040-How-to-find-an-entity-(for-an-action-parameter-or-property)-using-auto-complete.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 -->
@@ -487,7 +609,7 @@ specified.</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/how-tos/how-to-03-050-How-to-specify-default-values-for-an-action-parameter.html
==============================================================================
--- websites/staging/isis/trunk/content/how-tos/how-to-03-050-How-to-specify-default-values-for-an-action-parameter.html (original)
+++ websites/staging/isis/trunk/content/how-tos/how-to-03-050-How-to-specify-default-values-for-an-action-parameter.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 -->
@@ -523,7 +645,7 @@ action method signature of corresponding
       <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/how-tos/how-to-04-000-How-to-derive-properties-and-collections-and-other-side-effects.html
==============================================================================
--- websites/staging/isis/trunk/content/how-tos/how-to-04-000-How-to-derive-properties-and-collections-and-other-side-effects.html (original)
+++ websites/staging/isis/trunk/content/how-tos/how-to-04-000-How-to-derive-properties-and-collections-and-other-side-effects.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 -->
@@ -461,7 +583,7 @@ derived from other information available
       <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/how-tos/how-to-08-000-How-to-handle-security-concerns.html
==============================================================================
--- websites/staging/isis/trunk/content/how-tos/how-to-08-000-How-to-handle-security-concerns.html (original)
+++ websites/staging/isis/trunk/content/how-tos/how-to-08-000-How-to-handle-security-concerns.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 -->
@@ -464,7 +586,7 @@ implementing business rules. They apply
       <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/how-tos/how-to-09-010-How-to-register-domain-services,-repositories-and-factories.html
==============================================================================
--- websites/staging/isis/trunk/content/how-tos/how-to-09-010-How-to-register-domain-services,-repositories-and-factories.html (original)
+++ websites/staging/isis/trunk/content/how-tos/how-to-09-010-How-to-register-domain-services,-repositories-and-factories.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 -->
@@ -505,7 +627,7 @@ isis.services = employee.Employees,\
       <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/how-tos/how-to-09-040-How-to-write-a-custom-repository.html
==============================================================================
--- websites/staging/isis/trunk/content/how-tos/how-to-09-040-How-to-write-a-custom-repository.html (original)
+++ websites/staging/isis/trunk/content/how-tos/how-to-09-040-How-to-write-a-custom-repository.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 -->
@@ -597,7 +719,7 @@ constructing <code>Query</code> instance
       <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/how-tos/how-to-09-050-How-to-use-Factories.html
==============================================================================
--- websites/staging/isis/trunk/content/how-tos/how-to-09-050-How-to-use-Factories.html (original)
+++ websites/staging/isis/trunk/content/how-tos/how-to-09-050-How-to-use-Factories.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 -->
@@ -474,7 +596,7 @@ the methods available in DomainObjectCon
       <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/how-tos/how-to-customize-styling-for-a-domain-object.html
==============================================================================
--- websites/staging/isis/trunk/content/how-tos/how-to-customize-styling-for-a-domain-object.html (original)
+++ websites/staging/isis/trunk/content/how-tos/how-to-customize-styling-for-a-domain-object.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 -->
@@ -485,7 +607,7 @@ tr.done {
       <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/index.html
==============================================================================
--- websites/staging/isis/trunk/content/index.html (original)
+++ websites/staging/isis/trunk/content/index.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 -->
@@ -567,7 +689,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/about.html
==============================================================================
--- websites/staging/isis/trunk/content/intro/about.html (original)
+++ websites/staging/isis/trunk/content/intro/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/elevator-pitch/about.html
==============================================================================
--- websites/staging/isis/trunk/content/intro/elevator-pitch/about.html (original)
+++ websites/staging/isis/trunk/content/intro/elevator-pitch/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/elevator-pitch/common-use-cases.html
==============================================================================
--- websites/staging/isis/trunk/content/intro/elevator-pitch/common-use-cases.html (original)
+++ websites/staging/isis/trunk/content/intro/elevator-pitch/common-use-cases.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 -->
@@ -511,7 +633,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/elevator-pitch/isis-in-pictures.html
==============================================================================
--- websites/staging/isis/trunk/content/intro/elevator-pitch/isis-in-pictures.html (original)
+++ websites/staging/isis/trunk/content/intro/elevator-pitch/isis-in-pictures.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 -->
@@ -421,7 +543,7 @@
   <div class="row">
     <div class="col-md-12">
       <div align="center">
-        <h4>The carousel below provides a tutorial by screenshot of many of the core features of Apache Isis&trade;, v1.3.0.  Note that there have been many improvements in more recent releases, in particular the v1.8.0.</h4>
+        <h4>The carousel below provides a tutorial by screenshot of many of the core features of Apache Isis&trade;, v1.3.0.  Note that there have been many improvements in more recent releases, in particular as of v1.8.0.</h4>
         <h4>When you are done here, either get started with our <a href="../getting-started/simple-archetype.html">simple archetype</a>, or read more at our <a href="../../documentation.html">documentation</a> page.</h4>
       </div>
     </div>
@@ -817,7 +939,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/about.html
==============================================================================
--- websites/staging/isis/trunk/content/intro/getting-started/about.html (original)
+++ websites/staging/isis/trunk/content/intro/getting-started/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>