Back-port 2017-03 let's go article

archives.html

@@ -81,6 +81,10 @@
         <td>Пт 07 Апрель 2017</td>
         <td><a href='its-all-fine.html'>It's all fine</a></td>
         </tr>
+        <tr>
+        <td>Чт 16 Март 2017</td>
+        <td><a href='lets-go.html'>Let's go</a></td>
+        </tr>
     </tbody>
 </table>
 

author/opensource-game-studio.html

@@ -223,6 +223,26 @@ In case you missed it, here ...</p><p class="subheader">Category: <a href="http:
                 <hr  class="gradient"/>
             </article>
 
+        
+
+
+            <article>
+                <a href="http://opengamestudio.org/lets-go.html"><h3 class="article-title">Let's go</h3></a>
+<h6 class="subheader" title="2017-03-16T00:00:00+03:00">Чт 16 Март 2017
+            <a class="button secondary small translation-button" href="http://opengamestudio.org/lets-go-ru.html">ru</a>
+
+</h6><p><img alt="Let's go" src="http://opengamestudio.org/2017-03_lets-go.png" /></p>
+<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 ...</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/lets-go.html">Read More</a>
+                <hr  class="gradient"/>
+            </article>
+
             <!-- /#posts-list -->
 <div class="pagination-centered">
 <h6 class="subheader">Page 1 of 1</h6>

category/news.html

@@ -223,6 +223,26 @@ In case you missed it, here ...</p><p class="subheader">Category: <a href="http:
                 <hr  class="gradient"/>
             </article>
 
+        
+
+
+            <article>
+                <a href="http://opengamestudio.org/lets-go.html"><h3 class="article-title">Let's go</h3></a>
+<h6 class="subheader" title="2017-03-16T00:00:00+03:00">Чт 16 Март 2017
+            <a class="button secondary small translation-button" href="http://opengamestudio.org/lets-go-ru.html">ru</a>
+
+</h6><p><img alt="Let's go" src="http://opengamestudio.org/2017-03_lets-go.png" /></p>
+<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 ...</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/lets-go.html">Read More</a>
+                <hr  class="gradient"/>
+            </article>
+
             <!-- /#posts-list -->
 <div class="pagination-centered">
 <h6 class="subheader">Page 1 of 1</h6>

feeds/all.atom.xml

@@ -360,4 +360,56 @@ We spent 120 hours in five months to produce ten tutorials of the guide.</p&g
 </ol>
 <p>Некоторые из этих задач приходилось повторять несколько раз до тех пор, пока комбинация видео, текста и статьи не получилась целостной.</p>
 <p>Всего мы потратили 30 часов на создание самоучителей. В ходе их создания мы почерпнули много нового, что поможет нам улучшить обучающие материалы наших технологий в будущем. Сейчас мы ещё не в курсе, как именно эти материалы будут выглядеть, но они точно будут лучше.</p>
