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 2016/04/01 19:07:53 UTC

isis-site git commit: ISIS-1335: reorganized screencasts slightly.

Repository: isis-site
Updated Branches:
  refs/heads/asf-site b92e4db8c -> 3702a9e12


ISIS-1335: reorganized screencasts slightly.


Project: http://git-wip-us.apache.org/repos/asf/isis-site/repo
Commit: http://git-wip-us.apache.org/repos/asf/isis-site/commit/3702a9e1
Tree: http://git-wip-us.apache.org/repos/asf/isis-site/tree/3702a9e1
Diff: http://git-wip-us.apache.org/repos/asf/isis-site/diff/3702a9e1

Branch: refs/heads/asf-site
Commit: 3702a9e125aed51abc04c4ae5856127059edd00b
Parents: b92e4db
Author: Dan Haywood <da...@haywood-associates.co.uk>
Authored: Fri Apr 1 18:07:27 2016 +0100
Committer: Dan Haywood <da...@haywood-associates.co.uk>
Committed: Fri Apr 1 18:07:27 2016 +0100

----------------------------------------------------------------------
 content/release-notes.html     |   22 +-
 content/screencasts-older.html | 1070 +++++++++++++++++++++++++++++++++++
 content/screencasts.html       |  379 +++----------
 3 files changed, 1144 insertions(+), 327 deletions(-)
----------------------------------------------------------------------


http://git-wip-us.apache.org/repos/asf/isis-site/blob/3702a9e1/content/release-notes.html
----------------------------------------------------------------------
diff --git a/content/release-notes.html b/content/release-notes.html
index aeeb740..2eb4e65 100644
--- a/content/release-notes.html
+++ b/content/release-notes.html
@@ -994,8 +994,8 @@ layout XML and rebuild the metamodel for a given domain entity.  There is also a
 functionality).  In all cases these mixins can be hidden using either security or by writing a <a href="rgcms.html#_rgcms_classes_super_AbstractSubscriber">subscriber</a> to veto the visibility of the
 corresponding domain event.</p>
 </div>
-<div class="sect3">
-<h4 id="_new_feature">New Feature</h4>
+<div class="sect2">
+<h3 id="_new_feature">New Feature</h3>
 <div class="ulist">
 <ul>
 <li>
@@ -1022,8 +1022,8 @@ corresponding domain event.</p>
 </ul>
 </div>
 </div>
-<div class="sect3">
-<h4 id="_improvement">Improvement</h4>
+<div class="sect2">
+<h3 id="_improvement">Improvement</h3>
 <div class="ulist">
 <ul>
 <li>
@@ -1092,8 +1092,8 @@ corresponding domain event.</p>
 </ul>
 </div>
 </div>
-<div class="sect3">
-<h4 id="_bug">Bug</h4>
+<div class="sect2">
+<h3 id="_bug">Bug</h3>
 <div class="ulist">
 <ul>
 <li>
@@ -1162,8 +1162,8 @@ corresponding domain event.</p>
 </ul>
 </div>
 </div>
-<div class="sect3">
-<h4 id="_dependency_upgrade">Dependency upgrade</h4>
+<div class="sect2">
+<h3 id="_dependency_upgrade">Dependency upgrade</h3>
 <div class="ulist">
 <ul>
 <li>
@@ -1172,8 +1172,8 @@ corresponding domain event.</p>
 </ul>
 </div>
 </div>
-<div class="sect3">
-<h4 id="_task">Task</h4>
+<div class="sect2">
+<h3 id="_task">Task</h3>
 <div class="ulist">
 <ul>
 <li>
