Move pelican site to obsolete-pelican subdirectory. Copy site-opengamestudio en/ru and index here

vor 5 Jahren · 1153ee861b
--- a/en/news/2014-another-year-passed.html
+++ b/en/news/2014-another-year-passed.html
@@ -0,0 +1,118 @@
 <!DOCTYPE html>
 <html>
    <meta charset="utf-8">
    <head>
        <style>
            #header
            {
                background: #2BA6E3;
                padding: 0.7em;
                text-align: left;
            }
            
            #header a
            {
                color: white;
                text-decoration: none;
                padding: 0.5em 1em 0.5em 1em;
            }
            .news_item
            {
                background: #FFFFFF;
                width: 720px;
                padding: 1em;
                margin-top: 2em;
                margin-bottom: 2em;
                border: 1px solid #E0E0E0;
                text-align: left;
            }
            .news_item_contents
            {
                color: #444;
                line-height: 1.5em;
            }
            .news_item_date
            {
                margin-bottom: 2em;
                color: #aaa;
            }
            body
            {
                background: #FAFAFA;
            }
            code, pre
            {
                font-family: monospace, serif;
                font-size: 1em;
                color: #7f0a0c;
            }
            figure
            {
                margin: 0px;
                padding: 0px;
            }
            img
            {
                width: 720px;
            }
            html
            {
                font-family: sans-serif;
            }
            a
            {
                color: #3A91CB;
                text-decoration: none;
            }
            #lang
            {
                float: right;
            }
            figcaption
            {
                color: #aaa;
            }
            
            table
            {
                border-collapse: collapse;
            }
            
            table, th, td
            {
                border: 1px solid #aaa;
                padding: 0.5em;
                margin-top: 0.5em;
                margin-bottom: 0.5em;
            }
        </style>
    </head>
    <body>
        <center>
        <div id="header">
            <a href="../../en/news/index.html">News</a>
            <a href="../../en/page/games.html">Games</a>
            <a href="../../en/page/about.html">About</a>
            <div id="lang">
                <a href="2014-another-year-passed.html">EN</a>
                <a href="../../ru/news/2014-another-year-passed.html">RU</a>
            </div>
        </div>
        <h1>In the news</h1>
                <div class="news_item">
                    <h2 class="news_item_title">
                        <a href="2014-another-year-passed.html">And another year has passed</a>
                    </h2>
                    <p class="news_item_date">
                        2014-12-31 12:00
                    </p>
                    <div class="news_item_contents">
        <p>Hello!</p>
 <p>So, this year comes to the end. There were very little publications from us during this year. We haven’t stopped working, but right now our work is in the phase, when we have nothing to show. And the spare time of the team members is rarely more then 30-40 hours a month.</p>
 <p>But our work continues. And you can find out some details in the new <a href="exaggerated-expectations.html">article from our programmer Michael Kapelko</a>.</p>

                    </div>
                </div>
        </center>
    </body>
 </html>
--- a/en/news/2015-roadmap.html
+++ b/en/news/2015-roadmap.html
@@ -0,0 +1,125 @@
 <!DOCTYPE html>
 <html>
    <meta charset="utf-8">
    <head>
        <style>
            #header
            {
                background: #2BA6E3;
                padding: 0.7em;
                text-align: left;
            }
            
            #header a
            {
                color: white;
                text-decoration: none;
                padding: 0.5em 1em 0.5em 1em;
            }
            .news_item
            {
                background: #FFFFFF;
                width: 720px;
                padding: 1em;
                margin-top: 2em;
                margin-bottom: 2em;
                border: 1px solid #E0E0E0;
                text-align: left;
            }
            .news_item_contents
            {
                color: #444;
                line-height: 1.5em;
            }
            .news_item_date
            {
                margin-bottom: 2em;
                color: #aaa;
            }
            body
            {
                background: #FAFAFA;
            }
            code, pre
            {
                font-family: monospace, serif;
                font-size: 1em;
                color: #7f0a0c;
            }
            figure
            {
                margin: 0px;
                padding: 0px;
            }
            img
            {
                width: 720px;
            }
            html
            {
                font-family: sans-serif;
            }
            a
            {
                color: #3A91CB;
                text-decoration: none;
            }
            #lang
            {
                float: right;
            }
            figcaption
            {
                color: #aaa;
            }
            
            table
            {
                border-collapse: collapse;
            }
            
            table, th, td
            {
                border: 1px solid #aaa;
                padding: 0.5em;
                margin-top: 0.5em;
                margin-bottom: 0.5em;
            }
        </style>
    </head>
    <body>
        <center>
        <div id="header">
            <a href="../../en/news/index.html">News</a>
            <a href="../../en/page/games.html">Games</a>
            <a href="../../en/page/about.html">About</a>
            <div id="lang">
                <a href="2015-roadmap.html">EN</a>
                <a href="../../ru/news/2015-roadmap.html">RU</a>
            </div>
        </div>
        <h1>In the news</h1>
                <div class="news_item">
                    <h2 class="news_item_title">
                        <a href="2015-roadmap.html">Roadmap for 2015-2016</a>
                    </h2>
                    <p class="news_item_date">
                        2015-07-19 00:00
                    </p>
                    <div class="news_item_contents">
        <p>As promised, we have come up with a list of milestones and their approximate dates for the coming year:</p>
 <ol type="1">
 <li>Editor 0.7.0 (October 2015) - Actions’ system: we recreate the <a title="Test chamber" href="https://youtu.be/9_6seUWcPbU" target="_blank">test chamber</a></li>
 <li>Editor 0.8.0 (December 2015) - Sound system</li>
 <li>Editor 0.9.0 (February 2016) - Particles’ system and minimal UI</li>
 <li>Editor 0.10.0, Player 0.1.0 (April 2016) - Player to play what Editor produced: we create Shuan prototype with our engine</li>
 <li>Editor 0.11.0, Player 0.2.0 (June 2016) - Networking: we create Classic 4-player Mahjong prototype</li>
 </ol>
 <p>These approximate dates presume one coder spends 40 hours a month. That’s about 1 work week at full-time job. Not much, but that’s the only time we have.</p>
 <p>We will post more details about Editor 0.7.0 shortly: we need to decide what features deserve 80 hours of our time for the next 2 months.</p>

                    </div>
                </div>
        </center>
    </body>
 </html>
--- a/en/news/2016-august-recap.html
+++ b/en/news/2016-august-recap.html
@@ -0,0 +1,512 @@
 <!DOCTYPE html>
 <html>
    <meta charset="utf-8">
    <head>
        <style>
            #header
            {
                background: #2BA6E3;
                padding: 0.7em;
                text-align: left;
            }
            
            #header a
            {
                color: white;
                text-decoration: none;
                padding: 0.5em 1em 0.5em 1em;
            }
            .news_item
            {
                background: #FFFFFF;
                width: 720px;
                padding: 1em;
                margin-top: 2em;
                margin-bottom: 2em;
                border: 1px solid #E0E0E0;
                text-align: left;
            }
            .news_item_contents
            {
                color: #444;
                line-height: 1.5em;
            }
            .news_item_date
            {
                margin-bottom: 2em;
                color: #aaa;
            }
            body
            {
                background: #FAFAFA;
            }
            code, pre
            {
                font-family: monospace, serif;
                font-size: 1em;
                color: #7f0a0c;
            }
            figure
            {
                margin: 0px;
                padding: 0px;
            }
            img
            {
                width: 720px;
            }
            html
            {
                font-family: sans-serif;
            }
            a
            {
                color: #3A91CB;
                text-decoration: none;
            }
            #lang
            {
                float: right;
            }
            figcaption
            {
                color: #aaa;
            }
            
            table
            {
                border-collapse: collapse;
            }
            
            table, th, td
            {
                border: 1px solid #aaa;
                padding: 0.5em;
                margin-top: 0.5em;
                margin-bottom: 0.5em;
            }
        </style>
    </head>
    <body>
        <center>
        <div id="header">
            <a href="../../en/news/index.html">News</a>
            <a href="../../en/page/games.html">Games</a>
            <a href="../../en/page/about.html">About</a>
            <div id="lang">
                <a href="2016-august-recap.html">EN</a>
                <a href="../../ru/news/2016-august-recap.html">RU</a>
            </div>
        </div>
        <h1>In the news</h1>
                <div class="news_item">
                    <h2 class="news_item_title">
                        <a href="2016-august-recap.html">August 2016 recap</a>
                    </h2>
                    <p class="news_item_date">
                        2016-09-03 00:00
                    </p>
                    <div class="news_item_contents">
        <figure>
 <img src="../../images/2016-09-03_august-recap.png" alt="OGS Editor with a spherical scene node" /><figcaption>OGS Editor with a spherical scene node</figcaption>
 </figure>
 <p>This article explains the most important technical details about development in August: UIQt module, its refactoring, a new feature based development approach, and its benefits.</p>
 <p><strong>UIQt module</strong> is a collection of UI components backed by Qt. We only use it for Editor UI at the moment.</p>
 Here is a list of UIQt module components with their description and current code size:
 <table>
 <tr>
 <th>
 <strong>№</strong>
 </th>
 <th>
 <strong>Component</strong>
 </th>
 <th>
 <strong>Description</strong>
 </th>
 <th>
 <strong>Size (B)</strong>
 </th>
 <th>
 <strong>Size (%)</strong>
 </th>
 </tr>
 <tr>
 <td>
 1
 </td>
 <td>
 UIQtAction
 </td>
 <td>
 Actions (events) for menus
 </td>
 <td>
 11224
 </td>
 <td>
 9
 </td>
 </tr>
 <tr>
 <td>
 2
 </td>
 <td>
 UIQtAux
 </td>
 <td>
 Initializes Qt and main window. Provides widget resolution by name to other components
 </td>
 <td>
 15518
 </td>
 <td>
 12
 </td>
 </tr>
 <tr>
 <td>
 3
 </td>
 <td>
 UIQtDock
 </td>
 <td>
 Widget docks
 </td>
 <td>
 5273
 </td>
 <td>
 4
 </td>
 </tr>
 <tr>
 <td>
 4
 </td>
 <td>
 UIQtFileDialog
 </td>
 <td>
 File selection dialogs
 </td>
 <td>
 8960
 </td>
 <td>
 7
 </td>
 </tr>
 <tr>
 <td>
 5
 </td>
 <td>
 UIQtMenu
 </td>
 <td>
 Menus for main window and pop-ups (like node’s add/copy/paste/delete menu)
 </td>
 <td>
 4566
 </td>
 <td>
 3
 </td>
 </tr>
 <tr>
 <td>
 6
 </td>
 <td>
 UIQtMenuBar
 </td>
 <td>
 Menu bar for main window
 </td>
 <td>
 4222
 </td>
 <td>
 3
 </td>
 </tr>
 <tr>
 <td>
 7
 </td>
 <td>
 UIQtRunner
 </td>
 <td>
 Allows to start QApplication
 </td>
 <td>
 2450
 </td>
 <td>
 2
 </td>
 </tr>
 <tr>
 <td>
 8
 </td>
 <td>
 UIQtThumbnailDialog
 </td>
 <td>
 Dialog with thumbnail images
 </td>
 <td>
 18615
 </td>
 <td>
 14
 </td>
 </tr>
 <tr>
 <td>
 9
 </td>
 <td>
 UIQtToolBar
 </td>
 <td>
 Tool bar for main window
 </td>
 <td>
 4276
 </td>
 <td>
 3
 </td>
 </tr>
 <tr>
 <td>
 10
 </td>
 <td>
 UIQtTree
 </td>
 <td>
 Provides complex widgets like Scene tree and Property browser
 </td>
 <td>
 51216
 </td>
 <td>
 39
 </td>
 </tr>
 <tr>
 <td>
 11
 </td>
 <td>
 UIQtWidget
 </td>
 <td>
 Common widget properties like focus and visibility
 </td>
 <td>
 5465
 </td>
 <td>
 4
 </td>
 </tr>
 </table>
 <p><strong>UIQt module refactoring</strong> purpose was to replace old State API with new Environment API, which allows to achieve the same functionality with less code, i.e., makes development easier and faster.</p>
 <p>Refactoring started in July and should have been done the same month. However, we only finished the work in August. Initial plan assumed 28 hours would be enough, but we spent 65 instead. We estimated planned time by relying on the number of public API calls of each component. That worked fine for small components, because the number of their public API calls was roughly equal to the number of their features, and features themselves were very small. However, it totally failed for UIQtTree, which contains 39% of UIQt module code, because there was no direct connection between public API and features.</p>
 <p><strong>Feature based development approach</strong> was born as a result of UIQtTree refactoring struggle. Since Qt uses MVC, UIQtTree component consists of several classes. By the time UIQtTree could display and manage a hierarchy of items, the component was already 27K in size. We noticed UIQtTree started to require abnormal amount of development time even for tiny features. This was an obvious <a href="http://kornerr.blogspot.com/2012/04/complexity-conservation-law-complexity.html">quantitative complexity</a> manifestation.</p>
 <p>We decided to separate UIQtTree into base part and additional ones. Base would only contain minimal code required by all features. Addition would contain specific feature code and could be safely modified. In the case of UIQtTree, item hierarchy display and modification is the minimal functionality, while item renaming is an addition.</p>
 <p>Here is a list of current UIQtTree features:</p>
 <table>
 <tr>
 <th>
 <strong>№</strong>
 </th>
 <th>
 <strong>Feature</strong>
 </th>
 <th>
 <strong>Description</strong>
 </th>
 <th>
 <strong>Size (B)</strong>
 </th>
 <th>
 <strong>Size (%)</strong>
 </th>
 </tr>
 <tr>
 <td>
 1
 </td>
 <td>
 Base
 </td>
 <td>
 Allows to construct item hierarchy, modify it, and display it
 </td>
 <td>
 26966
 </td>
 <td>
 52
 </td>
 </tr>
 <tr>
 <td>
 2
 </td>
 <td>
 Item open state
 </td>
 <td>
 Keeps track of collapsed/expanded item properties
 </td>
 <td>
 3094
 </td>
 <td>
 6
 </td>
 </tr>
 <tr>
 <td>
 3
 </td>
 <td>
 Item renaming
 </td>
 <td>
 Allows to rename an item
 </td>
 <td>
 3471
 </td>
 <td>
 7
 </td>
 </tr>
 <tr>
 <td>
 4
 </td>
 <td>
 Item selection
 </td>
 <td>
 Allows to get/set selected item
 </td>
 <td>
 2338
 </td>
 <td>
 5
 </td>
 </tr>
 <tr>
 <td>
 5
 </td>
 <td>
 Item value
 </td>
 <td>
 Provides 2nd and the rest columns for items, used by Property browser
 </td>
 <td>
 1307
 </td>
 <td>
 3
 </td>
 </tr>
 <tr>
 <td>
 6
 </td>
 <td>
 Item value editing
 </td>
 <td>
 Allows to edit item values with a default editor widget
 </td>
 <td>
 1996
 </td>
 <td>
 4
 </td>
 </tr>
 <tr>
 <td>
 7
 </td>
 <td>
 Item value editing with combobox
 </td>
 <td>
 Provides combobox editor
 </td>
 <td>
 5819
 </td>
 <td>
 11
 </td>
 </tr>
 <tr>
 <td>
 8
 </td>
 <td>
 Item value editing with spinner
 </td>
 <td>
 Provides spinbox editor
 </td>
 <td>
 5290
 </td>
 <td>
 10
 </td>
 </tr>
 <tr>
 <td>
 9
 </td>
 <td>
 Menu
 </td>
 <td>
 Provides pop-up menu
 </td>
 <td>
 1248
 </td>
 <td>
 2
 </td>
 </tr>
 </table>
 <p>Here’s an example of UIQtTree Menu feature file: <a href="https://bitbucket.org/ogstudio-history/mjin-pre-pre/src/0c4cc3c3213f4687c0f3bd6a5426a6054cadd79b/f/TREE_MENU.cpp?at=Studio+0.10&amp;fileviewer=file-view-default">TREE_MENU</a>.</p>
 <p><strong>Benefits of the approach</strong> include:</p>
 <ol type="1">
 <li>Faster code reading/understanding due to small size</li>
 <li>Easier and safer modification due to isolated code</li>
 </ol>
 <p>There’s a drawback, too: new approach requires learning.</p>
 <p>That’s it for the most important technical details about development in August: UIQt module, its refactoring, a new feature based development approach, and its benefits.</p>

                    </div>
                </div>
        </center>
    </body>
 </html>
--- a/en/news/2016-november-recap.html
+++ b/en/news/2016-november-recap.html
@@ -0,0 +1,140 @@
 <!DOCTYPE html>
 <html>
    <meta charset="utf-8">
    <head>
        <style>
            #header
            {
                background: #2BA6E3;
                padding: 0.7em;
                text-align: left;
            }
            
            #header a
            {
                color: white;
                text-decoration: none;
                padding: 0.5em 1em 0.5em 1em;
            }
            .news_item
            {
                background: #FFFFFF;
                width: 720px;
                padding: 1em;
                margin-top: 2em;
                margin-bottom: 2em;
                border: 1px solid #E0E0E0;
                text-align: left;
            }
            .news_item_contents
            {
                color: #444;
                line-height: 1.5em;
            }
            .news_item_date
            {
                margin-bottom: 2em;
                color: #aaa;
            }
            body
            {
                background: #FAFAFA;
            }
            code, pre
            {
                font-family: monospace, serif;
                font-size: 1em;
                color: #7f0a0c;
            }
            figure
            {
                margin: 0px;
                padding: 0px;
            }
            img
            {
                width: 720px;
            }
            html
            {
                font-family: sans-serif;
            }
            a
            {
                color: #3A91CB;
                text-decoration: none;
            }
            #lang
            {
                float: right;
            }
            figcaption
            {
                color: #aaa;
            }
            
            table
            {
                border-collapse: collapse;
            }
            
            table, th, td
            {
                border: 1px solid #aaa;
                padding: 0.5em;
                margin-top: 0.5em;
                margin-bottom: 0.5em;
            }
        </style>
    </head>
    <body>
        <center>
        <div id="header">
            <a href="../../en/news/index.html">News</a>
            <a href="../../en/page/games.html">Games</a>
            <a href="../../en/page/about.html">About</a>
            <div id="lang">
                <a href="2016-november-recap.html">EN</a>
                <a href="../../ru/news/2016-november-recap.html">RU</a>
            </div>
        </div>
        <h1>In the news</h1>
                <div class="news_item">
                    <h2 class="news_item_title">
                        <a href="2016-november-recap.html">November 2016 recap</a>
                    </h2>
                    <p class="news_item_date">
                        2016-12-15 00:00
                    </p>
                    <div class="news_item_contents">
        <figure>
 <img src="../../images/2016-12-15_2016-november-recap.png" alt="Construction of a building" /><figcaption>Construction of a building</figcaption>
 </figure>
 <p>This article describes the start of MJIN library separation into modules.</p>
 <p>Once we built OpenSceneGraph for Android, it became obvious that some MJIN functionality is not suitable for Android. For example, UIQt provides a basis for OGS Editor UI. Since OGS Editor is a desktop application, we don’t need UIQt for Android.</p>
 <p>We decided to have a look at two approaches to separate MJIN into modules: build-time separation and run-time one. <strong>Build-time</strong> separation means MJIN becomes highly configurable and each platform gets specifically tailored MJIN build. <strong>Run-time</strong> separation means MJIN is divided into smaller libraries that are connected at run-time, which makes it easy to change functionality without rebuilding.</p>
 <p><strong>Run-time separation research.</strong></p>
 <p>Since run-time separation has more benefits, we started researching it first. The easiest way to achieve it was to use C API, because C ABI rules are much simpler than C++ one’s.</p>
 <p>We created a sample project consisting of the application, library, and plugin:</p>
 <ul>
 <li><strong>The application</strong> has been linked to the library and used it to load the plugin.</li>
 <li><strong>The library</strong> provided functions to register plugins and call their functions.</li>
 <li><strong>The plugin</strong> provided functions for the library and called library functions.</li>
 </ul>
 <p>The research was successful: the sample project worked correctly under Linux and Windows. However, since MJIN is currently a single large entity, we postponed C API application until we finish build-time separation.</p>
 <p><strong>Build-time separation start.</strong></p>
 <p>We extracted the following modules from MJIN:</p>
 <ul>
 <li>Android: provides Java Native Interface (JNI) to MJIN</li>
 <li>Sound: provides access to OpenAL</li>
 <li>UIQt: provides access to Qt UI</li>
 </ul>
 <p>Sound and UIQt modules are currently statically linked into MJIN library, while Android module is already a separate library due to JNI requirements.</p>
 <p>In the coming year, we’re going to significantly restructure MJIN so that it suits as many platforms as possible.</p>
 <p>That’s it for describing the start of MJIN library separation into modules.</p>

                    </div>
                </div>
        </center>
    </body>
 </html>
--- a/en/news/2016-october-recap.html
+++ b/en/news/2016-october-recap.html
@@ -0,0 +1,140 @@
 <!DOCTYPE html>
 <html>
    <meta charset="utf-8">
    <head>
        <style>
            #header
            {
                background: #2BA6E3;
                padding: 0.7em;
                text-align: left;
            }
            
            #header a
            {
                color: white;
                text-decoration: none;
                padding: 0.5em 1em 0.5em 1em;
            }
            .news_item
            {
                background: #FFFFFF;
                width: 720px;
                padding: 1em;
                margin-top: 2em;
                margin-bottom: 2em;
                border: 1px solid #E0E0E0;
                text-align: left;
            }
            .news_item_contents
            {
                color: #444;
                line-height: 1.5em;
            }
            .news_item_date
            {
                margin-bottom: 2em;
                color: #aaa;
            }
            body
            {
                background: #FAFAFA;
            }
            code, pre
            {
                font-family: monospace, serif;
                font-size: 1em;
                color: #7f0a0c;
            }
            figure
            {
                margin: 0px;
                padding: 0px;
            }
            img
            {
                width: 720px;
            }
            html
            {
                font-family: sans-serif;
            }
            a
            {
                color: #3A91CB;
                text-decoration: none;
            }
            #lang
            {
                float: right;
            }
            figcaption
            {
                color: #aaa;
            }
            
            table
            {
                border-collapse: collapse;
            }
            
            table, th, td
            {
                border: 1px solid #aaa;
                padding: 0.5em;
                margin-top: 0.5em;
                margin-bottom: 0.5em;
            }
        </style>
    </head>
    <body>
        <center>
        <div id="header">
            <a href="../../en/news/index.html">News</a>
            <a href="../../en/page/games.html">Games</a>
            <a href="../../en/page/about.html">About</a>
            <div id="lang">
                <a href="2016-october-recap.html">EN</a>
                <a href="../../ru/news/2016-october-recap.html">RU</a>
            </div>
        </div>
        <h1>In the news</h1>
                <div class="news_item">
                    <h2 class="news_item_title">
                        <a href="2016-october-recap.html">October 2016 recap</a>
                    </h2>
                    <p class="news_item_date">
                        2016-11-19 00:00
                    </p>
                    <div class="news_item_contents">
        <figure>
 <img src="../../images/2016-11-19_2016-october-recap.png" alt="Gaining Android support was like climbing a mountain for us" /><figcaption>Gaining Android support was like climbing a mountain for us</figcaption>
 </figure>
 <p>This article describes how we spent a month building OpenSceneGraph (OSG) for Android: the first attempt to build OSG, the search for OSG alternatives, and the success in building OSG.</p>
 <p><strong>First attempt to build OSG.</strong></p>
 <p>Having no prior knowledge of Android development, we grabbed the latest Android Studio and started doing beginner tutorials. We passed Java part pretty fast. Everything worked out of the box. Then came C++ part and related problems.</p>
 <p><strong>CMake. </strong>To work with C++, Android Studio uses custom CMake, which conflicts with the system one. This was a clear indication that we had to set up a separate development environment specifically for Android.</p>
 <p><strong>KVM. </strong>We got Ubuntu under VirtualBox installed. All went fine until we tried to use Android Emulator. Turned out, VirtualBox could not run Android Emulator, because a virtual machine cannot provide kernel virtualization inside already virtualized environment.</p>
 <p><strong>Chroot for Android. </strong>Since we had a successful experience with chroot to build OGS Editor before, we decided to place Android development environment into chroot. With minor tweaking, we could finally run Android Emulator and build C++ project.</p>
 <p><strong>OSG. </strong>Building OSG seemed like a piece of cake at the time. However, all we got was a crash. Thinking that we got it wrong the first time, we tried to rebuild OSG once again. And the same crash again. Searching for the problem did not reveal any hint. Nobody helped us at the OSG mailing list.</p>
 <p>We were in despair.</p>
 <p><strong>The search for OSG alternatives.</strong></p>
 <p>Since OSG community did not help us, we decided to search for an alternative open source project to fit our Android needs (and may be more).</p>
 <p>And we found it: <a href="http://babylonhx.gamestudiohx.com/">BabylonHX</a>. The home page looked awesome: it rendered WebGL in the background! We thought we finally found the gem we were looking for. However, the example on the home page simply did not work.</p>
 <p>You can probably understand our feelings at the time.</p>
 <p><strong>The success in building OSG.</strong></p>
 <p>We realized nobody would make OSG work under Android for us. We had to do it ourselves.</p>
 <p>Since <a href="http://www.openscenegraph.org/index.php/documentation/platform-specifics/android/178-building-openscenegraph-for-android-3-4">OSG 3.4 document</a> on building for Android was very short, we no longer trusted it and headed to <a href="http://www.openscenegraph.org/index.php/documentation/platform-specifics/android/44-building-openscenegraph-for-android-3-0-3-0-1">original OSG 3.0 document</a>. While following it, we faced a dead link to third party dependencies. The search for an alternative download link lead us to a <a href="https://xinyustudio.wordpress.com/2013/09/24/install-osg-for-android-on-ubuntu-13-04-step-by-step-tutorials/">2013 tutorial</a> on building OSG 3.0 for Android.</p>
 <p>After following the tutorial, we finally got OSG to run under Android! But there was a nuance: both OSG and Android tools used in the tutorial were ancient. In a few days, we gradually updated both OSG and Android tools to their latest versions.</p>
 <p>During the update process, we learned two things that prevented us from having OSG to work in the first place:</p>
 <ul>
 <li>Android API headers changed in NDK r12</li>
 <li>OSG only works as a static library under Android</li>
 </ul>
 <p>That’s it for describing how we spent the month building OSG for Android: the first attempt to build OSG, the search for OSG alternatives, and the success in building OSG.</p>

                    </div>
                </div>
        </center>
    </body>
 </html>
--- a/en/news/2016-roadmap.html
+++ b/en/news/2016-roadmap.html
@@ -0,0 +1,122 @@
 <!DOCTYPE html>
 <html>
    <meta charset="utf-8">
    <head>
        <style>
            #header
            {
                background: #2BA6E3;
                padding: 0.7em;
                text-align: left;
            }
            
            #header a
            {
                color: white;
                text-decoration: none;
                padding: 0.5em 1em 0.5em 1em;
            }
            .news_item
            {
                background: #FFFFFF;
                width: 720px;
                padding: 1em;
                margin-top: 2em;
                margin-bottom: 2em;
                border: 1px solid #E0E0E0;
                text-align: left;
            }
            .news_item_contents
            {
                color: #444;
                line-height: 1.5em;
            }
            .news_item_date
            {
                margin-bottom: 2em;
                color: #aaa;
            }
            body
            {
                background: #FAFAFA;
            }
            code, pre
            {
                font-family: monospace, serif;
                font-size: 1em;
                color: #7f0a0c;
            }
            figure
            {
                margin: 0px;
                padding: 0px;
            }
            img
            {
                width: 720px;
            }
            html
            {
                font-family: sans-serif;
            }
            a
            {
                color: #3A91CB;
                text-decoration: none;
            }
            #lang
            {
                float: right;
            }
            figcaption
            {
                color: #aaa;
            }
            
            table
            {
                border-collapse: collapse;
            }
            
            table, th, td
            {
                border: 1px solid #aaa;
                padding: 0.5em;
                margin-top: 0.5em;
                margin-bottom: 0.5em;
            }
        </style>
    </head>
    <body>
        <center>
        <div id="header">
            <a href="../../en/news/index.html">News</a>
            <a href="../../en/page/games.html">Games</a>
            <a href="../../en/page/about.html">About</a>
            <div id="lang">
                <a href="2016-roadmap.html">EN</a>
                <a href="../../ru/news/2016-roadmap.html">RU</a>
            </div>
        </div>
        <h1>In the news</h1>
                <div class="news_item">
                    <h2 class="news_item_title">
                        <a href="2016-roadmap.html">Roadmap for 2016</a>
                    </h2>
                    <p class="news_item_date">
                        2015-12-26 00:00
                    </p>
                    <div class="news_item_contents">
        <p>As you know, according to the <a href="2015-roadmap.html">previously published roadmap</a>, we now have sound system in place. However, we decided to go further and implement the first version of Player. We wanted to get it done by December, but, unfortunately, more work resulted in the change of dates.</p>
 <p>Here’s the revised roadmap for the first half of 2016:</p>
 <ol type="1">
 <li>Editor + Player 0.8.0 (January 2016): Sound system, Whac-a-mole game with sounds</li>
 <li>Editor + Player 0.9.0 (April 2016): Networking system, simple ping pong game for 2 players over the net</li>
 <li>Editor + Player 0.10.0 (July 2016): Polishing, “Shuan” prototype</li>
 </ol>

                    </div>
                </div>
        </center>
    </body>
 </html>
--- a/en/news/2016-september-recap.html
+++ b/en/news/2016-september-recap.html
@@ -0,0 +1,150 @@
 <!DOCTYPE html>
 <html>
    <meta charset="utf-8">
    <head>
        <style>
            #header
            {
                background: #2BA6E3;
                padding: 0.7em;
                text-align: left;
            }
            
            #header a
            {
                color: white;
                text-decoration: none;
                padding: 0.5em 1em 0.5em 1em;
            }
            .news_item
            {
                background: #FFFFFF;
                width: 720px;
                padding: 1em;
                margin-top: 2em;
                margin-bottom: 2em;
                border: 1px solid #E0E0E0;
                text-align: left;
            }
            .news_item_contents
            {
                color: #444;
                line-height: 1.5em;
            }
            .news_item_date
            {
                margin-bottom: 2em;
                color: #aaa;
            }
            body
            {
                background: #FAFAFA;
            }
            code, pre
            {
                font-family: monospace, serif;
                font-size: 1em;
                color: #7f0a0c;
            }
            figure
            {
                margin: 0px;
                padding: 0px;
            }
            img
            {
                width: 720px;
            }
            html
            {
                font-family: sans-serif;
            }
            a
            {
                color: #3A91CB;
                text-decoration: none;
            }
            #lang
            {
                float: right;
            }
            figcaption
            {
                color: #aaa;
            }
            
            table
            {
                border-collapse: collapse;
            }
            
            table, th, td
            {
                border: 1px solid #aaa;
                padding: 0.5em;
                margin-top: 0.5em;
                margin-bottom: 0.5em;
            }
        </style>
    </head>
    <body>
        <center>
        <div id="header">
            <a href="../../en/news/index.html">News</a>
            <a href="../../en/page/games.html">Games</a>
            <a href="../../en/page/about.html">About</a>
            <div id="lang">
                <a href="2016-september-recap.html">EN</a>
                <a href="../../ru/news/2016-september-recap.html">RU</a>
            </div>
        </div>
        <h1>In the news</h1>
                <div class="news_item">
                    <h2 class="news_item_title">
                        <a href="2016-september-recap.html">September 2016 recap</a>
                    </h2>
                    <p class="news_item_date">
                        2016-10-11 00:00
                    </p>
                    <div class="news_item_contents">
        <figure>
 <img src="../../images/2016-10-11_september-recap.png" alt="Mahjong created during live session" /><figcaption>Mahjong created during live session</figcaption>
 </figure>
 <p>This article explains September 2016 live session stages: draft, rehearsal, live session itself, and publishing.</p>
 <p>Even though live session takes only a few hours, we devote a whole month to prepare for it. Let’s have a look at live session stages in detail.</p>
 <ol type="1">
 <li><p><strong>Draft.</strong> Game creation for the first time.</p>
 <p>Purposes:</p>
 <ul>
 <li>test our technologies and fix major bugs;</li>
 <li>discover usability issues to fix in the next development iteration;</li>
 <li>list exact steps to reproduce the game later;</li>
 <li>create draft version of the game assets (models, textures, sounds, scripts).</li>
 </ul>
 <p>Upon stage completion, we announce live session date and show you the game preview.</p></li>
 <li><p><strong>Rehearsal.</strong> Game recreation.</p>
 <p>Purposes:</p>
 <ul>
 <li>make sure we have no major bugs left;</li>
 <li>record the whole process of the game creation;</li>
 <li>create final game assets.</li>
 </ul>
 <p>This is 99% the game we publish later.</p></li>
 <li><p><strong>Live session.</strong> Reassembling the game live in front of you.</p>
 <p>Purposes:</p>
 <ul>
 <li>show how easy it is to create a game;</li>
 <li>walk you through nuances of game creation;</li>
 <li>get feedback from you;</li>
 <li>answer your questions.</li>
 </ul>
 <p>We take game assets from the rehearsal and use them to quickly reassemble the game in just a few hours.</p></li>
 <li><p><strong>Publishing.</strong> The release of our technologies’ last version, live session materials, and stand alone game.</p></li>
 </ol>
 <p>That’s it for explaining September 2016 live session stages: draft, rehearsal, live session itself, and publishing.</p>

                    </div>
                </div>
        </center>
    </body>
 </html>
--- a/en/news/2016-tech-showcases.html
+++ b/en/news/2016-tech-showcases.html
@@ -0,0 +1,255 @@
 <!DOCTYPE html>
 <html>
    <meta charset="utf-8">
    <head>
        <style>
            #header
            {
                background: #2BA6E3;
                padding: 0.7em;
                text-align: left;
            }
            
            #header a
            {
                color: white;
                text-decoration: none;
                padding: 0.5em 1em 0.5em 1em;
            }
            .news_item
            {
                background: #FFFFFF;
                width: 720px;
                padding: 1em;
                margin-top: 2em;
                margin-bottom: 2em;
                border: 1px solid #E0E0E0;
                text-align: left;
            }
            .news_item_contents
            {
                color: #444;
                line-height: 1.5em;
            }
            .news_item_date
            {
                margin-bottom: 2em;
                color: #aaa;
            }
            body
            {
                background: #FAFAFA;
            }
            code, pre
            {
                font-family: monospace, serif;
                font-size: 1em;
                color: #7f0a0c;
            }
            figure
            {
                margin: 0px;
                padding: 0px;
            }
            img
            {
                width: 720px;
            }
            html
            {
                font-family: sans-serif;
            }
            a
            {
                color: #3A91CB;
                text-decoration: none;
            }
            #lang
            {
                float: right;
            }
            figcaption
            {
                color: #aaa;
            }
            
            table
            {
                border-collapse: collapse;
            }
            
            table, th, td
            {
                border: 1px solid #aaa;
                padding: 0.5em;
                margin-top: 0.5em;
                margin-bottom: 0.5em;
            }
        </style>
    </head>
    <body>
        <center>
        <div id="header">
            <a href="../../en/news/index.html">News</a>
            <a href="../../en/page/games.html">Games</a>
            <a href="../../en/page/about.html">About</a>
            <div id="lang">
                <a href="2016-tech-showcases.html">EN</a>
                <a href="../../ru/news/2016-tech-showcases.html">RU</a>
            </div>
        </div>
        <h1>In the news</h1>
                <div class="news_item">
                    <h2 class="news_item_title">
                        <a href="2016-tech-showcases.html">Technology showcases</a>
                    </h2>
                    <p class="news_item_date">
                        2016-10-31 00:00
                    </p>
                    <div class="news_item_contents">
        <figure>
 <img src="../../images/2016-10-31_tech-showcases.png" alt="Feature file in the background" /><figcaption>Feature file in the background</figcaption>
 </figure>
 <p>In this article, we take another look at 2015-2016 live sessions’ format and introduce a new showcase format for 2017.</p>
 <p><strong>2015 and 2016: live sessions.</strong></p>
 As you know, we use live sessions to show the state of our technology and create a small functional game from scratch. We have conducted four live sessions in the past year, which gave birth to the following small games:
 <table>
 <tr>
 <th>
 <strong>№</strong>
 </th>
 <th>
 <strong>Created game</strong>
 </th>
 <th>
 <strong>Live session date</strong>
 </th>
 </tr>
 <tr>
 <td>
 1
 </td>
 <td>
 Whac-a-mole
 </td>
 <td>
 November 2015
 </td>
 </tr>
 <tr>
 <td>
 2
 </td>
 <td>
 Rolling ball
 </td>
 <td>
 February 2016
 </td>
 </tr>
 <tr>
 <td>
 3
 </td>
 <td>
 Domino
 </td>
 <td>
 May 2016
 </td>
 </tr>
 <tr>
 <td>
 4
 </td>
 <td>
 Mahjong Solitaire
 </td>
 <td>
 September 2016
 </td>
 </tr>
 </table>
 <p>We spent four months to prepare for these live sessions. It has been an extremely useful experience for us. However, 2017 will have only 2 live sessions. Why? We want to spend more time on actual development!</p>
 <p><strong>2017: live sessions + technical previews.</strong></p>
 <p>Starting next year, we will be doing technical previews twice a year. A technical preview is another way to show the state of our technology, but without creating new games and conducting live sessions.</p>
 Here’s an approximate schedule of technical previews and live sessions for 2017:
 <table>
 <tr>
 <th>
 <strong>№</strong>
 </th>
 <th>
 <strong>Month</strong>
 </th>
 <th>
 <strong>Showcase type</strong>
 </th>
 <th>
 <strong>Topic</strong>
 </th>
 </tr>
 <tr>
 <td>
 1
 </td>
 <td>
 January
 </td>
 <td>
 Technical preview
 </td>
 <td>
 Android platform support
 </td>
 </tr>
 <tr>
 <td>
 2
 </td>
 <td>
 April
 </td>
 <td>
 Live session
 </td>
 <td>
 Android game creation
 </td>
 </tr>
 <tr>
 <td>
 3
 </td>
 <td>
 July
 </td>
 <td>
 Technical preview
 </td>
 <td>
 To be announced
 </td>
 </tr>
 <tr>
 <td>
 4
 </td>
 <td>
 October
 </td>
 <td>
 Live session
 </td>
 <td>
 To be announced
 </td>
 </tr>
 </table>
 <p>That’s it for taking another look at 2015-2016 live sessions’ format and introducing the new showcase format for 2017.</p>

                    </div>
                </div>
        </center>
    </body>
 </html>
--- a/en/news/2017-happy-new-year.html
+++ b/en/news/2017-happy-new-year.html
@@ -0,0 +1,124 @@
 <!DOCTYPE html>
 <html>
    <meta charset="utf-8">
    <head>
        <style>
            #header
            {
                background: #2BA6E3;
                padding: 0.7em;
                text-align: left;
            }
            
            #header a
            {
                color: white;
                text-decoration: none;
                padding: 0.5em 1em 0.5em 1em;
            }
            .news_item
            {
                background: #FFFFFF;
                width: 720px;
                padding: 1em;
                margin-top: 2em;
                margin-bottom: 2em;
                border: 1px solid #E0E0E0;
                text-align: left;
            }
            .news_item_contents
            {
                color: #444;
                line-height: 1.5em;
            }
            .news_item_date
            {
                margin-bottom: 2em;
                color: #aaa;
            }
            body
            {
                background: #FAFAFA;
            }
            code, pre
            {
                font-family: monospace, serif;
                font-size: 1em;
                color: #7f0a0c;
            }
            figure
            {
                margin: 0px;
                padding: 0px;
            }
            img
            {
                width: 720px;
            }
            html
            {
                font-family: sans-serif;
            }
            a
            {
                color: #3A91CB;
                text-decoration: none;
            }
            #lang
            {
                float: right;
            }
            figcaption
            {
                color: #aaa;
            }
            
            table
            {
                border-collapse: collapse;
            }
            
            table, th, td
            {
                border: 1px solid #aaa;
                padding: 0.5em;
                margin-top: 0.5em;
                margin-bottom: 0.5em;
            }
        </style>
    </head>
    <body>
        <center>
        <div id="header">
            <a href="../../en/news/index.html">News</a>
            <a href="../../en/page/games.html">Games</a>
            <a href="../../en/page/about.html">About</a>
            <div id="lang">
                <a href="2017-happy-new-year.html">EN</a>
                <a href="../../ru/news/2017-happy-new-year.html">RU</a>
            </div>
        </div>
        <h1>In the news</h1>
                <div class="news_item">
                    <h2 class="news_item_title">
                        <a href="2017-happy-new-year.html">Happy 2017</a>
                    </h2>
                    <p class="news_item_date">
                        2016-12-31 00:00
                    </p>
                    <div class="news_item_contents">
        <figure>
 <img src="../../images/2016-12-31_happy-new-year.png" alt="Christmas tree" /><figcaption>Christmas tree</figcaption>
 </figure>
 <p>Okay. It’s been a hard year for everyone in the team. And it’s almost over. Praise it ends! Praise the new one!</p>
 <p>It may seem, that our progress stalled. Three years ago we announced the beginning of a new project (two to be precise), and now we still working on the engine and editor, haven’t even started creating the actual game.</p>
 <p>If you were monitoring our news during the year, you know that we held several live sessions, showing in the real time how to use our tools to create some simple games. Each session was a step in a long road to our goal. While preparing for these live sessions, we added necessary building blocks, that will be needed to create almost any game.</p>
 <p>Future live sessions and technical previews will add even more, so at some point in future (i hope not very distant), we will have everything we need to sit down and build our planned game from these blocks.</p>
 <p>So, the project isn’t dead; the idea was not thrown away. But there is a lot of work to be done before we can start making the game, and there are only two of us, using our spare time. So. You want our game to become a reality? Join us. Together we will rule the galaxy. Or just wait and see. We didn’t stop several years ago. We won’t stop now. After all, there is only one way to create a fine tool (and it’s our initial goal if you remember) - we need to use it ourselves. We will. Stay tuned.</p>
 <p>Happy 2017. Let it be simple.</p>

                    </div>
                </div>
        </center>
    </body>
 </html>
--- a/en/news/2017-summary.html
+++ b/en/news/2017-summary.html
@@ -0,0 +1,134 @@
 <!DOCTYPE html>
 <html>
    <meta charset="utf-8">
    <head>
        <style>
            #header
            {
                background: #2BA6E3;
                padding: 0.7em;
                text-align: left;
            }
            
            #header a
            {
                color: white;
                text-decoration: none;
                padding: 0.5em 1em 0.5em 1em;
            }
            .news_item
            {
                background: #FFFFFF;
                width: 720px;
                padding: 1em;
                margin-top: 2em;
                margin-bottom: 2em;
                border: 1px solid #E0E0E0;
                text-align: left;
            }
            .news_item_contents
            {
                color: #444;
                line-height: 1.5em;
            }
            .news_item_date
            {
                margin-bottom: 2em;
                color: #aaa;
            }
            body
            {
                background: #FAFAFA;
            }
            code, pre
            {
                font-family: monospace, serif;
                font-size: 1em;
                color: #7f0a0c;
            }
            figure
            {
                margin: 0px;
                padding: 0px;
            }
            img
            {
                width: 720px;
            }
            html
            {
                font-family: sans-serif;
            }
            a
            {
                color: #3A91CB;
                text-decoration: none;
            }
            #lang
            {
                float: right;
            }
            figcaption
            {
                color: #aaa;
            }
            
            table
            {
                border-collapse: collapse;
            }
            
            table, th, td
            {
                border: 1px solid #aaa;
                padding: 0.5em;
                margin-top: 0.5em;
                margin-bottom: 0.5em;
            }
        </style>
    </head>
    <body>
        <center>
        <div id="header">
            <a href="../../en/news/index.html">News</a>
            <a href="../../en/page/games.html">Games</a>
            <a href="../../en/page/about.html">About</a>
            <div id="lang">
                <a href="2017-summary.html">EN</a>
                <a href="../../ru/news/2017-summary.html">RU</a>
            </div>
        </div>
        <h1>In the news</h1>
                <div class="news_item">
                    <h2 class="news_item_title">
                        <a href="2017-summary.html">2017 summary</a>
                    </h2>
                    <p class="news_item_date">
                        2017-11-22 00:00
                    </p>
                    <div class="news_item_contents">
        <figure>
 <img src="../../images/2017-11-22-2017-summary.png" alt="Memory game in the background" /><figcaption>Memory game in the background</figcaption>
 </figure>
 <p>It’s time to step back to see our accomplishments in 2017 and how they connect to the overall goal of Opensource Game Studio project.</p>
 <p><strong>Brief history</strong></p>
 <p>Opensource Game Studio project is 12 years old now.</p>
 <p><strong>2005.</strong> We started the project with a <a href="https://www.linuxquestions.org/questions/general-10/the-creation-of-the-best-rpg-355858/">fanatic call</a> to create the best game ever. Probably right after finishing Half-Life 2 or Morrowind. 99.99% of those who wanted to participate weathered during a couple of years leaving only the two of us: Michael (coding) and Ivan (the rest). The project was in a constant turmoil because we had no clear purpose and discipline. Thus, we only got a handful of demonstrations during that period.</p>
 <p><strong>2010.</strong> The first year for us to admit we failed big time. After accepting the failure, we have set Mahjong game as our initial target. We also realized that if we want the game out, we must work every day. We didn’t get anywhere by working on weekends because they often collided with family time.</p>
 <p><strong>2012, 2013.</strong> We released Mahjong 1.0 and Mahjong 1.1 correspondingly. We created a complete, polished game in 3-4 years after failing to provide anything of value during previous 5 years. To this date, Mahjong is the best and only game we released so far. We’re still proud of it because it still feels great.</p>
 <p><strong>2015.</strong> We showcased the first version of our game toolset. After releasing Mahjong, we decided to spend time on building toolset that would allow us to develop games faster.</p>
 <p><strong>2016.</strong> We recreated Mahjong gameplay with our game toolset. However, we quickly realized that desktop only game toolset is a dead end. It led us to research mobile platforms.</p>
 <p><strong>Last year</strong></p>
 <p><strong>2016, October.</strong> We started mobile platforms’ research by making simple straightforward OpenSceneGraph application run under Android.</p>
 <p><strong>2017, January.</strong> We got the Android version working and started iOS and Web research.</p>
 <p><strong>2017, February.</strong> We made the sample application work everywhere: desktop, mobile, web.</p>
 <p>Researching mobile and web took us about five months. We spent that much time because there was no documentation on how to run OpenSceneGraph across platforms. We had to step in and create said documentation.</p>
 <p><strong>2017, July.</strong> We published <a href="https://github.com/OGStudio/openscenegraph-cross-platform-guide">OpenSceneGraph cross-platform guide</a>, which describes how to create a simple OpenSceneGraph application and make it run on desktop, mobile, and web. To this date, this is our most popular GitHub repository.</p>
 <p><strong>2017, November.</strong> We published simple <a href="https://ogstudio.github.io/game-memory-colors/tutorial-5.3/mjin-player.html">Memory: Colors game</a> and the <a href="https://bitbucket.org/ogstudio-games/memory-colors">guide</a> on how to create the game from scratch. The game is powered by MJIN, our new cross-platform game toolset that we started this summer.</p>
 <p>Currently MJIN toolset is in its infancy. MJIN needs a real game to flourish. That’s why we are already working on cross-platform Mahjong. We’ll do our best to make Mahjong faster this time.</p>

                    </div>
                </div>
        </center>
    </body>
 </html>
--- a/en/news/2019-year-of-rethinking.html
+++ b/en/news/2019-year-of-rethinking.html
@@ -0,0 +1,124 @@
 <!DOCTYPE html>
 <html>
    <meta charset="utf-8">
    <head>
        <style>
            #header
            {
                background: #2BA6E3;
                padding: 0.7em;
                text-align: left;
            }
            
            #header a
            {
                color: white;
                text-decoration: none;
                padding: 0.5em 1em 0.5em 1em;
            }
            .news_item
            {
                background: #FFFFFF;
                width: 720px;
                padding: 1em;
                margin-top: 2em;
                margin-bottom: 2em;
                border: 1px solid #E0E0E0;
                text-align: left;
            }
            .news_item_contents
            {
                color: #444;
                line-height: 1.5em;
            }
            .news_item_date
            {
                margin-bottom: 2em;
                color: #aaa;
            }
            body
            {
                background: #FAFAFA;
            }
            code, pre
            {
                font-family: monospace, serif;
                font-size: 1em;
                color: #7f0a0c;
            }
            figure
            {
                margin: 0px;
                padding: 0px;
            }
            img
            {
                width: 720px;
            }
            html
            {
                font-family: sans-serif;
            }
            a
            {
                color: #3A91CB;
                text-decoration: none;
            }
            #lang
            {
                float: right;
            }
            figcaption
            {
                color: #aaa;
            }
            
            table
            {
                border-collapse: collapse;
            }
            
            table, th, td
            {
                border: 1px solid #aaa;
                padding: 0.5em;
                margin-top: 0.5em;
                margin-bottom: 0.5em;
            }
        </style>
    </head>
    <body>
        <center>
        <div id="header">
            <a href="../../en/news/index.html">News</a>
            <a href="../../en/page/games.html">Games</a>
            <a href="../../en/page/about.html">About</a>
            <div id="lang">
                <a href="2019-year-of-rethinking.html">EN</a>
                <a href="../../ru/news/2019-year-of-rethinking.html">RU</a>
            </div>
        </div>
        <h1>In the news</h1>
                <div class="news_item">
                    <h2 class="news_item_title">
                        <a href="2019-year-of-rethinking.html">Year of rethinking</a>
                    </h2>
                    <p class="news_item_date">
                        2019-01-01 0:01
                    </p>
                    <div class="news_item_contents">
        <figure>
 <img src="../../images/2017-12-31-celebration.jpg" alt="Sparkler" /><figcaption>Sparkler</figcaption>
 </figure>
 <p>It was a year of reimagining and rethinking. As some of you may remember, we started this project to make a game development tool. During the years, the idea evolved from one form to another, sometimes the changes were significant, other times we threw away all the code and started anew.</p>
 <p>As a result of all these changes, we came to the end of the year 2018 without a tool, but with a clear understanding of what tool are we making.</p>
 <p>There are plenty of fine game development tools out there. Some of them are even open source. We spent plenty of time trying them, and some are quite good.</p>
 <p>We can’t, and we don’t want to compete with them. Our targets are maximal accessibility and simplicity. Our goal is to make a tool suitable for teaching children, but powerful enough to be used for prototyping. To use any powerful development tool, you need a PC or a laptop. We want to make the toolset, that can be used anywhere. We already made some steps in this direction, and we will continue this course.</p>
 <p>So, we’re beginning a new year without precise plans, but with clear knowledge of our goal instead. Let’s wait and see if this approach works better.</p>
 <p>Happy New Year to all of you! See you soon!</p>

                    </div>
                </div>
        </center>
    </body>
 </html>
--- a/en/news/back-to-social-networks.html
+++ b/en/news/back-to-social-networks.html
@@ -0,0 +1,117 @@
 <!DOCTYPE html>
 <html>
    <meta charset="utf-8">
    <head>
        <style>
            #header
            {
                background: #2BA6E3;
                padding: 0.7em;
                text-align: left;
            }
            
            #header a
            {
                color: white;
                text-decoration: none;
                padding: 0.5em 1em 0.5em 1em;
            }
            .news_item
            {
                background: #FFFFFF;
                width: 720px;
                padding: 1em;
                margin-top: 2em;
                margin-bottom: 2em;
                border: 1px solid #E0E0E0;
                text-align: left;
            }
            .news_item_contents
            {
                color: #444;
                line-height: 1.5em;
            }
            .news_item_date
            {
                margin-bottom: 2em;
                color: #aaa;
            }
            body
            {
                background: #FAFAFA;
            }
            code, pre
            {
                font-family: monospace, serif;
                font-size: 1em;
                color: #7f0a0c;
            }
            figure
            {
                margin: 0px;
                padding: 0px;
            }
            img
            {
                width: 720px;
            }
            html
            {
                font-family: sans-serif;
            }
            a
            {
                color: #3A91CB;
                text-decoration: none;
            }
            #lang
            {
                float: right;
            }
            figcaption
            {
                color: #aaa;
            }
            
            table
            {
                border-collapse: collapse;
            }
            
            table, th, td
            {
                border: 1px solid #aaa;
                padding: 0.5em;
                margin-top: 0.5em;
                margin-bottom: 0.5em;
            }
        </style>
    </head>
    <body>
        <center>
        <div id="header">
            <a href="../../en/news/index.html">News</a>
            <a href="../../en/page/games.html">Games</a>
            <a href="../../en/page/about.html">About</a>
            <div id="lang">
                <a href="back-to-social-networks.html">EN</a>
                <a href="../../ru/news/back-to-social-networks.html">RU</a>
            </div>
        </div>
        <h1>In the news</h1>
                <div class="news_item">
                    <h2 class="news_item_title">
                        <a href="back-to-social-networks.html">We’re back to social networks</a>
                    </h2>
                    <p class="news_item_date">
                        2016-08-18 00:00
                    </p>
                    <div class="news_item_contents">
        <p>If you follow us on <a href="https://www.facebook.com/groups/162611230470183/">Facebook</a>, <a href="https://twitter.com/OpenGameStudio">Twitter</a>, or <a href="https://new.vk.com/opengamestudo">VK</a> you noticed we started to use them again. That’s no coincidence: we’re finally ready to communicate our progress verbally after 4 years of almost silent development.</p>
 <p>Follow us to stay up-to-date!</p>

                    </div>
                </div>
        </center>
    </body>
 </html>
--- a/en/news/back-to-the-static.html
+++ b/en/news/back-to-the-static.html
@@ -0,0 +1,121 @@
 <!DOCTYPE html>
 <html>
    <meta charset="utf-8">
    <head>
        <style>
            #header
            {
                background: #2BA6E3;
                padding: 0.7em;
                text-align: left;
            }
            
            #header a
            {
                color: white;
                text-decoration: none;
                padding: 0.5em 1em 0.5em 1em;
            }
            .news_item
            {
                background: #FFFFFF;
                width: 720px;
                padding: 1em;
                margin-top: 2em;
                margin-bottom: 2em;
                border: 1px solid #E0E0E0;
                text-align: left;
            }
            .news_item_contents
            {
                color: #444;
                line-height: 1.5em;
            }
            .news_item_date
            {
                margin-bottom: 2em;
                color: #aaa;
            }
            body
            {
                background: #FAFAFA;
            }
            code, pre
            {
                font-family: monospace, serif;
                font-size: 1em;
                color: #7f0a0c;
            }
            figure
            {
                margin: 0px;
                padding: 0px;
            }
            img
            {
                width: 720px;
            }
            html
            {
                font-family: sans-serif;
            }
            a
            {
                color: #3A91CB;
                text-decoration: none;
            }
            #lang
            {
                float: right;
            }
            figcaption
            {
                color: #aaa;
            }
            
            table
            {
                border-collapse: collapse;
            }
            
            table, th, td
            {
                border: 1px solid #aaa;
                padding: 0.5em;
                margin-top: 0.5em;
                margin-bottom: 0.5em;
            }
        </style>
    </head>
    <body>
        <center>
        <div id="header">
            <a href="../../en/news/index.html">News</a>
            <a href="../../en/page/games.html">Games</a>
            <a href="../../en/page/about.html">About</a>
            <div id="lang">
                <a href="back-to-the-static.html">EN</a>
                <a href="../../ru/news/back-to-the-static.html">RU</a>
            </div>
        </div>
        <h1>In the news</h1>
                <div class="news_item">
                    <h2 class="news_item_title">
                        <a href="back-to-the-static.html">Back to the Static</a>
                    </h2>
                    <p class="news_item_date">
                        2017-10-16 00:00
                    </p>
                    <div class="news_item_contents">
        <figure>
 <img src="../../images/2017-10-16-back-to-the-static.png" alt="Static and dynamic unite" /><figcaption>Static and dynamic unite</figcaption>
 </figure>
 <p>We have been using Wordpress as our website engine for more than seven years. And now it’s time to move forward. Or backward. For some time we’ve been tracking the development of the new breed of website engines - static site generators. It seems that this is the technology capable of changing past into future.</p>
 <p>A static website is more straightforward, quicker and more secure. And with the help of generators, it is also as easy to manage, as the dynamic website. So, we are starting our site anew with the help of the <a href="https://blog.getpelican.com/">Pelican</a>.</p>
 <p>Right now it doesn’t have all the content from our old site, but we’ll add most of it soon.</p>

                    </div>
                </div>
        </center>
    </body>
 </html>
--- a/en/news/bye-desura-hello-humblebundle.html
+++ b/en/news/bye-desura-hello-humblebundle.html
@@ -0,0 +1,120 @@
 <!DOCTYPE html>
 <html>
    <meta charset="utf-8">
    <head>
        <style>
            #header
            {
                background: #2BA6E3;
                padding: 0.7em;
                text-align: left;
            }
            
            #header a
            {
                color: white;
                text-decoration: none;
                padding: 0.5em 1em 0.5em 1em;
            }
            .news_item
            {
                background: #FFFFFF;
                width: 720px;
                padding: 1em;
                margin-top: 2em;
                margin-bottom: 2em;
                border: 1px solid #E0E0E0;
                text-align: left;
            }
            .news_item_contents
            {
                color: #444;
                line-height: 1.5em;
            }
            .news_item_date
            {
                margin-bottom: 2em;
                color: #aaa;
            }
            body
            {
                background: #FAFAFA;
            }
            code, pre
            {
                font-family: monospace, serif;
                font-size: 1em;
                color: #7f0a0c;
            }
            figure
            {
                margin: 0px;
                padding: 0px;
            }
            img
            {
                width: 720px;
            }
            html
            {
                font-family: sans-serif;
            }
            a
            {
                color: #3A91CB;
                text-decoration: none;
            }
            #lang
            {
                float: right;
            }
            figcaption
            {
                color: #aaa;
            }
            
            table
            {
                border-collapse: collapse;
            }
            
            table, th, td
            {
                border: 1px solid #aaa;
                padding: 0.5em;
                margin-top: 0.5em;
                margin-bottom: 0.5em;
            }
        </style>
    </head>
    <body>
        <center>
        <div id="header">
            <a href="../../en/news/index.html">News</a>
            <a href="../../en/page/games.html">Games</a>
            <a href="../../en/page/about.html">About</a>
            <div id="lang">
                <a href="bye-desura-hello-humblebundle.html">EN</a>
                <a href="../../ru/news/bye-desura-hello-humblebundle.html">RU</a>
            </div>
        </div>
        <h1>In the news</h1>
                <div class="news_item">
                    <h2 class="news_item_title">
                        <a href="bye-desura-hello-humblebundle.html">Desura no more, hello Humble Bundle Widget</a>
                    </h2>
                    <p class="news_item_date">
                        2015-07-23 00:00
                    </p>
                    <div class="news_item_contents">
        <p>After the recent bankruptcy of Desura’s parent company, we decided, that we need a new place for our Deluxe version. Something better, more modern and more trustworthy. We have chosen the Humble Widget, with which you can buy the deluxe version of the game without leaving our site.</p>
 <p>Here it is:</p>
 <iframe src="https://www.humblebundle.com/widget/v2/product/ogsmahjong/ySGF3h34?theme=transparent-light" width="526" height="325" style="border: none;" scrolling="no" frameborder="0">
 </iframe>
 <p>We haven’t received a single penny from Desura (due to the minimal cache out limitations), but if you bought the deluxe version from them and experiencing any problems with downloading it (right now we see no problems with that), send us a letter, tell your name on Desura, we’ll figure something out.</p>

                    </div>
                </div>
        </center>
    </body>
 </html>
--- a/en/news/defending-availability.html
+++ b/en/news/defending-availability.html
@@ -0,0 +1,141 @@
 <!DOCTYPE html>
 <html>
    <meta charset="utf-8">
    <head>
        <style>
            #header
            {
                background: #2BA6E3;
                padding: 0.7em;
                text-align: left;
            }
            
            #header a
            {
                color: white;
                text-decoration: none;
                padding: 0.5em 1em 0.5em 1em;
            }
            .news_item
            {
                background: #FFFFFF;
                width: 720px;
                padding: 1em;
                margin-top: 2em;
                margin-bottom: 2em;
                border: 1px solid #E0E0E0;
                text-align: left;
            }
            .news_item_contents
            {
                color: #444;
                line-height: 1.5em;
            }
            .news_item_date
            {
                margin-bottom: 2em;
                color: #aaa;
            }
            body
            {
                background: #FAFAFA;
            }
            code, pre
            {
                font-family: monospace, serif;
                font-size: 1em;
                color: #7f0a0c;
            }
            figure
            {
                margin: 0px;
                padding: 0px;
            }
            img
            {
                width: 720px;
            }
            html
            {
                font-family: sans-serif;
            }
            a
            {
                color: #3A91CB;
                text-decoration: none;
            }
            #lang
            {
                float: right;
            }
            figcaption
            {
                color: #aaa;
            }
            
            table
            {
                border-collapse: collapse;
            }
            
            table, th, td
            {
                border: 1px solid #aaa;
                padding: 0.5em;
                margin-top: 0.5em;
                margin-bottom: 0.5em;
            }
        </style>
    </head>
    <body>
        <center>
        <div id="header">
            <a href="../../en/news/index.html">News</a>
            <a href="../../en/page/games.html">Games</a>
            <a href="../../en/page/about.html">About</a>
            <div id="lang">
                <a href="defending-availability.html">EN</a>
                <a href="../../ru/news/defending-availability.html">RU</a>
            </div>
        </div>
        <h1>In the news</h1>
                <div class="news_item">
                    <h2 class="news_item_title">
                        <a href="defending-availability.html">Defending availability</a>
                    </h2>
                    <p class="news_item_date">
                        2019-04-16 00:00
                    </p>
                    <div class="news_item_contents">
        <figure>
 <img src="../../images/2019-04-16_defending-availability.png" alt="Altai’s Katun river" /><figcaption>Altai’s Katun river</figcaption>
 </figure>
 <p>In this article, we describe the beginning of our efforts to protect ourselves from third-party solutions.</p>
 <p>Since day one of Opensource Game Studio project, we rely heavily on third-party solutions to help us achieve the goal of creating the best game development tools. To this date, we used forums, task trackers, mailing lists, social networks, code version control systems, hosting providers, compiler suites, libraries, and so on. Each third-party solution we used had its own lifespan.</p>
 <p>There are two main reasons why we changed third-party solutions:</p>
 <ul>
 <li>Change in our needs</li>
 <li>Solution shutdown</li>
 </ul>
 <p>The shutdown of <a href="https://code.google.com/archive/">Google Code</a> in 2016 was the first time we experienced the deadly business hand. We were using SVN, Mercurial, and Google issue tracker. We were forced to let all of them go.</p>
 <p>We transferred our source code into both <a href="https://bitbucket.org/ogstudio/">BitBucket</a> and <a href="https://github.com/ogstudio/">GitHub</a> because we didn’t want to put all eggs into one basket. We became wiser thanks to Google Code shutdown experience.</p>
 <p>Issue tracking had a different fate. At first, we used Bugzilla to manager our issues. However, Bugzilla was so inconvenient that we dropped it in favor of Google Sheets. To this date, we use Google Sheets to plan and log our work on the project. We also use Google Docs to write this very news and review it before publishing.</p>
 <p>The shutdown of <a href="https://developers.googleblog.com/2018/03/transitioning-google-url-shortener.html">goo.gl</a> (URL shortener) in 2019 was the second time we experienced that same deadly business hand. We were using goo.gl to shorten Google Docs URLs internally. Not really big damage was done, however, this only proved that third-party solutions are not ours, but theirs.</p>
 <p>Microsoft <a href="https://github.blog/2018-10-26-github-and-microsoft/">acquired GitHub</a> in 2018. So far (April 2019) Microsoft is doing a really good job by empowering GitHub with the <a href="https://www.gitpod.io/blog/gitpod-launch/">release of GitPod</a> to allow developers to build GitHub projects in a single click. However, Microsoft is also known for shutting down <a href="https://devblogs.microsoft.com/bharry/shutting-down-codeplex/">Codeplex</a> in 2017.</p>
 <p>This short track of shutdowns and acquisitions in the course of the past four years highlights the business’ main objective: making profits. Personally, we have no problem with that objective. It’s really hard to live in the 21st century without earning money. We are no exception to this, we pay bills, too. However, a much more humane option would be to let the source code go into the wild, to let interested developers continue the development of those solutions if they want to. Though, this would lead to even more competition with the business itself, something the business tries to avoid at all costs.</p>
 <p>We are no business, we make no profits off our tools. Our goals are only to create tools and let them go into the wild, so you can use them. Currently, we use GitHub to host some of our <a href="https://github.com/OGStudio/openscenegraph-cross-platform-examples">tutorials</a> and <a href="https://github.com/OGStudio/openscenegraph-cross-platform-guide">guides</a>. Now imagine that two years from now Microsoft decides to decommission GitHub. Why? Maybe because <a href="https://hackernoon.com/git-wars-why-im-switching-to-gitlab-e471f5e8be2c">people gradually migrate</a> from GitHub to GitLab.</p>
 <p>How are we to protect ourselves from the deadly business hand? We consolidate our tools, tutorials, and games into this very site. The first step, now complete, was to create a static site generator to generate this very site.</p>
 <p>So far the generated site has the following functionality:</p>
 <ul>
 <li>news that span multiple pages</li>
 <li>standalone pages</li>
 <li>sitewide language selection</li>
 </ul>
 <p>We will make the site even more convenient during this year. Stay tuned!</p>
 <p>That’s it for describing the beginning of our efforts to protect ourselves from third-party solutions.</p>

                    </div>
                </div>
        </center>
    </body>
 </html>
--- a/en/news/editor-0.4.0-and-0.5.0-plans.html
+++ b/en/news/editor-0.4.0-and-0.5.0-plans.html
@@ -0,0 +1,125 @@
 <!DOCTYPE html>
 <html>
    <meta charset="utf-8">
    <head>
        <style>
            #header
            {
                background: #2BA6E3;
                padding: 0.7em;
                text-align: left;
            }
            
            #header a
            {
                color: white;
                text-decoration: none;
                padding: 0.5em 1em 0.5em 1em;
            }
            .news_item
            {
                background: #FFFFFF;
                width: 720px;
                padding: 1em;
                margin-top: 2em;
                margin-bottom: 2em;
                border: 1px solid #E0E0E0;
                text-align: left;
            }
            .news_item_contents
            {
                color: #444;
                line-height: 1.5em;
            }
            .news_item_date
            {
                margin-bottom: 2em;
                color: #aaa;
            }
            body
            {
                background: #FAFAFA;
            }
            code, pre
            {
                font-family: monospace, serif;
                font-size: 1em;
                color: #7f0a0c;
            }
            figure
            {
                margin: 0px;
                padding: 0px;
            }
            img
            {
                width: 720px;
            }
            html
            {
                font-family: sans-serif;
            }
            a
            {
                color: #3A91CB;
                text-decoration: none;
            }
            #lang
            {
                float: right;
            }
            figcaption
            {
                color: #aaa;
            }
            
            table
            {
                border-collapse: collapse;
            }
            
            table, th, td
            {
                border: 1px solid #aaa;
                padding: 0.5em;
                margin-top: 0.5em;
                margin-bottom: 0.5em;
            }
        </style>
    </head>
    <body>
        <center>
        <div id="header">
            <a href="../../en/news/index.html">News</a>
            <a href="../../en/page/games.html">Games</a>
            <a href="../../en/page/about.html">About</a>
            <div id="lang">
                <a href="editor-0.4.0-and-0.5.0-plans.html">EN</a>
                <a href="../../ru/news/editor-0.4.0-and-0.5.0-plans.html">RU</a>
            </div>
        </div>
        <h1>In the news</h1>
                <div class="news_item">
                    <h2 class="news_item_title">
                        <a href="editor-0.4.0-and-0.5.0-plans.html">Editor 0.4.0 and plans for 0.5.0</a>
                    </h2>
                    <p class="news_item_date">
                        2015-03-07 00:00
                    </p>
                    <div class="news_item_contents">
        <p>We completed Editor 0.4.0 in January. As it was planned, it only contains basic abilities to open and save a project. The major goal was to make MJIN, Python and Qt work together (we were unable to use PyQt or PySide due to technical difficulties).</p>
 <p>You can <a title="Editor 0.4.0" href="http://youtu.be/3cqiTIjWwA8" target="_blank">see 0.4.0 in action here</a>.</p>
 <p>We started Editor 0.5.0 development in February. It’s 45% ready at the moment.</p>
 <p>Editor 0.5.0 planned features:</p>
 <ol type="1">
 <li>Scene node tree editing</li>
 <li>Property browser with nodes’ position and model editing</li>
 <li>Qt5 support for the sake of easy building on various Linux distributions</li>
 </ol>
 <p>We estimate to complete it in April.</p>

                    </div>
                </div>
        </center>
    </body>
 </html>
--- a/en/news/editor-0.4.0-plans.html
+++ b/en/news/editor-0.4.0-plans.html
@@ -0,0 +1,118 @@
 <!DOCTYPE html>
 <html>
    <meta charset="utf-8">
    <head>
        <style>
            #header
            {
                background: #2BA6E3;
                padding: 0.7em;
                text-align: left;
            }
            
            #header a
            {
                color: white;
                text-decoration: none;
                padding: 0.5em 1em 0.5em 1em;
            }
            .news_item
            {
                background: #FFFFFF;
                width: 720px;
                padding: 1em;
                margin-top: 2em;
                margin-bottom: 2em;
                border: 1px solid #E0E0E0;
                text-align: left;
            }
            .news_item_contents
            {
                color: #444;
                line-height: 1.5em;
            }
            .news_item_date
            {
                margin-bottom: 2em;
                color: #aaa;
            }
            body
            {
                background: #FAFAFA;
            }
            code, pre
            {
                font-family: monospace, serif;
                font-size: 1em;
                color: #7f0a0c;
            }
            figure
            {
                margin: 0px;
                padding: 0px;
            }
            img
            {
                width: 720px;
            }
            html
            {
                font-family: sans-serif;
            }
            a
            {
                color: #3A91CB;
                text-decoration: none;
            }
            #lang
            {
                float: right;
            }
            figcaption
            {
                color: #aaa;
            }
            
            table
            {
                border-collapse: collapse;
            }
            
            table, th, td
            {
                border: 1px solid #aaa;
                padding: 0.5em;
                margin-top: 0.5em;
                margin-bottom: 0.5em;
            }
        </style>
    </head>
    <body>
        <center>
        <div id="header">
            <a href="../../en/news/index.html">News</a>
            <a href="../../en/page/games.html">Games</a>
            <a href="../../en/page/about.html">About</a>
            <div id="lang">
                <a href="editor-0.4.0-plans.html">EN</a>
                <a href="../../ru/news/editor-0.4.0-plans.html">RU</a>
            </div>
        </div>
        <h1>In the news</h1>
                <div class="news_item">
                    <h2 class="news_item_title">
                        <a href="editor-0.4.0-plans.html">Editor roadmap for 0.4.0</a>
                    </h2>
                    <p class="news_item_date">
                        2015-01-13 00:00
                    </p>
                    <div class="news_item_contents">
        <p>The development of Editor 0.3.0 showed us, that usage of custom GUI was not a perfect idea. A few months ago, custom GUI seemed as a simpler way to do things, but it turned out to lack many little features, that are crucial if you’re planning to make a convenient tool.</p>
 <p>In the end, we decided to do what we wanted to do in the first place - to use Qt library as the GUI library for our editor.</p>
 <p>So, we’ll rewrite the Editor with Qt interface and a little bit refreshed project concept in mind. We plan to release the editor with new GUI and a set of basic features like loading and saving projects in May.</p>

                    </div>
                </div>
        </center>
    </body>
 </html>
--- a/en/news/editor-06-roadmap.html
+++ b/en/news/editor-06-roadmap.html
@@ -0,0 +1,128 @@
 <!DOCTYPE html>
 <html>
    <meta charset="utf-8">
    <head>
        <style>
            #header
            {
                background: #2BA6E3;
                padding: 0.7em;
                text-align: left;
            }
            
            #header a
            {
                color: white;
                text-decoration: none;
                padding: 0.5em 1em 0.5em 1em;
            }
            .news_item
            {
                background: #FFFFFF;
                width: 720px;
                padding: 1em;
                margin-top: 2em;
                margin-bottom: 2em;
                border: 1px solid #E0E0E0;
                text-align: left;
            }
            .news_item_contents
            {
                color: #444;
                line-height: 1.5em;
            }
            .news_item_date
            {
                margin-bottom: 2em;
                color: #aaa;
            }
            body
            {
                background: #FAFAFA;
            }
            code, pre
            {
                font-family: monospace, serif;
                font-size: 1em;
                color: #7f0a0c;
            }
            figure
            {
                margin: 0px;
                padding: 0px;
            }
            img
            {
                width: 720px;
            }
            html
            {
                font-family: sans-serif;
            }
            a
            {
                color: #3A91CB;
                text-decoration: none;
            }
            #lang
            {
                float: right;
            }
            figcaption
            {
                color: #aaa;
            }
            
            table
            {
                border-collapse: collapse;
            }
            
            table, th, td
            {
                border: 1px solid #aaa;
                padding: 0.5em;
                margin-top: 0.5em;
                margin-bottom: 0.5em;
            }
        </style>
    </head>
    <body>
        <center>
        <div id="header">
            <a href="../../en/news/index.html">News</a>
            <a href="../../en/page/games.html">Games</a>
            <a href="../../en/page/about.html">About</a>
            <div id="lang">
                <a href="editor-06-roadmap.html">EN</a>
                <a href="../../ru/news/editor-06-roadmap.html">RU</a>
            </div>
        </div>
        <h1>In the news</h1>
                <div class="news_item">
                    <h2 class="news_item_title">
                        <a href="editor-06-roadmap.html">Editor 0.5.0 and plans for 0.6.0</a>
                    </h2>
                    <p class="news_item_date">
                        2015-04-15 00:00
                    </p>
                    <div class="news_item_contents">
        <p>We completed Editor 0.5.0. As it was planned, it has scene node tree editing, property browser, and Qt5 support. You can <a title="Editor 0.5.0" href="https://youtu.be/Vb2Q6IuQDbo" target="_blank">see 0.5.0 in action here</a>.</p>
 <p>Also, we have just started Editor 0.6.0 development.</p>
 <p>Editor 0.6.0 planned features:</p>
 <ol type="1">
 <li>Camera node editing</li>
 <li>Light node editing</li>
 <li>Node rotation editing</li>
 <li>Node scripting support</li>
 <li>Thumbnail dialog to preview materials and models when editing scene node material and model properties</li>
 <li>Copying and pasting of scene nodes</li>
 <li>Scene node selection by clicking a mouse in the scene</li>
 </ol>
 <p>We estimate to complete it in August.</p>

                    </div>
                </div>
        </center>
    </body>
 </html>
--- a/en/news/editor-06.html
+++ b/en/news/editor-06.html
@@ -0,0 +1,127 @@
 <!DOCTYPE html>
 <html>
    <meta charset="utf-8">
    <head>
        <style>
            #header
            {
                background: #2BA6E3;
                padding: 0.7em;
                text-align: left;
            }
            
            #header a
            {
                color: white;
                text-decoration: none;
                padding: 0.5em 1em 0.5em 1em;
            }
            .news_item
            {
                background: #FFFFFF;
                width: 720px;
                padding: 1em;
                margin-top: 2em;
                margin-bottom: 2em;
                border: 1px solid #E0E0E0;
                text-align: left;
            }
            .news_item_contents
            {
                color: #444;
                line-height: 1.5em;
            }
            .news_item_date
            {
                margin-bottom: 2em;
                color: #aaa;
            }
            body
            {
                background: #FAFAFA;
            }
            code, pre
            {
                font-family: monospace, serif;
                font-size: 1em;
                color: #7f0a0c;
            }
            figure
            {
                margin: 0px;
                padding: 0px;
            }
            img
            {
                width: 720px;
            }
            html
            {
                font-family: sans-serif;
            }
            a
            {
                color: #3A91CB;
                text-decoration: none;
            }
            #lang
            {
                float: right;
            }
            figcaption
            {
                color: #aaa;
            }
            
            table
            {
                border-collapse: collapse;
            }
            
            table, th, td
            {
                border: 1px solid #aaa;
                padding: 0.5em;
                margin-top: 0.5em;
                margin-bottom: 0.5em;
            }
        </style>
    </head>
    <body>
        <center>
        <div id="header">
            <a href="../../en/news/index.html">News</a>
            <a href="../../en/page/games.html">Games</a>
            <a href="../../en/page/about.html">About</a>
            <div id="lang">
                <a href="editor-06.html">EN</a>
                <a href="../../ru/news/editor-06.html">RU</a>
            </div>
        </div>
        <h1>In the news</h1>
                <div class="news_item">
                    <h2 class="news_item_title">
                        <a href="editor-06.html">Editor 0.6.0</a>
                    </h2>
                    <p class="news_item_date">
                        2015-06-28 00:00
                    </p>
                    <div class="news_item_contents">
        <p>We completed Editor 0.6.0. You can <a title="Editor 0.6.0" href="https://youtu.be/q85GcC6l4Tw" target="_blank">see 0.6.0 in action here</a>.</p>
 <p>Editor 0.6.0 got the following new features:</p>
 <ol type="1">
 <li>Camera and light node positioning</li>
 <li>Node rotation along X axis</li>
 <li>Node scripting support</li>
 <li>Thumbnail dialog to preview models when editing scene node model properties</li>
 <li>Node copying and pasting</li>
 <li>Node selection by LMB click in the scene</li>
 <li>Window geometry and state restoration after restart</li>
 </ol>
 <p>We don’t have 0.7.0 completion date at the moment, because we decided to take some time to set up a roadmap for Shuan and Mahjong 2. Once done, we will share 0.7.0 completion date and its feature list along with the roadmap.</p>

                    </div>
                </div>
        </center>
    </body>
 </html>
--- a/en/news/example-driven-development.html
+++ b/en/news/example-driven-development.html
@@ -0,0 +1,144 @@
 <!DOCTYPE html>
 <html>
    <meta charset="utf-8">
    <head>
        <style>
            #header
            {
                background: #2BA6E3;
                padding: 0.7em;
                text-align: left;
            }
            
            #header a
            {
                color: white;
                text-decoration: none;
                padding: 0.5em 1em 0.5em 1em;
            }
            .news_item
            {
                background: #FFFFFF;
                width: 720px;
                padding: 1em;
                margin-top: 2em;
                margin-bottom: 2em;
                border: 1px solid #E0E0E0;
                text-align: left;
            }
            .news_item_contents
            {
                color: #444;
                line-height: 1.5em;
            }
            .news_item_date
            {
                margin-bottom: 2em;
                color: #aaa;
            }
            body
            {
                background: #FAFAFA;
            }
            code, pre
            {
                font-family: monospace, serif;
                font-size: 1em;
                color: #7f0a0c;
            }
            figure
            {
                margin: 0px;
                padding: 0px;
            }
            img
            {
                width: 720px;
            }
            html
            {
                font-family: sans-serif;
            }
            a
            {
                color: #3A91CB;
                text-decoration: none;
            }
            #lang
            {
                float: right;
            }
            figcaption
            {
                color: #aaa;
            }
            
            table
            {
                border-collapse: collapse;
            }
            
            table, th, td
            {
                border: 1px solid #aaa;
                padding: 0.5em;
                margin-top: 0.5em;
                margin-bottom: 0.5em;
            }
        </style>
    </head>
    <body>
        <center>
        <div id="header">
            <a href="../../en/news/index.html">News</a>
            <a href="../../en/page/games.html">Games</a>
            <a href="../../en/page/about.html">About</a>
            <div id="lang">
                <a href="example-driven-development.html">EN</a>
                <a href="../../ru/news/example-driven-development.html">RU</a>
            </div>
        </div>
        <h1>In the news</h1>
                <div class="news_item">
                    <h2 class="news_item_title">
                        <a href="example-driven-development.html">Example-driven development</a>
                    </h2>
                    <p class="news_item_date">
                        2018-06-27 00:00
                    </p>
                    <div class="news_item_contents">
        <figure>
 <img src="../../images/2018-06-27-example-driven-development.png" alt="Debug broker" /><figcaption>Debug broker</figcaption>
 </figure>
 <p>This article explains how the third OpenSceneGraph cross-platform example opened our eyes to example-driven development.</p>
 <p><strong>2018-08 EDIT</strong>: the third example has been renamed to the fourth one due to the reasons described in the <a href="examples-and-dependencies.html">next article</a>.</p>
 <p><strong>The third OpenSceneGraph cross-platform example</strong></p>
 <p>The third OpenSceneGraph cross-platform example explains how to implement <a href="https://github.com/OGStudio/openscenegraph-cross-platform-examples/tree/master/04.RemoteDebugging">remote debugging across platforms</a>. This example is less about OpenSceneGraph and more about different platforms.</p>
 <p>Remote anything nowadays assumes the use of HTTP(s) over TCP/IP. Thus, the first idea was to embed HTTP server into an application and let HTTP clients interact with the server.</p>
 <p>However, serving HTTP across all platforms is complicated:</p>
 <ul>
 <li>desktops have firewalls</li>
 <li>mobiles have restrictions on background processes</li>
 <li>web browsers are HTTP clients by design</li>
 </ul>
 <p>That’s why we decided to create a mediator between debugged application and UI. <a href="https://github.com/OGStudio/debug-broker">Debug broker</a>, a small Node.js application, became that mediator. Debug broker uses no external dependencies, so it’s easy to run virtually anywhere. Also, since debug broker is a server application, you can configure it once and use it for any number of applications.</p>
 <p>Both <a href="https://github.com/OGStudio/debug-ui">debug UI</a> and <a href="https://github.com/OGStudio/debug-broker">debug broker</a> use JavaScript because we wanted these tools to be accessible from anywhere with no prior installation. This decision limited us to web browser solution. Providing any sort of desktop application would incur additional installation and maintenance effort, which would only complicate the tools.</p>
 <p><strong>Example-driven development establishment</strong></p>
 <p>Once the third example was implemented, we realized how important and beneficial it is to develop new features outside the main project:</p>
 <ul>
 <li>the main project is freed from excessive commit noise</li>
 <li>a new feature is publicly shared for everyone to learn, criticize, and improve</li>
 </ul>
 <p>When we publicly share our knowledge:</p>
 <ul>
 <li>we must create documentation for everyone (including ourselves later) to understand what’s going on</li>
 <li>we must not use hacks because that would break your trust in us</li>
 </ul>
 <p>From now on, all new features like input handling, Mahjong layout loading, resource caching, etc. are going to be first implemented as examples. We call this example-driven development.</p>
 <p>That’s it for explaining how the third OpenSceneGraph cross-platform example opened our eyes to example-driven development.</p>

                    </div>
                </div>
        </center>
    </body>
 </html>
--- a/en/news/examples-and-dependencies.html
+++ b/en/news/examples-and-dependencies.html
@@ -0,0 +1,155 @@
 <!DOCTYPE html>
 <html>
    <meta charset="utf-8">
    <head>
        <style>
            #header
            {
                background: #2BA6E3;
                padding: 0.7em;
                text-align: left;
            }
            
            #header a
            {
                color: white;
                text-decoration: none;
                padding: 0.5em 1em 0.5em 1em;
            }
            .news_item
            {
                background: #FFFFFF;
                width: 720px;
                padding: 1em;
                margin-top: 2em;
                margin-bottom: 2em;
                border: 1px solid #E0E0E0;
                text-align: left;
            }
            .news_item_contents
            {
                color: #444;
                line-height: 1.5em;
            }
            .news_item_date
            {
                margin-bottom: 2em;
                color: #aaa;
            }
            body
            {
                background: #FAFAFA;
            }
            code, pre
            {
                font-family: monospace, serif;
                font-size: 1em;
                color: #7f0a0c;
            }
            figure
            {
                margin: 0px;
                padding: 0px;
            }
            img
            {
                width: 720px;
            }
            html
            {
                font-family: sans-serif;
            }
            a
            {
                color: #3A91CB;
                text-decoration: none;
            }
            #lang
            {
                float: right;
            }
            figcaption
            {
                color: #aaa;
            }
            
            table
            {
                border-collapse: collapse;
            }
            
            table, th, td
            {
                border: 1px solid #aaa;
                padding: 0.5em;
                margin-top: 0.5em;
                margin-bottom: 0.5em;
            }
        </style>
    </head>
    <body>
        <center>
        <div id="header">
            <a href="../../en/news/index.html">News</a>
            <a href="../../en/page/games.html">Games</a>
            <a href="../../en/page/about.html">About</a>
            <div id="lang">
                <a href="examples-and-dependencies.html">EN</a>
                <a href="../../ru/news/examples-and-dependencies.html">RU</a>
            </div>
        </div>
        <h1>In the news</h1>
                <div class="news_item">
                    <h2 class="news_item_title">
                        <a href="examples-and-dependencies.html">Examples and dependencies</a>
                    </h2>
                    <p class="news_item_date">
                        2018-08-21 00:00
                    </p>
                    <div class="news_item_contents">
        <figure>
 <img src="../../images/2018-08-21-examples-and-dependencies.png" alt="Cloud" /><figcaption>Cloud</figcaption>
 </figure>
 <p>This article describes two new OpenSceneGraph cross-platform examples and the change in handling dependencies.</p>
 <p><strong>Examples of HTTP client and node selection</strong></p>
 <p>Once we finished working on <a href="https://github.com/OGStudio/openscenegraph-cross-platform-examples/tree/master/04.RemoteDebugging">the remote debugging example</a> and <a href="example-driven-development.html">reported its completion</a>, we were surprised by the fact that secure HTTP connection between a debugged application and debug broker was only working in the web version of the example. Desktop and mobile versions only worked with insecure HTTP.</p>
 <p>Since current debug scheme has no authentication, insecure debugging over HTTP doesn’t really hurt. However, if we want to access resources located at popular sites like GitHub and BitBucket, we have to support secure HTTP.</p>
 <p>The need to support HTTPS on each platform spurred us to create <a href="https://github.com/OGStudio/openscenegraph-cross-platform-examples/tree/master/03.HTTPClient">HTTP client example</a>. Turned out, each platform had its own preferred way of doing secure HTTP:</p>
 <ul>
 <li>web (Emscripten) provides Fetch API</li>
 <li>desktop is fine with Mongoose and OpenSSL</li>
 <li>Android provides HttpUrlConnection in Java</li>
 <li>iOS provides NSURLSession in Objective-C</li>
 </ul>
 <p>The need to support different languages on different platforms resulted in the creation of so-called ‘host-guest’ pattern:</p>
 <ul>
 <li>guest (platform agnostic)
 <ul>
 <li>provides networking representation</li>
 <li>used by cross-platform C++ code</li>
 </ul></li>
 <li>host (specific platform)
 <ul>
 <li>polls guest for pending requests</li>
 <li>processes them</li>
 <li>reports results back to the guest</li>
 </ul></li>
 </ul>
 <p><a href="https://github.com/OGStudio/openscenegraph-cross-platform-examples/tree/master/05.NodeSelection">Node selection example</a> was straightforward and caused no troubles.</p>
 <p><strong>The change in handling dependencies</strong></p>
 <p>For over a year we had to deal with the following <a href="http://forum.openscenegraph.org/viewtopic.php?t=17443">shortcomings</a> when building OpenSceneGraph across platforms using conventional methods:</p>
 <ul>
 <li>macOS builds failing due to certain compile flags we use</li>
 <li>hacking PNG plugin safety guards to have PNG support under Android</li>
 <li>iOS simulator and device builds of the same example being in separate Xcode projects</li>
 <li>OpenSceneGraph taking 20-30 minutes to build</li>
 </ul>
 <p>These shortcomings were slowing us down and complicating the development of new examples. Upon hitting these problems ten more times this month we decided it was time to solve them once and for all. Now OpenSceneGraph is built as part of each example in 2-3 minutes, and there’s no more dependency magic involved. We took the same approach of building dependencies as part of each example to other external libraries like Mongoose and libpng-android, too.</p>
 <p>With these obstacles out of the way, we can now iterate faster. Just in time for the next technical demonstration of Mahjong 2!</p>
 <p>That’s it for describing two new OpenSceneGraph cross-platform examples and the change in handling dependencies.</p>

                    </div>
                </div>
        </center>
    </body>
 </html>
--- a/en/news/ideal-gamedev.html
+++ b/en/news/ideal-gamedev.html
@@ -0,0 +1,152 @@
 <!DOCTYPE html>
 <html>
    <meta charset="utf-8">
    <head>
        <style>
            #header
            {
                background: #2BA6E3;
                padding: 0.7em;
                text-align: left;
            }
            
            #header a
            {
                color: white;
                text-decoration: none;
                padding: 0.5em 1em 0.5em 1em;
            }
            .news_item
            {
                background: #FFFFFF;
                width: 720px;
                padding: 1em;
                margin-top: 2em;
                margin-bottom: 2em;
                border: 1px solid #E0E0E0;
                text-align: left;
            }
            .news_item_contents
            {
                color: #444;
                line-height: 1.5em;
            }
            .news_item_date
            {
                margin-bottom: 2em;
                color: #aaa;
            }
            body
            {
                background: #FAFAFA;
            }
            code, pre
            {
                font-family: monospace, serif;
                font-size: 1em;
                color: #7f0a0c;
            }
            figure
            {
                margin: 0px;
                padding: 0px;
            }
            img
            {
                width: 720px;
            }
            html
            {
                font-family: sans-serif;
            }
            a
            {
                color: #3A91CB;
                text-decoration: none;
            }
            #lang
            {
                float: right;
            }
            figcaption
            {
                color: #aaa;
            }
            
            table
            {
                border-collapse: collapse;
            }
            
            table, th, td
            {
                border: 1px solid #aaa;
                padding: 0.5em;
                margin-top: 0.5em;
                margin-bottom: 0.5em;
            }
        </style>
    </head>
    <body>
        <center>
        <div id="header">
            <a href="../../en/news/index.html">News</a>
            <a href="../../en/page/games.html">Games</a>
            <a href="../../en/page/about.html">About</a>
            <div id="lang">
                <a href="ideal-gamedev.html">EN</a>
                <a href="../../ru/news/ideal-gamedev.html">RU</a>
            </div>
        </div>
        <h1>In the news</h1>
                <div class="news_item">
                    <h2 class="news_item_title">
                        <a href="ideal-gamedev.html">Ideal games and game development tools</a>
                    </h2>
                    <p class="news_item_date">
                        2018-11-19 00:00
                    </p>
                    <div class="news_item_contents">
        <figure>
 <img src="../../images/2018-11-19-ideal-gamedev.png" alt="A man without and with tools" /><figcaption>A man without and with tools</figcaption>
 </figure>
 <p>In this article, we discuss how ideal video game and video game development tool look like, in our opinion.</p>
 <p><strong>Questions</strong></p>
 <p>As you know, the <a href="../../en/page/about.html">goals of Opensource Game Studio</a> are:</p>
 <ul>
 <li>creation of free video game development tools</li>
 <li>making video games with those tools</li>
 <li>preparing video game development tutorials</li>
 </ul>
 <p>This time we asked ourselves two simple questions:</p>
 <ul>
 <li>What is an ideal video game?</li>
 <li>What is an ideal video game development tool?</li>
 </ul>
 <p>The best answers we could think of are below.</p>
 <p><strong>Answer 1: A video game is ideal if it delivers maximum pleasure possible</strong></p>
 <p>While content is probably the most important aspect to keep a player invested into the game, the technical side is the transport to deliver that content. There are quite a few technical problems that may damage otherwise excellent content of a game:</p>
 <ul>
 <li>insufficient accessibility: the game does not run on your hardware</li>
 <li>insufficient optimization: the game is slow</li>
 <li>critical bugs: the game crashes from time to time</li>
 </ul>
 <p>We work hard to make sure the games we create are accessible everywhere. That’s why we released <a href="mahjong-demo2.html">the second demonstration of OGS Mahjong 2</a> only for the web: because you can run web version virtually anywhere.</p>
 <p><strong>Answer 2: A video game development tool is ideal if it lets you create a video game of your dream in the shortest time possible</strong></p>
 <p>Even though we put a lot of effort into sharing our knowledge through <a href="https://github.com/OGStudio/openscenegraph-cross-platform-guide">guides</a> and <a href="https://github.com/OGStudio/openscenegraph-cross-platform-examples">tutorials</a>, we understand that those take a lot of time to study. One can’t possibly make even a simple video game like <a href="https://en.wikipedia.org/wiki/Concentration_(game)">Memory</a> without performing the following steps:</p>
 <ul>
 <li>configure the development environment</li>
 <li>write code</li>
 <li>build an application</li>
 <li>debug the application</li>
 <li>repeat <code>write-build-debug</code> steps as many times as necessary</li>
 </ul>
 <p>Writing code and debugging are probably the ultimate forms of input and output of any software, so we can’t escape those. However, there are ways to completely remove (or at least significantly decrease) the need for <code>development environment setup</code> and <code>build</code> steps. And this is what we are going to do in the coming months.</p>
 <p>Our goal for the coming months is to create a video game development tool that would allow any programmer (or sufficiently skilled person) to create the <a href="https://en.wikipedia.org/wiki/Concentration_(game)">Memory</a> video game from scratch in an hour.</p>
 <p>That’s it for discussing how ideal video game and video game development tool look like, in our opinion.</p>

                    </div>
                </div>
        </center>
    </body>
 </html>
--- a/en/news/index.html
+++ b/en/news/index.html
@@ -0,0 +1,298 @@
 <!DOCTYPE html>
 <html>
    <meta charset="utf-8">
    <head>
        <style>
            #header
            {
                background: #2BA6E3;
                padding: 0.7em;
                text-align: left;
            }
            
            #header a
            {
                color: white;
                text-decoration: none;
                padding: 0.5em 1em 0.5em 1em;
            }
            .news_item
            {
                background: #FFFFFF;
                width: 720px;
                padding: 1em;
                margin-top: 2em;
                margin-bottom: 2em;
                border: 1px solid #E0E0E0;
                text-align: left;
            }
            .news_item_contents
            {
                color: #444;
                line-height: 1.5em;
            }
            .news_item_date
            {
                margin-bottom: 2em;
                color: #aaa;
            }
            body
            {
                background: #FAFAFA;
            }
            code, pre
            {
                font-family: monospace, serif;
                font-size: 1em;
                color: #7f0a0c;
            }
            figure
            {
                margin: 0px;
                padding: 0px;
            }
            img
            {
                width: 720px;
            }
            html
            {
                font-family: sans-serif;
            }
            a
            {
                color: #3A91CB;
                text-decoration: none;
            }
            #lang
            {
                float: right;
            }
            figcaption
            {
                color: #aaa;
            }
            
            table
            {
                border-collapse: collapse;
            }
            
            table, th, td
            {
                border: 1px solid #aaa;
                padding: 0.5em;
                margin-top: 0.5em;
                margin-bottom: 0.5em;
            }
        </style>
    </head>
    <body>
        <center>
        <div id="header">
            <a href="../../en/news/index.html">News</a>
            <a href="../../en/page/games.html">Games</a>
            <a href="../../en/page/about.html">About</a>
            <div id="lang">
                <a href="index.html">EN</a>
                <a href="../../ru/news/index.html">RU</a>
            </div>
        </div>
        <h1>News</h1>

                <div class="news_item">
            <h2 class="news_item_title">
                <a href="defending-availability.html">Defending availability</a>
            </h2>
            <p class="news_item_date">
                2019-04-16 00:00
            </p>
            <div class="news_item_contents">
 <figure>
 <img src="../../images/2019-04-16_defending-availability.png" alt="Altai’s Katun river" /><figcaption>Altai’s Katun river</figcaption>
 </figure>
 <p>In this article, we describe the beginning of our efforts to protect ourselves from third-party solutions.</p>
 <p>Since day one of Opensource Game Studio project, we rely heavily on third-party solutions to help us achieve the goal of creating the best game development tools. To this date, we used forums, task trackers, mailing lists, social networks, code version control systems, hosting providers, compiler suites, libraries, and so on. Each third-party solution we used had its own lifespan. …</p>

            </div>
            <div class="news_item_more">
                <a href="defending-availability.html">Continue reading</a>
            </div>
        </div>
        <div class="news_item">
            <h2 class="news_item_title">
                <a href="teaching-kids-to-program.html">Teaching kids to program</a>
            </h2>
            <p class="news_item_date">
                2019-02-04 00:00
            </p>
            <div class="news_item_contents">
 <figure>
 <img src="../../images/2019-02-04_teaching-kids-to-program-team.png" alt="Students and teachers" /><figcaption>Students and teachers</figcaption>
 </figure>
 <p>In this article, Michael shares his experience of teaching kids to program.</p>
 <p>Here’s what he covers:</p>
 <ul>
 <li>organization of the learning process</li>
 <li>learning plan</li>
 <li>memory game</li>
 <li>development tools</li>
 <li>lessons</li>
 <li>results and plans …</li>
 </ul>

            </div>
            <div class="news_item_more">
                <a href="teaching-kids-to-program.html">Continue reading</a>
            </div>
        </div>
        <div class="news_item">
            <h2 class="news_item_title">
                <a href="2019-year-of-rethinking.html">Year of rethinking</a>
            </h2>
            <p class="news_item_date">
                2019-01-01 0:01
            </p>
            <div class="news_item_contents">
 <figure>
 <img src="../../images/2017-12-31-celebration.jpg" alt="Sparkler" /><figcaption>Sparkler</figcaption>
 </figure>
 <p>It was a year of reimagining and rethinking. As some of you may remember, we started this project to make a game development tool. During the years, the idea evolved from one form to another, sometimes the changes were significant, other times we threw away all the code and started anew. …</p>

            </div>
            <div class="news_item_more">
                <a href="2019-year-of-rethinking.html">Continue reading</a>
            </div>
        </div>
        <div class="news_item">
            <h2 class="news_item_title">
                <a href="ideal-gamedev.html">Ideal games and game development tools</a>
            </h2>
            <p class="news_item_date">
                2018-11-19 00:00
            </p>
            <div class="news_item_contents">
 <figure>
 <img src="../../images/2018-11-19-ideal-gamedev.png" alt="A man without and with tools" /><figcaption>A man without and with tools</figcaption>
 </figure>
 <p>In this article, we discuss how ideal video game and video game development tool look like, in our opinion.</p>
 <p><strong>Questions</strong></p>
 <p>As you know, the <a href="../../en/page/about.html">goals of Opensource Game Studio</a> are:</p>
 <ul>
 <li>creation of free video game development tools …</li>
 </ul>

            </div>
            <div class="news_item_more">
                <a href="ideal-gamedev.html">Continue reading</a>
            </div>
        </div>
        <div class="news_item">
            <h2 class="news_item_title">
                <a href="mahjong-demo2.html">OGS Mahjong 2: Demo 2</a>
            </h2>
            <p class="news_item_date">
                2018-10-02 00:00
            </p>
            <div class="news_item_contents">
 <figure>
 <img src="../../images/2018-10-02-mahjong-demo2.png" alt="Start of a Mahjong party" /><figcaption>Start of a Mahjong party</figcaption>
 </figure>
 <p>We are glad to announce the release of the second demonstration of OGS Mahjong 2. The purposes of this release were to refine our development techniques and build a solid cross-platform foundation.</p>
 <p><strong>Release</strong> …</p>

            </div>
            <div class="news_item_more">
                <a href="mahjong-demo2.html">Continue reading</a>
            </div>
        </div>
        <div class="news_item">
            <h2 class="news_item_title">
                <a href="examples-and-dependencies.html">Examples and dependencies</a>
            </h2>
            <p class="news_item_date">
                2018-08-21 00:00
            </p>
            <div class="news_item_contents">
 <figure>
 <img src="../../images/2018-08-21-examples-and-dependencies.png" alt="Cloud" /><figcaption>Cloud</figcaption>
 </figure>
 <p>This article describes two new OpenSceneGraph cross-platform examples and the change in handling dependencies.</p>
 <p><strong>Examples of HTTP client and node selection</strong></p>
 <p>Once we finished working on <a href="https://github.com/OGStudio/openscenegraph-cross-platform-examples/tree/master/04.RemoteDebugging">the remote debugging example</a> and <a href="example-driven-development.html">reported its completion</a>, we were surprised by the fact that secure HTTP connection between a debugged application and debug broker was only working in the web version of the example. Desktop and mobile versions only worked with insecure HTTP. …</p>

            </div>
            <div class="news_item_more">
                <a href="examples-and-dependencies.html">Continue reading</a>
            </div>
        </div>
        <div class="news_item">
            <h2 class="news_item_title">
                <a href="example-driven-development.html">Example-driven development</a>
            </h2>
            <p class="news_item_date">
                2018-06-27 00:00
            </p>
            <div class="news_item_contents">
 <figure>
 <img src="../../images/2018-06-27-example-driven-development.png" alt="Debug broker" /><figcaption>Debug broker</figcaption>
 </figure>
 <p>This article explains how the third OpenSceneGraph cross-platform example opened our eyes to example-driven development.</p>
 <p><strong>2018-08 EDIT</strong>: the third example has been renamed to the fourth one due to the reasons described in the <a href="examples-and-dependencies.html">next article</a>. …</p>

            </div>
            <div class="news_item_more">
                <a href="example-driven-development.html">Continue reading</a>
            </div>
        </div>
        <div class="news_item">
            <h2 class="news_item_title">
                <a href="openscenegraph-examples.html">OpenSceneGraph cross-platform examples</a>
            </h2>
            <p class="news_item_date">
                2018-04-20 00:00
            </p>
            <div class="news_item_contents">
 <figure>
 <img src="../../images/2018-04-20-openscenegraph-examples.png" alt="iOS Simulator renders a cube" /><figcaption>iOS Simulator renders a cube</figcaption>
 </figure>
 <p>This article summarizes the work we did to produce the first two cross-platform OpenSceneGraph examples.</p>
 <p>By the time <a href="mahjong-techdemo1-gameplay.html">the first technology demonstration of OGS Mahjong 2</a> has been released, we’ve already had <a href="https://github.com/OGStudio/openscenegraph-cross-platform-guide/issues/4">issue request</a> (to explain how to load images with OpenSceneGraph on Android) hanging for some time. We considered creating a new tutorial for <a href="https://github.com/OGStudio/openscenegraph-cross-platform-guide">OpenSceneGraph cross-platform guide</a> at first. However, we realized that it’s time-consuming and excessive for such a tiny topic (compared to what an average game has) as image loading. We decided to continue sharing our knowledge in the form of concrete examples. That’s how <a href="https://github.com/OGStudio/openscenegraph-cross-platform-examples">OpenSceneGraph cross-platform examples</a> were born. …</p>

            </div>
            <div class="news_item_more">
                <a href="openscenegraph-examples.html">Continue reading</a>
            </div>
        </div>
        <div class="news_item">
            <h2 class="news_item_title">
                <a href="mahjong-techdemo1-gameplay.html">First techdemo of OGS Mahjong 2: Gameplay</a>
            </h2>
            <p class="news_item_date">
                2018-02-16 00:00
            </p>
            <div class="news_item_contents">
 <figure>
 <img src="../../images/2018-02-16-mahjong-techdemo1-gameplay.png" alt="End of a Mahjong party" /><figcaption>End of a Mahjong party</figcaption>
 </figure>
 <p>We are glad to announce the release of the first technical demonstration of OGS Mahjong 2. The purpose of this release was to verify gameplay across supported platforms.</p>
 <p>Get techdemo for your platform:</p>
 <ul>
 <li>Run <a href="https://ogstudio.github.io/game-mahjong/versions/013/mjin-player.html">Web version</a> in your browser …</li>
 </ul>

            </div>
            <div class="news_item_more">
                <a href="mahjong-techdemo1-gameplay.html">Continue reading</a>
            </div>
        </div>

        <p class="pagination_title">Page 1 of 6</p>
 <p>
    <a href="index2.html">Older »</a>
 </p>


        </center>
    </body>
 </html>
--- a/en/news/index2.html
+++ b/en/news/index2.html
@@ -0,0 +1,288 @@
 <!DOCTYPE html>
 <html>
    <meta charset="utf-8">
    <head>
        <style>
            #header
            {
                background: #2BA6E3;
                padding: 0.7em;
                text-align: left;
            }
            
            #header a
            {
                color: white;
                text-decoration: none;
                padding: 0.5em 1em 0.5em 1em;
            }
            .news_item
            {
                background: #FFFFFF;
                width: 720px;
                padding: 1em;
                margin-top: 2em;
                margin-bottom: 2em;
                border: 1px solid #E0E0E0;
                text-align: left;
            }
            .news_item_contents
            {
                color: #444;
                line-height: 1.5em;
            }
            .news_item_date
            {
                margin-bottom: 2em;
                color: #aaa;
            }
            body
            {
                background: #FAFAFA;
            }
            code, pre
            {
                font-family: monospace, serif;
                font-size: 1em;
                color: #7f0a0c;
            }
            figure
            {
                margin: 0px;
                padding: 0px;
            }
            img
            {
                width: 720px;
            }
            html
            {
                font-family: sans-serif;
            }
            a
            {
                color: #3A91CB;
                text-decoration: none;
            }
            #lang
            {
                float: right;
            }
            figcaption
            {
                color: #aaa;
            }
            
            table
            {
                border-collapse: collapse;
            }
            
            table, th, td
            {
                border: 1px solid #aaa;
                padding: 0.5em;
                margin-top: 0.5em;
                margin-bottom: 0.5em;
            }
        </style>
    </head>
    <body>
        <center>
        <div id="header">
            <a href="../../en/news/index.html">News</a>
            <a href="../../en/page/games.html">Games</a>
            <a href="../../en/page/about.html">About</a>
            <div id="lang">
                <a href="index2.html">EN</a>
                <a href="../../ru/news/index2.html">RU</a>
            </div>
        </div>
        <h1>News</h1>

                <div class="news_item">
            <h2 class="news_item_title">
                <a href="mahjong-recreation-start.html">Mahjong recreation start</a>
            </h2>
            <p class="news_item_date">
                2018-01-26 00:00
            </p>
            <div class="news_item_contents">
 <figure>
 <img src="../../images/2018-01-26-mahjong-recreation-start.png" alt="Spherical tiles in a Mahjong layout" /><figcaption>Spherical tiles in a Mahjong layout</figcaption>
 </figure>
 <p>This article describes the start of Mahjong game recreation.</p>
 <p><strong>Plan</strong></p>
 <p>We started Mahjong recreation endeavour by composing a brief plan to get gameplay with minimal graphics:</p>
 <ul>
 <li>Load single layout …</li>
 </ul>

            </div>
            <div class="news_item_more">
                <a href="mahjong-recreation-start.html">Continue reading</a>
            </div>
        </div>
        <div class="news_item">
            <h2 class="news_item_title">
                <a href="the-year-of-lessons.html">The year of lessons</a>
            </h2>
            <p class="news_item_date">
                2017-12-31 22:00
            </p>
            <div class="news_item_contents">
 <figure>
 <img src="../../images/2017-12-31-celebration.jpg" alt="Sparkler" /><figcaption>Sparkler</figcaption>
 </figure>
 <p>So, the year 2017 is approaching its finale, the year’s results have already been summed up. We’re going to take a break from igniting the fireworks or preparation of the champagne so that we can designate our goal for the following year. …</p>

            </div>
            <div class="news_item_more">
                <a href="the-year-of-lessons.html">Continue reading</a>
            </div>
        </div>
        <div class="news_item">
            <h2 class="news_item_title">
                <a href="2017-summary.html">2017 summary</a>
            </h2>
            <p class="news_item_date">
                2017-11-22 00:00
            </p>
            <div class="news_item_contents">
 <figure>
 <img src="../../images/2017-11-22-2017-summary.png" alt="Memory game in the background" /><figcaption>Memory game in the background</figcaption>
 </figure>
 <p>It’s time to step back to see our accomplishments in 2017 and how they connect to the overall goal of Opensource Game Studio project.</p>
 <p><strong>Brief history</strong></p>
 <p>Opensource Game Studio project is 12 years old now. …</p>

            </div>
            <div class="news_item_more">
                <a href="2017-summary.html">Continue reading</a>
            </div>
        </div>
        <div class="news_item">
            <h2 class="news_item_title">
                <a href="back-to-the-static.html">Back to the Static</a>
            </h2>
            <p class="news_item_date">
                2017-10-16 00:00
            </p>
            <div class="news_item_contents">
 <figure>
 <img src="../../images/2017-10-16-back-to-the-static.png" alt="Static and dynamic unite" /><figcaption>Static and dynamic unite</figcaption>
 </figure>
 <p>We have been using Wordpress as our website engine for more than seven years. And now it’s time to move forward. Or backward. For some time we’ve been tracking the development of the new breed of website engines - static site generators. It seems that this is the technology capable of changing past into future. …</p>

            </div>
            <div class="news_item_more">
                <a href="back-to-the-static.html">Continue reading</a>
            </div>
        </div>
        <div class="news_item">
            <h2 class="news_item_title">
                <a href="mjin-world-birth.html">The birth of MJIN world</a>
            </h2>
            <p class="news_item_date">
                2017-09-10 00:00
            </p>
            <div class="news_item_contents">
 <figure>
 <img src="../../images/2017-09-mjin-world-birth.png" alt="An explosion giving birth to something new" /><figcaption>An explosion giving birth to something new</figcaption>
 </figure>
 <p>This article describes the birth of MJIN world in August 2017.</p>
 <p><strong>mjin-player</strong></p>
 <p>As you know, <a href="scripting-research.html">we spent July to research scripting</a>. We found a solution that satisfies the following criteria. Scripts should: …</p>

            </div>
            <div class="news_item_more">
                <a href="mjin-world-birth.html">Continue reading</a>
            </div>
        </div>
        <div class="news_item">
            <h2 class="news_item_title">
                <a href="scripting-research.html">Scripting research</a>
            </h2>
            <p class="news_item_date">
                2017-08-16 00:00
            </p>
            <div class="news_item_contents">
 <figure>
 <img src="../../images/2017-08-scripting-research.png" alt="Textbook with a text" /><figcaption>Textbook with a text</figcaption>
 </figure>
 <p>This article describes scripting research in July 2017.</p>
 <p><strong>Our first goal of using a scripting language was to have a platform-independent code that runs unchanged on every supported platform.</strong> …</p>

            </div>
            <div class="news_item_more">
                <a href="scripting-research.html">Continue reading</a>
            </div>
        </div>
        <div class="news_item">
            <h2 class="news_item_title">
                <a href="openscenegraph-cross-platform-guide.html">OpenSceneGraph cross-platform guide</a>
            </h2>
            <p class="news_item_date">
                2017-07-17 00:00
            </p>
            <div class="news_item_contents">
 <figure>
 <img src="../../images/2017-07-openscenegraph-guide.png" alt="OpenSceneGraph sample application in desktop and mobile" /><figcaption>OpenSceneGraph sample application in desktop and mobile</figcaption>
 </figure>
 <p>This article summarizes the work we did to produce OpenSceneGraph cross-platform guide.</p>
 <p>June marked the finish of <a href="https://github.com/OGStudio/openscenegraph-cross-platform-guide">OpenSceneGraph cross-platform guide</a> with the publishing of the last (initially planned) tutorial. The tutorial describes <a href="https://github.com/OGStudio/openscenegraph-cross-platform-guide/tree/master/1.10.SampleWeb">how to build and run sample OpenSceneGraph application in Web</a> using Emscripten. …</p>

            </div>
            <div class="news_item_more">
                <a href="openscenegraph-cross-platform-guide.html">Continue reading</a>
            </div>
        </div>
        <div class="news_item">
            <h2 class="news_item_title">
                <a href="ios-tutorial.html">iOS tutorial</a>
            </h2>
            <p class="news_item_date">
                2017-06-08 10:00
            </p>
            <div class="news_item_contents">
 <figure>
 <img src="../../images/2017-06-08-ios-refactoring.png" alt="Earth and a rocket" /><figcaption>Earth and a rocket</figcaption>
 </figure>
 <p>This article describes problems we faced during the creation of iOS tutorial in May 2017.</p>
 <p><a href="https://twitter.com/OpenGameStudio/status/826816343433498627">This February</a> we managed to get simple model rendered under iOS in just a few days. We expected to finish iOS tutorial in no time. However, the reality reminded us: it’s easy to come up with a hackish demo that works for one person, but it’s hard to create a concise example that works for everyone. …</p>

            </div>
            <div class="news_item_more">
                <a href="ios-tutorial.html">Continue reading</a>
            </div>
        </div>
        <div class="news_item">
            <h2 class="news_item_title">
                <a href="osg-sample.html">OpenSceneGraph sample</a>
            </h2>
            <p class="news_item_date">
                2017-05-12 00:00
            </p>
            <div class="news_item_contents">
 <figure>
 <img src="../../images/2017-05_osg-sample.png" alt="Rocket in the distance" /><figcaption>Rocket in the distance</figcaption>
 </figure>
 <p>This article describes creation of the tutorials for building sample OpenSceneGraph application under Linux, macOS, Windows, and Android in April 2017.</p>
 <p>Previous tutorials described how to install OpenSceneGraph under Linux, macOS, Windows and render a model using the standard <strong>osgviewer</strong> tool. This time we worked on a <a href="https://github.com/OGStudio/openscenegraph-cross-platform-guide-application">sample OpenSceneGraph application</a> that would run under Linux, macOS, Windows, and Android. …</p>

            </div>
            <div class="news_item_more">
                <a href="osg-sample.html">Continue reading</a>
            </div>
        </div>

        <p class="pagination_title">Page 2 of 6</p>
 <p>
    <a href="index.html">« Newer</a>
    <a href="index3.html">Older »</a>
 </p>


        </center>
    </body>
 </html>
--- a/en/news/index3.html
+++ b/en/news/index3.html
@@ -0,0 +1,287 @@
 <!DOCTYPE html>
 <html>
    <meta charset="utf-8">
    <head>
        <style>
            #header
            {
                background: #2BA6E3;
                padding: 0.7em;
                text-align: left;
            }
            
            #header a
            {
                color: white;
                text-decoration: none;
                padding: 0.5em 1em 0.5em 1em;
            }
            .news_item
            {
                background: #FFFFFF;
                width: 720px;
                padding: 1em;
                margin-top: 2em;
                margin-bottom: 2em;
                border: 1px solid #E0E0E0;
                text-align: left;
            }
            .news_item_contents
            {
                color: #444;
                line-height: 1.5em;
            }
            .news_item_date
            {
                margin-bottom: 2em;
                color: #aaa;
            }
            body
            {
                background: #FAFAFA;
            }
            code, pre
            {
                font-family: monospace, serif;
                font-size: 1em;
                color: #7f0a0c;
            }
            figure
            {
                margin: 0px;
                padding: 0px;
            }
            img
            {
                width: 720px;
            }
            html
            {
                font-family: sans-serif;
            }
            a
            {
                color: #3A91CB;
                text-decoration: none;
            }
            #lang
            {
                float: right;
            }
            figcaption
            {
                color: #aaa;
            }
            
            table
            {
                border-collapse: collapse;
            }
            
            table, th, td
            {
                border: 1px solid #aaa;
                padding: 0.5em;
                margin-top: 0.5em;
                margin-bottom: 0.5em;
            }
        </style>
    </head>
    <body>
        <center>
        <div id="header">
            <a href="../../en/news/index.html">News</a>
            <a href="../../en/page/games.html">Games</a>
            <a href="../../en/page/about.html">About</a>
            <div id="lang">
                <a href="index3.html">EN</a>
                <a href="../../ru/news/index3.html">RU</a>
            </div>
        </div>
        <h1>News</h1>

                <div class="news_item">
            <h2 class="news_item_title">
                <a href="its-all-fine.html">It's all fine</a>
            </h2>
            <p class="news_item_date">
                2017-04-07 00:00
            </p>
            <div class="news_item_contents">
 <figure>
 <img src="../../images/2017-04_its-all-fine.png" alt="Flight of a rocket" /><figcaption>Flight of a rocket</figcaption>
 </figure>
 <p>This article describes creation of the first four OpenSceneGraph tutorials in March 2017.</p>
 <p>The <a href="https://github.com/OGStudio/openscenegraph-cross-platform-guide/">first four OpenSceneGraph tutorials</a> explain how to create a cube model with Blender and display the model under Linux, macOS, or Windows using OpenSceneGraph tool called osgviewer. …</p>

            </div>
            <div class="news_item_more">
                <a href="its-all-fine.html">Continue reading</a>
            </div>
        </div>
        <div class="news_item">
            <h2 class="news_item_title">
                <a href="lets-go.html">Let's go</a>
            </h2>
            <p class="news_item_date">
                2017-03-16 00:00
            </p>
            <div class="news_item_contents">
 <figure>
 <img src="../../images/2017-03_lets-go.png" alt="Gagarin’s words" /><figcaption>Gagarin’s words</figcaption>
 </figure>
 <p>In this article we describe our progress in January and February of 2017: rendering under iOS/Web and a new tutorial tool.</p>
 <p><strong>Rendering under iOS/Web</strong></p>
 <p>To our surprise, we got a simple red cube rendered under <a href="https://twitter.com/OpenGameStudio/status/826816343433498627">iOS</a> and <a href="https://twitter.com/OpenGameStudio/status/829731986264698881">Web</a> pretty fast: in early February. However, this is only the beginning of this year’s challenge to support Android, iOS, and Web platforms. There’s a long and bumpy road ahead of us as we need a lot more on each platform before we can claim a success: visual effects, Python scripting, data archives. …</p>

            </div>
            <div class="news_item_more">
                <a href="lets-go.html">Continue reading</a>
            </div>
        </div>
        <div class="news_item">
            <h2 class="news_item_title">
                <a href="the-year-of-challenges.html">The year of challenges</a>
            </h2>
            <p class="news_item_date">
                2017-01-25 00:00
            </p>
            <div class="news_item_contents">
 <figure>
 <img src="../../images/2017-01_the-year-of-challenges.png" alt="Rocket launch at Baikonur" /><figcaption>Rocket launch at Baikonur</figcaption>
 </figure>
 <p>This article describes our plans for 2017.</p>
 <p>Our past plans suggested we would have Android platform support by this time. However, we have a long way to go, before we can declare Android support. See for yourself: …</p>

            </div>
            <div class="news_item_more">
                <a href="the-year-of-challenges.html">Continue reading</a>
            </div>
        </div>
        <div class="news_item">
            <h2 class="news_item_title">
                <a href="2017-happy-new-year.html">Happy 2017</a>
            </h2>
            <p class="news_item_date">
                2016-12-31 00:00
            </p>
            <div class="news_item_contents">
 <figure>
 <img src="../../images/2016-12-31_happy-new-year.png" alt="Christmas tree" /><figcaption>Christmas tree</figcaption>
 </figure>
 <p>Okay. It’s been a hard year for everyone in the team. And it’s almost over. Praise it ends! Praise the new one!</p>
 <p>It may seem, that our progress stalled. Three years ago we announced the beginning of a new project (two to be precise), and now we still working on the engine and editor, haven’t even started creating the actual game. …</p>

            </div>
            <div class="news_item_more">
                <a href="2017-happy-new-year.html">Continue reading</a>
            </div>
        </div>
        <div class="news_item">
            <h2 class="news_item_title">
                <a href="2016-november-recap.html">November 2016 recap</a>
            </h2>
            <p class="news_item_date">
                2016-12-15 00:00
            </p>
            <div class="news_item_contents">
 <figure>
 <img src="../../images/2016-12-15_2016-november-recap.png" alt="Construction of a building" /><figcaption>Construction of a building</figcaption>
 </figure>
 <p>This article describes the start of MJIN library separation into modules.</p>
 <p>Once we built OpenSceneGraph for Android, it became obvious that some MJIN functionality is not suitable for Android. For example, UIQt provides a basis for OGS Editor UI. Since OGS Editor is a desktop application, we don’t need UIQt for Android. …</p>

            </div>
            <div class="news_item_more">
                <a href="2016-november-recap.html">Continue reading</a>
            </div>
        </div>
        <div class="news_item">
            <h2 class="news_item_title">
                <a href="2016-october-recap.html">October 2016 recap</a>
            </h2>
            <p class="news_item_date">
                2016-11-19 00:00
            </p>
            <div class="news_item_contents">
 <figure>
 <img src="../../images/2016-11-19_2016-october-recap.png" alt="Gaining Android support was like climbing a mountain for us" /><figcaption>Gaining Android support was like climbing a mountain for us</figcaption>
 </figure>
 <p>This article describes how we spent a month building OpenSceneGraph (OSG) for Android: the first attempt to build OSG, the search for OSG alternatives, and the success in building OSG. …</p>

            </div>
            <div class="news_item_more">
                <a href="2016-october-recap.html">Continue reading</a>
            </div>
        </div>
        <div class="news_item">
            <h2 class="news_item_title">
                <a href="2016-tech-showcases.html">Technology showcases</a>
            </h2>
            <p class="news_item_date">
                2016-10-31 00:00
            </p>
            <div class="news_item_contents">
 <figure>
 <img src="../../images/2016-10-31_tech-showcases.png" alt="Feature file in the background" /><figcaption>Feature file in the background</figcaption>
 </figure>
 <p>In this article, we take another look at 2015-2016 live sessions’ format and introduce a new showcase format for 2017.</p>
 <p><strong>2015 and 2016: live sessions.</strong></p>
 <p>As you know, we use live sessions to show the state of our technology and create a small functional game from scratch. We have conducted four live sessions in the past year, which gave birth to the following small games: …</p>

            </div>
            <div class="news_item_more">
                <a href="2016-tech-showcases.html">Continue reading</a>
            </div>
        </div>
        <div class="news_item">
            <h2 class="news_item_title">
                <a href="2016-september-recap.html">September 2016 recap</a>
            </h2>
            <p class="news_item_date">
                2016-10-11 00:00
            </p>
            <div class="news_item_contents">
 <figure>
 <img src="../../images/2016-10-11_september-recap.png" alt="Mahjong created during live session" /><figcaption>Mahjong created during live session</figcaption>
 </figure>
 <p>This article explains September 2016 live session stages: draft, rehearsal, live session itself, and publishing.</p>
 <p>Even though live session takes only a few hours, we devote a whole month to prepare for it. Let’s have a look at live session stages in detail. …</p>

            </div>
            <div class="news_item_more">
                <a href="2016-september-recap.html">Continue reading</a>
            </div>
        </div>
        <div class="news_item">
            <h2 class="news_item_title">
                <a href="ogs-editor-0.10.html">OGS Editor 0.10 and live session materials</a>
            </h2>
            <p class="news_item_date">
                2016-10-03 00:00
            </p>
            <div class="news_item_contents">
 <figure>
 <img src="../../images/2016-10-03_ogs-editor-0.10.png" alt="OGS Editor with Mahjong game" /><figcaption>OGS Editor with Mahjong game</figcaption>
 </figure>
 <p>Note: we won’t release 0.10 for macOS due to technical difficulties with the build system. macOS support will be back for 0.11.</p>
 <ul>
 <li><strong>OGS Editor 0.10</strong> <a href="https://sourceforge.net/projects/osrpgcreation/files/Editor/jenkins/51_2016-10-01_06-39-48_0.10.0/">is available at SourceForge</a>. Simply unpack the archive and launch the run script. …</li>
 </ul>

            </div>
            <div class="news_item_more">
                <a href="ogs-editor-0.10.html">Continue reading</a>
            </div>
        </div>

        <p class="pagination_title">Page 3 of 6</p>
 <p>
    <a href="index2.html">« Newer</a>
    <a href="index4.html">Older »</a>
 </p>


        </center>
    </body>
 </html>
--- a/en/news/index4.html
+++ b/en/news/index4.html
@@ -0,0 +1,263 @@
 <!DOCTYPE html>
 <html>
    <meta charset="utf-8">
    <head>
        <style>
            #header
            {
                background: #2BA6E3;
                padding: 0.7em;
                text-align: left;
            }
            
            #header a
            {
                color: white;
                text-decoration: none;
                padding: 0.5em 1em 0.5em 1em;
            }
            .news_item
            {
                background: #FFFFFF;
                width: 720px;
                padding: 1em;
                margin-top: 2em;
                margin-bottom: 2em;
                border: 1px solid #E0E0E0;
                text-align: left;
            }
            .news_item_contents
            {
                color: #444;
                line-height: 1.5em;
            }
            .news_item_date
            {
                margin-bottom: 2em;
                color: #aaa;
            }
            body
            {
                background: #FAFAFA;
            }
            code, pre
            {
                font-family: monospace, serif;
                font-size: 1em;
                color: #7f0a0c;
            }
            figure
            {
                margin: 0px;
                padding: 0px;
            }
            img
            {
                width: 720px;
            }
            html
            {
                font-family: sans-serif;
            }
            a
            {
                color: #3A91CB;
                text-decoration: none;
            }
            #lang
            {
                float: right;
            }
            figcaption
            {
                color: #aaa;
            }
            
            table
            {
                border-collapse: collapse;
            }
            
            table, th, td
            {
                border: 1px solid #aaa;
                padding: 0.5em;
                margin-top: 0.5em;
                margin-bottom: 0.5em;
            }
        </style>
    </head>
    <body>
        <center>
        <div id="header">
            <a href="../../en/news/index.html">News</a>
            <a href="../../en/page/games.html">Games</a>
            <a href="../../en/page/about.html">About</a>
            <div id="lang">
                <a href="index4.html">EN</a>
                <a href="../../ru/news/index4.html">RU</a>
            </div>
        </div>
        <h1>News</h1>

                <div class="news_item">
            <h2 class="news_item_title">
                <a href="yesterdays-live-session-short-overview.html">A few words about live session yesterday</a>
            </h2>
            <p class="news_item_date">
                2016-09-26 00:00
            </p>
            <div class="news_item_contents">
 <iframe width="560" height="315" src="https://www.youtube.com/embed/_t8TGhSgJG4" frameborder="0" allowfullscreen>
 </iframe>
 <p>Mahjong Solitaire was successfully created, and it took less than 4 hours.</p>
 <p>We will publish live session materials later this week. …</p>

            </div>
            <div class="news_item_more">
                <a href="yesterdays-live-session-short-overview.html">Continue reading</a>
            </div>
        </div>
        <div class="news_item">
            <h2 class="news_item_title">
                <a href="september-live-session-announcement-tomorrow.html">Live session is in 24 hours</a>
            </h2>
            <p class="news_item_date">
                2016-09-24 00:00
            </p>
            <div class="news_item_contents">
 <iframe width="560" height="315" src="https://www.youtube.com/embed/Fj4yHG-mV1U" frameborder="0" allowfullscreen>
 </iframe>
 <p>Get ready for <a href="https://www.livecoding.tv/kornerr">live session</a>, it’s about to happen in 24 hours! …</p>

            </div>
            <div class="news_item_more">
                <a href="september-live-session-announcement-tomorrow.html">Continue reading</a>
            </div>
        </div>
        <div class="news_item">
            <h2 class="news_item_title">
                <a href="september-live-session-announcement.html">Live session: 25 September 2016</a>
            </h2>
            <p class="news_item_date">
                2016-09-17 00:00
            </p>
            <div class="news_item_contents">
 <iframe width="560" height="315" src="https://www.youtube.com/embed/Y5hOGKcQ8wA" frameborder="0" allowfullscreen>
 </iframe>
 <p>We will hold <a href="https://www.livecoding.tv/kornerr">live session</a> on <a href="http://www.timeanddate.com/worldclock/fixedtime.html?msg=Open+Game+Studio+September+2016+live+session&amp;iso=20160925T12&amp;p1=37&amp;ah=2">25 September 2016 at 12:00 CEST</a> …</p>

            </div>
            <div class="news_item_more">
                <a href="september-live-session-announcement.html">Continue reading</a>
            </div>
        </div>
        <div class="news_item">
            <h2 class="news_item_title">
                <a href="2016-august-recap.html">August 2016 recap</a>
            </h2>
            <p class="news_item_date">
                2016-09-03 00:00
            </p>
            <div class="news_item_contents">
 <figure>
 <img src="../../images/2016-09-03_august-recap.png" alt="OGS Editor with a spherical scene node" /><figcaption>OGS Editor with a spherical scene node</figcaption>
 </figure>
 <p>This article explains the most important technical details about development in August: UIQt module, its refactoring, a new feature based development approach, and its benefits.</p>
 <p><strong>UIQt module</strong> is a collection of UI components backed by Qt. We only use it for Editor UI at the moment. …</p>

            </div>
            <div class="news_item_more">
                <a href="2016-august-recap.html">Continue reading</a>
            </div>
        </div>
        <div class="news_item">
            <h2 class="news_item_title">
                <a href="back-to-social-networks.html">We’re back to social networks</a>
            </h2>
            <p class="news_item_date">
                2016-08-18 00:00
            </p>
            <div class="news_item_contents">
 <p>If you follow us on <a href="https://www.facebook.com/groups/162611230470183/">Facebook</a>, <a href="https://twitter.com/OpenGameStudio">Twitter</a>, or <a href="https://new.vk.com/opengamestudo">VK</a> you noticed we started to use them again. That’s no coincidence: we’re finally ready to communicate our progress verbally after 4 years of almost silent development. …</p>

            </div>
            <div class="news_item_more">
                <a href="back-to-social-networks.html">Continue reading</a>
            </div>
        </div>
        <div class="news_item">
            <h2 class="news_item_title">
                <a href="once-mahjong-always-mahjong.html">Once Mahjong – always Mahjong</a>
            </h2>
            <p class="news_item_date">
                2016-08-10 00:00
            </p>
            <div class="news_item_contents">
 <p>We started Opensource Game Studio project a long time ago. We wanted to provide open source community with tools to create games. However, it was unclear what tools’ purpose was. So we decided to start small: create a game first.</p>
 <p>It took us 3 years to reach the first goal: we released OGS Mahjong 1.0 in 2012. Even for a hobby project (we spend about 40 hours a month) it’s too long. …</p>

            </div>
            <div class="news_item_more">
                <a href="once-mahjong-always-mahjong.html">Continue reading</a>
            </div>
        </div>
        <div class="news_item">
            <h2 class="news_item_title">
                <a href="ogs-editor-0.9.html">May 2016 live session materials</a>
            </h2>
            <p class="news_item_date">
                2016-05-29 00:00
            </p>
            <div class="news_item_contents">
 <iframe width="560" height="315" src="https://www.youtube.com/embed/8gHYOkMRoos?list=PLWMTZqE4MAMKp3wP1N63xbdhdgfKi-d-J" frameborder="0" allowfullscreen>
 </iframe>
 <p>This time we have shown how to create a simple Domino based game. Below you can find all materials related to the game creation. …</p>

            </div>
            <div class="news_item_more">
                <a href="ogs-editor-0.9.html">Continue reading</a>
            </div>
        </div>
        <div class="news_item">
            <h2 class="news_item_title">
                <a href="may-live-session-announcement.html">Live session: 28 May 2016</a>
            </h2>
            <p class="news_item_date">
                2016-05-17 00:00
            </p>
            <div class="news_item_contents">
 <p>We’re glad to annouce that the <a title="LiveCoding" href="https://www.livecoding.tv/kornerr">LiveCoding</a> session will take place on <a title="Local time" href="http://www.timeanddate.com/worldclock/fixedtime.html?msg=Open+Game+Studio+May+live+session&iso=20160528T12&p1=37&ah=3">28 May 2016 at 12:00 CEST</a>. Join us! …</p>

            </div>
            <div class="news_item_more">
                <a href="may-live-session-announcement.html">Continue reading</a>
            </div>
        </div>
        <div class="news_item">
            <h2 class="news_item_title">
                <a href="may-live-session-decision.html">May live session (Editor 0.9)</a>
            </h2>
            <p class="news_item_date">
                2016-04-24 00:00
            </p>
            <div class="news_item_contents">
 <p>As you know, the previously published roadmap assumed, that we would hold a live session in April and it would feature a ping-pong game created with Editor 0.9.</p>
 <p>We have to admit, our abilities to plan are not yet good enough. That’s why the next live session will take place by the end of May. The exact date will be announced later. …</p>

            </div>
            <div class="news_item_more">
                <a href="may-live-session-decision.html">Continue reading</a>
            </div>
        </div>

        <p class="pagination_title">Page 4 of 6</p>
 <p>
    <a href="index3.html">« Newer</a>
    <a href="index5.html">Older »</a>
 </p>


        </center>
    </body>
 </html>
--- a/en/news/index5.html
+++ b/en/news/index5.html
@@ -0,0 +1,258 @@
 <!DOCTYPE html>
 <html>
    <meta charset="utf-8">
    <head>
        <style>
            #header
            {
                background: #2BA6E3;
                padding: 0.7em;
                text-align: left;
            }
            
            #header a
            {
                color: white;
                text-decoration: none;
                padding: 0.5em 1em 0.5em 1em;
            }
            .news_item
            {
                background: #FFFFFF;
                width: 720px;
                padding: 1em;
                margin-top: 2em;
                margin-bottom: 2em;
                border: 1px solid #E0E0E0;
                text-align: left;
            }
            .news_item_contents
            {
                color: #444;
                line-height: 1.5em;
            }
            .news_item_date
            {
                margin-bottom: 2em;
                color: #aaa;
            }
            body
            {
                background: #FAFAFA;
            }
            code, pre
            {
                font-family: monospace, serif;
                font-size: 1em;
                color: #7f0a0c;
            }
            figure
            {
                margin: 0px;
                padding: 0px;
            }
            img
            {
                width: 720px;
            }
            html
            {
                font-family: sans-serif;
            }
            a
            {
                color: #3A91CB;
                text-decoration: none;
            }
            #lang
            {
                float: right;
            }
            figcaption
            {
                color: #aaa;
            }
            
            table
            {
                border-collapse: collapse;
            }
            
            table, th, td
            {
                border: 1px solid #aaa;
                padding: 0.5em;
                margin-top: 0.5em;
                margin-bottom: 0.5em;
            }
        </style>
    </head>
    <body>
        <center>
        <div id="header">
            <a href="../../en/news/index.html">News</a>
            <a href="../../en/page/games.html">Games</a>
            <a href="../../en/page/about.html">About</a>
            <div id="lang">
                <a href="index5.html">EN</a>
                <a href="../../ru/news/index5.html">RU</a>
            </div>
        </div>
        <h1>News</h1>

                <div class="news_item">
            <h2 class="news_item_title">
                <a href="rolling-ball.html">"Rolling ball" live session videos and downloads</a>
            </h2>
            <p class="news_item_date">
                2016-02-10 00:00
            </p>
            <div class="news_item_contents">
 <p>Since we held 2 live sessions to create “Rolling ball” game, here are 2 YouTube videos of the process:</p>
 <iframe width="560" height="315" src="https://www.youtube.com/embed/70Jny1xJxK8" frameborder="0" allowfullscreen>
 </iframe>
 <iframe width="560" height="315" src="http://www.youtube.com/embed/851IlFT7y18" frameborder="0" allowfullscreen>
 </iframe>
 <p>…</p>

            </div>
            <div class="news_item_more">
                <a href="rolling-ball.html">Continue reading</a>
            </div>
        </div>
        <div class="news_item">
            <h2 class="news_item_title">
                <a href="rolling-ball-live-session-pt2.html">Game creation live session (part 2): 7 February 2016</a>
            </h2>
            <p class="news_item_date">
                2016-02-02 00:00
            </p>
            <div class="news_item_contents">
 <p>Unfortunately, we have failed to finish creation of the simple “Rolling ball” game in 3 hours. That’s why we will hold the second <a title="LiveCoding" href="https://www.livecoding.tv/kornerr">LiveCoding</a> session on <a title="Local time" href="http://www.timeanddate.com/worldclock/fixedtime.html?msg=Open+Game+Studio%3A+Game+creation+live+session%2C+part+2&iso=20160207T12&p1=37&ah=3">7 February 2016 at 12:00 CET</a>. …</p>

            </div>
            <div class="news_item_more">
                <a href="rolling-ball-live-session-pt2.html">Continue reading</a>
            </div>
        </div>
        <div class="news_item">
            <h2 class="news_item_title">
                <a href="january-live-session-announcement.html">Game creation live session: 31 January 2016</a>
            </h2>
            <p class="news_item_date">
                2016-01-25 00:00
            </p>
            <div class="news_item_contents">
 <p>We’re glad to annouce that the <a title="LiveCoding" href="https://www.livecoding.tv/kornerr">LiveCoding</a> session will take place on <a title="Local time" href="http://www.timeanddate.com/worldclock/fixedtime.html?msg=Open+Game+Studio%3A+Game+creation+live+session&iso=20160131T12&p1=37&ah=3">31 January 2016 at 12:00 CET</a>. Join us! …</p>

            </div>
            <div class="news_item_more">
                <a href="january-live-session-announcement.html">Continue reading</a>
            </div>
        </div>
        <div class="news_item">
            <h2 class="news_item_title">
                <a href="january-live-session-decision.html">SOON: Creating a simple game live (Editor 0.8)</a>
            </h2>
            <p class="news_item_date">
                2016-01-21 00:00
            </p>
            <div class="news_item_contents">
 <p>We are ready to present Editor 0.8 with Player. The live session will be held at <a title="LiveCoding" href="https://www.livecoding.tv/kornerr">LiveCoding</a> SOON. We will show you how to create a simple game with sounds from scratch. And this time it will not need an Editor to run. …</p>

            </div>
            <div class="news_item_more">
                <a href="january-live-session-decision.html">Continue reading</a>
            </div>
        </div>
        <div class="news_item">
            <h2 class="news_item_title">
                <a href="2016-roadmap.html">Roadmap for 2016</a>
            </h2>
            <p class="news_item_date">
                2015-12-26 00:00
            </p>
            <div class="news_item_contents">
 <p>As you know, according to the <a href="2015-roadmap.html">previously published roadmap</a>, we now have sound system in place. However, we decided to go further and implement the first version of Player. We wanted to get it done by December, but, unfortunately, more work resulted in the change of dates. …</p>

            </div>
            <div class="news_item_more">
                <a href="2016-roadmap.html">Continue reading</a>
            </div>
        </div>
        <div class="news_item">
            <h2 class="news_item_title">
                <a href="livesession-materials-editor-07.html">Live session video and downloads</a>
            </h2>
            <p class="news_item_date">
                2015-11-15 00:00
            </p>
            <div class="news_item_contents">
 <p>If you missed the live session, you can watch it here: <a href="https://www.livecoding.tv/video/kornerr/playlists/whac-a-mole-from-scratch/">https://www.livecoding.tv/video/kornerr/playlists/whac-a-mole-from-scratch/</a></p>
 <p>You can download the resulting project here: …</p>

            </div>
            <div class="news_item_more">
                <a href="livesession-materials-editor-07.html">Continue reading</a>
            </div>
        </div>
        <div class="news_item">
            <h2 class="news_item_title">
                <a href="livesession-editor-07.html">Creating a simple game live: 15 November 2015</a>
            </h2>
            <p class="news_item_date">
                2015-11-09 00:00
            </p>
            <div class="news_item_contents">
 <p>We’re glad to annouce that the <a title="LiveCoding" href="https://www.livecoding.tv/kornerr">LiveCoding</a> session will take place on <a title="Local time" href="http://www.timeanddate.com/worldclock/fixedtime.html?msg=Whac-a-mole+game+from+scratch+live&amp;iso=20151115T12&amp;p1=37&amp;ah=3">15 November 2015 at 12:00 CET</a>. Join us! …</p>

            </div>
            <div class="news_item_more">
                <a href="livesession-editor-07.html">Continue reading</a>
            </div>
        </div>
        <div class="news_item">
            <h2 class="news_item_title">
                <a href="soon-game-creation-editor-07.html">SOON: Creating a simple game live (Editor 0.7)</a>
            </h2>
            <p class="news_item_date">
                2015-11-02 00:00
            </p>
            <div class="news_item_contents">
 <p>As we have promised, we are ready to give you Editor 0.7 which is capable of creating the complete test chamber. However, after recreating the test chamber ourselves, it became clear that:</p>
 <ol type="1">
 <li>it takes more than 8 hours to recreate it (too long)</li>
 <li>it’s inappropriate to be presented in the form of an article (too boring) …</li>
 </ol>

            </div>
            <div class="news_item_more">
                <a href="soon-game-creation-editor-07.html">Continue reading</a>
            </div>
        </div>
        <div class="news_item">
            <h2 class="news_item_title">
                <a href="bye-desura-hello-humblebundle.html">Desura no more, hello Humble Bundle Widget</a>
            </h2>
            <p class="news_item_date">
                2015-07-23 00:00
            </p>
            <div class="news_item_contents">
 <p>After the recent bankruptcy of Desura’s parent company, we decided, that we need a new place for our Deluxe version. Something better, more modern and more trustworthy. We have chosen the Humble Widget, with which you can buy the deluxe version of the game without leaving our site. …</p>

            </div>
            <div class="news_item_more">
                <a href="bye-desura-hello-humblebundle.html">Continue reading</a>
            </div>
        </div>

        <p class="pagination_title">Page 5 of 6</p>
 <p>
    <a href="index4.html">« Newer</a>
    <a href="index6.html">Older »</a>
 </p>


        </center>
    </body>
 </html>
--- a/en/news/index6.html
+++ b/en/news/index6.html
@@ -0,0 +1,242 @@
 <!DOCTYPE html>
 <html>
    <meta charset="utf-8">
    <head>
        <style>
            #header
            {
                background: #2BA6E3;
                padding: 0.7em;
                text-align: left;
            }
            
            #header a
            {
                color: white;
                text-decoration: none;
                padding: 0.5em 1em 0.5em 1em;
            }
            .news_item
            {
                background: #FFFFFF;
                width: 720px;
                padding: 1em;
                margin-top: 2em;
                margin-bottom: 2em;
                border: 1px solid #E0E0E0;
                text-align: left;
            }
            .news_item_contents
            {
                color: #444;
                line-height: 1.5em;
            }
            .news_item_date
            {
                margin-bottom: 2em;
                color: #aaa;
            }
            body
            {
                background: #FAFAFA;
            }
            code, pre
            {
                font-family: monospace, serif;
                font-size: 1em;
                color: #7f0a0c;
            }
            figure
            {
                margin: 0px;
                padding: 0px;
            }
            img
            {
                width: 720px;
            }
            html
            {
                font-family: sans-serif;
            }
            a
            {
                color: #3A91CB;
                text-decoration: none;
            }
            #lang
            {
                float: right;
            }
            figcaption
            {
                color: #aaa;
            }
            
            table
            {
                border-collapse: collapse;
            }
            
            table, th, td
            {
                border: 1px solid #aaa;
                padding: 0.5em;
                margin-top: 0.5em;
                margin-bottom: 0.5em;
            }
        </style>
    </head>
    <body>
        <center>
        <div id="header">
            <a href="../../en/news/index.html">News</a>
            <a href="../../en/page/games.html">Games</a>
            <a href="../../en/page/about.html">About</a>
            <div id="lang">
                <a href="index6.html">EN</a>
                <a href="../../ru/news/index6.html">RU</a>
            </div>
        </div>
        <h1>News</h1>

                <div class="news_item">
            <h2 class="news_item_title">
                <a href="test-chamber-for-everyone.html">Test chamber for everyone (Editor 0.7.0)</a>
            </h2>
            <p class="news_item_date">
                2015-07-22 00:00
            </p>
            <div class="news_item_contents">
 <p>As you know, the main goal of Editor 0.7.0 is the ability to create the <a title="Test chamber" href="https://youtu.be/9_6seUWcPbU" target="_blank">test chamber</a> with it. It needs Actions’ system and a few stability fixes for that. We are going to publish a detailed article describing how to create the test chamber, too, so that anyone could create their own test chamber! …</p>

            </div>
            <div class="news_item_more">
                <a href="test-chamber-for-everyone.html">Continue reading</a>
            </div>
        </div>
        <div class="news_item">
            <h2 class="news_item_title">
                <a href="2015-roadmap.html">Roadmap for 2015-2016</a>
            </h2>
            <p class="news_item_date">
                2015-07-19 00:00
            </p>
            <div class="news_item_contents">
 <p>As promised, we have come up with a list of milestones and their approximate dates for the coming year:</p>
 <ol type="1">
 <li>Editor 0.7.0 (October 2015) - Actions’ system: we recreate the <a title="Test chamber" href="https://youtu.be/9_6seUWcPbU" target="_blank">test chamber</a> …</li>
 </ol>

            </div>
            <div class="news_item_more">
                <a href="2015-roadmap.html">Continue reading</a>
            </div>
        </div>
        <div class="news_item">
            <h2 class="news_item_title">
                <a href="editor-06.html">Editor 0.6.0</a>
            </h2>
            <p class="news_item_date">
                2015-06-28 00:00
            </p>
            <div class="news_item_contents">
 <p>We completed Editor 0.6.0. You can <a title="Editor 0.6.0" href="https://youtu.be/q85GcC6l4Tw" target="_blank">see 0.6.0 in action here</a>.</p>
 <p>Editor 0.6.0 got the following new features:</p>
 <ol type="1">
 <li>Camera and light node positioning</li>
 <li>Node rotation along X axis …</li>
 </ol>

            </div>
            <div class="news_item_more">
                <a href="editor-06.html">Continue reading</a>
            </div>
        </div>
        <div class="news_item">
            <h2 class="news_item_title">
                <a href="editor-06-roadmap.html">Editor 0.5.0 and plans for 0.6.0</a>
            </h2>
            <p class="news_item_date">
                2015-04-15 00:00
            </p>
            <div class="news_item_contents">
 <p>We completed Editor 0.5.0. As it was planned, it has scene node tree editing, property browser, and Qt5 support. You can <a title="Editor 0.5.0" href="https://youtu.be/Vb2Q6IuQDbo" target="_blank">see 0.5.0 in action here</a>.</p>
 <p>Also, we have just started Editor 0.6.0 development. …</p>

            </div>
            <div class="news_item_more">
                <a href="editor-06-roadmap.html">Continue reading</a>
            </div>
        </div>
        <div class="news_item">
            <h2 class="news_item_title">
                <a href="editor-0.4.0-and-0.5.0-plans.html">Editor 0.4.0 and plans for 0.5.0</a>
            </h2>
            <p class="news_item_date">
                2015-03-07 00:00
            </p>
            <div class="news_item_contents">
 <p>We completed Editor 0.4.0 in January. As it was planned, it only contains basic abilities to open and save a project. The major goal was to make MJIN, Python and Qt work together (we were unable to use PyQt or PySide due to technical difficulties). …</p>

            </div>
            <div class="news_item_more">
                <a href="editor-0.4.0-and-0.5.0-plans.html">Continue reading</a>
            </div>
        </div>
        <div class="news_item">
            <h2 class="news_item_title">
                <a href="editor-0.4.0-plans.html">Editor roadmap for 0.4.0</a>
            </h2>
            <p class="news_item_date">
                2015-01-13 00:00
            </p>
            <div class="news_item_contents">
 <p>The development of Editor 0.3.0 showed us, that usage of custom GUI was not a perfect idea. A few months ago, custom GUI seemed as a simpler way to do things, but it turned out to lack many little features, that are crucial if you’re planning to make a convenient tool. …</p>

            </div>
            <div class="news_item_more">
                <a href="editor-0.4.0-plans.html">Continue reading</a>
            </div>
        </div>
        <div class="news_item">
            <h2 class="news_item_title">
                <a href="2014-another-year-passed.html">And another year has passed</a>
            </h2>
            <p class="news_item_date">
                2014-12-31 12:00
            </p>
            <div class="news_item_contents">
 <p>Hello!</p>
 <p>So, this year comes to the end. There were very little publications from us during this year. We haven’t stopped working, but right now our work is in the phase, when we have nothing to show. And the spare time of the team members is rarely more then 30-40 hours a month. …</p>

            </div>
            <div class="news_item_more">
                <a href="2014-another-year-passed.html">Continue reading</a>
            </div>
        </div>
        <div class="news_item">
            <h2 class="news_item_title">
                <a href="user-servey-finish-promise.html">User survey ends today</a>
            </h2>
            <p class="news_item_date">
                2014-12-31 11:00
            </p>
            <div class="news_item_contents">
 <p>About a year ago, we started the user survey, in order to find out what do you think of the Open Source in general and about our project in particular. Today we’re closing this survey. It took time, but we’ve got plenty of answers. Thank you for that. …</p>

            </div>
            <div class="news_item_more">
                <a href="user-servey-finish-promise.html">Continue reading</a>
            </div>
        </div>

        <p class="pagination_title">Page 6 of 6</p>
 <p>
    <a href="index5.html">« Newer</a>
 </p>


        </center>
    </body>
 </html>
--- a/en/news/ios-tutorial.html
+++ b/en/news/ios-tutorial.html
@@ -0,0 +1,157 @@
 <!DOCTYPE html>
 <html>
    <meta charset="utf-8">
    <head>
        <style>
            #header
            {
                background: #2BA6E3;
                padding: 0.7em;
                text-align: left;
            }
            
            #header a
            {
                color: white;
                text-decoration: none;
                padding: 0.5em 1em 0.5em 1em;
            }
            .news_item
            {
                background: #FFFFFF;
                width: 720px;
                padding: 1em;
                margin-top: 2em;
                margin-bottom: 2em;
                border: 1px solid #E0E0E0;
                text-align: left;
            }
            .news_item_contents
            {
                color: #444;
                line-height: 1.5em;
            }
            .news_item_date
            {
                margin-bottom: 2em;
                color: #aaa;
            }
            body
            {
                background: #FAFAFA;
            }
            code, pre
            {
                font-family: monospace, serif;
                font-size: 1em;
                color: #7f0a0c;
            }
            figure
            {
                margin: 0px;
                padding: 0px;
            }
            img
            {
                width: 720px;
            }
            html
            {
                font-family: sans-serif;
            }
            a
            {
                color: #3A91CB;
                text-decoration: none;
            }
            #lang
            {
                float: right;
            }
            figcaption
            {
                color: #aaa;
            }
            
            table
            {
                border-collapse: collapse;
            }
            
            table, th, td
            {
                border: 1px solid #aaa;
                padding: 0.5em;
                margin-top: 0.5em;
                margin-bottom: 0.5em;
            }
        </style>
    </head>
    <body>
        <center>
        <div id="header">
            <a href="../../en/news/index.html">News</a>
            <a href="../../en/page/games.html">Games</a>
            <a href="../../en/page/about.html">About</a>
            <div id="lang">
                <a href="ios-tutorial.html">EN</a>
                <a href="../../ru/news/ios-tutorial.html">RU</a>
            </div>
        </div>
        <h1>In the news</h1>
                <div class="news_item">
                    <h2 class="news_item_title">
                        <a href="ios-tutorial.html">iOS tutorial</a>
                    </h2>
                    <p class="news_item_date">
                        2017-06-08 10:00
                    </p>
                    <div class="news_item_contents">
        <figure>
 <img src="../../images/2017-06-08-ios-refactoring.png" alt="Earth and a rocket" /><figcaption>Earth and a rocket</figcaption>
 </figure>
 <p>This article describes problems we faced during the creation of iOS tutorial in May 2017.</p>
 <p><a href="https://twitter.com/OpenGameStudio/status/826816343433498627">This February</a> we managed to get simple model rendered under iOS in just a few days. We expected to finish iOS tutorial in no time. However, the reality reminded us: it’s easy to come up with a hackish demo that works for one person, but it’s hard to create a concise example that works for everyone.</p>
 <p><strong>Native library</strong></p>
 <p>The first question we had to answer was: should the sample application be part of Xcode project or be a separately built library?</p>
 <p>We had to consider the following facts:</p>
 <ol type="1">
 <li>Xcode project can use C++ directly (thanks to Objective-C++) without stuff like JNI
 <ul>
 <li>There’s no need for a separate library (+ application)</li>
 <li>Creating a separate library is an additional work (- library)</li>
 </ul></li>
 <li>OpenSceneGraph builds libraries
 <ul>
 <li>It’s easier to use standard build process (+ library)</li>
 <li>It’s harder to create custom build process just for a single platform (- application)</li>
 </ul></li>
 <li>OpenSceneGraph uses CMake build system, which is not supported by Xcode
 <ul>
 <li>Xcode project can’t include CMake files (- application)</li>
 <li>It’s easy to create custom CMake file that includes OpenSceneGraph CMake file to build a single library (+ library)</li>
 </ul></li>
 <li>CMake can generate Xcode project
 <ul>
 <li>It’s possible to create a CMake file that builds both OpenSceneGraph and the sample application (+ application)</li>
 <li>Xcode is the de-facto tool to create Xcode projects; it’s easier to use standard build process (+ library)</li>
 </ul></li>
 </ol>
 <p>After evaluating the pros and cons of each approach, we decided to turn the sample application into a library and include it in Xcode project. The downside of this approach is that simulator and real device builds need separate library builds.</p>
 <p><strong>Refactoring</strong></p>
 <p>The second question we had to answer was: should there be a single source code base for all platforms or several ones, one for each platform?</p>
 <p>While doing Android tutorial we used single source code base because it worked fine for desktop and Android. As we started to work through iOS tutorial, it became apparent that particular features may or may not work on some platforms. For example, one feature may work on desktop and iOS, but not Android. Another feature may work on iOS and Android, but not desktop. Since we didn’t want to pollute the code with #ifdefs, we started to put each platform combination into a separate file. The number of files grew rapidly. The files were reusable, but it became extremely hard to see the whole picture.</p>
 <p>At this point, we realized there’s the second question. We reminded ourselves that the main purpose of the sample source code is to teach how to do basic OpenSceneGraph things, not create a reusable library with API that is stable across several years.</p>
 <p>That’s when our home grown feature tool came into play. With its help, we separated the code into several parts, which in the end produce just two files for each platform:</p>
 <ol type="1">
 <li>functions.h - contains reusable classless functions</li>
 <li>main.h - contains the rest of the sample application code</li>
 </ol>
 <p>Their contents differ slightly for each platform, but it’s easy to see the whole picture now.</p>
 <p>That’s it for describing problems we faced during the creation of iOS tutorial in May 2017.</p>

                    </div>
                </div>
        </center>
    </body>
 </html>
--- a/en/news/its-all-fine.html
+++ b/en/news/its-all-fine.html
@@ -0,0 +1,136 @@
 <!DOCTYPE html>
 <html>
    <meta charset="utf-8">
    <head>
        <style>
            #header
            {
                background: #2BA6E3;
                padding: 0.7em;
                text-align: left;
            }
            
            #header a
            {
                color: white;
                text-decoration: none;
                padding: 0.5em 1em 0.5em 1em;
            }
            .news_item
            {
                background: #FFFFFF;
                width: 720px;
                padding: 1em;
                margin-top: 2em;
                margin-bottom: 2em;
                border: 1px solid #E0E0E0;
                text-align: left;
            }
            .news_item_contents
            {
                color: #444;
                line-height: 1.5em;
            }
            .news_item_date
            {
                margin-bottom: 2em;
                color: #aaa;
            }
            body
            {
                background: #FAFAFA;
            }
            code, pre
            {
                font-family: monospace, serif;
                font-size: 1em;
                color: #7f0a0c;
            }
            figure
            {
                margin: 0px;
                padding: 0px;
            }
            img
            {
                width: 720px;
            }
            html
            {
                font-family: sans-serif;
            }
            a
            {
                color: #3A91CB;
                text-decoration: none;
            }
            #lang
            {
                float: right;
            }
            figcaption
            {
                color: #aaa;
            }
            
            table
            {
                border-collapse: collapse;
            }
            
            table, th, td
            {
                border: 1px solid #aaa;
                padding: 0.5em;
                margin-top: 0.5em;
                margin-bottom: 0.5em;
            }
        </style>
    </head>
    <body>
        <center>
        <div id="header">
            <a href="../../en/news/index.html">News</a>
            <a href="../../en/page/games.html">Games</a>
            <a href="../../en/page/about.html">About</a>
            <div id="lang">
                <a href="its-all-fine.html">EN</a>
                <a href="../../ru/news/its-all-fine.html">RU</a>
            </div>
        </div>
        <h1>In the news</h1>
                <div class="news_item">
                    <h2 class="news_item_title">
                        <a href="its-all-fine.html">It's all fine</a>
                    </h2>
                    <p class="news_item_date">
                        2017-04-07 00:00
                    </p>
                    <div class="news_item_contents">
        <figure>
 <img src="../../images/2017-04_its-all-fine.png" alt="Flight of a rocket" /><figcaption>Flight of a rocket</figcaption>
 </figure>
 <p>This article describes creation of the first four OpenSceneGraph tutorials in March 2017.</p>
 <p>The <a href="https://github.com/OGStudio/openscenegraph-cross-platform-guide/">first four OpenSceneGraph tutorials</a> explain how to create a cube model with Blender and display the model under Linux, macOS, or Windows using OpenSceneGraph tool called osgviewer.</p>
 <p>The whole process of creating a single tutorial turned out to be pretty daunting because it includes several tasks:</p>
 <ol type="1">
 <li>Record original video depicting one or more steps</li>
 <li>Name the steps as clear as possible</li>
 <li>Select the parts of the video that display the step</li>
 <li>Remove the parts of the video that bare no value, e.g., waiting in the middle of compilation</li>
 <li>Select a single frame to best represent current step, e.g., typing a specific command</li>
 <li>Add a detailed description to article, why current step should have been taken</li>
 <li>Proof-read the article</li>
 <li>Correct typos and video timing</li>
 <li>Review the whole video</li>
 <li>Upload the video to YouTube with timestamps of steps for easier navigation</li>
 </ol>
 <p>Some of those tasks had to be repeated multiple times until the combination of video, text, and article was clear and logical.</p>
 <p>Overall, it took us 30 hours to create the tutorials. The whole process gave us a lot of experience, which will help us in shaping learning materials for our technologies in the future. We don’t know how they will look like exactly, but they will definitely be better.</p>
 <p>That’s it for describing creation of the first four OpenSceneGraph tutorials in March 2017.</p>

                    </div>
                </div>
        </center>
    </body>
 </html>
--- a/en/news/january-live-session-announcement.html
+++ b/en/news/january-live-session-announcement.html
@@ -0,0 +1,116 @@
 <!DOCTYPE html>
 <html>
    <meta charset="utf-8">
    <head>
        <style>
            #header
            {
                background: #2BA6E3;
                padding: 0.7em;
                text-align: left;
            }
            
            #header a
            {
                color: white;
                text-decoration: none;
                padding: 0.5em 1em 0.5em 1em;
            }
            .news_item
            {
                background: #FFFFFF;
                width: 720px;
                padding: 1em;
                margin-top: 2em;
                margin-bottom: 2em;
                border: 1px solid #E0E0E0;
                text-align: left;
            }
            .news_item_contents
            {
                color: #444;
                line-height: 1.5em;
            }
            .news_item_date
            {
                margin-bottom: 2em;
                color: #aaa;
            }
            body
            {
                background: #FAFAFA;
            }
            code, pre
            {
                font-family: monospace, serif;
                font-size: 1em;
                color: #7f0a0c;
            }
            figure
            {
                margin: 0px;
                padding: 0px;
            }
            img
            {
                width: 720px;
            }
            html
            {
                font-family: sans-serif;
            }
            a
            {
                color: #3A91CB;
                text-decoration: none;
            }
            #lang
            {
                float: right;
            }
            figcaption
            {
                color: #aaa;
            }
            
            table
            {
                border-collapse: collapse;
            }
            
            table, th, td
            {
                border: 1px solid #aaa;
                padding: 0.5em;
                margin-top: 0.5em;
                margin-bottom: 0.5em;
            }
        </style>
    </head>
    <body>
        <center>
        <div id="header">
            <a href="../../en/news/index.html">News</a>
            <a href="../../en/page/games.html">Games</a>
            <a href="../../en/page/about.html">About</a>
            <div id="lang">
                <a href="january-live-session-announcement.html">EN</a>
                <a href="../../ru/news/january-live-session-announcement.html">RU</a>
            </div>
        </div>
        <h1>In the news</h1>
                <div class="news_item">
                    <h2 class="news_item_title">
                        <a href="january-live-session-announcement.html">Game creation live session: 31 January 2016</a>
                    </h2>
                    <p class="news_item_date">
                        2016-01-25 00:00
                    </p>
                    <div class="news_item_contents">
        <p>We’re glad to annouce that the <a title="LiveCoding" href="https://www.livecoding.tv/kornerr">LiveCoding</a> session will take place on <a title="Local time" href="http://www.timeanddate.com/worldclock/fixedtime.html?msg=Open+Game+Studio%3A+Game+creation+live+session&iso=20160131T12&p1=37&ah=3">31 January 2016 at 12:00 CET</a>. Join us!</p>

                    </div>
                </div>
        </center>
    </body>
 </html>
--- a/en/news/january-live-session-decision.html
+++ b/en/news/january-live-session-decision.html
@@ -0,0 +1,117 @@
 <!DOCTYPE html>
 <html>
    <meta charset="utf-8">
    <head>
        <style>
            #header
            {
                background: #2BA6E3;
                padding: 0.7em;
                text-align: left;
            }
            
            #header a
            {
                color: white;
                text-decoration: none;
                padding: 0.5em 1em 0.5em 1em;
            }
            .news_item
            {
                background: #FFFFFF;
                width: 720px;
                padding: 1em;
                margin-top: 2em;
                margin-bottom: 2em;
                border: 1px solid #E0E0E0;
                text-align: left;
            }
            .news_item_contents
            {
                color: #444;
                line-height: 1.5em;
            }
            .news_item_date
            {
                margin-bottom: 2em;
                color: #aaa;
            }
            body
            {
                background: #FAFAFA;
            }
            code, pre
            {
                font-family: monospace, serif;
                font-size: 1em;
                color: #7f0a0c;
            }
            figure
            {
                margin: 0px;
                padding: 0px;
            }
            img
            {
                width: 720px;
            }
            html
            {
                font-family: sans-serif;
            }
            a
            {
                color: #3A91CB;
                text-decoration: none;
            }
            #lang
            {
                float: right;
            }
            figcaption
            {
                color: #aaa;
            }
            
            table
            {
                border-collapse: collapse;
            }
            
            table, th, td
            {
                border: 1px solid #aaa;
                padding: 0.5em;
                margin-top: 0.5em;
                margin-bottom: 0.5em;
            }
        </style>
    </head>
    <body>
        <center>
        <div id="header">
            <a href="../../en/news/index.html">News</a>
            <a href="../../en/page/games.html">Games</a>
            <a href="../../en/page/about.html">About</a>
            <div id="lang">
                <a href="january-live-session-decision.html">EN</a>
                <a href="../../ru/news/january-live-session-decision.html">RU</a>
            </div>
        </div>
        <h1>In the news</h1>
                <div class="news_item">
                    <h2 class="news_item_title">
                        <a href="january-live-session-decision.html">SOON: Creating a simple game live (Editor 0.8)</a>
                    </h2>
                    <p class="news_item_date">
                        2016-01-21 00:00
                    </p>
                    <div class="news_item_contents">
        <p>We are ready to present Editor 0.8 with Player. The live session will be held at <a title="LiveCoding" href="https://www.livecoding.tv/kornerr">LiveCoding</a> SOON. We will show you how to create a simple game with sounds from scratch. And this time it will not need an Editor to run.</p>
 <p>The exact date and time is to be announced in the coming days. Stay tuned!</p>

                    </div>
                </div>
        </center>
    </body>
 </html>
--- a/en/news/lets-go.html
+++ b/en/news/lets-go.html
@@ -0,0 +1,141 @@
 <!DOCTYPE html>
 <html>
    <meta charset="utf-8">
    <head>
        <style>
            #header
            {
                background: #2BA6E3;
                padding: 0.7em;
                text-align: left;
            }
            
            #header a
            {
                color: white;
                text-decoration: none;
                padding: 0.5em 1em 0.5em 1em;
            }
            .news_item
            {
                background: #FFFFFF;
                width: 720px;
                padding: 1em;
                margin-top: 2em;
                margin-bottom: 2em;
                border: 1px solid #E0E0E0;
                text-align: left;
            }
            .news_item_contents
            {
                color: #444;
                line-height: 1.5em;
            }
            .news_item_date
            {
                margin-bottom: 2em;
                color: #aaa;
            }
            body
            {
                background: #FAFAFA;
            }
            code, pre
            {
                font-family: monospace, serif;
                font-size: 1em;
                color: #7f0a0c;
            }
            figure
            {
                margin: 0px;
                padding: 0px;
            }
            img
            {
                width: 720px;
            }
            html
            {
                font-family: sans-serif;
            }
            a
            {
                color: #3A91CB;
                text-decoration: none;
            }
            #lang
            {
                float: right;
            }
            figcaption
            {
                color: #aaa;
            }
            
            table
            {
                border-collapse: collapse;
            }
            
            table, th, td
            {
                border: 1px solid #aaa;
                padding: 0.5em;
                margin-top: 0.5em;
                margin-bottom: 0.5em;
            }
        </style>
    </head>
    <body>
        <center>
        <div id="header">
            <a href="../../en/news/index.html">News</a>
            <a href="../../en/page/games.html">Games</a>
            <a href="../../en/page/about.html">About</a>
            <div id="lang">
                <a href="lets-go.html">EN</a>
                <a href="../../ru/news/lets-go.html">RU</a>
            </div>
        </div>
        <h1>In the news</h1>
                <div class="news_item">
                    <h2 class="news_item_title">
                        <a href="lets-go.html">Let's go</a>
                    </h2>
                    <p class="news_item_date">
                        2017-03-16 00:00
                    </p>
                    <div class="news_item_contents">
        <figure>
 <img src="../../images/2017-03_lets-go.png" alt="Gagarin’s words" /><figcaption>Gagarin’s words</figcaption>
 </figure>
 <p>In this article we describe our progress in January and February of 2017: rendering under iOS/Web and a new tutorial tool.</p>
 <p><strong>Rendering under iOS/Web</strong></p>
 <p>To our surprise, we got a simple red cube rendered under <a href="https://twitter.com/OpenGameStudio/status/826816343433498627">iOS</a> and <a href="https://twitter.com/OpenGameStudio/status/829731986264698881">Web</a> pretty fast: in early February. However, this is only the beginning of this year’s challenge to support Android, iOS, and Web platforms. There’s a long and bumpy road ahead of us as we need a lot more on each platform before we can claim a success: visual effects, Python scripting, data archives.</p>
 <p>Since it took us about four months to get to mobile and web platforms, we decided to share our knowledge and help OpenSceneGraph community with a guide that shows how to use OpenSceneGraph on desktop, mobile, and web. We believe the more widespread OpenSceneGraph is, the stronger our technology becomes. As Isaac Newton said, “If I have seen further, it is by standing on the shoulders of giants.” OpenSceneGraph is our giant.</p>
 <p><strong>Tutorial tool</strong></p>
 <p>Having conducted four live sessions before, it was clear the guide needs videos depicting every nuance. However, bare video alone is only good for showing what to do and not for explaining why do it in a certain way. That’s why we decided to combine video with text in the forms of video subtitles and separate articles.</p>
 <p>To combine text and video, we first tried <a href="http://openshotvideo.com">OpenShot</a>. It worked well, but we quickly saw its limitations:</p>
 <ul>
 <li>Too much time is spent on adjusting time frames and animations</li>
 <li>Project file and original resources are hard to track with VCS</li>
 </ul>
 <p>Since OpenSceneGraph cross-platform guide would consist of several tutorials, we decided to automate the process. Brief research revealed a great multimedia framework called <a href="http://mltframework.org">MLT</a>, which powers OpenShot itself. With MLT we got our tutorial tool in no time.</p>
 <p>Currently, the tutorial tool allows anyone to combine text and video using a simple text file like this:</p>
 <pre><code>background bg.png
 text 5 Let&#39;s install Blender
 video 0:6 install_blender.mp4
 text 5 Installing it with apt
 video 6:26 install_blender.mp4
 text 5 We&#39;re still installing it
 video 26:56 install_blender.mp4
 text 5 Congratulations! We just finished installing Blender</code></pre>
 <p>This is the actual script. See the final result <a href="https://github.com/ogstudio/tutorial-tool">here</a>.</p>
 <p>That’s it for describing our progress in January and February of 2017: rendering under iOS/Web and the new tutorial tool.</p>

                    </div>
                </div>
        </center>
    </body>
 </html>
--- a/en/news/livesession-editor-07.html
+++ b/en/news/livesession-editor-07.html
@@ -0,0 +1,116 @@
 <!DOCTYPE html>
 <html>
    <meta charset="utf-8">
    <head>
        <style>
            #header
            {
                background: #2BA6E3;
                padding: 0.7em;
                text-align: left;
            }
            
            #header a
            {
                color: white;
                text-decoration: none;
                padding: 0.5em 1em 0.5em 1em;
            }
            .news_item
            {
                background: #FFFFFF;
                width: 720px;
                padding: 1em;
                margin-top: 2em;
                margin-bottom: 2em;
                border: 1px solid #E0E0E0;
                text-align: left;
            }
            .news_item_contents
            {
                color: #444;
                line-height: 1.5em;
            }
            .news_item_date
            {
                margin-bottom: 2em;
                color: #aaa;
            }
            body
            {
                background: #FAFAFA;
            }
            code, pre
            {
                font-family: monospace, serif;
                font-size: 1em;
                color: #7f0a0c;
            }
            figure
            {
                margin: 0px;
                padding: 0px;
            }
            img
            {
                width: 720px;
            }
            html
            {
                font-family: sans-serif;
            }
            a
            {
                color: #3A91CB;
                text-decoration: none;
            }
            #lang
            {
                float: right;
            }
            figcaption
            {
                color: #aaa;
            }
            
            table
            {
                border-collapse: collapse;
            }
            
            table, th, td
            {
                border: 1px solid #aaa;
                padding: 0.5em;
                margin-top: 0.5em;
                margin-bottom: 0.5em;
            }
        </style>
    </head>
    <body>
        <center>
        <div id="header">
            <a href="../../en/news/index.html">News</a>
            <a href="../../en/page/games.html">Games</a>
            <a href="../../en/page/about.html">About</a>
            <div id="lang">
                <a href="livesession-editor-07.html">EN</a>
                <a href="../../ru/news/livesession-editor-07.html">RU</a>
            </div>
        </div>
        <h1>In the news</h1>
                <div class="news_item">
                    <h2 class="news_item_title">
                        <a href="livesession-editor-07.html">Creating a simple game live: 15 November 2015</a>
                    </h2>
                    <p class="news_item_date">
                        2015-11-09 00:00
                    </p>
                    <div class="news_item_contents">
        <p>We’re glad to annouce that the <a title="LiveCoding" href="https://www.livecoding.tv/kornerr">LiveCoding</a> session will take place on <a title="Local time" href="http://www.timeanddate.com/worldclock/fixedtime.html?msg=Whac-a-mole+game+from+scratch+live&amp;iso=20151115T12&amp;p1=37&amp;ah=3">15 November 2015 at 12:00 CET</a>. Join us!</p>

                    </div>
                </div>
        </center>
    </body>
 </html>
--- a/en/news/livesession-materials-editor-07.html
+++ b/en/news/livesession-materials-editor-07.html
@@ -0,0 +1,123 @@
 <!DOCTYPE html>
 <html>
    <meta charset="utf-8">
    <head>
        <style>
            #header
            {
                background: #2BA6E3;
                padding: 0.7em;
                text-align: left;
            }
            
            #header a
            {
                color: white;
                text-decoration: none;
                padding: 0.5em 1em 0.5em 1em;
            }
            .news_item
            {
                background: #FFFFFF;
                width: 720px;
                padding: 1em;
                margin-top: 2em;
                margin-bottom: 2em;
                border: 1px solid #E0E0E0;
                text-align: left;
            }
            .news_item_contents
            {
                color: #444;
                line-height: 1.5em;
            }
            .news_item_date
            {
                margin-bottom: 2em;
                color: #aaa;
            }
            body
            {
                background: #FAFAFA;
            }
            code, pre
            {
                font-family: monospace, serif;
                font-size: 1em;
                color: #7f0a0c;
            }
            figure
            {
                margin: 0px;
                padding: 0px;
            }
            img
            {
                width: 720px;
            }
            html
            {
                font-family: sans-serif;
            }
            a
            {
                color: #3A91CB;
                text-decoration: none;
            }
            #lang
            {
                float: right;
            }
            figcaption
            {
                color: #aaa;
            }
            
            table
            {
                border-collapse: collapse;
            }
            
            table, th, td
            {
                border: 1px solid #aaa;
                padding: 0.5em;
                margin-top: 0.5em;
                margin-bottom: 0.5em;
            }
        </style>
    </head>
    <body>
        <center>
        <div id="header">
            <a href="../../en/news/index.html">News</a>
            <a href="../../en/page/games.html">Games</a>
            <a href="../../en/page/about.html">About</a>
            <div id="lang">
                <a href="livesession-materials-editor-07.html">EN</a>
                <a href="../../ru/news/livesession-materials-editor-07.html">RU</a>
            </div>
        </div>
        <h1>In the news</h1>
                <div class="news_item">
                    <h2 class="news_item_title">
                        <a href="livesession-materials-editor-07.html">Live session video and downloads</a>
                    </h2>
                    <p class="news_item_date">
                        2015-11-15 00:00
                    </p>
                    <div class="news_item_contents">
        <p>If you missed the live session, you can watch it here: <a href="https://www.livecoding.tv/video/kornerr/playlists/whac-a-mole-from-scratch/">https://www.livecoding.tv/video/kornerr/playlists/whac-a-mole-from-scratch/</a></p>
 <p>You can download the resulting project here: <a href="https://github.com/OGStudio/liveSessionWhacAMole/archive/master.zip">https://github.com/OGStudio/liveSessionWhacAMole/archive/master.zip</a></p>
 <p>The latest editor can be found here: <a href="http://sourceforge.net/projects/osrpgcreation/files/Editor/jenkins/42_2015-11-13_08-16-46_0.7.4/">http://sourceforge.net/projects/osrpgcreation/files/Editor/jenkins/42_2015-11-13_08-16-46_0.7.4/</a></p>
 <p>Download the editor archive, unpack, delete the wam.ogs folder, copy wam.ogs from the live session archive to the editor folder.</p>
 <ul>
 <li>in Windows - run the <code>run.bat</code> file.</li>
 <li>in Linux and OSX - run the <code>run</code> file.</li>
 </ul>

                    </div>
                </div>
        </center>
    </body>
 </html>
--- a/en/news/mahjong-demo2.html
+++ b/en/news/mahjong-demo2.html
@@ -0,0 +1,135 @@
 <!DOCTYPE html>
 <html>
    <meta charset="utf-8">
    <head>
        <style>
            #header
            {
                background: #2BA6E3;
                padding: 0.7em;
                text-align: left;
            }
            
            #header a
            {
                color: white;
                text-decoration: none;
                padding: 0.5em 1em 0.5em 1em;
            }
            .news_item
            {
                background: #FFFFFF;
                width: 720px;
                padding: 1em;
                margin-top: 2em;
                margin-bottom: 2em;
                border: 1px solid #E0E0E0;
                text-align: left;
            }
            .news_item_contents
            {
                color: #444;
                line-height: 1.5em;
            }
            .news_item_date
            {
                margin-bottom: 2em;
                color: #aaa;
            }
            body
            {
                background: #FAFAFA;
            }
            code, pre
            {
                font-family: monospace, serif;
                font-size: 1em;
                color: #7f0a0c;
            }
            figure
            {
                margin: 0px;
                padding: 0px;
            }
            img
            {
                width: 720px;
            }
            html
            {
                font-family: sans-serif;
            }
            a
            {
                color: #3A91CB;
                text-decoration: none;
            }
            #lang
            {
                float: right;
            }
            figcaption
            {
                color: #aaa;
            }
            
            table
            {
                border-collapse: collapse;
            }
            
            table, th, td
            {
                border: 1px solid #aaa;
                padding: 0.5em;
                margin-top: 0.5em;
                margin-bottom: 0.5em;
            }
        </style>
    </head>
    <body>
        <center>
        <div id="header">
            <a href="../../en/news/index.html">News</a>
            <a href="../../en/page/games.html">Games</a>
            <a href="../../en/page/about.html">About</a>
            <div id="lang">
                <a href="mahjong-demo2.html">EN</a>
                <a href="../../ru/news/mahjong-demo2.html">RU</a>
            </div>
        </div>
        <h1>In the news</h1>
                <div class="news_item">
                    <h2 class="news_item_title">
                        <a href="mahjong-demo2.html">OGS Mahjong 2: Demo 2</a>
                    </h2>
                    <p class="news_item_date">
                        2018-10-02 00:00
                    </p>
                    <div class="news_item_contents">
        <figure>
 <img src="../../images/2018-10-02-mahjong-demo2.png" alt="Start of a Mahjong party" /><figcaption>Start of a Mahjong party</figcaption>
 </figure>
 <p>We are glad to announce the release of the second demonstration of OGS Mahjong 2. The purposes of this release were to refine our development techniques and build a solid cross-platform foundation.</p>
 <p><strong>Release</strong></p>
 <p>Run the latest version of OGS Mahjong 2 in your web browser: <a href="http://ogstudio.github.io/ogs-mahjong">http://ogstudio.github.io/ogs-mahjong</a></p>
 <p>You are encouraged to run the game with <code>seed</code> parameter like this: <a href="http://ogstudio.github.io/ogs-mahjong?seed=0">http://ogstudio.github.io/ogs-mahjong?seed=0</a></p>
 <p>This allows you to play the same layout each time you launch the game.</p>
 <p>Each seed uniquely identifies the placement of tiles. Thus, different seeds give you a different experience.</p>
 <p><strong>Development techniques and foundation</strong></p>
 <p>During the second demonstration development, we switched from standard development to <a href="example-driven-development.html">example-driven one</a>. This resulted in the creation of three distinct repositories to back the development of OGS Mahjong 2:</p>
 <ul>
 <li><a href="https://github.com/OGStudio/openscenegraph-cross-platform-examples">OpenSceneGraph cross-platform examples</a> repository provides cross-platform foundation like resource handling, render window setup, etc.</li>
 <li><a href="https://github.com/OGStudio/ogs-mahjong-components">OGS Mahjong components</a> repository provides Mahjong specific functionality like parsing layout, matching tiles, etc.</li>
 <li><a href="https://bitbucket.org/ogstudio-games/ogs-mahjong">OGS Mahjong</a> repository contains snapshots of <code>OGS Mahjong components</code> features that comprise specific game version. E.g., <code>Demo 2</code> version is almost identical to <a href="https://github.com/OGStudio/ogs-mahjong-components/tree/master/05.ColorfulStatus">05.ColorfulStatus</a> example of <code>OGS Mahjong components</code>.</li>
 </ul>
 <p><strong>Beyond Mahjong solitaire</strong></p>
 <p>In addition to <code>seed</code> parameter, you can let the game use remote layout hosted at GitHub: <a href="http://ogstudio.github.io/ogs-mahjong?seed=0&amp;layout=github://OGStudio/ogs-mahjong-components/data/cat.layout">http://ogstudio.github.io/ogs-mahjong?seed=0&amp;layout=github://OGStudio/ogs-mahjong-components/data/cat.layout</a></p>
 <p>Utilizing remote resources is an extremely powerful approach allowing anyone to create a layout of his/her choice and see the layout in action instantly.</p>
 <p>Our next step is to turn game logic into a resource, too.</p>

                    </div>
                </div>
        </center>
    </body>
 </html>
--- a/en/news/mahjong-recreation-start.html
+++ b/en/news/mahjong-recreation-start.html
@@ -0,0 +1,158 @@
 <!DOCTYPE html>
 <html>
    <meta charset="utf-8">
    <head>
        <style>
            #header
            {
                background: #2BA6E3;
                padding: 0.7em;
                text-align: left;
            }
            
            #header a
            {
                color: white;
                text-decoration: none;
                padding: 0.5em 1em 0.5em 1em;
            }
            .news_item
            {
                background: #FFFFFF;
                width: 720px;
                padding: 1em;
                margin-top: 2em;
                margin-bottom: 2em;
                border: 1px solid #E0E0E0;
                text-align: left;
            }
            .news_item_contents
            {
                color: #444;
                line-height: 1.5em;
            }
            .news_item_date
            {
                margin-bottom: 2em;
                color: #aaa;
            }
            body
            {
                background: #FAFAFA;
            }
            code, pre
            {
                font-family: monospace, serif;
                font-size: 1em;
                color: #7f0a0c;
            }
            figure
            {
                margin: 0px;
                padding: 0px;
            }
            img
            {
                width: 720px;
            }
            html
            {
                font-family: sans-serif;
            }
            a
            {
                color: #3A91CB;
                text-decoration: none;
            }
            #lang
            {
                float: right;
            }
            figcaption
            {
                color: #aaa;
            }
            
            table
            {
                border-collapse: collapse;
            }
            
            table, th, td
            {
                border: 1px solid #aaa;
                padding: 0.5em;
                margin-top: 0.5em;
                margin-bottom: 0.5em;
            }
        </style>
    </head>
    <body>
        <center>
        <div id="header">
            <a href="../../en/news/index.html">News</a>
            <a href="../../en/page/games.html">Games</a>
            <a href="../../en/page/about.html">About</a>
            <div id="lang">
                <a href="mahjong-recreation-start.html">EN</a>
                <a href="../../ru/news/mahjong-recreation-start.html">RU</a>
            </div>
        </div>
        <h1>In the news</h1>
                <div class="news_item">
                    <h2 class="news_item_title">
                        <a href="mahjong-recreation-start.html">Mahjong recreation start</a>
                    </h2>
                    <p class="news_item_date">
                        2018-01-26 00:00
                    </p>
                    <div class="news_item_contents">
        <figure>
 <img src="../../images/2018-01-26-mahjong-recreation-start.png" alt="Spherical tiles in a Mahjong layout" /><figcaption>Spherical tiles in a Mahjong layout</figcaption>
 </figure>
 <p>This article describes the start of Mahjong game recreation.</p>
 <p><strong>Plan</strong></p>
 <p>We started Mahjong recreation endeavour by composing a brief plan to get gameplay with minimal graphics:</p>
 <ul>
 <li>Load single layout</li>
 <li>Place tiles in layout positions</li>
 <li>Distinguish tiles</li>
 <li>Implement selection</li>
 <li>Implement matching</li>
 </ul>
 <p>Just like any other plan, this one looked fine at first sight. However, once you get down to work, new details start to come out. This plan was no exception. Below are a few problems that came out during development.</p>
 <p><strong>Problem №1: provide binary resources across supported platforms</strong></p>
 <p>Mahjong is going to be available on desktop, mobile, and web. Each of these platforms has its constraints on accessing external files:</p>
 <ul>
 <li>Desktop can access almost any file</li>
 <li>Android/iOS have limited access to file system</li>
 <li>Web does not have any file system at all</li>
 </ul>
 <p>To provide a unified way for accessing resources, we decided to include them into final executable. This decision led to the birth of <strong>mjin-resource</strong> and <strong>mahjong-data</strong> projects.</p>
 <p><a href="https://bitbucket.org/ogstudio/mjin-resource">mjin-resource</a>:</p>
 <ul>
 <li>converts binary files to C header files with the help of <strong>xxd</strong> utility</li>
 <li>generates MJIN project that contains generated headers to be compiled into static library</li>
 <li>provides C++ interface for accessing generated resources</li>
 </ul>
 <p><a href="https://bitbucket.org/ogstudio-games/mahjong-data">mahjong-data</a> is an example of such generated MJIN project that is referenced by <a href="https://bitbucket.org/ogstudio-games/ogs-mahjong">mahjong</a> project.</p>
 <p><strong>Problem №2: load PNG images across supported platforms</strong></p>
 <p>To load PNG, we use corresponding OpenSceneGraph plugin. We built it for desktop with no issues. Building for web (Emscripten) turned out to be more difficult: Emscripten provides its own version of <strong>libpng</strong>, which OpenSceneGraph build script can’t detect. We had to work around several OpenSceneGraph checks to successfully build the plugin for Emscripten.</p>
 <p>Building the plugin for Android and iOS is still waiting for us. Once we get PNG plugin working across supported platforms, we are going to publish a new tutorial for <a href="https://github.com/ogstudio/openscenegraph-cross-platform-guide">OpenSceneGraph cross-platform guide</a> to cover PNG image loading. We already got a <a href="https://github.com/OGStudio/openscenegraph-cross-platform-guide/issues/4">request to describe image loading</a>.</p>
 <p><strong>Development</strong></p>
 <p><a href="lets-go.html">As you know</a>, we published OpenSceneGraph cross-platform guide to make OpenSceneGraph community stronger. We value education, and we love to share our knowledge. That’s why we decided to develop Mahjong in small reproducible chunks uniquely identified by internal versions. These versions are available in <a href="https://bitbucket.org/ogstudio-games/ogs-mahjong">mahjong repository</a>.</p>
 <p>We also provide <a href="http://ogstudio.github.io/game-mahjong">version history and web releases of each internal version</a> for the following reasons:</p>
 <ul>
 <li>education: show how development looks like internally</li>
 <li>accessibility: provide older versions for comparison</li>
 </ul>
 <p><strong>Current Mahjong game status</strong></p>
 <p>As of the time of this writing, we have implemented tile selection. <a href="https://ogstudio.github.io/game-mahjong/versions/010/mjin-player.html">Try it in your browser!</a></p>
 <p>Once we finish tile matching implementation, we are going to publish the intermediate result for all supported platforms.</p>
 <p>That’s it for describing the start of Mahjong game recreation.</p>

                    </div>
                </div>
        </center>
    </body>
 </html>
--- a/en/news/mahjong-techdemo1-gameplay.html
+++ b/en/news/mahjong-techdemo1-gameplay.html
@@ -0,0 +1,135 @@
 <!DOCTYPE html>
 <html>
    <meta charset="utf-8">
    <head>
        <style>
            #header
            {
                background: #2BA6E3;
                padding: 0.7em;
                text-align: left;
            }
            
            #header a
            {
                color: white;
                text-decoration: none;
                padding: 0.5em 1em 0.5em 1em;
            }
            .news_item
            {
                background: #FFFFFF;
                width: 720px;
                padding: 1em;
                margin-top: 2em;
                margin-bottom: 2em;
                border: 1px solid #E0E0E0;
                text-align: left;
            }
            .news_item_contents
            {
                color: #444;
                line-height: 1.5em;
            }
            .news_item_date
            {
                margin-bottom: 2em;
                color: #aaa;
            }
            body
            {
                background: #FAFAFA;
            }
            code, pre
            {
                font-family: monospace, serif;
                font-size: 1em;
                color: #7f0a0c;
            }
            figure
            {
                margin: 0px;
                padding: 0px;
            }
            img
            {
                width: 720px;
            }
            html
            {
                font-family: sans-serif;
            }
            a
            {
                color: #3A91CB;
                text-decoration: none;
            }
            #lang
            {
                float: right;
            }
            figcaption
            {
                color: #aaa;
            }
            
            table
            {
                border-collapse: collapse;
            }
            
            table, th, td
            {
                border: 1px solid #aaa;
                padding: 0.5em;
                margin-top: 0.5em;
                margin-bottom: 0.5em;
            }
        </style>
    </head>
    <body>
        <center>
        <div id="header">
            <a href="../../en/news/index.html">News</a>
            <a href="../../en/page/games.html">Games</a>
            <a href="../../en/page/about.html">About</a>
            <div id="lang">
                <a href="mahjong-techdemo1-gameplay.html">EN</a>
                <a href="../../ru/news/mahjong-techdemo1-gameplay.html">RU</a>
            </div>
        </div>
        <h1>In the news</h1>
                <div class="news_item">
                    <h2 class="news_item_title">
                        <a href="mahjong-techdemo1-gameplay.html">First techdemo of OGS Mahjong 2: Gameplay</a>
                    </h2>
                    <p class="news_item_date">
                        2018-02-16 00:00
                    </p>
                    <div class="news_item_contents">
        <figure>
 <img src="../../images/2018-02-16-mahjong-techdemo1-gameplay.png" alt="End of a Mahjong party" /><figcaption>End of a Mahjong party</figcaption>
 </figure>
 <p>We are glad to announce the release of the first technical demonstration of OGS Mahjong 2. The purpose of this release was to verify gameplay across supported platforms.</p>
 <p>Get techdemo for your platform:</p>
 <ul>
 <li>Run <a href="https://ogstudio.github.io/game-mahjong/versions/013/mjin-player.html">Web version</a> in your browser</li>
 <li>Get <a href="https://drive.google.com/open?id=1KW8IEN8Dpz8ODeg8BctVSJyzj9-AL9hR">Android version</a></li>
 <li>Get <a href="https://drive.google.com/open?id=1oj0-OXSmEatttzn86u2vgP9SRAIC0ozB">Windows version</a></li>
 <li>Get <a href="https://drive.google.com/open?id=1EX7kLIThLiMz9_W7VmBPySms3mlrF-i6">Linux version</a></li>
 <li>Get <a href="https://drive.google.com/open?id=1KWnvbHzan8MpMcZPG2QC-7KWoEYbqrM2">macOS version</a></li>
 </ul>
 <p>Notes:</p>
 <ul>
 <li>iOS version is not released because it cannot be easily shared outside AppStore.</li>
 <li>Launch <code>run</code> script under Linux and macOS.</li>
 <li>Linux version is only available in 64-bit variant.</li>
 <li>macOS version should run on macOS Sierra or newer.</li>
 </ul>
 <p>That’s it for now, have a nice testing!</p>

                    </div>
                </div>
        </center>
    </body>
 </html>
--- a/en/news/may-live-session-announcement.html
+++ b/en/news/may-live-session-announcement.html
@@ -0,0 +1,116 @@
 <!DOCTYPE html>
 <html>
    <meta charset="utf-8">
    <head>
        <style>
            #header
            {
                background: #2BA6E3;
                padding: 0.7em;
                text-align: left;
            }
            
            #header a
            {
                color: white;
                text-decoration: none;
                padding: 0.5em 1em 0.5em 1em;
            }
            .news_item
            {
                background: #FFFFFF;
                width: 720px;
                padding: 1em;
                margin-top: 2em;
                margin-bottom: 2em;
                border: 1px solid #E0E0E0;
                text-align: left;
            }
            .news_item_contents
            {
                color: #444;
                line-height: 1.5em;
            }
            .news_item_date
            {
                margin-bottom: 2em;
                color: #aaa;
            }
            body
            {
                background: #FAFAFA;
            }
            code, pre
            {
                font-family: monospace, serif;
                font-size: 1em;
                color: #7f0a0c;
            }
            figure
            {
                margin: 0px;
                padding: 0px;
            }
            img
            {
                width: 720px;
            }
            html
            {
                font-family: sans-serif;
            }
            a
            {
                color: #3A91CB;
                text-decoration: none;
            }
            #lang
            {
                float: right;
            }
            figcaption
            {
                color: #aaa;
            }
            
            table
            {
                border-collapse: collapse;
            }
            
            table, th, td
            {
                border: 1px solid #aaa;
                padding: 0.5em;
                margin-top: 0.5em;
                margin-bottom: 0.5em;
            }
        </style>
    </head>
    <body>
        <center>
        <div id="header">
            <a href="../../en/news/index.html">News</a>
            <a href="../../en/page/games.html">Games</a>
            <a href="../../en/page/about.html">About</a>
            <div id="lang">
                <a href="may-live-session-announcement.html">EN</a>
                <a href="../../ru/news/may-live-session-announcement.html">RU</a>
            </div>
        </div>
        <h1>In the news</h1>
                <div class="news_item">
                    <h2 class="news_item_title">
                        <a href="may-live-session-announcement.html">Live session: 28 May 2016</a>
                    </h2>
                    <p class="news_item_date">
                        2016-05-17 00:00
                    </p>
                    <div class="news_item_contents">
        <p>We’re glad to annouce that the <a title="LiveCoding" href="https://www.livecoding.tv/kornerr">LiveCoding</a> session will take place on <a title="Local time" href="http://www.timeanddate.com/worldclock/fixedtime.html?msg=Open+Game+Studio+May+live+session&iso=20160528T12&p1=37&ah=3">28 May 2016 at 12:00 CEST</a>. Join us!</p>

                    </div>
                </div>
        </center>
    </body>
 </html>
--- a/en/news/may-live-session-decision.html
+++ b/en/news/may-live-session-decision.html
@@ -0,0 +1,118 @@
 <!DOCTYPE html>
 <html>
    <meta charset="utf-8">
    <head>
        <style>
            #header
            {
                background: #2BA6E3;
                padding: 0.7em;
                text-align: left;
            }
            
            #header a
            {
                color: white;
                text-decoration: none;
                padding: 0.5em 1em 0.5em 1em;
            }
            .news_item
            {
                background: #FFFFFF;
                width: 720px;
                padding: 1em;
                margin-top: 2em;
                margin-bottom: 2em;
                border: 1px solid #E0E0E0;
                text-align: left;
            }
            .news_item_contents
            {
                color: #444;
                line-height: 1.5em;
            }
            .news_item_date
            {
                margin-bottom: 2em;
                color: #aaa;
            }
            body
            {
                background: #FAFAFA;
            }
            code, pre
            {
                font-family: monospace, serif;
                font-size: 1em;
                color: #7f0a0c;
            }
            figure
            {
                margin: 0px;
                padding: 0px;
            }
            img
            {
                width: 720px;
            }
            html
            {
                font-family: sans-serif;
            }
            a
            {
                color: #3A91CB;
                text-decoration: none;
            }
            #lang
            {
                float: right;
            }
            figcaption
            {
                color: #aaa;
            }
            
            table
            {
                border-collapse: collapse;
            }
            
            table, th, td
            {
                border: 1px solid #aaa;
                padding: 0.5em;
                margin-top: 0.5em;
                margin-bottom: 0.5em;
            }
        </style>
    </head>
    <body>
        <center>
        <div id="header">
            <a href="../../en/news/index.html">News</a>
            <a href="../../en/page/games.html">Games</a>
            <a href="../../en/page/about.html">About</a>
            <div id="lang">
                <a href="may-live-session-decision.html">EN</a>
                <a href="../../ru/news/may-live-session-decision.html">RU</a>
            </div>
        </div>
        <h1>In the news</h1>
                <div class="news_item">
                    <h2 class="news_item_title">
                        <a href="may-live-session-decision.html">May live session (Editor 0.9)</a>
                    </h2>
                    <p class="news_item_date">
                        2016-04-24 00:00
                    </p>
                    <div class="news_item_contents">
        <p>As you know, the previously published roadmap assumed, that we would hold a live session in April and it would feature a ping-pong game created with Editor 0.9.</p>
 <p>We have to admit, our abilities to plan are not yet good enough. That’s why the next live session will take place by the end of May. The exact date will be announced later.</p>
 <p>Here’s a short preview of the coming game: <iframe width="560" height="315" src="https://www.youtube.com/embed/V3EvCVPc6kg" frameborder="0" allowfullscreen></iframe></p>

                    </div>
                </div>
        </center>
    </body>
 </html>
--- a/en/news/mjin-world-birth.html
+++ b/en/news/mjin-world-birth.html
@@ -0,0 +1,138 @@
 <!DOCTYPE html>
 <html>
    <meta charset="utf-8">
    <head>
        <style>
            #header
            {
                background: #2BA6E3;
                padding: 0.7em;
                text-align: left;
            }
            
            #header a
            {
                color: white;
                text-decoration: none;
                padding: 0.5em 1em 0.5em 1em;
            }
            .news_item
            {
                background: #FFFFFF;
                width: 720px;
                padding: 1em;
                margin-top: 2em;
                margin-bottom: 2em;
                border: 1px solid #E0E0E0;
                text-align: left;
            }
            .news_item_contents
            {
                color: #444;
                line-height: 1.5em;
            }
            .news_item_date
            {
                margin-bottom: 2em;
                color: #aaa;
            }
            body
            {
                background: #FAFAFA;
            }
            code, pre
            {
                font-family: monospace, serif;
                font-size: 1em;
                color: #7f0a0c;
            }
            figure
            {
                margin: 0px;
                padding: 0px;
            }
            img
            {
                width: 720px;
            }
            html
            {
                font-family: sans-serif;
            }
            a
            {
                color: #3A91CB;
                text-decoration: none;
            }
            #lang
            {
                float: right;
            }
            figcaption
            {
                color: #aaa;
            }
            
            table
            {
                border-collapse: collapse;
            }
            
            table, th, td
            {
                border: 1px solid #aaa;
                padding: 0.5em;
                margin-top: 0.5em;
                margin-bottom: 0.5em;
            }
        </style>
    </head>
    <body>
        <center>
        <div id="header">
            <a href="../../en/news/index.html">News</a>
            <a href="../../en/page/games.html">Games</a>
            <a href="../../en/page/about.html">About</a>
            <div id="lang">
                <a href="mjin-world-birth.html">EN</a>
                <a href="../../ru/news/mjin-world-birth.html">RU</a>
            </div>
        </div>
        <h1>In the news</h1>
                <div class="news_item">
                    <h2 class="news_item_title">
                        <a href="mjin-world-birth.html">The birth of MJIN world</a>
                    </h2>
                    <p class="news_item_date">
                        2017-09-10 00:00
                    </p>
                    <div class="news_item_contents">
        <figure>
 <img src="../../images/2017-09-mjin-world-birth.png" alt="An explosion giving birth to something new" /><figcaption>An explosion giving birth to something new</figcaption>
 </figure>
 <p>This article describes the birth of MJIN world in August 2017.</p>
 <p><strong>mjin-player</strong></p>
 <p>As you know, <a href="scripting-research.html">we spent July to research scripting</a>. We found a solution that satisfies the following criteria. Scripts should:</p>
 <ol type="1">
 <li>run unchanged on all supported platforms</li>
 <li>allow extending C++ code</li>
 </ol>
 <p>We have verified the second criterion by writing a sample application. The first criterion was taken for granted because it SHOULD be true.</p>
 <p>At the time, we saw two ways to verify the first criterion:</p>
 <ol type="1">
 <li>create one sample application for each platform to verify scripting only</li>
 <li>create a single cross-platform application, which can run any code</li>
 </ol>
 <p>We chose the second approach because it is more beneficial in the long run. As you might have guessed, <a href="https://bitbucket.org/ogstudio/mjin-player">mjin-player</a> is that application.</p>
 <p>mjin-player serves as a base for the rest of MJIN projects to make them run on all supported platforms. However, there’s no magic trick to hide the projects from the platform, and there was no such intention. Instead, mjin-player provides a consistent set of rules how other MJIN projects should be structured to be able to run on all supported platforms.</p>
 <p><strong>mjin-application</strong></p>
 <p>This set of rules for MJIN projects is packaged into <a href="https://bitbucket.org/ogstudio/mjin-application">mjin-application</a>. mjin-application is a library that provides basic functionality every MJIN project would need and nothing more. For instance, mjin-application does not and will not contain scripting or any other specific functionality.</p>
 <p><strong>MJIN world</strong></p>
 <p>So what is <a href="https://bitbucket.org/ogstudio/mjin">MJIN world</a>? It’s a set of projects that constitute our game development tools. mjin-player and mjin-application are the first bricks of the newly born MJIN world. A lot more to come. Stay tuned for the brighter MJIN future.</p>
 <p>That’s it for describing the birth of MJIN world in August 2017.</p>

                    </div>
                </div>
        </center>
    </body>
 </html>
--- a/en/news/ogs-editor-0.10.html
+++ b/en/news/ogs-editor-0.10.html
@@ -0,0 +1,125 @@
 <!DOCTYPE html>
 <html>
    <meta charset="utf-8">
    <head>
        <style>
            #header
            {
                background: #2BA6E3;
                padding: 0.7em;
                text-align: left;
            }
            
            #header a
            {
                color: white;
                text-decoration: none;
                padding: 0.5em 1em 0.5em 1em;
            }
            .news_item
            {
                background: #FFFFFF;
                width: 720px;
                padding: 1em;
                margin-top: 2em;
                margin-bottom: 2em;
                border: 1px solid #E0E0E0;
                text-align: left;
            }
            .news_item_contents
            {
                color: #444;
                line-height: 1.5em;
            }
            .news_item_date
            {
                margin-bottom: 2em;
                color: #aaa;
            }
            body
            {
                background: #FAFAFA;
            }
            code, pre
            {
                font-family: monospace, serif;
                font-size: 1em;
                color: #7f0a0c;
            }
            figure
            {
                margin: 0px;
                padding: 0px;
            }
            img
            {
                width: 720px;
            }
            html
            {
                font-family: sans-serif;
            }
            a
            {
                color: #3A91CB;
                text-decoration: none;
            }
            #lang
            {
                float: right;
            }
            figcaption
            {
                color: #aaa;
            }
            
            table
            {
                border-collapse: collapse;
            }
            
            table, th, td
            {
                border: 1px solid #aaa;
                padding: 0.5em;
                margin-top: 0.5em;
                margin-bottom: 0.5em;
            }
        </style>
    </head>
    <body>
        <center>
        <div id="header">
            <a href="../../en/news/index.html">News</a>
            <a href="../../en/page/games.html">Games</a>
            <a href="../../en/page/about.html">About</a>
            <div id="lang">
                <a href="ogs-editor-0.10.html">EN</a>
                <a href="../../ru/news/ogs-editor-0.10.html">RU</a>
            </div>
        </div>
        <h1>In the news</h1>
                <div class="news_item">
                    <h2 class="news_item_title">
                        <a href="ogs-editor-0.10.html">OGS Editor 0.10 and live session materials</a>
                    </h2>
                    <p class="news_item_date">
                        2016-10-03 00:00
                    </p>
                    <div class="news_item_contents">
        <figure>
 <img src="../../images/2016-10-03_ogs-editor-0.10.png" alt="OGS Editor with Mahjong game" /><figcaption>OGS Editor with Mahjong game</figcaption>
 </figure>
 <p>Note: we won’t release 0.10 for macOS due to technical difficulties with the build system. macOS support will be back for 0.11.</p>
 <ul>
 <li><strong>OGS Editor 0.10</strong> <a href="https://sourceforge.net/projects/osrpgcreation/files/Editor/jenkins/51_2016-10-01_06-39-48_0.10.0/">is available at SourceForge</a>. Simply unpack the archive and launch the run script.</li>
 <li><strong>Mahjong Solitaire game</strong> <a href="https://sourceforge.net/projects/osrpgcreation/files/Games/MahjongSolitaire/">is available at SourceForge</a>, too. Simply unpack the archive and launch the run script.</li>
 <li><strong>Live session project</strong> <a href="https://github.com/OGStudio/mahjong-solitaire-livesession">is available at GitHub</a>.</li>
 <li><strong>Live session recording</strong> <a href="https://youtu.be/g8Tyj_YH2Qc?list=PLWMTZqE4MAMJzBnXS9qU_ObWnzJuskI3F">is available at YouTube</a>. The video depicts the whole process of creating Mahjong Solitaire from scratch.</li>
 </ul>

                    </div>
                </div>
        </center>
    </body>
 </html>
--- a/en/news/ogs-editor-0.9.html
+++ b/en/news/ogs-editor-0.9.html
@@ -0,0 +1,124 @@
 <!DOCTYPE html>
 <html>
    <meta charset="utf-8">
    <head>
        <style>
            #header
            {
                background: #2BA6E3;
                padding: 0.7em;
                text-align: left;
            }
            
            #header a
            {
                color: white;
                text-decoration: none;
                padding: 0.5em 1em 0.5em 1em;
            }
            .news_item
            {
                background: #FFFFFF;
                width: 720px;
                padding: 1em;
                margin-top: 2em;
                margin-bottom: 2em;
                border: 1px solid #E0E0E0;
                text-align: left;
            }
            .news_item_contents
            {
                color: #444;
                line-height: 1.5em;
            }
            .news_item_date
            {
                margin-bottom: 2em;
                color: #aaa;
            }
            body
            {
                background: #FAFAFA;
            }
            code, pre
            {
                font-family: monospace, serif;
                font-size: 1em;
                color: #7f0a0c;
            }
            figure
            {
                margin: 0px;
                padding: 0px;
            }
            img
            {
                width: 720px;
            }
            html
            {
                font-family: sans-serif;
            }
            a
            {
                color: #3A91CB;
                text-decoration: none;
            }
            #lang
            {
                float: right;
            }
            figcaption
            {
                color: #aaa;
            }
            
            table
            {
                border-collapse: collapse;
            }
            
            table, th, td
            {
                border: 1px solid #aaa;
                padding: 0.5em;
                margin-top: 0.5em;
                margin-bottom: 0.5em;
            }
        </style>
    </head>
    <body>
        <center>
        <div id="header">
            <a href="../../en/news/index.html">News</a>
            <a href="../../en/page/games.html">Games</a>
            <a href="../../en/page/about.html">About</a>
            <div id="lang">
                <a href="ogs-editor-0.9.html">EN</a>
                <a href="../../ru/news/ogs-editor-0.9.html">RU</a>
            </div>
        </div>
        <h1>In the news</h1>
                <div class="news_item">
                    <h2 class="news_item_title">
                        <a href="ogs-editor-0.9.html">May 2016 live session materials</a>
                    </h2>
                    <p class="news_item_date">
                        2016-05-29 00:00
                    </p>
                    <div class="news_item_contents">
        <iframe width="560" height="315" src="https://www.youtube.com/embed/8gHYOkMRoos?list=PLWMTZqE4MAMKp3wP1N63xbdhdgfKi-d-J" frameborder="0" allowfullscreen>
 </iframe>
 <p>This time we have shown how to create a simple Domino based game. Below you can find all materials related to the game creation.</p>
 <ol type="1">
 <li>Editor 0.9 for Linux (Debian based), OS X (10.9+), Windows <a title="SourceForge" href="https://sourceforge.net/projects/osrpgcreation/files/Editor/jenkins/49_2016-05-24_04-48-47_0.9.0/">is available at SourceForge</a>. Simply unpack it and launch the run script.</li>
 <li>Domino project created during live session <a title="GitHub" href="https://github.com/OGStudio/domino-livesession">is available at GitHub</a>.</li>
 <li>Domino rehearsal videos referenced during live session <a title="YouTube" href="https://www.youtube.com/playlist?list=PLWMTZqE4MAMKp3wP1N63xbdhdgfKi-d-J">are available at YouTube</a></li>
 </ol>
 <p>The next live session will be held in September 2016.</p>

                    </div>
                </div>
        </center>
    </body>
 </html>
--- a/en/news/once-mahjong-always-mahjong.html
+++ b/en/news/once-mahjong-always-mahjong.html
@@ -0,0 +1,120 @@
 <!DOCTYPE html>
 <html>
    <meta charset="utf-8">
    <head>
        <style>
            #header
            {
                background: #2BA6E3;
                padding: 0.7em;
                text-align: left;
            }
            
            #header a
            {
                color: white;
                text-decoration: none;
                padding: 0.5em 1em 0.5em 1em;
            }
            .news_item
            {
                background: #FFFFFF;
                width: 720px;
                padding: 1em;
                margin-top: 2em;
                margin-bottom: 2em;
                border: 1px solid #E0E0E0;
                text-align: left;
            }
            .news_item_contents
            {
                color: #444;
                line-height: 1.5em;
            }
            .news_item_date
            {
                margin-bottom: 2em;
                color: #aaa;
            }
            body
            {
                background: #FAFAFA;
            }
            code, pre
            {
                font-family: monospace, serif;
                font-size: 1em;
                color: #7f0a0c;
            }
            figure
            {
                margin: 0px;
                padding: 0px;
            }
            img
            {
                width: 720px;
            }
            html
            {
                font-family: sans-serif;
            }
            a
            {
                color: #3A91CB;
                text-decoration: none;
            }
            #lang
            {
                float: right;
            }
            figcaption
            {
                color: #aaa;
            }
            
            table
            {
                border-collapse: collapse;
            }
            
            table, th, td
            {
                border: 1px solid #aaa;
                padding: 0.5em;
                margin-top: 0.5em;
                margin-bottom: 0.5em;
            }
        </style>
    </head>
    <body>
        <center>
        <div id="header">
            <a href="../../en/news/index.html">News</a>
            <a href="../../en/page/games.html">Games</a>
            <a href="../../en/page/about.html">About</a>
            <div id="lang">
                <a href="once-mahjong-always-mahjong.html">EN</a>
                <a href="../../ru/news/once-mahjong-always-mahjong.html">RU</a>
            </div>
        </div>
        <h1>In the news</h1>
                <div class="news_item">
                    <h2 class="news_item_title">
                        <a href="once-mahjong-always-mahjong.html">Once Mahjong – always Mahjong</a>
                    </h2>
                    <p class="news_item_date">
                        2016-08-10 00:00
                    </p>
                    <div class="news_item_contents">
        <p>We started Opensource Game Studio project a long time ago. We wanted to provide open source community with tools to create games. However, it was unclear what tools’ purpose was. So we decided to start small: create a game first.</p>
 <p>It took us 3 years to reach the first goal: we released OGS Mahjong 1.0 in 2012. Even for a hobby project (we spend about 40 hours a month) it’s too long.</p>
 <p>Upon the game release we got it: <strong>Tools are means to save development time</strong>.</p>
 <p>We spent 4 more years to develop them. Now is the time to prove they are worth every single day spent. How? We will <strong>recreate Mahjong solitaire mode</strong> in just a few hours!</p>
 <p>Join our next live session in September.</p>

                    </div>
                </div>
        </center>
    </body>
 </html>
--- a/en/news/openscenegraph-cross-platform-guide.html
+++ b/en/news/openscenegraph-cross-platform-guide.html
@@ -0,0 +1,135 @@
 <!DOCTYPE html>
 <html>
    <meta charset="utf-8">
    <head>
        <style>
            #header
            {
                background: #2BA6E3;
                padding: 0.7em;
                text-align: left;
            }
            
            #header a
            {
                color: white;
                text-decoration: none;
                padding: 0.5em 1em 0.5em 1em;
            }
            .news_item
            {
                background: #FFFFFF;
                width: 720px;
                padding: 1em;
                margin-top: 2em;
                margin-bottom: 2em;
                border: 1px solid #E0E0E0;
                text-align: left;
            }
            .news_item_contents
            {
                color: #444;
                line-height: 1.5em;
            }
            .news_item_date
            {
                margin-bottom: 2em;
                color: #aaa;
            }
            body
            {
                background: #FAFAFA;
            }
            code, pre
            {
                font-family: monospace, serif;
                font-size: 1em;
                color: #7f0a0c;
            }
            figure
            {
                margin: 0px;
                padding: 0px;
            }
            img
            {
                width: 720px;
            }
            html
            {
                font-family: sans-serif;
            }
            a
            {
                color: #3A91CB;
                text-decoration: none;
            }
            #lang
            {
                float: right;
            }
            figcaption
            {
                color: #aaa;
            }
            
            table
            {
                border-collapse: collapse;
            }
            
            table, th, td
            {
                border: 1px solid #aaa;
                padding: 0.5em;
                margin-top: 0.5em;
                margin-bottom: 0.5em;
            }
        </style>
    </head>
    <body>
        <center>
        <div id="header">
            <a href="../../en/news/index.html">News</a>
            <a href="../../en/page/games.html">Games</a>
            <a href="../../en/page/about.html">About</a>
            <div id="lang">
                <a href="openscenegraph-cross-platform-guide.html">EN</a>
                <a href="../../ru/news/openscenegraph-cross-platform-guide.html">RU</a>
            </div>
        </div>
        <h1>In the news</h1>
                <div class="news_item">
                    <h2 class="news_item_title">
                        <a href="openscenegraph-cross-platform-guide.html">OpenSceneGraph cross-platform guide</a>
                    </h2>
                    <p class="news_item_date">
                        2017-07-17 00:00
                    </p>
                    <div class="news_item_contents">
        <figure>
 <img src="../../images/2017-07-openscenegraph-guide.png" alt="OpenSceneGraph sample application in desktop and mobile" /><figcaption>OpenSceneGraph sample application in desktop and mobile</figcaption>
 </figure>
 <p>This article summarizes the work we did to produce OpenSceneGraph cross-platform guide.</p>
 <p>June marked the finish of <a href="https://github.com/OGStudio/openscenegraph-cross-platform-guide">OpenSceneGraph cross-platform guide</a> with the publishing of the last (initially planned) tutorial. The tutorial describes <a href="https://github.com/OGStudio/openscenegraph-cross-platform-guide/tree/master/1.10.SampleWeb">how to build and run sample OpenSceneGraph application in Web</a> using Emscripten. In case you missed it, here’s a <a href="https://ogstudio.github.io/openscenegraph-cross-platform-guide/">link to the final application</a>. Open it in your web browser.</p>
 <p>We started to compose the guide in February when we successfully managed to render a simple model on mobile and web. We spent 120 hours in five months to produce ten tutorials of the guide.</p>
 <p>We have been doing OpenSceneGraph cross-platform guide for two main reasons:</p>
 <ol type="1">
 <li>Keep OpenSceneGraph cross-platform knowledge in easily accessible and reproducible form</li>
 <li>Share the knowledge with OpenSceneGraph community to make it stronger</li>
 </ol>
 <p>We believe we succeeded in both. Here’s why:</p>
 <ol type="1">
 <li>The guide repository has more <a href="https://github.com/OGStudio/openscenegraph-cross-platform-guide/stargazers">stars</a> (aka “likes”) than any other repository of ours</li>
 <li>OpenSceneGraph project leader Robert Osfield said <a href="http://www.mail-archive.com/osg-users@lists.openscenegraph.org/msg74815.html">“Great work”</a>, which means a lot</li>
 <li>The guide already has <a href="https://github.com/OGStudio/openscenegraph-cross-platform-guide/issues">two issues</a></li>
 </ol>
 <p>Reaching our goal of researching OpenSceneGraph cross-platform development and providing the knowledge back to the community just made us happier.</p>
 <p>However, our journey does not stop here. Using the knowledge of the guide, we now continue to work on bringing our tools to support mobile and web, just as we <a href="the-year-of-challenges.html">promised in January</a>.</p>
 <p>That’s it for summarizing the work we did to produce OpenSceneGraph cross-platform guide.</p>

                    </div>
                </div>
        </center>
    </body>
 </html>
--- a/en/news/openscenegraph-examples.html
+++ b/en/news/openscenegraph-examples.html
@@ -0,0 +1,134 @@
 <!DOCTYPE html>
 <html>
    <meta charset="utf-8">
    <head>
        <style>
            #header
            {
                background: #2BA6E3;
                padding: 0.7em;
                text-align: left;
            }
            
            #header a
            {
                color: white;
                text-decoration: none;
                padding: 0.5em 1em 0.5em 1em;
            }
            .news_item
            {
                background: #FFFFFF;
                width: 720px;
                padding: 1em;
                margin-top: 2em;
                margin-bottom: 2em;
                border: 1px solid #E0E0E0;
                text-align: left;
            }
            .news_item_contents
            {
                color: #444;
                line-height: 1.5em;
            }
            .news_item_date
            {
                margin-bottom: 2em;
                color: #aaa;
            }
            body
            {
                background: #FAFAFA;
            }
            code, pre
            {
                font-family: monospace, serif;
                font-size: 1em;
                color: #7f0a0c;
            }
            figure
            {
                margin: 0px;
                padding: 0px;
            }
            img
            {
                width: 720px;
            }
            html
            {
                font-family: sans-serif;
            }
            a
            {
                color: #3A91CB;
                text-decoration: none;
            }
            #lang
            {
                float: right;
            }
            figcaption
            {
                color: #aaa;
            }
            
            table
            {
                border-collapse: collapse;
            }
            
            table, th, td
            {
                border: 1px solid #aaa;
                padding: 0.5em;
                margin-top: 0.5em;
                margin-bottom: 0.5em;
            }
        </style>
    </head>
    <body>
        <center>
        <div id="header">
            <a href="../../en/news/index.html">News</a>
            <a href="../../en/page/games.html">Games</a>
            <a href="../../en/page/about.html">About</a>
            <div id="lang">
                <a href="openscenegraph-examples.html">EN</a>
                <a href="../../ru/news/openscenegraph-examples.html">RU</a>
            </div>
        </div>
        <h1>In the news</h1>
                <div class="news_item">
                    <h2 class="news_item_title">
                        <a href="openscenegraph-examples.html">OpenSceneGraph cross-platform examples</a>
                    </h2>
                    <p class="news_item_date">
                        2018-04-20 00:00
                    </p>
                    <div class="news_item_contents">
        <figure>
 <img src="../../images/2018-04-20-openscenegraph-examples.png" alt="iOS Simulator renders a cube" /><figcaption>iOS Simulator renders a cube</figcaption>
 </figure>
 <p>This article summarizes the work we did to produce the first two cross-platform OpenSceneGraph examples.</p>
 <p>By the time <a href="mahjong-techdemo1-gameplay.html">the first technology demonstration of OGS Mahjong 2</a> has been released, we’ve already had <a href="https://github.com/OGStudio/openscenegraph-cross-platform-guide/issues/4">issue request</a> (to explain how to load images with OpenSceneGraph on Android) hanging for some time. We considered creating a new tutorial for <a href="https://github.com/OGStudio/openscenegraph-cross-platform-guide">OpenSceneGraph cross-platform guide</a> at first. However, we realized that it’s time-consuming and excessive for such a tiny topic (compared to what an average game has) as image loading. We decided to continue sharing our knowledge in the form of concrete examples. That’s how <a href="https://github.com/OGStudio/openscenegraph-cross-platform-examples">OpenSceneGraph cross-platform examples</a> were born.</p>
 <p>Each example:</p>
 <ul>
 <li>explains crucial code necessary to perform a specific task</li>
 <li>accents platform-specific nuances</li>
 <li>provides implementations to cover desktop, mobile, and web platforms</li>
 <li>provides a web build to showcase results</li>
 </ul>
 <p>The first two examples cover the following topics:</p>
 <ul>
 <li>Embed resource into executable: this greatly simplifies resource handling across platforms</li>
 <li>Use PNG images with PNG plugins: this explains the requirements necessary to build and use PNG plugins</li>
 </ul>
 <p>We will be adding new examples as we proceed with OGS Mahjong 2 development.</p>
 <p>That’s it for summarizing the work we did to produce the first two cross-platform OpenSceneGraph examples.</p>

                    </div>
                </div>
        </center>
    </body>
 </html>
--- a/en/news/osg-sample.html
+++ b/en/news/osg-sample.html
@@ -0,0 +1,152 @@
 <!DOCTYPE html>
 <html>
    <meta charset="utf-8">
    <head>
        <style>
            #header
            {
                background: #2BA6E3;
                padding: 0.7em;
                text-align: left;
            }
            
            #header a
            {
                color: white;
                text-decoration: none;
                padding: 0.5em 1em 0.5em 1em;
            }
            .news_item
            {
                background: #FFFFFF;
                width: 720px;
                padding: 1em;
                margin-top: 2em;
                margin-bottom: 2em;
                border: 1px solid #E0E0E0;
                text-align: left;
            }
            .news_item_contents
            {
                color: #444;
                line-height: 1.5em;
            }
            .news_item_date
            {
                margin-bottom: 2em;
                color: #aaa;
            }
            body
            {
                background: #FAFAFA;
            }
            code, pre
            {
                font-family: monospace, serif;
                font-size: 1em;
                color: #7f0a0c;
            }
            figure
            {
                margin: 0px;
                padding: 0px;
            }
            img
            {
                width: 720px;
            }
            html
            {
                font-family: sans-serif;
            }
            a
            {
                color: #3A91CB;
                text-decoration: none;
            }
            #lang
            {
                float: right;
            }
            figcaption
            {
                color: #aaa;
            }
            
            table
            {
                border-collapse: collapse;
            }
            
            table, th, td
            {
                border: 1px solid #aaa;
                padding: 0.5em;
                margin-top: 0.5em;
                margin-bottom: 0.5em;
            }
        </style>
    </head>
    <body>
        <center>
        <div id="header">
            <a href="../../en/news/index.html">News</a>
            <a href="../../en/page/games.html">Games</a>
            <a href="../../en/page/about.html">About</a>
            <div id="lang">
                <a href="osg-sample.html">EN</a>
                <a href="../../ru/news/osg-sample.html">RU</a>
            </div>
        </div>
        <h1>In the news</h1>
                <div class="news_item">
                    <h2 class="news_item_title">
                        <a href="osg-sample.html">OpenSceneGraph sample</a>
                    </h2>
                    <p class="news_item_date">
                        2017-05-12 00:00
                    </p>
                    <div class="news_item_contents">
        <figure>
 <img src="../../images/2017-05_osg-sample.png" alt="Rocket in the distance" /><figcaption>Rocket in the distance</figcaption>
 </figure>
 <p>This article describes creation of the tutorials for building sample OpenSceneGraph application under Linux, macOS, Windows, and Android in April 2017.</p>
 <p>Previous tutorials described how to install OpenSceneGraph under Linux, macOS, Windows and render a model using the standard <strong>osgviewer</strong> tool. This time we worked on a <a href="https://github.com/OGStudio/openscenegraph-cross-platform-guide-application">sample OpenSceneGraph application</a> that would run under Linux, macOS, Windows, and Android.</p>
 <p>The application is very basic and has the following features:</p>
 <ol type="1">
 <li>Render window creation</li>
 <li>Model loading</li>
 <li>Model rendering with simple GLSL shaders</li>
 <li>Model motion with a mouse under Linux, macOS, Windows and a finger under Android</li>
 </ol>
 <p>Creating the tutorials for Linux, macOS, Windows was so easy and straightforward, that it only took us half a month. We spent the second half of the month creating Android tutorial.</p>
 <p>Our <a href="2016-october-recap.html">first successful Android build</a> last year included hacks and non-obvious steps to make OpenSceneGraph run under Android. This time we wanted a cleaner, faster, and cheaper approach.</p>
 <p>The approach we ended up with requires just a few files and a few changes to the original Android Studio project (with C++ support) to make sample OpenSceneGraph application run under Android.</p>
 <p>Here’s a quick rundown of the files:</p>
 <ol type="1">
 <li>GLES2 surface</li>
 <li>Render activity to render to the surface</li>
 <li>Native library Java interface</li>
 <li>Native library C++ implementation</li>
 <li>CMake file to build native library</li>
 <li>Render activity layout</li>
 <li>Model to display</li>
 </ol>
 <p>Here’s a quick rundown of the project changes:</p>
 <ol type="1">
 <li>Update Android manifest to use GLES2 and render activity</li>
 <li>Reference native library’s CMake file in the project’s CMake file</li>
 </ol>
 <p>OpenSceneGraph documentation suggests building OpenSceneGraph outside Android Studio with CMake. However, this approach has the following limitations:</p>
 <ol type="1">
 <li>You have to build OpenSceneGraph for each target architecture</li>
 <li>You have to manually copy/reference built OpenSceneGraph libraries into Android Studio project</li>
 </ol>
 <p>Our approach includes building OpenSceneGraph for those target architectures that Android Studio project is built for. Also, OpenSceneGraph is already referenced, so no extra work is required: you just need to rebuild the project, and you’re done.</p>
 <p>That’s it for describing the creation of the tutorials for building sample OpenSceneGraph application under Linux, macOS, Windows, and Android in April 2017.</p>

                    </div>
                </div>
        </center>
    </body>
 </html>
--- a/en/news/rolling-ball-live-session-pt2.html
+++ b/en/news/rolling-ball-live-session-pt2.html
@@ -0,0 +1,117 @@
 <!DOCTYPE html>
 <html>
    <meta charset="utf-8">
    <head>
        <style>
            #header
            {
                background: #2BA6E3;
                padding: 0.7em;
                text-align: left;
            }
            
            #header a
            {
                color: white;
                text-decoration: none;
                padding: 0.5em 1em 0.5em 1em;
            }
            .news_item
            {
                background: #FFFFFF;
                width: 720px;
                padding: 1em;
                margin-top: 2em;
                margin-bottom: 2em;
                border: 1px solid #E0E0E0;
                text-align: left;
            }
            .news_item_contents
            {
                color: #444;
                line-height: 1.5em;
            }
            .news_item_date
            {
                margin-bottom: 2em;
                color: #aaa;
            }
            body
            {
                background: #FAFAFA;
            }
            code, pre
            {
                font-family: monospace, serif;
                font-size: 1em;
                color: #7f0a0c;
            }
            figure
            {
                margin: 0px;
                padding: 0px;
            }
            img
            {
                width: 720px;
            }
            html
            {
                font-family: sans-serif;
            }
            a
            {
                color: #3A91CB;
                text-decoration: none;
            }
            #lang
            {
                float: right;
            }
            figcaption
            {
                color: #aaa;
            }
            
            table
            {
                border-collapse: collapse;
            }
            
            table, th, td
            {
                border: 1px solid #aaa;
                padding: 0.5em;
                margin-top: 0.5em;
                margin-bottom: 0.5em;
            }
        </style>
    </head>
    <body>
        <center>
        <div id="header">
            <a href="../../en/news/index.html">News</a>
            <a href="../../en/page/games.html">Games</a>
            <a href="../../en/page/about.html">About</a>
            <div id="lang">
                <a href="rolling-ball-live-session-pt2.html">EN</a>
                <a href="../../ru/news/rolling-ball-live-session-pt2.html">RU</a>
            </div>
        </div>
        <h1>In the news</h1>
                <div class="news_item">
                    <h2 class="news_item_title">
                        <a href="rolling-ball-live-session-pt2.html">Game creation live session (part 2): 7 February 2016</a>
                    </h2>
                    <p class="news_item_date">
                        2016-02-02 00:00
                    </p>
                    <div class="news_item_contents">
        <p>Unfortunately, we have failed to finish creation of the simple “Rolling ball” game in 3 hours. That’s why we will hold the second <a title="LiveCoding" href="https://www.livecoding.tv/kornerr">LiveCoding</a> session on <a title="Local time" href="http://www.timeanddate.com/worldclock/fixedtime.html?msg=Open+Game+Studio%3A+Game+creation+live+session%2C+part+2&iso=20160207T12&p1=37&ah=3">7 February 2016 at 12:00 CET</a>.</p>
 <p>Let’s finish the game!</p>

                    </div>
                </div>
        </center>
    </body>
 </html>
--- a/en/news/rolling-ball.html
+++ b/en/news/rolling-ball.html
@@ -0,0 +1,130 @@
 <!DOCTYPE html>
 <html>
    <meta charset="utf-8">
    <head>
        <style>
            #header
            {
                background: #2BA6E3;
                padding: 0.7em;
                text-align: left;
            }
            
            #header a
            {
                color: white;
                text-decoration: none;
                padding: 0.5em 1em 0.5em 1em;
            }
            .news_item
            {
                background: #FFFFFF;
                width: 720px;
                padding: 1em;
                margin-top: 2em;
                margin-bottom: 2em;
                border: 1px solid #E0E0E0;
                text-align: left;
            }
            .news_item_contents
            {
                color: #444;
                line-height: 1.5em;
            }
            .news_item_date
            {
                margin-bottom: 2em;
                color: #aaa;
            }
            body
            {
                background: #FAFAFA;
            }
            code, pre
            {
                font-family: monospace, serif;
                font-size: 1em;
                color: #7f0a0c;
            }
            figure
            {
                margin: 0px;
                padding: 0px;
            }
            img
            {
                width: 720px;
            }
            html
            {
                font-family: sans-serif;
            }
            a
            {
                color: #3A91CB;
                text-decoration: none;
            }
            #lang
            {
                float: right;
            }
            figcaption
            {
                color: #aaa;
            }
            
            table
            {
                border-collapse: collapse;
            }
            
            table, th, td
            {
                border: 1px solid #aaa;
                padding: 0.5em;
                margin-top: 0.5em;
                margin-bottom: 0.5em;
            }
        </style>
    </head>
    <body>
        <center>
        <div id="header">
            <a href="../../en/news/index.html">News</a>
            <a href="../../en/page/games.html">Games</a>
            <a href="../../en/page/about.html">About</a>
            <div id="lang">
                <a href="rolling-ball.html">EN</a>
                <a href="../../ru/news/rolling-ball.html">RU</a>
            </div>
        </div>
        <h1>In the news</h1>
                <div class="news_item">
                    <h2 class="news_item_title">
                        <a href="rolling-ball.html">"Rolling ball" live session videos and downloads</a>
                    </h2>
                    <p class="news_item_date">
                        2016-02-10 00:00
                    </p>
                    <div class="news_item_contents">
        <p>Since we held 2 live sessions to create “Rolling ball” game, here are 2 YouTube videos of the process:</p>
 <iframe width="560" height="315" src="https://www.youtube.com/embed/70Jny1xJxK8" frameborder="0" allowfullscreen>
 </iframe>
 <iframe width="560" height="315" src="http://www.youtube.com/embed/851IlFT7y18" frameborder="0" allowfullscreen>
 </iframe>
 <p>“Rolling ball” game for Linux (Debian based), OS X (10.9+), Windows <a title="SourceForge" href="http://sourceforge.net/projects/osrpgcreation/files/Games/RollingBall/">is available at SourceForge</a>.</p>
 <p>Simply unpack it and launch the run script.</p>
 <p>Editor 0.8 <a title="SourceForge" href="http://sourceforge.net/projects/osrpgcreation/files/Editor/jenkins/46_2016-01-30_22-20-41_0.8.0/">is available at SourceForge</a>, too.</p>
 <p>“Rolling ball” project for the Editor <a title="GitHub" href="https://github.com/OGStudio/rollingBall.ogs/archive/master.zip">is available at GitHub</a>.</p>
 <p>To open it in the Editor:</p>
 <ul>
 <li>replace slideDown.ogs with rollingBall.ogs you downloaded</li>
 <li>rename rollingBall.ogs to slideDown.ogs</li>
 </ul>
 <p>Since live session took us so long, we decided to concentrate on polishing. Editor already has a lot of features, but their use is inconvenient. We will fix major obstacles for the next Editor release.</p>

                    </div>
                </div>
        </center>
    </body>
 </html>
--- a/en/news/scripting-research.html
+++ b/en/news/scripting-research.html
@@ -0,0 +1,143 @@
 <!DOCTYPE html>
 <html>
    <meta charset="utf-8">
    <head>
        <style>
            #header
            {
                background: #2BA6E3;
                padding: 0.7em;
                text-align: left;
            }
            
            #header a
            {
                color: white;
                text-decoration: none;
                padding: 0.5em 1em 0.5em 1em;
            }
            .news_item
            {
                background: #FFFFFF;
                width: 720px;
                padding: 1em;
                margin-top: 2em;
                margin-bottom: 2em;
                border: 1px solid #E0E0E0;
                text-align: left;
            }
            .news_item_contents
            {
                color: #444;
                line-height: 1.5em;
            }
            .news_item_date
            {
                margin-bottom: 2em;
                color: #aaa;
            }
            body
            {
                background: #FAFAFA;
            }
            code, pre
            {
                font-family: monospace, serif;
                font-size: 1em;
                color: #7f0a0c;
            }
            figure
            {
                margin: 0px;
                padding: 0px;
            }
            img
            {
                width: 720px;
            }
            html
            {
                font-family: sans-serif;
            }
            a
            {
                color: #3A91CB;
                text-decoration: none;
            }
            #lang
            {
                float: right;
            }
            figcaption
            {
                color: #aaa;
            }
            
            table
            {
                border-collapse: collapse;
            }
            
            table, th, td
            {
                border: 1px solid #aaa;
                padding: 0.5em;
                margin-top: 0.5em;
                margin-bottom: 0.5em;
            }
        </style>
    </head>
    <body>
        <center>
        <div id="header">
            <a href="../../en/news/index.html">News</a>
            <a href="../../en/page/games.html">Games</a>
            <a href="../../en/page/about.html">About</a>
            <div id="lang">
                <a href="scripting-research.html">EN</a>
                <a href="../../ru/news/scripting-research.html">RU</a>
            </div>
        </div>
        <h1>In the news</h1>
                <div class="news_item">
                    <h2 class="news_item_title">
                        <a href="scripting-research.html">Scripting research</a>
                    </h2>
                    <p class="news_item_date">
                        2017-08-16 00:00
                    </p>
                    <div class="news_item_contents">
        <figure>
 <img src="../../images/2017-08-scripting-research.png" alt="Textbook with a text" /><figcaption>Textbook with a text</figcaption>
 </figure>
 <p>This article describes scripting research in July 2017.</p>
 <p><strong>Our first goal of using a scripting language was to have a platform-independent code that runs unchanged on every supported platform.</strong></p>
 <p>OGS Editor 0.10 supports Python for such a code thanks to <a href="http://swig.org/">SWIG</a>. SWIG provides a way to wrap almost any C/C++ code and use it in dozens of languages like Python, Ruby, Lua, Java, C#, etc.. SWIG really helped us taste the beauty of platform-independent code. However, SWIG only works one way: from C/C++ to a target language. This means the main application must be in the target language, and C/C++ code can only be used as a library.</p>
 <p>Having the main application in Python works fine for the desktop, but not so great for mobile and web, where C and C++ are the only natively supported cross-platform languages. There are projects like <a href="https://kivy.org">Kivy</a>, which allow you to develop cross-platform applications in Python, but they are not supported natively. This means it’s a lot of headaches when Android and iOS APIs change.</p>
 <p>Having the main application in C/C++ and the need to support scripting means that a scripting language should be interpreted by the application. This is what SWIG, Kivy, and similar projects are not meant to fulfill.</p>
 <p><strong>Our secondary goal for using a scripting language was to allow to extend C++ code.</strong></p>
 <p>OGS Editor 0.10 has some modules written in C++, and some in Python. The modules are equal from the perspective of the main application; it doesn’t care what language the module is written in.</p>
 <p>To achieve such flexibility, we introduced a so-called Environment. Each module would register the keys it responds to, and Environment would deliver corresponding messages. Technically such behaviour is achieved by inheriting a base class and overriding its methods in both C++ and a scripting language.</p>
 <p><strong>First, we evaluated Python for the role of cross-platform scripting language.</strong></p>
 <p>Since we already used Python, we started to research the possibility to run Python code on every supported platform. The result was disappointing because CPython (the default Python implementation used on the desktop) does not mention mobile and web platforms. We only found some years old forks of CPython that were claimed to work either on Android or iOS. Such a disarray was not suitable for us. We also had a look at <a href="http://pypy.org">PyPy</a>, another Python implementation. It also did not mention support for mobile and web platforms.</p>
 <p>This was a clear indication that Python community doesn’t care for mobile and web platforms. Or that nobody had time to provide the information about building Python on such platforms. Either way, it was not acceptable for us.</p>
 <p><strong>Second, we evaluated <a href="http://wren.io">Wren</a> for the role of cross-platform scripting language.</strong></p>
 <p>Wren was the first scripting language we stumbled upon in the long list of non-mainstream scripting languages.</p>
 <p>Wren claimed to be small and easy to learn. Wren also claimed to be intended for embedding in applications. Ironically, the author <a href="http://wren.io/embedding-api.html">had no time to document how to do the embedding in the first place</a>. When <a href="https://github.com/munificent/wren/issues/465">we asked for the time estimates of publishing</a> the critical part of the documentation, <a href="https://github.com/munificent/wren/issues/402">we just got a reference to another issue</a> where the other guy was asking the same question half a year ago!</p>
 <p>That’s when we ended our relationship with Wren.</p>
 <p><strong>Third, we evaluated <a href="http://chaiscript.com">Chai</a> for the role of cross-platform scripting language.</strong></p>
 <p>Chai was in the long list of non-mainstream scripting languages, too. Chai was promising because it claimed to be specifically tailored for embedding in a C++ application. We successfully managed to call a C++ function from inside Chai but failed to call a member function. <a href="http://discourse.chaiscript.com/t/cannot-call-a-function-that-accepts-a-string-and-a-vector/334">We asked for help</a>, but nobody replied.</p>
 <p>We had to end our relationship with Chai.</p>
 <p><strong>Fourth, we evaluated Lua for the role of cross-platform scripting language.</strong></p>
 <p>Lua is the mainstream language for embedding. So we decided to try the obvious choice. Documentation looked promising, too. However, by the end of reading the <a href="https://www.lua.org/pil/24.html">C API</a> chapter we had no clue how to inherit a class inside Lua.</p>
 <p>This led us to search for libraries that wrap Lua C API syntax into something more meaningful for C++. That’s how we found <a href="http://sol2.rtfd.io">Sol2</a>. Just as before, the first attempt to call a C++ member function from Lua failed. But unlike before, we asked for help and <a href="https://github.com/ThePhD/sol2/issues/465">got the help</a>! This was a refreshing surprise for us. Next, we tried to inherit a class in Lua and override the class methods. We failed, but <a href="https://github.com/ThePhD/sol2/issues/468">the author helped us out again</a>. In the end, we succeeded in inheriting a class and overriding its behaviour.</p>
 <p>That’s when we understood it’s a start for a long and mutual relationship with Sol2/Lua.</p>
 <p><strong>This search for a scripting language taught us one important lesson: people matter, not technologies.</strong></p>
 <p>There are lots of scripting languages that look shiny on the outside but are dead. Why? Because some authors don’t have time for users. In return, users don’t have time for the authors’ projects.</p>
 <p>That’s it for describing scripting research in July 2017.</p>

                    </div>
                </div>
        </center>
    </body>
 </html>
--- a/en/news/september-live-session-announcement-tomorrow.html
+++ b/en/news/september-live-session-announcement-tomorrow.html
@@ -0,0 +1,118 @@
 <!DOCTYPE html>
 <html>
    <meta charset="utf-8">
    <head>
        <style>
            #header
            {
                background: #2BA6E3;
                padding: 0.7em;
                text-align: left;
            }
            
            #header a
            {
                color: white;
                text-decoration: none;
                padding: 0.5em 1em 0.5em 1em;
            }
            .news_item
            {
                background: #FFFFFF;
                width: 720px;
                padding: 1em;
                margin-top: 2em;
                margin-bottom: 2em;
                border: 1px solid #E0E0E0;
                text-align: left;
            }
            .news_item_contents
            {
                color: #444;
                line-height: 1.5em;
            }
            .news_item_date
            {
                margin-bottom: 2em;
                color: #aaa;
            }
            body
            {
                background: #FAFAFA;
            }
            code, pre
            {
                font-family: monospace, serif;
                font-size: 1em;
                color: #7f0a0c;
            }
            figure
            {
                margin: 0px;
                padding: 0px;
            }
            img
            {
                width: 720px;
            }
            html
            {
                font-family: sans-serif;
            }
            a
            {
                color: #3A91CB;
                text-decoration: none;
            }
            #lang
            {
                float: right;
            }
            figcaption
            {
                color: #aaa;
            }
            
            table
            {
                border-collapse: collapse;
            }
            
            table, th, td
            {
                border: 1px solid #aaa;
                padding: 0.5em;
                margin-top: 0.5em;
                margin-bottom: 0.5em;
            }
        </style>
    </head>
    <body>
        <center>
        <div id="header">
            <a href="../../en/news/index.html">News</a>
            <a href="../../en/page/games.html">Games</a>
            <a href="../../en/page/about.html">About</a>
            <div id="lang">
                <a href="september-live-session-announcement-tomorrow.html">EN</a>
                <a href="../../ru/news/september-live-session-announcement-tomorrow.html">RU</a>
            </div>
        </div>
        <h1>In the news</h1>
                <div class="news_item">
                    <h2 class="news_item_title">
                        <a href="september-live-session-announcement-tomorrow.html">Live session is in 24 hours</a>
                    </h2>
                    <p class="news_item_date">
                        2016-09-24 00:00
                    </p>
                    <div class="news_item_contents">
        <iframe width="560" height="315" src="https://www.youtube.com/embed/Fj4yHG-mV1U" frameborder="0" allowfullscreen>
 </iframe>
 <p>Get ready for <a href="https://www.livecoding.tv/kornerr">live session</a>, it’s about to happen in 24 hours!</p>

                    </div>
                </div>
        </center>
    </body>
 </html>
--- a/en/news/september-live-session-announcement.html
+++ b/en/news/september-live-session-announcement.html
@@ -0,0 +1,118 @@
 <!DOCTYPE html>
 <html>
    <meta charset="utf-8">
    <head>
        <style>
            #header
            {
                background: #2BA6E3;
                padding: 0.7em;
                text-align: left;
            }
            
            #header a
            {
                color: white;
                text-decoration: none;
                padding: 0.5em 1em 0.5em 1em;
            }
            .news_item
            {
                background: #FFFFFF;
                width: 720px;
                padding: 1em;
                margin-top: 2em;
                margin-bottom: 2em;
                border: 1px solid #E0E0E0;
                text-align: left;
            }
            .news_item_contents
            {
                color: #444;
                line-height: 1.5em;
            }
            .news_item_date
            {
                margin-bottom: 2em;
                color: #aaa;
            }
            body
            {
                background: #FAFAFA;
            }
            code, pre
            {
                font-family: monospace, serif;
                font-size: 1em;
                color: #7f0a0c;
            }
            figure
            {
                margin: 0px;
                padding: 0px;
            }
            img
            {
                width: 720px;
            }
            html
            {
                font-family: sans-serif;
            }
            a
            {
                color: #3A91CB;
                text-decoration: none;
            }
            #lang
            {
                float: right;
            }
            figcaption
            {
                color: #aaa;
            }
            
            table
            {
                border-collapse: collapse;
            }
            
            table, th, td
            {
                border: 1px solid #aaa;
                padding: 0.5em;
                margin-top: 0.5em;
                margin-bottom: 0.5em;
            }
        </style>
    </head>
    <body>
        <center>
        <div id="header">
            <a href="../../en/news/index.html">News</a>
            <a href="../../en/page/games.html">Games</a>
            <a href="../../en/page/about.html">About</a>
            <div id="lang">
                <a href="september-live-session-announcement.html">EN</a>
                <a href="../../ru/news/september-live-session-announcement.html">RU</a>
            </div>
        </div>
        <h1>In the news</h1>
                <div class="news_item">
                    <h2 class="news_item_title">
                        <a href="september-live-session-announcement.html">Live session: 25 September 2016</a>
                    </h2>
                    <p class="news_item_date">
                        2016-09-17 00:00
                    </p>
                    <div class="news_item_contents">
        <iframe width="560" height="315" src="https://www.youtube.com/embed/Y5hOGKcQ8wA" frameborder="0" allowfullscreen>
 </iframe>
 <p>We will hold <a href="https://www.livecoding.tv/kornerr">live session</a> on <a href="http://www.timeanddate.com/worldclock/fixedtime.html?msg=Open+Game+Studio+September+2016+live+session&amp;iso=20160925T12&amp;p1=37&amp;ah=2">25 September 2016 at 12:00 CEST</a> It’s time to create simple Mahjong solitaire game.</p>

                    </div>
                </div>
        </center>
    </body>
 </html>
--- a/en/news/soon-game-creation-editor-07.html
+++ b/en/news/soon-game-creation-editor-07.html
@@ -0,0 +1,122 @@
 <!DOCTYPE html>
 <html>
    <meta charset="utf-8">
    <head>
        <style>
            #header
            {
                background: #2BA6E3;
                padding: 0.7em;
                text-align: left;
            }
            
            #header a
            {
                color: white;
                text-decoration: none;
                padding: 0.5em 1em 0.5em 1em;
            }
            .news_item
            {
                background: #FFFFFF;
                width: 720px;
                padding: 1em;
                margin-top: 2em;
                margin-bottom: 2em;
                border: 1px solid #E0E0E0;
                text-align: left;
            }
            .news_item_contents
            {
                color: #444;
                line-height: 1.5em;
            }
            .news_item_date
            {
                margin-bottom: 2em;
                color: #aaa;
            }
            body
            {
                background: #FAFAFA;
            }
            code, pre
            {
                font-family: monospace, serif;
                font-size: 1em;
                color: #7f0a0c;
            }
            figure
            {
                margin: 0px;
                padding: 0px;
            }
            img
            {
                width: 720px;
            }
            html
            {
                font-family: sans-serif;
            }
            a
            {
                color: #3A91CB;
                text-decoration: none;
            }
            #lang
            {
                float: right;
            }
            figcaption
            {
                color: #aaa;
            }
            
            table
            {
                border-collapse: collapse;
            }
            
            table, th, td
            {
                border: 1px solid #aaa;
                padding: 0.5em;
                margin-top: 0.5em;
                margin-bottom: 0.5em;
            }
        </style>
    </head>
    <body>
        <center>
        <div id="header">
            <a href="../../en/news/index.html">News</a>
            <a href="../../en/page/games.html">Games</a>
            <a href="../../en/page/about.html">About</a>
            <div id="lang">
                <a href="soon-game-creation-editor-07.html">EN</a>
                <a href="../../ru/news/soon-game-creation-editor-07.html">RU</a>
            </div>
        </div>
        <h1>In the news</h1>
                <div class="news_item">
                    <h2 class="news_item_title">
                        <a href="soon-game-creation-editor-07.html">SOON: Creating a simple game live (Editor 0.7)</a>
                    </h2>
                    <p class="news_item_date">
                        2015-11-02 00:00
                    </p>
                    <div class="news_item_contents">
        <p>As we have promised, we are ready to give you Editor 0.7 which is capable of creating the complete test chamber. However, after recreating the test chamber ourselves, it became clear that:</p>
 <ol type="1">
 <li>it takes more than 8 hours to recreate it (too long)</li>
 <li>it’s inappropriate to be presented in the form of an article (too boring)</li>
 </ol>
 <p>Therefore we decided to hold a live session at <a title="LiveCoding" href="https://www.livecoding.tv/kornerr">LiveCoding</a> SOON to show you how to create a simple <a title="Whac-a-mole" href="http://google.com/search?q=whac+a+mole">whac-a-mole like game</a> from scratch.</p>
 <p>Currently we are busy making final preparations, so we’ll tell you the exact time and date this week. Stay tuned!</p>

                    </div>
                </div>
        </center>
    </body>
 </html>
--- a/en/news/teaching-kids-to-program.html
+++ b/en/news/teaching-kids-to-program.html
@@ -0,0 +1,318 @@
 <!DOCTYPE html>
 <html>
    <meta charset="utf-8">
    <head>
        <style>
            #header
            {
                background: #2BA6E3;
                padding: 0.7em;
                text-align: left;
            }
            
            #header a
            {
                color: white;
                text-decoration: none;
                padding: 0.5em 1em 0.5em 1em;
            }
            .news_item
            {
                background: #FFFFFF;
                width: 720px;
                padding: 1em;
                margin-top: 2em;
                margin-bottom: 2em;
                border: 1px solid #E0E0E0;
                text-align: left;
            }
            .news_item_contents
            {
                color: #444;
                line-height: 1.5em;
            }
            .news_item_date
            {
                margin-bottom: 2em;
                color: #aaa;
            }
            body
            {
                background: #FAFAFA;
            }
            code, pre
            {
                font-family: monospace, serif;
                font-size: 1em;
                color: #7f0a0c;
            }
            figure
            {
                margin: 0px;
                padding: 0px;
            }
            img
            {
                width: 720px;
            }
            html
            {
                font-family: sans-serif;
            }
            a
            {
                color: #3A91CB;
                text-decoration: none;
            }
            #lang
            {
                float: right;
            }
            figcaption
            {
                color: #aaa;
            }
            
            table
            {
                border-collapse: collapse;
            }
            
            table, th, td
            {
                border: 1px solid #aaa;
                padding: 0.5em;
                margin-top: 0.5em;
                margin-bottom: 0.5em;
            }
        </style>
    </head>
    <body>
        <center>
        <div id="header">
            <a href="../../en/news/index.html">News</a>
            <a href="../../en/page/games.html">Games</a>
            <a href="../../en/page/about.html">About</a>
            <div id="lang">
                <a href="teaching-kids-to-program.html">EN</a>
                <a href="../../ru/news/teaching-kids-to-program.html">RU</a>
            </div>
        </div>
        <h1>In the news</h1>
                <div class="news_item">
                    <h2 class="news_item_title">
                        <a href="teaching-kids-to-program.html">Teaching kids to program</a>
                    </h2>
                    <p class="news_item_date">
                        2019-02-04 00:00
                    </p>
                    <div class="news_item_contents">
        <figure>
 <img src="../../images/2019-02-04_teaching-kids-to-program-team.png" alt="Students and teachers" /><figcaption>Students and teachers</figcaption>
 </figure>
 <p>In this article, Michael shares his experience of teaching kids to program.</p>
 <p>Here’s what he covers:</p>
 <ul>
 <li>organization of the learning process</li>
 <li>learning plan</li>
 <li>memory game</li>
 <li>development tools</li>
 <li>lessons</li>
 <li>results and plans</li>
 </ul>
 <p><strong>Organization of the learning process</strong></p>
 <p>The learning process is conducted as part of corporate social responsibility: a company provides a room with equipment and connects employees that want to try themselves in the role of teachers with employees that want their kids educated. All this is done voluntarily.</p>
 <p>Potential teachers are divided into groups so that each group contains three teachers: experienced one and two novice ones. Such a group of three teachers leads a group of students. Students are divided into groups by age and skills.</p>
 <p>I participated in the program as a teacher for the second time in 2018. The kids were around ten years old. Our group was active from October to December of 2018 each Saturday, 10:00-12:00. Using my position as a teacher, I’ve also brought my wife in as a student.</p>
 <p><strong>Learning plan</strong></p>
 <p>The first time I participated in the program, our group taught kids rather mindlessly: we were coming up with simple tasks to explain different operators. By the end of the course we had nothing concrete to evaluate, analyze, and share.</p>
 <p>This second time I decided we are going to create a memory game with kids. I decided to consider the course successful if by the end of the course each kid would be able to create a simple memory game from scratch in an hour.</p>
 <p>To achieve that, we were recreating the same game from scratch each lesson. I’d like to stress that we did not use personal accounts to save progress. Our task was to save the skill of game creation in the head, not a PC.</p>
 <p><strong>Memory game</strong></p>
 <p>Let’s see what the memory game is.</p>
 <p><strong>1)</strong> In the simplest case we have 16 cards, only 8 of them are unique, the rest 8 are duplicates of the unique ones.</p>
 <figure>
 <img src="../../images/2019-02-04_teaching-kids-to-program-all-cards-face-up.png" alt="Cards face up" /><figcaption>Cards face up</figcaption>
 </figure>
 <p>As you can see, we only have two cards with a cat, only two cards with a dog, etc..</p>
 <p><strong>2)</strong> At the start we shuffle the cards and place them with their faces down.</p>
 <figure>
 <img src="../../images/2019-02-04_teaching-kids-to-program-all-cards-face-down.png" alt="Cards face down" /><figcaption>Cards face down</figcaption>
 </figure>
 <p><strong>3)</strong> The first game player turns a pair of cards.</p>
 <figure>
 <img src="../../images/2019-02-04_teaching-kids-to-program-first-pair.png" alt="A pair of cards" /><figcaption>A pair of cards</figcaption>
 </figure>
 <p><strong>4)</strong> If the cards differ they are once again turned face down.</p>
 <figure>
 <img src="../../images/2019-02-04_teaching-kids-to-program-all-cards-face-down.png" alt="Cards face down" /><figcaption>Cards face down</figcaption>
 </figure>
 <p><strong>5)</strong> The next player turns another pair of cards.</p>
 <figure>
 <img src="../../images/2019-02-04_teaching-kids-to-program-second-pair.png" alt="Second pair of cards" /><figcaption>Second pair of cards</figcaption>
 </figure>
 <p><strong>6)</strong> If the cards are the same, they are removed from the field.</p>
 <figure>
 <img src="../../images/2019-02-04_teaching-kids-to-program-remove-pair.png" alt="A pair of matching cards has been removed" /><figcaption>A pair of matching cards has been removed</figcaption>
 </figure>
 <p>The goal of the game is to remove all cards from the field. There’s no competition here so the game can be played alone.</p>
 <p>From one hand, the memory game is rather simple. From the other hand, the game implementation requires essential functionality each more or less complex game has:</p>
 <ul>
 <li>creation of items</li>
 <li>arrangement of items</li>
 <li>selection of items</li>
 <li>comparison of items</li>
 <li>removal of matching items</li>
 </ul>
 <p><strong>Development tools</strong></p>
 <p>We used Scratch as our development tool. <a href="https://scratch.mit.edu/">Scratch</a> is a great tool to teach kids to program because each action, each operation is represented graphically.</p>
 <p>For example, you can rotate a cat 360 degrees in 1 second using the following script:</p>
 <figure>
 <img src="../../images/2019-02-04_teaching-kids-to-program-cat-script.png" alt="Script" /><figcaption>Script</figcaption>
 </figure>
 <p>Here’s how it looks like in action:</p>
 <figure>
 <img src="../../images/2019-02-04_teaching-kids-to-program-cat-animation.gif" alt="Animation" /><figcaption>Animation</figcaption>
 </figure>
 <p>I’d like to stress that Scratch is a rather successful solution to represent code graphically. For example, a paid solution by SAP uses similar concept of cubes to program logic:</p>
 <figure>
 <img src="../../images/2019-02-04_teaching-kids-to-program-sap-ui.png" alt="SAP UI" /><figcaption>SAP UI</figcaption>
 </figure>
 <p>Users can only input values into predefined fields. If users want more functionality they have to resort to scripts.</p>
 <p>Personally, I have never witnessed any slowdown in Scratch, and there were many in SAP’s solution.</p>
 <p><strong>The first lesson</strong></p>
 <p>The first lesson was introductory, we didn’t use PCs.</p>
 <p>The plan was to:</p>
 <ol type="1">
 <li>Meet</li>
 <li>Play the memory game with cards</li>
 <li>Learn the concept of algorithm</li>
 <li>Detail the game’s algorithm</li>
 <li>Analyze the lesson</li>
 </ol>
 <p><strong>1)</strong> Meeting</p>
 <p>Both teachers and students stand in a circle. This equalizes everyone and makes everyone a team member.</p>
 <p>The first team member tells his name and why he decided to take the course. The second team member and the rest first repeat the name and the story of each previous team member before telling their own names and stories.</p>
 <p>Here’s how it looks like:</p>
 <ol type="1">
 <li>John: “My name is John, I am going to study Scratch because my father forces me to”</li>
 <li>Alex: “This is John, he’s doing Scratch because his father wants him to do it. My name is Alex, and this is my fourth year with Scratch”</li>
 <li>Ann: “That’s John, his parents force him to do Scratch. This is Alex, he’s a Scratch veteran. And I’m Ann, a novice teacher, so I’m going to learn together with you all”</li>
 </ol>
 <p>Such a format of meeting has the following objectives:</p>
 <ul>
 <li>Getting to know each other
 <ul>
 <li>Each team member should know other team members by name</li>
 </ul></li>
 <li>Common space
 <ul>
 <li>Everyone is in the circle, not at a working desk, this prevents distraction of kids by PC games</li>
 </ul></li>
 <li>Equality
 <ul>
 <li>Both teachers and students are in the same circle, this equalizes everyone as a team member without hierarchy</li>
 </ul></li>
 <li>Attention
 <ul>
 <li>Each team member should listen carefully to be able to correctly repeat what others said</li>
 </ul></li>
 <li>Feedback
 <ul>
 <li>Each team member should be as clear as possible when expressing thoughts, otherwise nobody would be able to repeat them</li>
 </ul></li>
 <li>Fun
 <ul>
 <li>Memorization problems produce lots of laughter</li>
 </ul></li>
 </ul>
 <p><strong>2)</strong> Memory game with cards</p>
 <ol type="1">
 <li>Take 8 pairs of the same cards from two decks of cards</li>
 <li>Place the cards in 4 x 4 grid, faces down</li>
 <li>Students stand up around single table</li>
 <li>Each student, one by one, turns a pair of cards
 <ul>
 <li>If cards match, they are taken off the field</li>
 <li>If cards differ, they are once again turned face down</li>
 </ul></li>
 </ol>
 <p>Students are eager to play tabletop games. During the game party teachers say out loud each step in the game’s algorithm.</p>
 <p>After a couple of parties it’s time to find out what algorithm is.</p>
 <p><strong>3)</strong> The concept of algorithm</p>
 <ol type="1">
 <li>Ask students first, hear them out to find out their level</li>
 <li>Correct what students say if they were close to an expected answer</li>
 <li>Ask students to write an algorithm to move a man from “stands outside a room” state into “sits and works at a PC” one</li>
 </ol>
 <p>Students like to go to blackboard and write, so we ask each student to come and write a single step of the algorithm at a time. The most active student should execute the algorithm by following it strictly.</p>
 <p><strong>4)</strong> The algorithm of the game</p>
 <p>Ask students to compose the game’s algorithm. Again, let students come to the blackboard and add one step of the algorithm at a time. Once the algorithm is ready, play the game with cards once again. Now, each student should say the algorithm’s step he executes.</p>
 <p>Here’s how it looks like:</p>
 <ol type="1">
 <li>John: “Place 16 cards faces down”</li>
 <li>Alex: “Turn a pair of cards”</li>
 <li>Paul: “If the cards differ, turn them faces down again”</li>
 <li>Dan: “Turn another pair of cards”</li>
 <li>Mike: “If the cards match, take them off the field”</li>
 </ol>
 <p><strong>5)</strong> Analyze the lesson</p>
 <p>That’s it for the first lesson. Teachers finally have time to discuss the lesson: discuss the kids, approaches to shy and active kids, plan next lessons.</p>
 <p>We had the following decisions:</p>
 <ol type="1">
 <li>Arrange students so that active ones sit next to shy ones as “active-shy-active-shy-etc” so that we don’t end up with two groups of shy and active students at different sides of a room, which would hamper productivity.</li>
 <li>Only accept accurate answers from students because active students like to wriggle, which hampers discipline.</li>
 </ol>
 <p><strong>The second and the third lessons</strong></p>
 <p>We were beginning each lesson with the same meeting: we would stand up in a circle, tell our names and what we did. Those who did nothing should have said why. Just as before, everyone should first repeat what previous team members said.</p>
 <p>We spent the second lesson to create requirements for an item of the playfield and then create the item in Scratch. This was moderately successful.</p>
 <p>We spent the third lesson trying to create 16 items and arrange them in 4x4 grid. We failed miserably because we could not explain coordinate system to students. It became apparent that lesson plans were only plans, reality had its own demands.</p>
 <p>We saw two ways to approach the problem:</p>
 <ol type="1">
 <li>Keep on studying the coordinate system risking not to get the game done by the end of the course</li>
 <li>Change the game requirements so that coordinate system is not necessary</li>
 </ol>
 <p>We went the second way because, after all, we’re not a school, our goal was to teach kids to create the game, i.e., use skills in practice, not theory. That’s why we replaced 4x4 grid with a circle of 16 items.</p>
 <p>This solution sparkled a few thoughts in my head:</p>
 <ol type="1">
 <li>One can often find a simpler path to solve an issue</li>
 <li>This path is simpler to understand, albeit less flexible</li>
 <li>One can go the harder path to increase flexibility much later when it becomes absolutely necessary</li>
 <li>Simplification moves one closer to the goal, complexification moves one in the opposite direction</li>
 </ol>
 <p><strong>The fourth and the rest of the lessons</strong></p>
 <p>The fourth lesson marked the end of coming up with requirements in class because doing so started to take too much time. We chose practice over theory once again to meet the deadline. This time all requirements were conducted before the lesson. Still, nobody read them.</p>
 <p>We spent the fourth and the fifth lessons to create 16 items in circle, select a pair of items and match them.</p>
 <p>We started recreating complete game from scratch on the sixth lesson. Each time students were recreating complete game faster and faster. On the eighth lesson we introduced a leaderboard to track how fast each student recreates a specific part of the game.</p>
 <p><strong>The last lesson</strong></p>
 <p>When the last lesson approached everyone was able to create the memory game from scratch more or less independently in two hours.</p>
 <p>Here’s the leaderboard of the last lesson (names are hidden):</p>
 <figure>
 <img src="../../images/2019-02-04_teaching-kids-to-program-leaderboard.png" alt="Leaderboard" /><figcaption>Leaderboard</figcaption>
 </figure>
 <p>The leaderboard is in Russian, here are the captions translated:</p>
 <ul>
 <li>Name</li>
 <li>Circle of items</li>
 <li>Selection of pairs</li>
 <li>Hide all</li>
 <li>Hide a pair</li>
 </ul>
 <p>Here you can witness the creation of the memory game from scratch by the fastest student: in just half an hour.</p>
 <iframe width="560" height="315" src="https://www.youtube.com/embed/WlA193S3SPY" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen>
 </iframe>
 <p><br/></p>
 <p><strong>Results and plans</strong></p>
 <p>The results surpassed my expectations:</p>
 <ul>
 <li>three students made it in an hour or faster</li>
 <li>two students made it in an hour and a half or faster</li>
 </ul>
 <p>This year I plan on doing another round of the memory game recreation. However, I’m going to replace Scratch with Opensource Game Studio tools: the students will use Lua, Git, and GitHub Pages.</p>
 <p>That’s it for sharing Michael’s experience of teaching kids to program.</p>

                    </div>
                </div>
        </center>
    </body>
 </html>
--- a/en/news/test-chamber-for-everyone.html
+++ b/en/news/test-chamber-for-everyone.html
@@ -0,0 +1,117 @@
 <!DOCTYPE html>
 <html>
    <meta charset="utf-8">
    <head>
        <style>
            #header
            {
                background: #2BA6E3;
                padding: 0.7em;
                text-align: left;
            }
            
            #header a
            {
                color: white;
                text-decoration: none;
                padding: 0.5em 1em 0.5em 1em;
            }
            .news_item
            {
                background: #FFFFFF;
                width: 720px;
                padding: 1em;
                margin-top: 2em;
                margin-bottom: 2em;
                border: 1px solid #E0E0E0;
                text-align: left;
            }
            .news_item_contents
            {
                color: #444;
                line-height: 1.5em;
            }
            .news_item_date
            {
                margin-bottom: 2em;
                color: #aaa;
            }
            body
            {
                background: #FAFAFA;
            }
            code, pre
            {
                font-family: monospace, serif;
                font-size: 1em;
                color: #7f0a0c;
            }
            figure
            {
                margin: 0px;
                padding: 0px;
            }
            img
            {
                width: 720px;
            }
            html
            {
                font-family: sans-serif;
            }
            a
            {
                color: #3A91CB;
                text-decoration: none;
            }
            #lang
            {
                float: right;
            }
            figcaption
            {
                color: #aaa;
            }
            
            table
            {
                border-collapse: collapse;
            }
            
            table, th, td
            {
                border: 1px solid #aaa;
                padding: 0.5em;
                margin-top: 0.5em;
                margin-bottom: 0.5em;
            }
        </style>
    </head>
    <body>
        <center>
        <div id="header">
            <a href="../../en/news/index.html">News</a>
            <a href="../../en/page/games.html">Games</a>
            <a href="../../en/page/about.html">About</a>
            <div id="lang">
                <a href="test-chamber-for-everyone.html">EN</a>
                <a href="../../ru/news/test-chamber-for-everyone.html">RU</a>
            </div>
        </div>
        <h1>In the news</h1>
                <div class="news_item">
                    <h2 class="news_item_title">
                        <a href="test-chamber-for-everyone.html">Test chamber for everyone (Editor 0.7.0)</a>
                    </h2>
                    <p class="news_item_date">
                        2015-07-22 00:00
                    </p>
                    <div class="news_item_contents">
        <p>As you know, the main goal of Editor 0.7.0 is the ability to create the <a title="Test chamber" href="https://youtu.be/9_6seUWcPbU" target="_blank">test chamber</a> with it. It needs Actions’ system and a few stability fixes for that. We are going to publish a detailed article describing how to create the test chamber, too, so that anyone could create their own test chamber!</p>
 <p>We estimate to complete it in October.</p>

                    </div>
                </div>
        </center>
    </body>
 </html>
--- a/en/news/the-year-of-challenges.html
+++ b/en/news/the-year-of-challenges.html
@@ -0,0 +1,129 @@
 <!DOCTYPE html>
 <html>
    <meta charset="utf-8">
    <head>
        <style>
            #header
            {
                background: #2BA6E3;
                padding: 0.7em;
                text-align: left;
            }
            
            #header a
            {
                color: white;
                text-decoration: none;
                padding: 0.5em 1em 0.5em 1em;
            }
            .news_item
            {
                background: #FFFFFF;
                width: 720px;
                padding: 1em;
                margin-top: 2em;
                margin-bottom: 2em;
                border: 1px solid #E0E0E0;
                text-align: left;
            }
            .news_item_contents
            {
                color: #444;
                line-height: 1.5em;
            }
            .news_item_date
            {
                margin-bottom: 2em;
                color: #aaa;
            }
            body
            {
                background: #FAFAFA;
            }
            code, pre
            {
                font-family: monospace, serif;
                font-size: 1em;
                color: #7f0a0c;
            }
            figure
            {
                margin: 0px;
                padding: 0px;
            }
            img
            {
                width: 720px;
            }
            html
            {
                font-family: sans-serif;
            }
            a
            {
                color: #3A91CB;
                text-decoration: none;
            }
            #lang
            {
                float: right;
            }
            figcaption
            {
                color: #aaa;
            }
            
            table
            {
                border-collapse: collapse;
            }
            
            table, th, td
            {
                border: 1px solid #aaa;
                padding: 0.5em;
                margin-top: 0.5em;
                margin-bottom: 0.5em;
            }
        </style>
    </head>
    <body>
        <center>
        <div id="header">
            <a href="../../en/news/index.html">News</a>
            <a href="../../en/page/games.html">Games</a>
            <a href="../../en/page/about.html">About</a>
            <div id="lang">
                <a href="the-year-of-challenges.html">EN</a>
                <a href="../../ru/news/the-year-of-challenges.html">RU</a>
            </div>
        </div>
        <h1>In the news</h1>
                <div class="news_item">
                    <h2 class="news_item_title">
                        <a href="the-year-of-challenges.html">The year of challenges</a>
                    </h2>
                    <p class="news_item_date">
                        2017-01-25 00:00
                    </p>
                    <div class="news_item_contents">
        <figure>
 <img src="../../images/2017-01_the-year-of-challenges.png" alt="Rocket launch at Baikonur" /><figcaption>Rocket launch at Baikonur</figcaption>
 </figure>
 <p>This article describes our plans for 2017.</p>
 <p>Our past plans suggested we would have Android platform support by this time. However, we have a long way to go, before we can declare Android support. See for yourself:</p>
 <figure>
 <img src="../../images/2017-01_mjin-android-gles.png" alt="Rendering cubes on Android" /><figcaption>Rendering cubes on Android</figcaption>
 </figure>
 <p>Some people would consider this a failure. We don’t. We see a chance to start low and jump high!</p>
 <p>Having only worked with liberal and forgiving desktop environments, Android was a complete surprise for us. Android punished us for everything: memory, resources, graphics. The usual Android response was either a crash, or an empty screen. At the same time, such a harsh environment highlighted weak spots in our technologies and helped us see where to go next.</p>
 <p>This month we start working on iOS platform support, even though we have only scratched Android. Why? Because it’s a lot easier to get those red cubes rendered on iOS without polishing Android first. We don’t want to spend months polishing Android only to find out later we had to implement certain feature differently so that it works on all supported platforms.</p>
 <p>And right after we get those cubes rendered on iOS, we start to work on bringing them to Web.</p>
 <p><strong>You got it right: we challenge ourselves with support for Android, iOS, and Web this year.</strong></p>
 <p>That’s it for describing our plans for 2017.</p>

                    </div>
                </div>
        </center>
    </body>
 </html>
--- a/en/news/the-year-of-lessons.html
+++ b/en/news/the-year-of-lessons.html
@@ -0,0 +1,124 @@
 <!DOCTYPE html>
 <html>
    <meta charset="utf-8">
    <head>
        <style>
            #header
            {
                background: #2BA6E3;
                padding: 0.7em;
                text-align: left;
            }
            
            #header a
            {
                color: white;
                text-decoration: none;
                padding: 0.5em 1em 0.5em 1em;
            }
            .news_item
            {
                background: #FFFFFF;
                width: 720px;
                padding: 1em;
                margin-top: 2em;
                margin-bottom: 2em;
                border: 1px solid #E0E0E0;
                text-align: left;
            }
            .news_item_contents
            {
                color: #444;
                line-height: 1.5em;
            }
            .news_item_date
            {
                margin-bottom: 2em;
                color: #aaa;
            }
            body
            {
                background: #FAFAFA;
            }
            code, pre
            {
                font-family: monospace, serif;
                font-size: 1em;
                color: #7f0a0c;
            }
            figure
            {
                margin: 0px;
                padding: 0px;
            }
            img
            {
                width: 720px;
            }
            html
            {
                font-family: sans-serif;
            }
            a
            {
                color: #3A91CB;
                text-decoration: none;
            }
            #lang
            {
                float: right;
            }
            figcaption
            {
                color: #aaa;
            }
            
            table
            {
                border-collapse: collapse;
            }
            
            table, th, td
            {
                border: 1px solid #aaa;
                padding: 0.5em;
                margin-top: 0.5em;
                margin-bottom: 0.5em;
            }
        </style>
    </head>
    <body>
        <center>
        <div id="header">
            <a href="../../en/news/index.html">News</a>
            <a href="../../en/page/games.html">Games</a>
            <a href="../../en/page/about.html">About</a>
            <div id="lang">
                <a href="the-year-of-lessons.html">EN</a>
                <a href="../../ru/news/the-year-of-lessons.html">RU</a>
            </div>
        </div>
        <h1>In the news</h1>
                <div class="news_item">
                    <h2 class="news_item_title">
                        <a href="the-year-of-lessons.html">The year of lessons</a>
                    </h2>
                    <p class="news_item_date">
                        2017-12-31 22:00
                    </p>
                    <div class="news_item_contents">
        <figure>
 <img src="../../images/2017-12-31-celebration.jpg" alt="Sparkler" /><figcaption>Sparkler</figcaption>
 </figure>
 <p>So, the year 2017 is approaching its finale, the year’s results have already been summed up. We’re going to take a break from igniting the fireworks or preparation of the champagne so that we can designate our goal for the following year.</p>
 <p>As it may be clear from other articles on the site, half of our plans in 2017 were destined to be completed at least approximately as we assumed. The other half was changed significantly.</p>
 <p>During the year, people joined the team and left it. As a result, we meet the end of the year with exactly the same team as 365 days ago. It made us think. A lot. But We’ll save the story for another time.</p>
 <p>There will be exactly one goal for 2018. We will take all the results, and then we will make a new mahjong game. We’re already know how to make a mahjong solitaire so we will begin with it. This time, it will be cross-platform. We will definitely try to cover Windows, Linux, macOs, Web, and Android. We can’t promis anything about the iOS right now (although we’ll see what we can do).</p>
 <p>There is no point in writing more than We want to say. We learned a lot for this year, and we will try to apply all this knowledge to achieve more in the next one. We wish everyone a Happy New Year. Stay tuned.</p>
 <p>The Opensource Game Studio Team.</p>

                    </div>
                </div>
        </center>
    </body>
 </html>
--- a/en/news/user-servey-finish-promise.html
+++ b/en/news/user-servey-finish-promise.html
@@ -0,0 +1,120 @@
 <!DOCTYPE html>
 <html>
    <meta charset="utf-8">
    <head>
        <style>
            #header
            {
                background: #2BA6E3;
                padding: 0.7em;
                text-align: left;
            }
            
            #header a
            {
                color: white;
                text-decoration: none;
                padding: 0.5em 1em 0.5em 1em;
            }
            .news_item
            {
                background: #FFFFFF;
                width: 720px;
                padding: 1em;
                margin-top: 2em;
                margin-bottom: 2em;
                border: 1px solid #E0E0E0;
                text-align: left;
            }
            .news_item_contents
            {
                color: #444;
                line-height: 1.5em;
            }
            .news_item_date
            {
                margin-bottom: 2em;
                color: #aaa;
            }
            body
            {
                background: #FAFAFA;
            }
            code, pre
            {
                font-family: monospace, serif;
                font-size: 1em;
                color: #7f0a0c;
            }
            figure
            {
                margin: 0px;
                padding: 0px;
            }
            img
            {
                width: 720px;
            }
            html
            {
                font-family: sans-serif;
            }
            a
            {
                color: #3A91CB;
                text-decoration: none;
            }
            #lang
            {
                float: right;
            }
            figcaption
            {
                color: #aaa;
            }
            
            table
            {
                border-collapse: collapse;
            }
            
            table, th, td
            {
                border: 1px solid #aaa;
                padding: 0.5em;
                margin-top: 0.5em;
                margin-bottom: 0.5em;
            }
        </style>
    </head>
    <body>
        <center>
        <div id="header">
            <a href="../../en/news/index.html">News</a>
            <a href="../../en/page/games.html">Games</a>
            <a href="../../en/page/about.html">About</a>
            <div id="lang">
                <a href="user-servey-finish-promise.html">EN</a>
                <a href="../../ru/news/user-servey-finish-promise.html">RU</a>
            </div>
        </div>
        <h1>In the news</h1>
                <div class="news_item">
                    <h2 class="news_item_title">
                        <a href="user-servey-finish-promise.html">User survey ends today</a>
                    </h2>
                    <p class="news_item_date">
                        2014-12-31 11:00
                    </p>
                    <div class="news_item_contents">
        <p>About a year ago, we started the user survey, in order to find out what do you think of the Open Source in general and about our project in particular. Today we’re closing this survey. It took time, but we’ve got plenty of answers. Thank you for that.</p>
 <p>We’ll share our thought about the results of the survey in one of the future articles.</p>
 <p>After the survey, every one of you has got the code. With this code, you’ll be able to access the alpha test of the OGS Mahjong 2, as soon as we’ll be ready to start it (i can’t promise anything, but we’re planning to do it in 2015). Also, you’ll be able to choose between the deluxe version of OGS Mahjong 2 and the deluxe version of Shuan, as soon as we’ll be ready to release these games.</p>
 <p>We wish you all a Happy New Year. Thank you for being with us. See you next year.</p>
 <p>P.S. If you have lost your code - write us a letter, we’ll figure something out.</p>

                    </div>
                </div>
        </center>
    </body>
 </html>
--- a/en/news/yesterdays-live-session-short-overview.html
+++ b/en/news/yesterdays-live-session-short-overview.html
@@ -0,0 +1,120 @@
 <!DOCTYPE html>
 <html>
    <meta charset="utf-8">
    <head>
        <style>
            #header
            {
                background: #2BA6E3;
                padding: 0.7em;
                text-align: left;
            }
            
            #header a
            {
                color: white;
                text-decoration: none;
                padding: 0.5em 1em 0.5em 1em;
            }
            .news_item
            {
                background: #FFFFFF;
                width: 720px;
                padding: 1em;
                margin-top: 2em;
                margin-bottom: 2em;
                border: 1px solid #E0E0E0;
                text-align: left;
            }
            .news_item_contents
            {
                color: #444;
                line-height: 1.5em;
            }
            .news_item_date
            {
                margin-bottom: 2em;
                color: #aaa;
            }
            body
            {
                background: #FAFAFA;
            }
            code, pre
            {
                font-family: monospace, serif;
                font-size: 1em;
                color: #7f0a0c;
            }
            figure
            {
                margin: 0px;
                padding: 0px;
            }
            img
            {
                width: 720px;
            }
            html
            {
                font-family: sans-serif;
            }
            a
            {
                color: #3A91CB;
                text-decoration: none;
            }
            #lang
            {
                float: right;
            }
            figcaption
            {
                color: #aaa;
            }
            
            table
            {
                border-collapse: collapse;
            }
            
            table, th, td
            {
                border: 1px solid #aaa;
                padding: 0.5em;
                margin-top: 0.5em;
                margin-bottom: 0.5em;
            }
        </style>
    </head>
    <body>
        <center>
        <div id="header">
            <a href="../../en/news/index.html">News</a>
            <a href="../../en/page/games.html">Games</a>
            <a href="../../en/page/about.html">About</a>
            <div id="lang">
                <a href="yesterdays-live-session-short-overview.html">EN</a>
                <a href="../../ru/news/yesterdays-live-session-short-overview.html">RU</a>
            </div>
        </div>
        <h1>In the news</h1>
                <div class="news_item">
                    <h2 class="news_item_title">
                        <a href="yesterdays-live-session-short-overview.html">A few words about live session yesterday</a>
                    </h2>
                    <p class="news_item_date">
                        2016-09-26 00:00
                    </p>
                    <div class="news_item_contents">
        <iframe width="560" height="315" src="https://www.youtube.com/embed/_t8TGhSgJG4" frameborder="0" allowfullscreen>
 </iframe>
 <p>Mahjong Solitaire was successfully created, and it took less than 4 hours.</p>
 <p>We will publish live session materials later this week.</p>
 <p>Thank you for joining us.</p>

                    </div>
                </div>
        </center>
    </body>
 </html>
--- a/en/page/about.html
+++ b/en/page/about.html
@@ -0,0 +1,132 @@
 <!DOCTYPE html>
 <html>
    <meta charset="utf-8">
    <head>
        <style>
            #header
            {
                background: #2BA6E3;
                padding: 0.7em;
                text-align: left;
            }
            
            #header a
            {
                color: white;
                text-decoration: none;
                padding: 0.5em 1em 0.5em 1em;
            }
            .news_item
            {
                background: #FFFFFF;
                width: 720px;
                padding: 1em;
                margin-top: 2em;
                margin-bottom: 2em;
                border: 1px solid #E0E0E0;
                text-align: left;
            }
            .news_item_contents
            {
                color: #444;
                line-height: 1.5em;
            }
            .news_item_date
            {
                margin-bottom: 2em;
                color: #aaa;
            }
            body
            {
                background: #FAFAFA;
            }
            code, pre
            {
                font-family: monospace, serif;
                font-size: 1em;
                color: #7f0a0c;
            }
            figure
            {
                margin: 0px;
                padding: 0px;
            }
            img
            {
                width: 720px;
            }
            html
            {
                font-family: sans-serif;
            }
            a
            {
                color: #3A91CB;
                text-decoration: none;
            }
            #lang
            {
                float: right;
            }
            figcaption
            {
                color: #aaa;
            }
            
            table
            {
                border-collapse: collapse;
            }
            
            table, th, td
            {
                border: 1px solid #aaa;
                padding: 0.5em;
                margin-top: 0.5em;
                margin-bottom: 0.5em;
            }
        </style>
    </head>
    <body>
        <center>
        <div id="header">
            <a href="../../en/news/index.html">News</a>
            <a href="../../en/page/games.html">Games</a>
            <a href="../../en/page/about.html">About</a>
            <div id="lang">
                <a href="about.html">EN</a>
                <a href="../../ru/page/about.html">RU</a>
            </div>
        </div>
                <h1 class="news_item_title">About</h1>
                <div class="news_item">
                    <div class="news_item_contents">
        <p><strong>Goals</strong></p>
 <p>The goals of Opensource Game Studio are:</p>
 <ul>
 <li>creation of free video game development tools</li>
 <li>making video games with those tools</li>
 <li>preparing video game development tutorials</li>
 </ul>
 <p>To this date, we have released OGS Mahjong 1. It’s a solitaire game and the first step in the long path towards full-scale RPG.</p>
 <p><strong>Team</strong></p>
 <ul>
 <li>Michael “kornerr” Kapelko – software engineer, co-founder</li>
 <li>Ivan “Kai SD” Korystin – game designer, QA, PM, co-founder</li>
 </ul>
 <p><strong>Contributors</strong></p>
 <ul>
 <li>Maxim Zaretsky – writer</li>
 <li>Tatyana Artemyeva – QA</li>
 <li>devALEX – software engineer</li>
 <li>Timur “Sora” Malikin, Anton “Kif” Chernov- 3D modellers</li>
 <li>Thierry Delaunay, Miguel de Dios, Dirk Pervolz, Jurgen Rauscher – translators</li>
 </ul>
 <p><strong>Support us</strong></p>
 <p>If you like what we do, support us by joining our group at <a href="https://twitter.com/OpenGameStudio">Twitter</a>, <a href="https://www.facebook.com/groups/162611230470183">Facebook</a>, or <a href="https://vk.com/opengamestudo">VK</a>. One day we’ll need your help.</p>

                    </div>
                </div>
        </center>
    </body>
 </html>
--- a/en/page/games.html
+++ b/en/page/games.html
@@ -0,0 +1,135 @@
 <!DOCTYPE html>
 <html>
    <meta charset="utf-8">
    <head>
        <style>
            #header
            {
                background: #2BA6E3;
                padding: 0.7em;
                text-align: left;
            }
            
            #header a
            {
                color: white;
                text-decoration: none;
                padding: 0.5em 1em 0.5em 1em;
            }
            .news_item
            {
                background: #FFFFFF;
                width: 720px;
                padding: 1em;
                margin-top: 2em;
                margin-bottom: 2em;
                border: 1px solid #E0E0E0;
                text-align: left;
            }
            .news_item_contents
            {
                color: #444;
                line-height: 1.5em;
            }
            .news_item_date
            {
                margin-bottom: 2em;
                color: #aaa;
            }
            body
            {
                background: #FAFAFA;
            }
            code, pre
            {
                font-family: monospace, serif;
                font-size: 1em;
                color: #7f0a0c;
            }
            figure
            {
                margin: 0px;
                padding: 0px;
            }
            img
            {
                width: 720px;
            }
            html
            {
                font-family: sans-serif;
            }
            a
            {
                color: #3A91CB;
                text-decoration: none;
            }
            #lang
            {
                float: right;
            }
            figcaption
            {
                color: #aaa;
            }
            
            table
            {
                border-collapse: collapse;
            }
            
            table, th, td
            {
                border: 1px solid #aaa;
                padding: 0.5em;
                margin-top: 0.5em;
                margin-bottom: 0.5em;
            }
        </style>
    </head>
    <body>
        <center>
        <div id="header">
            <a href="../../en/news/index.html">News</a>
            <a href="../../en/page/games.html">Games</a>
            <a href="../../en/page/about.html">About</a>
            <div id="lang">
                <a href="games.html">EN</a>
                <a href="../../ru/page/games.html">RU</a>
            </div>
        </div>
                <h1 class="news_item_title">Games</h1>
                <div class="news_item">
                    <div class="news_item_contents">
        <p>Below is a list of games: either released or in development.</p>
 </div>
 </div>
 <div class="news_item">
 <div class="news_item_contents">
 <p><strong>OGS Mahjong 1</strong></p>
 <p>Mahjong solitaire and shisen-sho game with nice 3D graphics and relaxing soundtrack.</p>
 <iframe width="560" height="315" src="https://www.youtube.com/embed/XdOzD_Hc2lQ" frameborder="0" allowfullscreen>
 </iframe>
 <ul>
 <li><strong>Released</strong>: 2013</li>
 <li><strong>Platforms</strong>: Linux, Windows</li>
 <li><strong><a href="../../en/page/ogs-mahjong-1.html">Download OGS Mahjong 1</a></strong></li>
 </ul>
 </div>
 </div>
 <div class="news_item">
 <div class="news_item_contents">

 <p><strong>OGS Mahjong 2 (in development)</strong></p>
 <p>Remake of OGS Mahjong 1 that runs on desktop, mobile, and web.</p>
 <p><a href="https://ogstudio.github.io/ogs-mahjong/"><img src="../../images/ogs-mahjong-2-screenshot.png" alt="shot" /></a></p>
 <ul>
 <li><strong>Try</strong> the latest version of <a href="https://ogstudio.github.io/ogs-mahjong/">OGS Mahjong 2 demo</a> in your web browser</li>
 <li><strong>Note</strong>: make sure you have <a href="https://get.webgl.org">WebGL enabled</a></li>
 </ul>

                    </div>
                </div>
        </center>
    </body>
 </html>
--- a/en/page/ogs-mahjong-1.html
+++ b/en/page/ogs-mahjong-1.html
@@ -0,0 +1,144 @@
 <!DOCTYPE html>
 <html>
    <meta charset="utf-8">
    <head>
        <style>
            #header
            {
                background: #2BA6E3;
                padding: 0.7em;
                text-align: left;
            }
            
            #header a
            {
                color: white;
                text-decoration: none;
                padding: 0.5em 1em 0.5em 1em;
            }
            .news_item
            {
                background: #FFFFFF;
                width: 720px;
                padding: 1em;
                margin-top: 2em;
                margin-bottom: 2em;
                border: 1px solid #E0E0E0;
                text-align: left;
            }
            .news_item_contents
            {
                color: #444;
                line-height: 1.5em;
            }
            .news_item_date
            {
                margin-bottom: 2em;
                color: #aaa;
            }
            body
            {
                background: #FAFAFA;
            }
            code, pre
            {
                font-family: monospace, serif;
                font-size: 1em;
                color: #7f0a0c;
            }
            figure
            {
                margin: 0px;
                padding: 0px;
            }
            img
            {
                width: 720px;
            }
            html
            {
                font-family: sans-serif;
            }
            a
            {
                color: #3A91CB;
                text-decoration: none;
            }
            #lang
            {
                float: right;
            }
            figcaption
            {
                color: #aaa;
            }
            
            table
            {
                border-collapse: collapse;
            }
            
            table, th, td
            {
                border: 1px solid #aaa;
                padding: 0.5em;
                margin-top: 0.5em;
                margin-bottom: 0.5em;
            }
        </style>
    </head>
    <body>
        <center>
        <div id="header">
            <a href="../../en/news/index.html">News</a>
            <a href="../../en/page/games.html">Games</a>
            <a href="../../en/page/about.html">About</a>
            <div id="lang">
                <a href="ogs-mahjong-1.html">EN</a>
                <a href="../../ru/page/ogs-mahjong-1.html">RU</a>
            </div>
        </div>
                <h1 class="news_item_title">OGS Mahjong 1</h1>
                <div class="news_item">
                    <div class="news_item_contents">
        <p>Mahjong solitaire and shisen-sho game with nice 3D graphics and relaxing soundtrack.</p>
 <iframe width="560" height="315" src="https://www.youtube.com/embed/XdOzD_Hc2lQ" frameborder="0" allowfullscreen>
 </iframe>
 <p><br></p>
 <p><strong>Features</strong></p>
 <ul>
 <li>3 game modes: Mahjong Solitaire, Shisen-sho and Shisen-sho with gravity.</li>
 <li>More than 150 layouts. Layouts format is compatible with KMahjongg.</li>
 <li>Support for multiple tilesets.</li>
 <li>4 themes: “Classic”, “Neo-classic”, “Flowers”, “Distros”.</li>
 <li>Support for background scenes.</li>
 <li>3 scenes: “Room”, “Room Lite” and “Inside the computer”.</li>
 <li>Save and load.</li>
 <li>Hints and shuffle.</li>
 <li>Unlimited number of undos.</li>
 <li>Camera animations and dynamic camera (cursor tracking).</li>
 <li>Layers highlighting.</li>
 <li>6 languages: Russian, English, German, French, Spanish and Hindi.</li>
 <li>Online leaderboard.</li>
 <li>Adapting the game settings to your computer configuration during the first game launch.</li>
 </ul>
 <p><strong>Basic version</strong></p>
 <ul>
 <li><a href="http://sourceforge.net/projects/osrpgcreation/files/Mahjong/1.1.0/ogs-mahjong-1.1.0-windows32.exe/download" title="Download ogs-mahjong-1.1.0-windows32.exe">For Windows (exe)</a> (40 MB)</li>
 <li><a href="http://sourceforge.net/projects/osrpgcreation/files/Mahjong/1.1.0/ogs-mahjong-full-1.1.0-windows32.exe/download" title="Download ogs-mahjong-1.1.0-full-windows32.exe">For Windows, with editor and additional music (exe)</a> (123 MB)</li>
 <li><a href="http://sourceforge.net/projects/osrpgcreation/files/Mahjong/1.1.0/ogs-mahjong-1.1.0-linux64.tar.lzma/download" title="Download ogs-mahjong-1.1.0-linux64.tar.lzma">For Linux64 (tar.lzma)</a> (37 MB)</li>
 <li><a href="http://sourceforge.net/projects/osrpgcreation/files/Mahjong/1.1.0/ogs-mahjong-full-1.1.0-linux64.tar.lzma/download" title="Download ogs-mahjong-1.1.0-full-linux64.tar.lzma">For Linux64, with editor and additional music (tar.lzma)</a> (110 MB)</li>
 <li><a href="http://sourceforge.net/projects/osrpgcreation/files/Mahjong/1.1.0/ogs-mahjong-1.1.0-linux32.tar.lzma/download" title="Download ogs-mahjong-1.1.0-linux32.tar.lzma">For Linux32 (tar.lzma)</a> (37 MB)</li>
 <li><a href="http://sourceforge.net/projects/osrpgcreation/files/Mahjong/1.1.0/ogs-mahjong-full-1.1.0-linux32.tar.lzma/download" title="Download ogs-mahjong-1.1.0-full-linux32.tar.lzma">For Linux32, with editor and additional music (tar.lzma)</a> (110 MB)</li>
 </ul>
 <p><strong>Deluxe version</strong></p>
 <p>If you like our work, you can support us by buying the Deluxe version. It will help us keep the things running and, maybe, hire some freelance artists to make our future games a bit better.</p>
 <p><strong>OGS Mahjong Deluxe</strong> contains two additional tilesets: “Eastern” and “Sport”.</p>
 <iframe src="https://www.humblebundle.com/widget/v2/product/ogsmahjong/ySGF3h34?theme=transparent-light" width="526" height="325" style="border: none;" scrolling="no" frameborder="0">
 </iframe>

                    </div>
                </div>
        </center>
    </body>
 </html>
--- a/images/2016-09-03_august-recap.png
+++ b/images/2016-09-03_august-recap.png
--- a/images/2016-10-03_ogs-editor-0.10.png
+++ b/images/2016-10-03_ogs-editor-0.10.png
--- a/images/2016-10-11_september-recap.png
+++ b/images/2016-10-11_september-recap.png
--- a/images/2016-10-31_tech-showcases.png
+++ b/images/2016-10-31_tech-showcases.png
--- a/images/2016-11-19_2016-october-recap.png
+++ b/images/2016-11-19_2016-october-recap.png
--- a/images/2016-12-15_2016-november-recap.png
+++ b/images/2016-12-15_2016-november-recap.png
--- a/images/2016-12-31_happy-new-year.png
+++ b/images/2016-12-31_happy-new-year.png
--- a/images/2017-01_mjin-android-gles.png
+++ b/images/2017-01_mjin-android-gles.png
--- a/images/2017-01_the-year-of-challenges.png
+++ b/images/2017-01_the-year-of-challenges.png
--- a/images/2017-03_lets-go.png
+++ b/images/2017-03_lets-go.png
--- a/images/2017-04_its-all-fine.png
+++ b/images/2017-04_its-all-fine.png
--- a/images/2017-05_osg-sample.png
+++ b/images/2017-05_osg-sample.png
--- a/images/2017-10-16-back-to-the-static.png
+++ b/images/2017-10-16-back-to-the-static.png
--- a/images/2017-11-22-2017-summary.png
+++ b/images/2017-11-22-2017-summary.png
--- a/images/2017-12-31-celebration.jpg
+++ b/images/2017-12-31-celebration.jpg
--- a/images/2018-01-26-mahjong-recreation-start.png
+++ b/images/2018-01-26-mahjong-recreation-start.png
--- a/images/2018-02-16-mahjong-techdemo1-gameplay.png
+++ b/images/2018-02-16-mahjong-techdemo1-gameplay.png
--- a/images/2018-04-20-openscenegraph-examples.png
+++ b/images/2018-04-20-openscenegraph-examples.png
--- a/images/2018-06-27-example-driven-development.png
+++ b/images/2018-06-27-example-driven-development.png
--- a/images/2018-08-21-examples-and-dependencies.png
+++ b/images/2018-08-21-examples-and-dependencies.png
--- a/images/2018-10-02-mahjong-demo2.png
+++ b/images/2018-10-02-mahjong-demo2.png
--- a/images/2018-11-19-ideal-gamedev.png
+++ b/images/2018-11-19-ideal-gamedev.png
--- a/images/2019-02-04_teaching-kids-to-program-all-cards-face-down.png
+++ b/images/2019-02-04_teaching-kids-to-program-all-cards-face-down.png
--- a/images/2019-02-04_teaching-kids-to-program-all-cards-face-up.png
+++ b/images/2019-02-04_teaching-kids-to-program-all-cards-face-up.png
--- a/images/2019-02-04_teaching-kids-to-program-cat-animation.gif
+++ b/images/2019-02-04_teaching-kids-to-program-cat-animation.gif
--- a/images/2019-02-04_teaching-kids-to-program-cat-script-ru.png
+++ b/images/2019-02-04_teaching-kids-to-program-cat-script-ru.png
--- a/images/2019-02-04_teaching-kids-to-program-cat-script.png
+++ b/images/2019-02-04_teaching-kids-to-program-cat-script.png
--- a/images/2019-02-04_teaching-kids-to-program-first-pair.png
+++ b/images/2019-02-04_teaching-kids-to-program-first-pair.png
--- a/images/2019-02-04_teaching-kids-to-program-leaderboard.png
+++ b/images/2019-02-04_teaching-kids-to-program-leaderboard.png
--- a/images/2019-02-04_teaching-kids-to-program-remove-pair.png
+++ b/images/2019-02-04_teaching-kids-to-program-remove-pair.png
--- a/images/2019-02-04_teaching-kids-to-program-sap-ui.png
+++ b/images/2019-02-04_teaching-kids-to-program-sap-ui.png
--- a/images/2019-02-04_teaching-kids-to-program-second-pair.png
+++ b/images/2019-02-04_teaching-kids-to-program-second-pair.png
--- a/images/2019-02-04_teaching-kids-to-program-team.png
+++ b/images/2019-02-04_teaching-kids-to-program-team.png
--- a/images/2019-04-16_defending-availability.png
+++ b/images/2019-04-16_defending-availability.png
--- a/images/ogs-mahjong-2-screenshot.png
+++ b/images/ogs-mahjong-2-screenshot.png
--- a/index.html
+++ b/index.html
@@ -1,534 +1,4 @@
 <!DOCTYPE html>
 <head>
    <meta charset="utf-8" />
    <!-- Set the viewport width to device width for mobile -->
    <meta name="viewport" content="width=device-width" />

    <title>Opensource Game Studio</title>

    <link rel="stylesheet" href="http://opengamestudio.org/theme/css/normalize.css" />
    <link rel="stylesheet" href="http://opengamestudio.org/theme/css/foundation.min.css" />
    <link rel="stylesheet" href="http://opengamestudio.org/theme/css/style.css" />
    <link rel="stylesheet" href="http://opengamestudio.org/theme/css/pygments.css" />	
    <script src="http://opengamestudio.org/theme/js/custom.modernizr.js"></script>

    <!-- So Firefox can bookmark->"abo this site" -->
        <link href="feeds/all.atom.xml" rel="alternate" title="Opensource Game Studio" type="application/atom+xml">

 </head>

 <body>

 <!-- Nav Bar -->
 <nav>

 <!-- Show menu items and pages -->
 <div class="row">
    <div class="large-12 columns top-bar">
 	    <h1><a href="http://opengamestudio.org">Opensource Game Studio</a></h1>
    </div>
 </div>
 <div class="row top-menu">
 <div class="large-12 columns">
        <a href="/pages/games.html" class="menu-button secondary">Games</a>
        <a href="/pages/education.html" class="menu-button secondary">Education</a>
        <a href="/pages/about.html" class="menu-button secondary">About</a>

 </div>
 </div>
 </nav>
 <!-- End Nav -->


 <!-- Main Page Content and Sidebar -->
 <div class="row">

    <!-- Main Blog Content -->
    <div class="large-9 columns">
        
        

            <article>
                <a href="http://opengamestudio.org/teaching-kids-to-program.html"><h3 class="article-title">Teaching kids to program</h3></a>
 <h6 class="subheader" title="2019-02-04T00:00:00+03:00">Пн 04 февраля 2019
            <a class="button secondary small translation-button" href="http://opengamestudio.org/teaching-kids-to-program-ru.html">ru</a>

 </h6><p><img alt="Screenshot" src="http://opengamestudio.org/2019-02-04_teaching-kids-to-program-team.png"></p>
 <p>In this article, Michael shares his experience of teaching kids to program.</p>
 <p>Here's what he covers:</p>
 <ul>
 <li>organization of the learning process</li>
 <li>learning plan</li>
 <li>memory game</li>
 <li>development tools</li>
 <li>lessons</li>
 <li>results and plans</li>
 </ul>
 <p><strong>Organization of the learning process</strong></p>
 <p>The learning process is conducted as part of corporate social responsibility: a company provides a room with equipment and connects employees that want to try themselves in the role of teachers with employees that want their kids educated. All this is done voluntarily.</p>
 <p>Potential teachers are divided into groups so that each group contains three teachers: experienced one and two novice ones. Such a group of three teachers leads a group of students. Students are divided into groups by age and skills.</p>
 <p>I participated in the program as a teacher for the second time in 2018. The kids were around ten years old. Our group was active from October to December of 2018 each Saturday, 10:00-12:00. Using my position as a teacher, I've also brought my wife in as a student.</p>
 <p><strong>Learning plan</strong></p>
 <p>The first time I participated in the program, our group taught kids rather mindlessly: we were coming up with simple tasks to explain different operators. By the end of the course we had nothing concrete to evaluate, analyze, and share.</p>
 <p>This second time I decided we are going to create a memory game with kids. I decided to consider the course successful if by the end of the course each kid would be able to create a simple memory game from scratch in an hour.</p>
 <p>To achieve that, we were recreating the same game from scratch each lesson. I'd like to stress that we did not use personal accounts to save progress. Our task was to save the skill of game creation in the head, not a PC.</p>
 <p><strong>Memory game</strong></p>
 <p>Let's see what the memory game is.</p>
 <p><strong>1)</strong> In the simplest case we have 16 cards, only 8 of them are unique, the rest 8 are duplicates of the unique ones.</p>
 <p><img alt="Screenshot" src="http://opengamestudio.org/2019-02-04_teaching-kids-to-program-all-cards-face-up.png"></p>
 <p>As you can see, we only have two cards with a cat, only two cards with a dog, etc..</p>
 <p><strong>2)</strong> At the start we shuffle the cards and place them with their faces down.</p>
 <p><img alt="Screenshot" src="http://opengamestudio.org/2019-02-04_teaching-kids-to-program-all-cards-face-down.png"></p>
 <p><strong>3)</strong> The first game player turns a pair of cards.</p>
 <p><img alt="Screenshot" src="http://opengamestudio.org/2019-02-04_teaching-kids-to-program-first-pair.png"></p>
 <p><strong>4)</strong> If the cards differ they are once again turned face down.</p>
 <p><img alt="Screenshot" src="http://opengamestudio.org/2019-02-04_teaching-kids-to-program-all-cards-face-down.png"></p>
 <p><strong>5)</strong> The next player turns another pair of cards.</p>
 <p><img alt="Screenshot" src="http://opengamestudio.org/2019-02-04_teaching-kids-to-program-second-pair.png"></p>
 <p><strong>6)</strong> If the cards are the same, they are removed from the field.</p>
 <p><img alt="Screenshot" src="http://opengamestudio.org/2019-02-04_teaching-kids-to-program-remove-pair.png"></p>
 <p>The goal of the game is to remove all cards from the field. There's no competition here so the game can be played alone.</p>
 <p>From one hand, the memory game is rather simple. From the other hand, the game implementation requires essential functionality each more or less complex game has:</p>
 <ul>
 <li>creation of items</li>
 <li>arrangement of items</li>
 <li>selection of items</li>
 <li>comparison of items</li>
 <li>removal of matching items</li>
 </ul>
 <p><strong>Development tools</strong></p>
 <p>We used Scratch as our development tool. <a href="https://scratch.mit.edu/">Scratch</a> is a great tool to teach kids to program because each action, each operation is represented graphically.</p>
 <p>For example, you can rotate a cat 360 degrees in 1 second using the following script:</p>
 <p><img alt="Screenshot" src="http://opengamestudio.org/2019-02-04_teaching-kids-to-program-cat-script.png"></p>
 <p>Here's how it looks like in action:</p>
 <p><img alt="Animation" src="http://opengamestudio.org/2019-02-04_teaching-kids-to-program-cat-animation.gif"></p>
 <p>I'd like to stress that Scratch is a rather successful solution to represent code graphically. For example, a paid solution by SAP uses similar concept of cubes to program logic:</p>
 <p><img alt="Screenshot" src="http://opengamestudio.org/2019-02-04_teaching-kids-to-program-sap-ui.png"></p>
 <p>Users can only input values into predefined fields. If users want more functionality they have to resort to scripts.</p>
 <p>Personally, I have never witnessed any slowdown in Scratch, and there were many in SAP's solution.</p>
 <p><strong>The first lesson</strong></p>
 <p>The first lesson was introductory, we didn't use PCs.</p>
 <p>The plan was to:</p>
 <ol>
 <li>Meet</li>
 <li>Play the memory game with cards</li>
 <li>Learn the concept of algorithm</li>
 <li>Detail the game's algorithm</li>
 <li>Analyze the lesson</li>
 </ol>
 <p><strong>1)</strong> Meeting</p>
 <p>Both teachers and students stand in a circle. This equalizes everyone and makes everyone a team member.</p>
 <p>The first team member tells his name and why he decided to take the course. The second team member and the rest first repeat the name and the story of each previous team member before telling their own names and stories.</p>
 <p>Here's how it looks like:</p>
 <ol>
 <li>John: "My name is John, I am going to study Scratch because my father forces me to"</li>
 <li>Alex: "This is John, he's doing Scratch because his father wants him to do it. My name is Alex, and this is my fourth year with Scratch"</li>
 <li>Ann: "That's John, his parents force him to do Scratch. This is Alex, he's a Scratch veteran. And I'm Ann, a novice teacher, so I'm going to learn together with you all"</li>
 </ol>
 <p>Such a format of meeting has the following objectives:</p>
 <ul>
 <li>Getting to know each other<ul>
 <li>Each team member should know other team members by name</li>
 </ul>
 </li>
 <li>Common space<ul>
 <li>Everyone is in the circle, not at a working desk, this prevents distraction of kids by PC games</li>
 </ul>
 </li>
 <li>Equality<ul>
 <li>Both teachers and students are in the same circle, this equalizes everyone as a team member without hierarchy</li>
 </ul>
 </li>
 <li>Attention<ul>
 <li>Each team member should listen carefully to be able to correctly repeat what others said</li>
 </ul>
 </li>
 <li>Feedback<ul>
 <li>Each team member should be as clear as possible when expressing thoughts, otherwise nobody would be able to repeat them</li>
 </ul>
 </li>
 <li>Fun<ul>
 <li>Memorization problems produce lots of laughter</li>
 </ul>
 </li>
 </ul>
 <p><strong>2)</strong> Memory game with cards</p>
 <ol>
 <li>Take 8 pairs of the same cards from two decks of cards</li>
 <li>Place the cards in 4 x 4 grid, faces down</li>
 <li>Students stand up around single table</li>
 <li>Each student, one by one, turns a pair of cards<ul>
 <li>If cards match, they are taken off the field</li>
 <li>If cards differ, they are once again turned face down</li>
 </ul>
 </li>
 </ol>
 <p>Students are eager to play tabletop games. During the game party teachers say out loud each step in the game's algorithm.</p>
 <p>After a couple of parties it's time to find out what algorithm is.</p>
 <p><strong>3)</strong> The concept of algorithm</p>
 <ol>
 <li>Ask students first, hear them out to find out their level</li>
 <li>Correct what students say if they were close to an expected answer</li>
 <li>Ask students to write an algorithm to move a man from "stands outside a room" state into "sits and works at a PC" one</li>
 </ol>
 <p>Students like to go to blackboard and write, so we ask each student to come and write a single step of the algorithm at a time. The most active student should execute the algorithm by following it strictly.</p>
 <p><strong>4)</strong> The algorithm of the game</p>
 <p>Ask students to compose the game's algorithm. Again, let students come to the blackboard and add one step of the algorithm at a time. Once the algorithm is ready, play the game with cards once again. Now, each student should say the algorithm's step he executes.</p>
 <p>Here's how it looks like:</p>
 <ol>
 <li>John: "Place 16 cards faces down"</li>
 <li>Alex: "Turn a pair of cards"</li>
 <li>Paul: "If the cards differ, turn them faces down again"</li>
 <li>Dan: "Turn another pair of cards"</li>
 <li>Mike: "If the cards match, take them off the field"</li>
 </ol>
 <p><strong>5)</strong> Analyze the lesson</p>
 <p>That's it for the first lesson. Teachers finally have time to discuss the lesson: discuss the kids, approaches to shy and active kids, plan next lessons.</p>
 <p>We had the following decisions:</p>
 <ol>
 <li>Arrange students so that active ones sit next to shy ones as "active-shy-active-shy-etc" so that we don't end up with two groups of shy and active students at different sides of a room, which would hamper productivity.</li>
 <li>Only accept accurate answers from students because active students like to wriggle, which hampers discipline.</li>
 </ol>
 <p><strong>The second and the third lessons</strong></p>
 <p>We were beginning each lesson with the same meeting: we would stand up in a circle, tell our names and what we did. Those who did nothing should have said why. Just as before, everyone should first repeat what previous team members said.</p>
 <p>We spent the second lesson to create requirements for an item of the playfield and then create the item in Scratch. This was moderately successful.</p>
 <p>We spent the third lesson trying to create 16 items and arrange them in 4x4 grid. We failed miserably because we could not explain coordinate system to students. It became apparent that lesson plans were only plans, reality had its own demands.</p>
 <p>We saw two ways to approach the problem:</p>
 <ol>
 <li>Keep on studying the coordinate system risking not to get the game done by the end of the course</li>
 <li>Change the game requirements so that coordinate system is not necessary</li>
 </ol>
 <p>We went the second way because, after all, we're not a school, our goal was to teach kids to create the game, i.e., use skills in practice, not theory. That's why we replaced 4x4 grid with a circle of 16 items.</p>
 <p>This solution sparkled a few thoughts in my head:</p>
 <ol>
 <li>One can often find a simpler path to solve an issue</li>
 <li>This path is simpler to understand, albeit less flexible</li>
 <li>One can go the harder path to increase flexibility much later when it becomes absolutely necessary</li>
 <li>Simplification moves one closer to the goal, complexification moves one in the opposite direction</li>
 </ol>
 <p><strong>The fourth and the rest of the lessons</strong></p>
 <p>The fourth lesson marked the end of coming up with requirements in class because doing so started to take too much time. We chose practice over theory once again to meet the deadline. This time all requirements were conducted before the lesson. Still, nobody read them.</p>
 <p>We spent the fourth and the fifth lessons to create 16 items in circle, select a pair of items and match them.</p>
 <p>We started recreating complete game from scratch on the sixth lesson. Each time students were recreating complete game faster and faster. On the eighth lesson we introduced a leaderboard to track how fast each student recreates a specific part of the game.</p>
 <p><strong>The last lesson</strong></p>
 <p>When the last lesson approached everyone was able to create the memory game from scratch more or less independently in two hours.</p>
 <p>Here's the leaderboard of the last lesson (names are hidden):</p>
 <p><img alt="Screenshot" src="http://opengamestudio.org/2019-02-04_teaching-kids-to-program-leaderboard.png"></p>
 <p>The leaderboard is in Russian, here are the captions translated:</p>
 <ul>
 <li>Name</li>
 <li>Circle of items</li>
 <li>Selection of pairs</li>
 <li>Hide all</li>
 <li>Hide a pair</li>
 </ul>
 <p>Here you can witness the creation of the memory game from scratch by the fastest student: in just half an hour.</p>
 <iframe width="560" height="315" src="https://www.youtube.com/embed/WlA193S3SPY" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>

 <p><br/></p>
 <p><strong>Results and plans</strong></p>
 <p>The results surpassed my expectations:</p>
 <ul>
 <li>three students made it in an hour or faster</li>
 <li>two students made it in an hour and a half or faster</li>
 </ul>
 <p>This year I plan on doing another round of the memory game recreation. However, I'm going to replace Scratch with Opensource Game Studio tools: the students will use Lua, Git, and GitHub Pages.</p>
 <p>That's it for sharing Michael's experience of teaching kids to program.</p><p class="subheader">Category: <a href="http://opengamestudio.org/category/news.html">News</a>

 </p>


            </article>


                <hr  class="gradient"/>


        


            <article>
                <a href="http://opengamestudio.org/2019-year-of-rethinking.html"><h3 class="article-title">Year of rethinking</h3></a>
 <h6 class="subheader" title="2019-01-01T00:01:00+03:00">Вт 01 января 2019
            <a class="button secondary small translation-button" href="http://opengamestudio.org/2019-year-of-rethinking-ru.html">ru</a>

 </h6><p><img alt="Screenshot" src="http://opengamestudio.org/2017-12-31-celebration.jpg"></p>
 <p>It was a year of reimagining and rethinking. As some of you may remember, we started this project to make a game development tool. During the years, the idea evolved from one form to another, sometimes the changes were significant, other times we threw away all the code and started …</p><p class="subheader">Category: <a href="http://opengamestudio.org/category/news.html">News</a>

 </p>


                <a class="button radius secondary small right" href="http://opengamestudio.org/2019-year-of-rethinking.html">Read More</a>
                <hr  class="gradient"/>
            </article>

        


            <article>
                <a href="http://opengamestudio.org/ideal-gamedev.html"><h3 class="article-title">Ideal games and game development tools</h3></a>
 <h6 class="subheader" title="2018-11-19T00:00:00+03:00">Пн 19 ноября 2018
            <a class="button secondary small translation-button" href="http://opengamestudio.org/ideal-gamedev-ru.html">ru</a>

 </h6><p><img alt="Screenshot" src="http://opengamestudio.org/2018-11-19-ideal-gamedev.png"></p>
 <p>In this article, we discuss how ideal video game and video game development
 tool look like, in our opinion.</p>
 <p><strong>Questions</strong></p>
 <p>As you know, the <a href="http://opengamestudio.org/pages/about.html">goals of Opensource Game Studio</a> are:</p>
 <ul>
 <li>creation of free video game development tools</li>
 <li>making video games with those tools</li>
 <li>preparing video game development tutorials</li>
 </ul>
 <p>This time …</p><p class="subheader">Category: <a href="http://opengamestudio.org/category/news.html">News</a>

 </p>


                <a class="button radius secondary small right" href="http://opengamestudio.org/ideal-gamedev.html">Read More</a>
                <hr  class="gradient"/>
            </article>

        


            <article>
                <a href="http://opengamestudio.org/mahjong-demo2.html"><h3 class="article-title">OGS Mahjong 2: Demo 2</h3></a>
 <h6 class="subheader" title="2018-10-02T00:00:00+03:00">Вт 02 октября 2018
            <a class="button secondary small translation-button" href="http://opengamestudio.org/mahjong-demo2-ru.html">ru</a>

 </h6><p><img alt="Screenshot" src="http://opengamestudio.org/2018-10-02-mahjong-demo2.png"></p>
 <p>We are glad to announce the release of the second demonstration of OGS Mahjong 2.
 The purposes of this release were to refine our development techniques and
 build a solid cross-platform foundation.</p>
 <p><strong>Release</strong></p>
 <p>Run the latest version of OGS Mahjong 2 in your web browser:
 <a href="http://ogstudio.github.io/ogs-mahjong">http://ogstudio.github.io/ogs-mahjong …</a></p><p class="subheader">Category: <a href="http://opengamestudio.org/category/news.html">News</a>

 </p>


                <a class="button radius secondary small right" href="http://opengamestudio.org/mahjong-demo2.html">Read More</a>
                <hr  class="gradient"/>
            </article>

        


            <article>
                <a href="http://opengamestudio.org/examples-and-dependencies.html"><h3 class="article-title">Examples and dependencies</h3></a>
 <h6 class="subheader" title="2018-08-21T00:00:00+03:00">Вт 21 августа 2018
            <a class="button secondary small translation-button" href="http://opengamestudio.org/examples-and-dependencies-ru.html">ru</a>

 </h6><p><img alt="Screenshot" src="http://opengamestudio.org/2018-08-21-examples-and-dependencies.png"></p>
 <p>This article describes two new OpenSceneGraph cross-platform examples and the
 change in handling dependencies.</p>
 <p><strong>Examples of HTTP client and node selection</strong></p>
 <p>Once we finished working on <a href="https://github.com/OGStudio/openscenegraph-cross-platform-examples/tree/master/04.RemoteDebugging">the remote debugging example</a> and
 <a href="http://opengamestudio.org/example-driven-development.html">reported its completion</a>, we were surprised by the fact
 that secure HTTP connection between a debugged application and debug …</p><p class="subheader">Category: <a href="http://opengamestudio.org/category/news.html">News</a>

 </p>


                <a class="button radius secondary small right" href="http://opengamestudio.org/examples-and-dependencies.html">Read More</a>
                <hr  class="gradient"/>
            </article>

        


            <article>
                <a href="http://opengamestudio.org/example-driven-development.html"><h3 class="article-title">Example-driven development</h3></a>
 <h6 class="subheader" title="2018-06-27T00:00:00+03:00">Ср 27 июня 2018
            <a class="button secondary small translation-button" href="http://opengamestudio.org/example-driven-development-ru.html">ru</a>

 </h6><p><img alt="Screenshot" src="http://opengamestudio.org/2018-06-27-example-driven-development.png"></p>
 <p>This article explains how the third OpenSceneGraph cross-platform example
 opened our eyes to example-driven development.</p>
 <p><strong>2018-08 EDIT</strong>: the third example has been renamed to the fourth one due to
 the reasons described in the <a href="http://opengamestudio.org/examples-and-dependencies.html">next article</a>.</p>
 <p><strong>The third OpenSceneGraph cross-platform example</strong></p>
 <p>The third OpenSceneGraph cross-platform example explains how to implement …</p><p class="subheader">Category: <a href="http://opengamestudio.org/category/news.html">News</a>

 </p>


                <a class="button radius secondary small right" href="http://opengamestudio.org/example-driven-development.html">Read More</a>
                <hr  class="gradient"/>
            </article>

        


            <article>
                <a href="http://opengamestudio.org/openscenegraph-examples.html"><h3 class="article-title">OpenSceneGraph cross-platform examples</h3></a>
 <h6 class="subheader" title="2018-04-20T00:00:00+03:00">Пт 20 апреля 2018
            <a class="button secondary small translation-button" href="http://opengamestudio.org/openscenegraph-examples-ru.html">ru</a>

 </h6><p><img alt="Screenshot" src="http://opengamestudio.org/2018-04-20-openscenegraph-examples.png"></p>
 <p>This article summarizes the work we did to produce the first two
 cross-platform OpenSceneGraph examples.</p>
 <p>By the time <a href="http://opengamestudio.org/mahjong-techdemo1-gameplay.html">the first technology demonstration of OGS Mahjong 2</a>
 has been released, we've already had <a href="https://github.com/OGStudio/openscenegraph-cross-platform-guide/issues/4">issue request</a>
 (to explain how to load images with OpenSceneGraph on Android) hanging for some
 time. We considered …</p><p class="subheader">Category: <a href="http://opengamestudio.org/category/news.html">News</a>

 </p>


                <a class="button radius secondary small right" href="http://opengamestudio.org/openscenegraph-examples.html">Read More</a>
                <hr  class="gradient"/>
            </article>

        


            <article>
                <a href="http://opengamestudio.org/mahjong-techdemo1-gameplay.html"><h3 class="article-title">First techdemo of OGS Mahjong 2: Gameplay</h3></a>
 <h6 class="subheader" title="2018-02-16T00:00:00+03:00">Пт 16 февраля 2018
            <a class="button secondary small translation-button" href="http://opengamestudio.org/mahjong-techdemo1-gameplay-ru.html">ru</a>

 </h6><p><img alt="Screenshot" src="http://opengamestudio.org/2018-02-16-mahjong-techdemo1-gameplay.png"></p>
 <p>We are glad to announce the release of the first technical demonstration of
 OGS Mahjong 2. The purpose of this release was to verify gameplay across
 supported platforms.</p>
 <p>Get techdemo for your platform:</p>
 <ul>
 <li>Run <a href="https://ogstudio.github.io/game-mahjong/versions/013/mjin-player.html">Web version</a> in your browser</li>
 <li>Get <a href="https://drive.google.com/open?id=1KW8IEN8Dpz8ODeg8BctVSJyzj9-AL9hR">Android version</a></li>
 <li>Get <a href="https://drive.google.com/open?id=1oj0-OXSmEatttzn86u2vgP9SRAIC0ozB">Windows version</a></li>
 <li>Get <a href="https://drive.google.com/open?id=1EX7kLIThLiMz9_W7VmBPySms3mlrF-i6">Linux version</a></li>
 <li>Get <a href="https://drive.google.com/open?id=1KWnvbHzan8MpMcZPG2QC-7KWoEYbqrM2">macOS …</a></li></ul><p class="subheader">Category: <a href="http://opengamestudio.org/category/news.html">News</a>

 </p>


                <a class="button radius secondary small right" href="http://opengamestudio.org/mahjong-techdemo1-gameplay.html">Read More</a>
                <hr  class="gradient"/>
            </article>

        


            <article>
                <a href="http://opengamestudio.org/mahjong-recreation-start.html"><h3 class="article-title">Mahjong recreation start</h3></a>
 <h6 class="subheader" title="2018-01-26T00:00:00+03:00">Пт 26 января 2018
            <a class="button secondary small translation-button" href="http://opengamestudio.org/mahjong-recreation-start-ru.html">ru</a>

 </h6><p><img alt="Screenshot" src="http://opengamestudio.org/2018-01-26-mahjong-recreation-start.png"></p>
 <p>This article describes the start of Mahjong game recreation.</p>
 <p><strong>Plan</strong></p>
 <p>We started Mahjong recreation endeavour by composing a brief plan to get gameplay with minimal graphics:</p>
 <ul>
 <li>Load single layout</li>
 <li>Place tiles in layout positions</li>
 <li>Distinguish tiles</li>
 <li>Implement selection</li>
 <li>Implement matching</li>
 </ul>
 <p>Just like any other plan, this one looked fine at …</p><p class="subheader">Category: <a href="http://opengamestudio.org/category/news.html">News</a>

 </p>


                <a class="button radius secondary small right" href="http://opengamestudio.org/mahjong-recreation-start.html">Read More</a>
                <hr  class="gradient"/>
            </article>

        


            <article>
                <a href="http://opengamestudio.org/the-year-of-lessons.html"><h3 class="article-title">The year of lessons</h3></a>
 <h6 class="subheader" title="2017-12-31T22:00:00+03:00">Вс 31 декабря 2017
            <a class="button secondary small translation-button" href="http://opengamestudio.org/the-year-of-lessons-ru.html">ru</a>

 </h6><p><img alt="Screenshot" src="http://opengamestudio.org/2017-12-31-celebration.jpg"></p>
 <p>So, the year 2017 is approaching its finale, the year's results have already
 been summed up. We're going to take a break from igniting the fireworks or
 preparation of the champagne so that we can designate our goal for the
 following year.</p>
 <p>As it may be clear from other articles …</p><p class="subheader">Category: <a href="http://opengamestudio.org/category/news.html">News</a>

 </p>


                <a class="button radius secondary small right" href="http://opengamestudio.org/the-year-of-lessons.html">Read More</a>
                <hr  class="gradient"/>
            </article>

            <!-- /#posts-list -->
 <div class="pagination-centered">
 <h6 class="subheader">Page 1 of 6</h6>

 <p>

        <a href="http://opengamestudio.org/index2.html">Next &raquo;</a>
 </p>
 </div>

    </div>
    <!-- End Main Content -->

    <!-- Sidebar -->
    <aside class="large-3 columns">
        <!--k
        <h5 class="sidebar-title">Site</h5>
        <ul class="side-nav">
            <li><a href="http://opengamestudio.org/archives.html">Archives</a>
            <li><a href="http://opengamestudio.org/tags.html">Tags</a>


                <li><a href="http://opengamestudio.org/feeds/all.atom.xml" rel="alternate">Atom feed</a></li>
        </ul>

 		
        <h5 class="sidebar-title">Categories</h5>
        <ul class="side-nav">
            <li><a href="http://opengamestudio.org/category/news.html">News</a></li>
   
        </ul>
        -->


 		
        
        <h5 class="sidebar-title">Ads</h5>
        <script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
        <!-- ogs2 -->
        <ins class="adsbygoogle"
             style="display:block"
             data-ad-client="ca-pub-4473792248813084"
             data-ad-slot="9024247127"
             data-ad-format="auto"></ins>
        <script>
        (adsbygoogle = window.adsbygoogle || []).push({});
        </script>

    </aside> <!-- End Sidebar -->

 </div> <!-- End Main Content and Sidebar -->


 <!-- Footer -->
 <footer class="row">
    <div class="large-12 columns">
        <hr />
        <div class="row">
            <div class="large-7 columns">
                <p>Proudly powered by <a href="http://getpelican.com">Pelican</a>, which takes great advantage of <a href="http://python.org">Python</a>.</p>
            </div>
            </div>
    </div>
    <script type="text/javascript">
    var _gaq = _gaq || [];
    _gaq.push(['_setAccount', 'UA-3773114-1']);
    _gaq.push(['_trackPageview']);
    (function() {
        var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
        ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
        var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
    })();
    </script>
 </footer>
 <html>
    <meta http-equiv="refresh" content="0; URL='en/news/index.html'"/>
 </html>
--- a/obsolete-pelican/2014-another-year-passed-ru.html
+++ b/obsolete-pelican/2014-another-year-passed-ru.html
--- a/obsolete-pelican/2014-another-year-passed.html
+++ b/obsolete-pelican/2014-another-year-passed.html