-&lt;p&gt;На этом мы заканчиваем рассказ о создании первых четырёх самоучителей OpenSceneGraph в марте 2017.&lt;/p&gt;</summary></entry></feed>
+&lt;p&gt;На этом мы заканчиваем рассказ о создании первых четырёх самоучителей OpenSceneGraph в марте 2017.&lt;/p&gt;</summary></entry><entry><title>Let's go</title><link href="http://opengamestudio.org/lets-go.html" rel="alternate"></link><updated>2017-03-16T00:00:00+03:00</updated><author><name>Opensource Game Studio</name></author><id>tag:opengamestudio.org,2017-03-16:lets-go.html</id><summary type="html">&lt;p&gt;&lt;img alt="Let's go" src="http://opengamestudio.org/2017-03_lets-go.png" /&gt;&lt;/p&gt;
+&lt;p&gt;In this article we describe our progress in January and February of 2017: rendering under iOS/Web and a new tutorial tool.&lt;/p&gt;
+&lt;p&gt;&lt;strong&gt;Rendering under iOS/Web&lt;/strong&gt;&lt;/p&gt;
+&lt;p&gt;To our surprise, we got a simple red cube rendered under &lt;a href="https://twitter.com/OpenGameStudio/status/826816343433498627"&gt;iOS&lt;/a&gt; and &lt;a href="https://twitter.com/OpenGameStudio/status/829731986264698881"&gt;Web&lt;/a&gt; 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.&lt;/p&gt;
+&lt;p&gt;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.&lt;/p&gt;
+&lt;p&gt;&lt;strong&gt;Tutorial tool&lt;/strong&gt;&lt;/p&gt;
+&lt;p&gt;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.&lt;/p&gt;
+&lt;p&gt;To combine text and video, we first tried &lt;a href="http://openshotvideo.com"&gt;OpenShot&lt;/a&gt;. It worked well, but we quickly saw its limitations:&lt;/p&gt;
+&lt;ul&gt;
+&lt;li&gt;Too much time is spent on adjusting time frames and animations&lt;/li&gt;
+&lt;li&gt;Project file and original resources are hard to track with VCS&lt;/li&gt;
+&lt;/ul&gt;
+&lt;p&gt;Since OpenSceneGraph cross-platform guide would consist of several tutorials, we decided to automate the process. Brief research revealed a great multimedia framework called &lt;a href="http://mltframework.org"&gt;MLT&lt;/a&gt;, which powers OpenShot itself. With MLT we got our tutorial tool in no time.&lt;/p&gt;
+&lt;p&gt;Currently, the tutorial tool allows anyone to combine text and video using a simple text file like this:&lt;/p&gt;
+&lt;div class="highlight"&gt;&lt;pre&gt;background bg.png
+text 5 Let&amp;#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&amp;#39;re still installing it
+video 26:56 install_blender.mp4
+text 5 Congratulations! We just finished installing Blender
+&lt;/pre&gt;&lt;/div&gt;
+
+
+&lt;p&gt;This is the actual script. See the final result &lt;a href="https://github.com/OGStudio/openscenegraph-cross-platform-guide/tree/master/tutorial-tool"&gt;here&lt;/a&gt;.&lt;/p&gt;
+&lt;p&gt;That's it for describing our progress in January and February of 2017: rendering under iOS/Web and the new tutorial tool.&lt;/p&gt;</summary></entry><entry><title>Поехали</title><link href="http://opengamestudio.org/lets-go-ru.html" rel="alternate"></link><updated>2017-03-16T00:00:00+03:00</updated><author><name>Opensource Game Studio</name></author><id>tag:opengamestudio.org,2017-03-16:lets-go-ru.html</id><summary type="html">&lt;p&gt;&lt;img alt="Let's go" src="http://opengamestudio.org/2017-03_lets-go.png" /&gt;&lt;/p&gt;
+&lt;p&gt;В этой статье мы расскажем о результатах нашей работы в январе и феврале 2017: отображении куба на iOS/Веб и нашем инструменте для создания самоучителей.&lt;/p&gt;
+&lt;p&gt;&lt;strong&gt;Отображение куба на iOS/Web&lt;/strong&gt;&lt;/p&gt;
+&lt;p&gt;К нашему удивлению, мы смогли отобразить простой красный куб на &lt;a href="https://twitter.com/OpenGameStudio/status/826816343433498627"&gt;iOS&lt;/a&gt; и &lt;a href="https://twitter.com/OpenGameStudio/status/829731986264698881"&gt;Веб&lt;/a&gt; довольно быстро: в начале февраля. Тем не менее, это лишь начало поддержки платформ Android, iOS и Веб. Впереди нас ждёт тернистая дорога, т.к. нам предстоит сделать ещё много вещей, прежде чем мы сможем объявить о полноценной поддержке этих платформ: визуальные эффекты, скрипты Python, архивы данных.&lt;/p&gt;
+&lt;p&gt;Т.к. нам потребовалось четыре месяца для начала поддержки платформ Android, iOS и  Веб, мы решили поделиться своими знаниями и помочь сообществу OpenSceneGraph. Мы напишем руководство по использованию OpenSceneGraph на ПК, мобилках и Вебе. Мы верим: чем более распространён OpenSceneGraph, тем сильнее наши собственные технологии. Как сказал Исаак Ньютон: "Если я видел дальше других, то потому, что стоял на плечах гигантов". OpenSceneGraph - наш гигант.&lt;/p&gt;
+&lt;p&gt;&lt;strong&gt;Инструмент для создания самоучителей&lt;/strong&gt;&lt;/p&gt;
+&lt;p&gt;Имея за плечами опыт проведения четырёх прямых эфиров, нам стало ясно, что руководство по использованию OpenSceneGraph будет полезно лишь при наличии видео. Но голое видео способно отразить лишь то, что мы делаем, но не то, почему мы делаем именно это и именно так. Поэтому мы решили совместить видео с текстом в форме как субтитров к видео, так и отдельных статей.&lt;/p&gt;
+&lt;p&gt;Первую попытку совмещения видео с текстом мы начали с помощью &lt;a href="http://openshotvideo.com"&gt;OpenShot&lt;/a&gt;. Инструмент хороший, но с первого же дня использования стали очевидны следующие ограничения:&lt;/p&gt;
+&lt;ul&gt;
+&lt;li&gt;Настройка моментов отображения текста и анимаций занимает много времени&lt;/li&gt;
+&lt;li&gt;Файл проекта и исходные ресурсы сложно положить в систему контроля версий&lt;/li&gt;
+&lt;/ul&gt;
+&lt;p&gt;Т.к. руководство по использованию OpenSceneGraph будет состоять из нескольких самоучителей, мы решили автоматизировать процесс. Быстрый поиск рассказал нам о существовании замечательного мультимедийного фреймворка &lt;a href="http://mltframework.org"&gt;MLT&lt;/a&gt;, который используется и в OpenShot. С помощью MLT мы быстро сделали свой инструмент для создания самоучителей.&lt;/p&gt;
+&lt;p&gt;На текущий момент наш инструмент позволяет совместить видео и текст с помощью простого текстового файла:&lt;/p&gt;
+&lt;div class="highlight"&gt;&lt;pre&gt;background bg.png
+text 5 Let&amp;#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&amp;#39;re still installing it
+video 26:56 install_blender.mp4
+text 5 Congratulations! We just finished installing Blender
+&lt;/pre&gt;&lt;/div&gt;
+
+
+&lt;p&gt;Это реальный скрипт. Конечный результат можно увидеть &lt;a href="https://github.com/OGStudio/openscenegraph-cross-platform-guide/tree/master/tutorial-tool"&gt;здесь&lt;/a&gt;.&lt;/p&gt;
+&lt;p&gt;На этом мы заканчиваем рассказ о результатах нашей работы в январе и феврале 2017: отображении куба на iOS/Веб и нашем инструменте для создания самоучителей.&lt;/p&gt;</summary></entry></feed>

