Publish pskov 04 lang and 05 blog videos

This commit is contained in:
2019-06-25 11:49:12 +03:00
parent f11b5d05c4
commit 511fa2b9f1
42 changed files with 266 additions and 100 deletions

View File

@@ -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

View File

@@ -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

View File

@@ -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

View File

@@ -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>

View File

@@ -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].

View File

@@ -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>

View File

@@ -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].

View File

@@ -1,5 +1,5 @@
Title: Education
Date: 2019-06-18 00:00
Date: 2019-06-25 00:00
Category: Page
Slug: education
Lang: en