Bug IET-OU#51, configurable privacy policy URL in tool-footer [iet:10…

…364720]

README.md

@@ -48,6 +48,7 @@ npm start
 npm run pa11y-ci
 npm run fix
 npm run jsdoc  # Generate documentation in /jsdoc/ directory.
+npx eslint src # browserslist-based test.
 ```
 
 ## API

docs/CHANGELOG.md

@@ -24,21 +24,23 @@ See [spreadsheet][gdoc].
  * Add browser compatibility-checking Javascript _(error message in Internet Explorer)_, #7;
  * Add default configuration; extend configuration options, including callbacks, #43;
  * Switch the file-save function to create a redirecting HTML file, #42;
- * Add compress/minified version of Javascript _(94 → 66 kB)_, #41;
+ * Add compress/minified version of Javascript _(100 → 70 kB)_, #41;
  * Fix — identify the '_Add more cards_' arrow button as a button, #47;
  * Add `?zoom=75` URL parameter to aid embedding, #17;
  * Add `?bg=wheat` URL parameter (`background-color`);
  * Swap the '_tool_' page back to GitHub Pages, #48;
+ * Configurable privacy policy link, #51;
  * Start [JSDoc][] documentation, #49;
  * Add [browserslist][] / eslint test, #7;
- * _... Anything else ...?_
+ * Favicon, #52;
  * Added `CHANGELOG`, #45;
+ * _.. Anything else ..?_
 
 ## v[1.3.4][]
 
  * _2 October 2018;_
  * Fixed post-it display bug;
- * _What else changed ...?_
+ * _.. Anything else ..?_
 
 ## v[1.3.3][]
 
@@ -98,7 +100,8 @@ See [spreadsheet][gdoc].
   "Browserify lets you require('modules') in the browser by bundling up all of your dependencies."
 [stringify]: https://npmjs.com/package/stringify
   "Browserify plugin to require() text / HTML files ... inside your client-side JavaScript."
-[browserslist]: https://browsersl.ist/
+[browserslist]: https://browsersl.ist/?q=last+1+version%2C+%3E+1%25%2C+not+dead%2C+not+ie+%3C+99
+  "A page to display compatible browsers from a browserslist string."
 [travis-ci]: https://travis-ci.org/IET-OU/our-journey
 [jsdoc]: http://usejsdoc.org/
 

src/config.js

@@ -10,6 +10,8 @@ module.exports.DEFAULTS = {
   assetUrl: 'https://unpkg.com/our-journey@^1/assets',
   // URL of the help page, to use in HTML links.
   helpUrl: 'https://iet-ou.github.io/our-journey/help.html',
+  // @prop {string} privacyUrl Link to a privacy policy, and terms.
+  privacyUrl: null, // 'https://iet-ou.github.io/our-journey/privacy.html' or 'https://www.open.ac.uk/privacy',
   // Load a demonstration journey (Default: false)
   demo: UTIL.param(/[?&]demo=(1)/, false),
   // Use the floating or fixed editor (Default: floating)

src/partials/attribute.html

@@ -3,10 +3,10 @@
   <a href="https://iet-ou.github.io/our-journey/">our-journey</a>
   v<i>__VERSION__</i>
   |
-  © 2018 <a href="http://www.open.ac.uk/">The Open University</a>
-  (<a href="https://iet.open.ac.uk/" title="Institute of Educational Technology">IET</a>).
-  |
-  License: <a href="https://gnu.org/licenses/gpl-3.0.en.html" title="GNU General Public License, version 3 or later.">GPL 3.0+</a>.
+  © <a href="http://www.open.ac.uk/" title='Copyright © 2018 The Open University'>The Open University</a>
+  | <a href="https://iet.open.ac.uk/" title='Developed by the Institute of Educational Technology (IET)'>IET</a>
+  <a rel='license' href="https://gnu.org/licenses/gpl-3.0.en.html" title="GNU General Public License, version 3 or later [GPL-3.0+]">License</a>
+  <a class='p' href='{privacyUrl}' title='Privacy policy, and terms of service'>Privacy</a>
 </p>
 
 <p class="footer-logos">
@@ -29,4 +29,4 @@
   https://buttons.github.io/
    <a class="github-button" href="https://github.com/IET-OU/our-journey/fork" data-size="large" aria-label="Fork IET-OU/our-journey on GitHub">Fork</a>
    <script async defer src="https://buttons.github.io/buttons.js"></script>
--->
+-->

src/views.js

@@ -37,6 +37,7 @@ function setup () {
 function partial (partialContent) {
   return UTIL.replace(partialContent, {
     '{assets}': UTIL.config('assetUrl'),
+    '{privacyUrl}': UTIL.config('privacyUrl') || '',
     '{helpUrl}': UTIL.config('helpUrl')
   });
 }

style/journeystyle.css

@@ -207,6 +207,18 @@ svg#journey-canvas .card.orient-vert > rect {
   margin-top: 65px;
 }
 
+.footer-copy .p:before,
+.footer-copy [ rel = license ]:before {
+  color: #000;
+  content: '|';
+  margin: 0 .25rem;
+  text-decoration: none;
+}
+
+.footer-copy .p[ href = '' ] {
+  display: none;
+}
+
 .footer-logos {
   float: right;
 }