feeds/news.atom.xml

@@ -181,4 +181,30 @@ We spent 120 hours in five months to produce ten tutorials of the guide.</p&g
 </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>
-&lt;p&gt;That's it for describing creation of the first four OpenSceneGraph tutorials in March 2017.&lt;/p&gt;</summary></entry></feed>
+&lt;p&gt;That's it for describing creation of the first four OpenSceneGraph tutorials in March 2017.&lt;/p&gt;</summary></entry><entry><title>Let's go</title><link href="http://opengamestudio.org/lets-go.html" rel="alternate"></link><updated>2017-03-16T00:00:00+03:00</updated><author><name>Opensource Game Studio</name></author><id>tag:opengamestudio.org,2017-03-16:lets-go.html</id><summary type="html">&lt;p&gt;&lt;img alt="Let's go" src="http://opengamestudio.org/2017-03_lets-go.png" /&gt;&lt;/p&gt;
+&lt;p&gt;In this article we describe our progress in January and February of 2017: rendering under iOS/Web and a new tutorial tool.&lt;/p&gt;
+&lt;p&gt;&lt;strong&gt;Rendering under iOS/Web&lt;/strong&gt;&lt;/p&gt;
+&lt;p&gt;To our surprise, we got a simple red cube rendered under &lt;a href="https://twitter.com/OpenGameStudio/status/826816343433498627"&gt;iOS&lt;/a&gt; and &lt;a href="https://twitter.com/OpenGameStudio/status/829731986264698881"&gt;Web&lt;/a&gt; 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.&lt;/p&gt;
+&lt;p&gt;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.&lt;/p&gt;
+&lt;p&gt;&lt;strong&gt;Tutorial tool&lt;/strong&gt;&lt;/p&gt;
+&lt;p&gt;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.&lt;/p&gt;
+&lt;p&gt;To combine text and video, we first tried &lt;a href="http://openshotvideo.com"&gt;OpenShot&lt;/a&gt;. It worked well, but we quickly saw its limitations:&lt;/p&gt;
+&lt;ul&gt;
+&lt;li&gt;Too much time is spent on adjusting time frames and animations&lt;/li&gt;
+&lt;li&gt;Project file and original resources are hard to track with VCS&lt;/li&gt;
+&lt;/ul&gt;
+&lt;p&gt;Since OpenSceneGraph cross-platform guide would consist of several tutorials, we decided to automate the process. Brief research revealed a great multimedia framework called &lt;a href="http://mltframework.org"&gt;MLT&lt;/a&gt;, which powers OpenShot itself. With MLT we got our tutorial tool in no time.&lt;/p&gt;
+&lt;p&gt;Currently, the tutorial tool allows anyone to combine text and video using a simple text file like this:&lt;/p&gt;
+&lt;div class="highlight"&gt;&lt;pre&gt;background bg.png
+text 5 Let&amp;#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&amp;#39;re still installing it
+video 26:56 install_blender.mp4
+text 5 Congratulations! We just finished installing Blender
+&lt;/pre&gt;&lt;/div&gt;
+
+
+&lt;p&gt;This is the actual script. See the final result &lt;a href="https://github.com/OGStudio/openscenegraph-cross-platform-guide/tree/master/tutorial-tool"&gt;here&lt;/a&gt;.&lt;/p&gt;
+&lt;p&gt;That's it for describing our progress in January and February of 2017: rendering under iOS/Web and the new tutorial tool.&lt;/p&gt;</summary></entry></feed>

