Publish LFSA

lfsa/en/index.html

@@ -23,6 +23,10 @@
             {
                 width: 100%;
             }
+            video
+            {
+                width: 100%;
+            }
             html
             {
                 font-family: sans-serif;
@@ -91,6 +95,7 @@
         <center><h1>
         </h1></center>
         <center><div class="contents">
+<h2 id="overview">Overview</h2>
 <p><strong>L</strong>ocal <strong>F</strong>ile <strong>S</strong>ystem <strong>A</strong>ccess (<strong>LFSA</strong>) is:</p>
 <ul>
 <li>a tiny web server to allow client side JS access to local file system</li>
@@ -98,28 +103,39 @@
 <li>a single Python file</li>
 <li>released under <a href="https://creativecommons.org/share-your-work/public-domain/cc0/">CC0</a> license (public domain)</li>
 </ul>
-<h2 id="cswa">CSWA</h2>
 <p>Client Side Web Apps run solely on your device, they are not related to cloud solutions in any way: nobody can pull the plug on you.
 CSWAs may use LFSA to keep data locally so that you could have complete control of your data.</p>
 <p><a href="http://opengamestudio.org/pskov">PSKOV</a> static site generator is the first CSWA to use LFSA.</p>
-<h2 id="install">Install</h2>
-<p>If you use Linux or macOS released after 2005 (yes, 2005), you only need to <a href="../lfsa_1.0.0.py">download lfsa_1.0.0.py</a>.</p>
-<p>If you use Windows 2000 or newer (excluding Windows ME), you need to:</p>
-<ul>
-<li><a href="https://www.python.org/downloads/windows/">download</a> and install Python 2.3 or newer</li>
-<li><a href="../lfsa_1.0.0.py">download lfsa_1.0.0.py</a></li>
-</ul>
-<h2 id="run">Run</h2>
-<p>If you use Linux or macOS, run LFSA in terminal this way:</p>
+<h2 id="downloadlfsa">Download LFSA</h2>
+<p>Download <a href="../lfsa_1.0.0.py">lfsa_1.0.0.py</a>.</p>
+<p>If you use Linux or macOS, you're all set.</p>
+<h2 id="installpythonwindowsonly">Install Python (Windows only)</h2>
+<video controls poster="../vid/download-install-python.poster.png">
+    <source src="../vid/download-install-python.mp4" type ="video/mp4">
+    <source src="../vid/download-install-python.webm" type ="video/webm">
+    ERROR Your browser does not support HTML5 video
+</video>
+<p>Windows doesn't have Python installed by default, you have to <a href="https://www.python.org/downloads/windows/">install Python yourself</a> to be able to run LFSA.</p>
+<p><strong>Note</strong>: the video depicts Python 2.3.4 installation under Windows 2000, use the latest Python available for your version of Windows.</p>
+<h2 id="runlfsa">Run LFSA</h2>
+<h3 id="linuxandmacos">Linux and macOS</h3>
+<video controls poster="../vid/run-lfsa.macos.poster.png">
+    <source src="../vid/run-lfsa.macos.mp4" type ="video/mp4">
+    <source src="../vid/run-lfsa.macos.webm" type ="video/webm">
+    ERROR Your browser does not support HTML5 video
+</video>
+<p>If you use Linux or macOS, run LFSA in terminal:</p>
 <pre><code>/path/to/lfsa_1.0.0.py /path/to/dir
 </code></pre>
-<p>Here's how it looks like on macOS Mojave:</p>
-<p><img src="../img/lfsa-on-macos.png" alt="LFSA on macOS Mojave" /></p>
-<p>If you use Windows, run LFSA in <a href="https://en.wikipedia.org/wiki/Cmd.exe">CMD</a> this way:</p>
+<h3 id="windows">Windows</h3>
+<video controls poster="../vid/run-lfsa.w2k.poster.png">
+    <source src="../vid/run-lfsa.w2k.mp4" type ="video/mp4">
+    <source src="../vid/run-lfsa.w2k.webm" type ="video/webm">
+    ERROR Your browser does not support HTML5 video
+</video>
+<p>If you use Windows, run LFSA in <a href="https://en.wikipedia.org/wiki/Cmd.exe">CMD</a>:</p>
 <pre><code>C:/path/to/Python/installation/python.exe C:/path/to/lfsa_1.0.0.py C:/path/to/dir
 </code></pre>
-<p>Here's how it looks like on Windows 2000:</p>
-<p><img src="../img/lfsa-on-windows.png" alt="LFSA on Windows 2000" /></p>
 <h2 id="durability">Durability</h2>
 <p>As you noticed, LFSA can run on really old operating systems dating back to 2000. That's intentional: we care about users, so we want to cover as many users as possible.</p>
         </div></center>

lfsa/en/index.md

@@ -1,9 +1,11 @@
 Title: Index
-Date: 2019-05-30 00:00
+Date: 2019-06-26 00:00
 Category: Page
 Slug: index
 Lang: en
 
+## Overview
+
 **L**ocal **F**ile **S**ystem **A**ccess (**LFSA**) is:
 
 * a tiny web server to allow client side JS access to local file system
@@ -11,44 +13,59 @@ Lang: en
 * a single Python file
 * released under [CC0][cc0] license (public domain)
 
-## CSWA
-
 Client Side Web Apps run solely on your device, they are not related to cloud solutions in any way: nobody can pull the plug on you.
 CSWAs may use LFSA to keep data locally so that you could have complete control of your data.
 
 [PSKOV][pskov] static site generator is the first CSWA to use LFSA.
 
-## Install
+## Download LFSA
 
-If you use Linux or macOS released after 2005 (yes, 2005), you only need to [download lfsa_1.0.0.py][lfsa-local].
+Download [lfsa_1.0.0.py][lfsa-local].
 
-If you use Windows 2000 or newer (excluding Windows ME), you need to:
+If you use Linux or macOS, you're all set.
 
-* [download][python] and install Python 2.3 or newer
-* [download lfsa_1.0.0.py][lfsa-local]
+## Install Python (Windows only)
 
-## Run
+<video controls poster="../vid/download-install-python.poster.png">
+    <source src="../vid/download-install-python.mp4" type ="video/mp4">
+    <source src="../vid/download-install-python.webm" type ="video/webm">
+    ERROR Your browser does not support HTML5 video
+</video>
 
-If you use Linux or macOS, run LFSA in terminal this way:
+Windows doesn't have Python installed by default, you have to [install Python yourself][python] to be able to run LFSA.
+
+**Note**: the video depicts Python 2.3.4 installation under Windows 2000, use the latest Python available for your version of Windows.
+
+## Run LFSA
+
+### Linux and macOS
+
+<video controls poster="../vid/run-lfsa.macos.poster.png">
+    <source src="../vid/run-lfsa.macos.mp4" type ="video/mp4">
+    <source src="../vid/run-lfsa.macos.webm" type ="video/webm">
+    ERROR Your browser does not support HTML5 video
+</video>
+
+If you use Linux or macOS, run LFSA in terminal:
 
 ```
 /path/to/lfsa_1.0.0.py /path/to/dir
 ```
 
-Here's how it looks like on macOS Mojave:
+### Windows
 
-![LFSA on macOS Mojave][lfsa-on-macos]
+<video controls poster="../vid/run-lfsa.w2k.poster.png">
+    <source src="../vid/run-lfsa.w2k.mp4" type ="video/mp4">
+    <source src="../vid/run-lfsa.w2k.webm" type ="video/webm">
+    ERROR Your browser does not support HTML5 video
+</video>
 
-If you use Windows, run LFSA in [CMD][cmd] this way:
+If you use Windows, run LFSA in [CMD][cmd]:
 
 ```
 C:/path/to/Python/installation/python.exe C:/path/to/lfsa_1.0.0.py C:/path/to/dir
 ```
 
-Here's how it looks like on Windows 2000:
-
-![LFSA on Windows 2000][lfsa-on-windows]
-
 ## Durability
 
 As you noticed, LFSA can run on really old operating systems dating back to 2000. That's intentional: we care about users, so we want to cover as many users as possible.
@@ -57,6 +74,4 @@ As you noticed, LFSA can run on really old operating systems dating back to 2000
 [lfsa-local]: ../lfsa_1.0.0.py
 [python]: https://www.python.org/downloads/windows/
 [cmd]: https://en.wikipedia.org/wiki/Cmd.exe
-[lfsa-on-macos]: ../img/lfsa-on-macos.png
-[lfsa-on-windows]: ../img/lfsa-on-windows.png
 [cc0]: https://creativecommons.org/share-your-work/public-domain/cc0/

lfsa/en/item.template

@@ -23,6 +23,10 @@
             {
                 width: 100%;
             }
+            video
+            {
+                width: 100%;
+            }
             html
             {
                 font-family: sans-serif;

lfsa/ru/index.html

@@ -23,6 +23,10 @@
             {
                 width: 100%;
             }
+            video
+            {
+                width: 100%;
+            }
             html
             {
                 font-family: sans-serif;
@@ -82,7 +86,7 @@
     </head>
     <body>
         <div id="header">
-            <strong id="title">LFSA</strong>
+            <strong id="title">ЛФСД</strong>
             <div id="lang">
                 <a href="../en/index.html">EN</a>
                 <a href="../ru/index.html">RU</a>
@@ -91,6 +95,7 @@
         <center><h1>
         </h1></center>
         <center><div class="contents">
+<h2 id="">Обзор</h2>
 <p>К <strong>Л</strong>окальной <strong>Ф</strong>айловой <strong>С</strong>истеме <strong>Д</strong>оступ (<strong>ЛФСД</strong>):</p>
 <ul>
 <li>является крошечным веб-сервером для доступа клиентских приложений JS к локальной файловой системе</li>
@@ -98,30 +103,41 @@
 <li>умещается в одном файле Python</li>
 <li>выпущен под лицензией <a href="https://creativecommons.org/share-your-work/public-domain/cc0/">CC0</a> (общественное достояние)</li>
 </ul>
-<h2 id="">СПСК</h2>
 <p>Сетевые Приложения на Стороне Клиента выполняются исключительно на вашем устройстве, они никак не связаны с облачными решениями: никто не сможет их отключить.
 СПСК могут использовать ЛФСД для хранения данных локально, чтобы вы полность их контролировали.</p>
-<p><a href="http://opengamestudio.org/pskov">ПСКОВ</a> (генератор статических сайтов) является первым СПСК, использующим ЛФСД.</p>
-<h2 id="-1">Установка</h2>
-<p>Если вы используете Linux или macOS, выпущенные после 2005-го (да, 2005-го), вам необходимо просто <a href="../lfsa_1.0.0.py">загрузить lfsa_1.0.0.py</a>.</p>
-<p>Если вы используете Windows 2000 или новее (за исключением Windows ME), вам необходимо:</p>
-<ul>
-<li><a href="https://www.python.org/downloads/windows/">загрузить</a> и установить Python 2.3 либо новее</li>
-<li><a href="../lfsa_1.0.0.py">загрузить lfsa_1.0.0.py</a></li>
-</ul>
-<h2 id="-2">Запуск</h2>
-<p>Если вы используете Linux или macOS, запускайте ЛФСД в терминале следующим образом:</p>
+<p><a href="http://opengamestudio.org/pskov/ru/pskov_1.0.0+ru.html">ПСКОВ</a> (генератор статических сайтов) является первым СПСК, использующим ЛФСД.</p>
+<h2 id="-1">Загрузите ЛФСД</h2>
+<p>Загрузите <a href="../lfsa_1.0.0.py">lfsa_1.0.0.py</a>.</p>
+<p>Если вы используете Linux или macOS, то всё готово к запуску.</p>
+<h2 id="pythonwindows">Установите Python (лишь для Windows)</h2>
+<video controls poster="../vid/download-install-python.poster.png">
+    <source src="../vid/download-install-python.mp4" type ="video/mp4">
+    <source src="../vid/download-install-python.webm" type ="video/webm">
+    ОШИБКА Ваш браузер не поддерживает видео HTML5
+</video>
+<p>Windows не содержит Python по умолчанию, вам необходимо <a href="https://www.python.org/downloads/windows/">установить Python самостоятельно</a> для запуска ЛФСД.</p>
+<p><strong>Внимание</strong>: видео показывает установку Python 2.3.4 на Windows 2000, используйте последнюю версию Python для вашей версии Windows.</p>
+<h2 id="-2">Запустите ЛФСД</h2>
+<h3 id="linuxmacos">Linux и macOS</h3>
+<video controls poster="../vid/run-lfsa.macos.poster.png">
+    <source src="../vid/run-lfsa.macos.mp4" type ="video/mp4">
+    <source src="../vid/run-lfsa.macos.webm" type ="video/webm">
+    ОШИБКА Ваш браузер не поддерживает видео HTML5
+</video>
+<p>Если вы используете Linux или macOS, запускайте ЛФСД в терминале:</p>
 <pre><code>/путь/до/lfsa_1.0.0.py /путь/до/директории
 </code></pre>
-<p>Вот как это выглядит на macOS Mojave:</p>
-<p><img src="../img/lfsa-on-macos.png" alt="ЛФСД на macOS Mojave" /></p>
-<p>Если вы используете Windows, запускайте ЛФСД в <a href="https://ru.wikipedia.org/wiki/Cmd.exe">CMD</a> следующим образом:</p>
+<h3 id="windows">Windows</h3>
+<video controls poster="../vid/run-lfsa.w2k.poster.png">
+    <source src="../vid/run-lfsa.w2k.mp4" type ="video/mp4">
+    <source src="../vid/run-lfsa.w2k.webm" type ="video/webm">
+    ОШИБКА Ваш браузер не поддерживает видео HTML5
+</video>
+<p>Если вы используете Windows, запускайте ЛФСД в <a href="https://ru.wikipedia.org/wiki/Cmd.exe">CMD</a>:</p>
 <pre><code>C:/путь/до/установки/Python/python.exe C:/путь/до/lfsa_1.0.0.py C:/путь/до/директории
 </code></pre>
-<p>Вот как это выглядит на Windows 2000:</p>
-<p><img src="../img/lfsa-on-windows.png" alt="ЛФСД на Windows 2000" /></p>
 <h2 id="-3">Долговечность</h2>
-<p>Как вы заметили, ЛФСД может работать на действительно старых операционных системах, родом из 2000-х. Это осознанный выбор: мы заботимся о пользователях, поэтому хотим предоставить наш инструмент как можно большему числу пользователей.</p>
+<p>Как вы заметили, ЛФСД может работать на действительно старых операционных системах родом из 2000-х. Это осознанный выбор: мы заботимся о пользователях, поэтому хотим предоставить наш инструмент как можно большему числу пользователей.</p>
         </div></center>
         <div id="footer">
             Сайт сгенерирован <a href="http://opengamestudio.org/pskov">ПСКОВОМ</a>

lfsa/ru/index.md

@@ -1,9 +1,11 @@
 Title: Начальная
-Date: 2019-05-30 00:00
+Date: 2019-06-26 00:00
 Category: Page
 Slug: index
 Lang: ru
 
+## Обзор
+
 К **Л**окальной **Ф**айловой **С**истеме **Д**оступ (**ЛФСД**):
 
 * является крошечным веб-сервером для доступа клиентских приложений JS к локальной файловой системе
@@ -11,52 +13,65 @@ Lang: ru
 * умещается в одном файле Python
 * выпущен под лицензией [CC0][cc0] (общественное достояние)
 
-## СПСК 
-
 Сетевые Приложения на Стороне Клиента выполняются исключительно на вашем устройстве, они никак не связаны с облачными решениями: никто не сможет их отключить.
 СПСК могут использовать ЛФСД для хранения данных локально, чтобы вы полность их контролировали.
 
 [ПСКОВ][pskov] (генератор статических сайтов) является первым СПСК, использующим ЛФСД.
 
-## Установка
+## Загрузите ЛФСД
 
-Если вы используете Linux или macOS, выпущенные после 2005-го (да, 2005-го), вам необходимо просто [загрузить lfsa_1.0.0.py][lfsa-local].
+Загрузите [lfsa_1.0.0.py][lfsa-local].
 
-Если вы используете Windows 2000 или новее (за исключением Windows ME), вам необходимо:
+Если вы используете Linux или macOS, то всё готово к запуску.
 
-* [загрузить][python] и установить Python 2.3 либо новее
-* [загрузить lfsa_1.0.0.py][lfsa-local]
+## Установите Python (лишь для Windows)
 
-## Запуск
+<video controls poster="../vid/download-install-python.poster.png">
+    <source src="../vid/download-install-python.mp4" type ="video/mp4">
+    <source src="../vid/download-install-python.webm" type ="video/webm">
+    ОШИБКА Ваш браузер не поддерживает видео HTML5
+</video>
 
-Если вы используете Linux или macOS, запускайте ЛФСД в терминале следующим образом:
+Windows не содержит Python по умолчанию, вам необходимо [установить Python самостоятельно][python] для запуска ЛФСД.
+
+**Внимание**: видео показывает установку Python 2.3.4 на Windows 2000, используйте последнюю версию Python для вашей версии Windows.
+
+## Запустите ЛФСД
+
+### Linux и macOS
+
+<video controls poster="../vid/run-lfsa.macos.poster.png">
+    <source src="../vid/run-lfsa.macos.mp4" type ="video/mp4">
+    <source src="../vid/run-lfsa.macos.webm" type ="video/webm">
+    ОШИБКА Ваш браузер не поддерживает видео HTML5
+</video>
+
+Если вы используете Linux или macOS, запускайте ЛФСД в терминале:
 
 ```
 /путь/до/lfsa_1.0.0.py /путь/до/директории
 ```
 
-Вот как это выглядит на macOS Mojave:
+### Windows
 
-![ЛФСД на macOS Mojave][lfsa-on-macos]
+<video controls poster="../vid/run-lfsa.w2k.poster.png">
+    <source src="../vid/run-lfsa.w2k.mp4" type ="video/mp4">
+    <source src="../vid/run-lfsa.w2k.webm" type ="video/webm">
+    ОШИБКА Ваш браузер не поддерживает видео HTML5
+</video>
 
-Если вы используете Windows, запускайте ЛФСД в [CMD][cmd] следующим образом:
+Если вы используете Windows, запускайте ЛФСД в [CMD][cmd]:
 
 ```
 C:/путь/до/установки/Python/python.exe C:/путь/до/lfsa_1.0.0.py C:/путь/до/директории
 ```
 
-Вот как это выглядит на Windows 2000:
-
-![ЛФСД на Windows 2000][lfsa-on-windows]
-
 ## Долговечность
 
-Как вы заметили, ЛФСД может работать на действительно старых операционных системах, родом из 2000-х. Это осознанный выбор: мы заботимся о пользователях, поэтому хотим предоставить наш инструмент как можно большему числу пользователей.
+Как вы заметили, ЛФСД может работать на действительно старых операционных системах родом из 2000-х. Это осознанный выбор: мы заботимся о пользователях, поэтому хотим предоставить наш инструмент как можно большему числу пользователей.
 
-[pskov]: http://opengamestudio.org/pskov
+[pskov]: http://opengamestudio.org/pskov/ru/pskov_1.0.0+ru.html
 [lfsa-local]: ../lfsa_1.0.0.py
 [python]: https://www.python.org/downloads/windows/
 [cmd]: https://ru.wikipedia.org/wiki/Cmd.exe
-[lfsa-on-macos]: ../img/lfsa-on-macos.png
-[lfsa-on-windows]: ../img/lfsa-on-windows.png
 [cc0]: https://creativecommons.org/share-your-work/public-domain/cc0/

lfsa/ru/item.template

@@ -23,6 +23,10 @@
             {
                 width: 100%;
             }
+            video
+            {
+                width: 100%;
+            }
             html
             {
                 font-family: sans-serif;
@@ -82,7 +86,7 @@
     </head>
     <body>
         <div id="header">
-            <strong id="title">LFSA</strong>
+            <strong id="title">ЛФСД</strong>
             <div id="lang">
                 <a href="../en/PSKOV_ITEM_URL">EN</a>
                 <a href="../ru/PSKOV_ITEM_URL">RU</a>