Bug #3, embedded mode - Javascript, CSS styles

Gruntfile.js

@@ -74,5 +74,5 @@ module.exports = function (grunt) {
 	//grunt.loadNpmTasks('grunt-notify');
 	//grunt.task.run('notify_hooks');
 
-  grunt.registerTask('default', [ 'exec', 'jshint', 'htmlhint', 'validate_xml' ]);
+	grunt.registerTask('default', [ 'exec', 'jshint', 'htmlhint', 'validate_xml' ]);
 };

README.md

@@ -8,11 +8,9 @@
 technology access by those with disabilities and older people._"
 
 * [E-Access Bulletin][eab]
-* [E-Access Bulletin Live][eablive]
+* [E-Access Bulletin Live blog][eablive]
 * [Subscribe to the E-Access Bulletin newsletter][subscribe]
 
-"_news and research on technology for the blind and visually impaired_"
-
 "_a free, independent monthly e-mail newsletter on information technology
 issues for people with visual impairment and blindness._"
 
@@ -29,16 +27,16 @@ Dan Jellinek.
 * [Bitbucket][]
 * [GitHub][]
 
-_[In memory of Dan … Dan Jellinek 1968 — 2015][tribute]_
-
 
 [![E-Access Bulletin Live][eabl-logo]][eablive]
 
 [![People power: a user's guide to UK democracy / Dan Jellinek][pp-book-image]][pp-book]
 
+_[In memory of Dan … Dan Jellinek 1968 — 2015][tribute]_
+
 
 ---
-Copyright © 2000-2016 Headstar Limited. [All rights reserved][copy].
+Copyright © 2000-2017 Headstar Limited. [All rights reserved][copy].
 
 ISSN 1476-6337.
 
@@ -51,7 +49,7 @@ ISSN 1476-6337.
     "Download a vCard (VCF file), via Suda.co.uk — 'Dan-Jellinek.vcf'"
 [expired-domain]: http://e-accessibility.com "| 80.87.128.130"
 [copy]: http://headstar.com/site/scripts/terms.php
-    "Copyright © 2000-2016 Headstar Limited. All rights reserved."
+    "Copyright © 2000-2017 Headstar Limited. All rights reserved."
 [eab]: http://headstar.com/eab/ "E-Access Bulletin"
 [eablive]: http://headstar.com/eablive/ "E-Access Bulletin Live"
 [eabl-logo]: https://raw.githubusercontent.com/nfreear/headstar-web/master/eab/images/eablive-1.png

eab/includes/graphic.css

@@ -27,12 +27,12 @@ p,li,table,address, h4 { font-size: 1.06em; }
 
 #eab h1 { margin: 1%; }
 #eab #main { margin-top: 3%; }
-a {
+a:link {
   color:      #640a64; /* #862c86 */
   background: #fdfdfd;
   text-decoration: none;
 }
-a:hover, a:focus, a:active {
+a:link:hover, a:focus, a:active {
   color:      #900;
   background: #fbfbfb;
 }

eab/includes/noscript.css

@@ -6,7 +6,6 @@
 @import "textonly.css";
 
 
-
 @media screen
 {
   .notice /* #tribute */ {
@@ -92,3 +91,47 @@ body .gs-webResult.gs-result a.gs-title:visited,
 body .gs-webResult.gs-result a.gs-title:visited b {
   color: #900;
 }
+
+
+/* Embedding.
+*/
+body.pg-embed,
+.pg-embed #Body {
+  background: #fff;
+}
+
+.pg-embed a {
+  background: transparent;
+}
+
+.pg-embed #top,
+.pg-embed #totop,
+.pg-embed #menu,
+.pg-embed #comment,
+.pg-embed #foot {
+  display: none;
+}
+
+.pg-embed #main,
+.pg-embed #bulletin {
+  width: 100%;
+  float: none;
+  margin: 1px;
+}
+
+.pg-embed a[ href ] {
+  color: blue;
+}
+.pg-embed #totop a {
+  border-color: #ccc;
+}
+.pg-embed .notice {
+  margin: .8em;
+}
+.pg-embed #bulletin {
+  border: none;
+}
+.pg-embed h2 {
+  border: none;
+  color: #333;
+}

eab/includes/styleswitcher.js

@@ -1,7 +1,8 @@
 /**
- * Title: E-Access Bulletin web - Javascript Style-sheet switcher using the DOM.
+ * Title: Javascript Style-sheet switcher using the DOM.
  * URL:   http://www.headstar.com/eab/includes/styleswitcher.js
  * Refer: Nick 2004-07-01, http://www.bunburyIS.com .
+ * Copyright © 2004-2016 Nick Freear.
  *
  * Src: http://alistapart.com/stories/alternate, Sowden & Koch, 126/2001-11 (2003-07-21).
  */

eab_base/__E-ACCESS__.html

@@ -19,10 +19,10 @@
   <meta name="DC.identifier" content="ISSN: 1476-6337" />
   <meta name="DC.subject" content="EAB, TENS, e-access, bulletin, e-accessibility, accessibility, disability, gerontology, blind, visually impaired, RNIB, access technology, Headstar, Bunbury IS" />
   <meta name="DC.creator" content="N.D.Freear" />
-  <meta name="DC.date" content="2016-10-09" />
+  <meta name="DC.date" content="2017-04-13" />
   <meta name="eGMS.accessibility" content="eGMS.WCAG10: Double-A" />
 
-  <meta name="copyright" content="&copy; 2000-2016 Headstar Limited." />
+  <meta name="copyright" content="&copy; 2000-2017 Headstar Limited." />
   <meta name="description" content="News and research on technology access by those with disabilities and older people." />
   <meta name="keywords" content="EAB, TENS, e-access, bulletin, e-accessibility, accessibility, disability, gerontology, blind, visually impaired, RNIB, access technology, Headstar" />
 
@@ -113,16 +113,19 @@ <h2 class="accesshide" id="nav-lbl"><a class="Bookmark">Site Menu</a></h2>
   })();
 </script>
 <script>
