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

[43/44] isis-site git commit: ISIS-1594: provide an 'edit' button

http://git-wip-us.apache.org/repos/asf/isis-site/blob/83a3755a/content/common-use-cases.html
----------------------------------------------------------------------
diff --git a/content/common-use-cases.html b/content/common-use-cases.html
index aa29d3f..e35d7ca 100644
--- a/content/common-use-cases.html
+++ b/content/common-use-cases.html
@@ -1,12 +1,10 @@
 <!doctype html>
 <html class="no-js" lang="en">
-<head>
-    <meta charset="utf-8"/>
-    <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
-
-    <title>Common Use Cases</title>
-
-    <!--
+ <head> 
+  <meta charset="utf-8"> 
+  <meta name="viewport" content="width=device-width, initial-scale=1.0"> 
+  <title>Common Use Cases</title> 
+  <!--
         Licensed to the Apache Software Foundation (ASF) under one
         or more contributor license agreements.  See the NOTICE file
         distributed with this work for additional information
@@ -23,31 +21,21 @@
         KIND, either express or implied.  See the License for the
         specific language governing permissions and limitations
         under the License.
-    -->
-
-    <!-- No caching headers -->
-    <meta http-equiv="cache-control" content="no-cache" />
-    <meta http-equiv="pragma" content="no-cache" />
-    <meta http-equiv="expires" content="-1" />
-
-
-    <!-- TODO: need to (re)instate CDN in the future (not using for now just so can develop off-line -->
-    <link href="./css/foundation/5.5.1/foundation.css" rel="stylesheet" />
-    <script src="./js/foundation/5.5.1/vendor/modernizr.js"></script>
-    <link href="./css/asciidoctor/colony.css" rel="stylesheet">
-    <link href="./css/font-awesome/4.3.0/css/font-awesome.min.css" rel="stylesheet">
-
-
-
-
-    <link href="./css/github-fork-ribbon-css/0.1.1/gh-fork-ribbon.css" rel="stylesheet" />
-    <!--[if lt IE 9]>
+    --> 
+  <!-- No caching headers --> 
+  <meta http-equiv="cache-control" content="no-cache"> 
+  <meta http-equiv="pragma" content="no-cache"> 
+  <meta http-equiv="expires" content="-1"> 
+  <!-- TODO: need to (re)instate CDN in the future (not using for now just so can develop off-line --> 
+  <link href="./css/foundation/5.5.1/foundation.css" rel="stylesheet"> 
+  <script src="./js/foundation/5.5.1/vendor/modernizr.js"></script> 
+  <link href="./css/asciidoctor/colony.css" rel="stylesheet"> 
+  <link href="./css/font-awesome/4.3.0/css/font-awesome.min.css" rel="stylesheet"> 
+  <link href="./css/github-fork-ribbon-css/0.1.1/gh-fork-ribbon.css" rel="stylesheet"> 
+  <!--[if lt IE 9]>
       <link href="./css/github-fork-ribbon-css/0.1.1/gh-fork-ribbon.ie.css" rel="stylesheet" />
-    <![endif]-->
-
-
-
-    <style type="text/css">
+    <![endif]--> 
+  <style type="text/css">
         pre code {
             background-color: inherit;
             border-style: none;
@@ -192,9 +180,8 @@ table.CodeRay td.code>pre{padding:0}
         color:#fff;
         font-size: 1.1em;
     }
-    </style>
-
-    <style>
+    </style> 
+  <style>
         @media only screen and (min-width: 40.063em) {
           .top-bar {
             .contain-to-grid .top-bar {
@@ -205,9 +192,8 @@ table.CodeRay td.code>pre{padding:0}
         .row {
             max-width: 80rem;
         }
-    </style>
-
-    <style>
+    </style> 
+  <style>
         .extended-quote,
         .extended-quote-first {
             margin-left: 40px;
@@ -231,9 +217,8 @@ table.CodeRay td.code>pre{padding:0}
             text-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
         }
         
-    </style>
-
-    <style>
+    </style> 
+  <style>
         body {
           position: relative;
         }
@@ -255,6 +240,7 @@ table.CodeRay td.code>pre{padding:0}
 
         div#doc-content {
             margin-top: 30px;
+            padding-top: 30px;
         }
 
         div.documentation-page table.frame-all {
@@ -286,9 +272,8 @@ table.CodeRay td.code>pre{padding:0}
             min-height: 2000px;
         }
 
-    </style>
-
-    <style>
+    </style> 
+  <style>
 
         @media only screen and (min-width: 768px) {
           #toc.toc2 ul ul { margin-left: -10px; }
@@ -316,15 +301,13 @@ table.CodeRay td.code>pre{padding:0}
         body div#toc2 li.tocify-item.active a {
             color: red;
         }
-    </style>
-
-    <style>
+    </style> 
+  <style>
         footer {
             margin-top: 1000px;
         }
-    </style>
-
-    <style>
+    </style> 
+  <style>
         /* overriding colony.css stylesheet */
         .literalblock pre, .literalblock pre[class], .listingblock pre, .listingblock pre[class] {
            /*padding: 1.25em 1.5625em 1.125em 1.5625em;*/
@@ -372,9 +355,8 @@ table.CodeRay td.code>pre{padding:0}
         .imageblock img {
             margin-bottom: 10px;
         }
-    </style>
-
-    <style>
+    </style> 
+  <style>
         /* from http://ben.balter.com/2014/03/13/pages-anchor-links/ */
         .header-link {
           position: absolute;
@@ -395,9 +377,8 @@ table.CodeRay td.code>pre{padding:0}
         h6:hover .header-link {
           opacity: 1;
         }
-    </style>
-
-    <style>
+    </style> 
+  <style>
         .top-bar
         {
             -webkit-transition-duration: .5s;
@@ -425,209 +406,162 @@ table.CodeRay td.code>pre{padding:0}
             -webkit-transition-property: -webkit-transform;
             transition-property: transform;
         }
-    </style>
-
-    <style>
+    </style> 
+  <style>
         #doc-content a.guide {
             color: white;
         }
-    </style>
-
-    <style>
+    </style> 
+  <style>
+        .tocify {
+            margin-top: 80px;
+        }
+    </style> 
+  <style>
         .tocify {
             margin-top: 80px;
         }
-    </style>
-
-
-</script>
-
-</head>
-<body>
-
-<<div class="github-fork-ribbon-wrapper right" style="position: fixed;">
-    <div class="github-fork-ribbon">
-        <a href="https://github.com/apache/isis#fork-destination-box">Fork me on GitHub</a>
-    </div>
-</div>
-
-
-<div class="row">
-
-    <div class="fixed contain-to-grid header">
-        <nav class="top-bar" data-topbar role="navigation" style="max-width: 80rem">
-            <ul class="title-area">
-                <li class="name">
-                    <h1>
-                        <a href="/index.html">Apache Isis&trade;</a>
-                    </h1>
-                </li>
-                <!-- Remove the class "menu-icon" to get rid of menu icon. Take out "Menu" to just have icon alone -->
-                <li class="toggle-topbar menu-icon"><a href="#"><span>Menu</span></a></li>
-            </ul>
-
-            <section class="top-bar-section">
-                <ul class="right">
-
-                    <li class="has-form">
-                       <FORM class="searchbox navbar-form navbar-right" id="searchbox_012614087480249044419:dn-q5gtwxya" action="http://www.google.com/cse">
-                        <div class="row collapse">
-                            <input type="hidden" name="cx" value="012614087480249044419:dn-q5gtwxya">
-                            <INPUT type="hidden" name="cof" value="FORID:0">
-                            <INPUT class="form-control" name="q" type="text" placeholder="Search">
-                        </div>
-                    </FORM>
-                     </li>
-
-                </ul>
-
-                <!-- Left Nav Section -->
-                <ul class="left">
-
-                    <li><a href="/documentation.html">Documentation</a></li>
-                    <li><a href="/downloads.html">Downloads</a></li>
-                    <li><a href="/help.html">Help</a></li>
-                    <li><a href="/asf.html">@ASF</a></li>
-
-                </ul>
-
-            </section>
-        </nav>
-    </div>
-</div>
-
-<div class="row">
-
-    <div id="doc-content-left" class="large-9 medium-9 columns">
-
-
-        <div id="doc-content">
-          <div id="preamble">
-<div class="sectionbody">
-<div class="paragraph">
-<p><br/><br/></p>
-</div>
-</div>
-</div>
-<div class="sect1">
-<h2 id="_prototyping">Prototyping</h2>
-<div class="sectionbody">
-<div class="paragraph">
-<p>Apache Isis is great for rapid prototyping, because all you need to write in order to get an application up-and-running is the domain model objects.</p>
-</div>
-<div class="paragraph">
-<p>By focussing just on the domain, you&#8217;ll also find that you start to develop a ubiquitous language - a set of terms and concepts that the entire team (business and technologists alike) have a shared understanding.</p>
-</div>
-<div class="paragraph">
-<p>Once you&#8217;ve sketched out your domain model, you can then either start-over using your preferred framework, or you might choose to take the domain model forward into more formal specification and testing.</p>
-</div>
-</div>
-</div>
-<div class="sect1">
-<h2 id="_deploy_as_an_human_usable_webapp">Deploy as an human-usable webapp</h2>
-<div class="sectionbody">
-<div class="paragraph">
-<p>One of the original motivations for Apache Isis itself was to be able automatically generate a user interface for a domain object model.</p>
-</div>
-<div class="paragraph">
-<p>Apache Isis' has a pluggable architecture allowing different user interface technologies. The principal implementation (as configured by the <a href="./simple-archetype.html">simple archetype</a>) is the <a href="guides/ugvw.html#">Wicket viewer</a>. This provides an appealing default user interface, with the ability to customize the user interface by writing new <a href="http://wicket.apache.org">Apache Wicket</a> components. Some third-party components can be found in the (non-ASF) <a href="http://isisaddons.org">Isis Addons</a> (non-ASF) project, integrating the Wicket viewer with <a href="https://github.com/isisaddons/isis-wicket-gmap3">google maps</a>, <a href="https://github.com/isisaddons/isis-wicket-fullcalendar2">a full calendar</a> and a <a href="https://github.com/isisaddons/isis-wicket-excel">export to Excel</a> component.</p>
-</div>
-<div class="paragraph">
-<p>Deploying on Apache Isis means that the framework also manages object persistence. Again this is pluggable, but the principal implementation is the JDO/DataNucleus objectstore. Because JDO supports both SQL and NoSQL databases, you can then deploy on a variety of platforms, including the <a href="https://developers.google.com/appengine/">Google App Engine (GAE)</a> and <a href="http://neo4j.com/">Neo4J</a>.</p>
-</div>
-</div>
-</div>
-<div class="sect1">
-<h2 id="_deploy_as_a_restful_web_service">Deploy as a RESTful web service</h2>
-<div class="sectionbody">
-<div class="paragraph">
-<p>REST (Representation State Transfer) is an architectural style for building highly scalable distributed systems, using the same principles as the World Wide Web. Many commercial web APIs (twitter, facebook, Amazon) are implemented as either pure REST APIs or some approximation therein.</p>
-</div>
-<div class="paragraph">
-<p>The <a href="http://restfulobjects.org">Restful Objects specification</a> defines a means by a domain object model can be exposed as RESTful resources using JSON representations over HTTP. Apache Isis' <a href="guides/ugvro.html#">RestfulObjects viewer</a> is an implementation of that spec, making any Apache Isis domain object automatically available via REST.</p>
-</div>
-<div class="paragraph">
-<p>There are two main use cases for deploying Apache Isis as a RESTful web service are:</p>
-</div>
-<div class="ulist">
-<ul>
-<li>
-<p>to allow a custom UI to be built against the RESTful API</p>
-</li>
-</ul>
-</div>
-<div class="paragraph">
-<p>For example, using Javascript/JQuery, or an RIA technology such as Flex, JavaFX, Silverlight</p>
-</div>
-<div class="ulist">
-<ul>
-<li>
-<p>to enable integration between systems</p>
-</li>
-</ul>
-</div>
-<div class="paragraph">
-<p>REST is designed to be machine-readable, and so is an excellent choice for synchronous data interchange scenarios.</p>
-</div>
-<div class="paragraph">
-<p>As for the auto-generated webapps, the framework manages object persistence, for example using the JDO/DataNucleus objectstore. It is perfectly possible to deploy the RESTful API alongside an auto-generated webapp; both work from the same domain object model.</p>
-</div>
-</div>
-</div>
-<div class="sect1">
-<h2 id="_deploy_on_your_own_platform">Deploy on your own platform</h2>
-<div class="sectionbody">
-<div class="paragraph">
-<p>The programming model defined by Apache Isis deliberately minimizes the dependencies on the rest of the framework. In fact, the only hard dependency that the domain model classes have on Apache Isis is through the <code>org.apache.isis.applib</code> classes, mostly to pick up annotations such as <code>@Disabled</code>. The idea is to make it easy to be able to write take a domain object prototyped and/or tested using Apache Isis, but to deploy on some other framework&#8217;s runtime.</p>
-</div>
-<div class="paragraph">
-<p>If you are interested in taking this approach, note that there is one important interface that must be implemented by your own framework, namely <code>DomainObjectContainer</code>. This interface represents the one-and-only "touchpoint" between the domain objects and the runtime. If you inspect the methods then you&#8217;ll see it covers such concerns as persistence, and of raising warnings or errors.</p>
-</div>
-<div class="paragraph">
-<p>Apache Isis' own runtime injects an (implementation of this) interface into each and every domain object. You will likely need to do something similar within your own framework, (or come up with an equivalent mechanism, eg Service Locator pattern).</p>
-</div>
-</div>
-</div>
-        </div>
-
-        <footer>
-          <hr>
-          <p class="small">
-          Copyright &copy; 2010~2016 The Apache&nbsp;Software&nbsp;Foundation, licensed under the Apache&nbsp;License,&nbsp;v2.0.
-          <br/>
-          Apache, the Apache feather logo, Apache&nbsp;Isis, and the Apache&nbsp;Isis project logo are all trademarks of The&nbsp;Apache&nbsp;Software&nbsp;Foundation.
-          </p>
-        </footer>
-
-    </div>
-
-    <div id="doc-content-right" class="large-3 medium-3 xcolumns">
-        <div id="toc" class="toc2">
-            <div class="fallback-toc">
-                <ul class="sectlevel1">
-<li><a href="#_prototyping">Prototyping</a></li>
-<li><a href="#_deploy_as_an_human_usable_webapp">Deploy as an human-usable webapp</a></li>
-<li><a href="#_deploy_as_a_restful_web_service">Deploy as a RESTful web service</a></li>
-<li><a href="#_deploy_on_your_own_platform">Deploy on your own platform</a></li>
-</ul>
-            </div>
-        </div>
-    </div>
-
-</div>
-
-
-<script src="./js/foundation/5.5.1/vendor/jquery.js"></script>
-<script src="./js/foundation/5.5.1/foundation.min.js"></script>
-
-
-<link href="./css/jquery.tocify/1.9.0/jquery.tocify.css" rel="stylesheet">
-<script src="./js/jqueryui/1.11.4/jquery-ui.min.js"></script>
-<script src="./js/jquery.tocify/1.9.0/jquery.tocify.js"></script>
-
-
-
-<script type="text/javascript">
+    </style>  
+ </head> 
+ <body> 
+  <div class="row"> 
+   <div class="fixed contain-to-grid header"> 
+    <nav class="top-bar" data-topbar role="navigation" style="max-width: 80rem"> 
+     <ul class="title-area"> 
+      <li class="name"> <h1> <a href="/index.html">Apache Isis\u2122</a> </h1> </li> 
+      <!-- Remove the class "menu-icon" to get rid of menu icon. Take out "Menu" to just have icon alone --> 
+      <li class="toggle-topbar menu-icon"><a href="#"><span>Menu</span></a></li> 
+     </ul> 
+     <section class="top-bar-section"> 
+      <ul class="right"> 
+       <li class="has-form"> 
+        <form class="searchbox navbar-form navbar-right" id="searchbox_012614087480249044419:dn-q5gtwxya" action="http://www.google.com/cse"> 
+         <div class="row collapse"> 
+          <input type="hidden" name="cx" value="012614087480249044419:dn-q5gtwxya"> 
+          <input type="hidden" name="cof" value="FORID:0"> 
+          <input class="form-control" name="q" type="text" placeholder="Search"> 
+         </div> 
+        </form> </li> 
+      </ul> 
+      <!-- Left Nav Section --> 
+      <ul class="left"> 
+       <li><a href="/documentation.html">Documentation</a></li> 
+       <li><a href="/downloads.html">Downloads</a></li> 
+       <li><a href="/help.html">Help</a></li> 
+       <li><a href="/asf.html">@ASF</a></li> 
+      </ul> 
+     </section> 
+    </nav> 
+   </div> 
+  </div> 
+  <div class="row"> 
+   <div id="doc-content-left" class="large-9 medium-9 columns"> 
+    <div id="doc-content">
+     <button type="button" class="button secondary" onclick="window.location.href=&quot;https://github.com/apache/isis/edit/master/adocs/documentation/src/main/asciidoc/common-use-cases.adoc&quot;" style="float: right; font-size: small; padding: 6px;  "><i class="fa fa-pencil-square-o"></i>&nbsp;Edit</button> 
+     <div class="sect1"> 
+      <h2 id="_prototyping">Prototyping</h2>
+      <button type="button" class="button secondary" onclick="window.location.href=&quot;https://github.com/apache/isis/edit/master/adocs/documentation/src/main/asciidoc/_prototyping.adoc&quot;" style="float: right; font-size: small; padding: 6px; margin-top: -55px; "><i class="fa fa-pencil-square-o"></i>&nbsp;Edit</button> 
+      <div class="sectionbody"> 
+       <div class="paragraph"> 
+        <p>Apache Isis is great for rapid prototyping, because all you need to write in order to get an application up-and-running is the domain model objects.</p> 
+       </div> 
+       <div class="paragraph"> 
+        <p>By focussing just on the domain, you\u2019ll also find that you start to develop a ubiquitous language - a set of terms and concepts that the entire team (business and technologists alike) have a shared understanding.</p> 
+       </div> 
+       <div class="paragraph"> 
+        <p>Once you\u2019ve sketched out your domain model, you can then either start-over using your preferred framework, or you might choose to take the domain model forward into more formal specification and testing.</p> 
+       </div> 
+      </div> 
+     </div> 
+     <div class="sect1"> 
+      <h2 id="_deploy_as_an_human_usable_webapp">Deploy as an human-usable webapp</h2>
+      <button type="button" class="button secondary" onclick="window.location.href=&quot;https://github.com/apache/isis/edit/master/adocs/documentation/src/main/asciidoc/_deploy_as_an_human_usable_webapp.adoc&quot;" style="float: right; font-size: small; padding: 6px; margin-top: -55px; "><i class="fa fa-pencil-square-o"></i>&nbsp;Edit</button> 
+      <div class="sectionbody"> 
+       <div class="paragraph"> 
+        <p>One of the original motivations for Apache Isis itself was to be able automatically generate a user interface for a domain object model.</p> 
+       </div> 
+       <div class="paragraph"> 
+        <p>Apache Isis' has a pluggable architecture allowing different user interface technologies. The principal implementation (as configured by the <a href="./simple-archetype.html">simple archetype</a>) is the <a href="guides/ugvw.html#">Wicket viewer</a>. This provides an appealing default user interface, with the ability to customize the user interface by writing new <a href="http://wicket.apache.org">Apache Wicket</a> components. Some third-party components can be found in the (non-ASF) <a href="http://isisaddons.org">Isis Addons</a> (non-ASF) project, integrating the Wicket viewer with <a href="https://github.com/isisaddons/isis-wicket-gmap3">google maps</a>, <a href="https://github.com/isisaddons/isis-wicket-fullcalendar2">a full calendar</a> and a <a href="https://github.com/isisaddons/isis-wicket-excel">export to Excel</a> component.</p> 
+       </div> 
+       <div class="paragraph"> 
+        <p>Deploying on Apache Isis means that the framework also manages object persistence. Again this is pluggable, but the principal implementation is the JDO/DataNucleus objectstore. Because JDO supports both SQL and NoSQL databases, you can then deploy on a variety of platforms, including the <a href="https://developers.google.com/appengine/">Google App Engine (GAE)</a> and <a href="http://neo4j.com/">Neo4J</a>.</p> 
+       </div> 
+      </div> 
+     </div> 
+     <div class="sect1"> 
+      <h2 id="_deploy_as_a_restful_web_service">Deploy as a RESTful web service</h2>
+      <button type="button" class="button secondary" onclick="window.location.href=&quot;https://github.com/apache/isis/edit/master/adocs/documentation/src/main/asciidoc/_deploy_as_a_restful_web_service.adoc&quot;" style="float: right; font-size: small; padding: 6px; margin-top: -55px; "><i class="fa fa-pencil-square-o"></i>&nbsp;Edit</button> 
+      <div class="sectionbody"> 
+       <div class="paragraph"> 
+        <p>REST (Representation State Transfer) is an architectural style for building highly scalable distributed systems, using the same principles as the World Wide Web. Many commercial web APIs (twitter, facebook, Amazon) are implemented as either pure REST APIs or some approximation therein.</p> 
+       </div> 
+       <div class="paragraph"> 
+        <p>The <a href="http://restfulobjects.org">Restful Objects specification</a> defines a means by a domain object model can be exposed as RESTful resources using JSON representations over HTTP. Apache Isis' <a href="guides/ugvro.html#">RestfulObjects viewer</a> is an implementation of that spec, making any Apache Isis domain object automatically available via REST.</p> 
+       </div> 
+       <div class="paragraph"> 
+        <p>There are two main use cases for deploying Apache Isis as a RESTful web service are:</p> 
+       </div> 
+       <div class="ulist"> 
+        <ul> 
+         <li> <p>to allow a custom UI to be built against the RESTful API</p> </li> 
+        </ul> 
+       </div> 
+       <div class="paragraph"> 
+        <p>For example, using Javascript/JQuery, or an RIA technology such as Flex, JavaFX, Silverlight</p> 
+       </div> 
+       <div class="ulist"> 
+        <ul> 
+         <li> <p>to enable integration between systems</p> </li> 
+        </ul> 
+       </div> 
+       <div class="paragraph"> 
+        <p>REST is designed to be machine-readable, and so is an excellent choice for synchronous data interchange scenarios.</p> 
+       </div> 
+       <div class="paragraph"> 
+        <p>As for the auto-generated webapps, the framework manages object persistence, for example using the JDO/DataNucleus objectstore. It is perfectly possible to deploy the RESTful API alongside an auto-generated webapp; both work from the same domain object model.</p> 
+       </div> 
+      </div> 
+     </div> 
+     <div class="sect1"> 
+      <h2 id="_deploy_on_your_own_platform">Deploy on your own platform</h2>
+      <button type="button" class="button secondary" onclick="window.location.href=&quot;https://github.com/apache/isis/edit/master/adocs/documentation/src/main/asciidoc/_deploy_on_your_own_platform.adoc&quot;" style="float: right; font-size: small; padding: 6px; margin-top: -55px; "><i class="fa fa-pencil-square-o"></i>&nbsp;Edit</button> 
+      <div class="sectionbody"> 
+       <div class="paragraph"> 
+        <p>The programming model defined by Apache Isis deliberately minimizes the dependencies on the rest of the framework. In fact, the only hard dependency that the domain model classes have on Apache Isis is through the <code>org.apache.isis.applib</code> classes, mostly to pick up annotations such as <code>@Disabled</code>. The idea is to make it easy to be able to write take a domain object prototyped and/or tested using Apache Isis, but to deploy on some other framework\u2019s runtime.</p> 
+       </div> 
+       <div class="paragraph"> 
+        <p>If you are interested in taking this approach, note that there is one important interface that must be implemented by your own framework, namely <code>DomainObjectContainer</code>. This interface represents the one-and-only "touchpoint" between the domain objects and the runtime. If you inspect the methods then you\u2019ll see it covers such concerns as persistence, and of raising warnings or errors.</p> 
+       </div> 
+       <div class="paragraph"> 
+        <p>Apache Isis' own runtime injects an (implementation of this) interface into each and every domain object. You will likely need to do something similar within your own framework, (or come up with an equivalent mechanism, eg Service Locator pattern).</p> 
+       </div> 
+      </div> 
+     </div> 
+    </div> 
+    <footer> 
+     <hr> 
+     <p class="small"> Copyright � 2010~2016 The Apache&nbsp;Software&nbsp;Foundation, licensed under the Apache&nbsp;License,&nbsp;v2.0. <br> Apache, the Apache feather logo, Apache&nbsp;Isis, and the Apache&nbsp;Isis project logo are all trademarks of The&nbsp;Apache&nbsp;Software&nbsp;Foundation. </p> 
+    </footer> 
+   </div> 
+   <div id="doc-content-right" class="large-3 medium-3 xcolumns"> 
+    <div id="toc" class="toc2"> 
+     <div class="fallback-toc"> 
+      <ul class="sectlevel1"> 
+       <li><a href="#_prototyping">Prototyping</a></li> 
+       <li><a href="#_deploy_as_an_human_usable_webapp">Deploy as an human-usable webapp</a></li> 
+       <li><a href="#_deploy_as_a_restful_web_service">Deploy as a RESTful web service</a></li> 
+       <li><a href="#_deploy_on_your_own_platform">Deploy on your own platform</a></li> 
+      </ul> 
+     </div> 
+    </div> 
+   </div> 
+  </div> 
+  <script src="./js/foundation/5.5.1/vendor/jquery.js"></script> 
+  <script src="./js/foundation/5.5.1/foundation.min.js"></script> 
+  <link href="./css/jquery.tocify/1.9.0/jquery.tocify.css" rel="stylesheet"> 
+  <script src="./js/jqueryui/1.11.4/jquery-ui.min.js"></script> 
+  <script src="./js/jquery.tocify/1.9.0/jquery.tocify.js"></script> 
+  <script type="text/javascript">
     $(function () {
         $("#toc").tocify({
             scrollTo: 50,
@@ -640,9 +574,8 @@ table.CodeRay td.code>pre{padding:0}
         });
         $(".fallback-toc").hide();
     });
-</script>
-
-<script type="text/javascript">
+</script> 
+  <script type="text/javascript">
 
   /****
 
@@ -752,9 +685,8 @@ table.CodeRay td.code>pre{padding:0}
 
     ***/
 
-</script>
-
-<script type="text/javascript">
+</script> 
+  <script type="text/javascript">
 
 $(document).ready(function(){
     if("Documentation" === "Common Use Cases") {
@@ -766,10 +698,8 @@ $(document).ready(function(){
 
 });
 
-</script>
-
-
-<script>
+</script> 
+  <script>
 
 $( document ).ready(function() {
 
@@ -860,7 +790,6 @@ $( document ).ready(function() {
 
 
 });
-</script>
-
-</body>
+</script>  
+ </body>
 </html>

http://git-wip-us.apache.org/repos/asf/isis-site/blob/83a3755a/content/documentation.html
----------------------------------------------------------------------
diff --git a/content/documentation.html b/content/documentation.html
index 4441a84..8703bda 100644
--- a/content/documentation.html
+++ b/content/documentation.html
@@ -1,12 +1,10 @@
 <!doctype html>
 <html class="no-js" lang="en">
-<head>
-    <meta charset="utf-8"/>
-    <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
-
-    <title>Documentation</title>
-
-    <!--
+ <head> 
+  <meta charset="utf-8"> 
+  <meta name="viewport" content="width=device-width, initial-scale=1.0"> 
+  <title>Documentation</title> 
+  <!--
         Licensed to the Apache Software Foundation (ASF) under one
         or more contributor license agreements.  See the NOTICE file
         distributed with this work for additional information
@@ -23,31 +21,21 @@
         KIND, either express or implied.  See the License for the
         specific language governing permissions and limitations
         under the License.
-    -->
-
-    <!-- No caching headers -->
-    <meta http-equiv="cache-control" content="no-cache" />
-    <meta http-equiv="pragma" content="no-cache" />
-    <meta http-equiv="expires" content="-1" />
-
-
-    <!-- TODO: need to (re)instate CDN in the future (not using for now just so can develop off-line -->
-    <link href="./css/foundation/5.5.1/foundation.css" rel="stylesheet" />
-    <script src="./js/foundation/5.5.1/vendor/modernizr.js"></script>
-    <link href="./css/asciidoctor/colony.css" rel="stylesheet">
-    <link href="./css/font-awesome/4.3.0/css/font-awesome.min.css" rel="stylesheet">
-
-
-
-
-    <link href="./css/github-fork-ribbon-css/0.1.1/gh-fork-ribbon.css" rel="stylesheet" />
-    <!--[if lt IE 9]>
+    --> 
+  <!-- No caching headers --> 
+  <meta http-equiv="cache-control" content="no-cache"> 
+  <meta http-equiv="pragma" content="no-cache"> 
+  <meta http-equiv="expires" content="-1"> 
+  <!-- TODO: need to (re)instate CDN in the future (not using for now just so can develop off-line --> 
+  <link href="./css/foundation/5.5.1/foundation.css" rel="stylesheet"> 
+  <script src="./js/foundation/5.5.1/vendor/modernizr.js"></script> 
+  <link href="./css/asciidoctor/colony.css" rel="stylesheet"> 
+  <link href="./css/font-awesome/4.3.0/css/font-awesome.min.css" rel="stylesheet"> 
+  <link href="./css/github-fork-ribbon-css/0.1.1/gh-fork-ribbon.css" rel="stylesheet"> 
+  <!--[if lt IE 9]>
       <link href="./css/github-fork-ribbon-css/0.1.1/gh-fork-ribbon.ie.css" rel="stylesheet" />
-    <![endif]-->
-
-
-
-    <style type="text/css">
+    <![endif]--> 
+  <style type="text/css">
         pre code {
             background-color: inherit;
             border-style: none;
@@ -192,9 +180,8 @@ table.CodeRay td.code>pre{padding:0}
         color:#fff;
         font-size: 1.1em;
     }
-    </style>
-
-    <style>
+    </style> 
+  <style>
         @media only screen and (min-width: 40.063em) {
           .top-bar {
             .contain-to-grid .top-bar {
@@ -205,9 +192,8 @@ table.CodeRay td.code>pre{padding:0}
         .row {
             max-width: 80rem;
         }
-    </style>
-
-    <style>
+    </style> 
+  <style>
         .extended-quote,
         .extended-quote-first {
             margin-left: 40px;
@@ -231,9 +217,8 @@ table.CodeRay td.code>pre{padding:0}
             text-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
         }
         
-    </style>
-
-    <style>
+    </style> 
+  <style>
         body {
           position: relative;
         }
@@ -255,6 +240,7 @@ table.CodeRay td.code>pre{padding:0}
 
         div#doc-content {
             margin-top: 30px;
+            padding-top: 30px;
         }
 
         div.documentation-page table.frame-all {
@@ -286,9 +272,8 @@ table.CodeRay td.code>pre{padding:0}
             min-height: 2000px;
         }
 
-    </style>
-
-    <style>
+    </style> 
+  <style>
 
         @media only screen and (min-width: 768px) {
           #toc.toc2 ul ul { margin-left: -10px; }
@@ -316,15 +301,13 @@ table.CodeRay td.code>pre{padding:0}
         body div#toc2 li.tocify-item.active a {
             color: red;
         }
-    </style>
-
-    <style>
+    </style> 
+  <style>
         footer {
             margin-top: 1000px;
         }
-    </style>
-
-    <style>
+    </style> 
+  <style>
         /* overriding colony.css stylesheet */
         .literalblock pre, .literalblock pre[class], .listingblock pre, .listingblock pre[class] {
            /*padding: 1.25em 1.5625em 1.125em 1.5625em;*/
@@ -372,9 +355,8 @@ table.CodeRay td.code>pre{padding:0}
         .imageblock img {
             margin-bottom: 10px;
         }
-    </style>
-
-    <style>
+    </style> 
+  <style>
         /* from http://ben.balter.com/2014/03/13/pages-anchor-links/ */
         .header-link {
           position: absolute;
@@ -395,9 +377,8 @@ table.CodeRay td.code>pre{padding:0}
         h6:hover .header-link {
           opacity: 1;
         }
-    </style>
-
-    <style>
+    </style> 
+  <style>
         .top-bar
         {
             -webkit-transition-duration: .5s;
@@ -425,387 +406,292 @@ table.CodeRay td.code>pre{padding:0}
             -webkit-transition-property: -webkit-transform;
             transition-property: transform;
         }
-    </style>
-
-    <style>
+    </style> 
+  <style>
         #doc-content a.guide {
             color: white;
         }
-    </style>
-
-    <style>
+    </style> 
+  <style>
+        .tocify {
+            margin-top: 80px;
+        }
+    </style> 
+  <style>
         .tocify {
             margin-top: 80px;
         }
-    </style>
-
-
-</script>
-
-</head>
-<body>
-
-<<div class="github-fork-ribbon-wrapper right" style="position: fixed;">
-    <div class="github-fork-ribbon">
-        <a href="https://github.com/apache/isis#fork-destination-box">Fork me on GitHub</a>
-    </div>
-</div>
-
-
-<div class="row">
-
-    <div class="fixed contain-to-grid header">
-        <nav class="top-bar" data-topbar role="navigation" style="max-width: 80rem">
-            <ul class="title-area">
-                <li class="name">
-                    <h1>
-                        <a href="/index.html">Apache Isis&trade;</a>
-                    </h1>
-                </li>
-                <!-- Remove the class "menu-icon" to get rid of menu icon. Take out "Menu" to just have icon alone -->
-                <li class="toggle-topbar menu-icon"><a href="#"><span>Menu</span></a></li>
-            </ul>
-
-            <section class="top-bar-section">
-                <ul class="right">
-
-                    <li class="has-form">
-                       <FORM class="searchbox navbar-form navbar-right" id="searchbox_012614087480249044419:dn-q5gtwxya" action="http://www.google.com/cse">
-                        <div class="row collapse">
-                            <input type="hidden" name="cx" value="012614087480249044419:dn-q5gtwxya">
-                            <INPUT type="hidden" name="cof" value="FORID:0">
-                            <INPUT class="form-control" name="q" type="text" placeholder="Search">
-                        </div>
-                    </FORM>
-                     </li>
-
-                </ul>
-
-                <!-- Left Nav Section -->
-                <ul class="left">
-
-                    <li><a href="/documentation.html">Documentation</a></li>
-                    <li><a href="/downloads.html">Downloads</a></li>
-                    <li><a href="/help.html">Help</a></li>
-                    <li><a href="/asf.html">@ASF</a></li>
-
-                </ul>
-
-            </section>
-        </nav>
-    </div>
-</div>
-
-<div class="row">
-
-    <div id="doc-content-left" class="large-9 medium-9 columns">
-
-
-        <div id="doc-content">
-          <div class="paragraph">
-<p><br/><br/><br/></p>
-</div>
-<div class="paragraph">
-<p><div class="extended-quote-first"><p>Perfection is finally attained not when there is no longer anything to add but when there is no longer anything to take away.
-</p></div></p>
-</div>
-<div class="paragraph">
-<p><div class="extended-quote-attribution"><p>-- Antoine de Saint-Exupery
-</p></div></p>
-</div>
-<div class="paragraph">
-<p><br/></p>
-</div>
-<div class="openblock documentation-page">
-<div class="content">
-<table class="tableblock frame-none grid-all spread">
-<colgroup>
-<col style="width: 33.3333%;">
-<col style="width: 33.3333%;">
-<col style="width: 33.3334%;">
-</colgroup>
-<tbody>
-<tr>
-<td class="tableblock halign-left valign-top"><div><div class="paragraph">
-<p><strong>What is Apache Isis?</strong></p>
-</div>
-<div class="ulist">
-<ul>
-<li>
-<p><strong><a href="./isis-in-pictures.html" target="_blank">What is Apache Isis?</a> &#8230;&#8203; in pictures</strong></p>
-</li>
-<li>
-<p><a href="./powered-by.html" target="_blank">Powered by Apache Isis</a></p>
-</li>
-<li>
-<p><a href="./how-isis-works.html" target="_blank">How Apache Isis Works</a> <span class="image"><a class="image" href="how-isis-works.html"><img src="images/tv_show-25.png" alt="tv show 25" width="25px"></a></span></p>
-</li>
-<li>
-<p><a href="./common-use-cases.html" target="_blank">Common Use Cases</a></p>
-</li>
-</ul>
-</div></div></td>
-<td class="tableblock halign-left valign-top"><div><div class="paragraph">
-<p><strong>Learning More</strong></p>
-</div>
-<div class="ulist">
-<ul>
-<li>
-<p><a href="./screencasts.html" target="_blank">Screencasts</a> <span class="image"><a class="image" href="screencasts.html"><img src="images/tv_show-25.png" alt="tv show 25" width="25px"></a></span></p>
-</li>
-<li>
-<p><a href="./guides/tg.html" target="_blank">Tutorials</a></p>
-</li>
-<li>
-<p><a href="http://www.javadoc.io/doc/org.apache.isis.core/isis-core-applib/1.11.0" target="_blank">Javadoc (for Applib)</a> (not ASF)</p>
-</li>
-</ul>
-</div></div></td>
-<td class="tableblock halign-left valign-top"><div><div class="paragraph">
-<p><strong>Resources:</strong></p>
-</div>
-<div class="ulist">
-<ul>
-<li>
-<p><strong><a href="./cheat-sheet.html" target="_blank">Cheat Sheet</a></strong></p>
-</li>
-<li>
-<p><a href="./icons.html" target="_blank">Icons</a></p>
-</li>
-</ul>
-</div>
-<div class="paragraph">
-<p><strong>3rd-party add-ons (not ASF)</strong></p>
-</div>
-<div class="ulist">
-<ul>
-<li>
-<p><a href="http://www.isisaddons.org" target="_blank">Isis addons</a></p>
-</li>
-<li>
-<p><a href="http://catalog.incode.org" target="_blank">Incode Catalog</a></p>
-</li>
-</ul>
-</div></div></td>
-</tr>
-</tbody>
-</table>
-<table class="tableblock frame-all grid-all spread">
-<colgroup>
-<col style="width: 33.3333%;">
-<col style="width: 33.3333%;">
-<col style="width: 33.3334%;">
-</colgroup>
-<tbody>
-<tr>
-<td class="tableblock halign-left valign-top"><div><div class="paragraph">
-<p><strong>User Guides:</strong></p>
-</div>
-<div class="ulist">
-<ul>
-<li>
-<p><strong><a href="./guides/ugfun.html" target="_blank">Fundamentals</a></strong>  <span class="image"><a class="image" href="./guides/ugfun.pdf"><img src="images/PDF-50.png" alt="PDF 50" width="20px"></a></span></p>
-</li>
-<li>
-<p><a href="./guides/ugvw.html" target="_blank">Wicket Viewer</a>  <span class="image"><a class="image" href="./guides/ugvw.pdf"><img src="images/PDF-50.png" alt="PDF 50" width="20px"></a></span></p>
-</li>
-<li>
-<p><a href="./guides/ugvro.html" target="_blank">Restful Objects Viewer</a>  <span class="image"><a class="image" href="./guides/ugvro.pdf"><img src="images/PDF-50.png" alt="PDF 50" width="20px"></a></span></p>
-</li>
-<li>
-<p><a href="./guides/ugodn.html" target="_blank">DataNucleus Object Store</a>  <span class="image"><a class="image" href="./guides/ugvro.pdf"><img src="images/PDF-50.png" alt="PDF 50" width="20px"></a></span></p>
-</li>
-<li>
-<p><a href="./guides/ugsec.html" target="_blank">Security</a>  <span class="image"><a class="image" href="./guides/ugsec.pdf"><img src="images/PDF-50.png" alt="PDF 50" width="20px"></a></span></p>
-</li>
-<li>
-<p><strong><a href="./guides/ugtst.html" target="_blank">Testing</a></strong>  <span class="image"><a class="image" href="./guides/ugtst.pdf"><img src="images/PDF-50.png" alt="PDF 50" width="20px"></a></span></p>
-</li>
-<li>
-<p><a href="./guides/ugbtb.html" target="_blank">Beyond the Basics</a>  <span class="image"><a class="image" href="./guides/ugbtb.pdf"><img src="images/PDF-50.png" alt="PDF 50" width="20px"></a></span></p>
-</li>
-</ul>
-</div></div></td>
-<td class="tableblock halign-left valign-top"><div><div class="paragraph">
-<p><strong>Reference Guides:</strong></p>
-</div>
-<div class="ulist">
-<ul>
-<li>
-<p><strong><a href="./guides/rgant.html" target="_blank">Annotations</a></strong>  <span class="image"><a class="image" href="./guides/rgant.pdf"><img src="images/PDF-50.png" alt="PDF 50" width="20px"></a></span></p>
-</li>
-<li>
-<p><strong><a href="./guides/rgsvc.html" target="_blank">Domain Services</a></strong>  <span class="image"><a class="image" href="./guides/rgsvc.pdf"><img src="images/PDF-50.png" alt="PDF 50" width="20px"></a></span></p>
-</li>
-<li>
-<p><a href="./guides/rgcfg.html" target="_blank">Core Config&#8217;n Properties</a>  <span class="image"><a class="image" href="./guides/rgcfg.pdf"><img src="images/PDF-50.png" alt="PDF 50" width="20px"></a></span></p>
-</li>
-<li>
-<p><a href="./guides/rgcms.html" target="_blank">Classes, Methods and Schema</a>  <span class="image"><a class="image" href="./guides/rgcms.pdf"><img src="images/PDF-50.png" alt="PDF 50" width="20px"></a></span></p>
-</li>
-<li>
-<p><a href="./guides/rgmvn.html" target="_blank">Apache Isis Maven plugin</a>  <span class="image"><a class="image" href="./guides/rgmvn.pdf"><img src="images/PDF-50.png" alt="PDF 50" width="20px"></a></span></p>
-</li>
-<li>
-<p><a href="./guides/rgfis.html" target="_blank">Framework Internal Services</a>  <span class="image"><a class="image" href="./guides/fwsvc.pdf"><img src="images/PDF-50.png" alt="PDF 50" width="20px"></a></span></p>
-</li>
-</ul>
-</div></div></td>
-<td class="tableblock halign-left valign-top"><div><div class="paragraph">
-<p><strong>"Supporting" Guides:</strong></p>
-</div>
-<div class="ulist">
-<ul>
-<li>
-<p><strong><a href="./guides/dg.html" target="_blank">Developers' Guide</a></strong>  <span class="image"><a class="image" href="./guides/dg.pdf"><img src="images/PDF-50.png" alt="PDF 50" width="20px"></a></span></p>
-<div class="ulist">
-<ul>
-<li>
-<p>Setting up <a href="./guides/dg.html#_dg_ide_intellij" target="_blank">IntelliJ</a> or <a href="./guides/dg.html#_dg_ide_eclipse" target="_blank">Eclipse</a></p>
-</li>
-<li>
-<p><a href="./guides/dg.html#_dg_contributing" target="_blank">Contributing patches</a> (pull requests)</p>
-</li>
-</ul>
-</div>
-</li>
-<li>
-<p><a href="./guides/cgcom.html" target="_blank">Committers' Guide</a>  <span class="image"><a class="image" href="./guides/cgcom.pdf"><img src="images/PDF-50.png" alt="PDF 50" width="20px"></a></span></p>
-<div class="ulist">
-<ul>
-<li>
-<p><a href="./guides/cgcom.html#_cgcom_cutting-a-release" target="_blank">Cutting a release</a></p>
-</li>
-<li>
-<p><a href="./guides/cgcom.html#_cgcom_verifying-releases" target="_blank">Verifying a release</a></p>
-</li>
-</ul>
-</div>
-</li>
-</ul>
-</div></div></td>
-</tr>
-</tbody>
-</table>
-<table class="tableblock frame-none grid-all spread">
-<colgroup>
-<col style="width: 33.3333%;">
-<col style="width: 33.3333%;">
-<col style="width: 33.3334%;">
-</colgroup>
-<tbody>
-<tr>
-<td class="tableblock halign-left valign-top"><div><div class="paragraph">
-<p><strong>Releases:</strong></p>
-</div>
-<div class="ulist">
-<ul>
-<li>
-<p><a href="release-notes.html" target="_blank">Release Notes</a></p>
-</li>
-<li>
-<p><a href="migration-notes.html" target="_blank">Migration Notes</a></p>
-</li>
-</ul>
-</div>
-<div class="paragraph">
-<p><strong>Get involved!</strong></p>
-</div>
-<div class="ulist">
-<ul>
-<li>
-<p>Our <strong><a href="https://issues.apache.org/jira/secure/RapidBoard.jspa?rapidView=87" target="_blank">Kanban board</a></strong> maps out the JIRA issues we are looking to tackle in the next few releases</p>
-</li>
-</ul>
-</div></div></td>
-<td class="tableblock halign-left valign-top"><div><div class="paragraph">
-<p><strong>Going Deeper:</strong></p>
-</div>
-<div class="ulist">
-<ul>
-<li>
-<p><a href="./articles-and-presentations.html" target="_blank">Articles, Conferences, Podcasts</a></p>
-</li>
-<li>
-<p><a href="./books.html" target="_blank">Books</a></p>
-</li>
-<li>
-<p><a href="./resources/thesis/Pawson-Naked-Objects-thesis.pdf" target="_blank">Naked Objects PhD thesis</a> (Pawson)</p>
-</li>
-</ul>
-</div></div></td>
-<td class="tableblock halign-left valign-top"><div><div class="paragraph">
-<p><strong>Example Apps (not ASF):</strong></p>
-</div>
-<div class="ulist">
-<ul>
-<li>
-<p><a href="http://github.com/estatio/estatio" target="_blank">Estatio</a></p>
-</li>
-<li>
-<p><a href="http://github.com/isisaddons/isis-app-todoapp" target="_blank">TodoApp</a></p>
-</li>
-<li>
-<p><a href="http://github.com/isisaddons/isis-app-kitchensink" target="_blank">Kitchensink</a> (<a href="http://mmyco.co.uk:8180/kitchensink/">online demo, v1.10.0</a>)</p>
-</li>
-<li>
-<p><a href="http://github.com/isisaddons/isis-app-neoapp" target="_blank">Neo4J Example</a></p>
-</li>
-<li>
-<p><a href="http://github.com/isisaddons/isis-app-quickstart" target="_blank">Quickstart</a></p>
-</li>
-</ul>
-</div>
-<div class="paragraph">
-<p>tools (not ASF):</p>
-</div>
-<div class="ulist">
-<ul>
-<li>
-<p><a href="http://github.com/isisaddons/isis-app-simpledsl" target="_blank">Isis DSL Example</a></p>
-</li>
-</ul>
-</div></div></td>
-</tr>
-</tbody>
-</table>
-</div>
-</div>
-        </div>
-
-        <footer>
-          <hr>
-          <p class="small">
-          Copyright &copy; 2010~2016 The Apache&nbsp;Software&nbsp;Foundation, licensed under the Apache&nbsp;License,&nbsp;v2.0.
-          <br/>
-          Apache, the Apache feather logo, Apache&nbsp;Isis, and the Apache&nbsp;Isis project logo are all trademarks of The&nbsp;Apache&nbsp;Software&nbsp;Foundation.
-          </p>
-        </footer>
-
-    </div>
-
-    <div id="doc-content-right" class="large-3 medium-3 xcolumns">
-        <div id="toc" class="toc2">
-            <div class="fallback-toc">
-                
+    </style>  
+ </head> 
+ <body> 
+  <div class="row"> 
+   <div class="fixed contain-to-grid header"> 
+    <nav class="top-bar" data-topbar role="navigation" style="max-width: 80rem"> 
+     <ul class="title-area"> 
+      <li class="name"> <h1> <a href="/index.html">Apache Isis\u2122</a> </h1> </li> 
+      <!-- Remove the class "menu-icon" to get rid of menu icon. Take out "Menu" to just have icon alone --> 
+      <li class="toggle-topbar menu-icon"><a href="#"><span>Menu</span></a></li> 
+     </ul> 
+     <section class="top-bar-section"> 
+      <ul class="right"> 
+       <li class="has-form"> 
+        <form class="searchbox navbar-form navbar-right" id="searchbox_012614087480249044419:dn-q5gtwxya" action="http://www.google.com/cse"> 
+         <div class="row collapse"> 
+          <input type="hidden" name="cx" value="012614087480249044419:dn-q5gtwxya"> 
+          <input type="hidden" name="cof" value="FORID:0"> 
+          <input class="form-control" name="q" type="text" placeholder="Search"> 
+         </div> 
+        </form> </li> 
+      </ul> 
+      <!-- Left Nav Section --> 
+      <ul class="left"> 
+       <li><a href="/documentation.html">Documentation</a></li> 
+       <li><a href="/downloads.html">Downloads</a></li> 
+       <li><a href="/help.html">Help</a></li> 
+       <li><a href="/asf.html">@ASF</a></li> 
+      </ul> 
+     </section> 
+    </nav> 
+   </div> 
+  </div> 
+  <div class="row"> 
+   <div id="doc-content-left" class="large-9 medium-9 columns"> 
+    <div id="doc-content">
+     <button type="button" class="button secondary" onclick="window.location.href=&quot;https://github.com/apache/isis/edit/master/adocs/documentation/src/main/asciidoc/documentation.adoc&quot;" style="float: right; font-size: small; padding: 6px;  "><i class="fa fa-pencil-square-o"></i>&nbsp;Edit</button> 
+     <div class="paragraph"> 
+      <p></p>
+      <div class="extended-quote-first">
+       <p>Perfection is finally attained not when there is no longer anything to add but when there is no longer anything to take away. </p>
+      </div>
+      <p></p> 
+     </div> 
+     <div class="paragraph"> 
+      <p></p>
+      <div class="extended-quote-attribution">
+       <p>-- Antoine de Saint-Exupery </p>
+      </div>
+      <p></p> 
+     </div> 
+     <div class="paragraph"> 
+      <p><br></p> 
+     </div> 
+     <div class="openblock documentation-page"> 
+      <div class="content"> 
+       <table class="tableblock frame-none grid-all spread"> 
+        <colgroup> 
+         <col style="width: 33.3333%;"> 
+         <col style="width: 33.3333%;"> 
+         <col style="width: 33.3334%;"> 
+        </colgroup> 
+        <tbody> 
+         <tr> 
+          <td class="tableblock halign-left valign-top">
+           <div>
+            <div class="paragraph"> 
+             <p><strong>What is Apache Isis?</strong></p> 
+            </div> 
+            <div class="ulist"> 
+             <ul> 
+              <li> <p><strong><a href="./isis-in-pictures.html" target="_blank">What is Apache Isis?</a> \u2026\u200b in pictures</strong></p> </li> 
+              <li> <p><a href="./powered-by.html" target="_blank">Powered by Apache Isis</a></p> </li> 
+              <li> <p><a href="./how-isis-works.html" target="_blank">How Apache Isis Works</a> <span class="image"><a class="image" href="how-isis-works.html"><img src="images/tv_show-25.png" alt="tv show 25" width="25px"></a></span></p> </li> 
+              <li> <p><a href="./common-use-cases.html" target="_blank">Common Use Cases</a></p> </li> 
+             </ul> 
             </div>
-        </div>
-    </div>
-
-</div>
-
-
-<script src="./js/foundation/5.5.1/vendor/jquery.js"></script>
-<script src="./js/foundation/5.5.1/foundation.min.js"></script>
-
-
-<link href="./css/jquery.tocify/1.9.0/jquery.tocify.css" rel="stylesheet">
-<script src="./js/jqueryui/1.11.4/jquery-ui.min.js"></script>
-<script src="./js/jquery.tocify/1.9.0/jquery.tocify.js"></script>
-
-
-
-<script type="text/javascript">
+           </div></td> 
+          <td class="tableblock halign-left valign-top">
+           <div>
+            <div class="paragraph"> 
+             <p><strong>Learning More</strong></p> 
+            </div> 
+            <div class="ulist"> 
+             <ul> 
+              <li> <p><a href="./screencasts.html" target="_blank">Screencasts</a> <span class="image"><a class="image" href="screencasts.html"><img src="images/tv_show-25.png" alt="tv show 25" width="25px"></a></span></p> </li> 
+              <li> <p><a href="./guides/tg.html" target="_blank">Tutorials</a></p> </li> 
+              <li> <p><a href="http://www.javadoc.io/doc/org.apache.isis.core/isis-core-applib/1.11.0" target="_blank">Javadoc (for Applib)</a> (not ASF)</p> </li> 
+             </ul> 
+            </div>
+           </div></td> 
+          <td class="tableblock halign-left valign-top">
+           <div>
+            <div class="paragraph"> 
+             <p><strong>Resources:</strong></p> 
+            </div> 
+            <div class="ulist"> 
+             <ul> 
+              <li> <p><strong><a href="./cheat-sheet.html" target="_blank">Cheat Sheet</a></strong></p> </li> 
+              <li> <p><a href="./icons.html" target="_blank">Icons</a></p> </li> 
+             </ul> 
+            </div> 
+            <div class="paragraph"> 
+             <p><strong>3rd-party add-ons (not ASF)</strong></p> 
+            </div> 
+            <div class="ulist"> 
+             <ul> 
+              <li> <p><a href="http://www.isisaddons.org" target="_blank">Isis addons</a></p> </li> 
+              <li> <p><a href="http://catalog.incode.org" target="_blank">Incode Catalog</a></p> </li> 
+             </ul> 
+            </div>
+           </div></td> 
+         </tr> 
+        </tbody> 
+       </table> 
+       <table class="tableblock frame-all grid-all spread"> 
+        <colgroup> 
+         <col style="width: 33.3333%;"> 
+         <col style="width: 33.3333%;"> 
+         <col style="width: 33.3334%;"> 
+        </colgroup> 
+        <tbody> 
+         <tr> 
+          <td class="tableblock halign-left valign-top">
+           <div>
+            <div class="paragraph"> 
+             <p><strong>User Guides:</strong></p> 
+            </div> 
+            <div class="ulist"> 
+             <ul> 
+              <li> <p><strong><a href="./guides/ugfun.html" target="_blank">Fundamentals</a></strong> <span class="image"><a class="image" href="./guides/ugfun.pdf"><img src="images/PDF-50.png" alt="PDF 50" width="20px"></a></span></p> </li> 
+              <li> <p><a href="./guides/ugvw.html" target="_blank">Wicket Viewer</a> <span class="image"><a class="image" href="./guides/ugvw.pdf"><img src="images/PDF-50.png" alt="PDF 50" width="20px"></a></span></p> </li> 
+              <li> <p><a href="./guides/ugvro.html" target="_blank">Restful Objects Viewer</a> <span class="image"><a class="image" href="./guides/ugvro.pdf"><img src="images/PDF-50.png" alt="PDF 50" width="20px"></a></span></p> </li> 
+              <li> <p><a href="./guides/ugodn.html" target="_blank">DataNucleus Object Store</a> <span class="image"><a class="image" href="./guides/ugvro.pdf"><img src="images/PDF-50.png" alt="PDF 50" width="20px"></a></span></p> </li> 
+              <li> <p><a href="./guides/ugsec.html" target="_blank">Security</a> <span class="image"><a class="image" href="./guides/ugsec.pdf"><img src="images/PDF-50.png" alt="PDF 50" width="20px"></a></span></p> </li> 
+              <li> <p><strong><a href="./guides/ugtst.html" target="_blank">Testing</a></strong> <span class="image"><a class="image" href="./guides/ugtst.pdf"><img src="images/PDF-50.png" alt="PDF 50" width="20px"></a></span></p> </li> 
+              <li> <p><a href="./guides/ugbtb.html" target="_blank">Beyond the Basics</a> <span class="image"><a class="image" href="./guides/ugbtb.pdf"><img src="images/PDF-50.png" alt="PDF 50" width="20px"></a></span></p> </li> 
+             </ul> 
+            </div>
+           </div></td> 
+          <td class="tableblock halign-left valign-top">
+           <div>
+            <div class="paragraph"> 
+             <p><strong>Reference Guides:</strong></p> 
+            </div> 
+            <div class="ulist"> 
+             <ul> 
+              <li> <p><strong><a href="./guides/rgant.html" target="_blank">Annotations</a></strong> <span class="image"><a class="image" href="./guides/rgant.pdf"><img src="images/PDF-50.png" alt="PDF 50" width="20px"></a></span></p> </li> 
+              <li> <p><strong><a href="./guides/rgsvc.html" target="_blank">Domain Services</a></strong> <span class="image"><a class="image" href="./guides/rgsvc.pdf"><img src="images/PDF-50.png" alt="PDF 50" width="20px"></a></span></p> </li> 
+              <li> <p><a href="./guides/rgcfg.html" target="_blank">Core Config\u2019n Properties</a> <span class="image"><a class="image" href="./guides/rgcfg.pdf"><img src="images/PDF-50.png" alt="PDF 50" width="20px"></a></span></p> </li> 
+              <li> <p><a href="./guides/rgcms.html" target="_blank">Classes, Methods and Schema</a> <span class="image"><a class="image" href="./guides/rgcms.pdf"><img src="images/PDF-50.png" alt="PDF 50" width="20px"></a></span></p> </li> 
+              <li> <p><a href="./guides/rgmvn.html" target="_blank">Apache Isis Maven plugin</a> <span class="image"><a class="image" href="./guides/rgmvn.pdf"><img src="images/PDF-50.png" alt="PDF 50" width="20px"></a></span></p> </li> 
+              <li> <p><a href="./guides/rgfis.html" target="_blank">Framework Internal Services</a> <span class="image"><a class="image" href="./guides/fwsvc.pdf"><img src="images/PDF-50.png" alt="PDF 50" width="20px"></a></span></p> </li> 
+             </ul> 
+            </div>
+           </div></td> 
+          <td class="tableblock halign-left valign-top">
+           <div>
+            <div class="paragraph"> 
+             <p><strong>"Supporting" Guides:</strong></p> 
+            </div> 
+            <div class="ulist"> 
+             <ul> 
+              <li> <p><strong><a href="./guides/dg.html" target="_blank">Developers' Guide</a></strong> <span class="image"><a class="image" href="./guides/dg.pdf"><img src="images/PDF-50.png" alt="PDF 50" width="20px"></a></span></p> 
+               <div class="ulist"> 
+                <ul> 
+                 <li> <p>Setting up <a href="./guides/dg.html#_dg_ide_intellij" target="_blank">IntelliJ</a> or <a href="./guides/dg.html#_dg_ide_eclipse" target="_blank">Eclipse</a></p> </li> 
+                 <li> <p><a href="./guides/dg.html#_dg_contributing" target="_blank">Contributing patches</a> (pull requests)</p> </li> 
+                </ul> 
+               </div> </li> 
+              <li> <p><a href="./guides/cgcom.html" target="_blank">Committers' Guide</a> <span class="image"><a class="image" href="./guides/cgcom.pdf"><img src="images/PDF-50.png" alt="PDF 50" width="20px"></a></span></p> 
+               <div class="ulist"> 
+                <ul> 
+                 <li> <p><a href="./guides/cgcom.html#_cgcom_cutting-a-release" target="_blank">Cutting a release</a></p> </li> 
+                 <li> <p><a href="./guides/cgcom.html#_cgcom_verifying-releases" target="_blank">Verifying a release</a></p> </li> 
+                </ul> 
+               </div> </li> 
+             </ul> 
+            </div>
+           </div></td> 
+         </tr> 
+        </tbody> 
+       </table> 
+       <table class="tableblock frame-none grid-all spread"> 
+        <colgroup> 
+         <col style="width: 33.3333%;"> 
+         <col style="width: 33.3333%;"> 
+         <col style="width: 33.3334%;"> 
+        </colgroup> 
+        <tbody> 
+         <tr> 
+          <td class="tableblock halign-left valign-top">
+           <div>
+            <div class="paragraph"> 
+             <p><strong>Releases:</strong></p> 
+            </div> 
+            <div class="ulist"> 
+             <ul> 
+              <li> <p><a href="release-notes.html" target="_blank">Release Notes</a></p> </li> 
+              <li> <p><a href="migration-notes.html" target="_blank">Migration Notes</a></p> </li> 
+             </ul> 
+            </div> 
+            <div class="paragraph"> 
+             <p><strong>Get involved!</strong></p> 
+            </div> 
+            <div class="ulist"> 
+             <ul> 
+              <li> <p>Our <strong><a href="https://issues.apache.org/jira/secure/RapidBoard.jspa?rapidView=87" target="_blank">Kanban board</a></strong> maps out the JIRA issues we are looking to tackle in the next few releases</p> </li> 
+             </ul> 
+            </div>
+           </div></td> 
+          <td class="tableblock halign-left valign-top">
+           <div>
+            <div class="paragraph"> 
+             <p><strong>Going Deeper:</strong></p> 
+            </div> 
+            <div class="ulist"> 
+             <ul> 
+              <li> <p><a href="./articles-and-presentations.html" target="_blank">Articles, Conferences, Podcasts</a></p> </li> 
+              <li> <p><a href="./books.html" target="_blank">Books</a></p> </li> 
+              <li> <p><a href="./resources/thesis/Pawson-Naked-Objects-thesis.pdf" target="_blank">Naked Objects PhD thesis</a> (Pawson)</p> </li> 
+             </ul> 
+            </div>
+           </div></td> 
+          <td class="tableblock halign-left valign-top">
+           <div>
+            <div class="paragraph"> 
+             <p><strong>Example Apps (not ASF):</strong></p> 
+            </div> 
+            <div class="ulist"> 
+             <ul> 
+              <li> <p><a href="http://github.com/estatio/estatio" target="_blank">Estatio</a></p> </li> 
+              <li> <p><a href="http://github.com/isisaddons/isis-app-todoapp" target="_blank">TodoApp</a></p> </li> 
+              <li> <p><a href="http://github.com/isisaddons/isis-app-kitchensink" target="_blank">Kitchensink</a> (<a href="http://mmyco.co.uk:8180/kitchensink/">online demo, v1.10.0</a>)</p> </li> 
+              <li> <p><a href="http://github.com/isisaddons/isis-app-neoapp" target="_blank">Neo4J Example</a></p> </li> 
+              <li> <p><a href="http://github.com/isisaddons/isis-app-quickstart" target="_blank">Quickstart</a></p> </li> 
+             </ul> 
+            </div> 
+            <div class="paragraph"> 
+             <p>tools (not ASF):</p> 
+            </div> 
+            <div class="ulist"> 
+             <ul> 
+              <li> <p><a href="http://github.com/isisaddons/isis-app-simpledsl" target="_blank">Isis DSL Example</a></p> </li> 
+             </ul> 
+            </div>
+           </div></td> 
+         </tr> 
+        </tbody> 
+       </table> 
+      </div> 
+     </div> 
+    </div> 
+    <footer> 
+     <hr> 
+     <p class="small"> Copyright � 2010~2016 The Apache&nbsp;Software&nbsp;Foundation, licensed under the Apache&nbsp;License,&nbsp;v2.0. <br> Apache, the Apache feather logo, Apache&nbsp;Isis, and the Apache&nbsp;Isis project logo are all trademarks of The&nbsp;Apache&nbsp;Software&nbsp;Foundation. </p> 
+    </footer> 
+   </div> 
+   <div id="doc-content-right" class="large-3 medium-3 xcolumns"> 
+    <div id="toc" class="toc2"> 
+     <div class="fallback-toc"> 
+     </div> 
+    </div> 
+   </div> 
+  </div> 
+  <script src="./js/foundation/5.5.1/vendor/jquery.js"></script> 
+  <script src="./js/foundation/5.5.1/foundation.min.js"></script> 
+  <link href="./css/jquery.tocify/1.9.0/jquery.tocify.css" rel="stylesheet"> 
+  <script src="./js/jqueryui/1.11.4/jquery-ui.min.js"></script> 
+  <script src="./js/jquery.tocify/1.9.0/jquery.tocify.js"></script> 
+  <script type="text/javascript">
     $(function () {
         $("#toc").tocify({
             scrollTo: 50,
@@ -818,9 +704,8 @@ table.CodeRay td.code>pre{padding:0}
         });
         $(".fallback-toc").hide();
     });
-</script>
-
-<script type="text/javascript">
+</script> 
+  <script type="text/javascript">
 
   /****
 
@@ -930,9 +815,8 @@ table.CodeRay td.code>pre{padding:0}
 
     ***/
 
-</script>
-
-<script type="text/javascript">
+</script> 
+  <script type="text/javascript">
 
 $(document).ready(function(){
     if("Documentation" === "Documentation") {
@@ -944,10 +828,8 @@ $(document).ready(function(){
 
 });
 
-</script>
-
-
-<script>
+</script> 
+  <script>
 
 $( document ).ready(function() {
 
@@ -1038,7 +920,6 @@ $( document ).ready(function() {
 
 
 });
-</script>
-
-</body>
+</script>  
+ </body>
 </html>

http://git-wip-us.apache.org/repos/asf/isis-site/blob/83a3755a/content/downloadable-presentations.html
----------------------------------------------------------------------
diff --git a/content/downloadable-presentations.html b/content/downloadable-presentations.html
index e3289c6..9d64170 100644
--- a/content/downloadable-presentations.html
+++ b/content/downloadable-presentations.html
@@ -1,12 +1,10 @@
 <!doctype html>
 <html class="no-js" lang="en">
-<head>
-    <meta charset="utf-8"/>
-    <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
-
-    <title>Downloadable Presentations</title>
-
-    <!--
+ <head> 
+  <meta charset="utf-8"> 
+  <meta name="viewport" content="width=device-width, initial-scale=1.0"> 
+  <title>Downloadable Presentations</title> 
+  <!--
         Licensed to the Apache Software Foundation (ASF) under one
         or more contributor license agreements.  See the NOTICE file
         distributed with this work for additional information
@@ -23,31 +21,21 @@
         KIND, either express or implied.  See the License for the
         specific language governing permissions and limitations
         under the License.
-    -->
-
-    <!-- No caching headers -->
-    <meta http-equiv="cache-control" content="no-cache" />
-    <meta http-equiv="pragma" content="no-cache" />
-    <meta http-equiv="expires" content="-1" />
-
-
-    <!-- TODO: need to (re)instate CDN in the future (not using for now just so can develop off-line -->
-    <link href="./css/foundation/5.5.1/foundation.css" rel="stylesheet" />
-    <script src="./js/foundation/5.5.1/vendor/modernizr.js"></script>
-    <link href="./css/asciidoctor/colony.css" rel="stylesheet">
-    <link href="./css/font-awesome/4.3.0/css/font-awesome.min.css" rel="stylesheet">
-
-
-
-
-    <link href="./css/github-fork-ribbon-css/0.1.1/gh-fork-ribbon.css" rel="stylesheet" />
-    <!--[if lt IE 9]>
+    --> 
+  <!-- No caching headers --> 
+  <meta http-equiv="cache-control" content="no-cache"> 
+  <meta http-equiv="pragma" content="no-cache"> 
+  <meta http-equiv="expires" content="-1"> 
+  <!-- TODO: need to (re)instate CDN in the future (not using for now just so can develop off-line --> 
+  <link href="./css/foundation/5.5.1/foundation.css" rel="stylesheet"> 
+  <script src="./js/foundation/5.5.1/vendor/modernizr.js"></script> 
+  <link href="./css/asciidoctor/colony.css" rel="stylesheet"> 
+  <link href="./css/font-awesome/4.3.0/css/font-awesome.min.css" rel="stylesheet"> 
+  <link href="./css/github-fork-ribbon-css/0.1.1/gh-fork-ribbon.css" rel="stylesheet"> 
+  <!--[if lt IE 9]>
       <link href="./css/github-fork-ribbon-css/0.1.1/gh-fork-ribbon.ie.css" rel="stylesheet" />
-    <![endif]-->
-
-
-
-    <style type="text/css">
+    <![endif]--> 
+  <style type="text/css">
         pre code {
             background-color: inherit;
             border-style: none;
@@ -192,9 +180,8 @@ table.CodeRay td.code>pre{padding:0}
         color:#fff;
         font-size: 1.1em;
     }
-    </style>
-
-    <style>
+    </style> 
+  <style>
         @media only screen and (min-width: 40.063em) {
           .top-bar {
             .contain-to-grid .top-bar {
@@ -205,9 +192,8 @@ table.CodeRay td.code>pre{padding:0}
         .row {
             max-width: 80rem;
         }
-    </style>
-
-    <style>
+    </style> 
+  <style>
         .extended-quote,
         .extended-quote-first {
             margin-left: 40px;
@@ -231,9 +217,8 @@ table.CodeRay td.code>pre{padding:0}
             text-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
         }
         
-    </style>
-
-    <style>
+    </style> 
+  <style>
         body {
           position: relative;
         }
@@ -255,6 +240,7 @@ table.CodeRay td.code>pre{padding:0}
 
         div#doc-content {
             margin-top: 30px;
+            padding-top: 30px;
         }
 
         div.documentation-page table.frame-all {
@@ -286,9 +272,8 @@ table.CodeRay td.code>pre{padding:0}
             min-height: 2000px;
         }
 
-    </style>
-
-    <style>
+    </style> 
+  <style>
 
         @media only screen and (min-width: 768px) {
           #toc.toc2 ul ul { margin-left: -10px; }
@@ -316,15 +301,13 @@ table.CodeRay td.code>pre{padding:0}
         body div#toc2 li.tocify-item.active a {
             color: red;
         }
-    </style>
-
-    <style>
+    </style> 
+  <style>
         footer {
             margin-top: 1000px;
         }
-    </style>
-
-    <style>
+    </style> 
+  <style>
         /* overriding colony.css stylesheet */
         .literalblock pre, .literalblock pre[class], .listingblock pre, .listingblock pre[class] {
            /*padding: 1.25em 1.5625em 1.125em 1.5625em;*/
@@ -372,9 +355,8 @@ table.CodeRay td.code>pre{padding:0}
         .imageblock img {
             margin-bottom: 10px;
         }
-    </style>
-
-    <style>
+    </style> 
+  <style>
         /* from http://ben.balter.com/2014/03/13/pages-anchor-links/ */
         .header-link {
           position: absolute;
@@ -395,9 +377,8 @@ table.CodeRay td.code>pre{padding:0}
         h6:hover .header-link {
           opacity: 1;
         }
-    </style>
-
-    <style>
+    </style> 
+  <style>
         .top-bar
         {
             -webkit-transition-duration: .5s;
@@ -425,148 +406,101 @@ table.CodeRay td.code>pre{padding:0}
             -webkit-transition-property: -webkit-transform;
             transition-property: transform;
         }
-    </style>
-
-    <style>
+    </style> 
+  <style>
         #doc-content a.guide {
             color: white;
         }
-    </style>
-
-    <style>
+    </style> 
+  <style>
+        .tocify {
+            margin-top: 80px;
+        }
+    </style> 
+  <style>
         .tocify {
             margin-top: 80px;
         }
-    </style>
-
-
-</script>
-
-</head>
-<body>
-
-<<div class="github-fork-ribbon-wrapper right" style="position: fixed;">
-    <div class="github-fork-ribbon">
-        <a href="https://github.com/apache/isis#fork-destination-box">Fork me on GitHub</a>
-    </div>
-</div>
-
-
-<div class="row">
-
-    <div class="fixed contain-to-grid header">
-        <nav class="top-bar" data-topbar role="navigation" style="max-width: 80rem">
-            <ul class="title-area">
-                <li class="name">
-                    <h1>
-                        <a href="/index.html">Apache Isis&trade;</a>
-                    </h1>
-                </li>
-                <!-- Remove the class "menu-icon" to get rid of menu icon. Take out "Menu" to just have icon alone -->
-                <li class="toggle-topbar menu-icon"><a href="#"><span>Menu</span></a></li>
-            </ul>
-
-            <section class="top-bar-section">
-                <ul class="right">
-
-                    <li class="has-form">
-                       <FORM class="searchbox navbar-form navbar-right" id="searchbox_012614087480249044419:dn-q5gtwxya" action="http://www.google.com/cse">
-                        <div class="row collapse">
-                            <input type="hidden" name="cx" value="012614087480249044419:dn-q5gtwxya">
-                            <INPUT type="hidden" name="cof" value="FORID:0">
-                            <INPUT class="form-control" name="q" type="text" placeholder="Search">
-                        </div>
-                    </FORM>
-                     </li>
-
-                </ul>
-
-                <!-- Left Nav Section -->
-                <ul class="left">
-
-                    <li><a href="/documentation.html">Documentation</a></li>
-                    <li><a href="/downloads.html">Downloads</a></li>
-                    <li><a href="/help.html">Help</a></li>
-                    <li><a href="/asf.html">@ASF</a></li>
-
-                </ul>
-
-            </section>
-        </nav>
-    </div>
-</div>
-
-<div class="row">
-
-    <div id="doc-content-left" class="large-9 medium-9 columns">
-
-
-        <div id="doc-content">
-          <div class="paragraph">
-<p><br/><br/></p>
-</div>
-<div class="paragraph">
-<p>The following presentation, available in multiple formats, provides some background on Apache Isis:</p>
-</div>
-<div class="ulist">
-<ul>
-<li>
-<p>Introduction to Apache Isis (<a href="resources/downloadable-presentations/IntroducingApacheIsis.pptx">pptx</a>, <a href="resources/downloadable-presentations/IntroducingApacheIsis.ppt">ppt</a>, <a href="resources/downloadable-presentations/IntroducingApacheIsis.odp">odp</a>, <a href="resources/downloadable-presentations/IntroducingApacheIsis-slides.pdf">pdf slides</a>, <a href="resources/downloadable-presentations/IntroducingApacheIsis-notes.pdf">pdf notes</a>)</p>
-</li>
-</ul>
-</div>
-<div class="admonitionblock warning">
-<table>
-<tr>
-<td class="icon">
-<i class="fa icon-warning" title="Warning"></i>
-</td>
-<td class="content">
-<div class="paragraph">
-<p>Our apologies, this presentation is somewhat out-of-date&#8230;&#8203;</p>
-</div>
-</td>
-</tr>
-</table>
-</div>
-<div class="paragraph">
-<p>Feel free to use/adapt as you see fit.</p>
-</div>
-        </div>
-
-        <footer>
-          <hr>
-          <p class="small">
-          Copyright &copy; 2010~2016 The Apache&nbsp;Software&nbsp;Foundation, licensed under the Apache&nbsp;License,&nbsp;v2.0.
-          <br/>
-          Apache, the Apache feather logo, Apache&nbsp;Isis, and the Apache&nbsp;Isis project logo are all trademarks of The&nbsp;Apache&nbsp;Software&nbsp;Foundation.
-          </p>
-        </footer>
-
-    </div>
-
-    <div id="doc-content-right" class="large-3 medium-3 xcolumns">
-        <div id="toc" class="toc2">
-            <div class="fallback-toc">
-                
-            </div>
-        </div>
-    </div>
-
-</div>
-
-
-<script src="./js/foundation/5.5.1/vendor/jquery.js"></script>
-<script src="./js/foundation/5.5.1/foundation.min.js"></script>
-
-
-<link href="./css/jquery.tocify/1.9.0/jquery.tocify.css" rel="stylesheet">
-<script src="./js/jqueryui/1.11.4/jquery-ui.min.js"></script>
-<script src="./js/jquery.tocify/1.9.0/jquery.tocify.js"></script>
-
-
-
-<script type="text/javascript">
+    </style>  
+ </head> 
+ <body> 
+  <div class="row"> 
+   <div class="fixed contain-to-grid header"> 
+    <nav class="top-bar" data-topbar role="navigation" style="max-width: 80rem"> 
+     <ul class="title-area"> 
+      <li class="name"> <h1> <a href="/index.html">Apache Isis\u2122</a> </h1> </li> 
+      <!-- Remove the class "menu-icon" to get rid of menu icon. Take out "Menu" to just have icon alone --> 
+      <li class="toggle-topbar menu-icon"><a href="#"><span>Menu</span></a></li> 
+     </ul> 
+     <section class="top-bar-section"> 
+      <ul class="right"> 
+       <li class="has-form"> 
+        <form class="searchbox navbar-form navbar-right" id="searchbox_012614087480249044419:dn-q5gtwxya" action="http://www.google.com/cse"> 
+         <div class="row collapse"> 
+          <input type="hidden" name="cx" value="012614087480249044419:dn-q5gtwxya"> 
+          <input type="hidden" name="cof" value="FORID:0"> 
+          <input class="form-control" name="q" type="text" placeholder="Search"> 
+         </div> 
+        </form> </li> 
+      </ul> 
+      <!-- Left Nav Section --> 
+      <ul class="left"> 
+       <li><a href="/documentation.html">Documentation</a></li> 
+       <li><a href="/downloads.html">Downloads</a></li> 
+       <li><a href="/help.html">Help</a></li> 
+       <li><a href="/asf.html">@ASF</a></li> 
+      </ul> 
+     </section> 
+    </nav> 
+   </div> 
+  </div> 
+  <div class="row"> 
+   <div id="doc-content-left" class="large-9 medium-9 columns"> 
+    <div id="doc-content">
+     <button type="button" class="button secondary" onclick="window.location.href=&quot;https://github.com/apache/isis/edit/master/adocs/documentation/src/main/asciidoc/downloadable-presentations.adoc&quot;" style="float: right; font-size: small; padding: 6px;  "><i class="fa fa-pencil-square-o"></i>&nbsp;Edit</button> 
+     <div class="paragraph"> 
+      <p>The following presentation, available in multiple formats, provides some background on Apache Isis:</p> 
+     </div> 
+     <div class="ulist"> 
+      <ul> 
+       <li> <p>Introduction to Apache Isis (<a href="resources/downloadable-presentations/IntroducingApacheIsis.pptx">pptx</a>, <a href="resources/downloadable-presentations/IntroducingApacheIsis.ppt">ppt</a>, <a href="resources/downloadable-presentations/IntroducingApacheIsis.odp">odp</a>, <a href="resources/downloadable-presentations/IntroducingApacheIsis-slides.pdf">pdf slides</a>, <a href="resources/downloadable-presentations/IntroducingApacheIsis-notes.pdf">pdf notes</a>)</p> </li> 
+      </ul> 
+     </div> 
+     <div class="admonitionblock warning"> 
+      <table> 
+       <tbody>
+        <tr> 
+         <td class="icon"> <i class="fa icon-warning" title="Warning"></i> </td> 
+         <td class="content"> 
+          <div class="paragraph"> 
+           <p>This presentation is somewhat out-of-date\u2026\u200b</p> 
+          </div> </td> 
+        </tr> 
+       </tbody>
+      </table> 
+     </div> 
+     <div class="paragraph"> 
+      <p>Feel free to use/adapt as you see fit.</p> 
+     </div> 
+    </div> 
+    <footer> 
+     <hr> 
+     <p class="small"> Copyright � 2010~2016 The Apache&nbsp;Software&nbsp;Foundation, licensed under the Apache&nbsp;License,&nbsp;v2.0. <br> Apache, the Apache feather logo, Apache&nbsp;Isis, and the Apache&nbsp;Isis project logo are all trademarks of The&nbsp;Apache&nbsp;Software&nbsp;Foundation. </p> 
+    </footer> 
+   </div> 
+   <div id="doc-content-right" class="large-3 medium-3 xcolumns"> 
+    <div id="toc" class="toc2"> 
+     <div class="fallback-toc"> 
+     </div> 
+    </div> 
+   </div> 
+  </div> 
+  <script src="./js/foundation/5.5.1/vendor/jquery.js"></script> 
+  <script src="./js/foundation/5.5.1/foundation.min.js"></script> 
+  <link href="./css/jquery.tocify/1.9.0/jquery.tocify.css" rel="stylesheet"> 
+  <script src="./js/jqueryui/1.11.4/jquery-ui.min.js"></script> 
+  <script src="./js/jquery.tocify/1.9.0/jquery.tocify.js"></script> 
+  <script type="text/javascript">
     $(function () {
         $("#toc").tocify({
             scrollTo: 50,
@@ -579,9 +513,8 @@ table.CodeRay td.code>pre{padding:0}
         });
         $(".fallback-toc").hide();
     });
-</script>
-
-<script type="text/javascript">
+</script> 
+  <script type="text/javascript">
 
   /****
 
@@ -691,9 +624,8 @@ table.CodeRay td.code>pre{padding:0}
 
     ***/
 
-</script>
-
-<script type="text/javascript">
+</script> 
+  <script type="text/javascript">
 
 $(document).ready(function(){
     if("Documentation" === "Downloadable Presentations") {
@@ -705,10 +637,8 @@ $(document).ready(function(){
 
 });
 
-</script>
-
-
-<script>
+</script> 
+  <script>
 
 $( document ).ready(function() {
 
@@ -799,7 +729,6 @@ $( document ).ready(function() {
 
 
 });
-</script>
-
-</body>
+</script>  
+ </body>
 </html>