Publish pskov 04 lang and 05 blog videos

2019-06-25 11:49:12 +03:00
parent f11b5d05c4
commit 511fa2b9f1
42 changed files with 266 additions and 100 deletions
--- a/pskov/en/education.01.why.md
+++ b/pskov/en/education.01.why.md
@@ -1,5 +1,5 @@
 Title: Education: 01. Why
-Date: 2019-06-18 00:00
+Date: 2019-06-25 00:00
 Category: Page
 Slug: education.01.why 
 Lang: en
--- a/pskov/en/education.02.deps.md
+++ b/pskov/en/education.02.deps.md
@@ -1,5 +1,5 @@
 Title: Education: 02. Dependencies
-Date: 2019-06-18 00:00
+Date: 2019-06-25 00:00
 Category: Page
 Slug: education.02.deps
 Lang: en
--- a/pskov/en/education.03.site.md
+++ b/pskov/en/education.03.site.md
@@ -1,5 +1,5 @@
 Title: Education: 03. Site
-Date: 2019-06-18 00:00
+Date: 2019-06-25 00:00
 Category: Page
 Slug: education.03.site
 Lang: en
--- a/pskov/en/education.04.lang.html
+++ b/pskov/en/education.04.lang.html
@@ -120,8 +120,10 @@ Education: 04. Language
 <li><a href="#cfg">02. Investigate <code>pskov.cfg</code> file</a></li>
 <li><a href="#item">03. Investigate template files</a></li>
 <li><a href="#md">04. Investigate Markdown files</a></li>
-<li><a href="#gen">05. Launch LFSA and generate the site</a></li>
-<li><a href="#summary">06. Summary</a></li>
+<li><a href="#lfsa">05. Launch LFSA</a></li>
+<li><a href="#gen">06. Generate the site</a></li>
+<li><a href="#observe">07. Observe the site</a></li>
+<li><a href="#summary">08. Summary</a></li>
 </ul>
 <p><a name="localization"/></p>
 <h2 id="01localization">01. Localization</h2>
@@ -225,20 +227,34 @@ item = item.template
 | Звания | * академик ИАХ (1898) &lt;br&gt; * действительный член ИАХ (1903) |
 </code></pre>
 <p><strong>Note</strong>: Russian page has exactly the same <code>Slug</code> value as English one.</p>
-<p><a name="gen"/></p>
-<h2 id="05launchlfsaandgeneratethesite">05. Launch LFSA and generate the site</h2>
+<p><a name="lfsa"/></p>
+<h2 id="05launchlfsa">05. Launch LFSA</h2>
+<video controls poster="../vid/education.04.lang.launch-lfsa.edgy.poster.png">
+    <source src="../vid/education.04.lang.launch-lfsa.edgy.mp4" type ="video/mp4">
+    <source src="../vid/education.04.lang.launch-lfsa.edgy.webm" type ="video/webm">
+    ERROR Your browser does not support HTML5 video
+</video>
 <p>Launch <a href="http://opengamestudio.org/lfsa">LFSA</a> so that it points to directory with the files we just observed:</p>
 <pre><code>$ /path/to/lfsa_1.0.0.py /path/to/dir/02.Language
 </code></pre>
-<p>Generate the site:</p>
-<ul>
-<li>Go to <a href="http://opengamestudio.org/pskov">Tool</a> page</li>
-<li>Press <code>Generate</code> button</li>
-<li>Open generated <code>en/about.html</code> or <code>ru/about.html</code> from the site's directory locally</li>
-<li>Switch language to verify language selection works fine</li>
-</ul>
+<p><a name="gen"/></p>
+<h2 id="06generatethesite">06. Generate the site</h2>
+<video controls poster="../vid/education.04.lang.gen.edgy.poster.png">
+    <source src="../vid/education.04.lang.gen.edgy.mp4" type ="video/mp4">
+    <source src="../vid/education.04.lang.gen.edgy.webm" type ="video/webm">
+    ERROR Your browser does not support HTML5 video
+</video>
+<p>Go to <a href="http://opengamestudio.org/pskov">Tool</a> page and press <code>Generate</code> button to generate HTML files right where Markdown ones reside.</p>
+<p><a name="observe"/></p>
+<h2 id="07observethesite">07. Observe the site</h2>
+<video controls poster="../vid/education.04.lang.observe.edgy.poster.png">
+    <source src="../vid/education.04.lang.observe.edgy.mp4" type ="video/mp4">
+    <source src="../vid/education.04.lang.observe.edgy.webm" type ="video/webm">
+    ERROR Your browser does not support HTML5 video
+</video>
+<p>Observe generated web site locally by opening <code>en/about.html</code> or <code>ru/about.html</code> and switching language.</p>
 <p><a name="summary"/></p>