-(function () {
+(function (W, D) {
 
-  var D = document,
-    page = D.location.pathname.replace(/.+\//, '').replace(/\..+/, ''),
+  var page = W.location.pathname.replace(/.+\//, '').replace(/\..+/, ''),
     el = D.querySelector("#foot .y"),
     year = 1900 + (new Date()).getYear();
 
   el.innerHTML = year;
   D.body.className += " pg-" + page;
 
-})();
+  if (W.location.href.match(/[&\?]embed=(1|true)/)) {
+    D.body.className += " pg-embed";
+  }
+
+})(window, window.document);
 </script>
 </html>

eab_base/archive.html

@@ -10,7 +10,7 @@
 <h2><a class="Tab">Bulletin Archive</a></h2>
 
 <ul id="notes">
-<li>Recently archived:  <a title='Most recently archived Bulletin' href='#current'>September 2016</a>.</li>
+<li>Recently archived:  <a title='Most recently archived Bulletin' href='#current'>March 2017</a>.</li>
 <li>Years;  <a href="#a2000">2000</a>,
   <a href="#a2001">2001</a>,
   <a href="#a2002">2002</a>,
@@ -28,14 +28,37 @@ <h2><a class="Tab">Bulletin Archive</a></h2>
   <a href="#a2014">2014</a>,
   <a href="#a2015">2015</a>,
   <a href="#a2016">2016</a>,
+  <a href="#a2017">2017</a>,
 </li>
 <li>Note; <a href="http://www.headstar.com/ten">
   <abbr title="Text Email Newsletter Standard">TENS</abbr></a> introduced issue 36, December 2002.</li>
 </ul>
 
+<h3 id="a2017">2017</h3>
+<ul class="Archive">
+<li id="current">Issue 207;  <a href="issues/2017/mar2017.html">March 2017 HTML</a>, <a
+  href="issues/2017/mar2017.txt">March 2017 text</a>.
+</li>
+<li>Issue 206;  <a href="issues/2017/feb2017.html">February 2017 HTML</a>, <a
+  href="issues/2017/feb2017.txt">February 2017 text</a>.
+</li>
+<li>Issue 205;  <a href="issues/2017/jan2017.html">January 2017 HTML</a>, <a
+  href="issues/2017/jan2017.txt">January 2017 text</a>.
+</li>
+</ul>
+
 <h3 id="a2016">2016</h3>
 <ul class="Archive">
-<li id="current">Issue 201;  <a href="issues/2016/sep2016.html">September 2016 HTML</a>, <a
+<li>Issue 204;  <a href="issues/2016/dec2016.html">December 2016 HTML</a>, <a
+  href="issues/2016/dec2016.txt">December 2016 text</a>.
+</li>
+<li>Issue 203;  <a href="issues/2016/nov2016.html">November 2016 HTML</a>, <a
+  href="issues/2016/nov2016.txt">November 2016 text</a>.
+</li>
+<li>Issue 202;  <a href="issues/2016/oct2016.html">October 2016 HTML</a>, <a
+  href="issues/2016/oct2016.txt">October 2016 text</a>.
+</li>
+<li>Issue 201;  <a href="issues/2016/sep2016.html">September 2016 HTML</a>, <a
   href="issues/2016/sep2016.txt">September 2016 text</a>.
 </li>
 <li>Issue 199;  <a href="issues/2016/jul2016.html">July 2016 HTML</a>, <a
@@ -634,7 +657,7 @@ <h3 id="a2000">2000</h3>
   href="issues/2000/jan2000.txt">January 2000 text</a>.
 </li>
 </ul>
-<p id="stamp">Last build: 09 October 2016 13:29 <abbr title="Greenwich Mean Time">GMT</abbr>.</p>
+<p id="stamp">Last build: 13 April 2017 16:53 <abbr title="Greenwich Mean Time">GMT</abbr>.</p>
 </div><!--id=bulletin-->
 
 <div id="comment"> </div>