index.html

@@ -223,6 +223,26 @@ In case you missed it, here ...</p><p class="subheader">Category: <a href="http:
                 <hr  class="gradient"/>
             </article>
 
+        
+
+
+            <article>
+                <a href="http://opengamestudio.org/lets-go.html"><h3 class="article-title">Let's go</h3></a>
+<h6 class="subheader" title="2017-03-16T00:00:00+03:00">Чт 16 Март 2017
+            <a class="button secondary small translation-button" href="http://opengamestudio.org/lets-go-ru.html">ru</a>
+
+</h6><p><img alt="Let's go" src="http://opengamestudio.org/2017-03_lets-go.png" /></p>
+<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 ...</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/lets-go.html">Read More</a>
+                <hr  class="gradient"/>
+            </article>
+
             <!-- /#posts-list -->
 <div class="pagination-centered">
 <h6 class="subheader">Page 1 of 1</h6>

lets-go-ru.html

@@ -0,0 +1,153 @@
+<!DOCTYPE html>
+<head>
+    <meta charset="utf-8" />
+    <!-- Set the viewport width to device width for mobile -->
+    <meta name="viewport" content="width=device-width" />
+
+    <title>Поехали</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/projects.html" class="menu-button secondary">Projects</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>
+    <header>
+        <h3 class="article-title"><a href="http://opengamestudio.org/lets-go-ru.html" rel="bookmark"
+        title="Permalink to Поехали">Поехали</a></h3>
+    </header>
+
+<h6 class="subheader" title="2017-03-16T00:00:00+03:00">Чт 16 Март 2017
+            <a class="button secondary small translation-button" href="http://opengamestudio.org/lets-go.html">en</a>
+
+</h6>    <p><img alt="Let's go" src="http://opengamestudio.org/2017-03_lets-go.png" /></p>
+<p>В этой статье мы расскажем о результатах нашей работы в январе и феврале 2017: отображении куба на iOS/Веб и нашем инструменте для создания самоучителей.</p>
+<p><strong>Отображение куба на iOS/Web</strong></p>
+<p>К нашему удивлению, мы смогли отобразить простой красный куб на <a href="https://twitter.com/OpenGameStudio/status/826816343433498627">iOS</a> и <a href="https://twitter.com/OpenGameStudio/status/829731986264698881">Веб</a> довольно быстро: в начале февраля. Тем не менее, это лишь начало поддержки платформ Android, iOS и Веб. Впереди нас ждёт тернистая дорога, т.к. нам предстоит сделать ещё много вещей, прежде чем мы сможем объявить о полноценной поддержке этих платформ: визуальные эффекты, скрипты Python, архивы данных.</p>
+<p>Т.к. нам потребовалось четыре месяца для начала поддержки платформ Android, iOS и  Веб, мы решили поделиться своими знаниями и помочь сообществу OpenSceneGraph. Мы напишем руководство по использованию OpenSceneGraph на ПК, мобилках и Вебе. Мы верим: чем более распространён OpenSceneGraph, тем сильнее наши собственные технологии. Как сказал Исаак Ньютон: "Если я видел дальше других, то потому, что стоял на плечах гигантов". OpenSceneGraph - наш гигант.</p>
+<p><strong>Инструмент для создания самоучителей</strong></p>
+<p>Имея за плечами опыт проведения четырёх прямых эфиров, нам стало ясно, что руководство по использованию OpenSceneGraph будет полезно лишь при наличии видео. Но голое видео способно отразить лишь то, что мы делаем, но не то, почему мы делаем именно это и именно так. Поэтому мы решили совместить видео с текстом в форме как субтитров к видео, так и отдельных статей.</p>
+<p>Первую попытку совмещения видео с текстом мы начали с помощью <a href="http://openshotvideo.com">OpenShot</a>. Инструмент хороший, но с первого же дня использования стали очевидны следующие ограничения:</p>
+<ul>
+<li>Настройка моментов отображения текста и анимаций занимает много времени</li>
+<li>Файл проекта и исходные ресурсы сложно положить в систему контроля версий</li>
+</ul>
+<p>Т.к. руководство по использованию OpenSceneGraph будет состоять из нескольких самоучителей, мы решили автоматизировать процесс. Быстрый поиск рассказал нам о существовании замечательного мультимедийного фреймворка <a href="http://mltframework.org">MLT</a>, который используется и в OpenShot. С помощью MLT мы быстро сделали свой инструмент для создания самоучителей.</p>
+<p>На текущий момент наш инструмент позволяет совместить видео и текст с помощью простого текстового файла:</p>
+<div class="highlight"><pre>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
+</pre></div>
+
+
+<p>Это реальный скрипт. Конечный результат можно увидеть <a href="https://github.com/OGStudio/openscenegraph-cross-platform-guide/tree/master/tutorial-tool">здесь</a>.</p>
+<p>На этом мы заканчиваем рассказ о результатах нашей работы в январе и феврале 2017: отображении куба на iOS/Веб и нашем инструменте для создания самоучителей.</p>
+<p class="subheader">Category: <a href="http://opengamestudio.org/category/news.html">News</a>
+
+</p>
+
+
+
+</article>
+    </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>

