Bug #2/ #3, add post excerpts to list in index.html

* Plus, add `<!--more-->` tags to blog posts.

.gitignore

@@ -1,2 +1,5 @@
 _site
 .sass-cache
+
+*BAK*
+*copy*

_config.yml

@@ -19,6 +19,7 @@ ex_long_desc: > # this means to ignore newlines until "baseurl:"
   src="https://licensebuttons.net/l/by-sa/4.0/88x31.png" title=
   "Content: released under a Creative Commons Attribution-ShareAlike 4.0 License"></a>
   </i>
+#excerpt_separator: "<!--more-->"
 #paginate: 2
 baseurl: "" # the subpath of your site, e.g. /blog/
 url: "http://nick.freear.org.uk"

_posts/2009-09-07-flash-mode-considered-harmful.md

@@ -13,11 +13,11 @@ Despite the emergence of the [`<video>`][video] element in HTML 5, Shockwave Fla
 is still the defacto standard for publish multimedia on the Web. Macromedia, and
 now Adobe have improved the support for assistive technologies and software
 interfaces like _Microsoft Active Accessibility (MSAA)_ within the Flash browser
-plug-ins and it is now possible to create a video player in which all the controls
+plug-ins.  <!--more-->
+And, it is now possible to create a video player in which all the controls
 and status information are perceivable by screen reader users. So all the
 challenges to do with Flash have been overcome, no problems? Wrong.
 
-<!--more-->
 
 I [and others][] have uncovered what appears to be a [little publicised][] or
 little known flaw that renders some of the "embed codes" displayed at sites like YouTube, Vimeo et al completely inaccessible.

_posts/2015-03-03-eaccess15-conference-part-2.md

@@ -19,6 +19,8 @@ presented the valuable work done by the charity on [digital inclusion][ageuk].
 She discussed a project to use teenagers as volunteer mentors, and
 [referred to the _Digital inclusion evidence review_, 2013 (PDF)][ageuk-pdf].
 
+<!--more-->
+
 The final session of the morning was by Paul Smyth, Head of IT Accessibility at
 Barclays Bank. Paul Smyth and his colleagues have acheived a high-level of buy-in
 and ownership of Web accessibility from the bank's senior management.

_posts/2015-03-03-eaccess15-conference.md

@@ -21,6 +21,8 @@ Tuesday 20-21:00 <abbr title="Greenwich Mean Time">UTC/GMT</abbr> on
 in business on the web and beyond. Run by [@neilmilliken](https://twitter.com/neilmilliken)
 and [@akwyz](https://twitter.com/akwyz).
 
+<!--more-->
+
 Greetings!
 
 On the 24 February, I attended the [e-Access'15 conference](http://headstar.com/eaccess14/)

_posts/2015-08-20-introducing-open-media-player.md

@@ -14,6 +14,8 @@ x-search: https://google.co.uk/search?q="Open+Media+Player"
 
 I'm very happy to announce that we have released Open Media Player (formerly called OU Media Player), as a free/open source project. It has been our intention for a while to make the code open source, and we were finally able to plan in the time to make it happen.
 
+<!--more-->
+
 [![Open Media Player][example-img]][link]
 
 ## Why open source?

_posts/2015-10-02-open-media-player-jisc-challenge.md

@@ -12,7 +12,9 @@ tags:   accessibility  IET-OU   multimedia   oEmbed   OU   ouplayer   Jisc
 Today we entered our idea in Jisc's Accessible by Design competition. We've got some
 innovations we'd like us to pursue, and Jisc's competition seems like a great vehicle.
 
-[video-yt][]
+<!--more-->
+
+[Video, on YouTube.][]
 
 We're looking at two features. The first is _interactive synchronized transcripts_.
 This should be of benefit to those with hearing impairments, and a general audience.
@@ -46,7 +48,7 @@ Thank you!
 [![Open Media Player][omp-icon]][omp]
 
 
-[video-yt]: https://youtu.be/0rj_td9wwbI#_EMBED_ME_
+[Video, on YouTube.]: https://youtu.be/0rj_td9wwbI#_EMBED_ME_
 [video-pod]: http://podcast.open.ac.uk/pod/open-media-player#!c0370d88c0
 [omp]: http://iet-ou.github.io/open-media-player/
 [omp-icon]: http://iet-ou.github.io/open-media-player/badge.svg "Open Media Player"

_posts/2015-10-09-laceflare-workshop-lace-accessibility.md

@@ -7,15 +7,15 @@ tags:   accessibility  IET-OU   LACE  event  workshop
 ---
 
 
-<a href="https://youtu.be/YC7NBEuCVUo#!__EMBED_ME__">YouTube: extended talk</a>
-
-
+[Extended talk, on YouTube.][]
 
 I've been working with Doug (Clow) and Rebecca (Ferguson) on the
 _LACE Evidence Hub_ over the past 18 months.
 It has not been continuous development --
 just this week, we're completing the third phase of software development.
 
+<!--more-->
+
 This talk is an extended version of a lightning talk I'll be giving on Friday 9 October
 (it should last 2 minutes -- a challenge!)
 
@@ -57,7 +57,8 @@ That's all from me today. Thanks for listening!
 
 [Visit: _evidence.laceproject.eu_][visit]
 
-[Slide 10](http://www.slideshare.net/laceproject/learning-analytics-lace-solar-flare-2015/10#!__EMBED_ME__)
+[Slide 10](http://slideshare.net/laceproject/learning-analytics-lace-solar-flare-2015/10#!__EMBED_ME__)
 
 
+[Extended talk, on YouTube.]: https://youtu.be/YC7NBEuCVUo#!__EMBED_ME__
 [visit]: http://evidence.laceproject.eu#!__BIG_ME__

_sass/_custom.scss

@@ -17,6 +17,10 @@ a:focus { text-decoration: underline; }
     fill: #ee7600;  //darkorange; //#a22; //Was: #151515;
 }
 
+.post-list a.more:after {
+    content: "...";
+}
+
 img[ src *= "open-media-player/badge.svg" ] {
     width: 240px; height: 140px;
     display: block;

index.html

@@ -9,11 +9,14 @@ <h1 class="page-heading">Posts</h1>
   <ul class="post-list">
     {% for post in site.posts %}
       <li>
-        <span class="post-meta">{{ post.date | date: "%b %-d, %Y" }}</span>
+        {% capture date_format %}{{ site.date_fmt | default: "%b %-d, %Y" }}{% endcapture %}
+        <span class="post-meta">{{ page.date | date: date_format }}</span>
 
         <h2>
           <a class="post-link" href="{{ post.url | prepend: site.baseurl }}">{{ post.title }}</a>
         </h2>
+        <p>{{ post.content | strip_html | truncate: 220 }}
+        <a class="more" href="{{ post.url | prepend: site.baseurl }}">More<i class="sr-only"> on {{ post.title }}</i></a>
       </li>
     {% endfor %}
   </ul>