@@ -4975,7 +4975,7 @@ category of UI events (so that titles, icons and CSS classes can be provided by
                 <ul class="sectlevel1">
 <li><a href="#_summary">Summary</a></li>
 <li><a href="#r1.12.0">1.12.0</a>
-<ul class="sectlevel3">
+<ul class="sectlevel2">
 <li><a href="#_new_feature">New Feature</a></li>
 <li><a href="#_improvement">Improvement</a></li>
 <li><a href="#_bug">Bug</a></li>

http://git-wip-us.apache.org/repos/asf/isis-site/blob/3702a9e1/content/screencasts-older.html
----------------------------------------------------------------------
diff --git a/content/screencasts-older.html b/content/screencasts-older.html
new file mode 100644
index 0000000..75868ea
--- /dev/null
+++ b/content/screencasts-older.html
@@ -0,0 +1,1070 @@
+<!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>(Older) Screencasts</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
+        regarding copyright ownership.  The ASF licenses this file
+        to you under the Apache License, Version 2.0 (the
+        "License"); you may not use this file except in compliance
+        with the License.  You may obtain a copy of the License at
+
+        http://www.apache.org/licenses/LICENSE-2.0
+
+        Unless required by applicable law or agreed to in writing,
+        software distributed under the License is distributed on an
+        "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
+        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]>
+      <link href="./css/github-fork-ribbon-css/0.1.1/gh-fork-ribbon.ie.css" rel="stylesheet" />
+    <![endif]-->
+
+
+
+    <style type="text/css">
+        pre code {
+            background-color: inherit;
+            border-style: none;
+        }
+
+        pre code > span:first-child {
+            margin-left: -5px;
+        }
+
+    <style>
+
+    <!--
+    <style type="text/css">
+        /* Stylesheet for CodeRay to match GitHub theme | MIT License | http://foundation.zurb.com */
+/*pre.CodeRay {background-color:#f7f7f8;}*/
+.CodeRay .line-numbers{border-right:1px solid #d8d8d8;padding:0 0.5em 0 .25em}
+.CodeRay span.line-numbers{display:inline-block;margin-right:.5em;color:rgba(0,0,0,.3)}
+.CodeRay .line-numbers strong{color:rgba(0,0,0,.4)}
+table.CodeRay{border-collapse:separate;border-spacing:0;margin-bottom:0;border:0;background:none}
+table.CodeRay td{vertical-align: top;line-height:1.45}
+table.CodeRay td.line-numbers{text-align:right}
+table.CodeRay td.line-numbers>pre{padding:0;color:rgba(0,0,0,.3)}
+table.CodeRay td.code{padding:0 0 0 .5em}
+table.CodeRay td.code>pre{padding:0}
+.CodeRay .debug{color:#fff !important;background:#000080 !important}
+.CodeRay .annotation{color:#007}
+.CodeRay .attribute-name{color:#000080}
+.CodeRay .attribute-value{color:#700}
+.CodeRay .binary{color:#509}
+.CodeRay .comment{color:#998;font-style:italic}
+.CodeRay .char{color:#04d}
+.CodeRay .char .content{color:#04d}
+.CodeRay .char .delimiter{color:#039}
+.CodeRay .class{color:#458;font-weight:bold}
+.CodeRay .complex{color:#a08}
+.CodeRay .constant,.CodeRay .predefined-constant{color:#008080}
+.CodeRay .color{color:#099}
+.CodeRay .class-variable{color:#369}
+.CodeRay .decorator{color:#b0b}
+.CodeRay .definition{color:#099}
+.CodeRay .delimiter{color:#000}
+.CodeRay .doc{color:#970}
+.CodeRay .doctype{color:#34b}
+.CodeRay .doc-string{color:#d42}
+.CodeRay .escape{color:#666}
+.CodeRay .entity{color:#800}
+.CodeRay .error{color:#808}
+.CodeRay .exception{color:inherit}
+.CodeRay .filename{color:#099}
+.CodeRay .function{color:#900;font-weight:bold}
+.CodeRay .global-variable{color:#008080}
+.CodeRay .hex{color:#058}
+.CodeRay .integer,.CodeRay .float{color:#099}
+.CodeRay .include{color:#555}
+.CodeRay .inline{color:#000}
+.CodeRay .inline .inline{background:#ccc}
+.CodeRay .inline .inline .inline{background:#bbb}
+.CodeRay .inline .inline-delimiter{color:#d14}
+.CodeRay .inline-delimiter{color:#d14}
+.CodeRay .important{color:#555;font-weight:bold}
+.CodeRay .interpreted{color:#b2b}
+.CodeRay .instance-variable{color:#008080}
+.CodeRay .label{color:#970}
+.CodeRay .local-variable{color:#963}
+.CodeRay .octal{color:#40e}
+.CodeRay .predefined{color:#369}
+.CodeRay .preprocessor{color:#579}
+.CodeRay .pseudo-class{color:#555}
+.CodeRay .directive{font-weight:bold}
+.CodeRay .type{font-weight:bold}
+.CodeRay .predefined-type{color:inherit}
+.CodeRay .reserved,.CodeRay .keyword {color:#000;font-weight:bold}
+.CodeRay .key{color:#808}
+.CodeRay .key .delimiter{color:#606}
+.CodeRay .key .char{color:#80f}
+.CodeRay .value{color:#088}
+.CodeRay .regexp .delimiter{color:#808}
+.CodeRay .regexp .content{color:#808}
+.CodeRay .regexp .modifier{color:#808}
+.CodeRay .regexp .char{color:#d14}
+.CodeRay .regexp .function{color:#404;font-weight:bold}
+.CodeRay .string{color:#d20}
+.CodeRay .string .string .string{background:#ffd0d0}
+.CodeRay .string .content{color:#d14}
+.CodeRay .string .char{color:#d14}
+.CodeRay .string .delimiter{color:#d14}
+.CodeRay .shell{color:#d14}
+.CodeRay .shell .delimiter{color:#d14}
+.CodeRay .symbol{color:#990073}
+.CodeRay .symbol .content{color:#a60}
+.CodeRay .symbol .delimiter{color:#630}
+.CodeRay .tag{color:#008080}
+.CodeRay .tag-special{color:#d70}
+.CodeRay .variable{color:#036}
+.CodeRay .insert{background:#afa}
+.CodeRay .delete{background:#faa}
+.CodeRay .change{color:#aaf;background:#007}
+.CodeRay .head{color:#f8f;background:#505}
+.CodeRay .insert .insert{color:#080}
+.CodeRay .delete .delete{color:#800}
+.CodeRay .change .change{color:#66f}
+.CodeRay .head .head{color:#f4f}
+
+        pre.CodeRay code {
+            background-color: inherit;
+            border-style: none;
+        }
+
+        pre.CodeRay code > span:first-child {
+            margin-left: -5px;
+        }
+
+        .literalblock pre,
+        .listingblock pre:not(.highlight),
+        .listingblock pre[class="highlight"],
+        .listingblock pre[class^="highlight "],
+        .listingblock pre.CodeRay,
+        .listingblock pre.prettyprint {
+            background: rgb(253, 250, 246);
+         }
+        .sidebarblock .literalblock pre,
+        .sidebarblock .listingblock pre:not(.highlight),
+        .sidebarblock .listingblock pre[class="highlight"],
+        .sidebarblock .listingblock pre[class^="highlight "],
+        .sidebarblock .listingblock pre.CodeRay,
+        .sidebarblock .listingblock pre.prettyprint {
+            background: rgb(253, 250, 246);
+         }
+
+    <style>
+    -->
+
+    <style>
+    .github-fork-ribbon-wrapper.right {
+        position: fixed;
+    }
+    .github-fork-ribbon {
+        background: #090;
+    }
+    .github-fork-ribbon a:hover {
+        background:#0D0;
+        color:#fff;
+        font-size: 1.1em;
+    }
+    </style>
+
+    <style>
+        @media only screen and (min-width: 40.063em) {
+          .top-bar {
+            .contain-to-grid .top-bar {
+                max-width: 80rem;
+            }
+          }
+        }
+        .row {
+            max-width: 80rem;
+        }
+    </style>
+
+    <style>
+        .extended-quote,
+        .extended-quote-first {
+            margin-left: 40px;
+            margin-right: 40px;
+            font-style: italic;
+        }
+        .extended-quote-attribution {
+            text-align: right;
+            margin-right: 100px;
+            color: #10B061;
+        }
+
+        .extended-quote-first:before {
+            content: "\201c";
+            float: left;
+            font-size: 2.75em;
+            font-weight: bold;
+            line-height: 0.6em;
+            margin-left: -0.6em;
+            color: #003b6b;
+            text-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
+        }
+        
+    </style>
+
+    <style>
+        body {
+          position: relative;
+        }
+
+        *:not(pre) a > code {
+            color: #210DDC;
+        }
+
+        *:not(pre) > code {
+            background-color: inherit;
+            border: none;
+            font-weight: normal;
+        }
+
+        body div#toc li,
+        body div#toc2 li {
+            list-style-type: none;
+        }
+
+        div#doc-content {
+            margin-top: 30px;
+        }
+
+        div.documentation-page table.frame-all {
+            border-left: none;
+            border-right: none;
+        }
+
+        body div#toc li.active-region:before,
+        body div#toc2 li.active-region:before {
+            content: "\00BB \0020";
+            margin-left: -12px;
+        }
+
+        body div#toc li a.active,
+        body div#toc2 li a.active {
+            color: red;
+        }
+
+        body div#toc.toc,
+        body div#toc.toc2 {
+            position: fixed;
+            left: auto;
+            padding-top: 60px;
+            z-index: auto;
+            background-color: white;
+            border-left-color: #eee;
+            border-left-style: solid;
+            border-right: none;
+            min-height: 2000px;
+        }
+
+    </style>
+
+    <style>
+
+        @media only screen and (min-width: 768px) {
+          #toc.toc2 ul ul { margin-left: -10px; }
+        }
+
+
+        body div#toc .tocify-subheader ul {
+            margin-bottom: 0px;
+        }
+
+        body div#toc .tocify-subheader li {
+            font-size: 14px;
+        }
+        .tocify li.tocify-item, .tocify ul.tocify-item {
+            line-height: 24px;
+        }
+
+        body div#toc li.tocify-item.active:before,
+        body div#toc2 li.tocify-item.active:before {
+            content: "\00BB \0020";
+            margin-left: -12px;
+        }
+
+        body div#toc li.tocify-item.active a,
+        body div#toc2 li.tocify-item.active a {
+            color: red;
+        }
+    </style>
+
+    <style>
+        footer {
+            margin-top: 1000px;
+        }
+    </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;*/
+           padding: 0.3em 0.6em 0.25em 0.6em;
+        }
+        @media only screen and (min-width: 1280px)
+        #toc.toc2 {
+          /*width: 20em;*/
+          width: 25em;
+        }
+
+        #doc-content a {
+          color: #210DDC;
+        }
+
+        .top-bar h1 {
+            border-bottom: inherit;
+        }
+
+        h2 {
+          margin-top: 80px;
+        }
+        h3 {
+          margin-top: 40px;
+        }
+        h4,h5 {
+          margin-top: 30px;
+        }
+
+        .admonitionblock.tip > table td.content {
+            color: #10B061;
+        }
+        .admonitionblock.note > table td.content {
+            color: #B509AB;
+        }
+        .admonitionblock.important > table td.content {
+            color: #D5810A;
+        }
+
+        .admonitionblock .title {
+            font-size: larger;
+            font-style: italic;
+        }
+
+        .imageblock img {
+            margin-bottom: 10px;
+        }
+    </style>
+
+    <style>
+        /* from http://ben.balter.com/2014/03/13/pages-anchor-links/ */
+        .header-link {
+          position: absolute;
+          left: -0.5em;
+          opacity: 0;
+
+          /*
+          -webkit-transition: opacity 0.2s ease-in-out 0.1s;
+          -moz-transition: opacity 0.2s ease-in-out 0.1s;
+          -ms-transition: opacity 0.2s ease-in-out 0.1s;
+          */
+        }
+
+        h2:hover .header-link,
+        h3:hover .header-link,
+        h4:hover .header-link,
+        h5:hover .header-link,
+        h6:hover .header-link {
+          opacity: 1;
+        }
+    </style>
+
+    <style>
+        .top-bar
+        {
+            -webkit-transition-duration: .5s;
+            transition-duration: .5s;
+
+            -webkit-transition-timing-function: cubic-bezier( 0.215, 0.610, 0.355, 1.000 );
+            transition-timing-function: cubic-bezier( 0.215, 0.610, 0.355, 1.000 );
+
+            -webkit-transition-property: -webkit-transform;
+            transition-property: transform;
+        }
+
+        /*
+        http://osvaldas.info/auto-hide-sticky-header
+        MIT license
+        */
+        .header--hidden
+        {
+            -webkit-transform: translateY( -100% );
+            -ms-transform: translateY( -100% );
+            transform: translateY( -100% );
+
+            transition-duration: .5s;
+            transition-timing-function: cubic-bezier( 0.215, 0.610, 0.355, 1.000 );
+            -webkit-transition-property: -webkit-transform;
+            transition-property: transform;
+        }
+    </style>
+
+    <style>
+        #doc-content a.guide {
+            color: white;
+        }
+    </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">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 class="paragraph">
+<p>These screencasts refer to older versions of the framework, but you may still find them of use.  More recent screencasts can be found <a href="./screencasts.html">here</a>.</p>
+</div>
+</div>
+</div>
+<div class="sect1">
+<h2 id="_getting_started">Getting Started</h2>
+<div class="sectionbody">
+<table class="tableblock frame-all grid-all spread">
+<colgroup>
+<col style="width: 50%;">
+<col style="width: 50%;">
+</colgroup>
+<tbody>
+<tr>
+<td class="tableblock halign-left valign-top"><div><div class="paragraph">
+<p>How it works (v1.1.0)+</p>
+</div>
+<div class="paragraph">
+<p><em>How Apache Isis builds a webapp from the underlying domain object model</em></p>
+</div>
+<div class="paragraph">
+<p><em>This screencast is for Apache Isis v1.1.0 (ie very out of date)</em></p>
+</div></div></td>
+<td class="tableblock halign-left valign-top"><div><div class="videoblock">
+<div class="content">
+<iframe width="420px" height="315px" src="https://www.youtube.com/embed/ludOLyi6VyY?rel=0" frameborder="0" allowfullscreen></iframe>
+</div>
+</div></div></td>
+</tr>
+<tr>
+<td class="tableblock halign-left valign-top"><div><div class="paragraph">
+<p>Todo app walkthrough (v.1.4.0)<br></p>
+</div>
+<div class="paragraph">
+<p><em>A run-through of the main features of the (non-ASF) <a href="http://github.com/isisaddons/isis-app-todoapp">Isis addons' todoapp</a></em><br></p>
+</div>
+<div class="paragraph">
+<p><em>nb: the todoapp was previously called the 'quickstart' app</em></p>
+</div></div></td>
+<td class="tableblock halign-left valign-top"><div><div class="videoblock">
+<div class="content">
+<iframe width="420px" height="210px" src="https://www.youtube.com/embed/2leQwavWxeg?rel=0" frameborder="0" allowfullscreen></iframe>
+</div>
+</div></div></td>
+</tr>
+</tbody>
+</table>
+</div>
+</div>
+<div class="sect1">
+<h2 id="_development_environment">Development Environment</h2>
+<div class="sectionbody">
+<table class="tableblock frame-all grid-all spread">
+<colgroup>
+<col style="width: 50%;">
+<col style="width: 50%;">
+</colgroup>
+<tbody>
+<tr>
+<td class="tableblock halign-left valign-top"><div><div class="paragraph">
+<p>Setting up Eclipse<br></p>
+</div>
+<div class="paragraph">
+<p><em>How to import an Apache Isis maven-based application into Eclipse and configure to use with the JDO Objectstore</em><br></p>
+</div>
+<div class="paragraph">
+<p>NB: when configuring DataNucleus for the <strong>dom</strong> project, make sure you are in the 'Java perspective', not the 'Java EE perspective').<br></p>
+</div>
+<div class="paragraph">
+<p>Learn more <a href="./guides/dg.html#_dg_ide_eclipse">here</a></p>
+</div></div></td>
+<td class="tableblock halign-left valign-top"><div><div class="videoblock">
+<div class="content">
+<iframe width="420px" height="315px" src="https://www.youtube.com/embed/RgcYfjQ8yJA?rel=0" frameborder="0" allowfullscreen></iframe>
+</div>
+</div></div></td>
+</tr>
+<tr>
+<td class="tableblock halign-left valign-top"><div><div class="paragraph">
+<p>Setting up IntelliJ<br></p>
+</div>
+<div class="paragraph">
+<p><em>How to import an Apache Isis maven-based application into IntelliJ and run the app.</em><br></p>
+</div>
+<div class="paragraph">
+<p>Learn more <a href="./guides/dg.html#_dg_ide_intellij">here</a></p>
+</div></div></td>
+<td class="tableblock halign-left valign-top"><div><div class="videoblock">
+<div class="content">
+<iframe width="420px" height="315px" src="https://www.youtube.com/embed/lwKsyTbTSnA?rel=0" frameborder="0" allowfullscreen></iframe>
+</div>
+</div></div></td>
+</tr>
+</tbody>
+</table>
+</div>
+</div>
+<div class="sect1">
+<h2 id="_isis_add_on_modules">Isis Add-on Modules</h2>
+<div class="sectionbody">
+<table class="tableblock frame-all grid-all spread">
+<colgroup>
+<col style="width: 50%;">
+<col style="width: 50%;">
+</colgroup>
+<tbody>
+<tr>
+<td class="tableblock halign-left valign-top"><div><div class="paragraph">
+<p>Commands and Auditing (v1.6.0)<br></p>
+</div>
+<div class="paragraph">
+<p><em>Configuring the command and auditing add-on modules for the <a href="guides/ugfun.html#_ugfun_getting-started_simpleapp-archetype">SimpleApp</a>.</em><br></p>
+</div>
+<div class="paragraph">
+<p>Learn more at the (non-ASF) Isis addons' <a href="http://github.com/isisaddons/isis-module-command">command</a> and <a href="http://github.com/isisaddons/isis-module-audit">audit</a> modules</p>
+</div></div></td>
+<td class="tableblock halign-left valign-top"><div><div class="videoblock">
+<div class="content">
+<iframe width="420px" height="236px" src="https://www.youtube.com/embed/g01tK58MxJ8?rel=0" frameborder="0" allowfullscreen></iframe>
+</div>
+</div></div></td>
+</tr>
+<tr>
+<td class="tableblock halign-left valign-top"><div><div class="paragraph">
+<p>Security (v1.6.0)<br></p>
+</div>
+<div class="paragraph">
+<p><em>Configuring the security add-on module for for the <a href="guides/ugfun.html#_ugfun_getting-started_simpleapp-archetype">SimpleApp</a>.</em><br></p>
+</div>
+<div class="paragraph">
+<p>Learn more at the (non-ASF) <a href="http://github.com/isisaddons/isis-module-security">Isis addons' security</a> module</p>
+</div></div></td>
+<td class="tableblock halign-left valign-top"><div><div class="videoblock">
+<div class="content">
+<iframe width="420px" height="236px" src="https://www.youtube.com/embed/bj8735nBRR4?rel=0" frameborder="0" allowfullscreen></iframe>
+</div>
+</div></div></td>
+</tr>
+<tr>
+<td class="tableblock halign-left valign-top"><div><div class="paragraph">
+<p>Commands, Auditing, Publishing (v1.5.0)<br></p>
+</div>
+<div class="paragraph">
+<p><em>A run-through of the command (profiling) service, auditing service, publishing service.  Also shows how commands can be run in the background either explicitly by scheduling through the background service or implicitly by way of a framework annotation.</em><br></p>
+</div>
+<div class="paragraph">
+<p>Learn more at the (non-ASF) Isis addons' <a href="http://github.com/isisaddons/isis-module-command">command</a>, <a href="http://github.com/isisaddons/isis-module-audit">audit</a> and (non-ASF) <a href="http://github.com/isisaddons/isis-module-publishing">publishing</a> modules.</p>
+</div></div></td>
+<td class="tableblock halign-left valign-top"><div><div class="videoblock">
+<div class="content">
+<iframe width="420px" height="210px" src="https://www.youtube.com/embed/tqXUZkPB3EI?rel=0" frameborder="0" allowfullscreen></iframe>
+</div>
+</div></div></td>
+</tr>
+<tr>
+<td class="tableblock halign-left valign-top"><div><div class="paragraph">
+<p>Bulk updates in Apache Isis (v1.5.0)<br></p>
+</div>
+<div class="paragraph">
+<p><em>Using the (non-ASF) <a href="http://github.com/isisaddons/isis-module-excel">Isis addons' excel</a> module and view models to perform bulk updates).</em></p>
+</div></div></td>
+<td class="tableblock halign-left valign-top"><div><div class="videoblock">
+<div class="content">
+<iframe width="420px" height="315px" src="https://www.youtube.com/embed/8SsRDhCUuRc?rel=0" frameborder="0" allowfullscreen></iframe>
+</div>
+</div></div></td>
+</tr>
+</tbody>
+</table>
+</div>
+</div>
+<div class="sect1">
+<h2 id="_wicket_viewer_and_isis_add_ons">Wicket Viewer and Isis Add-ons</h2>
+<div class="sectionbody">
+<table class="tableblock frame-all grid-all spread">
+<colgroup>
+<col style="width: 50%;">
+<col style="width: 50%;">
+</colgroup>
+<tbody>
+<tr>
+<td class="tableblock halign-left valign-top"><div><div class="paragraph">
+<p>Customizing the Wicket viewer<br></p>
+</div>
+<div class="paragraph">
+<p><em>How to customize the Wicket viewer, integrating the (non-ASF) <a href="http://github.com/isisaddons/isis-wicket-gmap3">Isis addons' gmap3 </a> wicket extension.</em></p>
+</div></div></td>
+<td class="tableblock halign-left valign-top"><div><div class="videoblock">
+<div class="content">
+<iframe width="420px" height="315px" src="https://www.youtube.com/embed/9o5zAME8LrM?rel=0" frameborder="0" allowfullscreen></iframe>
+</div>
+</div></div></td>
+</tr>
+</tbody>
+</table>
+</div>
+</div>
+<div class="sect1">
+<h2 id="_restful_objects_viewer">Restful Objects Viewer</h2>
+<div class="sectionbody">
+<table class="tableblock frame-all grid-all spread">
+<colgroup>
+<col style="width: 50%;">
+<col style="width: 50%;">
+</colgroup>
+<tbody>
+<tr>
+<td class="tableblock halign-left valign-top"><div><div class="paragraph">
+<p>Using Chrome Tools<br></p>
+</div>
+<div class="paragraph">
+<p><em>Using Chrome plugins to invoke an action through the REST API</em></p>
+</div></div></td>
+<td class="tableblock halign-left valign-top"><div><div class="videoblock">
+<div class="content">
+<iframe width="420px" height="236px" src="https://www.youtube.com/embed/_-TOvVYWCHc?rel=0" frameborder="0" allowfullscreen></iframe>
+</div>
+</div></div></td>
+</tr>
+<tr>
+<td class="tableblock halign-left valign-top"><div><div class="paragraph">
+<p>Creating objects using the REST API</p>
+</div>
+<div class="paragraph">
+<p><em>Posting to the "Objects of Type" resource"</em></p>
+</div></div></td>
+<td class="tableblock halign-left valign-top"><div><div class="videoblock">
+<div class="content">
+<iframe width="420px" height="236px" src="https://www.youtube.com/embed/VmvhACyA2ZI?rel=0" frameborder="0" allowfullscreen></iframe>
+</div>
+</div></div></td>
+</tr>
+</tbody>
+</table>
+</div>
+</div>
+<div class="sect1">
+<h2 id="_jrebel_integration">JRebel Integration</h2>
+<div class="sectionbody">
+<div class="paragraph">
+<p><em>Develop your app without having to redeploy using <a href="http://zeroturnaround.com/software/jrebel/">JRebel</a> and an <a href="https://github.com/danhaywood/isis-jrebel-plugin">Isis plugin</a> for JRebel.</em></p>
+</div>
+<table class="tableblock frame-all grid-all spread">
+<colgroup>
+<col style="width: 50%;">
+<col style="width: 50%;">
+</colgroup>
+<tbody>
+<tr>
+<td class="tableblock halign-left valign-top"><div><div class="paragraph">
+<p>Maven and JRebel</p>
+</div></div></td>
+<td class="tableblock halign-left valign-top"><div><div class="videoblock">
+<div class="content">
+<iframe width="420px" height="236px" src="https://www.youtube.com/embed/jpYNZ343gi4?rel=0" frameborder="0" allowfullscreen></iframe>
+</div>
+</div></div></td>
+</tr>
+<tr>
+<td class="tableblock halign-left valign-top"><div><div class="paragraph">
+<p>Eclipse and JRebel</p>
+</div></div></td>
+<td class="tableblock halign-left valign-top"><div><div class="videoblock">
+<div class="content">
+<iframe width="420px" height="236px" src="https://www.youtube.com/embed/uPfRXllQV1o?rel=0" frameborder="0" allowfullscreen></iframe>
+</div>
+</div></div></td>
+</tr>
+<tr>
+<td class="tableblock halign-left valign-top"><div><div class="paragraph">
+<p>IntelliJ and JRebel</p>
+</div></div></td>
+<td class="tableblock halign-left valign-top"><div><div class="videoblock">
+<div class="content">
+<iframe width="420px" height="236px" src="https://www.youtube.com/embed/fb5VbU-VY8I?rel=0" frameborder="0" allowfullscreen></iframe>
+</div>
+</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">
+                <ul class="sectlevel1">
+<li><a href="#_getting_started">Getting Started</a></li>
+<li><a href="#_development_environment">Development Environment</a></li>
+<li><a href="#_isis_add_on_modules">Isis Add-on Modules</a></li>
+<li><a href="#_wicket_viewer_and_isis_add_ons">Wicket Viewer and Isis Add-ons</a></li>
+<li><a href="#_restful_objects_viewer">Restful Objects Viewer</a></li>
+<li><a href="#_jrebel_integration">JRebel Integration</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,
+            extendPage: true,
+            context: "#doc-content",
+            highlightOnScroll: true,
+            hashGenerator: "pretty",
+            hideEffect: "slideUp",
+            selectors: "h2,h3,h4,h5"
+        });
+        $(".fallback-toc").hide();
+    });
+</script>
+
+<script type="text/javascript">
+
+  /****
+
+      $(document).foundation();
+
+      $(document).ready(function(){
+        // Cache selectors
+        var lastId,
+            topMenu = $("div#toc ul"),
+            topMenuHeight = 100,
+
+            menuItems = topMenu.find("a"),
+            menuItemsHrefs = menuItems.map(function(){
+              var item = $($(this).attr("href"));
+              if (item.length) { return item; }
+            });
+
+        // Bind click handler to menu items to scroll animation
+        menuItems.click(function(e){
+          var href = $(this).attr("href"),
+              offsetTop = href === "#" ? 0 : $(href).offset().top-topMenuHeight+1;
+          $('html, body').stop().animate({
+              scrollTop: offsetTop
+          }, 300);
+
+          e.preventDefault();
+        });
+
+        // Bind to scroll of window
+        $(  window ).scroll(function(){
+
+           // Get container scroll position
+           var fromTop = $(this).scrollTop()+topMenuHeight;
+
+           var cur = menuItemsHrefs.map(function(){
+             if ($(this).offset().top < fromTop)
+               return this;
+           });
+
+           // Get the id of the current element
+           cur = cur[cur.length-1];
+
+           var id = cur && cur.length ? cur[0].id : "";
+
+           if (lastId !== id && id) {
+               scrollTo(id);
+           }
+
+           window.history.pushState({}, "", window.location.origin + window.location.pathname + "#" + id);
+        });
+
+        scrollTo = function(id) {
+              lastId = id;
+
+              menuItems
+                .removeClass("active");
+
+              menuItems
+                .parents()
+                .removeClass("active-region");
+
+              menuItems
+                .parents("ul").hide();
+
+              menuItems
+                .filter("[href=#"+id+"]")
+                .addClass("active");
+
+              menuItems
+                .filter("[href=#"+id+"]")
+                .parents("ul").show();
+
+              menuItems
+                .filter("[href=#"+id+"]")
+                .parent().children("ul").show();
+
+              menuItems
+                .filter("[href=#"+id+"]")
+                .parents("li").addClass("active-region");
+
+        }
+      menuItems
+        .removeClass("active");
+
+      menuItems
+        .parents()
+        .removeClass("active-region");
+
+        var syncMenuItem;
+        if(window.location.hash!=="") {
+            var menuItemFor = $.grep(menuItems, function(e) {
+                return e.hash === window.location.hash;
+            });
+            console.log(menuItemFor);
+            if(menuItemFor.length === 1) {
+                syncMenuItem = menuItemFor[0];
+            }
+        }
+
+        if(!syncMenuItem){
+            syncMenuItem = menuItems[0];
+        }
+
+        $(syncMenuItem).click();
+
+      });
+
+    ***/
+
+</script>
+
+<script type="text/javascript">
+
+$(document).ready(function(){
+    if("Documentation" === "(Older) Screencasts") {
+        console.log( "processing 'Documentation'" );
+
+        $("#doc-content-left").removeClass("large-9").removeClass("medium-9").addClass("large-12").addClass("medium-12");
+        $("#doc-content-right").removeClass("large-3").removeClass("medium-3").hide();
+    }
+
+});
+
+</script>
+
+
+<script>
+
+$( document ).ready(function() {
+
+    (function() {
+      $(function() {
+        return $("#doc-content h2, #doc-content h3, #doc-content h4, #doc-content h5, #doc-content h6").each(function(i, el) {
+          var $el, icon, id;
+          $el = $(el);
+          id = $el.attr('id');
+          icon = '<i class="fa fa-link"></i>';
+          if (id) {
+            return $el.prepend($("<a />").addClass("header-link").attr("href", "#" + id).html(icon));
+          }
+        });
+      });
+    }).call(this);
+
+
+
+	/*
+        http://osvaldas.info/auto-hide-sticky-header
+        MIT license
+	*/
+	;( function( $, window, document, undefined )
+	{
+		'use strict';
+
+		var elSelector		= '.header',
+			elClassHidden	= 'header--hidden',
+			throttleTimeout	= 500,
+			$element		= $( elSelector );
+
+		if( !$element.length ) return true;
+
+		var $window			= $( window ),
+			wHeight			= 0,
+			wScrollCurrent	= 0,
+			wScrollBefore	= 0,
+			wScrollDiff		= 0,
+			$document		= $( document ),
+			dHeight			= 0,
+
+			throttle = function( delay, fn )
+			{
+				var last, deferTimer;
+				return function()
+				{
+					var context = this, args = arguments, now = +new Date;
+					if( last && now < last + delay )
+					{
+						clearTimeout( deferTimer );
+						deferTimer = setTimeout( function(){ last = now; fn.apply( context, args ); }, delay );
+					}
+					else
+					{
+						last = now;
+						fn.apply( context, args );
+					}
+				};
+			};
+
+		$window.on( 'scroll', throttle( throttleTimeout, function()
+		{
+			dHeight			= $document.height();
+			wHeight			= $window.height();
+			wScrollCurrent	= $window.scrollTop();
+			wScrollDiff		= wScrollBefore - wScrollCurrent;
+
+			if( wScrollCurrent <= 0 ) // scrolled to the very top; element sticks to the top
+				$element.removeClass( elClassHidden );
+
+			else if( wScrollDiff > 0 && $element.hasClass( elClassHidden ) ) // scrolled up; element slides in
+				$element.removeClass( elClassHidden );
+
+			else if( wScrollDiff < 0 ) // scrolled down
+			{
+				if( wScrollCurrent + wHeight >= dHeight && $element.hasClass( elClassHidden ) ) // scrolled to the very bottom; element slides in
+					$element.removeClass( elClassHidden );
+
+				else // scrolled down; element slides out
+					$element.addClass( elClassHidden );
+			}
+
+			wScrollBefore = wScrollCurrent;
+		}));
+
+	})( jQuery, window, document );
+
+
+});
+</script>
+
+</body>
+</html>

http://git-wip-us.apache.org/repos/asf/isis-site/blob/3702a9e1/content/screencasts.html
----------------------------------------------------------------------
diff --git a/content/screencasts.html b/content/screencasts.html
index be88d3d..994314e 100644
--- a/content/screencasts.html
+++ b/content/screencasts.html
@@ -508,18 +508,19 @@ table.CodeRay td.code>pre{padding:0}
 <p><br/><br/></p>
 </div>
 <div class="paragraph">
-<p>We&#8217;ve prepared some screencasts to help you see what Apache Isis has to offer.</p>
+<p>We&#8217;ve prepared a number of screencasts to help you see what Apache Isis has to offer; the following were recorded using Apache Isis v1.12.0.</p>
+</div>
+<div class="paragraph">
+<p>While these each follow on from each other, you should be able to watch them in any order; the typical duration is 3 minutes.  Or, you can watch them all through this <a href="https://www.youtube.com/playlist?list=PLbRpnAmQ6xsA-m4d2iwAuWrX1icJz0SnM">playlist</a>.</p>
+</div>
+<div class="paragraph">
+<p>You can also find some earlier screencasts (for older versions of the framework) <a href="./screencasts-older.html">here</a>.</p>
 </div>
 </div>
 </div>
 <div class="sect1">
-<h2 id="_v1_12_0_screencasts">v1.12.0 Screencasts</h2>
+<h2 id="_archetype_ide_layouts">Archetype, IDE, layouts</h2>
 <div class="sectionbody">
-<div class="paragraph">
-<p>The following were recorded using Apache Isis v1.12.0.  While they follow on from each other, you should be able to watch them in any order; the typical duration is 3 minutes.  Or, you can watch them all through this <a href="https://www.youtube.com/playlist?list=PLbRpnAmQ6xsA-m4d2iwAuWrX1icJz0SnM">playlist</a>.</p>
-</div>
-<div class="sect2">
-<h3 id="_archetype_ide_layouts">Archetype, IDE, layouts</h3>
 <table class="tableblock frame-all grid-all spread">
 <colgroup>
 <col style="width: 50%;">
@@ -573,8 +574,10 @@ table.CodeRay td.code>pre{padding:0}
 </tbody>
 </table>
 </div>
-<div class="sect2">
-<h3 id="_fixture_scripts_rules_tests">Fixture scripts, rules, tests</h3>
+</div>
+<div class="sect1">
+<h2 id="_fixture_scripts_rules_tests">Fixture scripts, rules, tests</h2>
+<div class="sectionbody">
 <table class="tableblock frame-all grid-all spread">
 <colgroup>
 <col style="width: 50%;">
@@ -628,8 +631,10 @@ table.CodeRay td.code>pre{padding:0}
 </tbody>
 </table>
 </div>
-<div class="sect2">
-<h3 id="_swagger_ui_maven_plugin">Swagger UI, Maven plugin</h3>
+</div>
+<div class="sect1">
+<h2 id="_swagger_ui_maven_plugin">Swagger UI, Maven plugin</h2>
+<div class="sectionbody">
 <table class="tableblock frame-all grid-all spread">
 <colgroup>
 <col style="width: 50%;">
@@ -661,8 +666,10 @@ table.CodeRay td.code>pre{padding:0}
 </tbody>
 </table>
 </div>
-<div class="sect2">
-<h3 id="_app_manifest">App Manifest</h3>
+</div>
+<div class="sect1">
+<h2 id="_app_manifest">App Manifest</h2>
+<div class="sectionbody">
 <table class="tableblock frame-all grid-all spread">
 <colgroup>
 <col style="width: 50%;">
@@ -683,8 +690,10 @@ table.CodeRay td.code>pre{padding:0}
 </tbody>
 </table>
 </div>
-<div class="sect2">
-<h3 id="_actions">Actions</h3>
+</div>
+<div class="sect1">
+<h2 id="_actions">Actions</h2>
+<div class="sectionbody">
 <table class="tableblock frame-all grid-all spread">
 <colgroup>
 <col style="width: 50%;">
@@ -716,8 +725,10 @@ table.CodeRay td.code>pre{padding:0}
 </tbody>
 </table>
 </div>
-<div class="sect2">
-<h3 id="_titles_and_icons_ui_event_subscribers">Titles and icons, UI event subscribers</h3>
+</div>
+<div class="sect1">
+<h2 id="_titles_and_icons_ui_event_subscribers">Titles and icons, UI event subscribers</h2>
+<div class="sectionbody">
 <table class="tableblock frame-all grid-all spread">
 <colgroup>
 <col style="width: 50%;">
@@ -749,8 +760,10 @@ table.CodeRay td.code>pre{padding:0}
 </tbody>
 </table>
 </div>
-<div class="sect2">
-<h3 id="_derived_collections">Derived collections</h3>
+</div>
+<div class="sect1">
+<h2 id="_derived_collections">Derived collections</h2>
+<div class="sectionbody">
 <table class="tableblock frame-all grid-all spread">
 <colgroup>
 <col style="width: 50%;">
@@ -771,8 +784,10 @@ table.CodeRay td.code>pre{padding:0}
 </tbody>
 </table>
 </div>
-<div class="sect2">
-<h3 id="_more_on_fixture_scripts">More on fixture scripts</h3>
+</div>
+<div class="sect1">
+<h2 id="_more_on_fixture_scripts">More on fixture scripts</h2>
+<div class="sectionbody">
 <table class="tableblock frame-all grid-all spread">
 <colgroup>
 <col style="width: 50%;">
@@ -793,8 +808,10 @@ table.CodeRay td.code>pre{padding:0}
 </tbody>
 </table>
 </div>
-<div class="sect2">
-<h3 id="_page_size_of_collections">Page size of collections</h3>
+</div>
+<div class="sect1">
+<h2 id="_page_size_of_collections">Page size of collections</h2>
+<div class="sectionbody">
 <table class="tableblock frame-all grid-all spread">
 <colgroup>
 <col style="width: 50%;">
@@ -815,8 +832,10 @@ table.CodeRay td.code>pre{padding:0}
 </tbody>
 </table>
 </div>
-<div class="sect2">
-<h3 id="_hints_and_end_user_features">Hints and end-user features</h3>
+</div>
+<div class="sect1">
+<h2 id="_hints_and_end_user_features">Hints and end-user features</h2>
+<div class="sectionbody">
 <table class="tableblock frame-all grid-all spread">
 <colgroup>
 <col style="width: 50%;">
@@ -860,8 +879,10 @@ table.CodeRay td.code>pre{padding:0}
 </tbody>
 </table>
 </div>
-<div class="sect2">
-<h3 id="_decoupling_using_mixins_and_subscribers">Decoupling using mixins and subscribers</h3>
+</div>
+<div class="sect1">
+<h2 id="_decoupling_mixins_subscribers">Decoupling (mixins &amp; subscribers)</h2>
+<div class="sectionbody">
 <table class="tableblock frame-all grid-all spread">
 <colgroup>
 <col style="width: 50%;">
@@ -916,8 +937,10 @@ table.CodeRay td.code>pre{padding:0}
 </tbody>
 </table>
 </div>
-<div class="sect2">
-<h3 id="_titles_using_the_title_annotation">Titles using the @Title annotation</h3>
+</div>
+<div class="sect1">
+<h2 id="_titles_using_the_title_annotation">Titles using the @Title annotation</h2>
+<div class="sectionbody">
 <table class="tableblock frame-all grid-all spread">
 <colgroup>
 <col style="width: 50%;">
@@ -938,8 +961,10 @@ table.CodeRay td.code>pre{padding:0}
 </tbody>
 </table>
 </div>
-<div class="sect2">
-<h3 id="_integration_testing_of_mixins">Integration testing of mixins</h3>
+</div>
+<div class="sect1">
+<h2 id="_integration_testing_of_mixins">Integration testing of mixins</h2>
+<div class="sectionbody">
 <table class="tableblock frame-all grid-all spread">
 <colgroup>
 <col style="width: 50%;">
@@ -960,8 +985,10 @@ table.CodeRay td.code>pre{padding:0}
 </tbody>
 </table>
 </div>
-<div class="sect2">
-<h3 id="_removing_boilerplate">Removing boilerplate</h3>
+</div>
+<div class="sect1">
+<h2 id="_removing_boilerplate">Removing boilerplate</h2>
+<div class="sectionbody">
 <table class="tableblock frame-all grid-all spread">
 <colgroup>
 <col style="width: 50%;">
@@ -994,278 +1021,11 @@ table.CodeRay td.code>pre{padding:0}
 </table>
 </div>
 </div>
-</div>
 <div class="sect1">
 <h2 id="_older_screencasts">Older screencasts</h2>
 <div class="sectionbody">
 <div class="paragraph">
-<p>The remaining screencasts refer to earlier versions of the framework.  We&#8217;ve kept them here for reference/interest.</p>
-</div>
-<div class="sect2">
-<h3 id="_getting_started">Getting Started</h3>
-<table class="tableblock frame-all grid-all spread">
-<colgroup>
-<col style="width: 50%;">
-<col style="width: 50%;">
-</colgroup>
-<tbody>
-<tr>
-<td class="tableblock halign-left valign-top"><div><div class="paragraph">
-<p>How it works (v1.1.0)+</p>
-</div>
-<div class="paragraph">
-<p><em>How Apache Isis builds a webapp from the underlying domain object model</em></p>
-</div>
-<div class="paragraph">
-<p><em>This screencast is for Apache Isis v1.1.0 (ie very out of date)</em></p>
-</div></div></td>
-<td class="tableblock halign-left valign-top"><div><div class="videoblock">
-<div class="content">
-<iframe width="420px" height="315px" src="https://www.youtube.com/embed/ludOLyi6VyY?rel=0" frameborder="0" allowfullscreen></iframe>
-</div>
-</div></div></td>
-</tr>
-<tr>
-<td class="tableblock halign-left valign-top"><div><div class="paragraph">
-<p>Todo app walkthrough (v.1.4.0)<br></p>
-</div>
-<div class="paragraph">
-<p><em>A run-through of the main features of the (non-ASF) <a href="http://github.com/isisaddons/isis-app-todoapp">Isis addons' todoapp</a></em><br></p>
-</div>
-<div class="paragraph">
-<p><em>nb: the todoapp was previously called the 'quickstart' app</em></p>
-</div></div></td>
-<td class="tableblock halign-left valign-top"><div><div class="videoblock">
-<div class="content">
-<iframe width="420px" height="210px" src="https://www.youtube.com/embed/2leQwavWxeg?rel=0" frameborder="0" allowfullscreen></iframe>
-</div>
-</div></div></td>
-</tr>
-</tbody>
-</table>
-</div>
-<div class="sect2">
-<h3 id="_development_environment">Development Environment</h3>
-<table class="tableblock frame-all grid-all spread">
-<colgroup>
-<col style="width: 50%;">
-<col style="width: 50%;">
-</colgroup>
-<tbody>
-<tr>
-<td class="tableblock halign-left valign-top"><div><div class="paragraph">
-<p>Setting up Eclipse<br></p>
-</div>
-<div class="paragraph">
-<p><em>How to import an Apache Isis maven-based application into Eclipse and configure to use with the JDO Objectstore</em><br></p>
-</div>
-<div class="paragraph">
-<p>NB: when configuring DataNucleus for the <strong>dom</strong> project, make sure you are in the 'Java perspective', not the 'Java EE perspective').<br></p>
-</div>
-<div class="paragraph">
-<p>Learn more <a href="./guides/dg.html#_dg_ide_eclipse">here</a></p>
-</div></div></td>
-<td class="tableblock halign-left valign-top"><div><div class="videoblock">
-<div class="content">
-<iframe width="420px" height="315px" src="https://www.youtube.com/embed/RgcYfjQ8yJA?rel=0" frameborder="0" allowfullscreen></iframe>
-</div>
-</div></div></td>
-</tr>
-<tr>
-<td class="tableblock halign-left valign-top"><div><div class="paragraph">
-<p>Setting up IntelliJ<br></p>
-</div>
-<div class="paragraph">
-<p><em>How to import an Apache Isis maven-based application into IntelliJ and run the app.</em><br></p>
-</div>
-<div class="paragraph">
-<p>Learn more <a href="./guides/dg.html#_dg_ide_intellij">here</a></p>
-</div></div></td>
-<td class="tableblock halign-left valign-top"><div><div class="videoblock">
-<div class="content">
-<iframe width="420px" height="315px" src="https://www.youtube.com/embed/lwKsyTbTSnA?rel=0" frameborder="0" allowfullscreen></iframe>
-</div>
-</div></div></td>
-</tr>
-</tbody>
-</table>
-</div>
-<div class="sect2">
-<h3 id="_isis_add_on_modules">Isis Add-on Modules</h3>
-<table class="tableblock frame-all grid-all spread">
-<colgroup>
-<col style="width: 50%;">
-<col style="width: 50%;">
-</colgroup>
-<tbody>
-<tr>
-<td class="tableblock halign-left valign-top"><div><div class="paragraph">
-<p>Commands and Auditing (v1.6.0)<br></p>
-</div>
-<div class="paragraph">
-<p><em>Configuring the command and auditing add-on modules for the <a href="guides/ugfun.html#_ugfun_getting-started_simpleapp-archetype">SimpleApp</a>.</em><br></p>
-</div>
-<div class="paragraph">
-<p>Learn more at the (non-ASF) Isis addons' <a href="http://github.com/isisaddons/isis-module-command">command</a> and <a href="http://github.com/isisaddons/isis-module-audit">audit</a> modules</p>
-</div></div></td>
-<td class="tableblock halign-left valign-top"><div><div class="videoblock">
-<div class="content">
-<iframe width="420px" height="236px" src="https://www.youtube.com/embed/g01tK58MxJ8?rel=0" frameborder="0" allowfullscreen></iframe>
-</div>
-</div></div></td>
-</tr>
-<tr>
-<td class="tableblock halign-left valign-top"><div><div class="paragraph">
-<p>Security (v1.6.0)<br></p>
-</div>
-<div class="paragraph">
-<p><em>Configuring the security add-on module for for the <a href="guides/ugfun.html#_ugfun_getting-started_simpleapp-archetype">SimpleApp</a>.</em><br></p>
-</div>
-<div class="paragraph">
-<p>Learn more at the (non-ASF) <a href="http://github.com/isisaddons/isis-module-security">Isis addons' security</a> module</p>
-</div></div></td>
-<td class="tableblock halign-left valign-top"><div><div class="videoblock">
-<div class="content">
-<iframe width="420px" height="236px" src="https://www.youtube.com/embed/bj8735nBRR4?rel=0" frameborder="0" allowfullscreen></iframe>
-</div>
-</div></div></td>
-</tr>
-<tr>
-<td class="tableblock halign-left valign-top"><div><div class="paragraph">
-<p>Commands, Auditing, Publishing (v1.5.0)<br></p>
-</div>
-<div class="paragraph">
-<p><em>A run-through of the command (profiling) service, auditing service, publishing service.  Also shows how commands can be run in the background either explicitly by scheduling through the background service or implicitly by way of a framework annotation.</em><br></p>
-</div>
-<div class="paragraph">
-<p>Learn more at the (non-ASF) Isis addons' <a href="http://github.com/isisaddons/isis-module-command">command</a>, <a href="http://github.com/isisaddons/isis-module-audit">audit</a> and (non-ASF) <a href="http://github.com/isisaddons/isis-module-publishing">publishing</a> modules.</p>
-</div></div></td>
-<td class="tableblock halign-left valign-top"><div><div class="videoblock">
-<div class="content">
-<iframe width="420px" height="210px" src="https://www.youtube.com/embed/tqXUZkPB3EI?rel=0" frameborder="0" allowfullscreen></iframe>
-</div>
-</div></div></td>
-</tr>
-<tr>
-<td class="tableblock halign-left valign-top"><div><div class="paragraph">
-<p>Bulk updates in Apache Isis (v1.5.0)<br></p>
-</div>
-<div class="paragraph">
-<p><em>Using the (non-ASF) <a href="http://github.com/isisaddons/isis-module-excel">Isis addons' excel</a> module and view models to perform bulk updates).</em></p>
-</div></div></td>
-<td class="tableblock halign-left valign-top"><div><div class="videoblock">
-<div class="content">
-<iframe width="420px" height="315px" src="https://www.youtube.com/embed/8SsRDhCUuRc?rel=0" frameborder="0" allowfullscreen></iframe>
-</div>
-</div></div></td>
-</tr>
-</tbody>
-</table>
-</div>
-<div class="sect2">
-<h3 id="_wicket_viewer_and_isis_add_ons">Wicket Viewer and Isis Add-ons</h3>
-<table class="tableblock frame-all grid-all spread">
-<colgroup>
-<col style="width: 50%;">
-<col style="width: 50%;">
-</colgroup>
-<tbody>
-<tr>
-<td class="tableblock halign-left valign-top"><div><div class="paragraph">
-<p>Customizing the Wicket viewer<br></p>
-</div>
-<div class="paragraph">
-<p><em>How to customize the Wicket viewer, integrating the (non-ASF) <a href="http://github.com/isisaddons/isis-wicket-gmap3">Isis addons' gmap3 </a> wicket extension.</em></p>
-</div></div></td>
-<td class="tableblock halign-left valign-top"><div><div class="videoblock">
-<div class="content">
-<iframe width="420px" height="315px" src="https://www.youtube.com/embed/9o5zAME8LrM?rel=0" frameborder="0" allowfullscreen></iframe>
-</div>
-</div></div></td>
-</tr>
-</tbody>
-</table>
-</div>
-<div class="sect2">
-<h3 id="_restful_objects_viewer">Restful Objects Viewer</h3>
-<table class="tableblock frame-all grid-all spread">
-<colgroup>
-<col style="width: 50%;">
-<col style="width: 50%;">
-</colgroup>
-<tbody>
-<tr>
-<td class="tableblock halign-left valign-top"><div><div class="paragraph">
-<p>Using Chrome Tools<br></p>
-</div>
-<div class="paragraph">
-<p><em>Using Chrome plugins to invoke an action through the REST API</em></p>
-</div></div></td>
-<td class="tableblock halign-left valign-top"><div><div class="videoblock">
-<div class="content">
-<iframe width="420px" height="236px" src="https://www.youtube.com/embed/_-TOvVYWCHc?rel=0" frameborder="0" allowfullscreen></iframe>
-</div>
-</div></div></td>
-</tr>
-<tr>
-<td class="tableblock halign-left valign-top"><div><div class="paragraph">
-<p>Creating objects using the REST API</p>
-</div>
-<div class="paragraph">
-<p><em>Posting to the "Objects of Type" resource"</em></p>
-</div></div></td>
-<td class="tableblock halign-left valign-top"><div><div class="videoblock">
-<div class="content">
-<iframe width="420px" height="236px" src="https://www.youtube.com/embed/VmvhACyA2ZI?rel=0" frameborder="0" allowfullscreen></iframe>
-</div>
-</div></div></td>
-</tr>
-</tbody>
-</table>
-</div>
-<div class="sect2">
-<h3 id="_jrebel_integration">JRebel Integration</h3>
-<div class="paragraph">
-<p><em>Develop your app without having to redeploy using <a href="http://zeroturnaround.com/software/jrebel/">JRebel</a> and an <a href="https://github.com/danhaywood/isis-jrebel-plugin">Isis plugin</a> for JRebel.</em></p>
-</div>
-<table class="tableblock frame-all grid-all spread">
-<colgroup>
-<col style="width: 50%;">
-<col style="width: 50%;">
-</colgroup>
-<tbody>
-<tr>
-<td class="tableblock halign-left valign-top"><div><div class="paragraph">
-<p>Maven and JRebel</p>
-</div></div></td>
-<td class="tableblock halign-left valign-top"><div><div class="videoblock">
-<div class="content">
-<iframe width="420px" height="236px" src="https://www.youtube.com/embed/jpYNZ343gi4?rel=0" frameborder="0" allowfullscreen></iframe>
-</div>
-</div></div></td>
-</tr>
-<tr>
-<td class="tableblock halign-left valign-top"><div><div class="paragraph">
-<p>Eclipse and JRebel</p>
-</div></div></td>
-<td class="tableblock halign-left valign-top"><div><div class="videoblock">
-<div class="content">
-<iframe width="420px" height="236px" src="https://www.youtube.com/embed/uPfRXllQV1o?rel=0" frameborder="0" allowfullscreen></iframe>
-</div>
-</div></div></td>
-</tr>
-<tr>
-<td class="tableblock halign-left valign-top"><div><div class="paragraph">
-<p>IntelliJ and JRebel</p>
-</div></div></td>
-<td class="tableblock halign-left valign-top"><div><div class="videoblock">
-<div class="content">
-<iframe width="420px" height="236px" src="https://www.youtube.com/embed/fb5VbU-VY8I?rel=0" frameborder="0" allowfullscreen></iframe>
-</div>
-</div></div></td>
-</tr>
-</tbody>
-</table>
+<p>Older screencasts can be found <a href="./screencasts-older.html">here</a>.</p>
 </div>
 </div>
 </div>
@@ -1286,8 +1046,6 @@ table.CodeRay td.code>pre{padding:0}
         <div id="toc" class="toc2">
             <div class="fallback-toc">
                 <ul class="sectlevel1">
-<li><a href="#_v1_12_0_screencasts">v1.12.0 Screencasts</a>
-<ul class="sectlevel2">
 <li><a href="#_archetype_ide_layouts">Archetype, IDE, layouts</a></li>
 <li><a href="#_fixture_scripts_rules_tests">Fixture scripts, rules, tests</a></li>
 <li><a href="#_swagger_ui_maven_plugin">Swagger UI, Maven plugin</a></li>
@@ -1298,22 +1056,11 @@ table.CodeRay td.code>pre{padding:0}
 <li><a href="#_more_on_fixture_scripts">More on fixture scripts</a></li>
 <li><a href="#_page_size_of_collections">Page size of collections</a></li>
 <li><a href="#_hints_and_end_user_features">Hints and end-user features</a></li>
-<li><a href="#_decoupling_using_mixins_and_subscribers">Decoupling using mixins and subscribers</a></li>
+<li><a href="#_decoupling_mixins_subscribers">Decoupling (mixins &amp; subscribers)</a></li>
 <li><a href="#_titles_using_the_title_annotation">Titles using the @Title annotation</a></li>
 <li><a href="#_integration_testing_of_mixins">Integration testing of mixins</a></li>
 <li><a href="#_removing_boilerplate">Removing boilerplate</a></li>
-</ul>
-</li>
-<li><a href="#_older_screencasts">Older screencasts</a>
-<ul class="sectlevel2">
-<li><a href="#_getting_started">Getting Started</a></li>
-<li><a href="#_development_environment">Development Environment</a></li>
-<li><a href="#_isis_add_on_modules">Isis Add-on Modules</a></li>
-<li><a href="#_wicket_viewer_and_isis_add_ons">Wicket Viewer and Isis Add-ons</a></li>
-<li><a href="#_restful_objects_viewer">Restful Objects Viewer</a></li>
-<li><a href="#_jrebel_integration">JRebel Integration</a></li>
-</ul>
-</li>
+<li><a href="#_older_screencasts">Older screencasts</a></li>
 </ul>
             </div>
         </div>