Re-applied markup fixes to activities HTML; edits to site CSS styles

* .. Removed duplicate `help.html` and `helpstyle` stylesheet
* .. Plus, IET-OU#45 edits to changelog

docs/CHANGELOG.md

@@ -18,56 +18,57 @@ git push --tags
 
 See [spreadsheet][gdoc].
 
-## v[1.3.5][]
+## v[1.4.0][]
 
  * _~~ mid-October 2018_;
- * Add browser compatibility-checking Javascript _(error message in Internet Explorer)_;
+ * Add browser compatibility-checking Javascript _(error message in Internet Explorer)_, #7;
+ * Add default configuration; extend configuration options, including callbacks, #43;
  * _... Anything else ...?_
- * Added CHANGELOG;
+ * Added CHANGELOG, #45;
 
 ## v[1.3.4][]
 
- * 2 October 2018;
+ * _2 October 2018;_
  * Fixed post-it display bug;
  * _What else changed ...?_
 
 ## v[1.3.3][]
 
- * 28 September 2018;
- * Public release / open sourced;
- * Portable code — HTML templates built with [stringify][];
+ * _28 September 2018;_
+ * Public release / open sourced, #15;
+ * Portable code — HTML templates built with [stringify][], #24;
  * Floating editor fixes;
  * Further Firefox browser fix;
- * Initial contributing guide;
+ * Initial contributing guide, #37;
  * Travis-CI build/test operational;
- * Files re-arranged; GitHub pages site put in `/docs/` folder;
+ * Files re-arranged; GitHub pages site put in `/docs/` folder, #38;
 
 ## v[1.2.0][]
 
- * 24 August 2018;
+ * _24 August 2018;_
  * Single-column layout;
  * Initial floating editor;
  * First Firefox browser fix;
 
 ## v[1.1.1][]
 
- * 31 July 2018;
+ * _31 July 2018;_
  * First version published to [Npmjs.com][] _(technically, '1.1.0')_
- * Javascript built with Npm and [Browserify][];
- * Reduce JS global variables; initial separation of our-journey _API_;
- * Test / linting with `semistandard`;
- * First GitHub Pages demo;
+ * Javascript built with Npm and [Browserify][], #6;
+ * Reduce JS global variables; initial separation of our-journey _API_, #1;
+ * Test / linting with `semistandard`, #1;
+ * First GitHub Pages demo, #22;
  * Initial '_link-sharing_' functionality (Base64 encoded journey JSON in URL)
 
 ## v[0.8.0][]
 
- * Pre-release. 20 June 2018.
+ * Pre-release. _20 June 2018;_
  * "_1st upload: proof of concept_"
  * > index.html contains js and html. journeystyle.css contains styles other files are graphics
 
 ---
 
-←[README][]
+← [README][]
 
 [gdoc]: https://docs.google.com/spreadsheets/d/13pR4eFvzttsrsqdf4FEPa0hCbMNuTYNrJJl46pxyumw/#gid=0 "Spreadsheet — 'our-journey npm-view git-tag'"
 

docs/activities.html

@@ -21,30 +21,42 @@
         <li class="navli"><a href="download.html">Downloads</a></li>
         <li class="navli"><a class="active" href="activities.html">Activities</a></li>
     </ul>
+
 <h1>Activities</h1>
+<p>
 The principle behind the tools is to support students to represent and communicate the student journey from their own perspectives. This lends itself to several different activities, including as a means to feedback and dialogue with staff, and as a means to reflection on their approach and goals. Our understanding of this is evolving as we devise and trial different activities using the tools. We are very interested to see how others use them too.
-<br>
+
 <h2>Students and staff workshops</h2>
+<p>
 The printed posters and cards are designed for discussion and work well with small groups. The tools are very flexible.
 An approach that we have found useful has been for each small group to include a student who represents their journey using the tools. Staff can discuss this with the student during the process to gain insight, and can add additional notes to the journey representation with their reflections.
-<br><br>
+<p>
 <img src="assets/journey_ws2.png" class="centre" alt="Five people around a table creating a journey together using the Our Journey cards and poster">
-<br>
+
 <h2>Student reflection activities</h2>
+<p>
 A key point raised in the design process was the potential for the tools to engage students in reflecting on their journeys. This could be an individual activity, but journeys can also become a shared artefact for discussion with tutors or peers.
-<br>
+<p>
 The learning outcomes we suggest for these activities include to be able to:
-<ul>
+
+<ul class="bodylist">
 <li>Communicate your experience of being a student.</li>
 <li>Reflect on the way in which they deal with challenges during study.</li>
 <li>Recognise and celebrate personal successes</li>
 <li>Recognise areas you found challenging and identify ways of overcoming similar challenges in the future.</li>
 </ul>
-<br>
+
 <h2>Research and evaluation</h2>
+<p>
 The online or printed tool can be used as part of research conducted with students to understand their experiences. The use of the tool as part of an interview method is being piloted, and we are planning a trial where journeys are captured at scale as a means of feedback.
-<br><br>
+
 <h2>The journey as an interface for guidance and support</h2>
+<p>
 A more ambitious vision for the online journey tool is that it could become an active guide for students. For example, that they would periodically update it and receive support information based on their input.
+
+<p class="footer-logos">
+        <a href="https://iet.open.ac.uk/"><img src="assets/iet-logo.svg" alt="Institute of Educational Technology" title="Institute of Educational Technology" /></a>
+        <a href="http://www.open.ac.uk/"><img src="assets/ou-logo.svg" alt="The Open University" title="The Open University" /></a>
+</p>
 </body>
 </html>

docs/download.html

@@ -35,18 +35,17 @@ <h1>Download printable files</h1>
 
         <b>
         <ul class="bodylist">
-          <li><a href="assets/Journey_A1poster_emptyBoard.pdf"> Journey board poster (designed to be printed at A1 size) </a></li>
+          <li><a href="assets/Journey_A1poster_emptyBoard.pdf" title="PDF, 7.8 MB">Journey board poster (designed to be printed at A1 size)</a></li>
 
-          <li><a href="assets/Journey_Printer_Assets.pdf"> Journey card set</a></li>
+          <li><a href="assets/Journey_Printer_Assets.pdf" title="PDF, 1.5 MB">Journey card set</a></li>
 
-          <li><a href="assets/Journey_A1poster_exampleJourney.pdf"> An example journey (designed to be printed at A1 size) </a></li>
+          <li><a href="assets/Journey_A1poster_exampleJourney.pdf" title="PDF, 6.1 MB"> An example journey (designed to be printed at A1 size) </a></li>
         </ul>
         </b>
 
     <p class="footer-logos">
             <a href="https://iet.open.ac.uk/"><img src="assets/iet-logo.svg" alt="Institute of Educational Technology" title="Institute of Educational Technology" /></a>
             <a href="http://www.open.ac.uk/"><img src="assets/ou-logo.svg" alt="The Open University" title="The Open University" /></a>
-        </p>
     </p>
     </body>
 

docs/help.html

@@ -71,7 +71,7 @@ <h2>Printing your journey and creating a pdf</h2>
 
 
     <h2>Changing the view of the journey</h2>
-
+    <p>
     The view section of the options menu allows you to change the background colour, choose whether you want background images, and change the colour of the cards.
 
 </body>

docs/style/helpstyle.css

@@ -1,3 +1,6 @@
+
+/* Not in use! */
+
 h1{
     font-family: Arial, Helvetica, sans-serif;
     font-size: 1.2em;

docs/style/style.css

@@ -1,25 +1,29 @@
 body {
-    font-family: Arial, Helvetica, sans-serif;
+    background: #fff;
+    color: #222;
+    font: 1rem Arial, Helvetica, sans-serif;
+    line-height: 1.6rem;
     max-width: 1000px;
     margin: auto;
     padding: 20px;
 }
 
 h1 {
-    font-size: 1.2em;
+    font-size: 1.3rem;
 }
 
 h2{
-    font-size: 1em;
+    font-size: 1.1rem;
 }
 
 .centre {
     display: block;
     margin-left: auto;
     margin-right: auto;
 }
+
 .bodylist {
-    line-height: 1.8rem;
+    line-height: 1.9rem;
 }
 
 .footer-copy {
@@ -50,6 +54,7 @@ img[ src = 'assets/iet-logo.svg' ] {
 .navlist {
     list-style-type: none;
     border-width: 1px 1px;
+    line-height: 1.1rem;
     list-style: none;
     margin: 0;
     padding: 0;
@@ -74,3 +79,7 @@ img[ src = 'assets/iet-logo.svg' ] {
 .navlist .active {
     background-color: lightgray;
 }
+
+.navlist a:focus {
+  text-decoration: underline;
+}