Publish 03.site docs with video
This commit is contained in:
@@ -53,6 +53,10 @@
|
||||
background: #f5f5f5;
|
||||
white-space: pre-wrap;
|
||||
}
|
||||
video
|
||||
{
|
||||
width: 100%;
|
||||
}
|
||||
.contents
|
||||
{
|
||||
background: #FFFFFF;
|
||||
@@ -118,7 +122,8 @@ Education: 03. Site
|
||||
<li><a href="#md">04. Investigate <code>about.md</code> and <code>cv.md</code> files</a></li>
|
||||
<li><a href="#lfsa">05. Launch LFSA</a></li>
|
||||
<li><a href="#gen">06. Generate the site</a></li>
|
||||
<li><a href="#summary">07. Summary</a></li>
|
||||
<li><a href="#observe">07. Observe the site</a></li>
|
||||
<li><a href="#summary">08. Summary</a></li>
|
||||
</ul>
|
||||
<p><a name="inspiration"/></p>
|
||||
<h2 id="01inspiration">01. Inspiration</h2>
|
||||
@@ -278,6 +283,11 @@ PSKOV_ITEM_CONTENTS
|
||||
<p>As you can see, there's nothing new in <code>cv.md</code> except for a Markdown table.</p>
|
||||
<p><a name="lfsa"/></p>
|
||||
<h2 id="05launchlfsa">05. Launch LFSA</h2>
|
||||
<video controls poster="../vid/education.03.site.launch-lfsa.w2k.poster.png">
|
||||
<source src="../vid/education.03.site.launch-lfsa.w2k.mp4" type ="video/mp4">
|
||||
<source src="../vid/education.03.site.launch-lfsa.w2k.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/01.TwoPages
|
||||
</code></pre>
|
||||
@@ -287,18 +297,22 @@ PORT: '8000'
|
||||
</code></pre>
|
||||
<p><a name="gen"/></p>
|
||||
<h2 id="06generatethesite">06. Generate the site</h2>
|
||||
<p>Now it's finally time to generate your personal web site:</p>
|
||||
<ul>
|
||||
<li>Go to <a href="http://opengamestudio.org/pskov">Tool</a> page</li>
|
||||
<li>Make sure<ul>
|
||||
<li><code>Path</code> points to the same directory you specified before</li>
|
||||
<li><code>Input directory</code> and <code>Item template</code> have values from <code>pskov.cfg</code></li></ul></li>
|
||||
<li>Press <code>Generate</code> button to generate HTML files right where Markdown ones reside</li>
|
||||
<li>Open generated <code>about.html</code> from the site's directory</li>
|
||||
<li>You should see your web site running locally</li>
|
||||
</ul>
|
||||
<video controls poster="../vid/education.03.site.gen.w2k.poster.png">
|
||||
<source src="../vid/education.03.site.gen.w2k.mp4" type ="video/mp4">
|
||||
<source src="../vid/education.03.site.gen.w2k.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.03.site.observe.w2k.poster.png">
|
||||
<source src="../vid/education.03.site.observe.w2k.mp4" type ="video/mp4">
|
||||
<source src="../vid/education.03.site.observe.w2k.webm" type ="video/webm">
|
||||
ERROR Your browser does not support HTML5 video
|
||||
</video>
|
||||
<p>Observe generated web site locally by opening <code>about.html</code> and switching between pages.</p>
|
||||
<p><a name="summary"/></p>
|
||||
<h2 id="07summary">07. Summary</h2>
|
||||
<h2 id="08summary">08. Summary</h2>
|
||||
<p>You have successfully generated a web site with two pages. <a href="http://opengamestudio.org/pskov/sample/01.TwoPages/about.html">Check out the result</a>.</p>
|
||||
<p>Introduced <strong>PSKOV</strong> constants include:</p>
|
||||
<table>
|
||||
|
||||
Reference in New Issue
Block a user