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:01 UTC

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

http://git-wip-us.apache.org/repos/asf/isis-site/blob/83a3755a/content/screencasts-older.html
----------------------------------------------------------------------
diff --git a/content/screencasts-older.html b/content/screencasts-older.html
index bbf110c..0b5ca20 100644
--- a/content/screencasts-older.html
+++ b/content/screencasts-older.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>(Older) Screencasts</title>
-
-    <!--
+ <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
@@ -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,413 +406,460 @@ 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>
-
-
-</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 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>
+    </style> 
+  <style>
+        .tocify {
+            margin-top: 80px;
+        }
+    </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/screencasts-older.adoc&quot;" style="float: right; font-size: small; padding: 6px;  "><i class="fa fa-pencil-square-o"></i>&nbsp;Edit</button> 
+     <div id="preamble"> 
+      <div class="sectionbody"> 
+       <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>
+      <button type="button" class="button secondary" onclick="window.location.href=&quot;https://github.com/apache/isis/edit/master/adocs/documentation/src/main/asciidoc/_getting_started.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"> 
+       <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>
-    </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="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>
+      <button type="button" class="button secondary" onclick="window.location.href=&quot;https://github.com/apache/isis/edit/master/adocs/documentation/src/main/asciidoc/_development_environment.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"> 
+       <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>
+      <button type="button" class="button secondary" onclick="window.location.href=&quot;https://github.com/apache/isis/edit/master/adocs/documentation/src/main/asciidoc/_isis_add_on_modules.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"> 
+       <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>
+      <button type="button" class="button secondary" onclick="window.location.href=&quot;https://github.com/apache/isis/edit/master/adocs/documentation/src/main/asciidoc/_wicket_viewer_and_isis_add_ons.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"> 
+       <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>
+      <button type="button" class="button secondary" onclick="window.location.href=&quot;https://github.com/apache/isis/edit/master/adocs/documentation/src/main/asciidoc/_restful_objects_viewer.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"> 
+       <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>
+      <button type="button" class="button secondary" onclick="window.location.href=&quot;https://github.com/apache/isis/edit/master/adocs/documentation/src/main/asciidoc/_jrebel_integration.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><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 � 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,
@@ -844,9 +872,8 @@ table.CodeRay td.code>pre{padding:0}
         });
         $(".fallback-toc").hide();
     });
-</script>
-
-<script type="text/javascript">
+</script> 
+  <script type="text/javascript">
 
   /****
 
@@ -956,9 +983,8 @@ table.CodeRay td.code>pre{padding:0}
 
     ***/
 
-</script>
-
-<script type="text/javascript">
+</script> 
+  <script type="text/javascript">
 
 $(document).ready(function(){
     if("Documentation" === "(Older) Screencasts") {
@@ -970,10 +996,8 @@ $(document).ready(function(){
 
 });
 
-</script>
-
-
-<script>
+</script> 
+  <script>
 
 $( document ).ready(function() {
 
@@ -1064,7 +1088,6 @@ $( document ).ready(function() {
 
 
 });
-</script>
-
-</body>
+</script>  
+ </body>
 </html>