lets-go.html

@@ -0,0 +1,153 @@
+<!DOCTYPE html>
+<head>
+    <meta charset="utf-8" />
+    <!-- Set the viewport width to device width for mobile -->
+    <meta name="viewport" content="width=device-width" />
+
+    <title>Let's go</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/projects.html" class="menu-button secondary">Projects</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>
+    <header>
+        <h3 class="article-title"><a href="http://opengamestudio.org/lets-go.html" rel="bookmark"
+        title="Permalink to Let's go">Let's go</a></h3>
+    </header>
+
+<h6 class="subheader" title="2017-03-16T00:00:00+03:00">Чт 16 Март 2017
+            <a class="button secondary small translation-button" href="http://opengamestudio.org/lets-go-ru.html">ru</a>
+
+</h6>    <p><img alt="Let's go" src="http://opengamestudio.org/2017-03_lets-go.png" /></p>
+<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>
+<div class="highlight"><pre>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
+</pre></div>
+
+
+<p>This is the actual script. See the final result <a href="https://github.com/OGStudio/openscenegraph-cross-platform-guide/tree/master/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>
+<p class="subheader">Category: <a href="http://opengamestudio.org/category/news.html">News</a>
+
+</p>
+
+
+
+</article>
+    </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>

pelican/content/articles/2017-03-16_lets-go-ru.md