-<h2 id="06summary">06. Summary</h2>
+<h2 id="08summary">08. Summary</h2>
 <p>You have successfully added language selection. <a href="http://opengamestudio.org/pskov/sample/02.Language/en/about.html">Check out the result</a>.</p>
 <p>Introduced PSKOV constants include:</p>
 <table>
--- a/pskov/en/education.04.lang.md
+++ b/pskov/en/education.04.lang.md
@@ -1,5 +1,5 @@
 Title: Education: 04. Language
-Date: 2019-06-18 00:00
+Date: 2019-06-25 00:00
 Category: Page
 Slug: education.04.lang
 Lang: en
@@ -20,8 +20,10 @@ Estimated completion time: 10 minutes.
 * [02. Investigate `pskov.cfg` file](#cfg)
 * [03. Investigate template files](#item)
 * [04. Investigate Markdown files](#md)
-* [05. Launch LFSA and generate the site](#gen)
-* [06. Summary](#summary)
+* [05. Launch LFSA](#lfsa)
+* [06. Generate the site](#gen)
+* [07. Observe the site](#observe)
+* [08. Summary](#summary)

 <a name="localization"/>

@@ -142,9 +144,15 @@ For example, `ru/cv.md` has the following contents:

 **Note**: Russian page has exactly the same `Slug` value as English one.

-<a name="gen"/>
+<a name="lfsa"/>

-## 05. Launch LFSA and generate the site
+## 05. Launch LFSA
+
+<video controls poster="../vid/education.04.lang.launch-lfsa.edgy.poster.png">
+    <source src="../vid/education.04.lang.launch-lfsa.edgy.mp4" type ="video/mp4">
+    <source src="../vid/education.04.lang.launch-lfsa.edgy.webm" type ="video/webm">
+    ERROR Your browser does not support HTML5 video
+</video>

 Launch [LFSA][lfsa] so that it points to directory with the files we just observed:

@@ -152,16 +160,33 @@ Launch [LFSA][lfsa] so that it points to directory with the files we just observ
 $ /path/to/lfsa_1.0.0.py /path/to/dir/02.Language
 ```

-Generate the site:
+<a name="gen"/>

-* Go to [Tool][tool] page
-* Press `Generate` button
-* Open generated `en/about.html` or `ru/about.html` from the site's directory locally
-* Switch language to verify language selection works fine
+## 06. Generate the site
+
+<video controls poster="../vid/education.04.lang.gen.edgy.poster.png">
+    <source src="../vid/education.04.lang.gen.edgy.mp4" type ="video/mp4">
+    <source src="../vid/education.04.lang.gen.edgy.webm" type ="video/webm">
+    ERROR Your browser does not support HTML5 video
+</video>
+
+Go to [Tool][tool] page and press `Generate` button to generate HTML files right where Markdown ones reside.
+
+<a name="observe"/>
+
+## 07. Observe the site
+
+<video controls poster="../vid/education.04.lang.observe.edgy.poster.png">
+    <source src="../vid/education.04.lang.observe.edgy.mp4" type ="video/mp4">
+    <source src="../vid/education.04.lang.observe.edgy.webm" type ="video/webm">
+    ERROR Your browser does not support HTML5 video
+</video>
+
+Observe generated web site locally by opening `en/about.html` or `ru/about.html` and switching language.

 <a name="summary"/>

-## 06. Summary
+## 08. Summary

 You have successfully added language selection. [Check out the result][02-sample].

--- a/pskov/en/education.05.blog.html
+++ b/pskov/en/education.05.blog.html
@@ -123,8 +123,10 @@ Education: 05. Blog
 <li><a href="#index">05. Investigate templates of preview pages</a></li>
 <li><a href="#pagination">06. Investigate pagination templates</a></li>
 <li><a href="#md">07. Investigate Markdown files</a></li>
-<li><a href="#gen">08. Launch LFSA and generate the site</a></li>
-<li><a href="#summary">09. Summary</a></li>
+<li><a href="#lfsa">08. Launch LFSA</a></li>
+<li><a href="#gen">09. Generate the site</a></li>
+<li><a href="#observe">10. Observe the site</a></li>
+<li><a href="#summary">11. Summary</a></li>
 </ul>
 <p><a name="blog"/></p>
 <h2 id="01blog">01. Blog</h2>
@@ -560,20 +562,34 @@ PSKOV_PAGINATION
 </tr>
 </tbody>
 </table>
-<p><a name="gen"/></p>
-<h2 id="08launchlfsaandgeneratethesite">08. Launch LFSA and generate the site</h2>
+<p><a name="lfsa"/></p>
+<h2 id="08launchlfsa">08. Launch LFSA</h2>
+<video controls poster="../vid/education.05.blog.launch-lfsa.edgy.poster.png">
+    <source src="../vid/education.05.blog.launch-lfsa.edgy.mp4" type ="video/mp4">
+    <source src="../vid/education.05.blog.launch-lfsa.edgy.webm" type ="video/webm">
+    ERROR Your browser does not support HTML5 video
+</video>
 <p>Launch <a href="http://opengamestudio.org/lfsa">LFSA</a> so that it points to directory with the files we just observed:</p>
 <pre><code>$ /path/to/lfsa_1.0.0.py /path/to/dir/03.Blog
 </code></pre>
-<p>Generate the site:</p>
-<ul>
-<li>Go to <a href="http://opengamestudio.org/pskov">Tool</a> page</li>
-<li>Press <code>Generate</code> button</li>
-<li>Open generated <code>en/blog/index.html</code> or <code>ru/blog/index.html</code> from the site's directory locally</li>
-<li>Navigate preview pages to make sure everything works fine</li>
-</ul>
+<p><a name="gen"/></p>
+<h2 id="09generatethesite">09. Generate the site</h2>
+<video controls poster="../vid/education.05.blog.gen.edgy.poster.png">
+    <source src="../vid/education.05.blog.gen.edgy.mp4" type ="video/mp4">
+    <source src="../vid/education.05.blog.gen.edgy.webm" type ="video/webm">
+    ERROR Your browser does not support HTML5 video
+</video>
+<p>Go to <a href="http://opengamestudio.org/pskov">Tool</a> page and press <code>Generate</code> button to generate HTML files right where Markdown ones reside.</p>
+<p><a name="observe"/></p>
+<h2 id="10observethesite">10. Observe the site</h2>
+<video controls poster="../vid/education.05.blog.observe.edgy.poster.png">
+    <source src="../vid/education.05.blog.observe.edgy.mp4" type ="video/mp4">
+    <source src="../vid/education.05.blog.observe.edgy.webm" type ="video/webm">
+    ERROR Your browser does not support HTML5 video
+</video>
+<p>Observe generated web site locally by opening <code>en/blog/index.html</code> or <code>ru/blog/index.html</code> and navigating preview pages.</p>
 <p><a name="summary"/></p>
-<h2 id="09summary">09. Summary</h2>
+<h2 id="11summary">11. Summary</h2>
 <p>You have successfully generated a web site with "dynamic" blog posts. <a href="http://opengamestudio.org/pskov/sample/03.Blog/en/blog/index.html">Check out the result</a>.</p>
 <p>Introduced PSKOV constants include:</p>
 <table>
--- a/pskov/en/education.05.blog.md
+++ b/pskov/en/education.05.blog.md
@@ -1,5 +1,5 @@
 Title: Education: 05. Blog
-Date: 2019-05-22 00:00
+Date: 2019-06-25 00:00
 Category: Page
 Slug: education.05.blog
 Lang: en
@@ -23,8 +23,12 @@ Estimated completion time: 20 minutes.
 * [05. Investigate templates of preview pages](#index)
 * [06. Investigate pagination templates](#pagination)
 * [07. Investigate Markdown files](#md)
-* [08. Launch LFSA and generate the site](#gen)
-* [09. Summary](#summary)
+* [08. Launch LFSA](#lfsa)
+* [09. Generate the site](#gen)
+* [10. Observe the site](#observe)
+* [11. Summary](#summary)
+
+

 <a name="blog"/>

@@ -400,9 +404,15 @@ Date is used to sort blog posts by date in descending order:
 |---|---|
 | `Date` | Provides value for `PSKOV_ITEM_DATE` constant when generating HTML out of Markdown |

-<a name="gen"/>
+<a name="lfsa"/>

-## 08. Launch LFSA and generate the site
+## 08. Launch LFSA
+
+<video controls poster="../vid/education.05.blog.launch-lfsa.edgy.poster.png">
+    <source src="../vid/education.05.blog.launch-lfsa.edgy.mp4" type ="video/mp4">
+    <source src="../vid/education.05.blog.launch-lfsa.edgy.webm" type ="video/webm">
+    ERROR Your browser does not support HTML5 video
+</video>

 Launch [LFSA][lfsa] so that it points to directory with the files we just observed:

@@ -410,16 +420,33 @@ Launch [LFSA][lfsa] so that it points to directory with the files we just observ
 $ /path/to/lfsa_1.0.0.py /path/to/dir/03.Blog
 ```

-Generate the site:
+<a name="gen"/>

-* Go to [Tool][tool] page
-* Press `Generate` button
-* Open generated `en/blog/index.html` or `ru/blog/index.html` from the site's directory locally
-* Navigate preview pages to make sure everything works fine
+## 09. Generate the site
+
+<video controls poster="../vid/education.05.blog.gen.edgy.poster.png">
+    <source src="../vid/education.05.blog.gen.edgy.mp4" type ="video/mp4">
+    <source src="../vid/education.05.blog.gen.edgy.webm" type ="video/webm">
+    ERROR Your browser does not support HTML5 video
+</video>
+
+Go to [Tool][tool] page and press `Generate` button to generate HTML files right where Markdown ones reside.
+
+<a name="observe"/>
+
+## 10. Observe the site
+
+<video controls poster="../vid/education.05.blog.observe.edgy.poster.png">
+    <source src="../vid/education.05.blog.observe.edgy.mp4" type ="video/mp4">
+    <source src="../vid/education.05.blog.observe.edgy.webm" type ="video/webm">
+    ERROR Your browser does not support HTML5 video
+</video>
+
+Observe generated web site locally by opening `en/blog/index.html` or `ru/blog/index.html` and navigating preview pages.

 <a name="summary"/>

-## 09. Summary
+## 11. Summary

 You have successfully generated a web site with "dynamic" blog posts. [Check out the result][03-sample].

--- a/pskov/en/education.md
+++ b/pskov/en/education.md
@@ -1,5 +1,5 @@
 Title: Education
-Date: 2019-06-18 00:00
+Date: 2019-06-25 00:00
 Category: Page
 Slug: education
 Lang: en
--- a/pskov/ru/education.01.why.md
+++ b/pskov/ru/education.01.why.md
@@ -1,5 +1,5 @@
 Title: Обучение: 01. Почему
-Date: 2019-06-18 00:00
+Date: 2019-06-25 00:00
 Category: Page
 Slug: education.01.why 
 Lang: ru
--- a/pskov/ru/education.02.deps.md
+++ b/pskov/ru/education.02.deps.md
@@ -1,5 +1,5 @@
 Title: Обучение: 02. Зависимости
-Date: 2019-06-18 00:00
+Date: 2019-06-25 00:00
 Category: Page
 Slug: education.02.deps
 Lang: ru
--- a/pskov/ru/education.03.site.md
+++ b/pskov/ru/education.03.site.md
@@ -1,5 +1,5 @@
 Title: Обучение: 03. Сайт
-Date: 2019-06-18 00:00
+Date: 2019-06-25 00:00
 Category: Page
 Slug: education.03.site
 Lang: ru
--- a/pskov/ru/education.04.lang.html
+++ b/pskov/ru/education.04.lang.html
@@ -120,8 +120,10 @@
 <li><a href="#cfg">02. Изучите файл <code>pskov.cfg</code></a></li>
 <li><a href="#item">03. Изучите файлы шаблонов</a></li>
 <li><a href="#md">04. Изучите файлы Markdown</a></li>
-<li><a href="#gen">05. Запустите ЛФСД и сгенерируйте сайт</a></li>
-<li><a href="#summary">06. Итог</a></li>
+<li><a href="#lfsa">05. Запустите ЛФСД</a></li>
+<li><a href="#gen">06. Сгенерируйте сайт</a></li>
+<li><a href="#observe">07. Проверьте сайт</a></li>
+<li><a href="#summary">08. Итог</a></li>
 </ul>
 <p><a name="localization"/></p>
 <h2 id="01">01. Локализация</h2>
@@ -225,20 +227,34 @@ item = item.template
 | Звания | * академик ИАХ (1898) &lt;br&gt; * действительный член ИАХ (1903) |
 </code></pre>
 <p><strong>Внимание</strong>: русская страница использует точно такое же значение <code>Slug</code>, как и английская страница.</p>
-<p><a name="gen"/></p>
-<h2 id="05">05. Запустите ЛФСД и сгенерируйте сайт</h2>
+<p><a name="lfsa"/></p>
+<h2 id="05">05. Запустите ЛФСД</h2>
+<video controls poster="../vid/education.04.lang.launch-lfsa.edgy.poster.png">
+    <source src="../vid/education.04.lang.launch-lfsa.edgy.mp4" type ="video/mp4">
+    <source src="../vid/education.04.lang.launch-lfsa.edgy.webm" type ="video/webm">
+    ОШИБКА Ваш браузер не поддерживает видео HTML5
+</video>
 <p>Запустите <a href="http://opengamestudio.org/lfsa/ru">ЛФСД</a> с указанием директории, содержащей только что рассмотренные файлы:</p>
 <pre><code>$ /путь/до/lfsa_1.0.0.py /путь/до/директории/02.Language
 </code></pre>
-<p>Сгенерируйте сайт:</p>
-<ul>
-<li>Перейдите на страницу <a href="http://opengamestudio.org/pskov/ru/pskov_1.0.0+ru.html">Инструмент</a></li>
-<li>Нажмите кнопку <code>Генерировать</code></li>
-<li>Откройте сгенерированный файл <code>en/about.html</code> или <code>ru/about.html</code> из директории сайта</li>
-<li>Переключите язык, чтобы убедиться в корректной работе</li>
-</ul>
+<p><a name="gen"/></p>
+<h2 id="06">06. Сгенерируйте сайт</h2>
+<video controls poster="../vid/education.04.lang.gen.edgy.poster+ru.png">
+    <source src="../vid/education.04.lang.gen.edgy+ru.mp4" type ="video/mp4">
+    <source src="../vid/education.04.lang.gen.edgy+ru.webm" type ="video/webm">
+    ОШИБКА Ваш браузер не поддерживает видео HTML5
+</video>
+<p>Перейдите на страницу <a href="http://opengamestudio.org/pskov/ru/pskov_1.0.0+ru.html">Инструмент</a> и нажмите кнопку <code>Генерировать</code> для генерации файлов HTML рядом с файлами Markdown.</p>
+<p><a name="observe"/></p>
+<h2 id="07">07. Проверьте сайт</h2>
+<video controls poster="../vid/education.04.lang.observe.edgy.poster+ru.png">
+    <source src="../vid/education.04.lang.observe.edgy.mp4" type ="video/mp4">
+    <source src="../vid/education.04.lang.observe.edgy.webm" type ="video/webm">
+    ОШИБКА Ваш браузер не поддерживает видео HTML5
+</video>
+<p>Проверьте сгенерированный веб-сайт локально: откройте файл <code>ru/about.html</code> или <code>en/about.html</code> и переключите язык.</p>
 <p><a name="summary"/></p>
-<h2 id="06">06. Итог</h2>
+<h2 id="08">08. Итог</h2>
 <p>Вы успешно добавили выбор языка. <a href="http://opengamestudio.org/pskov/sample/02.Language/ru/about.html">Проверьте результат</a>.</p>
 <p>Представлены константы <strong>ПСКОВА</strong>:</p>
 <table>
--- a/pskov/ru/education.04.lang.md
+++ b/pskov/ru/education.04.lang.md
@@ -1,5 +1,5 @@
 Title: Обучение: 04. Язык
-Date: 2019-06-18 00:00
+Date: 2019-06-25 00:00
 Category: Page
 Slug: education.04.lang
 Lang: ru
@@ -20,8 +20,10 @@ Lang: ru
 * [02. Изучите файл `pskov.cfg`](#cfg)
 * [03. Изучите файлы шаблонов](#item)
 * [04. Изучите файлы Markdown](#md)
-* [05. Запустите ЛФСД и сгенерируйте сайт](#gen)
-* [06. Итог](#summary)
+* [05. Запустите ЛФСД](#lfsa)
+* [06. Сгенерируйте сайт](#gen)
+* [07. Проверьте сайт](#observe)
+* [08. Итог](#summary)

 <a name="localization"/>

@@ -142,9 +144,15 @@ item = item.template

 **Внимание**: русская страница использует точно такое же значение `Slug`, как и английская страница.

-<a name="gen"/>
+<a name="lfsa"/>

-## 05. Запустите ЛФСД и сгенерируйте сайт
+## 05. Запустите ЛФСД
+
+<video controls poster="../vid/education.04.lang.launch-lfsa.edgy.poster.png">
+    <source src="../vid/education.04.lang.launch-lfsa.edgy.mp4" type ="video/mp4">
+    <source src="../vid/education.04.lang.launch-lfsa.edgy.webm" type ="video/webm">
+    ОШИБКА Ваш браузер не поддерживает видео HTML5
+</video>

 Запустите [ЛФСД][lfsa] с указанием директории, содержащей только что рассмотренные файлы:

@@ -152,16 +160,33 @@ item = item.template
 $ /путь/до/lfsa_1.0.0.py /путь/до/директории/02.Language
 ```

-Сгенерируйте сайт:
+<a name="gen"/>

-* Перейдите на страницу [Инструмент][tool]
-* Нажмите кнопку `Генерировать`
-* Откройте сгенерированный файл `en/about.html` или `ru/about.html` из директории сайта
-* Переключите язык, чтобы убедиться в корректной работе
+## 06. Сгенерируйте сайт
+
+<video controls poster="../vid/education.04.lang.gen.edgy.poster+ru.png">
+    <source src="../vid/education.04.lang.gen.edgy+ru.mp4" type ="video/mp4">
+    <source src="../vid/education.04.lang.gen.edgy+ru.webm" type ="video/webm">
+    ОШИБКА Ваш браузер не поддерживает видео HTML5
+</video>
+
+Перейдите на страницу [Инструмент][tool] и нажмите кнопку `Генерировать` для генерации файлов HTML рядом с файлами Markdown.
+
+<a name="observe"/>
+
+## 07. Проверьте сайт
+
+<video controls poster="../vid/education.04.lang.observe.edgy.poster+ru.png">
+    <source src="../vid/education.04.lang.observe.edgy.mp4" type ="video/mp4">
+    <source src="../vid/education.04.lang.observe.edgy.webm" type ="video/webm">
+    ОШИБКА Ваш браузер не поддерживает видео HTML5
+</video>
+
+Проверьте сгенерированный веб-сайт локально: откройте файл `ru/about.html` или `en/about.html` и переключите язык.

 <a name="summary"/>

-## 06. Итог
+## 08. Итог

 Вы успешно добавили выбор языка. [Проверьте результат][02-sample].

--- a/pskov/ru/education.05.blog.html
+++ b/pskov/ru/education.05.blog.html
@@ -123,8 +123,10 @@
 <li><a href="#index">05. Изучите шаблоны страниц с предпросмотрами</a></li>
 <li><a href="#pagination">06. Изучите постраничные шаблоны</a></li>
 <li><a href="#md">07. Изучите файлы Markdown</a></li>
-<li><a href="#gen">08. Запустите ЛФСД и сгенерируйте сайт</a></li>
-<li><a href="#summary">09. Итог</a></li>
+<li><a href="#lfsa">08. Запустите ЛФСД</a></li>
+<li><a href="#gen">09. Сгенерируйте сайт</a></li>
+<li><a href="#observe">10. Проверьте сайт</a></li>
+<li><a href="#summary">11. Итог</a></li>
 </ul>
 <p><a name="blog"/></p>
 <h2 id="01">01. Блог</h2>
@@ -560,20 +562,34 @@ PSKOV_PAGINATION
 </tr>
 </tbody>
 </table>
-<p><a name="gen"/></p>
-<h2 id="08">08. Запустите ЛФСД и сгенерируйте сайт</h2>
+<p><a name="lfsa"/></p>
+<h2 id="08">08. Запустите ЛФСД</h2>
+<video controls poster="../vid/education.05.blog.launch-lfsa.edgy.poster.png">
+    <source src="../vid/education.05.blog.launch-lfsa.edgy.mp4" type ="video/mp4">
+    <source src="../vid/education.05.blog.launch-lfsa.edgy.webm" type ="video/webm">
+    ОШИБКА Ваш браузер не поддерживает видео HTML5
+</video>
 <p>Запустите <a href="http://opengamestudio.org/lfsa/ru">ЛФСД</a> с указанием директории, содержащей только что рассмотренные файлы:</p>
 <pre><code>$ /путь/до/lfsa_1.0.0.py /путь/до/директории/03.Blog
 </code></pre>
-<p>Сгенерируйте сайт:</p>
-<ul>
-<li>Перейдите на страницу <a href="http://opengamestudio.org/pskov/ru/pskov_1.0.0+ru.html">Инструмент</a></li>
-<li>Нажмите кнопку <code>Генерировать</code></li>
-<li>Откройте сгенерированный файл <code>en/blog/index.html</code> или <code>ru/blog/index.html</code> из директории сайта</li>
-<li>Осуществите переход между страницами предпросмотра</li>
-</ul>
+<p><a name="gen"/></p>
+<h2 id="09">09. Сгенерируйте сайт</h2>
+<video controls poster="../vid/education.05.blog.gen.edgy.poster+ru.png">
+    <source src="../vid/education.05.blog.gen.edgy+ru.mp4" type ="video/mp4">
+    <source src="../vid/education.05.blog.gen.edgy+ru.webm" type ="video/webm">
+    ОШИБКА Ваш браузер не поддерживает видео HTML5
+</video>
+<p>Перейдите на страницу <a href="http://opengamestudio.org/pskov/ru/pskov_1.0.0+ru.html">Инструмент</a> и нажмите кнопку <code>Генерировать</code> для генерации файлов HTML рядом с файлами Markdown.</p>
+<p><a name="observe"/></p>
+<h2 id="10">10. Проверьте сайт</h2>
+<video controls poster="../vid/education.05.blog.observe.edgy.poster+ru.png">
+    <source src="../vid/education.05.blog.observe.edgy.mp4" type ="video/mp4">
+    <source src="../vid/education.05.blog.observe.edgy.webm" type ="video/webm">
+    ОШИБКА Ваш браузер не поддерживает видео HTML5
+</video>
+<p>Проверьте сгенерированный веб-сайт локально: откройте файл <code>ru/blog/index.html</code> или <code>en/blog/index.html</code> и осуществите переход между страницами предпросмотра.</p>
 <p><a name="summary"/></p>
-<h2 id="09">09. Итог</h2>
+<h2 id="11">11. Итог</h2>
 <p>Вы успешно сгенерировали веб-сайт с "динамическими" страницами блога. <a href="http://opengamestudio.org/pskov/sample/03.Blog/ru/blog/index.html">Проверьте результат</a>.</p>
 <p>Представлены константы <strong>ПСКОВА</strong>:</p>
 <table>
--- a/pskov/ru/education.05.blog.md
+++ b/pskov/ru/education.05.blog.md
@@ -1,5 +1,5 @@
 Title: Обучение: 05. Блог
-Date: 2019-06-19 00:00
+Date: 2019-06-25 00:00
 Category: Page
 Slug: education.05.blog
 Lang: ru
@@ -23,8 +23,10 @@ Lang: ru
 * [05. Изучите шаблоны страниц с предпросмотрами](#index)
 * [06. Изучите постраничные шаблоны](#pagination)
 * [07. Изучите файлы Markdown](#md)
-* [08. Запустите ЛФСД и сгенерируйте сайт](#gen)
-* [09. Итог](#summary)
+* [08. Запустите ЛФСД](#lfsa)
+* [09. Сгенерируйте сайт](#gen)
+* [10. Проверьте сайт](#observe)
+* [11. Итог](#summary)

 <a name="blog"/>

@@ -400,9 +402,15 @@ PSKOV_ITEM_CONTENTS
 |---|---|
 | `Date` | Предоставляет значение для константы `PSKOV_ITEM_DATE` при генерации HTML из Markdown |

-<a name="gen"/>
+<a name="lfsa"/>

-## 08. Запустите ЛФСД и сгенерируйте сайт
+## 08. Запустите ЛФСД
+
+<video controls poster="../vid/education.05.blog.launch-lfsa.edgy.poster.png">
+    <source src="../vid/education.05.blog.launch-lfsa.edgy.mp4" type ="video/mp4">
+    <source src="../vid/education.05.blog.launch-lfsa.edgy.webm" type ="video/webm">
+    ОШИБКА Ваш браузер не поддерживает видео HTML5
+</video>

 Запустите [ЛФСД][lfsa] с указанием директории, содержащей только что рассмотренные файлы:

@@ -410,16 +418,33 @@ PSKOV_ITEM_CONTENTS
 $ /путь/до/lfsa_1.0.0.py /путь/до/директории/03.Blog
 ```

-Сгенерируйте сайт:
+<a name="gen"/>

-* Перейдите на страницу [Инструмент][tool]
-* Нажмите кнопку `Генерировать`
-* Откройте сгенерированный файл `en/blog/index.html` или `ru/blog/index.html` из директории сайта
-* Осуществите переход между страницами предпросмотра
+## 09. Сгенерируйте сайт
+
+<video controls poster="../vid/education.05.blog.gen.edgy.poster+ru.png">
+    <source src="../vid/education.05.blog.gen.edgy+ru.mp4" type ="video/mp4">
+    <source src="../vid/education.05.blog.gen.edgy+ru.webm" type ="video/webm">
+    ОШИБКА Ваш браузер не поддерживает видео HTML5
+</video>
+
+Перейдите на страницу [Инструмент][tool] и нажмите кнопку `Генерировать` для генерации файлов HTML рядом с файлами Markdown.
+
+<a name="observe"/>
+
+## 10. Проверьте сайт
+
+<video controls poster="../vid/education.05.blog.observe.edgy.poster+ru.png">
+    <source src="../vid/education.05.blog.observe.edgy.mp4" type ="video/mp4">
+    <source src="../vid/education.05.blog.observe.edgy.webm" type ="video/webm">
+    ОШИБКА Ваш браузер не поддерживает видео HTML5
+</video>
+
+Проверьте сгенерированный веб-сайт локально: откройте файл `ru/blog/index.html` или `en/blog/index.html` и осуществите переход между страницами предпросмотра.

 <a name="summary"/>

-## 09. Итог
+## 11. Итог

 Вы успешно сгенерировали веб-сайт с "динамическими" страницами блога. [Проверьте результат][03-sample].

--- a/pskov/ru/education.md
+++ b/pskov/ru/education.md
@@ -1,5 +1,5 @@
 Title: Обучение
-Date: 2019-06-18 00:00
+Date: 2019-06-25 00:00
 Category: Page
 Slug: education
 Lang: ru
--- a/pskov/vid/education.04.lang.gen.edgy+ru.mp4
+++ b/pskov/vid/education.04.lang.gen.edgy+ru.mp4
--- a/pskov/vid/education.04.lang.gen.edgy+ru.webm
+++ b/pskov/vid/education.04.lang.gen.edgy+ru.webm
--- a/pskov/vid/education.04.lang.gen.edgy.mp4
+++ b/pskov/vid/education.04.lang.gen.edgy.mp4
--- a/pskov/vid/education.04.lang.gen.edgy.poster+ru.png
+++ b/pskov/vid/education.04.lang.gen.edgy.poster+ru.png
--- a/pskov/vid/education.04.lang.gen.edgy.poster.png
+++ b/pskov/vid/education.04.lang.gen.edgy.poster.png
--- a/pskov/vid/education.04.lang.gen.edgy.webm
+++ b/pskov/vid/education.04.lang.gen.edgy.webm
--- a/pskov/vid/education.04.lang.launch-lfsa.edgy.mp4
+++ b/pskov/vid/education.04.lang.launch-lfsa.edgy.mp4
--- a/pskov/vid/education.04.lang.launch-lfsa.edgy.poster.png
+++ b/pskov/vid/education.04.lang.launch-lfsa.edgy.poster.png
--- a/pskov/vid/education.04.lang.launch-lfsa.edgy.webm
+++ b/pskov/vid/education.04.lang.launch-lfsa.edgy.webm
--- a/pskov/vid/education.04.lang.observe.edgy.mp4
+++ b/pskov/vid/education.04.lang.observe.edgy.mp4
--- a/pskov/vid/education.04.lang.observe.edgy.poster+ru.png
+++ b/pskov/vid/education.04.lang.observe.edgy.poster+ru.png
--- a/pskov/vid/education.04.lang.observe.edgy.poster.png
+++ b/pskov/vid/education.04.lang.observe.edgy.poster.png
--- a/pskov/vid/education.04.lang.observe.edgy.webm
+++ b/pskov/vid/education.04.lang.observe.edgy.webm
--- a/pskov/vid/education.05.blog.gen.edgy+ru.mp4
+++ b/pskov/vid/education.05.blog.gen.edgy+ru.mp4
--- a/pskov/vid/education.05.blog.gen.edgy+ru.webm
+++ b/pskov/vid/education.05.blog.gen.edgy+ru.webm
--- a/pskov/vid/education.05.blog.gen.edgy.mp4
+++ b/pskov/vid/education.05.blog.gen.edgy.mp4
--- a/pskov/vid/education.05.blog.gen.edgy.poster+ru.png
+++ b/pskov/vid/education.05.blog.gen.edgy.poster+ru.png
--- a/pskov/vid/education.05.blog.gen.edgy.poster.png
+++ b/pskov/vid/education.05.blog.gen.edgy.poster.png
--- a/pskov/vid/education.05.blog.gen.edgy.webm
+++ b/pskov/vid/education.05.blog.gen.edgy.webm
--- a/pskov/vid/education.05.blog.launch-lfsa.edgy.mp4
+++ b/pskov/vid/education.05.blog.launch-lfsa.edgy.mp4
--- a/pskov/vid/education.05.blog.launch-lfsa.edgy.poster.png
+++ b/pskov/vid/education.05.blog.launch-lfsa.edgy.poster.png
--- a/pskov/vid/education.05.blog.launch-lfsa.edgy.webm
+++ b/pskov/vid/education.05.blog.launch-lfsa.edgy.webm
--- a/pskov/vid/education.05.blog.observe.edgy.mp4
+++ b/pskov/vid/education.05.blog.observe.edgy.mp4
--- a/pskov/vid/education.05.blog.observe.edgy.poster+ru.png
+++ b/pskov/vid/education.05.blog.observe.edgy.poster+ru.png
--- a/pskov/vid/education.05.blog.observe.edgy.poster.png
+++ b/pskov/vid/education.05.blog.observe.edgy.poster.png
--- a/pskov/vid/education.05.blog.observe.edgy.webm
+++ b/pskov/vid/education.05.blog.observe.edgy.webm