@@ -0,0 +1,49 @@
+Title: Поехали
+Date: 2017-03-16 00:00
+Category: News
+Slug: lets-go
+Lang: ru
+
+![Let's go][screenshot]
+
+
+В этой статье мы расскажем о результатах нашей работы в январе и феврале 2017: отображении куба на iOS/Веб и нашем инструменте для создания самоучителей.
+
+**Отображение куба на iOS/Web**
+
+К нашему удивлению, мы смогли отобразить простой красный куб на [iOS](https://twitter.com/OpenGameStudio/status/826816343433498627) и [Веб](https://twitter.com/OpenGameStudio/status/829731986264698881) довольно быстро: в начале февраля. Тем не менее, это лишь начало поддержки платформ Android, iOS и Веб. Впереди нас ждёт тернистая дорога, т.к. нам предстоит сделать ещё много вещей, прежде чем мы сможем объявить о полноценной поддержке этих платформ: визуальные эффекты, скрипты Python, архивы данных.
+
+Т.к. нам потребовалось четыре месяца для начала поддержки платформ Android, iOS и  Веб, мы решили поделиться своими знаниями и помочь сообществу OpenSceneGraph. Мы напишем руководство по использованию OpenSceneGraph на ПК, мобилках и Вебе. Мы верим: чем более распространён OpenSceneGraph, тем сильнее наши собственные технологии. Как сказал Исаак Ньютон: "Если я видел дальше других, то потому, что стоял на плечах гигантов". OpenSceneGraph - наш гигант.
+
+
+**Инструмент для создания самоучителей**
+
+Имея за плечами опыт проведения четырёх прямых эфиров, нам стало ясно, что руководство по использованию OpenSceneGraph будет полезно лишь при наличии видео. Но голое видео способно отразить лишь то, что мы делаем, но не то, почему мы делаем именно это и именно так. Поэтому мы решили совместить видео с текстом в форме как субтитров к видео, так и отдельных статей.
+
+Первую попытку совмещения видео с текстом мы начали с помощью [OpenShot](http://openshotvideo.com). Инструмент хороший, но с первого же дня использования стали очевидны следующие ограничения:
+
+* Настройка моментов отображения текста и анимаций занимает много времени
+* Файл проекта и исходные ресурсы сложно положить в систему контроля версий
+
+
+
+Т.к. руководство по использованию OpenSceneGraph будет состоять из нескольких самоучителей, мы решили автоматизировать процесс. Быстрый поиск рассказал нам о существовании замечательного мультимедийного фреймворка [MLT](http://mltframework.org), который используется и в OpenShot. С помощью MLT мы быстро сделали свой инструмент для создания самоучителей.
+
+На текущий момент наш инструмент позволяет совместить видео и текст с помощью простого текстового файла:
+
+```
+background bg.png
+text 5 Let's install Blender
+video 0:6 install_blender.mp4
+text 5 Installing it with apt
+video 6:26 install_blender.mp4
+text 5 We're still installing it
+video 26:56 install_blender.mp4
+text 5 Congratulations! We just finished installing Blender
+```
+
+Это реальный скрипт. Конечный результат можно увидеть [здесь](https://github.com/OGStudio/openscenegraph-cross-platform-guide/tree/master/tutorial-tool).
+
+На этом мы заканчиваем рассказ о результатах нашей работы в январе и феврале 2017: отображении куба на iOS/Веб и нашем инструменте для создания самоучителей.
+
+[screenshot]: {attach}/images/2017-03_lets-go.png

pelican/content/articles/2017-03-16_lets-go.md

@@ -0,0 +1,48 @@
+Title: Let's go
+Date: 2017-03-16 00:00
+Category: News
+Slug: lets-go
+Lang: en
+
+![Let's go][screenshot]
+
+
+In this article we describe our progress in January and February of 2017: rendering under iOS/Web and a new tutorial tool.
+
+**Rendering under iOS/Web**
+
+To our surprise, we got a simple red cube rendered under [iOS](https://twitter.com/OpenGameStudio/status/826816343433498627) and [Web](https://twitter.com/OpenGameStudio/status/829731986264698881) 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.
+
+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.
+
+
+**Tutorial tool**
+
+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.
+
+To combine text and video, we first tried [OpenShot](http://openshotvideo.com). It worked well, but we quickly saw its limitations:
+
+* Too much time is spent on adjusting time frames and animations
+* Project file and original resources are hard to track with VCS
+
+
+
+Since OpenSceneGraph cross-platform guide would consist of several tutorials, we decided to automate the process. Brief research revealed a great multimedia framework called [MLT](http://mltframework.org), which powers OpenShot itself. With MLT we got our tutorial tool in no time.
+
+Currently, the tutorial tool allows anyone to combine text and video using a simple text file like this:
+```
+background bg.png
+text 5 Let's install Blender
+video 0:6 install_blender.mp4
+text 5 Installing it with apt
+video 6:26 install_blender.mp4
+text 5 We're still installing it
+video 26:56 install_blender.mp4
+text 5 Congratulations! We just finished installing Blender
+```
+
+This is the actual script. See the final result [here](https://github.com/OGStudio/openscenegraph-cross-platform-guide/tree/master/tutorial-tool).
+
+That's it for describing our progress in January and February of 2017: rendering under iOS/Web and the new tutorial tool.
+
+[screenshot]: {attach}/images/2017-03_lets-go.png

pelican/theme/static/css/style.css

@@ -101,7 +101,7 @@ padding: 1em;
 overflow: auto;
 }
 
-ol {
+ol, ul {
 margin-left: 2em;
 }
 

theme/css/style.css

@@ -101,7 +101,7 @@ padding: 1em;
 overflow: auto;
 }
 
-ol {
+ol, ul {
 margin-left: 2em;
 }