Add iOS tutorial june 17 article

content/articles/2017-06-08-ios-refactoring-ru.md

@@ -0,0 +1,50 @@
+Title: Самоучитель iOS
+Date: 2017-06-08 10:00
+Category: News
+Slug: ios-tutorial
+Lang: ru
+
+![Самоучитель iOS]({attach}/images/2017-06-08-ios-refactoring.png)
+
+Эта статья описывает проблемы, с которыми мы столкнулись во время создания самоучителя для iOS в мае 2017.
+ 
+[В феврале](https://twitter.com/OpenGameStudio/status/826816343433498627) мы сумели отобразить простую модель под iOS за считанные дни. Это дало нам уверенность, что самоучитель для iOS мы сделаем столь же быстро. Тем не менее, реальность напомнила нам о простой вещи: быстро сделать можно лишь поделку на коленке, работающую только у самого разработчика; над логически связанным примером, работающим у всех, придётся попотеть.
+
+### Нативная библиотека
+
+Прежде всего нам необходимо было ответить на следующий вопрос: "должен ли пример приложения быть частью проекта Xcode или отдельной библиотекой?"
+ 
+Для принятия решения мы использовали следующие факты:
+
+0. Проект Xcode может напрямую использовать C++ (благодаря Objective-C++) без прослоек вроде JNI
+    * Отдельная библиотека не нужна (+ приложение)
+    * Создание отдельной библиотеки - это дополнительная работа (- библиотека)
+0. OpenSceneGraph собирается в библиотеки
+    * Легче использовать стандартный процесс сборки (+ библиотека)
+    * Создавать свой процесс сборки лишь для одной платформы сложно (- приложение)
+0. OpenSceneGraph использует систему сборки CMake, которая не поддерживается Xcode
+    * Проект Xcode не может включать файлы CMake (- приложение)
+    * Свой файл CMake может с лёгкостью включить файл OpenSceneGraph CMake для сборки единой библиотеки (+ библиотека)
+0. CMake может генерировать проект Xcode
+    * Можно создать файл CMake, который будет собирать как OpenSceneGraph, так и пример приложения (+ приложение)
+    * Xcode - это де-факто инструмент для создания проектов Xcode; легче использовать стандартный процесс сборки (+ библиотека)
+ 
+Оценив плюсы и минусы обоих подходов, мы решили сделать библиотеку, которую можно включать в проект Xcode. Минусом данного подхода является то, что сборки приложения для симулятора и реального устройства используют разные сборки библиотеки.
+
+### Рефакторинг
+
+Также нам пришлось ответить на ещё один вопрос: "использовать ли единую кодовую базу для всех платформ или несколько под каждую платформу?"
+ 
+При создании самоучителя для Android мы использовали единую кодовую базу, т.к. она отлично работала для десктопа и Android. Когда мы начали работу над самоучителем iOS, стало ясно, что часть функционала либо работает, либо не работает на некоторых платформах. Например, один функционал может работать на десктопе и iOS, но не работать на Android. Другой функционал может работать на iOS и Android, но не работать на десктопе. Т.к. мы не хотели загрязнять код кучей #ifdef, мы решили помещать функционал, специфичный для конкретной платформы или нескольких платформ, в разные файлы. Это привело к резкому увеличению количества файлов. Такой подход хорошо подходил для повторного использования, но совершенно не годился для понимания общей картины.
+ 
+В этот момент мы осознали необходимость ответа на второй вопрос. Мы напомнили себе, что главная цель примера приложения состоит в том, чтобы обучить базовым вещам OpenSceneGraph, а не создать повторно используемую библиотеку с API, который будет жить без изменений десятилетиями.
+ 
+Для ответа на этот вопрос нам помог наш внутренний инструмент feature tool. С его помощью мы разделили код на несколько частей, который в итоге собирается ровно в два файла для каждой платформы:
+
+0. functions.h - содержит повторно используемые бесклассовые функции
+0. main.h - содержит остальной код приложения
+ 
+Их содержимое несколько отличается для каждой из платформ, но наличие всего двух файлов позволяет увидеть общую картину.
+ 
+На этом мы заканчиваем описание проблем, с которыми мы столкнулись во время создания самоучителя для iOS в мае 2017.
+

content/articles/2017-06-08-ios-refactoring.md

@@ -0,0 +1,50 @@
+Title: iOS tutorial
+Date: 2017-06-08 10:00
+Category: News
+Slug: ios-tutorial
+Lang: en
+
+![iOS tutorial]({attach}/images/2017-06-08-ios-refactoring.png)
+
+This article describes problems we faced during the creation of iOS tutorial in May 2017.
+ 
+[This February](https://twitter.com/OpenGameStudio/status/826816343433498627) 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.
+
+### Native library
+
+The first question we had to answer was: should the sample application be part of Xcode project or be a separately built library?
+ 
+We had to consider the following facts:
+
+0. Xcode project can use C++ directly (thanks to Objective-C++) without stuff like JNI
+    * There's no need for a separate library (+ application)
+    * Creating a separate library is an additional work (- library)
+0. OpenSceneGraph builds libraries
+    * It's easier to use standard build process (+ library)
+    * It's harder to create custom build process just for a single platform (- application)
+0. OpenSceneGraph uses CMake build system, which is not supported by Xcode
+    * Xcode project can't include CMake files (- application)
+    * It's easy to create custom CMake file that includes OpenSceneGraph CMake file to build a single library (+ library)
+0. CMake can generate Xcode project
+    * It's possible to create a CMake file that builds both OpenSceneGraph and the sample application (+ application)
+    * Xcode is the de-facto tool to create Xcode projects; it's easier to use standard build process (+ library)
+ 
+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.
+
+### Refactoring
+
+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?
+ 
+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.
+ 
+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.
+ 
+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:
+
+0. functions.h - contains reusable classless functions
+0. main.h - contains the rest of the sample application code
+ 
+Their contents differ slightly for each platform, but it's easy to see the whole picture now.
+ 
+That's it for describing problems we faced during the creation of iOS tutorial in May 2017.
+

content/articles/pelican-review-ru.md

@@ -1,5 +1,5 @@
 Title: Обзор Pelican
-Date: 2017-07-03 22:00
+Date: 2017-06-03 22:00
 Category: Review
 Slug: pelican-review
 Lang: ru

content/articles/pelican-review.md

@@ -1,5 +1,5 @@
 Title: Pelican review
-Date: 2017-07-03 22:00
+Date: 2017-06-03 22:00
 Category: Review
 Slug: pelican-review
 Lang: en

docs/archives.html

@@ -1,62 +1,160 @@
 <!DOCTYPE html>
-<html lang="en">
 <head>
-        <meta charset="utf-8" />
-        <title>Opensource Game Studio</title>
-        <link rel="stylesheet" href="https://kornerr.github.io/pelican/theme/css/main.css" />
-        <link href="https://kornerr.github.io/pelican/feeds/all.atom.xml" type="application/atom+xml" rel="alternate" title="Opensource Game Studio Atom Feed" />
-
-        <!--[if IE]>
-            <script src="https://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
-        <![endif]-->
+    <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="https://kornerr.github.io/pelican/theme/css/normalize.css" />
+    <link rel="stylesheet" href="https://kornerr.github.io/pelican/theme/css/foundation.min.css" />
+    <link rel="stylesheet" href="https://kornerr.github.io/pelican/theme/css/style.css" />
+    <link rel="stylesheet" href="https://kornerr.github.io/pelican/theme/css/pygments.css" />	
+    <script src="https://kornerr.github.io/pelican/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 id="index" class="home">
-        <header id="banner" class="body">
-                <h1><a href="https://kornerr.github.io/pelican/">Opensource Game Studio </a></h1>
-                <nav><ul>
-                    <li><a href="https://kornerr.github.io/pelican/pages/about.html">About</a></li>
-                    <li><a href="https://kornerr.github.io/pelican/category/review.html">Review</a></li>
-                </ul></nav>
-        </header><!-- /#banner -->
-<section id="content" class="body">
-<h1>Archives for Opensource Game Studio</h1>
-
-<dl>
-    <dt>Mon 03 July 2017</dt>
-    <dd><a href="https://kornerr.github.io/pelican/pelican-review.html">Pelican review</a></dd>
-    <dt>Thu 01 June 2017</dt>
-    <dd><a href="https://kornerr.github.io/pelican/keyboard-review.html">My first review</a></dd>
-</dl>
-</section>
-        <section id="extras" class="body">
-                <div class="blogroll">
-                        <h2>links</h2>
-                        <ul>
-                            <li><a href="http://getpelican.com/">Pelican</a></li>
-                            <li><a href="http://python.org/">Python.org</a></li>
-                            <li><a href="http://jinja.pocoo.org/">Jinja2</a></li>
-                            <li><a href="#">You can modify those links in your config file</a></li>
-                        </ul>
-                </div><!-- /.blogroll -->
-                <div class="social">
-                        <h2>social</h2>
-                        <ul>
-                            <li><a href="https://kornerr.github.io/pelican/feeds/all.atom.xml" type="application/atom+xml" rel="alternate">atom feed</a></li>
-
-                            <li><a href="#">You can add links in your config file</a></li>
-                            <li><a href="#">Another social link</a></li>
-                        </ul>
-                </div><!-- /.social -->
-        </section><!-- /#extras -->
-
-        <footer id="contentinfo" class="body">
-                <address id="about" class="vcard body">
-                Proudly powered by <a href="http://getpelican.com/">Pelican</a>, which takes great advantage of <a href="http://python.org">Python</a>.
-                </address><!-- /#about -->
-
-                <p>The theme is by <a href="http://coding.smashingmagazine.com/2009/08/04/designing-a-html-5-layout-from-scratch/">Smashing Magazine</a>, thanks!</p>
-        </footer><!-- /#contentinfo -->
-
-</body>
-</html>
+<body>
+
+<!-- Nav Bar -->
+<nav>
+
+<!-- Show menu items and pages -->
+<div class="row">
+    <div class="large-12 columns top-bar">
+	    <h1><a href="https://kornerr.github.io/pelican">Opensource Game Studio</a></h1>
+    </div>
+</div>
+<div class="row top-menu">
+<div class="large-12 columns">
+
+            <a href="https://kornerr.github.io/pelican/pages/about.html" class="menu-button secondary">About</a>
+            <a href="https://kornerr.github.io/pelican/pages/projects.html" class="menu-button secondary">Projects</a>
+</div>
+</div>
+</nav>
+<!-- End Nav -->
+
+
+<!-- Main Page Content and Sidebar -->
+<div class="row">
+
+    <!-- Main Blog Content -->
+    <div class="large-9 columns">
+
+<h3>Archives</h3>
+
+<table class="table-archive">
+    <tbody>
+        <tr>
+        <td>Thu 08 June 2017</td>
+        <td><a href='ios-tutorial.html'>iOS tutorial</a></td>
+        </tr>
+        <tr>
+        <td>Sat 03 June 2017</td>
+        <td><a href='pelican-review.html'>Pelican review</a></td>
+        </tr>
+        <tr>
+        <td>Thu 01 June 2017</td>
+        <td><a href='keyboard-review.html'>My first review</a></td>
+        </tr>
+        <tr>
+        <td>Sun 01 January 2017</td>
+        <td><a href='kr10.html'>kr10</a></td>
+        </tr>
+        <tr>
+        <td>Sun 01 January 2017</td>
+        <td><a href='kr9.html'>kr9</a></td>
+        </tr>
+        <tr>
+        <td>Sun 01 January 2017</td>
+        <td><a href='kr8.html'>kr8</a></td>
+        </tr>
+        <tr>
+        <td>Sun 01 January 2017</td>
+        <td><a href='kr7.html'>kr7</a></td>
+        </tr>
+        <tr>
+        <td>Sun 01 January 2017</td>
+        <td><a href='kr6.html'>kr6</a></td>
+        </tr>
+        <tr>
+        <td>Sun 01 January 2017</td>
+        <td><a href='kr5.html'>kr5</a></td>
+        </tr>
+        <tr>
+        <td>Sun 01 January 2017</td>
+        <td><a href='kr4.html'>kr4</a></td>
+        </tr>
+        <tr>
+        <td>Sun 01 January 2017</td>
+        <td><a href='kr3.html'>kr3</a></td>
+        </tr>
+        <tr>
+        <td>Sun 01 January 2017</td>
+        <td><a href='kr2.html'>kr2</a></td>
+        </tr>
+        <tr>
+        <td>Sun 01 January 2017</td>
+        <td><a href='kr1.html'>kr1</a></td>
+        </tr>
+    </tbody>
+</table>
+
+    </div>
+    <!-- End Main Content -->
+
+    <!-- Sidebar -->
+    <aside class="large-3 columns">
+        <!--k
+        <h5 class="sidebar-title">Site</h5>
+        <ul class="side-nav">
+            <li><a href="https://kornerr.github.io/pelican/archives.html">Archives</a>
+            <li><a href="https://kornerr.github.io/pelican/tags.html">Tags</a>
+
+
+                <li><a href="https://kornerr.github.io/pelican/feeds/all.atom.xml" rel="alternate">Atom feed</a></li>
+        </ul>
+
+		
+        <h5 class="sidebar-title">Categories</h5>
+        <ul class="side-nav">
+            <li><a href="https://kornerr.github.io/pelican/category/news.html">News</a></li>
+            <li><a href="https://kornerr.github.io/pelican/category/review.html">Review</a></li>
+   
+        </ul>
+        -->
+
+        <h5 class="sidebar-title">Links</h5>
+        <ul class="side-nav">
+            <li><a href="http://getpelican.com/">Pelican</a></li>
+            <li><a href="http://python.org/">Python.org</a></li>
+            <li><a href="http://jinja.pocoo.org/">Jinja2</a></li>
+            <li><a href="#">You can modify those links in your config file</a></li>
+        </ul>
+		
+        <h5 class="sidebar-title">Social</h5>
+        <ul class="side-nav">
+            <li><a href="#">You can add links in your config file</a></li>
+            <li><a href="#">Another social link</a></li>
+        </ul>
+
+    </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>
+</footer>

docs/author/opensource-game-studio.html

@@ -1,103 +1,331 @@
 <!DOCTYPE html>
-<html lang="en">
 <head>
-        <meta charset="utf-8" />
-        <title>Opensource Game Studio - Opensource Game Studio</title>
-        <link rel="stylesheet" href="https://kornerr.github.io/pelican/theme/css/main.css" />
-        <link href="https://kornerr.github.io/pelican/feeds/all.atom.xml" type="application/atom+xml" rel="alternate" title="Opensource Game Studio Atom Feed" />
-
-        <!--[if IE]>
-            <script src="https://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
-        <![endif]-->
+    <meta charset="utf-8" />
+    <!-- Set the viewport width to device width for mobile -->
+    <meta name="viewport" content="width=device-width" />
+
+    <title>Opensource Game Studio - Opensource Game Studio</title>
+
+    <link rel="stylesheet" href="https://kornerr.github.io/pelican/theme/css/normalize.css" />
+    <link rel="stylesheet" href="https://kornerr.github.io/pelican/theme/css/foundation.min.css" />
+    <link rel="stylesheet" href="https://kornerr.github.io/pelican/theme/css/style.css" />
+    <link rel="stylesheet" href="https://kornerr.github.io/pelican/theme/css/pygments.css" />	
+    <script src="https://kornerr.github.io/pelican/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 id="index" class="home">
-        <header id="banner" class="body">
-                <h1><a href="https://kornerr.github.io/pelican/">Opensource Game Studio </a></h1>
-                <nav><ul>
-                    <li><a href="https://kornerr.github.io/pelican/pages/about.html">About</a></li>
-                    <li><a href="https://kornerr.github.io/pelican/category/review.html">Review</a></li>
-                </ul></nav>
-        </header><!-- /#banner -->
-
-            <aside id="featured" class="body">
-                <article>
-                    <h1 class="entry-title"><a href="https://kornerr.github.io/pelican/pelican-review.html">Pelican review</a></h1>
-<footer class="post-info">
-        <abbr class="published" title="2017-07-03T22:00:00+07:00">
-                Published: Mon 03 July 2017
-        </abbr>
-
-        <address class="vcard author">
-                By                         <a class="url fn" href="https://kornerr.github.io/pelican/author/opensource-game-studio.html">Opensource Game Studio</a>
-        </address>
-<p>In <a href="https://kornerr.github.io/pelican/category/review.html">Review</a>.</p>
-Translations:
-        <a href="https://kornerr.github.io/pelican/pelican-review-ru.html">ru</a>
-
-</footer><!-- /.post-info --><p>So far so nice. Pelican is really cool, and provides a quick starting guided
+<body>
+
+<!-- Nav Bar -->
+<nav>
+
+<!-- Show menu items and pages -->
+<div class="row">
+    <div class="large-12 columns top-bar">
+	    <h1><a href="https://kornerr.github.io/pelican">Opensource Game Studio</a></h1>
+    </div>
+</div>
+<div class="row top-menu">
+<div class="large-12 columns">
+
+            <a href="https://kornerr.github.io/pelican/pages/about.html" class="menu-button secondary">About</a>
+            <a href="https://kornerr.github.io/pelican/pages/projects.html" class="menu-button secondary">Projects</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="https://kornerr.github.io/pelican/ios-tutorial.html"><h3 class="article-title">iOS tutorial</h3></a>
+<h6 class="subheader" title="2017-06-08T10:00:00+07:00">Thu 08 June 2017
+            <a class="button secondary small translation-button" href="https://kornerr.github.io/pelican/ios-tutorial-ru.html">ru</a>
+
+</h6><p><img alt="iOS tutorial" src="https://kornerr.github.io/pelican/2017-06-08-ios-refactoring.png"></p>
+<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>
+<h3>Native library</h3>
+<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>
+<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>
+<h3>Refactoring</h3>
+<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>
+<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><p class="subheader">Category: <a href="https://kornerr.github.io/pelican/category/news.html">News</a>
+
+</p>
+
+
+            </article>
+
+
+                <hr  class="gradient"/>
+
+
+        
+
+
+            <article>
+                <a href="https://kornerr.github.io/pelican/pelican-review.html"><h3 class="article-title">Pelican review</h3></a>
+<h6 class="subheader" title="2017-06-03T22:00:00+07:00">Sat 03 June 2017
+            <a class="button secondary small translation-button" href="https://kornerr.github.io/pelican/pelican-review-ru.html">ru</a>
+
+</h6><p>So far so nice. Pelican is really cool, and provides a quick starting guided
 to get up and running real fast.</p>
 <p>Much more smooth than Jekyll.</p>
-<p>I &lt;3 Python and its ecosystem. Something is just EASIER in Python.</p>                </article>
-            </aside><!-- /#featured -->
-                <section id="content" class="body">
-                    <h1>Other articles</h1>
-                    <hr />
-                    <ol id="posts-list" class="hfeed">
-
-            <li><article class="hentry">
-                <header>
-                    <h1><a href="https://kornerr.github.io/pelican/keyboard-review.html" rel="bookmark"
-                           title="Permalink to My first review">My first review</a></h1>
-                </header>
-
-                <div class="entry-content">
-<footer class="post-info">
-        <abbr class="published" title="2017-06-01T10:20:00+07:00">
-                Published: Thu 01 June 2017
-        </abbr>
-
-        <address class="vcard author">
-                By                         <a class="url fn" href="https://kornerr.github.io/pelican/author/opensource-game-studio.html">Opensource Game Studio</a>
-        </address>
-<p>In <a href="https://kornerr.github.io/pelican/category/review.html">Review</a>.</p>
-Translations:
-        <a href="https://kornerr.github.io/pelican/keyboard-review-ru.html">ru</a>
-
-</footer><!-- /.post-info -->                <p>Here is a full review, guys.</p>
-                <a class="readmore" href="https://kornerr.github.io/pelican/keyboard-review.html">read more</a>
-                </div><!-- /.entry-content -->
-            </article></li>
-                </ol><!-- /#posts-list -->
-                </section><!-- /#content -->
-        <section id="extras" class="body">
-                <div class="blogroll">
-                        <h2>links</h2>
-                        <ul>
-                            <li><a href="http://getpelican.com/">Pelican</a></li>
-                            <li><a href="http://python.org/">Python.org</a></li>
-                            <li><a href="http://jinja.pocoo.org/">Jinja2</a></li>
-                            <li><a href="#">You can modify those links in your config file</a></li>
-                        </ul>
-                </div><!-- /.blogroll -->
-                <div class="social">
-                        <h2>social</h2>
-                        <ul>
-                            <li><a href="https://kornerr.github.io/pelican/feeds/all.atom.xml" type="application/atom+xml" rel="alternate">atom feed</a></li>
-
-                            <li><a href="#">You can add links in your config file</a></li>
-                            <li><a href="#">Another social link</a></li>
-                        </ul>
-                </div><!-- /.social -->
-        </section><!-- /#extras -->
-
-        <footer id="contentinfo" class="body">
-                <address id="about" class="vcard body">
-                Proudly powered by <a href="http://getpelican.com/">Pelican</a>, which takes great advantage of <a href="http://python.org">Python</a>.
-                </address><!-- /#about -->
-
-                <p>The theme is by <a href="http://coding.smashingmagazine.com/2009/08/04/designing-a-html-5-layout-from-scratch/">Smashing Magazine</a>, thanks!</p>
-        </footer><!-- /#contentinfo -->
-
-</body>
-</html>
+<p>I &lt;3 Python and its ecosystem. Something is just EASIER in Python.</p><p class="subheader">Category: <a href="https://kornerr.github.io/pelican/category/review.html">Review</a>
+
+</p>
+
+
+                <a class="button radius secondary small right" href="https://kornerr.github.io/pelican/pelican-review.html">Read More</a>
+                <hr  class="gradient"/>
+            </article>
+
+        
+
+
+            <article>
+                <a href="https://kornerr.github.io/pelican/keyboard-review.html"><h3 class="article-title">My first review</h3></a>
+<h6 class="subheader" title="2017-06-01T10:20:00+07:00">Thu 01 June 2017
+            <a class="button secondary small translation-button" href="https://kornerr.github.io/pelican/keyboard-review-ru.html">ru</a>
+
+</h6><p>Here is a full review, guys.</p><p class="subheader">Category: <a href="https://kornerr.github.io/pelican/category/review.html">Review</a>
+
+</p>
+
+
+                <a class="button radius secondary small right" href="https://kornerr.github.io/pelican/keyboard-review.html">Read More</a>
+                <hr  class="gradient"/>
+            </article>
+
+        
+
+
+            <article>
+                <a href="https://kornerr.github.io/pelican/kr10.html"><h3 class="article-title">kr10</h3></a>
+<h6 class="subheader" title="2017-01-01T10:04:00+07:00">Sun 01 January 2017
+            <a class="button secondary small translation-button" href="https://kornerr.github.io/pelican/kr10-ru.html">ru</a>
+
+</h6><p>kr10</p>
+<p>LANG: en</p><p class="subheader">Category: <a href="https://kornerr.github.io/pelican/category/review.html">Review</a>
+
+</p>
+
+
+                <a class="button radius secondary small right" href="https://kornerr.github.io/pelican/kr10.html">Read More</a>
+                <hr  class="gradient"/>
+            </article>
+
+        
+
+
+            <article>
+                <a href="https://kornerr.github.io/pelican/kr9.html"><h3 class="article-title">kr9</h3></a>
+<h6 class="subheader" title="2017-01-01T09:04:00+07:00">Sun 01 January 2017
+            <a class="button secondary small translation-button" href="https://kornerr.github.io/pelican/kr9-ru.html">ru</a>
+
+</h6><p>kr9</p>
+<p>LANG: en</p><p class="subheader">Category: <a href="https://kornerr.github.io/pelican/category/review.html">Review</a>
+
+</p>
+
+
+                <a class="button radius secondary small right" href="https://kornerr.github.io/pelican/kr9.html">Read More</a>
+                <hr  class="gradient"/>
+            </article>
+
+        
+
+
+            <article>
+                <a href="https://kornerr.github.io/pelican/kr8.html"><h3 class="article-title">kr8</h3></a>
+<h6 class="subheader" title="2017-01-01T08:04:00+07:00">Sun 01 January 2017
+            <a class="button secondary small translation-button" href="https://kornerr.github.io/pelican/kr8-ru.html">ru</a>
+
+</h6><p>kr8</p>
+<p>LANG: en</p><p class="subheader">Category: <a href="https://kornerr.github.io/pelican/category/review.html">Review</a>
+
+</p>
+
+
+                <a class="button radius secondary small right" href="https://kornerr.github.io/pelican/kr8.html">Read More</a>
+                <hr  class="gradient"/>
+            </article>
+
+        
+
+
+            <article>
+                <a href="https://kornerr.github.io/pelican/kr7.html"><h3 class="article-title">kr7</h3></a>
+<h6 class="subheader" title="2017-01-01T07:04:00+07:00">Sun 01 January 2017
+            <a class="button secondary small translation-button" href="https://kornerr.github.io/pelican/kr7-ru.html">ru</a>
+
+</h6><p>kr7</p>
+<p>LANG: en</p><p class="subheader">Category: <a href="https://kornerr.github.io/pelican/category/review.html">Review</a>
+
+</p>
+
+
+                <a class="button radius secondary small right" href="https://kornerr.github.io/pelican/kr7.html">Read More</a>
+                <hr  class="gradient"/>
+            </article>
+
+        
+
+
+            <article>
+                <a href="https://kornerr.github.io/pelican/kr6.html"><h3 class="article-title">kr6</h3></a>
+<h6 class="subheader" title="2017-01-01T06:04:00+07:00">Sun 01 January 2017
+            <a class="button secondary small translation-button" href="https://kornerr.github.io/pelican/kr6-ru.html">ru</a>
+
+</h6><p>kr6</p>
+<p>LANG: en</p><p class="subheader">Category: <a href="https://kornerr.github.io/pelican/category/review.html">Review</a>
+
+</p>
+
+
+                <a class="button radius secondary small right" href="https://kornerr.github.io/pelican/kr6.html">Read More</a>
+                <hr  class="gradient"/>
+            </article>
+
+        
+
+
+            <article>
+                <a href="https://kornerr.github.io/pelican/kr5.html"><h3 class="article-title">kr5</h3></a>
+<h6 class="subheader" title="2017-01-01T05:04:00+07:00">Sun 01 January 2017
+            <a class="button secondary small translation-button" href="https://kornerr.github.io/pelican/kr5-ru.html">ru</a>
+
+</h6><p>kr5</p>
+<p>LANG: en</p><p class="subheader">Category: <a href="https://kornerr.github.io/pelican/category/review.html">Review</a>
+
+</p>
+
+
+                <a class="button radius secondary small right" href="https://kornerr.github.io/pelican/kr5.html">Read More</a>
+                <hr  class="gradient"/>
+            </article>
+
+        
+
+
+            <article>
+                <a href="https://kornerr.github.io/pelican/kr4.html"><h3 class="article-title">kr4</h3></a>
+<h6 class="subheader" title="2017-01-01T04:04:00+07:00">Sun 01 January 2017
+            <a class="button secondary small translation-button" href="https://kornerr.github.io/pelican/kr4-ru.html">ru</a>
+
+</h6><p>kr4</p>
+<p>LANG: en</p><p class="subheader">Category: <a href="https://kornerr.github.io/pelican/category/review.html">Review</a>
+
+</p>
+
+
+                <a class="button radius secondary small right" href="https://kornerr.github.io/pelican/kr4.html">Read More</a>
+                <hr  class="gradient"/>
+            </article>
+
+            <!-- /#posts-list -->
+<div class="pagination-centered">
+<h6 class="subheader">Page 1 of 2</h6>
+
+<p>
+
+        <a href="https://kornerr.github.io/pelican/author/opensource-game-studio2.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="https://kornerr.github.io/pelican/archives.html">Archives</a>
+            <li><a href="https://kornerr.github.io/pelican/tags.html">Tags</a>
+
+
+                <li><a href="https://kornerr.github.io/pelican/feeds/all.atom.xml" rel="alternate">Atom feed</a></li>
+        </ul>
+
+		
+        <h5 class="sidebar-title">Categories</h5>
+        <ul class="side-nav">
+            <li><a href="https://kornerr.github.io/pelican/category/news.html">News</a></li>
+            <li><a href="https://kornerr.github.io/pelican/category/review.html">Review</a></li>
+   
+        </ul>
+        -->
+
+        <h5 class="sidebar-title">Links</h5>
+        <ul class="side-nav">
+            <li><a href="http://getpelican.com/">Pelican</a></li>
+            <li><a href="http://python.org/">Python.org</a></li>
+            <li><a href="http://jinja.pocoo.org/">Jinja2</a></li>
+            <li><a href="#">You can modify those links in your config file</a></li>
+        </ul>
+		
+        <h5 class="sidebar-title">Social</h5>
+        <ul class="side-nav">
+            <li><a href="#">You can add links in your config file</a></li>
+            <li><a href="#">Another social link</a></li>
+        </ul>
+
+    </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>
+</footer>

docs/author/opensource-game-studio2.html

@@ -0,0 +1,165 @@
+<!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 - Opensource Game Studio</title>
+
+    <link rel="stylesheet" href="https://kornerr.github.io/pelican/theme/css/normalize.css" />
+    <link rel="stylesheet" href="https://kornerr.github.io/pelican/theme/css/foundation.min.css" />
+    <link rel="stylesheet" href="https://kornerr.github.io/pelican/theme/css/style.css" />
+    <link rel="stylesheet" href="https://kornerr.github.io/pelican/theme/css/pygments.css" />	
+    <script src="https://kornerr.github.io/pelican/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="https://kornerr.github.io/pelican">Opensource Game Studio</a></h1>
+    </div>
+</div>
+<div class="row top-menu">
+<div class="large-12 columns">
+
+            <a href="https://kornerr.github.io/pelican/pages/about.html" class="menu-button secondary">About</a>
+            <a href="https://kornerr.github.io/pelican/pages/projects.html" class="menu-button secondary">Projects</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="https://kornerr.github.io/pelican/kr3.html"><h3 class="article-title">kr3</h3></a>
+<h6 class="subheader" title="2017-01-01T03:04:00+07:00">Sun 01 January 2017
+            <a class="button secondary small translation-button" href="https://kornerr.github.io/pelican/kr3-ru.html">ru</a>
+
+</h6><p>kr3</p>
+<p>LANG: en</p><p class="subheader">Category: <a href="https://kornerr.github.io/pelican/category/review.html">Review</a>
+
+</p>
+
+
+                <a class="button radius secondary small right" href="https://kornerr.github.io/pelican/kr3.html">Read More</a>
+                <hr  class="gradient"/>
+            </article>
+
+        
+
+
+            <article>
+                <a href="https://kornerr.github.io/pelican/kr2.html"><h3 class="article-title">kr2</h3></a>
+<h6 class="subheader" title="2017-01-01T02:04:00+07:00">Sun 01 January 2017
+            <a class="button secondary small translation-button" href="https://kornerr.github.io/pelican/kr2-ru.html">ru</a>
+
+</h6><p>kr2</p>
+<p>LANG: en</p><p class="subheader">Category: <a href="https://kornerr.github.io/pelican/category/review.html">Review</a>
+
+</p>
+
+
+                <a class="button radius secondary small right" href="https://kornerr.github.io/pelican/kr2.html">Read More</a>
+                <hr  class="gradient"/>
+            </article>
+
+        
+
+
+            <article>
+                <a href="https://kornerr.github.io/pelican/kr1.html"><h3 class="article-title">kr1</h3></a>
+<h6 class="subheader" title="2017-01-01T01:04:00+07:00">Sun 01 January 2017
+            <a class="button secondary small translation-button" href="https://kornerr.github.io/pelican/kr1-ru.html">ru</a>
+
+</h6><p>kr1</p>
+<p>LANG: en</p><p class="subheader">Category: <a href="https://kornerr.github.io/pelican/category/review.html">Review</a>
+
+</p>
+
+
+                <a class="button radius secondary small right" href="https://kornerr.github.io/pelican/kr1.html">Read More</a>
+                <hr  class="gradient"/>
+            </article>
+
+            <!-- /#posts-list -->
+<div class="pagination-centered">
+<h6 class="subheader">Page 2 of 2</h6>
+
+<p>
+            <a href="https://kornerr.github.io/pelican/author/opensource-game-studio.html">&laquo; Prev</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="https://kornerr.github.io/pelican/archives.html">Archives</a>
+            <li><a href="https://kornerr.github.io/pelican/tags.html">Tags</a>
+
+
+                <li><a href="https://kornerr.github.io/pelican/feeds/all.atom.xml" rel="alternate">Atom feed</a></li>
+        </ul>
+
+		
+        <h5 class="sidebar-title">Categories</h5>
+        <ul class="side-nav">
+            <li><a href="https://kornerr.github.io/pelican/category/news.html">News</a></li>
+            <li><a href="https://kornerr.github.io/pelican/category/review.html">Review</a></li>
+   
+        </ul>
+        -->
+
+        <h5 class="sidebar-title">Links</h5>
+        <ul class="side-nav">
+            <li><a href="http://getpelican.com/">Pelican</a></li>
+            <li><a href="http://python.org/">Python.org</a></li>
+            <li><a href="http://jinja.pocoo.org/">Jinja2</a></li>
+            <li><a href="#">You can modify those links in your config file</a></li>
+        </ul>
+		
+        <h5 class="sidebar-title">Social</h5>
+        <ul class="side-nav">
+            <li><a href="#">You can add links in your config file</a></li>
+            <li><a href="#">Another social link</a></li>
+        </ul>
+
+    </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>
+</footer>

docs/authors.html

@@ -1,60 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-<head>
-        <meta charset="utf-8" />
-        <title>Opensource Game Studio - Authors</title>
-        <link rel="stylesheet" href="https://kornerr.github.io/pelican/theme/css/main.css" />
-        <link href="https://kornerr.github.io/pelican/feeds/all.atom.xml" type="application/atom+xml" rel="alternate" title="Opensource Game Studio Atom Feed" />
-
-        <!--[if IE]>
-            <script src="https://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
-        <![endif]-->
-</head>
-
-<body id="index" class="home">
-        <header id="banner" class="body">
-                <h1><a href="https://kornerr.github.io/pelican/">Opensource Game Studio </a></h1>
-                <nav><ul>
-                    <li><a href="https://kornerr.github.io/pelican/pages/about.html">About</a></li>
-                    <li><a href="https://kornerr.github.io/pelican/category/review.html">Review</a></li>
-                </ul></nav>
-        </header><!-- /#banner -->
-
-<section id="content" class="body">
-    <h1>Authors on Opensource Game Studio</h1>
-    <ul>
-        <li><a href="https://kornerr.github.io/pelican/author/opensource-game-studio.html">Opensource Game Studio</a> (2)</li>
-    </ul>
-</section>
-
-        <section id="extras" class="body">
-                <div class="blogroll">
-                        <h2>links</h2>
-                        <ul>
-                            <li><a href="http://getpelican.com/">Pelican</a></li>
-                            <li><a href="http://python.org/">Python.org</a></li>
-                            <li><a href="http://jinja.pocoo.org/">Jinja2</a></li>
-                            <li><a href="#">You can modify those links in your config file</a></li>
-                        </ul>
-                </div><!-- /.blogroll -->
-                <div class="social">
-                        <h2>social</h2>
-                        <ul>
-                            <li><a href="https://kornerr.github.io/pelican/feeds/all.atom.xml" type="application/atom+xml" rel="alternate">atom feed</a></li>
-
-                            <li><a href="#">You can add links in your config file</a></li>
-                            <li><a href="#">Another social link</a></li>
-                        </ul>
-                </div><!-- /.social -->
-        </section><!-- /#extras -->
-
-        <footer id="contentinfo" class="body">
-                <address id="about" class="vcard body">
-                Proudly powered by <a href="http://getpelican.com/">Pelican</a>, which takes great advantage of <a href="http://python.org">Python</a>.
-                </address><!-- /#about -->
-
-                <p>The theme is by <a href="http://coding.smashingmagazine.com/2009/08/04/designing-a-html-5-layout-from-scratch/">Smashing Magazine</a>, thanks!</p>
-        </footer><!-- /#contentinfo -->
-
-</body>
-</html>

docs/categories.html

@@ -1,55 +1,104 @@
 <!DOCTYPE html>
-<html lang="en">
 <head>
-        <meta charset="utf-8" />
-        <title>Opensource Game Studio</title>
-        <link rel="stylesheet" href="https://kornerr.github.io/pelican/theme/css/main.css" />
-        <link href="https://kornerr.github.io/pelican/feeds/all.atom.xml" type="application/atom+xml" rel="alternate" title="Opensource Game Studio Atom Feed" />
-
-        <!--[if IE]>
-            <script src="https://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
-        <![endif]-->
+    <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="https://kornerr.github.io/pelican/theme/css/normalize.css" />
+    <link rel="stylesheet" href="https://kornerr.github.io/pelican/theme/css/foundation.min.css" />
+    <link rel="stylesheet" href="https://kornerr.github.io/pelican/theme/css/style.css" />
+    <link rel="stylesheet" href="https://kornerr.github.io/pelican/theme/css/pygments.css" />	
+    <script src="https://kornerr.github.io/pelican/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 id="index" class="home">
-        <header id="banner" class="body">
-                <h1><a href="https://kornerr.github.io/pelican/">Opensource Game Studio </a></h1>
-                <nav><ul>
-                    <li><a href="https://kornerr.github.io/pelican/pages/about.html">About</a></li>
-                    <li><a href="https://kornerr.github.io/pelican/category/review.html">Review</a></li>
-                </ul></nav>
-        </header><!-- /#banner -->
-<ul>
-    <li><a href="https://kornerr.github.io/pelican/category/review.html">Review</a></li>
+<body>
+
+<!-- Nav Bar -->
+<nav>
+
+<!-- Show menu items and pages -->
+<div class="row">
+    <div class="large-12 columns top-bar">
+	    <h1><a href="https://kornerr.github.io/pelican">Opensource Game Studio</a></h1>
+    </div>
+</div>
+<div class="row top-menu">
+<div class="large-12 columns">
+
+            <a href="https://kornerr.github.io/pelican/pages/about.html" class="menu-button secondary">About</a>
+            <a href="https://kornerr.github.io/pelican/pages/projects.html" class="menu-button secondary">Projects</a>
+</div>
+</div>
+</nav>
+<!-- End Nav -->
+
+
+<!-- Main Page Content and Sidebar -->
+<div class="row">
+
+    <!-- Main Blog Content -->
+    <div class="large-9 columns">
+<ul class="circle">
+	<li><a href="category/news.html">News</a></li>
+	<li><a href="category/review.html">Review</a></li>
 </ul>
-        <section id="extras" class="body">
-                <div class="blogroll">
-                        <h2>links</h2>
-                        <ul>
-                            <li><a href="http://getpelican.com/">Pelican</a></li>
-                            <li><a href="http://python.org/">Python.org</a></li>
-                            <li><a href="http://jinja.pocoo.org/">Jinja2</a></li>
-                            <li><a href="#">You can modify those links in your config file</a></li>
-                        </ul>
-                </div><!-- /.blogroll -->
-                <div class="social">
-                        <h2>social</h2>
-                        <ul>
-                            <li><a href="https://kornerr.github.io/pelican/feeds/all.atom.xml" type="application/atom+xml" rel="alternate">atom feed</a></li>
-
-                            <li><a href="#">You can add links in your config file</a></li>
-                            <li><a href="#">Another social link</a></li>
-                        </ul>
-                </div><!-- /.social -->
-        </section><!-- /#extras -->
-
-        <footer id="contentinfo" class="body">
-                <address id="about" class="vcard body">
-                Proudly powered by <a href="http://getpelican.com/">Pelican</a>, which takes great advantage of <a href="http://python.org">Python</a>.
-                </address><!-- /#about -->
-
-                <p>The theme is by <a href="http://coding.smashingmagazine.com/2009/08/04/designing-a-html-5-layout-from-scratch/">Smashing Magazine</a>, thanks!</p>
-        </footer><!-- /#contentinfo -->
-
-</body>
-</html>
+    </div>
+    <!-- End Main Content -->
+
+    <!-- Sidebar -->
+    <aside class="large-3 columns">
+        <!--k
+        <h5 class="sidebar-title">Site</h5>
+        <ul class="side-nav">
+            <li><a href="https://kornerr.github.io/pelican/archives.html">Archives</a>
+            <li><a href="https://kornerr.github.io/pelican/tags.html">Tags</a>
+
+
+                <li><a href="https://kornerr.github.io/pelican/feeds/all.atom.xml" rel="alternate">Atom feed</a></li>
+        </ul>
+
+		
+        <h5 class="sidebar-title">Categories</h5>
+        <ul class="side-nav">
+            <li><a href="https://kornerr.github.io/pelican/category/news.html">News</a></li>
+            <li><a href="https://kornerr.github.io/pelican/category/review.html">Review</a></li>
+   
+        </ul>
+        -->
+
+        <h5 class="sidebar-title">Links</h5>
+        <ul class="side-nav">
+            <li><a href="http://getpelican.com/">Pelican</a></li>
+            <li><a href="http://python.org/">Python.org</a></li>
+            <li><a href="http://jinja.pocoo.org/">Jinja2</a></li>
+            <li><a href="#">You can modify those links in your config file</a></li>
+        </ul>
+		
+        <h5 class="sidebar-title">Social</h5>
+        <ul class="side-nav">
+            <li><a href="#">You can add links in your config file</a></li>
+            <li><a href="#">Another social link</a></li>
+        </ul>
+
+    </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>
+</footer>

docs/category/news.html

@@ -0,0 +1,166 @@
+<!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 - News</title>
+
+    <link rel="stylesheet" href="https://kornerr.github.io/pelican/theme/css/normalize.css" />
+    <link rel="stylesheet" href="https://kornerr.github.io/pelican/theme/css/foundation.min.css" />
+    <link rel="stylesheet" href="https://kornerr.github.io/pelican/theme/css/style.css" />
+    <link rel="stylesheet" href="https://kornerr.github.io/pelican/theme/css/pygments.css" />	
+    <script src="https://kornerr.github.io/pelican/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="https://kornerr.github.io/pelican">Opensource Game Studio</a></h1>
+    </div>
+</div>
+<div class="row top-menu">
+<div class="large-12 columns">
+
+            <a href="https://kornerr.github.io/pelican/pages/about.html" class="menu-button secondary">About</a>
+            <a href="https://kornerr.github.io/pelican/pages/projects.html" class="menu-button secondary">Projects</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="https://kornerr.github.io/pelican/ios-tutorial.html"><h3 class="article-title">iOS tutorial</h3></a>
+<h6 class="subheader" title="2017-06-08T10:00:00+07:00">Thu 08 June 2017
+            <a class="button secondary small translation-button" href="https://kornerr.github.io/pelican/ios-tutorial-ru.html">ru</a>
+
+</h6><p><img alt="iOS tutorial" src="https://kornerr.github.io/pelican/2017-06-08-ios-refactoring.png"></p>
+<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>
+<h3>Native library</h3>
+<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>
+<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>
+<h3>Refactoring</h3>
+<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>
+<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><p class="subheader">Category: <a href="https://kornerr.github.io/pelican/category/news.html">News</a>
+
+</p>
+
+
+            </article>
+
+<div class="pagination-centered">
+<h6 class="subheader">Page 1 of 1</h6>
+
+<p>
+
+</p>
+</div>
+
+
+
+            <!-- /#posts-list -->
+
+    </div>
+    <!-- End Main Content -->
+
+    <!-- Sidebar -->
+    <aside class="large-3 columns">
+        <!--k
+        <h5 class="sidebar-title">Site</h5>
+        <ul class="side-nav">
+            <li><a href="https://kornerr.github.io/pelican/archives.html">Archives</a>
+            <li><a href="https://kornerr.github.io/pelican/tags.html">Tags</a>
+
+
+                <li><a href="https://kornerr.github.io/pelican/feeds/all.atom.xml" rel="alternate">Atom feed</a></li>
+        </ul>
+
+		
+        <h5 class="sidebar-title">Categories</h5>
+        <ul class="side-nav">
+            <li><a href="https://kornerr.github.io/pelican/category/news.html">News</a></li>
+            <li><a href="https://kornerr.github.io/pelican/category/review.html">Review</a></li>
+   
+        </ul>
+        -->
+
+        <h5 class="sidebar-title">Links</h5>
+        <ul class="side-nav">
+            <li><a href="http://getpelican.com/">Pelican</a></li>
+            <li><a href="http://python.org/">Python.org</a></li>
+            <li><a href="http://jinja.pocoo.org/">Jinja2</a></li>
+            <li><a href="#">You can modify those links in your config file</a></li>
+        </ul>
+		
+        <h5 class="sidebar-title">Social</h5>
+        <ul class="side-nav">
+            <li><a href="#">You can add links in your config file</a></li>
+            <li><a href="#">Another social link</a></li>
+        </ul>
+
+    </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>
+</footer>

docs/category/review.html

@@ -1,103 +1,293 @@
 <!DOCTYPE html>
-<html lang="en">
 <head>
-        <meta charset="utf-8" />
-        <title>Opensource Game Studio - Review</title>
-        <link rel="stylesheet" href="https://kornerr.github.io/pelican/theme/css/main.css" />
-        <link href="https://kornerr.github.io/pelican/feeds/all.atom.xml" type="application/atom+xml" rel="alternate" title="Opensource Game Studio Atom Feed" />
-
-        <!--[if IE]>
-            <script src="https://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
-        <![endif]-->
+    <meta charset="utf-8" />
+    <!-- Set the viewport width to device width for mobile -->
+    <meta name="viewport" content="width=device-width" />
+
+    <title>Opensource Game Studio - Review</title>
+
+    <link rel="stylesheet" href="https://kornerr.github.io/pelican/theme/css/normalize.css" />
+    <link rel="stylesheet" href="https://kornerr.github.io/pelican/theme/css/foundation.min.css" />
+    <link rel="stylesheet" href="https://kornerr.github.io/pelican/theme/css/style.css" />
+    <link rel="stylesheet" href="https://kornerr.github.io/pelican/theme/css/pygments.css" />	
+    <script src="https://kornerr.github.io/pelican/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 id="index" class="home">
-        <header id="banner" class="body">
-                <h1><a href="https://kornerr.github.io/pelican/">Opensource Game Studio </a></h1>
-                <nav><ul>
-                    <li><a href="https://kornerr.github.io/pelican/pages/about.html">About</a></li>
-                    <li class="active"><a href="https://kornerr.github.io/pelican/category/review.html">Review</a></li>
-                </ul></nav>
-        </header><!-- /#banner -->
-
-            <aside id="featured" class="body">
-                <article>
-                    <h1 class="entry-title"><a href="https://kornerr.github.io/pelican/pelican-review.html">Pelican review</a></h1>
-<footer class="post-info">
-        <abbr class="published" title="2017-07-03T22:00:00+07:00">
-                Published: Mon 03 July 2017
-        </abbr>
-
-        <address class="vcard author">
-                By                         <a class="url fn" href="https://kornerr.github.io/pelican/author/opensource-game-studio.html">Opensource Game Studio</a>
-        </address>
-<p>In <a href="https://kornerr.github.io/pelican/category/review.html">Review</a>.</p>
-Translations:
-        <a href="https://kornerr.github.io/pelican/pelican-review-ru.html">ru</a>
-
-</footer><!-- /.post-info --><p>So far so nice. Pelican is really cool, and provides a quick starting guided
+<body>
+
+<!-- Nav Bar -->
+<nav>
+
+<!-- Show menu items and pages -->
+<div class="row">
+    <div class="large-12 columns top-bar">
+	    <h1><a href="https://kornerr.github.io/pelican">Opensource Game Studio</a></h1>
+    </div>
+</div>
+<div class="row top-menu">
+<div class="large-12 columns">
+
+            <a href="https://kornerr.github.io/pelican/pages/about.html" class="menu-button secondary">About</a>
+            <a href="https://kornerr.github.io/pelican/pages/projects.html" class="menu-button secondary">Projects</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="https://kornerr.github.io/pelican/pelican-review.html"><h3 class="article-title">Pelican review</h3></a>
+<h6 class="subheader" title="2017-06-03T22:00:00+07:00">Sat 03 June 2017
+            <a class="button secondary small translation-button" href="https://kornerr.github.io/pelican/pelican-review-ru.html">ru</a>
+
+</h6><p>So far so nice. Pelican is really cool, and provides a quick starting guided
 to get up and running real fast.</p>
 <p>Much more smooth than Jekyll.</p>
-<p>I &lt;3 Python and its ecosystem. Something is just EASIER in Python.</p>                </article>
-            </aside><!-- /#featured -->
-                <section id="content" class="body">
-                    <h1>Other articles</h1>
-                    <hr />
-                    <ol id="posts-list" class="hfeed">
-
-            <li><article class="hentry">
-                <header>
-                    <h1><a href="https://kornerr.github.io/pelican/keyboard-review.html" rel="bookmark"
-                           title="Permalink to My first review">My first review</a></h1>
-                </header>
-
-                <div class="entry-content">
-<footer class="post-info">
-        <abbr class="published" title="2017-06-01T10:20:00+07:00">
-                Published: Thu 01 June 2017
-        </abbr>
-
-        <address class="vcard author">
-                By                         <a class="url fn" href="https://kornerr.github.io/pelican/author/opensource-game-studio.html">Opensource Game Studio</a>
-        </address>
-<p>In <a href="https://kornerr.github.io/pelican/category/review.html">Review</a>.</p>
-Translations:
-        <a href="https://kornerr.github.io/pelican/keyboard-review-ru.html">ru</a>
-
-</footer><!-- /.post-info -->                <p>Here is a full review, guys.</p>
-                <a class="readmore" href="https://kornerr.github.io/pelican/keyboard-review.html">read more</a>
-                </div><!-- /.entry-content -->
-            </article></li>
-                </ol><!-- /#posts-list -->
-                </section><!-- /#content -->
-        <section id="extras" class="body">
-                <div class="blogroll">
-                        <h2>links</h2>
-                        <ul>
-                            <li><a href="http://getpelican.com/">Pelican</a></li>
-                            <li><a href="http://python.org/">Python.org</a></li>
-                            <li><a href="http://jinja.pocoo.org/">Jinja2</a></li>
-                            <li><a href="#">You can modify those links in your config file</a></li>
-                        </ul>
-                </div><!-- /.blogroll -->
-                <div class="social">
-                        <h2>social</h2>
-                        <ul>
-                            <li><a href="https://kornerr.github.io/pelican/feeds/all.atom.xml" type="application/atom+xml" rel="alternate">atom feed</a></li>
-
-                            <li><a href="#">You can add links in your config file</a></li>
-                            <li><a href="#">Another social link</a></li>
-                        </ul>
-                </div><!-- /.social -->
-        </section><!-- /#extras -->
-
-        <footer id="contentinfo" class="body">
-                <address id="about" class="vcard body">
-                Proudly powered by <a href="http://getpelican.com/">Pelican</a>, which takes great advantage of <a href="http://python.org">Python</a>.
-                </address><!-- /#about -->
-
-                <p>The theme is by <a href="http://coding.smashingmagazine.com/2009/08/04/designing-a-html-5-layout-from-scratch/">Smashing Magazine</a>, thanks!</p>
-        </footer><!-- /#contentinfo -->
-
-</body>
-</html>
+<p>I &lt;3 Python and its ecosystem. Something is just EASIER in Python.</p><p class="subheader">Category: <a href="https://kornerr.github.io/pelican/category/review.html">Review</a>
+
+</p>
+
+
+            </article>
+
+
+                <hr  class="gradient"/>
+
+
+        
+
+
+            <article>
+                <a href="https://kornerr.github.io/pelican/keyboard-review.html"><h3 class="article-title">My first review</h3></a>
+<h6 class="subheader" title="2017-06-01T10:20:00+07:00">Thu 01 June 2017
+            <a class="button secondary small translation-button" href="https://kornerr.github.io/pelican/keyboard-review-ru.html">ru</a>
+
+</h6><p>Here is a full review, guys.</p><p class="subheader">Category: <a href="https://kornerr.github.io/pelican/category/review.html">Review</a>
+
+</p>
+
+
+                <a class="button radius secondary small right" href="https://kornerr.github.io/pelican/keyboard-review.html">Read More</a>
+                <hr  class="gradient"/>
+            </article>
+
+        
+
+
+            <article>
+                <a href="https://kornerr.github.io/pelican/kr10.html"><h3 class="article-title">kr10</h3></a>
+<h6 class="subheader" title="2017-01-01T10:04:00+07:00">Sun 01 January 2017
+            <a class="button secondary small translation-button" href="https://kornerr.github.io/pelican/kr10-ru.html">ru</a>
+
+</h6><p>kr10</p>
+<p>LANG: en</p><p class="subheader">Category: <a href="https://kornerr.github.io/pelican/category/review.html">Review</a>
+
+</p>
+
+
+                <a class="button radius secondary small right" href="https://kornerr.github.io/pelican/kr10.html">Read More</a>
+                <hr  class="gradient"/>
+            </article>
+
+        
+
+
+            <article>
+                <a href="https://kornerr.github.io/pelican/kr9.html"><h3 class="article-title">kr9</h3></a>
+<h6 class="subheader" title="2017-01-01T09:04:00+07:00">Sun 01 January 2017
+            <a class="button secondary small translation-button" href="https://kornerr.github.io/pelican/kr9-ru.html">ru</a>
+
+</h6><p>kr9</p>
+<p>LANG: en</p><p class="subheader">Category: <a href="https://kornerr.github.io/pelican/category/review.html">Review</a>
+
+</p>
+
+
+                <a class="button radius secondary small right" href="https://kornerr.github.io/pelican/kr9.html">Read More</a>
+                <hr  class="gradient"/>
+            </article>
+
+        
+
+
+            <article>
+                <a href="https://kornerr.github.io/pelican/kr8.html"><h3 class="article-title">kr8</h3></a>
+<h6 class="subheader" title="2017-01-01T08:04:00+07:00">Sun 01 January 2017
+            <a class="button secondary small translation-button" href="https://kornerr.github.io/pelican/kr8-ru.html">ru</a>
+
+</h6><p>kr8</p>
+<p>LANG: en</p><p class="subheader">Category: <a href="https://kornerr.github.io/pelican/category/review.html">Review</a>
+
+</p>
+
+
+                <a class="button radius secondary small right" href="https://kornerr.github.io/pelican/kr8.html">Read More</a>
+                <hr  class="gradient"/>
+            </article>
+
+        
+
+
+            <article>
+                <a href="https://kornerr.github.io/pelican/kr7.html"><h3 class="article-title">kr7</h3></a>
+<h6 class="subheader" title="2017-01-01T07:04:00+07:00">Sun 01 January 2017
+            <a class="button secondary small translation-button" href="https://kornerr.github.io/pelican/kr7-ru.html">ru</a>
+
+</h6><p>kr7</p>
+<p>LANG: en</p><p class="subheader">Category: <a href="https://kornerr.github.io/pelican/category/review.html">Review</a>
+
+</p>
+
+
+                <a class="button radius secondary small right" href="https://kornerr.github.io/pelican/kr7.html">Read More</a>
+                <hr  class="gradient"/>
+            </article>
+
+        
+
+
+            <article>
+                <a href="https://kornerr.github.io/pelican/kr6.html"><h3 class="article-title">kr6</h3></a>
+<h6 class="subheader" title="2017-01-01T06:04:00+07:00">Sun 01 January 2017
+            <a class="button secondary small translation-button" href="https://kornerr.github.io/pelican/kr6-ru.html">ru</a>
+
+</h6><p>kr6</p>
+<p>LANG: en</p><p class="subheader">Category: <a href="https://kornerr.github.io/pelican/category/review.html">Review</a>
+
+</p>
+
+
+                <a class="button radius secondary small right" href="https://kornerr.github.io/pelican/kr6.html">Read More</a>
+                <hr  class="gradient"/>
+            </article>
+
+        
+
+
+            <article>
+                <a href="https://kornerr.github.io/pelican/kr5.html"><h3 class="article-title">kr5</h3></a>
+<h6 class="subheader" title="2017-01-01T05:04:00+07:00">Sun 01 January 2017
+            <a class="button secondary small translation-button" href="https://kornerr.github.io/pelican/kr5-ru.html">ru</a>
+
+</h6><p>kr5</p>
+<p>LANG: en</p><p class="subheader">Category: <a href="https://kornerr.github.io/pelican/category/review.html">Review</a>
+
+</p>
+
+
+                <a class="button radius secondary small right" href="https://kornerr.github.io/pelican/kr5.html">Read More</a>
+                <hr  class="gradient"/>
+            </article>
+
+        
+
+
+            <article>
+                <a href="https://kornerr.github.io/pelican/kr4.html"><h3 class="article-title">kr4</h3></a>
+<h6 class="subheader" title="2017-01-01T04:04:00+07:00">Sun 01 January 2017
+            <a class="button secondary small translation-button" href="https://kornerr.github.io/pelican/kr4-ru.html">ru</a>
+
+</h6><p>kr4</p>
+<p>LANG: en</p><p class="subheader">Category: <a href="https://kornerr.github.io/pelican/category/review.html">Review</a>
+
+</p>
+
+
+                <a class="button radius secondary small right" href="https://kornerr.github.io/pelican/kr4.html">Read More</a>
+                <hr  class="gradient"/>
+            </article>
+
+        
+
+
+            <article>
+                <a href="https://kornerr.github.io/pelican/kr3.html"><h3 class="article-title">kr3</h3></a>
+<h6 class="subheader" title="2017-01-01T03:04:00+07:00">Sun 01 January 2017
+            <a class="button secondary small translation-button" href="https://kornerr.github.io/pelican/kr3-ru.html">ru</a>
+
+</h6><p>kr3</p>
+<p>LANG: en</p><p class="subheader">Category: <a href="https://kornerr.github.io/pelican/category/review.html">Review</a>
+
+</p>
+
+
+                <a class="button radius secondary small right" href="https://kornerr.github.io/pelican/kr3.html">Read More</a>
+                <hr  class="gradient"/>
+            </article>
+
+            <!-- /#posts-list -->
+<div class="pagination-centered">
+<h6 class="subheader">Page 1 of 2</h6>
+
+<p>
+
+        <a href="https://kornerr.github.io/pelican/category/review2.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="https://kornerr.github.io/pelican/archives.html">Archives</a>
+            <li><a href="https://kornerr.github.io/pelican/tags.html">Tags</a>
+
+
+                <li><a href="https://kornerr.github.io/pelican/feeds/all.atom.xml" rel="alternate">Atom feed</a></li>
+        </ul>
+
+		
+        <h5 class="sidebar-title">Categories</h5>
+        <ul class="side-nav">
+            <li><a href="https://kornerr.github.io/pelican/category/news.html">News</a></li>
+            <li><a href="https://kornerr.github.io/pelican/category/review.html">Review</a></li>
+   
+        </ul>
+        -->
+
+        <h5 class="sidebar-title">Links</h5>
+        <ul class="side-nav">
+            <li><a href="http://getpelican.com/">Pelican</a></li>
+            <li><a href="http://python.org/">Python.org</a></li>
+            <li><a href="http://jinja.pocoo.org/">Jinja2</a></li>
+            <li><a href="#">You can modify those links in your config file</a></li>
+        </ul>
+		
+        <h5 class="sidebar-title">Social</h5>
+        <ul class="side-nav">
+            <li><a href="#">You can add links in your config file</a></li>
+            <li><a href="#">Another social link</a></li>
+        </ul>
+
+    </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>
+</footer>

docs/category/review2.html

@@ -0,0 +1,147 @@
+<!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 - Review</title>
+
+    <link rel="stylesheet" href="https://kornerr.github.io/pelican/theme/css/normalize.css" />
+    <link rel="stylesheet" href="https://kornerr.github.io/pelican/theme/css/foundation.min.css" />
+    <link rel="stylesheet" href="https://kornerr.github.io/pelican/theme/css/style.css" />
+    <link rel="stylesheet" href="https://kornerr.github.io/pelican/theme/css/pygments.css" />	
+    <script src="https://kornerr.github.io/pelican/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="https://kornerr.github.io/pelican">Opensource Game Studio</a></h1>
+    </div>
+</div>
+<div class="row top-menu">
+<div class="large-12 columns">
+
+            <a href="https://kornerr.github.io/pelican/pages/about.html" class="menu-button secondary">About</a>
+            <a href="https://kornerr.github.io/pelican/pages/projects.html" class="menu-button secondary">Projects</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="https://kornerr.github.io/pelican/kr2.html"><h3 class="article-title">kr2</h3></a>
+<h6 class="subheader" title="2017-01-01T02:04:00+07:00">Sun 01 January 2017
+            <a class="button secondary small translation-button" href="https://kornerr.github.io/pelican/kr2-ru.html">ru</a>
+
+</h6><p>kr2</p>
+<p>LANG: en</p><p class="subheader">Category: <a href="https://kornerr.github.io/pelican/category/review.html">Review</a>
+
+</p>
+
+
+                <a class="button radius secondary small right" href="https://kornerr.github.io/pelican/kr2.html">Read More</a>
+                <hr  class="gradient"/>
+            </article>
+
+        
+
+
+            <article>
+                <a href="https://kornerr.github.io/pelican/kr1.html"><h3 class="article-title">kr1</h3></a>
+<h6 class="subheader" title="2017-01-01T01:04:00+07:00">Sun 01 January 2017
+            <a class="button secondary small translation-button" href="https://kornerr.github.io/pelican/kr1-ru.html">ru</a>
+
+</h6><p>kr1</p>
+<p>LANG: en</p><p class="subheader">Category: <a href="https://kornerr.github.io/pelican/category/review.html">Review</a>
+
+</p>
+
+
+                <a class="button radius secondary small right" href="https://kornerr.github.io/pelican/kr1.html">Read More</a>
+                <hr  class="gradient"/>
+            </article>
+
+            <!-- /#posts-list -->
+<div class="pagination-centered">
+<h6 class="subheader">Page 2 of 2</h6>
+
+<p>
+            <a href="https://kornerr.github.io/pelican/category/review.html">&laquo; Prev</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="https://kornerr.github.io/pelican/archives.html">Archives</a>
+            <li><a href="https://kornerr.github.io/pelican/tags.html">Tags</a>
+
+
+                <li><a href="https://kornerr.github.io/pelican/feeds/all.atom.xml" rel="alternate">Atom feed</a></li>
+        </ul>
+
+		
+        <h5 class="sidebar-title">Categories</h5>
+        <ul class="side-nav">
+            <li><a href="https://kornerr.github.io/pelican/category/news.html">News</a></li>
+            <li><a href="https://kornerr.github.io/pelican/category/review.html">Review</a></li>
+   
+        </ul>
+        -->
+
+        <h5 class="sidebar-title">Links</h5>
+        <ul class="side-nav">
+            <li><a href="http://getpelican.com/">Pelican</a></li>
+            <li><a href="http://python.org/">Python.org</a></li>
+            <li><a href="http://jinja.pocoo.org/">Jinja2</a></li>
+            <li><a href="#">You can modify those links in your config file</a></li>
+        </ul>
+		
+        <h5 class="sidebar-title">Social</h5>
+        <ul class="side-nav">
+            <li><a href="#">You can add links in your config file</a></li>
+            <li><a href="#">Another social link</a></li>
+        </ul>
+
+    </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>
+</footer>

docs/feeds/all.atom.xml

@@ -1,14 +1,136 @@
 <?xml version="1.0" encoding="utf-8"?>
-<feed xmlns="http://www.w3.org/2005/Atom"><title>Opensource Game Studio</title><link href="https://kornerr.github.io/pelican/" rel="alternate"></link><link href="https://kornerr.github.io/pelican/feeds/all.atom.xml" rel="self"></link><id>https://kornerr.github.io/pelican/</id><updated>2017-07-03T22:00:00+07:00</updated><entry><title>Pelican review</title><link href="https://kornerr.github.io/pelican/pelican-review.html" rel="alternate"></link><published>2017-07-03T22:00:00+07:00</published><updated>2017-07-03T22:00:00+07:00</updated><author><name>Opensource Game Studio</name></author><id>tag:kornerr.github.io,2017-07-03:/pelican/pelican-review.html</id><summary type="html">&lt;p&gt;So far so nice. Pelican is really cool, and provides a quick starting guided
+<feed xmlns="http://www.w3.org/2005/Atom"><title>Opensource Game Studio</title><link href="https://kornerr.github.io/pelican/" rel="alternate"></link><link href="https://kornerr.github.io/pelican/feeds/all.atom.xml" rel="self"></link><id>https://kornerr.github.io/pelican/</id><updated>2017-06-08T10:00:00+07:00</updated><entry><title>iOS tutorial</title><link href="https://kornerr.github.io/pelican/ios-tutorial.html" rel="alternate"></link><published>2017-06-08T10:00:00+07:00</published><updated>2017-06-08T10:00:00+07:00</updated><author><name>Opensource Game Studio</name></author><id>tag:kornerr.github.io,2017-06-08:/pelican/ios-tutorial.html</id><summary type="html">&lt;p&gt;&lt;img alt="iOS tutorial" src="https://kornerr.github.io/pelican/2017-06-08-ios-refactoring.png"&gt;&lt;/p&gt;
+&lt;p&gt;This article describes problems we faced during the creation of iOS tutorial in May 2017.&lt;/p&gt;
+&lt;p&gt;&lt;a href="https://twitter.com/OpenGameStudio/status/826816343433498627"&gt;This February&lt;/a&gt; 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 …&lt;/p&gt;</summary><content type="html">&lt;p&gt;&lt;img alt="iOS tutorial" src="https://kornerr.github.io/pelican/2017-06-08-ios-refactoring.png"&gt;&lt;/p&gt;
+&lt;p&gt;This article describes problems we faced during the creation of iOS tutorial in May 2017.&lt;/p&gt;
+&lt;p&gt;&lt;a href="https://twitter.com/OpenGameStudio/status/826816343433498627"&gt;This February&lt;/a&gt; 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.&lt;/p&gt;
+&lt;h3&gt;Native library&lt;/h3&gt;
+&lt;p&gt;The first question we had to answer was: should the sample application be part of Xcode project or be a separately built library?&lt;/p&gt;
+&lt;p&gt;We had to consider the following facts:&lt;/p&gt;
+&lt;ol&gt;
+&lt;li&gt;Xcode project can use C++ directly (thanks to Objective-C++) without stuff like JNI&lt;ul&gt;
+&lt;li&gt;There's no need for a separate library (+ application)&lt;/li&gt;
+&lt;li&gt;Creating a separate library is an additional work (- library)&lt;/li&gt;
+&lt;/ul&gt;
+&lt;/li&gt;
+&lt;li&gt;OpenSceneGraph builds libraries&lt;ul&gt;
+&lt;li&gt;It's easier to use standard build process (+ library)&lt;/li&gt;
+&lt;li&gt;It's harder to create custom build process just for a single platform (- application)&lt;/li&gt;
+&lt;/ul&gt;
+&lt;/li&gt;
+&lt;li&gt;OpenSceneGraph uses CMake build system, which is not supported by Xcode&lt;ul&gt;
+&lt;li&gt;Xcode project can't include CMake files (- application)&lt;/li&gt;
+&lt;li&gt;It's easy to create custom CMake file that includes OpenSceneGraph CMake file to build a single library (+ library)&lt;/li&gt;
+&lt;/ul&gt;
+&lt;/li&gt;
+&lt;li&gt;CMake can generate Xcode project&lt;ul&gt;
+&lt;li&gt;It's possible to create a CMake file that builds both OpenSceneGraph and the sample application (+ application)&lt;/li&gt;
+&lt;li&gt;Xcode is the de-facto tool to create Xcode projects; it's easier to use standard build process (+ library)&lt;/li&gt;
+&lt;/ul&gt;
+&lt;/li&gt;
+&lt;/ol&gt;
+&lt;p&gt;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.&lt;/p&gt;
+&lt;h3&gt;Refactoring&lt;/h3&gt;
+&lt;p&gt;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?&lt;/p&gt;
+&lt;p&gt;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.&lt;/p&gt;
+&lt;p&gt;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.&lt;/p&gt;
+&lt;p&gt;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:&lt;/p&gt;
+&lt;ol&gt;
+&lt;li&gt;functions.h - contains reusable classless functions&lt;/li&gt;
+&lt;li&gt;main.h - contains the rest of the sample application code&lt;/li&gt;
+&lt;/ol&gt;
+&lt;p&gt;Their contents differ slightly for each platform, but it's easy to see the whole picture now.&lt;/p&gt;
+&lt;p&gt;That's it for describing problems we faced during the creation of iOS tutorial in May 2017.&lt;/p&gt;</content></entry><entry><title>Самоучитель iOS</title><link href="https://kornerr.github.io/pelican/ios-tutorial-ru.html" rel="alternate"></link><published>2017-06-08T10:00:00+07:00</published><updated>2017-06-08T10:00:00+07:00</updated><author><name>Opensource Game Studio</name></author><id>tag:kornerr.github.io,2017-06-08:/pelican/ios-tutorial-ru.html</id><summary type="html">&lt;p&gt;&lt;img alt="Самоучитель iOS" src="https://kornerr.github.io/pelican/2017-06-08-ios-refactoring.png"&gt;&lt;/p&gt;
+&lt;p&gt;Эта статья описывает проблемы, с которыми мы столкнулись во время создания самоучителя для iOS в мае 2017.&lt;/p&gt;
+&lt;p&gt;&lt;a href="https://twitter.com/OpenGameStudio/status/826816343433498627"&gt;В феврале&lt;/a&gt; мы сумели отобразить простую модель под iOS за считанные дни. Это дало нам уверенность, что самоучитель для iOS мы сделаем столь же быстро. Тем не менее, реальность напомнила нам о простой …&lt;/p&gt;</summary><content type="html">&lt;p&gt;&lt;img alt="Самоучитель iOS" src="https://kornerr.github.io/pelican/2017-06-08-ios-refactoring.png"&gt;&lt;/p&gt;
+&lt;p&gt;Эта статья описывает проблемы, с которыми мы столкнулись во время создания самоучителя для iOS в мае 2017.&lt;/p&gt;
+&lt;p&gt;&lt;a href="https://twitter.com/OpenGameStudio/status/826816343433498627"&gt;В феврале&lt;/a&gt; мы сумели отобразить простую модель под iOS за считанные дни. Это дало нам уверенность, что самоучитель для iOS мы сделаем столь же быстро. Тем не менее, реальность напомнила нам о простой вещи: быстро сделать можно лишь поделку на коленке, работающую только у самого разработчика; над логически связанным примером, работающим у всех, придётся попотеть.&lt;/p&gt;
+&lt;h3&gt;Нативная библиотека&lt;/h3&gt;
+&lt;p&gt;Прежде всего нам необходимо было ответить на следующий вопрос: "должен ли пример приложения быть частью проекта Xcode или отдельной библиотекой?"&lt;/p&gt;
+&lt;p&gt;Для принятия решения мы использовали следующие факты:&lt;/p&gt;
+&lt;ol&gt;
+&lt;li&gt;Проект Xcode может напрямую использовать C++ (благодаря Objective-C++) без прослоек вроде JNI&lt;ul&gt;
+&lt;li&gt;Отдельная библиотека не нужна (+ приложение)&lt;/li&gt;
+&lt;li&gt;Создание отдельной библиотеки - это дополнительная работа (- библиотека)&lt;/li&gt;
+&lt;/ul&gt;
+&lt;/li&gt;
+&lt;li&gt;OpenSceneGraph собирается в библиотеки&lt;ul&gt;
+&lt;li&gt;Легче использовать стандартный процесс сборки (+ библиотека)&lt;/li&gt;
+&lt;li&gt;Создавать свой процесс сборки лишь для одной платформы сложно (- приложение)&lt;/li&gt;
+&lt;/ul&gt;
+&lt;/li&gt;
+&lt;li&gt;OpenSceneGraph использует систему сборки CMake, которая не поддерживается Xcode&lt;ul&gt;
+&lt;li&gt;Проект Xcode не может включать файлы CMake (- приложение)&lt;/li&gt;
+&lt;li&gt;Свой файл CMake может с лёгкостью включить файл OpenSceneGraph CMake для сборки единой библиотеки (+ библиотека)&lt;/li&gt;
+&lt;/ul&gt;
+&lt;/li&gt;
+&lt;li&gt;CMake может генерировать проект Xcode&lt;ul&gt;
+&lt;li&gt;Можно создать файл CMake, который будет собирать как OpenSceneGraph, так и пример приложения (+ приложение)&lt;/li&gt;
+&lt;li&gt;Xcode - это де-факто инструмент для создания проектов Xcode; легче использовать стандартный процесс сборки (+ библиотека)&lt;/li&gt;
+&lt;/ul&gt;
+&lt;/li&gt;
+&lt;/ol&gt;
+&lt;p&gt;Оценив плюсы и минусы обоих подходов, мы решили сделать библиотеку, которую можно включать в проект Xcode. Минусом данного подхода является то, что сборки приложения для симулятора и реального устройства используют разные сборки библиотеки.&lt;/p&gt;
+&lt;h3&gt;Рефакторинг&lt;/h3&gt;
+&lt;p&gt;Также нам пришлось ответить на ещё один вопрос: "использовать ли единую кодовую базу для всех платформ или несколько под каждую платформу?"&lt;/p&gt;
+&lt;p&gt;При создании самоучителя для Android мы использовали единую кодовую базу, т.к. она отлично работала для десктопа и Android. Когда мы начали работу над самоучителем iOS, стало ясно, что часть функционала либо работает, либо не работает на некоторых платформах. Например, один функционал может работать на десктопе и iOS, но не работать на Android. Другой функционал может работать на iOS и Android, но не работать на десктопе. Т.к. мы не хотели загрязнять код кучей #ifdef, мы решили помещать функционал, специфичный для конкретной платформы или нескольких платформ, в разные файлы. Это привело к резкому увеличению количества файлов. Такой подход хорошо подходил для повторного использования, но совершенно не годился для понимания общей картины.&lt;/p&gt;
+&lt;p&gt;В этот момент мы осознали необходимость ответа на второй вопрос. Мы напомнили себе, что главная цель примера приложения состоит в том, чтобы обучить базовым вещам OpenSceneGraph, а не создать повторно используемую библиотеку с API, который будет жить без изменений десятилетиями.&lt;/p&gt;
+&lt;p&gt;Для ответа на этот вопрос нам помог наш внутренний инструмент feature tool. С его помощью мы разделили код на несколько частей, который в итоге собирается ровно в два файла для каждой платформы:&lt;/p&gt;
+&lt;ol&gt;
+&lt;li&gt;functions.h - содержит повторно используемые бесклассовые функции&lt;/li&gt;
+&lt;li&gt;main.h - содержит остальной код приложения&lt;/li&gt;
+&lt;/ol&gt;
+&lt;p&gt;Их содержимое несколько отличается для каждой из платформ, но наличие всего двух файлов позволяет увидеть общую картину.&lt;/p&gt;
+&lt;p&gt;На этом мы заканчиваем описание проблем, с которыми мы столкнулись во время создания самоучителя для iOS в мае 2017.&lt;/p&gt;</content></entry><entry><title>Pelican review</title><link href="https://kornerr.github.io/pelican/pelican-review.html" rel="alternate"></link><published>2017-06-03T22:00:00+07:00</published><updated>2017-06-03T22:00:00+07:00</updated><author><name>Opensource Game Studio</name></author><id>tag:kornerr.github.io,2017-06-03:/pelican/pelican-review.html</id><summary type="html">&lt;p&gt;So far so nice. Pelican is really cool, and provides a quick starting guided
 to get up and running real fast.&lt;/p&gt;
 &lt;p&gt;Much more smooth than Jekyll.&lt;/p&gt;
 &lt;p&gt;I &amp;lt;3 Python and its ecosystem. Something is just EASIER in Python.&lt;/p&gt;</summary><content type="html">&lt;p&gt;So far so nice. Pelican is really cool, and provides a quick starting guided
 to get up and running real fast.&lt;/p&gt;
 &lt;p&gt;Much more smooth than Jekyll.&lt;/p&gt;
-&lt;p&gt;I &amp;lt;3 Python and its ecosystem. Something is just EASIER in Python.&lt;/p&gt;</content></entry><entry><title>Обзор Pelican</title><link href="https://kornerr.github.io/pelican/pelican-review-ru.html" rel="alternate"></link><published>2017-07-03T22:00:00+07:00</published><updated>2017-07-03T22:00:00+07:00</updated><author><name>Opensource Game Studio</name></author><id>tag:kornerr.github.io,2017-07-03:/pelican/pelican-review-ru.html</id><summary type="html">&lt;p&gt;Пока что полёт нормальный. Pelican действительно крут, позволяет
+&lt;p&gt;I &amp;lt;3 Python and its ecosystem. Something is just EASIER in Python.&lt;/p&gt;</content></entry><entry><title>Обзор Pelican</title><link href="https://kornerr.github.io/pelican/pelican-review-ru.html" rel="alternate"></link><published>2017-06-03T22:00:00+07:00</published><updated>2017-06-03T22:00:00+07:00</updated><author><name>Opensource Game Studio</name></author><id>tag:kornerr.github.io,2017-06-03:/pelican/pelican-review-ru.html</id><summary type="html">&lt;p&gt;Пока что полёт нормальный. Pelican действительно крут, позволяет
 быстро всё настроить и запуститься.&lt;/p&gt;
 &lt;p&gt;Намного легче, чем Jekyll.&lt;/p&gt;
 &lt;p&gt;&amp;lt;3 Python и его экосистему. Что-то просто ЛЕГЧЕ в Python.&lt;/p&gt;</summary><content type="html">&lt;p&gt;Пока что полёт нормальный. Pelican действительно крут, позволяет
 быстро всё настроить и запуститься.&lt;/p&gt;
 &lt;p&gt;Намного легче, чем Jekyll.&lt;/p&gt;
-&lt;p&gt;&amp;lt;3 Python и его экосистему. Что-то просто ЛЕГЧЕ в Python.&lt;/p&gt;</content></entry><entry><title>My first review</title><link href="https://kornerr.github.io/pelican/keyboard-review.html" rel="alternate"></link><published>2017-06-01T10:20:00+07:00</published><updated>2017-06-01T10:20:00+07:00</updated><author><name>Opensource Game Studio</name></author><id>tag:kornerr.github.io,2017-06-01:/pelican/keyboard-review.html</id><summary type="html">&lt;p&gt;Here is a full review, guys.&lt;/p&gt;</summary><content type="html">&lt;p&gt;Here is a full review, guys.&lt;/p&gt;</content></entry><entry><title>Моё первое ревью</title><link href="https://kornerr.github.io/pelican/keyboard-review-ru.html" rel="alternate"></link><published>2017-06-01T10:20:00+07:00</published><updated>2017-06-01T10:20:00+07:00</updated><author><name>Opensource Game Studio</name></author><id>tag:kornerr.github.io,2017-06-01:/pelican/keyboard-review-ru.html</id><summary type="html">&lt;p&gt;Вот и моё первое ревью, чуввви.&lt;/p&gt;</summary><content type="html">&lt;p&gt;Вот и моё первое ревью, чуввви.&lt;/p&gt;</content></entry></feed>
+&lt;p&gt;&amp;lt;3 Python и его экосистему. Что-то просто ЛЕГЧЕ в Python.&lt;/p&gt;</content></entry><entry><title>My first review</title><link href="https://kornerr.github.io/pelican/keyboard-review.html" rel="alternate"></link><published>2017-06-01T10:20:00+07:00</published><updated>2017-06-01T10:20:00+07:00</updated><author><name>Opensource Game Studio</name></author><id>tag:kornerr.github.io,2017-06-01:/pelican/keyboard-review.html</id><summary type="html">&lt;p&gt;Here is a full review, guys.&lt;/p&gt;</summary><content type="html">&lt;p&gt;Here is a full review, guys.&lt;/p&gt;</content></entry><entry><title>Моё первое ревью</title><link href="https://kornerr.github.io/pelican/keyboard-review-ru.html" rel="alternate"></link><published>2017-06-01T10:20:00+07:00</published><updated>2017-06-01T10:20:00+07:00</updated><author><name>Opensource Game Studio</name></author><id>tag:kornerr.github.io,2017-06-01:/pelican/keyboard-review-ru.html</id><summary type="html">&lt;p&gt;Вот и моё первое ревью, чуввви.&lt;/p&gt;</summary><content type="html">&lt;p&gt;Вот и моё первое ревью, чуввви.&lt;/p&gt;</content></entry><entry><title>kr10</title><link href="https://kornerr.github.io/pelican/kr10.html" rel="alternate"></link><published>2017-01-01T10:04:00+07:00</published><updated>2017-01-01T10:04:00+07:00</updated><author><name>Opensource Game Studio</name></author><id>tag:kornerr.github.io,2017-01-01:/pelican/kr10.html</id><summary type="html">&lt;p&gt;kr10&lt;/p&gt;
+&lt;p&gt;LANG: en&lt;/p&gt;</summary><content type="html">&lt;p&gt;kr10&lt;/p&gt;
+&lt;p&gt;LANG: en&lt;/p&gt;</content></entry><entry><title>kr10</title><link href="https://kornerr.github.io/pelican/kr10-ru.html" rel="alternate"></link><published>2017-01-01T10:04:00+07:00</published><updated>2017-01-01T10:04:00+07:00</updated><author><name>Opensource Game Studio</name></author><id>tag:kornerr.github.io,2017-01-01:/pelican/kr10-ru.html</id><summary type="html">&lt;p&gt;kr10&lt;/p&gt;
+&lt;p&gt;LANG: ru&lt;/p&gt;</summary><content type="html">&lt;p&gt;kr10&lt;/p&gt;
+&lt;p&gt;LANG: ru&lt;/p&gt;</content></entry><entry><title>kr9</title><link href="https://kornerr.github.io/pelican/kr9.html" rel="alternate"></link><published>2017-01-01T09:04:00+07:00</published><updated>2017-01-01T09:04:00+07:00</updated><author><name>Opensource Game Studio</name></author><id>tag:kornerr.github.io,2017-01-01:/pelican/kr9.html</id><summary type="html">&lt;p&gt;kr9&lt;/p&gt;
+&lt;p&gt;LANG: en&lt;/p&gt;</summary><content type="html">&lt;p&gt;kr9&lt;/p&gt;
+&lt;p&gt;LANG: en&lt;/p&gt;</content></entry><entry><title>kr9</title><link href="https://kornerr.github.io/pelican/kr9-ru.html" rel="alternate"></link><published>2017-01-01T09:04:00+07:00</published><updated>2017-01-01T09:04:00+07:00</updated><author><name>Opensource Game Studio</name></author><id>tag:kornerr.github.io,2017-01-01:/pelican/kr9-ru.html</id><summary type="html">&lt;p&gt;kr9&lt;/p&gt;
+&lt;p&gt;LANG: ru&lt;/p&gt;</summary><content type="html">&lt;p&gt;kr9&lt;/p&gt;
+&lt;p&gt;LANG: ru&lt;/p&gt;</content></entry><entry><title>kr8</title><link href="https://kornerr.github.io/pelican/kr8.html" rel="alternate"></link><published>2017-01-01T08:04:00+07:00</published><updated>2017-01-01T08:04:00+07:00</updated><author><name>Opensource Game Studio</name></author><id>tag:kornerr.github.io,2017-01-01:/pelican/kr8.html</id><summary type="html">&lt;p&gt;kr8&lt;/p&gt;
+&lt;p&gt;LANG: en&lt;/p&gt;</summary><content type="html">&lt;p&gt;kr8&lt;/p&gt;
+&lt;p&gt;LANG: en&lt;/p&gt;</content></entry><entry><title>kr8</title><link href="https://kornerr.github.io/pelican/kr8-ru.html" rel="alternate"></link><published>2017-01-01T08:04:00+07:00</published><updated>2017-01-01T08:04:00+07:00</updated><author><name>Opensource Game Studio</name></author><id>tag:kornerr.github.io,2017-01-01:/pelican/kr8-ru.html</id><summary type="html">&lt;p&gt;kr8&lt;/p&gt;
+&lt;p&gt;LANG: ru&lt;/p&gt;</summary><content type="html">&lt;p&gt;kr8&lt;/p&gt;
+&lt;p&gt;LANG: ru&lt;/p&gt;</content></entry><entry><title>kr7</title><link href="https://kornerr.github.io/pelican/kr7.html" rel="alternate"></link><published>2017-01-01T07:04:00+07:00</published><updated>2017-01-01T07:04:00+07:00</updated><author><name>Opensource Game Studio</name></author><id>tag:kornerr.github.io,2017-01-01:/pelican/kr7.html</id><summary type="html">&lt;p&gt;kr7&lt;/p&gt;
+&lt;p&gt;LANG: en&lt;/p&gt;</summary><content type="html">&lt;p&gt;kr7&lt;/p&gt;
+&lt;p&gt;LANG: en&lt;/p&gt;</content></entry><entry><title>kr7</title><link href="https://kornerr.github.io/pelican/kr7-ru.html" rel="alternate"></link><published>2017-01-01T07:04:00+07:00</published><updated>2017-01-01T07:04:00+07:00</updated><author><name>Opensource Game Studio</name></author><id>tag:kornerr.github.io,2017-01-01:/pelican/kr7-ru.html</id><summary type="html">&lt;p&gt;kr7&lt;/p&gt;
+&lt;p&gt;LANG: ru&lt;/p&gt;</summary><content type="html">&lt;p&gt;kr7&lt;/p&gt;
+&lt;p&gt;LANG: ru&lt;/p&gt;</content></entry><entry><title>kr6</title><link href="https://kornerr.github.io/pelican/kr6.html" rel="alternate"></link><published>2017-01-01T06:04:00+07:00</published><updated>2017-01-01T06:04:00+07:00</updated><author><name>Opensource Game Studio</name></author><id>tag:kornerr.github.io,2017-01-01:/pelican/kr6.html</id><summary type="html">&lt;p&gt;kr6&lt;/p&gt;
+&lt;p&gt;LANG: en&lt;/p&gt;</summary><content type="html">&lt;p&gt;kr6&lt;/p&gt;
+&lt;p&gt;LANG: en&lt;/p&gt;</content></entry><entry><title>kr6</title><link href="https://kornerr.github.io/pelican/kr6-ru.html" rel="alternate"></link><published>2017-01-01T06:04:00+07:00</published><updated>2017-01-01T06:04:00+07:00</updated><author><name>Opensource Game Studio</name></author><id>tag:kornerr.github.io,2017-01-01:/pelican/kr6-ru.html</id><summary type="html">&lt;p&gt;kr6&lt;/p&gt;
+&lt;p&gt;LANG: ru&lt;/p&gt;</summary><content type="html">&lt;p&gt;kr6&lt;/p&gt;
+&lt;p&gt;LANG: ru&lt;/p&gt;</content></entry><entry><title>kr5</title><link href="https://kornerr.github.io/pelican/kr5.html" rel="alternate"></link><published>2017-01-01T05:04:00+07:00</published><updated>2017-01-01T05:04:00+07:00</updated><author><name>Opensource Game Studio</name></author><id>tag:kornerr.github.io,2017-01-01:/pelican/kr5.html</id><summary type="html">&lt;p&gt;kr5&lt;/p&gt;
+&lt;p&gt;LANG: en&lt;/p&gt;</summary><content type="html">&lt;p&gt;kr5&lt;/p&gt;
+&lt;p&gt;LANG: en&lt;/p&gt;</content></entry><entry><title>kr5</title><link href="https://kornerr.github.io/pelican/kr5-ru.html" rel="alternate"></link><published>2017-01-01T05:04:00+07:00</published><updated>2017-01-01T05:04:00+07:00</updated><author><name>Opensource Game Studio</name></author><id>tag:kornerr.github.io,2017-01-01:/pelican/kr5-ru.html</id><summary type="html">&lt;p&gt;kr5&lt;/p&gt;
+&lt;p&gt;LANG: ru&lt;/p&gt;</summary><content type="html">&lt;p&gt;kr5&lt;/p&gt;
+&lt;p&gt;LANG: ru&lt;/p&gt;</content></entry><entry><title>kr4</title><link href="https://kornerr.github.io/pelican/kr4.html" rel="alternate"></link><published>2017-01-01T04:04:00+07:00</published><updated>2017-01-01T04:04:00+07:00</updated><author><name>Opensource Game Studio</name></author><id>tag:kornerr.github.io,2017-01-01:/pelican/kr4.html</id><summary type="html">&lt;p&gt;kr4&lt;/p&gt;
+&lt;p&gt;LANG: en&lt;/p&gt;</summary><content type="html">&lt;p&gt;kr4&lt;/p&gt;
+&lt;p&gt;LANG: en&lt;/p&gt;</content></entry><entry><title>kr4</title><link href="https://kornerr.github.io/pelican/kr4-ru.html" rel="alternate"></link><published>2017-01-01T04:04:00+07:00</published><updated>2017-01-01T04:04:00+07:00</updated><author><name>Opensource Game Studio</name></author><id>tag:kornerr.github.io,2017-01-01:/pelican/kr4-ru.html</id><summary type="html">&lt;p&gt;kr4&lt;/p&gt;
+&lt;p&gt;LANG: ru&lt;/p&gt;</summary><content type="html">&lt;p&gt;kr4&lt;/p&gt;
+&lt;p&gt;LANG: ru&lt;/p&gt;</content></entry><entry><title>kr3</title><link href="https://kornerr.github.io/pelican/kr3.html" rel="alternate"></link><published>2017-01-01T03:04:00+07:00</published><updated>2017-01-01T03:04:00+07:00</updated><author><name>Opensource Game Studio</name></author><id>tag:kornerr.github.io,2017-01-01:/pelican/kr3.html</id><summary type="html">&lt;p&gt;kr3&lt;/p&gt;
+&lt;p&gt;LANG: en&lt;/p&gt;</summary><content type="html">&lt;p&gt;kr3&lt;/p&gt;
+&lt;p&gt;LANG: en&lt;/p&gt;</content></entry><entry><title>kr3</title><link href="https://kornerr.github.io/pelican/kr3-ru.html" rel="alternate"></link><published>2017-01-01T03:04:00+07:00</published><updated>2017-01-01T03:04:00+07:00</updated><author><name>Opensource Game Studio</name></author><id>tag:kornerr.github.io,2017-01-01:/pelican/kr3-ru.html</id><summary type="html">&lt;p&gt;kr3&lt;/p&gt;
+&lt;p&gt;LANG: ru&lt;/p&gt;</summary><content type="html">&lt;p&gt;kr3&lt;/p&gt;
+&lt;p&gt;LANG: ru&lt;/p&gt;</content></entry><entry><title>kr2</title><link href="https://kornerr.github.io/pelican/kr2.html" rel="alternate"></link><published>2017-01-01T02:04:00+07:00</published><updated>2017-01-01T02:04:00+07:00</updated><author><name>Opensource Game Studio</name></author><id>tag:kornerr.github.io,2017-01-01:/pelican/kr2.html</id><summary type="html">&lt;p&gt;kr2&lt;/p&gt;
+&lt;p&gt;LANG: en&lt;/p&gt;</summary><content type="html">&lt;p&gt;kr2&lt;/p&gt;
+&lt;p&gt;LANG: en&lt;/p&gt;</content></entry><entry><title>kr2</title><link href="https://kornerr.github.io/pelican/kr2-ru.html" rel="alternate"></link><published>2017-01-01T02:04:00+07:00</published><updated>2017-01-01T02:04:00+07:00</updated><author><name>Opensource Game Studio</name></author><id>tag:kornerr.github.io,2017-01-01:/pelican/kr2-ru.html</id><summary type="html">&lt;p&gt;kr2&lt;/p&gt;
+&lt;p&gt;LANG: ru&lt;/p&gt;</summary><content type="html">&lt;p&gt;kr2&lt;/p&gt;
+&lt;p&gt;LANG: ru&lt;/p&gt;</content></entry><entry><title>kr1</title><link href="https://kornerr.github.io/pelican/kr1.html" rel="alternate"></link><published>2017-01-01T01:04:00+07:00</published><updated>2017-01-01T01:04:00+07:00</updated><author><name>Opensource Game Studio</name></author><id>tag:kornerr.github.io,2017-01-01:/pelican/kr1.html</id><summary type="html">&lt;p&gt;kr1&lt;/p&gt;
+&lt;p&gt;LANG: en&lt;/p&gt;</summary><content type="html">&lt;p&gt;kr1&lt;/p&gt;
+&lt;p&gt;LANG: en&lt;/p&gt;</content></entry><entry><title>kr1</title><link href="https://kornerr.github.io/pelican/kr1-ru.html" rel="alternate"></link><published>2017-01-01T01:04:00+07:00</published><updated>2017-01-01T01:04:00+07:00</updated><author><name>Opensource Game Studio</name></author><id>tag:kornerr.github.io,2017-01-01:/pelican/kr1-ru.html</id><summary type="html">&lt;p&gt;kr1&lt;/p&gt;
+&lt;p&gt;LANG: ru&lt;/p&gt;</summary><content type="html">&lt;p&gt;kr1&lt;/p&gt;
+&lt;p&gt;LANG: ru&lt;/p&gt;</content></entry></feed>

docs/feeds/news.atom.xml

@@ -0,0 +1,43 @@
+<?xml version="1.0" encoding="utf-8"?>
+<feed xmlns="http://www.w3.org/2005/Atom"><title>Opensource Game Studio - News</title><link href="https://kornerr.github.io/pelican/" rel="alternate"></link><link href="https://kornerr.github.io/pelican/feeds/news.atom.xml" rel="self"></link><id>https://kornerr.github.io/pelican/</id><updated>2017-06-08T10:00:00+07:00</updated><entry><title>iOS tutorial</title><link href="https://kornerr.github.io/pelican/ios-tutorial.html" rel="alternate"></link><published>2017-06-08T10:00:00+07:00</published><updated>2017-06-08T10:00:00+07:00</updated><author><name>Opensource Game Studio</name></author><id>tag:kornerr.github.io,2017-06-08:/pelican/ios-tutorial.html</id><summary type="html">&lt;p&gt;&lt;img alt="iOS tutorial" src="https://kornerr.github.io/pelican/2017-06-08-ios-refactoring.png"&gt;&lt;/p&gt;
+&lt;p&gt;This article describes problems we faced during the creation of iOS tutorial in May 2017.&lt;/p&gt;
+&lt;p&gt;&lt;a href="https://twitter.com/OpenGameStudio/status/826816343433498627"&gt;This February&lt;/a&gt; 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 …&lt;/p&gt;</summary><content type="html">&lt;p&gt;&lt;img alt="iOS tutorial" src="https://kornerr.github.io/pelican/2017-06-08-ios-refactoring.png"&gt;&lt;/p&gt;
+&lt;p&gt;This article describes problems we faced during the creation of iOS tutorial in May 2017.&lt;/p&gt;
+&lt;p&gt;&lt;a href="https://twitter.com/OpenGameStudio/status/826816343433498627"&gt;This February&lt;/a&gt; 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.&lt;/p&gt;
+&lt;h3&gt;Native library&lt;/h3&gt;
+&lt;p&gt;The first question we had to answer was: should the sample application be part of Xcode project or be a separately built library?&lt;/p&gt;
+&lt;p&gt;We had to consider the following facts:&lt;/p&gt;
+&lt;ol&gt;
+&lt;li&gt;Xcode project can use C++ directly (thanks to Objective-C++) without stuff like JNI&lt;ul&gt;
+&lt;li&gt;There's no need for a separate library (+ application)&lt;/li&gt;
+&lt;li&gt;Creating a separate library is an additional work (- library)&lt;/li&gt;
+&lt;/ul&gt;
+&lt;/li&gt;
+&lt;li&gt;OpenSceneGraph builds libraries&lt;ul&gt;
+&lt;li&gt;It's easier to use standard build process (+ library)&lt;/li&gt;
+&lt;li&gt;It's harder to create custom build process just for a single platform (- application)&lt;/li&gt;
+&lt;/ul&gt;
+&lt;/li&gt;
+&lt;li&gt;OpenSceneGraph uses CMake build system, which is not supported by Xcode&lt;ul&gt;
+&lt;li&gt;Xcode project can't include CMake files (- application)&lt;/li&gt;
+&lt;li&gt;It's easy to create custom CMake file that includes OpenSceneGraph CMake file to build a single library (+ library)&lt;/li&gt;
+&lt;/ul&gt;
+&lt;/li&gt;
+&lt;li&gt;CMake can generate Xcode project&lt;ul&gt;
+&lt;li&gt;It's possible to create a CMake file that builds both OpenSceneGraph and the sample application (+ application)&lt;/li&gt;
+&lt;li&gt;Xcode is the de-facto tool to create Xcode projects; it's easier to use standard build process (+ library)&lt;/li&gt;
+&lt;/ul&gt;
+&lt;/li&gt;
+&lt;/ol&gt;
+&lt;p&gt;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.&lt;/p&gt;
+&lt;h3&gt;Refactoring&lt;/h3&gt;
+&lt;p&gt;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?&lt;/p&gt;
+&lt;p&gt;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.&lt;/p&gt;
+&lt;p&gt;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.&lt;/p&gt;
+&lt;p&gt;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:&lt;/p&gt;
+&lt;ol&gt;
+&lt;li&gt;functions.h - contains reusable classless functions&lt;/li&gt;
+&lt;li&gt;main.h - contains the rest of the sample application code&lt;/li&gt;
+&lt;/ol&gt;
+&lt;p&gt;Their contents differ slightly for each platform, but it's easy to see the whole picture now.&lt;/p&gt;
+&lt;p&gt;That's it for describing problems we faced during the creation of iOS tutorial in May 2017.&lt;/p&gt;</content></entry></feed>

docs/feeds/review.atom.xml

@@ -1,8 +1,28 @@
 <?xml version="1.0" encoding="utf-8"?>
-<feed xmlns="http://www.w3.org/2005/Atom"><title>Opensource Game Studio - Review</title><link href="https://kornerr.github.io/pelican/" rel="alternate"></link><link href="https://kornerr.github.io/pelican/feeds/review.atom.xml" rel="self"></link><id>https://kornerr.github.io/pelican/</id><updated>2017-07-03T22:00:00+07:00</updated><entry><title>Pelican review</title><link href="https://kornerr.github.io/pelican/pelican-review.html" rel="alternate"></link><published>2017-07-03T22:00:00+07:00</published><updated>2017-07-03T22:00:00+07:00</updated><author><name>Opensource Game Studio</name></author><id>tag:kornerr.github.io,2017-07-03:/pelican/pelican-review.html</id><summary type="html">&lt;p&gt;So far so nice. Pelican is really cool, and provides a quick starting guided
+<feed xmlns="http://www.w3.org/2005/Atom"><title>Opensource Game Studio - Review</title><link href="https://kornerr.github.io/pelican/" rel="alternate"></link><link href="https://kornerr.github.io/pelican/feeds/review.atom.xml" rel="self"></link><id>https://kornerr.github.io/pelican/</id><updated>2017-06-03T22:00:00+07:00</updated><entry><title>Pelican review</title><link href="https://kornerr.github.io/pelican/pelican-review.html" rel="alternate"></link><published>2017-06-03T22:00:00+07:00</published><updated>2017-06-03T22:00:00+07:00</updated><author><name>Opensource Game Studio</name></author><id>tag:kornerr.github.io,2017-06-03:/pelican/pelican-review.html</id><summary type="html">&lt;p&gt;So far so nice. Pelican is really cool, and provides a quick starting guided
 to get up and running real fast.&lt;/p&gt;
 &lt;p&gt;Much more smooth than Jekyll.&lt;/p&gt;
 &lt;p&gt;I &amp;lt;3 Python and its ecosystem. Something is just EASIER in Python.&lt;/p&gt;</summary><content type="html">&lt;p&gt;So far so nice. Pelican is really cool, and provides a quick starting guided
 to get up and running real fast.&lt;/p&gt;
 &lt;p&gt;Much more smooth than Jekyll.&lt;/p&gt;
-&lt;p&gt;I &amp;lt;3 Python and its ecosystem. Something is just EASIER in Python.&lt;/p&gt;</content></entry><entry><title>My first review</title><link href="https://kornerr.github.io/pelican/keyboard-review.html" rel="alternate"></link><published>2017-06-01T10:20:00+07:00</published><updated>2017-06-01T10:20:00+07:00</updated><author><name>Opensource Game Studio</name></author><id>tag:kornerr.github.io,2017-06-01:/pelican/keyboard-review.html</id><summary type="html">&lt;p&gt;Here is a full review, guys.&lt;/p&gt;</summary><content type="html">&lt;p&gt;Here is a full review, guys.&lt;/p&gt;</content></entry></feed>
+&lt;p&gt;I &amp;lt;3 Python and its ecosystem. Something is just EASIER in Python.&lt;/p&gt;</content></entry><entry><title>My first review</title><link href="https://kornerr.github.io/pelican/keyboard-review.html" rel="alternate"></link><published>2017-06-01T10:20:00+07:00</published><updated>2017-06-01T10:20:00+07:00</updated><author><name>Opensource Game Studio</name></author><id>tag:kornerr.github.io,2017-06-01:/pelican/keyboard-review.html</id><summary type="html">&lt;p&gt;Here is a full review, guys.&lt;/p&gt;</summary><content type="html">&lt;p&gt;Here is a full review, guys.&lt;/p&gt;</content></entry><entry><title>kr10</title><link href="https://kornerr.github.io/pelican/kr10.html" rel="alternate"></link><published>2017-01-01T10:04:00+07:00</published><updated>2017-01-01T10:04:00+07:00</updated><author><name>Opensource Game Studio</name></author><id>tag:kornerr.github.io,2017-01-01:/pelican/kr10.html</id><summary type="html">&lt;p&gt;kr10&lt;/p&gt;
+&lt;p&gt;LANG: en&lt;/p&gt;</summary><content type="html">&lt;p&gt;kr10&lt;/p&gt;
+&lt;p&gt;LANG: en&lt;/p&gt;</content></entry><entry><title>kr9</title><link href="https://kornerr.github.io/pelican/kr9.html" rel="alternate"></link><published>2017-01-01T09:04:00+07:00</published><updated>2017-01-01T09:04:00+07:00</updated><author><name>Opensource Game Studio</name></author><id>tag:kornerr.github.io,2017-01-01:/pelican/kr9.html</id><summary type="html">&lt;p&gt;kr9&lt;/p&gt;
+&lt;p&gt;LANG: en&lt;/p&gt;</summary><content type="html">&lt;p&gt;kr9&lt;/p&gt;
+&lt;p&gt;LANG: en&lt;/p&gt;</content></entry><entry><title>kr8</title><link href="https://kornerr.github.io/pelican/kr8.html" rel="alternate"></link><published>2017-01-01T08:04:00+07:00</published><updated>2017-01-01T08:04:00+07:00</updated><author><name>Opensource Game Studio</name></author><id>tag:kornerr.github.io,2017-01-01:/pelican/kr8.html</id><summary type="html">&lt;p&gt;kr8&lt;/p&gt;
+&lt;p&gt;LANG: en&lt;/p&gt;</summary><content type="html">&lt;p&gt;kr8&lt;/p&gt;
+&lt;p&gt;LANG: en&lt;/p&gt;</content></entry><entry><title>kr7</title><link href="https://kornerr.github.io/pelican/kr7.html" rel="alternate"></link><published>2017-01-01T07:04:00+07:00</published><updated>2017-01-01T07:04:00+07:00</updated><author><name>Opensource Game Studio</name></author><id>tag:kornerr.github.io,2017-01-01:/pelican/kr7.html</id><summary type="html">&lt;p&gt;kr7&lt;/p&gt;
+&lt;p&gt;LANG: en&lt;/p&gt;</summary><content type="html">&lt;p&gt;kr7&lt;/p&gt;
+&lt;p&gt;LANG: en&lt;/p&gt;</content></entry><entry><title>kr6</title><link href="https://kornerr.github.io/pelican/kr6.html" rel="alternate"></link><published>2017-01-01T06:04:00+07:00</published><updated>2017-01-01T06:04:00+07:00</updated><author><name>Opensource Game Studio</name></author><id>tag:kornerr.github.io,2017-01-01:/pelican/kr6.html</id><summary type="html">&lt;p&gt;kr6&lt;/p&gt;
+&lt;p&gt;LANG: en&lt;/p&gt;</summary><content type="html">&lt;p&gt;kr6&lt;/p&gt;
+&lt;p&gt;LANG: en&lt;/p&gt;</content></entry><entry><title>kr5</title><link href="https://kornerr.github.io/pelican/kr5.html" rel="alternate"></link><published>2017-01-01T05:04:00+07:00</published><updated>2017-01-01T05:04:00+07:00</updated><author><name>Opensource Game Studio</name></author><id>tag:kornerr.github.io,2017-01-01:/pelican/kr5.html</id><summary type="html">&lt;p&gt;kr5&lt;/p&gt;
+&lt;p&gt;LANG: en&lt;/p&gt;</summary><content type="html">&lt;p&gt;kr5&lt;/p&gt;
+&lt;p&gt;LANG: en&lt;/p&gt;</content></entry><entry><title>kr4</title><link href="https://kornerr.github.io/pelican/kr4.html" rel="alternate"></link><published>2017-01-01T04:04:00+07:00</published><updated>2017-01-01T04:04:00+07:00</updated><author><name>Opensource Game Studio</name></author><id>tag:kornerr.github.io,2017-01-01:/pelican/kr4.html</id><summary type="html">&lt;p&gt;kr4&lt;/p&gt;
+&lt;p&gt;LANG: en&lt;/p&gt;</summary><content type="html">&lt;p&gt;kr4&lt;/p&gt;
+&lt;p&gt;LANG: en&lt;/p&gt;</content></entry><entry><title>kr3</title><link href="https://kornerr.github.io/pelican/kr3.html" rel="alternate"></link><published>2017-01-01T03:04:00+07:00</published><updated>2017-01-01T03:04:00+07:00</updated><author><name>Opensource Game Studio</name></author><id>tag:kornerr.github.io,2017-01-01:/pelican/kr3.html</id><summary type="html">&lt;p&gt;kr3&lt;/p&gt;
+&lt;p&gt;LANG: en&lt;/p&gt;</summary><content type="html">&lt;p&gt;kr3&lt;/p&gt;
+&lt;p&gt;LANG: en&lt;/p&gt;</content></entry><entry><title>kr2</title><link href="https://kornerr.github.io/pelican/kr2.html" rel="alternate"></link><published>2017-01-01T02:04:00+07:00</published><updated>2017-01-01T02:04:00+07:00</updated><author><name>Opensource Game Studio</name></author><id>tag:kornerr.github.io,2017-01-01:/pelican/kr2.html</id><summary type="html">&lt;p&gt;kr2&lt;/p&gt;
+&lt;p&gt;LANG: en&lt;/p&gt;</summary><content type="html">&lt;p&gt;kr2&lt;/p&gt;
+&lt;p&gt;LANG: en&lt;/p&gt;</content></entry><entry><title>kr1</title><link href="https://kornerr.github.io/pelican/kr1.html" rel="alternate"></link><published>2017-01-01T01:04:00+07:00</published><updated>2017-01-01T01:04:00+07:00</updated><author><name>Opensource Game Studio</name></author><id>tag:kornerr.github.io,2017-01-01:/pelican/kr1.html</id><summary type="html">&lt;p&gt;kr1&lt;/p&gt;
+&lt;p&gt;LANG: en&lt;/p&gt;</summary><content type="html">&lt;p&gt;kr1&lt;/p&gt;
+&lt;p&gt;LANG: en&lt;/p&gt;</content></entry></feed>

docs/index.html

@@ -1,103 +1,331 @@
 <!DOCTYPE html>
-<html lang="en">
 <head>
-        <meta charset="utf-8" />
-        <title>Opensource Game Studio</title>
-        <link rel="stylesheet" href="https://kornerr.github.io/pelican/theme/css/main.css" />
-        <link href="https://kornerr.github.io/pelican/feeds/all.atom.xml" type="application/atom+xml" rel="alternate" title="Opensource Game Studio Atom Feed" />
-
-        <!--[if IE]>
-            <script src="https://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
-        <![endif]-->
+    <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="https://kornerr.github.io/pelican/theme/css/normalize.css" />
+    <link rel="stylesheet" href="https://kornerr.github.io/pelican/theme/css/foundation.min.css" />
+    <link rel="stylesheet" href="https://kornerr.github.io/pelican/theme/css/style.css" />
+    <link rel="stylesheet" href="https://kornerr.github.io/pelican/theme/css/pygments.css" />	
+    <script src="https://kornerr.github.io/pelican/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 id="index" class="home">
-        <header id="banner" class="body">
-                <h1><a href="https://kornerr.github.io/pelican/">Opensource Game Studio </a></h1>
-                <nav><ul>
-                    <li><a href="https://kornerr.github.io/pelican/pages/about.html">About</a></li>
-                    <li><a href="https://kornerr.github.io/pelican/category/review.html">Review</a></li>
-                </ul></nav>
-        </header><!-- /#banner -->
-
-            <aside id="featured" class="body">
-                <article>
-                    <h1 class="entry-title"><a href="https://kornerr.github.io/pelican/pelican-review.html">Pelican review</a></h1>
-<footer class="post-info">
-        <abbr class="published" title="2017-07-03T22:00:00+07:00">
-                Published: Mon 03 July 2017
-        </abbr>
-
-        <address class="vcard author">
-                By                         <a class="url fn" href="https://kornerr.github.io/pelican/author/opensource-game-studio.html">Opensource Game Studio</a>
-        </address>
-<p>In <a href="https://kornerr.github.io/pelican/category/review.html">Review</a>.</p>
-Translations:
-        <a href="https://kornerr.github.io/pelican/pelican-review-ru.html">ru</a>
-
-</footer><!-- /.post-info --><p>So far so nice. Pelican is really cool, and provides a quick starting guided
+<body>
+
+<!-- Nav Bar -->
+<nav>
+
+<!-- Show menu items and pages -->
+<div class="row">
+    <div class="large-12 columns top-bar">
+	    <h1><a href="https://kornerr.github.io/pelican">Opensource Game Studio</a></h1>
+    </div>
+</div>
+<div class="row top-menu">
+<div class="large-12 columns">
+
+            <a href="https://kornerr.github.io/pelican/pages/about.html" class="menu-button secondary">About</a>
+            <a href="https://kornerr.github.io/pelican/pages/projects.html" class="menu-button secondary">Projects</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="https://kornerr.github.io/pelican/ios-tutorial.html"><h3 class="article-title">iOS tutorial</h3></a>
+<h6 class="subheader" title="2017-06-08T10:00:00+07:00">Thu 08 June 2017
+            <a class="button secondary small translation-button" href="https://kornerr.github.io/pelican/ios-tutorial-ru.html">ru</a>
+
+</h6><p><img alt="iOS tutorial" src="https://kornerr.github.io/pelican/2017-06-08-ios-refactoring.png"></p>
+<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>
+<h3>Native library</h3>
+<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>
+<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>
+<h3>Refactoring</h3>
+<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>
+<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><p class="subheader">Category: <a href="https://kornerr.github.io/pelican/category/news.html">News</a>
+
+</p>
+
+
+            </article>
+
+
+                <hr  class="gradient"/>
+
+
+        
+
+
+            <article>
+                <a href="https://kornerr.github.io/pelican/pelican-review.html"><h3 class="article-title">Pelican review</h3></a>
+<h6 class="subheader" title="2017-06-03T22:00:00+07:00">Sat 03 June 2017
+            <a class="button secondary small translation-button" href="https://kornerr.github.io/pelican/pelican-review-ru.html">ru</a>
+
+</h6><p>So far so nice. Pelican is really cool, and provides a quick starting guided
 to get up and running real fast.</p>
 <p>Much more smooth than Jekyll.</p>
-<p>I &lt;3 Python and its ecosystem. Something is just EASIER in Python.</p>                </article>
-            </aside><!-- /#featured -->
-                <section id="content" class="body">
-                    <h1>Other articles</h1>
-                    <hr />
-                    <ol id="posts-list" class="hfeed">
-
-            <li><article class="hentry">
-                <header>
-                    <h1><a href="https://kornerr.github.io/pelican/keyboard-review.html" rel="bookmark"
-                           title="Permalink to My first review">My first review</a></h1>
-                </header>
-
-                <div class="entry-content">
-<footer class="post-info">
-        <abbr class="published" title="2017-06-01T10:20:00+07:00">
-                Published: Thu 01 June 2017
-        </abbr>
-
-        <address class="vcard author">
-                By                         <a class="url fn" href="https://kornerr.github.io/pelican/author/opensource-game-studio.html">Opensource Game Studio</a>
-        </address>
-<p>In <a href="https://kornerr.github.io/pelican/category/review.html">Review</a>.</p>
-Translations:
-        <a href="https://kornerr.github.io/pelican/keyboard-review-ru.html">ru</a>
-
-</footer><!-- /.post-info -->                <p>Here is a full review, guys.</p>
-                <a class="readmore" href="https://kornerr.github.io/pelican/keyboard-review.html">read more</a>
-                </div><!-- /.entry-content -->
-            </article></li>
-                </ol><!-- /#posts-list -->
-                </section><!-- /#content -->
-        <section id="extras" class="body">
-                <div class="blogroll">
-                        <h2>links</h2>
-                        <ul>
-                            <li><a href="http://getpelican.com/">Pelican</a></li>
-                            <li><a href="http://python.org/">Python.org</a></li>
-                            <li><a href="http://jinja.pocoo.org/">Jinja2</a></li>
-                            <li><a href="#">You can modify those links in your config file</a></li>
-                        </ul>
-                </div><!-- /.blogroll -->
-                <div class="social">
-                        <h2>social</h2>
-                        <ul>
-                            <li><a href="https://kornerr.github.io/pelican/feeds/all.atom.xml" type="application/atom+xml" rel="alternate">atom feed</a></li>
-
-                            <li><a href="#">You can add links in your config file</a></li>
-                            <li><a href="#">Another social link</a></li>
-                        </ul>
-                </div><!-- /.social -->
-        </section><!-- /#extras -->
-
-        <footer id="contentinfo" class="body">
-                <address id="about" class="vcard body">
-                Proudly powered by <a href="http://getpelican.com/">Pelican</a>, which takes great advantage of <a href="http://python.org">Python</a>.
-                </address><!-- /#about -->
-
-                <p>The theme is by <a href="http://coding.smashingmagazine.com/2009/08/04/designing-a-html-5-layout-from-scratch/">Smashing Magazine</a>, thanks!</p>
-        </footer><!-- /#contentinfo -->
-
-</body>
-</html>
+<p>I &lt;3 Python and its ecosystem. Something is just EASIER in Python.</p><p class="subheader">Category: <a href="https://kornerr.github.io/pelican/category/review.html">Review</a>
+
+</p>
+
+
+                <a class="button radius secondary small right" href="https://kornerr.github.io/pelican/pelican-review.html">Read More</a>
+                <hr  class="gradient"/>
+            </article>
+
+        
+
+
+            <article>
+                <a href="https://kornerr.github.io/pelican/keyboard-review.html"><h3 class="article-title">My first review</h3></a>
+<h6 class="subheader" title="2017-06-01T10:20:00+07:00">Thu 01 June 2017
+            <a class="button secondary small translation-button" href="https://kornerr.github.io/pelican/keyboard-review-ru.html">ru</a>
+
+</h6><p>Here is a full review, guys.</p><p class="subheader">Category: <a href="https://kornerr.github.io/pelican/category/review.html">Review</a>
+
+</p>
+
+
+                <a class="button radius secondary small right" href="https://kornerr.github.io/pelican/keyboard-review.html">Read More</a>
+                <hr  class="gradient"/>
+            </article>
+
+        
+
+
+            <article>
+                <a href="https://kornerr.github.io/pelican/kr10.html"><h3 class="article-title">kr10</h3></a>
+<h6 class="subheader" title="2017-01-01T10:04:00+07:00">Sun 01 January 2017
+            <a class="button secondary small translation-button" href="https://kornerr.github.io/pelican/kr10-ru.html">ru</a>
+
+</h6><p>kr10</p>
+<p>LANG: en</p><p class="subheader">Category: <a href="https://kornerr.github.io/pelican/category/review.html">Review</a>
+
+</p>
+
+
+                <a class="button radius secondary small right" href="https://kornerr.github.io/pelican/kr10.html">Read More</a>
+                <hr  class="gradient"/>
+            </article>
+
+        
+
+
+            <article>
+                <a href="https://kornerr.github.io/pelican/kr9.html"><h3 class="article-title">kr9</h3></a>
+<h6 class="subheader" title="2017-01-01T09:04:00+07:00">Sun 01 January 2017
+            <a class="button secondary small translation-button" href="https://kornerr.github.io/pelican/kr9-ru.html">ru</a>
+
+</h6><p>kr9</p>
+<p>LANG: en</p><p class="subheader">Category: <a href="https://kornerr.github.io/pelican/category/review.html">Review</a>
+
+</p>
+
+
+                <a class="button radius secondary small right" href="https://kornerr.github.io/pelican/kr9.html">Read More</a>
+                <hr  class="gradient"/>
+            </article>
+
+        
+
+
+            <article>
+                <a href="https://kornerr.github.io/pelican/kr8.html"><h3 class="article-title">kr8</h3></a>
+<h6 class="subheader" title="2017-01-01T08:04:00+07:00">Sun 01 January 2017
+            <a class="button secondary small translation-button" href="https://kornerr.github.io/pelican/kr8-ru.html">ru</a>
+
+</h6><p>kr8</p>
+<p>LANG: en</p><p class="subheader">Category: <a href="https://kornerr.github.io/pelican/category/review.html">Review</a>
+
+</p>
+
+
+                <a class="button radius secondary small right" href="https://kornerr.github.io/pelican/kr8.html">Read More</a>
+                <hr  class="gradient"/>
+            </article>
+
+        
+
+
+            <article>
+                <a href="https://kornerr.github.io/pelican/kr7.html"><h3 class="article-title">kr7</h3></a>
+<h6 class="subheader" title="2017-01-01T07:04:00+07:00">Sun 01 January 2017
+            <a class="button secondary small translation-button" href="https://kornerr.github.io/pelican/kr7-ru.html">ru</a>
+
+</h6><p>kr7</p>
+<p>LANG: en</p><p class="subheader">Category: <a href="https://kornerr.github.io/pelican/category/review.html">Review</a>
+
+</p>
+
+
+                <a class="button radius secondary small right" href="https://kornerr.github.io/pelican/kr7.html">Read More</a>
+                <hr  class="gradient"/>
+            </article>
+
+        
+
+
+            <article>
+                <a href="https://kornerr.github.io/pelican/kr6.html"><h3 class="article-title">kr6</h3></a>
+<h6 class="subheader" title="2017-01-01T06:04:00+07:00">Sun 01 January 2017
+            <a class="button secondary small translation-button" href="https://kornerr.github.io/pelican/kr6-ru.html">ru</a>
+
+</h6><p>kr6</p>
+<p>LANG: en</p><p class="subheader">Category: <a href="https://kornerr.github.io/pelican/category/review.html">Review</a>
+
+</p>
+
+
+                <a class="button radius secondary small right" href="https://kornerr.github.io/pelican/kr6.html">Read More</a>
+                <hr  class="gradient"/>
+            </article>
+
+        
+
+
+            <article>
+                <a href="https://kornerr.github.io/pelican/kr5.html"><h3 class="article-title">kr5</h3></a>
+<h6 class="subheader" title="2017-01-01T05:04:00+07:00">Sun 01 January 2017
+            <a class="button secondary small translation-button" href="https://kornerr.github.io/pelican/kr5-ru.html">ru</a>
+
+</h6><p>kr5</p>
+<p>LANG: en</p><p class="subheader">Category: <a href="https://kornerr.github.io/pelican/category/review.html">Review</a>
+
+</p>
+
+
+                <a class="button radius secondary small right" href="https://kornerr.github.io/pelican/kr5.html">Read More</a>
+                <hr  class="gradient"/>
+            </article>
+
+        
+
+
+            <article>
+                <a href="https://kornerr.github.io/pelican/kr4.html"><h3 class="article-title">kr4</h3></a>
+<h6 class="subheader" title="2017-01-01T04:04:00+07:00">Sun 01 January 2017
+            <a class="button secondary small translation-button" href="https://kornerr.github.io/pelican/kr4-ru.html">ru</a>
+
+</h6><p>kr4</p>
+<p>LANG: en</p><p class="subheader">Category: <a href="https://kornerr.github.io/pelican/category/review.html">Review</a>
+
+</p>
+
+
+                <a class="button radius secondary small right" href="https://kornerr.github.io/pelican/kr4.html">Read More</a>
+                <hr  class="gradient"/>
+            </article>
+
+            <!-- /#posts-list -->
+<div class="pagination-centered">
+<h6 class="subheader">Page 1 of 2</h6>
+
+<p>
+
+        <a href="https://kornerr.github.io/pelican/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="https://kornerr.github.io/pelican/archives.html">Archives</a>
+            <li><a href="https://kornerr.github.io/pelican/tags.html">Tags</a>
+
+
+                <li><a href="https://kornerr.github.io/pelican/feeds/all.atom.xml" rel="alternate">Atom feed</a></li>
+        </ul>
+
+		
+        <h5 class="sidebar-title">Categories</h5>
+        <ul class="side-nav">
+            <li><a href="https://kornerr.github.io/pelican/category/news.html">News</a></li>
+            <li><a href="https://kornerr.github.io/pelican/category/review.html">Review</a></li>
+   
+        </ul>
+        -->
+
+        <h5 class="sidebar-title">Links</h5>
+        <ul class="side-nav">
+            <li><a href="http://getpelican.com/">Pelican</a></li>
+            <li><a href="http://python.org/">Python.org</a></li>
+            <li><a href="http://jinja.pocoo.org/">Jinja2</a></li>
+            <li><a href="#">You can modify those links in your config file</a></li>
+        </ul>
+		
+        <h5 class="sidebar-title">Social</h5>
+        <ul class="side-nav">
+            <li><a href="#">You can add links in your config file</a></li>
+            <li><a href="#">Another social link</a></li>
+        </ul>
+
+    </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>
+</footer>

docs/index2.html

@@ -0,0 +1,165 @@
+<!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="https://kornerr.github.io/pelican/theme/css/normalize.css" />
+    <link rel="stylesheet" href="https://kornerr.github.io/pelican/theme/css/foundation.min.css" />
+    <link rel="stylesheet" href="https://kornerr.github.io/pelican/theme/css/style.css" />
+    <link rel="stylesheet" href="https://kornerr.github.io/pelican/theme/css/pygments.css" />	
+    <script src="https://kornerr.github.io/pelican/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="https://kornerr.github.io/pelican">Opensource Game Studio</a></h1>
+    </div>
+</div>
+<div class="row top-menu">
+<div class="large-12 columns">
+
+            <a href="https://kornerr.github.io/pelican/pages/about.html" class="menu-button secondary">About</a>
+            <a href="https://kornerr.github.io/pelican/pages/projects.html" class="menu-button secondary">Projects</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="https://kornerr.github.io/pelican/kr3.html"><h3 class="article-title">kr3</h3></a>
+<h6 class="subheader" title="2017-01-01T03:04:00+07:00">Sun 01 January 2017
+            <a class="button secondary small translation-button" href="https://kornerr.github.io/pelican/kr3-ru.html">ru</a>
+
+</h6><p>kr3</p>
+<p>LANG: en</p><p class="subheader">Category: <a href="https://kornerr.github.io/pelican/category/review.html">Review</a>
+
+</p>
+
+
+                <a class="button radius secondary small right" href="https://kornerr.github.io/pelican/kr3.html">Read More</a>
+                <hr  class="gradient"/>
+            </article>
+
+        
+
+
+            <article>
+                <a href="https://kornerr.github.io/pelican/kr2.html"><h3 class="article-title">kr2</h3></a>
+<h6 class="subheader" title="2017-01-01T02:04:00+07:00">Sun 01 January 2017
+            <a class="button secondary small translation-button" href="https://kornerr.github.io/pelican/kr2-ru.html">ru</a>
+
+</h6><p>kr2</p>
+<p>LANG: en</p><p class="subheader">Category: <a href="https://kornerr.github.io/pelican/category/review.html">Review</a>
+
+</p>
+
+
+                <a class="button radius secondary small right" href="https://kornerr.github.io/pelican/kr2.html">Read More</a>
+                <hr  class="gradient"/>
+            </article>
+
+        
+
+
+            <article>
+                <a href="https://kornerr.github.io/pelican/kr1.html"><h3 class="article-title">kr1</h3></a>
+<h6 class="subheader" title="2017-01-01T01:04:00+07:00">Sun 01 January 2017
+            <a class="button secondary small translation-button" href="https://kornerr.github.io/pelican/kr1-ru.html">ru</a>
+
+</h6><p>kr1</p>
+<p>LANG: en</p><p class="subheader">Category: <a href="https://kornerr.github.io/pelican/category/review.html">Review</a>
+
+</p>
+
+
+                <a class="button radius secondary small right" href="https://kornerr.github.io/pelican/kr1.html">Read More</a>
+                <hr  class="gradient"/>
+            </article>
+
+            <!-- /#posts-list -->
+<div class="pagination-centered">
+<h6 class="subheader">Page 2 of 2</h6>
+
+<p>
+            <a href="https://kornerr.github.io/pelican/index.html">&laquo; Prev</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="https://kornerr.github.io/pelican/archives.html">Archives</a>
+            <li><a href="https://kornerr.github.io/pelican/tags.html">Tags</a>
+
+
+                <li><a href="https://kornerr.github.io/pelican/feeds/all.atom.xml" rel="alternate">Atom feed</a></li>
+        </ul>
+
+		
+        <h5 class="sidebar-title">Categories</h5>
+        <ul class="side-nav">
+            <li><a href="https://kornerr.github.io/pelican/category/news.html">News</a></li>
+            <li><a href="https://kornerr.github.io/pelican/category/review.html">Review</a></li>
+   
+        </ul>
+        -->
+
+        <h5 class="sidebar-title">Links</h5>
+        <ul class="side-nav">
+            <li><a href="http://getpelican.com/">Pelican</a></li>
+            <li><a href="http://python.org/">Python.org</a></li>
+            <li><a href="http://jinja.pocoo.org/">Jinja2</a></li>
+            <li><a href="#">You can modify those links in your config file</a></li>
+        </ul>
+		
+        <h5 class="sidebar-title">Social</h5>
+        <ul class="side-nav">
+            <li><a href="#">You can add links in your config file</a></li>
+            <li><a href="#">Another social link</a></li>
+        </ul>
+
+    </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>
+</footer>

docs/ios-tutorial-ru.html

@@ -0,0 +1,156 @@
+<!DOCTYPE html>
+<head>
+    <meta charset="utf-8" />
+    <!-- Set the viewport width to device width for mobile -->
+    <meta name="viewport" content="width=device-width" />
+
+    <title>Самоучитель iOS</title>
+
+    <link rel="stylesheet" href="https://kornerr.github.io/pelican/theme/css/normalize.css" />
+    <link rel="stylesheet" href="https://kornerr.github.io/pelican/theme/css/foundation.min.css" />
+    <link rel="stylesheet" href="https://kornerr.github.io/pelican/theme/css/style.css" />
+    <link rel="stylesheet" href="https://kornerr.github.io/pelican/theme/css/pygments.css" />	
+    <script src="https://kornerr.github.io/pelican/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="https://kornerr.github.io/pelican">Opensource Game Studio</a></h1>
+    </div>
+</div>
+<div class="row top-menu">
+<div class="large-12 columns">
+
+            <a href="https://kornerr.github.io/pelican/pages/about.html" class="menu-button secondary">About</a>
+            <a href="https://kornerr.github.io/pelican/pages/projects.html" class="menu-button secondary">Projects</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="https://kornerr.github.io/pelican/ios-tutorial-ru.html" rel="bookmark"
+        title="Permalink to Самоучитель iOS">Самоучитель iOS</a></h3>
+    </header>
+
+<h6 class="subheader" title="2017-06-08T10:00:00+07:00">Thu 08 June 2017
+            <a class="button secondary small translation-button" href="https://kornerr.github.io/pelican/ios-tutorial.html">en</a>
+
+</h6>    <p><img alt="Самоучитель iOS" src="https://kornerr.github.io/pelican/2017-06-08-ios-refactoring.png"></p>
+<p>Эта статья описывает проблемы, с которыми мы столкнулись во время создания самоучителя для iOS в мае 2017.</p>
+<p><a href="https://twitter.com/OpenGameStudio/status/826816343433498627">В феврале</a> мы сумели отобразить простую модель под iOS за считанные дни. Это дало нам уверенность, что самоучитель для iOS мы сделаем столь же быстро. Тем не менее, реальность напомнила нам о простой вещи: быстро сделать можно лишь поделку на коленке, работающую только у самого разработчика; над логически связанным примером, работающим у всех, придётся попотеть.</p>
+<h3>Нативная библиотека</h3>
+<p>Прежде всего нам необходимо было ответить на следующий вопрос: "должен ли пример приложения быть частью проекта Xcode или отдельной библиотекой?"</p>
+<p>Для принятия решения мы использовали следующие факты:</p>
+<ol>
+<li>Проект Xcode может напрямую использовать C++ (благодаря Objective-C++) без прослоек вроде JNI<ul>
+<li>Отдельная библиотека не нужна (+ приложение)</li>
+<li>Создание отдельной библиотеки - это дополнительная работа (- библиотека)</li>
+</ul>
+</li>
+<li>OpenSceneGraph собирается в библиотеки<ul>
+<li>Легче использовать стандартный процесс сборки (+ библиотека)</li>
+<li>Создавать свой процесс сборки лишь для одной платформы сложно (- приложение)</li>
+</ul>
+</li>
+<li>OpenSceneGraph использует систему сборки CMake, которая не поддерживается Xcode<ul>
+<li>Проект Xcode не может включать файлы CMake (- приложение)</li>
+<li>Свой файл CMake может с лёгкостью включить файл OpenSceneGraph CMake для сборки единой библиотеки (+ библиотека)</li>
+</ul>
+</li>
+<li>CMake может генерировать проект Xcode<ul>
+<li>Можно создать файл CMake, который будет собирать как OpenSceneGraph, так и пример приложения (+ приложение)</li>
+<li>Xcode - это де-факто инструмент для создания проектов Xcode; легче использовать стандартный процесс сборки (+ библиотека)</li>
+</ul>
+</li>
+</ol>
+<p>Оценив плюсы и минусы обоих подходов, мы решили сделать библиотеку, которую можно включать в проект Xcode. Минусом данного подхода является то, что сборки приложения для симулятора и реального устройства используют разные сборки библиотеки.</p>
+<h3>Рефакторинг</h3>
+<p>Также нам пришлось ответить на ещё один вопрос: "использовать ли единую кодовую базу для всех платформ или несколько под каждую платформу?"</p>
+<p>При создании самоучителя для Android мы использовали единую кодовую базу, т.к. она отлично работала для десктопа и Android. Когда мы начали работу над самоучителем iOS, стало ясно, что часть функционала либо работает, либо не работает на некоторых платформах. Например, один функционал может работать на десктопе и iOS, но не работать на Android. Другой функционал может работать на iOS и Android, но не работать на десктопе. Т.к. мы не хотели загрязнять код кучей #ifdef, мы решили помещать функционал, специфичный для конкретной платформы или нескольких платформ, в разные файлы. Это привело к резкому увеличению количества файлов. Такой подход хорошо подходил для повторного использования, но совершенно не годился для понимания общей картины.</p>
+<p>В этот момент мы осознали необходимость ответа на второй вопрос. Мы напомнили себе, что главная цель примера приложения состоит в том, чтобы обучить базовым вещам OpenSceneGraph, а не создать повторно используемую библиотеку с API, который будет жить без изменений десятилетиями.</p>
+<p>Для ответа на этот вопрос нам помог наш внутренний инструмент feature tool. С его помощью мы разделили код на несколько частей, который в итоге собирается ровно в два файла для каждой платформы:</p>
+<ol>
+<li>functions.h - содержит повторно используемые бесклассовые функции</li>
+<li>main.h - содержит остальной код приложения</li>
+</ol>
+<p>Их содержимое несколько отличается для каждой из платформ, но наличие всего двух файлов позволяет увидеть общую картину.</p>
+<p>На этом мы заканчиваем описание проблем, с которыми мы столкнулись во время создания самоучителя для iOS в мае 2017.</p>
+<p class="subheader">Category: <a href="https://kornerr.github.io/pelican/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="https://kornerr.github.io/pelican/archives.html">Archives</a>
+            <li><a href="https://kornerr.github.io/pelican/tags.html">Tags</a>
+
+
+                <li><a href="https://kornerr.github.io/pelican/feeds/all.atom.xml" rel="alternate">Atom feed</a></li>
+        </ul>
+
+		
+        <h5 class="sidebar-title">Categories</h5>
+        <ul class="side-nav">
+            <li><a href="https://kornerr.github.io/pelican/category/news.html">News</a></li>
+            <li><a href="https://kornerr.github.io/pelican/category/review.html">Review</a></li>
+   
+        </ul>
+        -->
+
+        <h5 class="sidebar-title">Links</h5>
+        <ul class="side-nav">
+            <li><a href="http://getpelican.com/">Pelican</a></li>
+            <li><a href="http://python.org/">Python.org</a></li>
+            <li><a href="http://jinja.pocoo.org/">Jinja2</a></li>
+            <li><a href="#">You can modify those links in your config file</a></li>
+        </ul>
+		
+        <h5 class="sidebar-title">Social</h5>
+        <ul class="side-nav">
+            <li><a href="#">You can add links in your config file</a></li>
+            <li><a href="#">Another social link</a></li>
+        </ul>
+
+    </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>
+</footer>

docs/ios-tutorial.html

@@ -0,0 +1,156 @@
+<!DOCTYPE html>
+<head>
+    <meta charset="utf-8" />
+    <!-- Set the viewport width to device width for mobile -->
+    <meta name="viewport" content="width=device-width" />
+
+    <title>iOS tutorial</title>
+
+    <link rel="stylesheet" href="https://kornerr.github.io/pelican/theme/css/normalize.css" />
+    <link rel="stylesheet" href="https://kornerr.github.io/pelican/theme/css/foundation.min.css" />
+    <link rel="stylesheet" href="https://kornerr.github.io/pelican/theme/css/style.css" />
+    <link rel="stylesheet" href="https://kornerr.github.io/pelican/theme/css/pygments.css" />	
+    <script src="https://kornerr.github.io/pelican/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="https://kornerr.github.io/pelican">Opensource Game Studio</a></h1>
+    </div>
+</div>
+<div class="row top-menu">
+<div class="large-12 columns">
+
+            <a href="https://kornerr.github.io/pelican/pages/about.html" class="menu-button secondary">About</a>
+            <a href="https://kornerr.github.io/pelican/pages/projects.html" class="menu-button secondary">Projects</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="https://kornerr.github.io/pelican/ios-tutorial.html" rel="bookmark"
+        title="Permalink to iOS tutorial">iOS tutorial</a></h3>
+    </header>
+
+<h6 class="subheader" title="2017-06-08T10:00:00+07:00">Thu 08 June 2017
+            <a class="button secondary small translation-button" href="https://kornerr.github.io/pelican/ios-tutorial-ru.html">ru</a>
+
+</h6>    <p><img alt="iOS tutorial" src="https://kornerr.github.io/pelican/2017-06-08-ios-refactoring.png"></p>
+<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>
+<h3>Native library</h3>
+<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>
+<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>
+<h3>Refactoring</h3>
+<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>
+<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>
+<p class="subheader">Category: <a href="https://kornerr.github.io/pelican/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="https://kornerr.github.io/pelican/archives.html">Archives</a>
+            <li><a href="https://kornerr.github.io/pelican/tags.html">Tags</a>
+
+
+                <li><a href="https://kornerr.github.io/pelican/feeds/all.atom.xml" rel="alternate">Atom feed</a></li>
+        </ul>
+
+		
+        <h5 class="sidebar-title">Categories</h5>
+        <ul class="side-nav">
+            <li><a href="https://kornerr.github.io/pelican/category/news.html">News</a></li>
+            <li><a href="https://kornerr.github.io/pelican/category/review.html">Review</a></li>
+   
+        </ul>
+        -->
+
+        <h5 class="sidebar-title">Links</h5>
+        <ul class="side-nav">
+            <li><a href="http://getpelican.com/">Pelican</a></li>
+            <li><a href="http://python.org/">Python.org</a></li>
+            <li><a href="http://jinja.pocoo.org/">Jinja2</a></li>
+            <li><a href="#">You can modify those links in your config file</a></li>
+        </ul>
+		
+        <h5 class="sidebar-title">Social</h5>
+        <ul class="side-nav">
+            <li><a href="#">You can add links in your config file</a></li>
+            <li><a href="#">Another social link</a></li>
+        </ul>
+
+    </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>
+</footer>

docs/keyboard-review-ru.html

@@ -1,78 +1,117 @@
 <!DOCTYPE html>
-<html lang="en">
 <head>
-        <meta charset="utf-8" />
-        <title>Моё первое ревью</title>
-        <link rel="stylesheet" href="https://kornerr.github.io/pelican/theme/css/main.css" />
-        <link href="https://kornerr.github.io/pelican/feeds/all.atom.xml" type="application/atom+xml" rel="alternate" title="Opensource Game Studio Atom Feed" />
-
-        <!--[if IE]>
-            <script src="https://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
-        <![endif]-->
+    <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="https://kornerr.github.io/pelican/theme/css/normalize.css" />
+    <link rel="stylesheet" href="https://kornerr.github.io/pelican/theme/css/foundation.min.css" />
+    <link rel="stylesheet" href="https://kornerr.github.io/pelican/theme/css/style.css" />
+    <link rel="stylesheet" href="https://kornerr.github.io/pelican/theme/css/pygments.css" />	
+    <script src="https://kornerr.github.io/pelican/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 id="index" class="home">
-        <header id="banner" class="body">
-                <h1><a href="https://kornerr.github.io/pelican/">Opensource Game Studio </a></h1>
-                <nav><ul>
-                    <li><a href="https://kornerr.github.io/pelican/pages/about.html">About</a></li>
-                    <li class="active"><a href="https://kornerr.github.io/pelican/category/review.html">Review</a></li>
-                </ul></nav>
-        </header><!-- /#banner -->
-<section id="content" class="body">
-  <article>
+<body>
+
+<!-- Nav Bar -->
+<nav>
+
+<!-- Show menu items and pages -->
+<div class="row">
+    <div class="large-12 columns top-bar">
+	    <h1><a href="https://kornerr.github.io/pelican">Opensource Game Studio</a></h1>
+    </div>
+</div>
+<div class="row top-menu">
+<div class="large-12 columns">
+
+            <a href="https://kornerr.github.io/pelican/pages/about.html" class="menu-button secondary">About</a>
+            <a href="https://kornerr.github.io/pelican/pages/projects.html" class="menu-button secondary">Projects</a>
+</div>
+</div>
+</nav>
+<!-- End Nav -->
+
+
+<!-- Main Page Content and Sidebar -->
+<div class="row">
+
+    <!-- Main Blog Content -->
+    <div class="large-9 columns">
+<article>
     <header>
-      <h1 class="entry-title">
-        <a href="https://kornerr.github.io/pelican/keyboard-review-ru.html" rel="bookmark"
-           title="Permalink to Моё первое ревью">Моё первое ревью</a></h1>
+        <h3 class="article-title"><a href="https://kornerr.github.io/pelican/keyboard-review-ru.html" rel="bookmark"
+        title="Permalink to Моё первое ревью">Моё первое ревью</a></h3>
     </header>
 
-    <div class="entry-content">
-<footer class="post-info">
-        <abbr class="published" title="2017-06-01T10:20:00+07:00">
-                Published: Thu 01 June 2017
-        </abbr>
-
-        <address class="vcard author">
-                By                         <a class="url fn" href="https://kornerr.github.io/pelican/author/opensource-game-studio.html">Opensource Game Studio</a>
-        </address>
-<p>In <a href="https://kornerr.github.io/pelican/category/review.html">Review</a>.</p>
-Translations:
-        <a href="https://kornerr.github.io/pelican/keyboard-review.html">en</a>
-
-</footer><!-- /.post-info -->      <p>Вот и моё первое ревью, чуввви.</p>
-    </div><!-- /.entry-content -->
-
-  </article>
-</section>
-        <section id="extras" class="body">
-                <div class="blogroll">
-                        <h2>links</h2>
-                        <ul>
-                            <li><a href="http://getpelican.com/">Pelican</a></li>
-                            <li><a href="http://python.org/">Python.org</a></li>
-                            <li><a href="http://jinja.pocoo.org/">Jinja2</a></li>
-                            <li><a href="#">You can modify those links in your config file</a></li>
-                        </ul>
-                </div><!-- /.blogroll -->
-                <div class="social">
-                        <h2>social</h2>
-                        <ul>
-                            <li><a href="https://kornerr.github.io/pelican/feeds/all.atom.xml" type="application/atom+xml" rel="alternate">atom feed</a></li>
-
-                            <li><a href="#">You can add links in your config file</a></li>
-                            <li><a href="#">Another social link</a></li>
-                        </ul>
-                </div><!-- /.social -->
-        </section><!-- /#extras -->
-
-        <footer id="contentinfo" class="body">
-                <address id="about" class="vcard body">
-                Proudly powered by <a href="http://getpelican.com/">Pelican</a>, which takes great advantage of <a href="http://python.org">Python</a>.
-                </address><!-- /#about -->
-
-                <p>The theme is by <a href="http://coding.smashingmagazine.com/2009/08/04/designing-a-html-5-layout-from-scratch/">Smashing Magazine</a>, thanks!</p>
-        </footer><!-- /#contentinfo -->
-
-</body>
-</html>
+<h6 class="subheader" title="2017-06-01T10:20:00+07:00">Thu 01 June 2017
+            <a class="button secondary small translation-button" href="https://kornerr.github.io/pelican/keyboard-review.html">en</a>
+
+</h6>    <p>Вот и моё первое ревью, чуввви.</p>
+<p class="subheader">Category: <a href="https://kornerr.github.io/pelican/category/review.html">Review</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="https://kornerr.github.io/pelican/archives.html">Archives</a>
+            <li><a href="https://kornerr.github.io/pelican/tags.html">Tags</a>
+
+
+                <li><a href="https://kornerr.github.io/pelican/feeds/all.atom.xml" rel="alternate">Atom feed</a></li>
+        </ul>
+
+		
+        <h5 class="sidebar-title">Categories</h5>
+        <ul class="side-nav">
+            <li><a href="https://kornerr.github.io/pelican/category/news.html">News</a></li>
+            <li><a href="https://kornerr.github.io/pelican/category/review.html">Review</a></li>
+   
+        </ul>
+        -->
+
+        <h5 class="sidebar-title">Links</h5>
+        <ul class="side-nav">
+            <li><a href="http://getpelican.com/">Pelican</a></li>
+            <li><a href="http://python.org/">Python.org</a></li>
+            <li><a href="http://jinja.pocoo.org/">Jinja2</a></li>
+            <li><a href="#">You can modify those links in your config file</a></li>
+        </ul>
+		
+        <h5 class="sidebar-title">Social</h5>
+        <ul class="side-nav">
+            <li><a href="#">You can add links in your config file</a></li>
+            <li><a href="#">Another social link</a></li>
+        </ul>
+
+    </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>
+</footer>

docs/keyboard-review.html

@@ -1,78 +1,117 @@
 <!DOCTYPE html>
-<html lang="en">
 <head>
-        <meta charset="utf-8" />
-        <title>My first review</title>
-        <link rel="stylesheet" href="https://kornerr.github.io/pelican/theme/css/main.css" />
-        <link href="https://kornerr.github.io/pelican/feeds/all.atom.xml" type="application/atom+xml" rel="alternate" title="Opensource Game Studio Atom Feed" />
-
-        <!--[if IE]>
-            <script src="https://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
-        <![endif]-->
+    <meta charset="utf-8" />
+    <!-- Set the viewport width to device width for mobile -->
+    <meta name="viewport" content="width=device-width" />
+
+    <title>My first review</title>
+
+    <link rel="stylesheet" href="https://kornerr.github.io/pelican/theme/css/normalize.css" />
+    <link rel="stylesheet" href="https://kornerr.github.io/pelican/theme/css/foundation.min.css" />
+    <link rel="stylesheet" href="https://kornerr.github.io/pelican/theme/css/style.css" />
+    <link rel="stylesheet" href="https://kornerr.github.io/pelican/theme/css/pygments.css" />	
+    <script src="https://kornerr.github.io/pelican/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 id="index" class="home">
-        <header id="banner" class="body">
-                <h1><a href="https://kornerr.github.io/pelican/">Opensource Game Studio </a></h1>
-                <nav><ul>
-                    <li><a href="https://kornerr.github.io/pelican/pages/about.html">About</a></li>
-                    <li class="active"><a href="https://kornerr.github.io/pelican/category/review.html">Review</a></li>
-                </ul></nav>
-        </header><!-- /#banner -->
-<section id="content" class="body">
-  <article>
+<body>
+
+<!-- Nav Bar -->
+<nav>
+
+<!-- Show menu items and pages -->
+<div class="row">
+    <div class="large-12 columns top-bar">
+	    <h1><a href="https://kornerr.github.io/pelican">Opensource Game Studio</a></h1>
+    </div>
+</div>
+<div class="row top-menu">
+<div class="large-12 columns">
+
+            <a href="https://kornerr.github.io/pelican/pages/about.html" class="menu-button secondary">About</a>
+            <a href="https://kornerr.github.io/pelican/pages/projects.html" class="menu-button secondary">Projects</a>
+</div>
+</div>
+</nav>
+<!-- End Nav -->
+
+
+<!-- Main Page Content and Sidebar -->
+<div class="row">
+
+    <!-- Main Blog Content -->
+    <div class="large-9 columns">
+<article>
     <header>
-      <h1 class="entry-title">
-        <a href="https://kornerr.github.io/pelican/keyboard-review.html" rel="bookmark"
-           title="Permalink to My first review">My first review</a></h1>
+        <h3 class="article-title"><a href="https://kornerr.github.io/pelican/keyboard-review.html" rel="bookmark"
+        title="Permalink to My first review">My first review</a></h3>
     </header>
 
-    <div class="entry-content">
-<footer class="post-info">
-        <abbr class="published" title="2017-06-01T10:20:00+07:00">
-                Published: Thu 01 June 2017
-        </abbr>
-
-        <address class="vcard author">
-                By                         <a class="url fn" href="https://kornerr.github.io/pelican/author/opensource-game-studio.html">Opensource Game Studio</a>
-        </address>
-<p>In <a href="https://kornerr.github.io/pelican/category/review.html">Review</a>.</p>
-Translations:
-        <a href="https://kornerr.github.io/pelican/keyboard-review-ru.html">ru</a>
-
-</footer><!-- /.post-info -->      <p>Here is a full review, guys.</p>
-    </div><!-- /.entry-content -->
-
-  </article>
-</section>
-        <section id="extras" class="body">
-                <div class="blogroll">
-                        <h2>links</h2>
-                        <ul>
-                            <li><a href="http://getpelican.com/">Pelican</a></li>
-                            <li><a href="http://python.org/">Python.org</a></li>
-                            <li><a href="http://jinja.pocoo.org/">Jinja2</a></li>
-                            <li><a href="#">You can modify those links in your config file</a></li>
-                        </ul>
-                </div><!-- /.blogroll -->
-                <div class="social">
-                        <h2>social</h2>
-                        <ul>
-                            <li><a href="https://kornerr.github.io/pelican/feeds/all.atom.xml" type="application/atom+xml" rel="alternate">atom feed</a></li>
-
-                            <li><a href="#">You can add links in your config file</a></li>
-                            <li><a href="#">Another social link</a></li>
-                        </ul>
-                </div><!-- /.social -->
-        </section><!-- /#extras -->
-
-        <footer id="contentinfo" class="body">
-                <address id="about" class="vcard body">
-                Proudly powered by <a href="http://getpelican.com/">Pelican</a>, which takes great advantage of <a href="http://python.org">Python</a>.
-                </address><!-- /#about -->
-
-                <p>The theme is by <a href="http://coding.smashingmagazine.com/2009/08/04/designing-a-html-5-layout-from-scratch/">Smashing Magazine</a>, thanks!</p>
-        </footer><!-- /#contentinfo -->
-
-</body>
-</html>
+<h6 class="subheader" title="2017-06-01T10:20:00+07:00">Thu 01 June 2017
+            <a class="button secondary small translation-button" href="https://kornerr.github.io/pelican/keyboard-review-ru.html">ru</a>
+
+</h6>    <p>Here is a full review, guys.</p>
+<p class="subheader">Category: <a href="https://kornerr.github.io/pelican/category/review.html">Review</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="https://kornerr.github.io/pelican/archives.html">Archives</a>
+            <li><a href="https://kornerr.github.io/pelican/tags.html">Tags</a>
+
+
+                <li><a href="https://kornerr.github.io/pelican/feeds/all.atom.xml" rel="alternate">Atom feed</a></li>
+        </ul>
+
+		
+        <h5 class="sidebar-title">Categories</h5>
+        <ul class="side-nav">
+            <li><a href="https://kornerr.github.io/pelican/category/news.html">News</a></li>
+            <li><a href="https://kornerr.github.io/pelican/category/review.html">Review</a></li>
+   
+        </ul>
+        -->
+
+        <h5 class="sidebar-title">Links</h5>
+        <ul class="side-nav">
+            <li><a href="http://getpelican.com/">Pelican</a></li>
+            <li><a href="http://python.org/">Python.org</a></li>
+            <li><a href="http://jinja.pocoo.org/">Jinja2</a></li>
+            <li><a href="#">You can modify those links in your config file</a></li>
+        </ul>
+		
+        <h5 class="sidebar-title">Social</h5>
+        <ul class="side-nav">
+            <li><a href="#">You can add links in your config file</a></li>
+            <li><a href="#">Another social link</a></li>
+        </ul>
+
+    </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>
+</footer>

docs/kr1-ru.html

@@ -0,0 +1,118 @@
+<!DOCTYPE html>
+<head>
+    <meta charset="utf-8" />
+    <!-- Set the viewport width to device width for mobile -->
+    <meta name="viewport" content="width=device-width" />
+
+    <title>kr1</title>
+
+    <link rel="stylesheet" href="https://kornerr.github.io/pelican/theme/css/normalize.css" />
+    <link rel="stylesheet" href="https://kornerr.github.io/pelican/theme/css/foundation.min.css" />
+    <link rel="stylesheet" href="https://kornerr.github.io/pelican/theme/css/style.css" />
+    <link rel="stylesheet" href="https://kornerr.github.io/pelican/theme/css/pygments.css" />	
+    <script src="https://kornerr.github.io/pelican/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="https://kornerr.github.io/pelican">Opensource Game Studio</a></h1>
+    </div>
+</div>
+<div class="row top-menu">
+<div class="large-12 columns">
+
+            <a href="https://kornerr.github.io/pelican/pages/about.html" class="menu-button secondary">About</a>
+            <a href="https://kornerr.github.io/pelican/pages/projects.html" class="menu-button secondary">Projects</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="https://kornerr.github.io/pelican/kr1-ru.html" rel="bookmark"
+        title="Permalink to kr1">kr1</a></h3>
+    </header>
+
+<h6 class="subheader" title="2017-01-01T01:04:00+07:00">Sun 01 January 2017
+            <a class="button secondary small translation-button" href="https://kornerr.github.io/pelican/kr1.html">en</a>
+
+</h6>    <p>kr1</p>
+<p>LANG: ru</p>
+<p class="subheader">Category: <a href="https://kornerr.github.io/pelican/category/review.html">Review</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="https://kornerr.github.io/pelican/archives.html">Archives</a>
+            <li><a href="https://kornerr.github.io/pelican/tags.html">Tags</a>
+
+
+                <li><a href="https://kornerr.github.io/pelican/feeds/all.atom.xml" rel="alternate">Atom feed</a></li>
+        </ul>
+
+		
+        <h5 class="sidebar-title">Categories</h5>
+        <ul class="side-nav">
+            <li><a href="https://kornerr.github.io/pelican/category/news.html">News</a></li>
+            <li><a href="https://kornerr.github.io/pelican/category/review.html">Review</a></li>
+   
+        </ul>
+        -->
+
+        <h5 class="sidebar-title">Links</h5>
+        <ul class="side-nav">
+            <li><a href="http://getpelican.com/">Pelican</a></li>
+            <li><a href="http://python.org/">Python.org</a></li>
+            <li><a href="http://jinja.pocoo.org/">Jinja2</a></li>
+            <li><a href="#">You can modify those links in your config file</a></li>
+        </ul>
+		
+        <h5 class="sidebar-title">Social</h5>
+        <ul class="side-nav">
+            <li><a href="#">You can add links in your config file</a></li>
+            <li><a href="#">Another social link</a></li>
+        </ul>
+
+    </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>
+</footer>

docs/kr1.html

@@ -0,0 +1,118 @@
+<!DOCTYPE html>
+<head>
+    <meta charset="utf-8" />
+    <!-- Set the viewport width to device width for mobile -->
+    <meta name="viewport" content="width=device-width" />
+
+    <title>kr1</title>
+
+    <link rel="stylesheet" href="https://kornerr.github.io/pelican/theme/css/normalize.css" />
+    <link rel="stylesheet" href="https://kornerr.github.io/pelican/theme/css/foundation.min.css" />
+    <link rel="stylesheet" href="https://kornerr.github.io/pelican/theme/css/style.css" />
+    <link rel="stylesheet" href="https://kornerr.github.io/pelican/theme/css/pygments.css" />	
+    <script src="https://kornerr.github.io/pelican/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="https://kornerr.github.io/pelican">Opensource Game Studio</a></h1>
+    </div>
+</div>
+<div class="row top-menu">
+<div class="large-12 columns">
+
+            <a href="https://kornerr.github.io/pelican/pages/about.html" class="menu-button secondary">About</a>
+            <a href="https://kornerr.github.io/pelican/pages/projects.html" class="menu-button secondary">Projects</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="https://kornerr.github.io/pelican/kr1.html" rel="bookmark"
+        title="Permalink to kr1">kr1</a></h3>
+    </header>
+
+<h6 class="subheader" title="2017-01-01T01:04:00+07:00">Sun 01 January 2017
+            <a class="button secondary small translation-button" href="https://kornerr.github.io/pelican/kr1-ru.html">ru</a>
+
+</h6>    <p>kr1</p>
+<p>LANG: en</p>
+<p class="subheader">Category: <a href="https://kornerr.github.io/pelican/category/review.html">Review</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="https://kornerr.github.io/pelican/archives.html">Archives</a>
+            <li><a href="https://kornerr.github.io/pelican/tags.html">Tags</a>
+
+
+                <li><a href="https://kornerr.github.io/pelican/feeds/all.atom.xml" rel="alternate">Atom feed</a></li>
+        </ul>
+
+		
+        <h5 class="sidebar-title">Categories</h5>
+        <ul class="side-nav">
+            <li><a href="https://kornerr.github.io/pelican/category/news.html">News</a></li>
+            <li><a href="https://kornerr.github.io/pelican/category/review.html">Review</a></li>
+   
+        </ul>
+        -->
+
+        <h5 class="sidebar-title">Links</h5>
+        <ul class="side-nav">
+            <li><a href="http://getpelican.com/">Pelican</a></li>
+            <li><a href="http://python.org/">Python.org</a></li>
+            <li><a href="http://jinja.pocoo.org/">Jinja2</a></li>
+            <li><a href="#">You can modify those links in your config file</a></li>
+        </ul>
+		
+        <h5 class="sidebar-title">Social</h5>
+        <ul class="side-nav">
+            <li><a href="#">You can add links in your config file</a></li>
+            <li><a href="#">Another social link</a></li>
+        </ul>
+
+    </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>
+</footer>

docs/kr10-ru.html

@@ -0,0 +1,118 @@
+<!DOCTYPE html>
+<head>
+    <meta charset="utf-8" />
+    <!-- Set the viewport width to device width for mobile -->
+    <meta name="viewport" content="width=device-width" />
+
+    <title>kr10</title>
+
+    <link rel="stylesheet" href="https://kornerr.github.io/pelican/theme/css/normalize.css" />
+    <link rel="stylesheet" href="https://kornerr.github.io/pelican/theme/css/foundation.min.css" />
+    <link rel="stylesheet" href="https://kornerr.github.io/pelican/theme/css/style.css" />
+    <link rel="stylesheet" href="https://kornerr.github.io/pelican/theme/css/pygments.css" />	
+    <script src="https://kornerr.github.io/pelican/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="https://kornerr.github.io/pelican">Opensource Game Studio</a></h1>
+    </div>
+</div>
+<div class="row top-menu">
+<div class="large-12 columns">
+
+            <a href="https://kornerr.github.io/pelican/pages/about.html" class="menu-button secondary">About</a>
+            <a href="https://kornerr.github.io/pelican/pages/projects.html" class="menu-button secondary">Projects</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="https://kornerr.github.io/pelican/kr10-ru.html" rel="bookmark"
+        title="Permalink to kr10">kr10</a></h3>
+    </header>
+
+<h6 class="subheader" title="2017-01-01T10:04:00+07:00">Sun 01 January 2017
+            <a class="button secondary small translation-button" href="https://kornerr.github.io/pelican/kr10.html">en</a>
+
+</h6>    <p>kr10</p>
+<p>LANG: ru</p>
+<p class="subheader">Category: <a href="https://kornerr.github.io/pelican/category/review.html">Review</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="https://kornerr.github.io/pelican/archives.html">Archives</a>
+            <li><a href="https://kornerr.github.io/pelican/tags.html">Tags</a>
+
+
+                <li><a href="https://kornerr.github.io/pelican/feeds/all.atom.xml" rel="alternate">Atom feed</a></li>
+        </ul>
+
+		
+        <h5 class="sidebar-title">Categories</h5>
+        <ul class="side-nav">
+            <li><a href="https://kornerr.github.io/pelican/category/news.html">News</a></li>
+            <li><a href="https://kornerr.github.io/pelican/category/review.html">Review</a></li>
+   
+        </ul>
+        -->
+
+        <h5 class="sidebar-title">Links</h5>
+        <ul class="side-nav">
+            <li><a href="http://getpelican.com/">Pelican</a></li>
+            <li><a href="http://python.org/">Python.org</a></li>
+            <li><a href="http://jinja.pocoo.org/">Jinja2</a></li>
+            <li><a href="#">You can modify those links in your config file</a></li>
+        </ul>
+		
+        <h5 class="sidebar-title">Social</h5>
+        <ul class="side-nav">
+            <li><a href="#">You can add links in your config file</a></li>
+            <li><a href="#">Another social link</a></li>
+        </ul>
+
+    </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>
+</footer>

docs/kr10.html

@@ -0,0 +1,118 @@
+<!DOCTYPE html>
+<head>
+    <meta charset="utf-8" />
+    <!-- Set the viewport width to device width for mobile -->
+    <meta name="viewport" content="width=device-width" />
+
+    <title>kr10</title>
+
+    <link rel="stylesheet" href="https://kornerr.github.io/pelican/theme/css/normalize.css" />
+    <link rel="stylesheet" href="https://kornerr.github.io/pelican/theme/css/foundation.min.css" />
+    <link rel="stylesheet" href="https://kornerr.github.io/pelican/theme/css/style.css" />
+    <link rel="stylesheet" href="https://kornerr.github.io/pelican/theme/css/pygments.css" />	
+    <script src="https://kornerr.github.io/pelican/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="https://kornerr.github.io/pelican">Opensource Game Studio</a></h1>
+    </div>
+</div>
+<div class="row top-menu">
+<div class="large-12 columns">
+
+            <a href="https://kornerr.github.io/pelican/pages/about.html" class="menu-button secondary">About</a>
+            <a href="https://kornerr.github.io/pelican/pages/projects.html" class="menu-button secondary">Projects</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="https://kornerr.github.io/pelican/kr10.html" rel="bookmark"
+        title="Permalink to kr10">kr10</a></h3>
+    </header>
+
+<h6 class="subheader" title="2017-01-01T10:04:00+07:00">Sun 01 January 2017
+            <a class="button secondary small translation-button" href="https://kornerr.github.io/pelican/kr10-ru.html">ru</a>
+
+</h6>    <p>kr10</p>
+<p>LANG: en</p>
+<p class="subheader">Category: <a href="https://kornerr.github.io/pelican/category/review.html">Review</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="https://kornerr.github.io/pelican/archives.html">Archives</a>
+            <li><a href="https://kornerr.github.io/pelican/tags.html">Tags</a>
+
+
+                <li><a href="https://kornerr.github.io/pelican/feeds/all.atom.xml" rel="alternate">Atom feed</a></li>
+        </ul>
+
+		
+        <h5 class="sidebar-title">Categories</h5>
+        <ul class="side-nav">
+            <li><a href="https://kornerr.github.io/pelican/category/news.html">News</a></li>
+            <li><a href="https://kornerr.github.io/pelican/category/review.html">Review</a></li>
+   
+        </ul>
+        -->
+
+        <h5 class="sidebar-title">Links</h5>
+        <ul class="side-nav">
+            <li><a href="http://getpelican.com/">Pelican</a></li>
+            <li><a href="http://python.org/">Python.org</a></li>
+            <li><a href="http://jinja.pocoo.org/">Jinja2</a></li>
+            <li><a href="#">You can modify those links in your config file</a></li>
+        </ul>
+		
+        <h5 class="sidebar-title">Social</h5>
+        <ul class="side-nav">
+            <li><a href="#">You can add links in your config file</a></li>
+            <li><a href="#">Another social link</a></li>
+        </ul>
+
+    </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>
+</footer>

docs/kr2-ru.html

@@ -0,0 +1,118 @@
+<!DOCTYPE html>
+<head>
+    <meta charset="utf-8" />
+    <!-- Set the viewport width to device width for mobile -->
+    <meta name="viewport" content="width=device-width" />
+
+    <title>kr2</title>
+
+    <link rel="stylesheet" href="https://kornerr.github.io/pelican/theme/css/normalize.css" />
+    <link rel="stylesheet" href="https://kornerr.github.io/pelican/theme/css/foundation.min.css" />
+    <link rel="stylesheet" href="https://kornerr.github.io/pelican/theme/css/style.css" />
+    <link rel="stylesheet" href="https://kornerr.github.io/pelican/theme/css/pygments.css" />	
+    <script src="https://kornerr.github.io/pelican/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="https://kornerr.github.io/pelican">Opensource Game Studio</a></h1>
+    </div>
+</div>
+<div class="row top-menu">
+<div class="large-12 columns">
+
+            <a href="https://kornerr.github.io/pelican/pages/about.html" class="menu-button secondary">About</a>
+            <a href="https://kornerr.github.io/pelican/pages/projects.html" class="menu-button secondary">Projects</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="https://kornerr.github.io/pelican/kr2-ru.html" rel="bookmark"
+        title="Permalink to kr2">kr2</a></h3>
+    </header>
+
+<h6 class="subheader" title="2017-01-01T02:04:00+07:00">Sun 01 January 2017
+            <a class="button secondary small translation-button" href="https://kornerr.github.io/pelican/kr2.html">en</a>
+
+</h6>    <p>kr2</p>
+<p>LANG: ru</p>
+<p class="subheader">Category: <a href="https://kornerr.github.io/pelican/category/review.html">Review</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="https://kornerr.github.io/pelican/archives.html">Archives</a>
+            <li><a href="https://kornerr.github.io/pelican/tags.html">Tags</a>
+
+
+                <li><a href="https://kornerr.github.io/pelican/feeds/all.atom.xml" rel="alternate">Atom feed</a></li>
+        </ul>
+
+		
+        <h5 class="sidebar-title">Categories</h5>
+        <ul class="side-nav">
+            <li><a href="https://kornerr.github.io/pelican/category/news.html">News</a></li>
+            <li><a href="https://kornerr.github.io/pelican/category/review.html">Review</a></li>
+   
+        </ul>
+        -->
+
+        <h5 class="sidebar-title">Links</h5>
+        <ul class="side-nav">
+            <li><a href="http://getpelican.com/">Pelican</a></li>
+            <li><a href="http://python.org/">Python.org</a></li>
+            <li><a href="http://jinja.pocoo.org/">Jinja2</a></li>
+            <li><a href="#">You can modify those links in your config file</a></li>
+        </ul>
+		
+        <h5 class="sidebar-title">Social</h5>
+        <ul class="side-nav">
+            <li><a href="#">You can add links in your config file</a></li>
+            <li><a href="#">Another social link</a></li>
+        </ul>
+
+    </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>
+</footer>

docs/kr2.html

@@ -0,0 +1,118 @@
+<!DOCTYPE html>
+<head>
+    <meta charset="utf-8" />
+    <!-- Set the viewport width to device width for mobile -->
+    <meta name="viewport" content="width=device-width" />
+
+    <title>kr2</title>
+
+    <link rel="stylesheet" href="https://kornerr.github.io/pelican/theme/css/normalize.css" />
+    <link rel="stylesheet" href="https://kornerr.github.io/pelican/theme/css/foundation.min.css" />
+    <link rel="stylesheet" href="https://kornerr.github.io/pelican/theme/css/style.css" />
+    <link rel="stylesheet" href="https://kornerr.github.io/pelican/theme/css/pygments.css" />	
+    <script src="https://kornerr.github.io/pelican/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="https://kornerr.github.io/pelican">Opensource Game Studio</a></h1>
+    </div>
+</div>
+<div class="row top-menu">
+<div class="large-12 columns">
+
+            <a href="https://kornerr.github.io/pelican/pages/about.html" class="menu-button secondary">About</a>
+            <a href="https://kornerr.github.io/pelican/pages/projects.html" class="menu-button secondary">Projects</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="https://kornerr.github.io/pelican/kr2.html" rel="bookmark"
+        title="Permalink to kr2">kr2</a></h3>
+    </header>
+
+<h6 class="subheader" title="2017-01-01T02:04:00+07:00">Sun 01 January 2017
+            <a class="button secondary small translation-button" href="https://kornerr.github.io/pelican/kr2-ru.html">ru</a>
+
+</h6>    <p>kr2</p>
+<p>LANG: en</p>
+<p class="subheader">Category: <a href="https://kornerr.github.io/pelican/category/review.html">Review</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="https://kornerr.github.io/pelican/archives.html">Archives</a>
+            <li><a href="https://kornerr.github.io/pelican/tags.html">Tags</a>
+
+
+                <li><a href="https://kornerr.github.io/pelican/feeds/all.atom.xml" rel="alternate">Atom feed</a></li>
+        </ul>
+
+		
+        <h5 class="sidebar-title">Categories</h5>
+        <ul class="side-nav">
+            <li><a href="https://kornerr.github.io/pelican/category/news.html">News</a></li>
+            <li><a href="https://kornerr.github.io/pelican/category/review.html">Review</a></li>
+   
+        </ul>
+        -->
+
+        <h5 class="sidebar-title">Links</h5>
+        <ul class="side-nav">
+            <li><a href="http://getpelican.com/">Pelican</a></li>
+            <li><a href="http://python.org/">Python.org</a></li>
+            <li><a href="http://jinja.pocoo.org/">Jinja2</a></li>
+            <li><a href="#">You can modify those links in your config file</a></li>
+        </ul>
+		
+        <h5 class="sidebar-title">Social</h5>
+        <ul class="side-nav">
+            <li><a href="#">You can add links in your config file</a></li>
+            <li><a href="#">Another social link</a></li>
+        </ul>
+
+    </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>
+</footer>

docs/kr3-ru.html

@@ -0,0 +1,118 @@
+<!DOCTYPE html>
+<head>
+    <meta charset="utf-8" />
+    <!-- Set the viewport width to device width for mobile -->
+    <meta name="viewport" content="width=device-width" />
+
+    <title>kr3</title>
+
+    <link rel="stylesheet" href="https://kornerr.github.io/pelican/theme/css/normalize.css" />
+    <link rel="stylesheet" href="https://kornerr.github.io/pelican/theme/css/foundation.min.css" />
+    <link rel="stylesheet" href="https://kornerr.github.io/pelican/theme/css/style.css" />
+    <link rel="stylesheet" href="https://kornerr.github.io/pelican/theme/css/pygments.css" />	
+    <script src="https://kornerr.github.io/pelican/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="https://kornerr.github.io/pelican">Opensource Game Studio</a></h1>
+    </div>
+</div>
+<div class="row top-menu">
+<div class="large-12 columns">
+
+            <a href="https://kornerr.github.io/pelican/pages/about.html" class="menu-button secondary">About</a>
+            <a href="https://kornerr.github.io/pelican/pages/projects.html" class="menu-button secondary">Projects</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="https://kornerr.github.io/pelican/kr3-ru.html" rel="bookmark"
+        title="Permalink to kr3">kr3</a></h3>
+    </header>
+
+<h6 class="subheader" title="2017-01-01T03:04:00+07:00">Sun 01 January 2017
+            <a class="button secondary small translation-button" href="https://kornerr.github.io/pelican/kr3.html">en</a>
+
+</h6>    <p>kr3</p>
+<p>LANG: ru</p>
+<p class="subheader">Category: <a href="https://kornerr.github.io/pelican/category/review.html">Review</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="https://kornerr.github.io/pelican/archives.html">Archives</a>
+            <li><a href="https://kornerr.github.io/pelican/tags.html">Tags</a>
+
+
+                <li><a href="https://kornerr.github.io/pelican/feeds/all.atom.xml" rel="alternate">Atom feed</a></li>
+        </ul>
+
+		
+        <h5 class="sidebar-title">Categories</h5>
+        <ul class="side-nav">
+            <li><a href="https://kornerr.github.io/pelican/category/news.html">News</a></li>
+            <li><a href="https://kornerr.github.io/pelican/category/review.html">Review</a></li>
+   
+        </ul>
+        -->
+
+        <h5 class="sidebar-title">Links</h5>
+        <ul class="side-nav">
+            <li><a href="http://getpelican.com/">Pelican</a></li>
+            <li><a href="http://python.org/">Python.org</a></li>
+            <li><a href="http://jinja.pocoo.org/">Jinja2</a></li>
+            <li><a href="#">You can modify those links in your config file</a></li>
+        </ul>
+		
+        <h5 class="sidebar-title">Social</h5>
+        <ul class="side-nav">
+            <li><a href="#">You can add links in your config file</a></li>
+            <li><a href="#">Another social link</a></li>
+        </ul>
+
+    </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>
+</footer>

docs/kr3.html

@@ -0,0 +1,118 @@
+<!DOCTYPE html>
+<head>
+    <meta charset="utf-8" />
+    <!-- Set the viewport width to device width for mobile -->
+    <meta name="viewport" content="width=device-width" />
+
+    <title>kr3</title>
+
+    <link rel="stylesheet" href="https://kornerr.github.io/pelican/theme/css/normalize.css" />
+    <link rel="stylesheet" href="https://kornerr.github.io/pelican/theme/css/foundation.min.css" />
+    <link rel="stylesheet" href="https://kornerr.github.io/pelican/theme/css/style.css" />
+    <link rel="stylesheet" href="https://kornerr.github.io/pelican/theme/css/pygments.css" />	
+    <script src="https://kornerr.github.io/pelican/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="https://kornerr.github.io/pelican">Opensource Game Studio</a></h1>
+    </div>
+</div>
+<div class="row top-menu">
+<div class="large-12 columns">
+
+            <a href="https://kornerr.github.io/pelican/pages/about.html" class="menu-button secondary">About</a>
+            <a href="https://kornerr.github.io/pelican/pages/projects.html" class="menu-button secondary">Projects</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="https://kornerr.github.io/pelican/kr3.html" rel="bookmark"
+        title="Permalink to kr3">kr3</a></h3>
+    </header>
+
+<h6 class="subheader" title="2017-01-01T03:04:00+07:00">Sun 01 January 2017
+            <a class="button secondary small translation-button" href="https://kornerr.github.io/pelican/kr3-ru.html">ru</a>
+
+</h6>    <p>kr3</p>
+<p>LANG: en</p>
+<p class="subheader">Category: <a href="https://kornerr.github.io/pelican/category/review.html">Review</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="https://kornerr.github.io/pelican/archives.html">Archives</a>
+            <li><a href="https://kornerr.github.io/pelican/tags.html">Tags</a>
+
+
+                <li><a href="https://kornerr.github.io/pelican/feeds/all.atom.xml" rel="alternate">Atom feed</a></li>
+        </ul>
+
+		
+        <h5 class="sidebar-title">Categories</h5>
+        <ul class="side-nav">
+            <li><a href="https://kornerr.github.io/pelican/category/news.html">News</a></li>
+            <li><a href="https://kornerr.github.io/pelican/category/review.html">Review</a></li>
+   
+        </ul>
+        -->
+
+        <h5 class="sidebar-title">Links</h5>
+        <ul class="side-nav">
+            <li><a href="http://getpelican.com/">Pelican</a></li>
+            <li><a href="http://python.org/">Python.org</a></li>
+            <li><a href="http://jinja.pocoo.org/">Jinja2</a></li>
+            <li><a href="#">You can modify those links in your config file</a></li>
+        </ul>
+		
+        <h5 class="sidebar-title">Social</h5>
+        <ul class="side-nav">
+            <li><a href="#">You can add links in your config file</a></li>
+            <li><a href="#">Another social link</a></li>
+        </ul>
+
+    </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>
+</footer>

docs/kr4-ru.html

@@ -0,0 +1,118 @@
+<!DOCTYPE html>
+<head>
+    <meta charset="utf-8" />
+    <!-- Set the viewport width to device width for mobile -->
+    <meta name="viewport" content="width=device-width" />
+
+    <title>kr4</title>
+
+    <link rel="stylesheet" href="https://kornerr.github.io/pelican/theme/css/normalize.css" />
+    <link rel="stylesheet" href="https://kornerr.github.io/pelican/theme/css/foundation.min.css" />
+    <link rel="stylesheet" href="https://kornerr.github.io/pelican/theme/css/style.css" />
+    <link rel="stylesheet" href="https://kornerr.github.io/pelican/theme/css/pygments.css" />	
+    <script src="https://kornerr.github.io/pelican/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="https://kornerr.github.io/pelican">Opensource Game Studio</a></h1>
+    </div>
+</div>
+<div class="row top-menu">
+<div class="large-12 columns">
+
+            <a href="https://kornerr.github.io/pelican/pages/about.html" class="menu-button secondary">About</a>
+            <a href="https://kornerr.github.io/pelican/pages/projects.html" class="menu-button secondary">Projects</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="https://kornerr.github.io/pelican/kr4-ru.html" rel="bookmark"
+        title="Permalink to kr4">kr4</a></h3>
+    </header>
+
+<h6 class="subheader" title="2017-01-01T04:04:00+07:00">Sun 01 January 2017
+            <a class="button secondary small translation-button" href="https://kornerr.github.io/pelican/kr4.html">en</a>
+
+</h6>    <p>kr4</p>
+<p>LANG: ru</p>
+<p class="subheader">Category: <a href="https://kornerr.github.io/pelican/category/review.html">Review</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="https://kornerr.github.io/pelican/archives.html">Archives</a>
+            <li><a href="https://kornerr.github.io/pelican/tags.html">Tags</a>
+
+
+                <li><a href="https://kornerr.github.io/pelican/feeds/all.atom.xml" rel="alternate">Atom feed</a></li>
+        </ul>
+
+		
+        <h5 class="sidebar-title">Categories</h5>
+        <ul class="side-nav">
+            <li><a href="https://kornerr.github.io/pelican/category/news.html">News</a></li>
+            <li><a href="https://kornerr.github.io/pelican/category/review.html">Review</a></li>
+   
+        </ul>
+        -->
+
+        <h5 class="sidebar-title">Links</h5>
+        <ul class="side-nav">
+            <li><a href="http://getpelican.com/">Pelican</a></li>
+            <li><a href="http://python.org/">Python.org</a></li>
+            <li><a href="http://jinja.pocoo.org/">Jinja2</a></li>
+            <li><a href="#">You can modify those links in your config file</a></li>
+        </ul>
+		
+        <h5 class="sidebar-title">Social</h5>
+        <ul class="side-nav">
+            <li><a href="#">You can add links in your config file</a></li>
+            <li><a href="#">Another social link</a></li>
+        </ul>
+
+    </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>
+</footer>

docs/kr4.html

@@ -0,0 +1,118 @@
+<!DOCTYPE html>
+<head>
+    <meta charset="utf-8" />
+    <!-- Set the viewport width to device width for mobile -->
+    <meta name="viewport" content="width=device-width" />
+
+    <title>kr4</title>
+
+    <link rel="stylesheet" href="https://kornerr.github.io/pelican/theme/css/normalize.css" />
+    <link rel="stylesheet" href="https://kornerr.github.io/pelican/theme/css/foundation.min.css" />
+    <link rel="stylesheet" href="https://kornerr.github.io/pelican/theme/css/style.css" />
+    <link rel="stylesheet" href="https://kornerr.github.io/pelican/theme/css/pygments.css" />	
+    <script src="https://kornerr.github.io/pelican/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="https://kornerr.github.io/pelican">Opensource Game Studio</a></h1>
+    </div>
+</div>
+<div class="row top-menu">
+<div class="large-12 columns">
+
+            <a href="https://kornerr.github.io/pelican/pages/about.html" class="menu-button secondary">About</a>
+            <a href="https://kornerr.github.io/pelican/pages/projects.html" class="menu-button secondary">Projects</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="https://kornerr.github.io/pelican/kr4.html" rel="bookmark"
+        title="Permalink to kr4">kr4</a></h3>
+    </header>
+
+<h6 class="subheader" title="2017-01-01T04:04:00+07:00">Sun 01 January 2017
+            <a class="button secondary small translation-button" href="https://kornerr.github.io/pelican/kr4-ru.html">ru</a>
+
+</h6>    <p>kr4</p>
+<p>LANG: en</p>
+<p class="subheader">Category: <a href="https://kornerr.github.io/pelican/category/review.html">Review</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="https://kornerr.github.io/pelican/archives.html">Archives</a>
+            <li><a href="https://kornerr.github.io/pelican/tags.html">Tags</a>
+
+
+                <li><a href="https://kornerr.github.io/pelican/feeds/all.atom.xml" rel="alternate">Atom feed</a></li>
+        </ul>
+
+		
+        <h5 class="sidebar-title">Categories</h5>
+        <ul class="side-nav">
+            <li><a href="https://kornerr.github.io/pelican/category/news.html">News</a></li>
+            <li><a href="https://kornerr.github.io/pelican/category/review.html">Review</a></li>
+   
+        </ul>
+        -->
+
+        <h5 class="sidebar-title">Links</h5>
+        <ul class="side-nav">
+            <li><a href="http://getpelican.com/">Pelican</a></li>
+            <li><a href="http://python.org/">Python.org</a></li>
+            <li><a href="http://jinja.pocoo.org/">Jinja2</a></li>
+            <li><a href="#">You can modify those links in your config file</a></li>
+        </ul>
+		
+        <h5 class="sidebar-title">Social</h5>
+        <ul class="side-nav">
+            <li><a href="#">You can add links in your config file</a></li>
+            <li><a href="#">Another social link</a></li>
+        </ul>
+
+    </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>
+</footer>

docs/kr5-ru.html

@@ -0,0 +1,118 @@
+<!DOCTYPE html>
+<head>
+    <meta charset="utf-8" />
+    <!-- Set the viewport width to device width for mobile -->
+    <meta name="viewport" content="width=device-width" />
+
+    <title>kr5</title>
+
+    <link rel="stylesheet" href="https://kornerr.github.io/pelican/theme/css/normalize.css" />
+    <link rel="stylesheet" href="https://kornerr.github.io/pelican/theme/css/foundation.min.css" />
+    <link rel="stylesheet" href="https://kornerr.github.io/pelican/theme/css/style.css" />
+    <link rel="stylesheet" href="https://kornerr.github.io/pelican/theme/css/pygments.css" />	
+    <script src="https://kornerr.github.io/pelican/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="https://kornerr.github.io/pelican">Opensource Game Studio</a></h1>
+    </div>
+</div>
+<div class="row top-menu">
+<div class="large-12 columns">
+
+            <a href="https://kornerr.github.io/pelican/pages/about.html" class="menu-button secondary">About</a>
+            <a href="https://kornerr.github.io/pelican/pages/projects.html" class="menu-button secondary">Projects</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="https://kornerr.github.io/pelican/kr5-ru.html" rel="bookmark"
+        title="Permalink to kr5">kr5</a></h3>
+    </header>
+
+<h6 class="subheader" title="2017-01-01T05:04:00+07:00">Sun 01 January 2017
+            <a class="button secondary small translation-button" href="https://kornerr.github.io/pelican/kr5.html">en</a>
+
+</h6>    <p>kr5</p>
+<p>LANG: ru</p>
+<p class="subheader">Category: <a href="https://kornerr.github.io/pelican/category/review.html">Review</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="https://kornerr.github.io/pelican/archives.html">Archives</a>
+            <li><a href="https://kornerr.github.io/pelican/tags.html">Tags</a>
+
+
+                <li><a href="https://kornerr.github.io/pelican/feeds/all.atom.xml" rel="alternate">Atom feed</a></li>
+        </ul>
+
+		
+        <h5 class="sidebar-title">Categories</h5>
+        <ul class="side-nav">
+            <li><a href="https://kornerr.github.io/pelican/category/news.html">News</a></li>
+            <li><a href="https://kornerr.github.io/pelican/category/review.html">Review</a></li>
+   
+        </ul>
+        -->
+
+        <h5 class="sidebar-title">Links</h5>
+        <ul class="side-nav">
+            <li><a href="http://getpelican.com/">Pelican</a></li>
+            <li><a href="http://python.org/">Python.org</a></li>
+            <li><a href="http://jinja.pocoo.org/">Jinja2</a></li>
+            <li><a href="#">You can modify those links in your config file</a></li>
+        </ul>
+		
+        <h5 class="sidebar-title">Social</h5>
+        <ul class="side-nav">
+            <li><a href="#">You can add links in your config file</a></li>
+            <li><a href="#">Another social link</a></li>
+        </ul>
+
+    </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>
+</footer>

docs/kr5.html

@@ -0,0 +1,118 @@
+<!DOCTYPE html>
+<head>
+    <meta charset="utf-8" />
+    <!-- Set the viewport width to device width for mobile -->
+    <meta name="viewport" content="width=device-width" />
+
+    <title>kr5</title>
+
+    <link rel="stylesheet" href="https://kornerr.github.io/pelican/theme/css/normalize.css" />
+    <link rel="stylesheet" href="https://kornerr.github.io/pelican/theme/css/foundation.min.css" />
+    <link rel="stylesheet" href="https://kornerr.github.io/pelican/theme/css/style.css" />
+    <link rel="stylesheet" href="https://kornerr.github.io/pelican/theme/css/pygments.css" />	
+    <script src="https://kornerr.github.io/pelican/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="https://kornerr.github.io/pelican">Opensource Game Studio</a></h1>
+    </div>
+</div>
+<div class="row top-menu">
+<div class="large-12 columns">
+
+            <a href="https://kornerr.github.io/pelican/pages/about.html" class="menu-button secondary">About</a>
+            <a href="https://kornerr.github.io/pelican/pages/projects.html" class="menu-button secondary">Projects</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="https://kornerr.github.io/pelican/kr5.html" rel="bookmark"
+        title="Permalink to kr5">kr5</a></h3>
+    </header>
+
+<h6 class="subheader" title="2017-01-01T05:04:00+07:00">Sun 01 January 2017
+            <a class="button secondary small translation-button" href="https://kornerr.github.io/pelican/kr5-ru.html">ru</a>
+
+</h6>    <p>kr5</p>
+<p>LANG: en</p>
+<p class="subheader">Category: <a href="https://kornerr.github.io/pelican/category/review.html">Review</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="https://kornerr.github.io/pelican/archives.html">Archives</a>
+            <li><a href="https://kornerr.github.io/pelican/tags.html">Tags</a>
+
+
+                <li><a href="https://kornerr.github.io/pelican/feeds/all.atom.xml" rel="alternate">Atom feed</a></li>
+        </ul>
+
+		
+        <h5 class="sidebar-title">Categories</h5>
+        <ul class="side-nav">
+            <li><a href="https://kornerr.github.io/pelican/category/news.html">News</a></li>
+            <li><a href="https://kornerr.github.io/pelican/category/review.html">Review</a></li>
+   
+        </ul>
+        -->
+
+        <h5 class="sidebar-title">Links</h5>
+        <ul class="side-nav">
+            <li><a href="http://getpelican.com/">Pelican</a></li>
+            <li><a href="http://python.org/">Python.org</a></li>
+            <li><a href="http://jinja.pocoo.org/">Jinja2</a></li>
+            <li><a href="#">You can modify those links in your config file</a></li>
+        </ul>
+		
+        <h5 class="sidebar-title">Social</h5>
+        <ul class="side-nav">
+            <li><a href="#">You can add links in your config file</a></li>
+            <li><a href="#">Another social link</a></li>
+        </ul>
+
+    </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>
+</footer>

docs/kr6-ru.html

@@ -0,0 +1,118 @@
+<!DOCTYPE html>
+<head>
+    <meta charset="utf-8" />
+    <!-- Set the viewport width to device width for mobile -->
+    <meta name="viewport" content="width=device-width" />
+
+    <title>kr6</title>
+
+    <link rel="stylesheet" href="https://kornerr.github.io/pelican/theme/css/normalize.css" />
+    <link rel="stylesheet" href="https://kornerr.github.io/pelican/theme/css/foundation.min.css" />
+    <link rel="stylesheet" href="https://kornerr.github.io/pelican/theme/css/style.css" />
+    <link rel="stylesheet" href="https://kornerr.github.io/pelican/theme/css/pygments.css" />	
+    <script src="https://kornerr.github.io/pelican/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="https://kornerr.github.io/pelican">Opensource Game Studio</a></h1>
+    </div>
+</div>
+<div class="row top-menu">
+<div class="large-12 columns">
+
+            <a href="https://kornerr.github.io/pelican/pages/about.html" class="menu-button secondary">About</a>
+            <a href="https://kornerr.github.io/pelican/pages/projects.html" class="menu-button secondary">Projects</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="https://kornerr.github.io/pelican/kr6-ru.html" rel="bookmark"
+        title="Permalink to kr6">kr6</a></h3>
+    </header>
+
+<h6 class="subheader" title="2017-01-01T06:04:00+07:00">Sun 01 January 2017
+            <a class="button secondary small translation-button" href="https://kornerr.github.io/pelican/kr6.html">en</a>
+
+</h6>    <p>kr6</p>
+<p>LANG: ru</p>
+<p class="subheader">Category: <a href="https://kornerr.github.io/pelican/category/review.html">Review</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="https://kornerr.github.io/pelican/archives.html">Archives</a>
+            <li><a href="https://kornerr.github.io/pelican/tags.html">Tags</a>
+
+
+                <li><a href="https://kornerr.github.io/pelican/feeds/all.atom.xml" rel="alternate">Atom feed</a></li>
+        </ul>
+
+		
+        <h5 class="sidebar-title">Categories</h5>
+        <ul class="side-nav">
+            <li><a href="https://kornerr.github.io/pelican/category/news.html">News</a></li>
+            <li><a href="https://kornerr.github.io/pelican/category/review.html">Review</a></li>
+   
+        </ul>
+        -->
+
+        <h5 class="sidebar-title">Links</h5>
+        <ul class="side-nav">
+            <li><a href="http://getpelican.com/">Pelican</a></li>
+            <li><a href="http://python.org/">Python.org</a></li>
+            <li><a href="http://jinja.pocoo.org/">Jinja2</a></li>
+            <li><a href="#">You can modify those links in your config file</a></li>
+        </ul>
+		
+        <h5 class="sidebar-title">Social</h5>
+        <ul class="side-nav">
+            <li><a href="#">You can add links in your config file</a></li>
+            <li><a href="#">Another social link</a></li>
+        </ul>
+
+    </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>
+</footer>

docs/kr6.html

@@ -0,0 +1,118 @@
+<!DOCTYPE html>
+<head>
+    <meta charset="utf-8" />
+    <!-- Set the viewport width to device width for mobile -->
+    <meta name="viewport" content="width=device-width" />
+
+    <title>kr6</title>
+
+    <link rel="stylesheet" href="https://kornerr.github.io/pelican/theme/css/normalize.css" />
+    <link rel="stylesheet" href="https://kornerr.github.io/pelican/theme/css/foundation.min.css" />
+    <link rel="stylesheet" href="https://kornerr.github.io/pelican/theme/css/style.css" />
+    <link rel="stylesheet" href="https://kornerr.github.io/pelican/theme/css/pygments.css" />	
+    <script src="https://kornerr.github.io/pelican/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="https://kornerr.github.io/pelican">Opensource Game Studio</a></h1>
+    </div>
+</div>
+<div class="row top-menu">
+<div class="large-12 columns">
+
+            <a href="https://kornerr.github.io/pelican/pages/about.html" class="menu-button secondary">About</a>
+            <a href="https://kornerr.github.io/pelican/pages/projects.html" class="menu-button secondary">Projects</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="https://kornerr.github.io/pelican/kr6.html" rel="bookmark"
+        title="Permalink to kr6">kr6</a></h3>
+    </header>
+
+<h6 class="subheader" title="2017-01-01T06:04:00+07:00">Sun 01 January 2017
+            <a class="button secondary small translation-button" href="https://kornerr.github.io/pelican/kr6-ru.html">ru</a>
+
+</h6>    <p>kr6</p>
+<p>LANG: en</p>
+<p class="subheader">Category: <a href="https://kornerr.github.io/pelican/category/review.html">Review</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="https://kornerr.github.io/pelican/archives.html">Archives</a>
+            <li><a href="https://kornerr.github.io/pelican/tags.html">Tags</a>
+
+
+                <li><a href="https://kornerr.github.io/pelican/feeds/all.atom.xml" rel="alternate">Atom feed</a></li>
+        </ul>
+
+		
+        <h5 class="sidebar-title">Categories</h5>
+        <ul class="side-nav">
+            <li><a href="https://kornerr.github.io/pelican/category/news.html">News</a></li>
+            <li><a href="https://kornerr.github.io/pelican/category/review.html">Review</a></li>
+   
+        </ul>
+        -->
+
+        <h5 class="sidebar-title">Links</h5>
+        <ul class="side-nav">
+            <li><a href="http://getpelican.com/">Pelican</a></li>
+            <li><a href="http://python.org/">Python.org</a></li>
+            <li><a href="http://jinja.pocoo.org/">Jinja2</a></li>
+            <li><a href="#">You can modify those links in your config file</a></li>
+        </ul>
+		
+        <h5 class="sidebar-title">Social</h5>
+        <ul class="side-nav">
+            <li><a href="#">You can add links in your config file</a></li>
+            <li><a href="#">Another social link</a></li>
+        </ul>
+
+    </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>
+</footer>

docs/kr7-ru.html

@@ -0,0 +1,118 @@
+<!DOCTYPE html>
+<head>
+    <meta charset="utf-8" />
+    <!-- Set the viewport width to device width for mobile -->
+    <meta name="viewport" content="width=device-width" />
+
+    <title>kr7</title>
+
+    <link rel="stylesheet" href="https://kornerr.github.io/pelican/theme/css/normalize.css" />
+    <link rel="stylesheet" href="https://kornerr.github.io/pelican/theme/css/foundation.min.css" />
+    <link rel="stylesheet" href="https://kornerr.github.io/pelican/theme/css/style.css" />
+    <link rel="stylesheet" href="https://kornerr.github.io/pelican/theme/css/pygments.css" />	
+    <script src="https://kornerr.github.io/pelican/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="https://kornerr.github.io/pelican">Opensource Game Studio</a></h1>
+    </div>
+</div>
+<div class="row top-menu">
+<div class="large-12 columns">
+
+            <a href="https://kornerr.github.io/pelican/pages/about.html" class="menu-button secondary">About</a>
+            <a href="https://kornerr.github.io/pelican/pages/projects.html" class="menu-button secondary">Projects</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="https://kornerr.github.io/pelican/kr7-ru.html" rel="bookmark"
+        title="Permalink to kr7">kr7</a></h3>
+    </header>
+
+<h6 class="subheader" title="2017-01-01T07:04:00+07:00">Sun 01 January 2017
+            <a class="button secondary small translation-button" href="https://kornerr.github.io/pelican/kr7.html">en</a>
+
+</h6>    <p>kr7</p>
+<p>LANG: ru</p>
+<p class="subheader">Category: <a href="https://kornerr.github.io/pelican/category/review.html">Review</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="https://kornerr.github.io/pelican/archives.html">Archives</a>
+            <li><a href="https://kornerr.github.io/pelican/tags.html">Tags</a>
+
+
+                <li><a href="https://kornerr.github.io/pelican/feeds/all.atom.xml" rel="alternate">Atom feed</a></li>
+        </ul>
+
+		
+        <h5 class="sidebar-title">Categories</h5>
+        <ul class="side-nav">
+            <li><a href="https://kornerr.github.io/pelican/category/news.html">News</a></li>
+            <li><a href="https://kornerr.github.io/pelican/category/review.html">Review</a></li>
+   
+        </ul>
+        -->
+
+        <h5 class="sidebar-title">Links</h5>
+        <ul class="side-nav">
+            <li><a href="http://getpelican.com/">Pelican</a></li>
+            <li><a href="http://python.org/">Python.org</a></li>
+            <li><a href="http://jinja.pocoo.org/">Jinja2</a></li>
+            <li><a href="#">You can modify those links in your config file</a></li>
+        </ul>
+		
+        <h5 class="sidebar-title">Social</h5>
+        <ul class="side-nav">
+            <li><a href="#">You can add links in your config file</a></li>
+            <li><a href="#">Another social link</a></li>
+        </ul>
+
+    </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>
+</footer>

docs/kr7.html

@@ -0,0 +1,118 @@
+<!DOCTYPE html>
+<head>
+    <meta charset="utf-8" />
+    <!-- Set the viewport width to device width for mobile -->
+    <meta name="viewport" content="width=device-width" />
+
+    <title>kr7</title>
+
+    <link rel="stylesheet" href="https://kornerr.github.io/pelican/theme/css/normalize.css" />
+    <link rel="stylesheet" href="https://kornerr.github.io/pelican/theme/css/foundation.min.css" />
+    <link rel="stylesheet" href="https://kornerr.github.io/pelican/theme/css/style.css" />
+    <link rel="stylesheet" href="https://kornerr.github.io/pelican/theme/css/pygments.css" />	
+    <script src="https://kornerr.github.io/pelican/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="https://kornerr.github.io/pelican">Opensource Game Studio</a></h1>
+    </div>
+</div>
+<div class="row top-menu">
+<div class="large-12 columns">
+
+            <a href="https://kornerr.github.io/pelican/pages/about.html" class="menu-button secondary">About</a>
+            <a href="https://kornerr.github.io/pelican/pages/projects.html" class="menu-button secondary">Projects</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="https://kornerr.github.io/pelican/kr7.html" rel="bookmark"
+        title="Permalink to kr7">kr7</a></h3>
+    </header>
+
+<h6 class="subheader" title="2017-01-01T07:04:00+07:00">Sun 01 January 2017
+            <a class="button secondary small translation-button" href="https://kornerr.github.io/pelican/kr7-ru.html">ru</a>
+
+</h6>    <p>kr7</p>
+<p>LANG: en</p>
+<p class="subheader">Category: <a href="https://kornerr.github.io/pelican/category/review.html">Review</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="https://kornerr.github.io/pelican/archives.html">Archives</a>
+            <li><a href="https://kornerr.github.io/pelican/tags.html">Tags</a>
+
+
+                <li><a href="https://kornerr.github.io/pelican/feeds/all.atom.xml" rel="alternate">Atom feed</a></li>
+        </ul>
+
+		
+        <h5 class="sidebar-title">Categories</h5>
+        <ul class="side-nav">
+            <li><a href="https://kornerr.github.io/pelican/category/news.html">News</a></li>
+            <li><a href="https://kornerr.github.io/pelican/category/review.html">Review</a></li>
+   
+        </ul>
+        -->
+
+        <h5 class="sidebar-title">Links</h5>
+        <ul class="side-nav">
+            <li><a href="http://getpelican.com/">Pelican</a></li>
+            <li><a href="http://python.org/">Python.org</a></li>
+            <li><a href="http://jinja.pocoo.org/">Jinja2</a></li>
+            <li><a href="#">You can modify those links in your config file</a></li>
+        </ul>
+		
+        <h5 class="sidebar-title">Social</h5>
+        <ul class="side-nav">
+            <li><a href="#">You can add links in your config file</a></li>
+            <li><a href="#">Another social link</a></li>
+        </ul>
+
+    </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>
+</footer>

docs/kr8-ru.html

@@ -0,0 +1,118 @@
+<!DOCTYPE html>
+<head>
+    <meta charset="utf-8" />
+    <!-- Set the viewport width to device width for mobile -->
+    <meta name="viewport" content="width=device-width" />
+
+    <title>kr8</title>
+
+    <link rel="stylesheet" href="https://kornerr.github.io/pelican/theme/css/normalize.css" />
+    <link rel="stylesheet" href="https://kornerr.github.io/pelican/theme/css/foundation.min.css" />
+    <link rel="stylesheet" href="https://kornerr.github.io/pelican/theme/css/style.css" />
+    <link rel="stylesheet" href="https://kornerr.github.io/pelican/theme/css/pygments.css" />	
+    <script src="https://kornerr.github.io/pelican/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="https://kornerr.github.io/pelican">Opensource Game Studio</a></h1>
+    </div>
+</div>
+<div class="row top-menu">
+<div class="large-12 columns">
+
+            <a href="https://kornerr.github.io/pelican/pages/about.html" class="menu-button secondary">About</a>
+            <a href="https://kornerr.github.io/pelican/pages/projects.html" class="menu-button secondary">Projects</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="https://kornerr.github.io/pelican/kr8-ru.html" rel="bookmark"
+        title="Permalink to kr8">kr8</a></h3>
+    </header>
+
+<h6 class="subheader" title="2017-01-01T08:04:00+07:00">Sun 01 January 2017
+            <a class="button secondary small translation-button" href="https://kornerr.github.io/pelican/kr8.html">en</a>
+
+</h6>    <p>kr8</p>
+<p>LANG: ru</p>
+<p class="subheader">Category: <a href="https://kornerr.github.io/pelican/category/review.html">Review</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="https://kornerr.github.io/pelican/archives.html">Archives</a>
+            <li><a href="https://kornerr.github.io/pelican/tags.html">Tags</a>
+
+
+                <li><a href="https://kornerr.github.io/pelican/feeds/all.atom.xml" rel="alternate">Atom feed</a></li>
+        </ul>
+
+		
+        <h5 class="sidebar-title">Categories</h5>
+        <ul class="side-nav">
+            <li><a href="https://kornerr.github.io/pelican/category/news.html">News</a></li>
+            <li><a href="https://kornerr.github.io/pelican/category/review.html">Review</a></li>
+   
+        </ul>
+        -->
+
+        <h5 class="sidebar-title">Links</h5>
+        <ul class="side-nav">
+            <li><a href="http://getpelican.com/">Pelican</a></li>
+            <li><a href="http://python.org/">Python.org</a></li>
+            <li><a href="http://jinja.pocoo.org/">Jinja2</a></li>
+            <li><a href="#">You can modify those links in your config file</a></li>
+        </ul>
+		
+        <h5 class="sidebar-title">Social</h5>
+        <ul class="side-nav">
+            <li><a href="#">You can add links in your config file</a></li>
+            <li><a href="#">Another social link</a></li>
+        </ul>
+
+    </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>
+</footer>

docs/kr8.html

@@ -0,0 +1,118 @@
+<!DOCTYPE html>
+<head>
+    <meta charset="utf-8" />
+    <!-- Set the viewport width to device width for mobile -->
+    <meta name="viewport" content="width=device-width" />
+
+    <title>kr8</title>
+
+    <link rel="stylesheet" href="https://kornerr.github.io/pelican/theme/css/normalize.css" />
+    <link rel="stylesheet" href="https://kornerr.github.io/pelican/theme/css/foundation.min.css" />
+    <link rel="stylesheet" href="https://kornerr.github.io/pelican/theme/css/style.css" />
+    <link rel="stylesheet" href="https://kornerr.github.io/pelican/theme/css/pygments.css" />	
+    <script src="https://kornerr.github.io/pelican/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="https://kornerr.github.io/pelican">Opensource Game Studio</a></h1>
+    </div>
+</div>
+<div class="row top-menu">
+<div class="large-12 columns">
+
+            <a href="https://kornerr.github.io/pelican/pages/about.html" class="menu-button secondary">About</a>
+            <a href="https://kornerr.github.io/pelican/pages/projects.html" class="menu-button secondary">Projects</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="https://kornerr.github.io/pelican/kr8.html" rel="bookmark"
+        title="Permalink to kr8">kr8</a></h3>
+    </header>
+
+<h6 class="subheader" title="2017-01-01T08:04:00+07:00">Sun 01 January 2017
+            <a class="button secondary small translation-button" href="https://kornerr.github.io/pelican/kr8-ru.html">ru</a>
+
+</h6>    <p>kr8</p>
+<p>LANG: en</p>
+<p class="subheader">Category: <a href="https://kornerr.github.io/pelican/category/review.html">Review</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="https://kornerr.github.io/pelican/archives.html">Archives</a>
+            <li><a href="https://kornerr.github.io/pelican/tags.html">Tags</a>
+
+
+                <li><a href="https://kornerr.github.io/pelican/feeds/all.atom.xml" rel="alternate">Atom feed</a></li>
+        </ul>
+
+		
+        <h5 class="sidebar-title">Categories</h5>
+        <ul class="side-nav">
+            <li><a href="https://kornerr.github.io/pelican/category/news.html">News</a></li>
+            <li><a href="https://kornerr.github.io/pelican/category/review.html">Review</a></li>
+   
+        </ul>
+        -->
+
+        <h5 class="sidebar-title">Links</h5>
+        <ul class="side-nav">
+            <li><a href="http://getpelican.com/">Pelican</a></li>
+            <li><a href="http://python.org/">Python.org</a></li>
+            <li><a href="http://jinja.pocoo.org/">Jinja2</a></li>
+            <li><a href="#">You can modify those links in your config file</a></li>
+        </ul>
+		
+        <h5 class="sidebar-title">Social</h5>
+        <ul class="side-nav">
+            <li><a href="#">You can add links in your config file</a></li>
+            <li><a href="#">Another social link</a></li>
+        </ul>
+
+    </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>
+</footer>

docs/kr9-ru.html

@@ -0,0 +1,118 @@
+<!DOCTYPE html>
+<head>
+    <meta charset="utf-8" />
+    <!-- Set the viewport width to device width for mobile -->
+    <meta name="viewport" content="width=device-width" />
+
+    <title>kr9</title>
+
+    <link rel="stylesheet" href="https://kornerr.github.io/pelican/theme/css/normalize.css" />
+    <link rel="stylesheet" href="https://kornerr.github.io/pelican/theme/css/foundation.min.css" />
+    <link rel="stylesheet" href="https://kornerr.github.io/pelican/theme/css/style.css" />
+    <link rel="stylesheet" href="https://kornerr.github.io/pelican/theme/css/pygments.css" />	
+    <script src="https://kornerr.github.io/pelican/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="https://kornerr.github.io/pelican">Opensource Game Studio</a></h1>
+    </div>
+</div>
+<div class="row top-menu">
+<div class="large-12 columns">
+
+            <a href="https://kornerr.github.io/pelican/pages/about.html" class="menu-button secondary">About</a>
+            <a href="https://kornerr.github.io/pelican/pages/projects.html" class="menu-button secondary">Projects</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="https://kornerr.github.io/pelican/kr9-ru.html" rel="bookmark"
+        title="Permalink to kr9">kr9</a></h3>
+    </header>
+
+<h6 class="subheader" title="2017-01-01T09:04:00+07:00">Sun 01 January 2017
+            <a class="button secondary small translation-button" href="https://kornerr.github.io/pelican/kr9.html">en</a>
+
+</h6>    <p>kr9</p>
+<p>LANG: ru</p>
+<p class="subheader">Category: <a href="https://kornerr.github.io/pelican/category/review.html">Review</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="https://kornerr.github.io/pelican/archives.html">Archives</a>
+            <li><a href="https://kornerr.github.io/pelican/tags.html">Tags</a>
+
+
+                <li><a href="https://kornerr.github.io/pelican/feeds/all.atom.xml" rel="alternate">Atom feed</a></li>
+        </ul>
+
+		
+        <h5 class="sidebar-title">Categories</h5>
+        <ul class="side-nav">
+            <li><a href="https://kornerr.github.io/pelican/category/news.html">News</a></li>
+            <li><a href="https://kornerr.github.io/pelican/category/review.html">Review</a></li>
+   
+        </ul>
+        -->
+
+        <h5 class="sidebar-title">Links</h5>
+        <ul class="side-nav">
+            <li><a href="http://getpelican.com/">Pelican</a></li>
+            <li><a href="http://python.org/">Python.org</a></li>
+            <li><a href="http://jinja.pocoo.org/">Jinja2</a></li>
+            <li><a href="#">You can modify those links in your config file</a></li>
+        </ul>
+		
+        <h5 class="sidebar-title">Social</h5>
+        <ul class="side-nav">
+            <li><a href="#">You can add links in your config file</a></li>
+            <li><a href="#">Another social link</a></li>
+        </ul>
+
+    </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>
+</footer>

docs/kr9.html

@@ -0,0 +1,118 @@
+<!DOCTYPE html>
+<head>
+    <meta charset="utf-8" />
+    <!-- Set the viewport width to device width for mobile -->
+    <meta name="viewport" content="width=device-width" />
+
+    <title>kr9</title>
+
+    <link rel="stylesheet" href="https://kornerr.github.io/pelican/theme/css/normalize.css" />
+    <link rel="stylesheet" href="https://kornerr.github.io/pelican/theme/css/foundation.min.css" />
+    <link rel="stylesheet" href="https://kornerr.github.io/pelican/theme/css/style.css" />
+    <link rel="stylesheet" href="https://kornerr.github.io/pelican/theme/css/pygments.css" />	
+    <script src="https://kornerr.github.io/pelican/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="https://kornerr.github.io/pelican">Opensource Game Studio</a></h1>
+    </div>
+</div>
+<div class="row top-menu">
+<div class="large-12 columns">
+
+            <a href="https://kornerr.github.io/pelican/pages/about.html" class="menu-button secondary">About</a>
+            <a href="https://kornerr.github.io/pelican/pages/projects.html" class="menu-button secondary">Projects</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="https://kornerr.github.io/pelican/kr9.html" rel="bookmark"
+        title="Permalink to kr9">kr9</a></h3>
+    </header>
+
+<h6 class="subheader" title="2017-01-01T09:04:00+07:00">Sun 01 January 2017
+            <a class="button secondary small translation-button" href="https://kornerr.github.io/pelican/kr9-ru.html">ru</a>
+
+</h6>    <p>kr9</p>
+<p>LANG: en</p>
+<p class="subheader">Category: <a href="https://kornerr.github.io/pelican/category/review.html">Review</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="https://kornerr.github.io/pelican/archives.html">Archives</a>
+            <li><a href="https://kornerr.github.io/pelican/tags.html">Tags</a>
+
+
+                <li><a href="https://kornerr.github.io/pelican/feeds/all.atom.xml" rel="alternate">Atom feed</a></li>
+        </ul>
+
+		
+        <h5 class="sidebar-title">Categories</h5>
+        <ul class="side-nav">
+            <li><a href="https://kornerr.github.io/pelican/category/news.html">News</a></li>
+            <li><a href="https://kornerr.github.io/pelican/category/review.html">Review</a></li>
+   
+        </ul>
+        -->
+
+        <h5 class="sidebar-title">Links</h5>
+        <ul class="side-nav">
+            <li><a href="http://getpelican.com/">Pelican</a></li>
+            <li><a href="http://python.org/">Python.org</a></li>
+            <li><a href="http://jinja.pocoo.org/">Jinja2</a></li>
+            <li><a href="#">You can modify those links in your config file</a></li>
+        </ul>
+		
+        <h5 class="sidebar-title">Social</h5>
+        <ul class="side-nav">
+            <li><a href="#">You can add links in your config file</a></li>
+            <li><a href="#">Another social link</a></li>
+        </ul>
+
+    </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>
+</footer>

docs/pages/about-ru.html

@@ -1,60 +1,106 @@
 <!DOCTYPE html>
-<html lang="en">
 <head>
-        <meta charset="utf-8" />
-        <title>О нас</title>
-        <link rel="stylesheet" href="https://kornerr.github.io/pelican/theme/css/main.css" />
-        <link href="https://kornerr.github.io/pelican/feeds/all.atom.xml" type="application/atom+xml" rel="alternate" title="Opensource Game Studio Atom Feed" />
-
-        <!--[if IE]>
-            <script src="https://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
-        <![endif]-->
+    <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="https://kornerr.github.io/pelican/theme/css/normalize.css" />
+    <link rel="stylesheet" href="https://kornerr.github.io/pelican/theme/css/foundation.min.css" />
+    <link rel="stylesheet" href="https://kornerr.github.io/pelican/theme/css/style.css" />
+    <link rel="stylesheet" href="https://kornerr.github.io/pelican/theme/css/pygments.css" />	
+    <script src="https://kornerr.github.io/pelican/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 id="index" class="home">
-        <header id="banner" class="body">
-                <h1><a href="https://kornerr.github.io/pelican/">Opensource Game Studio </a></h1>
-                <nav><ul>
-                    <li><a href="https://kornerr.github.io/pelican/pages/about.html">About</a></li>
-                    <li><a href="https://kornerr.github.io/pelican/category/review.html">Review</a></li>
-                </ul></nav>
-        </header><!-- /#banner -->
-<section id="content" class="body">
-    <h1 class="entry-title">О нас</h1>
-    Translations:
-        <a href="https://kornerr.github.io/pelican/pages/about.html">en</a>
+<body>
+
+<!-- Nav Bar -->
+<nav>
+
+<!-- Show menu items and pages -->
+<div class="row">
+    <div class="large-12 columns top-bar">
+	    <h1><a href="https://kornerr.github.io/pelican">Opensource Game Studio</a></h1>
+    </div>
+</div>
+<div class="row top-menu">
+<div class="large-12 columns">
+
+            <a href="https://kornerr.github.io/pelican/pages/about.html" class="menu-button secondary">About</a>
+            <a href="https://kornerr.github.io/pelican/pages/projects.html" class="menu-button secondary">Projects</a>
+</div>
+</div>
+</nav>
+<!-- End Nav -->
+
+
+<!-- Main Page Content and Sidebar -->
+<div class="row">
+
+    <!-- Main Blog Content -->
+    <div class="large-9 columns">
+        
+    <h3>О нас</h3>
+            <a class="button secondary small translation-button" href="https://kornerr.github.io/pelican/pages/about.html">en</a>
 
     <p>Мы команда Opensource Game Studio, студия игр с открытым исходным кодом.</p>
 <p>Мы круты, ё.</p>
-</section>
-        <section id="extras" class="body">
-                <div class="blogroll">
-                        <h2>links</h2>
-                        <ul>
-                            <li><a href="http://getpelican.com/">Pelican</a></li>
-                            <li><a href="http://python.org/">Python.org</a></li>
-                            <li><a href="http://jinja.pocoo.org/">Jinja2</a></li>
-                            <li><a href="#">You can modify those links in your config file</a></li>
-                        </ul>
-                </div><!-- /.blogroll -->
-                <div class="social">
-                        <h2>social</h2>
-                        <ul>
-                            <li><a href="https://kornerr.github.io/pelican/feeds/all.atom.xml" type="application/atom+xml" rel="alternate">atom feed</a></li>
-
-                            <li><a href="#">You can add links in your config file</a></li>
-                            <li><a href="#">Another social link</a></li>
-                        </ul>
-                </div><!-- /.social -->
-        </section><!-- /#extras -->
-
-        <footer id="contentinfo" class="body">
-                <address id="about" class="vcard body">
-                Proudly powered by <a href="http://getpelican.com/">Pelican</a>, which takes great advantage of <a href="http://python.org">Python</a>.
-                </address><!-- /#about -->
-
-                <p>The theme is by <a href="http://coding.smashingmagazine.com/2009/08/04/designing-a-html-5-layout-from-scratch/">Smashing Magazine</a>, thanks!</p>
-        </footer><!-- /#contentinfo -->
-
-</body>
-</html>
+    </div>
+    <!-- End Main Content -->
+
+    <!-- Sidebar -->
+    <aside class="large-3 columns">
+        <!--k
+        <h5 class="sidebar-title">Site</h5>
+        <ul class="side-nav">
+            <li><a href="https://kornerr.github.io/pelican/archives.html">Archives</a>
+            <li><a href="https://kornerr.github.io/pelican/tags.html">Tags</a>
+
+
+                <li><a href="https://kornerr.github.io/pelican/feeds/all.atom.xml" rel="alternate">Atom feed</a></li>
+        </ul>
+
+		
+        <h5 class="sidebar-title">Categories</h5>
+        <ul class="side-nav">
+            <li><a href="https://kornerr.github.io/pelican/category/news.html">News</a></li>
+            <li><a href="https://kornerr.github.io/pelican/category/review.html">Review</a></li>
+   
+        </ul>
+        -->
+
+        <h5 class="sidebar-title">Links</h5>
+        <ul class="side-nav">
+            <li><a href="http://getpelican.com/">Pelican</a></li>
+            <li><a href="http://python.org/">Python.org</a></li>
+            <li><a href="http://jinja.pocoo.org/">Jinja2</a></li>
+            <li><a href="#">You can modify those links in your config file</a></li>
+        </ul>
+		
+        <h5 class="sidebar-title">Social</h5>
+        <ul class="side-nav">
+            <li><a href="#">You can add links in your config file</a></li>
+            <li><a href="#">Another social link</a></li>
+        </ul>
+
+    </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>
+</footer>

docs/pages/about.html

@@ -1,60 +1,106 @@
 <!DOCTYPE html>
-<html lang="en">
 <head>
-        <meta charset="utf-8" />
-        <title>About</title>
-        <link rel="stylesheet" href="https://kornerr.github.io/pelican/theme/css/main.css" />
-        <link href="https://kornerr.github.io/pelican/feeds/all.atom.xml" type="application/atom+xml" rel="alternate" title="Opensource Game Studio Atom Feed" />
-
-        <!--[if IE]>
-            <script src="https://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
-        <![endif]-->
+    <meta charset="utf-8" />
+    <!-- Set the viewport width to device width for mobile -->
+    <meta name="viewport" content="width=device-width" />
+
+    <title>About</title>
+
+    <link rel="stylesheet" href="https://kornerr.github.io/pelican/theme/css/normalize.css" />
+    <link rel="stylesheet" href="https://kornerr.github.io/pelican/theme/css/foundation.min.css" />
+    <link rel="stylesheet" href="https://kornerr.github.io/pelican/theme/css/style.css" />
+    <link rel="stylesheet" href="https://kornerr.github.io/pelican/theme/css/pygments.css" />	
+    <script src="https://kornerr.github.io/pelican/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 id="index" class="home">
-        <header id="banner" class="body">
-                <h1><a href="https://kornerr.github.io/pelican/">Opensource Game Studio </a></h1>
-                <nav><ul>
-                    <li class="active"><a href="https://kornerr.github.io/pelican/pages/about.html">About</a></li>
-                    <li><a href="https://kornerr.github.io/pelican/category/review.html">Review</a></li>
-                </ul></nav>
-        </header><!-- /#banner -->
-<section id="content" class="body">
-    <h1 class="entry-title">About</h1>
-    Translations:
-        <a href="https://kornerr.github.io/pelican/pages/about-ru.html">ru</a>
+<body>
+
+<!-- Nav Bar -->
+<nav>
+
+<!-- Show menu items and pages -->
+<div class="row">
+    <div class="large-12 columns top-bar">
+	    <h1><a href="https://kornerr.github.io/pelican">Opensource Game Studio</a></h1>
+    </div>
+</div>
+<div class="row top-menu">
+<div class="large-12 columns">
+
+            <a href="https://kornerr.github.io/pelican/pages/about.html" class="menu-button secondary">About</a>
+            <a href="https://kornerr.github.io/pelican/pages/projects.html" class="menu-button secondary">Projects</a>
+</div>
+</div>
+</nav>
+<!-- End Nav -->
+
+
+<!-- Main Page Content and Sidebar -->
+<div class="row">
+
+    <!-- Main Blog Content -->
+    <div class="large-9 columns">
+        
+    <h3>About</h3>
+            <a class="button secondary small translation-button" href="https://kornerr.github.io/pelican/pages/about-ru.html">ru</a>
 
     <p>We are Opensource Game Studio team.</p>
 <p>And we rock, ya know.</p>
-</section>
-        <section id="extras" class="body">
-                <div class="blogroll">
-                        <h2>links</h2>
-                        <ul>
-                            <li><a href="http://getpelican.com/">Pelican</a></li>
-                            <li><a href="http://python.org/">Python.org</a></li>
-                            <li><a href="http://jinja.pocoo.org/">Jinja2</a></li>
-                            <li><a href="#">You can modify those links in your config file</a></li>
-                        </ul>
-                </div><!-- /.blogroll -->
-                <div class="social">
-                        <h2>social</h2>
-                        <ul>
-                            <li><a href="https://kornerr.github.io/pelican/feeds/all.atom.xml" type="application/atom+xml" rel="alternate">atom feed</a></li>
-
-                            <li><a href="#">You can add links in your config file</a></li>
-                            <li><a href="#">Another social link</a></li>
-                        </ul>
-                </div><!-- /.social -->
-        </section><!-- /#extras -->
-
-        <footer id="contentinfo" class="body">
-                <address id="about" class="vcard body">
-                Proudly powered by <a href="http://getpelican.com/">Pelican</a>, which takes great advantage of <a href="http://python.org">Python</a>.
-                </address><!-- /#about -->
-
-                <p>The theme is by <a href="http://coding.smashingmagazine.com/2009/08/04/designing-a-html-5-layout-from-scratch/">Smashing Magazine</a>, thanks!</p>
-        </footer><!-- /#contentinfo -->
-
-</body>
-</html>
+    </div>
+    <!-- End Main Content -->
+
+    <!-- Sidebar -->
+    <aside class="large-3 columns">
+        <!--k
+        <h5 class="sidebar-title">Site</h5>
+        <ul class="side-nav">
+            <li><a href="https://kornerr.github.io/pelican/archives.html">Archives</a>
+            <li><a href="https://kornerr.github.io/pelican/tags.html">Tags</a>
+
+
+                <li><a href="https://kornerr.github.io/pelican/feeds/all.atom.xml" rel="alternate">Atom feed</a></li>
+        </ul>
+
+		
+        <h5 class="sidebar-title">Categories</h5>
+        <ul class="side-nav">
+            <li><a href="https://kornerr.github.io/pelican/category/news.html">News</a></li>
+            <li><a href="https://kornerr.github.io/pelican/category/review.html">Review</a></li>
+   
+        </ul>
+        -->
+
+        <h5 class="sidebar-title">Links</h5>
+        <ul class="side-nav">
+            <li><a href="http://getpelican.com/">Pelican</a></li>
+            <li><a href="http://python.org/">Python.org</a></li>
+            <li><a href="http://jinja.pocoo.org/">Jinja2</a></li>
+            <li><a href="#">You can modify those links in your config file</a></li>
+        </ul>
+		
+        <h5 class="sidebar-title">Social</h5>
+        <ul class="side-nav">
+            <li><a href="#">You can add links in your config file</a></li>
+            <li><a href="#">Another social link</a></li>
+        </ul>
+
+    </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>
+</footer>

docs/pages/projects-ru.html

@@ -0,0 +1,108 @@
+<!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="https://kornerr.github.io/pelican/theme/css/normalize.css" />
+    <link rel="stylesheet" href="https://kornerr.github.io/pelican/theme/css/foundation.min.css" />
+    <link rel="stylesheet" href="https://kornerr.github.io/pelican/theme/css/style.css" />
+    <link rel="stylesheet" href="https://kornerr.github.io/pelican/theme/css/pygments.css" />	
+    <script src="https://kornerr.github.io/pelican/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="https://kornerr.github.io/pelican">Opensource Game Studio</a></h1>
+    </div>
+</div>
+<div class="row top-menu">
+<div class="large-12 columns">
+
+            <a href="https://kornerr.github.io/pelican/pages/about.html" class="menu-button secondary">About</a>
+            <a href="https://kornerr.github.io/pelican/pages/projects.html" class="menu-button secondary">Projects</a>
+</div>
+</div>
+</nav>
+<!-- End Nav -->
+
+
+<!-- Main Page Content and Sidebar -->
+<div class="row">
+
+    <!-- Main Blog Content -->
+    <div class="large-9 columns">
+        
+    <h3>Проекты</h3>
+            <a class="button secondary small translation-button" href="https://kornerr.github.io/pelican/pages/projects.html">en</a>
+
+    <h1>OGS Mahjong</h1>
+<p>It is a super cool game</p>
+<h1>OGS Editor</h1>
+<p>It is a super cool editor</p>
+    </div>
+    <!-- End Main Content -->
+
+    <!-- Sidebar -->
+    <aside class="large-3 columns">
+        <!--k
+        <h5 class="sidebar-title">Site</h5>
+        <ul class="side-nav">
+            <li><a href="https://kornerr.github.io/pelican/archives.html">Archives</a>
+            <li><a href="https://kornerr.github.io/pelican/tags.html">Tags</a>
+
+
+                <li><a href="https://kornerr.github.io/pelican/feeds/all.atom.xml" rel="alternate">Atom feed</a></li>
+        </ul>
+
+		
+        <h5 class="sidebar-title">Categories</h5>
+        <ul class="side-nav">
+            <li><a href="https://kornerr.github.io/pelican/category/news.html">News</a></li>
+            <li><a href="https://kornerr.github.io/pelican/category/review.html">Review</a></li>
+   
+        </ul>
+        -->
+
+        <h5 class="sidebar-title">Links</h5>
+        <ul class="side-nav">
+            <li><a href="http://getpelican.com/">Pelican</a></li>
+            <li><a href="http://python.org/">Python.org</a></li>
+            <li><a href="http://jinja.pocoo.org/">Jinja2</a></li>
+            <li><a href="#">You can modify those links in your config file</a></li>
+        </ul>
+		
+        <h5 class="sidebar-title">Social</h5>
+        <ul class="side-nav">
+            <li><a href="#">You can add links in your config file</a></li>
+            <li><a href="#">Another social link</a></li>
+        </ul>
+
+    </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>
+</footer>

docs/pages/projects.html

@@ -0,0 +1,108 @@
+<!DOCTYPE html>
+<head>
+    <meta charset="utf-8" />
+    <!-- Set the viewport width to device width for mobile -->
+    <meta name="viewport" content="width=device-width" />
+
+    <title>Projects</title>
+
+    <link rel="stylesheet" href="https://kornerr.github.io/pelican/theme/css/normalize.css" />
+    <link rel="stylesheet" href="https://kornerr.github.io/pelican/theme/css/foundation.min.css" />
+    <link rel="stylesheet" href="https://kornerr.github.io/pelican/theme/css/style.css" />
+    <link rel="stylesheet" href="https://kornerr.github.io/pelican/theme/css/pygments.css" />	
+    <script src="https://kornerr.github.io/pelican/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="https://kornerr.github.io/pelican">Opensource Game Studio</a></h1>
+    </div>
+</div>
+<div class="row top-menu">
+<div class="large-12 columns">
+
+            <a href="https://kornerr.github.io/pelican/pages/about.html" class="menu-button secondary">About</a>
+            <a href="https://kornerr.github.io/pelican/pages/projects.html" class="menu-button secondary">Projects</a>
+</div>
+</div>
+</nav>
+<!-- End Nav -->
+
+
+<!-- Main Page Content and Sidebar -->
+<div class="row">
+
+    <!-- Main Blog Content -->
+    <div class="large-9 columns">
+        
+    <h3>Projects</h3>
+            <a class="button secondary small translation-button" href="https://kornerr.github.io/pelican/pages/projects-ru.html">ru</a>
+
+    <h1>OGS Mahjong</h1>
+<p>It is a super cool game</p>
+<h1>OGS Editor</h1>
+<p>It is a super cool editor</p>
+    </div>
+    <!-- End Main Content -->
+
+    <!-- Sidebar -->
+    <aside class="large-3 columns">
+        <!--k
+        <h5 class="sidebar-title">Site</h5>
+        <ul class="side-nav">
+            <li><a href="https://kornerr.github.io/pelican/archives.html">Archives</a>
+            <li><a href="https://kornerr.github.io/pelican/tags.html">Tags</a>
+
+
+                <li><a href="https://kornerr.github.io/pelican/feeds/all.atom.xml" rel="alternate">Atom feed</a></li>
+        </ul>
+
+		
+        <h5 class="sidebar-title">Categories</h5>
+        <ul class="side-nav">
+            <li><a href="https://kornerr.github.io/pelican/category/news.html">News</a></li>
+            <li><a href="https://kornerr.github.io/pelican/category/review.html">Review</a></li>
+   
+        </ul>
+        -->
+
+        <h5 class="sidebar-title">Links</h5>
+        <ul class="side-nav">
+            <li><a href="http://getpelican.com/">Pelican</a></li>
+            <li><a href="http://python.org/">Python.org</a></li>
+            <li><a href="http://jinja.pocoo.org/">Jinja2</a></li>
+            <li><a href="#">You can modify those links in your config file</a></li>
+        </ul>
+		
+        <h5 class="sidebar-title">Social</h5>
+        <ul class="side-nav">
+            <li><a href="#">You can add links in your config file</a></li>
+            <li><a href="#">Another social link</a></li>
+        </ul>
+
+    </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>
+</footer>

docs/pelican-review-ru.html

@@ -1,81 +1,120 @@
 <!DOCTYPE html>
-<html lang="en">
 <head>
-        <meta charset="utf-8" />
-        <title>Обзор Pelican</title>
-        <link rel="stylesheet" href="https://kornerr.github.io/pelican/theme/css/main.css" />
-        <link href="https://kornerr.github.io/pelican/feeds/all.atom.xml" type="application/atom+xml" rel="alternate" title="Opensource Game Studio Atom Feed" />
-
-        <!--[if IE]>
-            <script src="https://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
-        <![endif]-->
+    <meta charset="utf-8" />
+    <!-- Set the viewport width to device width for mobile -->
+    <meta name="viewport" content="width=device-width" />
+
+    <title>Обзор Pelican</title>
+
+    <link rel="stylesheet" href="https://kornerr.github.io/pelican/theme/css/normalize.css" />
+    <link rel="stylesheet" href="https://kornerr.github.io/pelican/theme/css/foundation.min.css" />
+    <link rel="stylesheet" href="https://kornerr.github.io/pelican/theme/css/style.css" />
+    <link rel="stylesheet" href="https://kornerr.github.io/pelican/theme/css/pygments.css" />	
+    <script src="https://kornerr.github.io/pelican/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 id="index" class="home">
-        <header id="banner" class="body">
-                <h1><a href="https://kornerr.github.io/pelican/">Opensource Game Studio </a></h1>
-                <nav><ul>
-                    <li><a href="https://kornerr.github.io/pelican/pages/about.html">About</a></li>
-                    <li class="active"><a href="https://kornerr.github.io/pelican/category/review.html">Review</a></li>
-                </ul></nav>
-        </header><!-- /#banner -->
-<section id="content" class="body">
-  <article>
+<body>
+
+<!-- Nav Bar -->
+<nav>
+
+<!-- Show menu items and pages -->
+<div class="row">
+    <div class="large-12 columns top-bar">
+	    <h1><a href="https://kornerr.github.io/pelican">Opensource Game Studio</a></h1>
+    </div>
+</div>
+<div class="row top-menu">
+<div class="large-12 columns">
+
+            <a href="https://kornerr.github.io/pelican/pages/about.html" class="menu-button secondary">About</a>
+            <a href="https://kornerr.github.io/pelican/pages/projects.html" class="menu-button secondary">Projects</a>
+</div>
+</div>
+</nav>
+<!-- End Nav -->
+
+
+<!-- Main Page Content and Sidebar -->
+<div class="row">
+
+    <!-- Main Blog Content -->
+    <div class="large-9 columns">
+<article>
     <header>
-      <h1 class="entry-title">
-        <a href="https://kornerr.github.io/pelican/pelican-review-ru.html" rel="bookmark"
-           title="Permalink to Обзор Pelican">Обзор Pelican</a></h1>
+        <h3 class="article-title"><a href="https://kornerr.github.io/pelican/pelican-review-ru.html" rel="bookmark"
+        title="Permalink to Обзор Pelican">Обзор Pelican</a></h3>
     </header>
 
-    <div class="entry-content">
-<footer class="post-info">
-        <abbr class="published" title="2017-07-03T22:00:00+07:00">
-                Published: Mon 03 July 2017
-        </abbr>
-
-        <address class="vcard author">
-                By                         <a class="url fn" href="https://kornerr.github.io/pelican/author/opensource-game-studio.html">Opensource Game Studio</a>
-        </address>
-<p>In <a href="https://kornerr.github.io/pelican/category/review.html">Review</a>.</p>
-Translations:
-        <a href="https://kornerr.github.io/pelican/pelican-review.html">en</a>
+<h6 class="subheader" title="2017-06-03T22:00:00+07:00">Sat 03 June 2017
+            <a class="button secondary small translation-button" href="https://kornerr.github.io/pelican/pelican-review.html">en</a>
 
-</footer><!-- /.post-info -->      <p>Пока что полёт нормальный. Pelican действительно крут, позволяет
+</h6>    <p>Пока что полёт нормальный. Pelican действительно крут, позволяет
 быстро всё настроить и запуститься.</p>
 <p>Намного легче, чем Jekyll.</p>
 <p>&lt;3 Python и его экосистему. Что-то просто ЛЕГЧЕ в Python.</p>
-    </div><!-- /.entry-content -->
-
-  </article>
-</section>
-        <section id="extras" class="body">
-                <div class="blogroll">
-                        <h2>links</h2>
-                        <ul>
-                            <li><a href="http://getpelican.com/">Pelican</a></li>
-                            <li><a href="http://python.org/">Python.org</a></li>
-                            <li><a href="http://jinja.pocoo.org/">Jinja2</a></li>
-                            <li><a href="#">You can modify those links in your config file</a></li>
-                        </ul>
-                </div><!-- /.blogroll -->
-                <div class="social">
-                        <h2>social</h2>
-                        <ul>
-                            <li><a href="https://kornerr.github.io/pelican/feeds/all.atom.xml" type="application/atom+xml" rel="alternate">atom feed</a></li>
-
-                            <li><a href="#">You can add links in your config file</a></li>
-                            <li><a href="#">Another social link</a></li>
-                        </ul>
-                </div><!-- /.social -->
-        </section><!-- /#extras -->
-
-        <footer id="contentinfo" class="body">
-                <address id="about" class="vcard body">
-                Proudly powered by <a href="http://getpelican.com/">Pelican</a>, which takes great advantage of <a href="http://python.org">Python</a>.
-                </address><!-- /#about -->
-
-                <p>The theme is by <a href="http://coding.smashingmagazine.com/2009/08/04/designing-a-html-5-layout-from-scratch/">Smashing Magazine</a>, thanks!</p>
-        </footer><!-- /#contentinfo -->
-
-</body>
-</html>
+<p class="subheader">Category: <a href="https://kornerr.github.io/pelican/category/review.html">Review</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="https://kornerr.github.io/pelican/archives.html">Archives</a>
+            <li><a href="https://kornerr.github.io/pelican/tags.html">Tags</a>
+
+
+                <li><a href="https://kornerr.github.io/pelican/feeds/all.atom.xml" rel="alternate">Atom feed</a></li>
+        </ul>
+
+		
+        <h5 class="sidebar-title">Categories</h5>
+        <ul class="side-nav">
+            <li><a href="https://kornerr.github.io/pelican/category/news.html">News</a></li>
+            <li><a href="https://kornerr.github.io/pelican/category/review.html">Review</a></li>
+   
+        </ul>
+        -->
+
+        <h5 class="sidebar-title">Links</h5>
+        <ul class="side-nav">
+            <li><a href="http://getpelican.com/">Pelican</a></li>
+            <li><a href="http://python.org/">Python.org</a></li>
+            <li><a href="http://jinja.pocoo.org/">Jinja2</a></li>
+            <li><a href="#">You can modify those links in your config file</a></li>
+        </ul>
+		
+        <h5 class="sidebar-title">Social</h5>
+        <ul class="side-nav">
+            <li><a href="#">You can add links in your config file</a></li>
+            <li><a href="#">Another social link</a></li>
+        </ul>
+
+    </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>
+</footer>

docs/pelican-review.html

@@ -1,81 +1,120 @@
 <!DOCTYPE html>
-<html lang="en">
 <head>
-        <meta charset="utf-8" />
-        <title>Pelican review</title>
-        <link rel="stylesheet" href="https://kornerr.github.io/pelican/theme/css/main.css" />
-        <link href="https://kornerr.github.io/pelican/feeds/all.atom.xml" type="application/atom+xml" rel="alternate" title="Opensource Game Studio Atom Feed" />
-
-        <!--[if IE]>
-            <script src="https://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
-        <![endif]-->
+    <meta charset="utf-8" />
+    <!-- Set the viewport width to device width for mobile -->
+    <meta name="viewport" content="width=device-width" />
+
+    <title>Pelican review</title>
+
+    <link rel="stylesheet" href="https://kornerr.github.io/pelican/theme/css/normalize.css" />
+    <link rel="stylesheet" href="https://kornerr.github.io/pelican/theme/css/foundation.min.css" />
+    <link rel="stylesheet" href="https://kornerr.github.io/pelican/theme/css/style.css" />
+    <link rel="stylesheet" href="https://kornerr.github.io/pelican/theme/css/pygments.css" />	
+    <script src="https://kornerr.github.io/pelican/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 id="index" class="home">
-        <header id="banner" class="body">
-                <h1><a href="https://kornerr.github.io/pelican/">Opensource Game Studio </a></h1>
-                <nav><ul>
-                    <li><a href="https://kornerr.github.io/pelican/pages/about.html">About</a></li>
-                    <li class="active"><a href="https://kornerr.github.io/pelican/category/review.html">Review</a></li>
-                </ul></nav>
-        </header><!-- /#banner -->
-<section id="content" class="body">
-  <article>
+<body>
+
+<!-- Nav Bar -->
+<nav>
+
+<!-- Show menu items and pages -->
+<div class="row">
+    <div class="large-12 columns top-bar">
+	    <h1><a href="https://kornerr.github.io/pelican">Opensource Game Studio</a></h1>
+    </div>
+</div>
+<div class="row top-menu">
+<div class="large-12 columns">
+
+            <a href="https://kornerr.github.io/pelican/pages/about.html" class="menu-button secondary">About</a>
+            <a href="https://kornerr.github.io/pelican/pages/projects.html" class="menu-button secondary">Projects</a>
+</div>
+</div>
+</nav>
+<!-- End Nav -->
+
+
+<!-- Main Page Content and Sidebar -->
+<div class="row">
+
+    <!-- Main Blog Content -->
+    <div class="large-9 columns">
+<article>
     <header>
-      <h1 class="entry-title">
-        <a href="https://kornerr.github.io/pelican/pelican-review.html" rel="bookmark"
-           title="Permalink to Pelican review">Pelican review</a></h1>
+        <h3 class="article-title"><a href="https://kornerr.github.io/pelican/pelican-review.html" rel="bookmark"
+        title="Permalink to Pelican review">Pelican review</a></h3>
     </header>
 
-    <div class="entry-content">
-<footer class="post-info">
-        <abbr class="published" title="2017-07-03T22:00:00+07:00">
-                Published: Mon 03 July 2017
-        </abbr>
-
-        <address class="vcard author">
-                By                         <a class="url fn" href="https://kornerr.github.io/pelican/author/opensource-game-studio.html">Opensource Game Studio</a>
-        </address>
-<p>In <a href="https://kornerr.github.io/pelican/category/review.html">Review</a>.</p>
-Translations:
-        <a href="https://kornerr.github.io/pelican/pelican-review-ru.html">ru</a>
+<h6 class="subheader" title="2017-06-03T22:00:00+07:00">Sat 03 June 2017
+            <a class="button secondary small translation-button" href="https://kornerr.github.io/pelican/pelican-review-ru.html">ru</a>
 
-</footer><!-- /.post-info -->      <p>So far so nice. Pelican is really cool, and provides a quick starting guided
+</h6>    <p>So far so nice. Pelican is really cool, and provides a quick starting guided
 to get up and running real fast.</p>
 <p>Much more smooth than Jekyll.</p>
 <p>I &lt;3 Python and its ecosystem. Something is just EASIER in Python.</p>
-    </div><!-- /.entry-content -->
-
-  </article>
-</section>
-        <section id="extras" class="body">
-                <div class="blogroll">
-                        <h2>links</h2>
-                        <ul>
-                            <li><a href="http://getpelican.com/">Pelican</a></li>
-                            <li><a href="http://python.org/">Python.org</a></li>
-                            <li><a href="http://jinja.pocoo.org/">Jinja2</a></li>
-                            <li><a href="#">You can modify those links in your config file</a></li>
-                        </ul>
-                </div><!-- /.blogroll -->
-                <div class="social">
-                        <h2>social</h2>
-                        <ul>
-                            <li><a href="https://kornerr.github.io/pelican/feeds/all.atom.xml" type="application/atom+xml" rel="alternate">atom feed</a></li>
-
-                            <li><a href="#">You can add links in your config file</a></li>
-                            <li><a href="#">Another social link</a></li>
-                        </ul>
-                </div><!-- /.social -->
-        </section><!-- /#extras -->
-
-        <footer id="contentinfo" class="body">
-                <address id="about" class="vcard body">
-                Proudly powered by <a href="http://getpelican.com/">Pelican</a>, which takes great advantage of <a href="http://python.org">Python</a>.
-                </address><!-- /#about -->
-
-                <p>The theme is by <a href="http://coding.smashingmagazine.com/2009/08/04/designing-a-html-5-layout-from-scratch/">Smashing Magazine</a>, thanks!</p>
-        </footer><!-- /#contentinfo -->
-
-</body>
-</html>
+<p class="subheader">Category: <a href="https://kornerr.github.io/pelican/category/review.html">Review</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="https://kornerr.github.io/pelican/archives.html">Archives</a>
+            <li><a href="https://kornerr.github.io/pelican/tags.html">Tags</a>
+
+
+                <li><a href="https://kornerr.github.io/pelican/feeds/all.atom.xml" rel="alternate">Atom feed</a></li>
+        </ul>
+
+		
+        <h5 class="sidebar-title">Categories</h5>
+        <ul class="side-nav">
+            <li><a href="https://kornerr.github.io/pelican/category/news.html">News</a></li>
+            <li><a href="https://kornerr.github.io/pelican/category/review.html">Review</a></li>
+   
+        </ul>
+        -->
+
+        <h5 class="sidebar-title">Links</h5>
+        <ul class="side-nav">
+            <li><a href="http://getpelican.com/">Pelican</a></li>
+            <li><a href="http://python.org/">Python.org</a></li>
+            <li><a href="http://jinja.pocoo.org/">Jinja2</a></li>
+            <li><a href="#">You can modify those links in your config file</a></li>
+        </ul>
+		
+        <h5 class="sidebar-title">Social</h5>
+        <ul class="side-nav">
+            <li><a href="#">You can add links in your config file</a></li>
+            <li><a href="#">Another social link</a></li>
+        </ul>
+
+    </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>
+</footer>

docs/tags.html

@@ -1,59 +1,104 @@
 <!DOCTYPE html>
-<html lang="en">
 <head>
-        <meta charset="utf-8" />
-        <title>Opensource Game Studio - Tags</title>
-        <link rel="stylesheet" href="https://kornerr.github.io/pelican/theme/css/main.css" />
-        <link href="https://kornerr.github.io/pelican/feeds/all.atom.xml" type="application/atom+xml" rel="alternate" title="Opensource Game Studio Atom Feed" />
-
-        <!--[if IE]>
-            <script src="https://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
-        <![endif]-->
+    <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="https://kornerr.github.io/pelican/theme/css/normalize.css" />
+    <link rel="stylesheet" href="https://kornerr.github.io/pelican/theme/css/foundation.min.css" />
+    <link rel="stylesheet" href="https://kornerr.github.io/pelican/theme/css/style.css" />
+    <link rel="stylesheet" href="https://kornerr.github.io/pelican/theme/css/pygments.css" />	
+    <script src="https://kornerr.github.io/pelican/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 id="index" class="home">
-        <header id="banner" class="body">
-                <h1><a href="https://kornerr.github.io/pelican/">Opensource Game Studio </a></h1>
-                <nav><ul>
-                    <li><a href="https://kornerr.github.io/pelican/pages/about.html">About</a></li>
-                    <li><a href="https://kornerr.github.io/pelican/category/review.html">Review</a></li>
-                </ul></nav>
-        </header><!-- /#banner -->
-
-<section id="content" class="body">
-    <h1>Tags for Opensource Game Studio</h1>
-    <ul>
-    </ul>
-</section>
-
-        <section id="extras" class="body">
-                <div class="blogroll">
-                        <h2>links</h2>
-                        <ul>
-                            <li><a href="http://getpelican.com/">Pelican</a></li>
-                            <li><a href="http://python.org/">Python.org</a></li>
-                            <li><a href="http://jinja.pocoo.org/">Jinja2</a></li>
-                            <li><a href="#">You can modify those links in your config file</a></li>
-                        </ul>
-                </div><!-- /.blogroll -->
-                <div class="social">
-                        <h2>social</h2>
-                        <ul>
-                            <li><a href="https://kornerr.github.io/pelican/feeds/all.atom.xml" type="application/atom+xml" rel="alternate">atom feed</a></li>
-
-                            <li><a href="#">You can add links in your config file</a></li>
-                            <li><a href="#">Another social link</a></li>
-                        </ul>
-                </div><!-- /.social -->
-        </section><!-- /#extras -->
-
-        <footer id="contentinfo" class="body">
-                <address id="about" class="vcard body">
-                Proudly powered by <a href="http://getpelican.com/">Pelican</a>, which takes great advantage of <a href="http://python.org">Python</a>.
-                </address><!-- /#about -->
-
-                <p>The theme is by <a href="http://coding.smashingmagazine.com/2009/08/04/designing-a-html-5-layout-from-scratch/">Smashing Magazine</a>, thanks!</p>
-        </footer><!-- /#contentinfo -->
-
-</body>
-</html>
+<body>
+
+<!-- Nav Bar -->
+<nav>
+
+<!-- Show menu items and pages -->
+<div class="row">
+    <div class="large-12 columns top-bar">
+	    <h1><a href="https://kornerr.github.io/pelican">Opensource Game Studio</a></h1>
+    </div>
+</div>
+<div class="row top-menu">
+<div class="large-12 columns">
+
+            <a href="https://kornerr.github.io/pelican/pages/about.html" class="menu-button secondary">About</a>
+            <a href="https://kornerr.github.io/pelican/pages/projects.html" class="menu-button secondary">Projects</a>
+</div>
+</div>
+</nav>
+<!-- End Nav -->
+
+
+<!-- Main Page Content and Sidebar -->
+<div class="row">
+
+    <!-- Main Blog Content -->
+    <div class="large-9 columns">
+
+<ul class="circle">
+</ul>
+
+    </div>
+    <!-- End Main Content -->
+
+    <!-- Sidebar -->
+    <aside class="large-3 columns">
+        <!--k
+        <h5 class="sidebar-title">Site</h5>
+        <ul class="side-nav">
+            <li><a href="https://kornerr.github.io/pelican/archives.html">Archives</a>
+            <li><a href="https://kornerr.github.io/pelican/tags.html">Tags</a>
+
+
+                <li><a href="https://kornerr.github.io/pelican/feeds/all.atom.xml" rel="alternate">Atom feed</a></li>
+        </ul>
+
+		
+        <h5 class="sidebar-title">Categories</h5>
+        <ul class="side-nav">
+            <li><a href="https://kornerr.github.io/pelican/category/news.html">News</a></li>
+            <li><a href="https://kornerr.github.io/pelican/category/review.html">Review</a></li>
+   
+        </ul>
+        -->
+
+        <h5 class="sidebar-title">Links</h5>
+        <ul class="side-nav">
+            <li><a href="http://getpelican.com/">Pelican</a></li>
+            <li><a href="http://python.org/">Python.org</a></li>
+            <li><a href="http://jinja.pocoo.org/">Jinja2</a></li>
+            <li><a href="#">You can modify those links in your config file</a></li>
+        </ul>
+		
+        <h5 class="sidebar-title">Social</h5>
+        <ul class="side-nav">
+            <li><a href="#">You can add links in your config file</a></li>
+            <li><a href="#">Another social link</a></li>
+        </ul>
+
+    </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>
+</footer>

docs/theme/css/main.css

@@ -1,452 +0,0 @@
-/*
-	Name: Smashing HTML5
-	Date: July 2009
-	Description: Sample layout for HTML5 and CSS3 goodness.
-	Version: 1.0
-	License: MIT <http://opensource.org/licenses/MIT>
-	Licensed by: Smashing Media GmbH <http://www.smashingmagazine.com/>
-	Original author: Enrique Ramírez <http://enrique-ramirez.com/>
-*/
-
-/* Imports */
-@import url("reset.css");
-@import url("pygment.css");
-@import url("typogrify.css");
-@import url(https://fonts.googleapis.com/css?family=Yanone+Kaffeesatz&subset=latin);
-
-/***** Global *****/
-/* Body */
-body {
-    background: #F5F4EF;
-    color: #000305;
-    font-size: 87.5%; /* Base font size: 14px */
-    font-family: 'Trebuchet MS', Trebuchet, 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
-    line-height: 1.429;
-    margin: 0;
-    padding: 0;
-    text-align: left;
-}
-
-/* Headings */
-h1 {font-size: 2em }
-h2 {font-size: 1.571em}	/* 22px */
-h3 {font-size: 1.429em}	/* 20px */
-h4 {font-size: 1.286em}	/* 18px */
-h5 {font-size: 1.143em}	/* 16px */
-h6 {font-size: 1em}		/* 14px */
-
-h1, h2, h3, h4, h5, h6 {
-	font-weight: 400;
-	line-height: 1.1;
-	margin-bottom: .8em;
-    font-family: 'Yanone Kaffeesatz', arial, serif;
-}
-
-h3, h4, h5, h6 { margin-top: .8em; }
-	
-hr { border: 2px solid #EEEEEE; }
-
-/* Anchors */
-a {outline: 0;}
-a img {border: 0px; text-decoration: none;}
-a:link, a:visited {
-	color: #C74350;
-	padding: 0 1px;
-	text-decoration: underline;
-}
-a:hover, a:active {
-	background-color: #C74350;
-	color: #fff;
-	text-decoration: none;
-	text-shadow: 1px 1px 1px #333;
-}
-
-h1 a:hover {
-    background-color: inherit
-}
-	
-/* Paragraphs */
-div.line-block,
-p { margin-top: 1em;
-    margin-bottom: 1em;}
-
-strong, b {font-weight: bold;}
-em, i {font-style: italic;}
-
-/* Lists */
-ul {
-	list-style: outside disc;
-	margin: 0em 0 0 1.5em;
-}
-
-ol {
-	list-style: outside decimal;
-	margin: 0em 0 0 1.5em;
-}
-
-li { margin-top: 0.5em;
-     margin-bottom: 1em; }
-
-.post-info {
-    float:right;
-    margin:10px;
-    padding:5px;
-}
-
-.post-info p{
-    margin-top: 1px;
-    margin-bottom: 1px;
-}
-
-.readmore { float: right }
-
-dl {margin: 0 0 1.5em 0;}
-dt {font-weight: bold;}
-dd {margin-left: 1.5em;}
-
-pre{background-color:  rgb(238, 238, 238); padding: 10px; margin: 10px; overflow: auto;}
-
-/* Quotes */
-blockquote {
-    margin: 20px;
-    font-style: italic;
-}
-cite {}
-
-q {}
-
-div.note {
-   float: right;
-   margin: 5px;
-   font-size: 85%;
-   max-width: 300px;
-}
-
-/* Tables */
-table {margin: .5em auto 1.5em auto; width: 98%;}
-	
-	/* Thead */
-	thead th {padding: .5em .4em; text-align: left;}
-	thead td {}
-
-	/* Tbody */
-	tbody td {padding: .5em .4em;}
-	tbody th {}
-	
-	tbody .alt td {}
-	tbody .alt th {}
-	
-	/* Tfoot */
-	tfoot th {}
-	tfoot td {}
-	
-/* HTML5 tags */
-header, section, footer,
-aside, nav, article, figure {
-	display: block;
-}
-
-/***** Layout *****/
-.body {clear: both; margin: 0 auto; width: 800px;}
-img.right, figure.right {float: right; margin: 0 0 2em 2em;}
-img.left, figure.left {float: left; margin: 0 2em 2em 0;}
-
-/*
-	Header
-*****************/
-#banner {
-	margin: 0 auto;
-	padding: 2.5em 0 0 0;
-}
-
-	/* Banner */
-	#banner h1 {font-size: 3.571em; line-height: 0;}
-	#banner h1 a:link, #banner h1 a:visited {
-		color: #000305;
-		display: block;
-		font-weight: bold;
-		margin: 0 0 .6em .2em;
-		text-decoration: none;
-	}
-	#banner h1 a:hover, #banner h1 a:active {
-		background: none;
-		color: #C74350;
-		text-shadow: none;
-	}
-	
-	#banner h1 strong {font-size: 0.36em; font-weight: normal;}
-	
-	/* Main Nav */
-	#banner nav {
-		background: #000305;
-		font-size: 1.143em;
-		height: 40px;
-		line-height: 30px;
-		margin: 0 auto 2em auto;
-		padding: 0;
-		text-align: center;
-		width: 800px;
-		
-		border-radius: 5px;
-		-moz-border-radius: 5px;
-		-webkit-border-radius: 5px;
-	}
-	
-	#banner nav ul {list-style: none; margin: 0 auto; width: 800px;}
-	#banner nav li {float: left; display: inline; margin: 0;}
-	
-	#banner nav a:link, #banner nav a:visited {
-		color: #fff;
-		display: inline-block;
-		height: 30px;
-		padding: 5px 1.5em;
-		text-decoration: none;
-	}
-	#banner nav a:hover, #banner nav a:active,
-	#banner nav .active a:link, #banner nav .active a:visited {
-		background: #C74451;
-		color: #fff;
-		text-shadow: none !important;
-	}
-	
-	#banner nav li:first-child a {
-		border-top-left-radius: 5px;
-		-moz-border-radius-topleft: 5px;
-		-webkit-border-top-left-radius: 5px;
-		
-		border-bottom-left-radius: 5px;
-		-moz-border-radius-bottomleft: 5px;
-		-webkit-border-bottom-left-radius: 5px;
-	}
-
-/*
-	Featured
-*****************/
-#featured {
-	background: #fff;
-	margin-bottom: 2em;
-	overflow: hidden;
-	padding: 20px;
-	width: 760px;
-	
-	border-radius: 10px;
-	-moz-border-radius: 10px;
-	-webkit-border-radius: 10px;
-}
-
-#featured figure {
-	border: 2px solid #eee;
-	float: right;
-	margin: 0.786em 2em 0 5em;
-	width: 248px;
-}
-#featured figure img {display: block; float: right;}
-
-#featured h2 {color: #C74451; font-size: 1.714em; margin-bottom: 0.333em;}
-#featured h3 {font-size: 1.429em; margin-bottom: .5em;}
-
-#featured h3 a:link, #featured h3 a:visited {color: #000305; text-decoration: none;}
-#featured h3 a:hover, #featured h3 a:active {color: #fff;}
-
-/*
-	Body
-*****************/
-#content {
-	background: #fff;
-	margin-bottom: 2em;
-	overflow: hidden;
-	padding: 20px 20px;
-	width: 760px;
-	
-	border-radius: 10px;
-	-moz-border-radius: 10px;
-	-webkit-border-radius: 10px;
-}
-
-/*
-	Extras
-*****************/
-#extras {margin: 0 auto 3em auto; overflow: hidden;}
-
-#extras ul {list-style: none; margin: 0;}
-#extras li {border-bottom: 1px solid #fff;}
-#extras h2 {
-	color: #C74350;
-	font-size: 1.429em;
-	margin-bottom: .25em;
-	padding: 0 3px;
-}
-
-#extras a:link, #extras a:visited {
-	color: #444;
-	display: block;
-	border-bottom: 1px solid #F4E3E3;
-	text-decoration: none;
-	padding: .3em .25em;
-}
-
-#extras a:hover, #extras a:active {color: #fff;}
-
-	/* Blogroll */
-	#extras .blogroll {
-		float: left;
-		width: 615px;
-	}
-	
-	#extras .blogroll li {float: left; margin: 0 20px 0 0; width: 185px;}
-	
-	/* Social */
-	#extras .social {
-		float: right;
-		width: 175px;
-	}
-	
-	#extras div[class='social'] a {
-		background-repeat: no-repeat;
-		background-position: 3px 6px;
-		padding-left: 25px;
-	}
-	
-		/* Icons */
-		.social a[href*='about.me'] {background-image: url('../images/icons/aboutme.png');}
-		.social a[href*='bitbucket.org'] {background-image: url('../images/icons/bitbucket.png');}
-		.social a[href*='delicious.com'] {background-image: url('../images/icons/delicious.png');}
-		.social a[href*='digg.com'] {background-image: url('../images/icons/digg.png');}
-		.social a[href*='facebook.com'] {background-image: url('../images/icons/facebook.png');}
-		.social a[href*='gitorious.org'] {background-image: url('../images/icons/gitorious.png');}
-		.social a[href*='github.com'],
-		.social a[href*='git.io'] {
-			background-image: url('../images/icons/github.png');
-			background-size: 16px 16px;
-		}
-		.social a[href*='gittip.com'] {background-image: url('../images/icons/gittip.png');}
-		.social a[href*='plus.google.com'] {background-image: url('../images/icons/google-plus.png');}
-		.social a[href*='groups.google.com'] {background-image: url('../images/icons/google-groups.png');}
-		.social a[href*='news.ycombinator.com'],
-		.social a[href*='hackernewsers.com'] {background-image: url('../images/icons/hackernews.png');}
-		.social a[href*='last.fm'], .social a[href*='lastfm.'] {background-image: url('../images/icons/lastfm.png');}
-		.social a[href*='linkedin.com'] {background-image: url('../images/icons/linkedin.png');}
-		.social a[href*='reddit.com'] {background-image: url('../images/icons/reddit.png');}
-		.social a[type$='atom+xml'], .social a[type$='rss+xml'] {background-image: url('../images/icons/rss.png');}
-		.social a[href*='slideshare.net'] {background-image: url('../images/icons/slideshare.png');}
-		.social a[href*='speakerdeck.com'] {background-image: url('../images/icons/speakerdeck.png');}
-		.social a[href*='stackoverflow.com'] {background-image: url('../images/icons/stackoverflow.png');}
-		.social a[href*='twitter.com'] {background-image: url('../images/icons/twitter.png');}
-		.social a[href*='vimeo.com'] {background-image: url('../images/icons/vimeo.png');}
-		.social a[href*='youtube.com'] {background-image: url('../images/icons/youtube.png');}
-
-/*
-	About
-*****************/
-#about {
-	background: #fff;
-	font-style: normal;
-	margin-bottom: 2em;
-	overflow: hidden;
-	padding: 20px;
-	text-align: left;
-	width: 760px;
-	
-	border-radius: 10px;
-	-moz-border-radius: 10px;
-	-webkit-border-radius: 10px;
-}
-
-#about .primary {float: left; width: 165px;}
-#about .primary strong {color: #C64350; display: block; font-size: 1.286em;}
-#about .photo {float: left; margin: 5px 20px;}
-
-#about .url:link, #about .url:visited {text-decoration: none;}
-
-#about .bio {float: right; width: 500px;}
-
-/*
-	Footer
-*****************/
-#contentinfo {padding-bottom: 2em; text-align: right;}
-
-/***** Sections *****/
-/* Blog */
-.hentry {
-	display: block;
-	clear: both;
-	border-bottom: 1px solid #eee;
-	padding: 1.5em 0;
-}
-li:last-child .hentry, #content > .hentry {border: 0; margin: 0;}
-#content > .hentry {padding: 1em 0;}
-.hentry img{display : none ;}
-.entry-title {font-size: 3em; margin-bottom: 10px; margin-top: 0;}
-.entry-title a:link, .entry-title a:visited {text-decoration: none; color: #333;}
-.entry-title a:visited {background-color: #fff;}
-
-.hentry .post-info * {font-style: normal;}
-
-	/* Content */
-	.hentry footer {margin-bottom: 2em;}
-	.hentry footer address {display: inline;}
-	#posts-list footer address {display: block;}
-
-	/* Blog Index */
-	#posts-list {list-style: none; margin: 0;}
-	#posts-list .hentry {padding-left: 10px; position: relative;}
-	
-	#posts-list footer {
-		left: 10px;
-		position: relative;
-        float: left;
-		top: 0.5em;
-		width: 190px;
-	}
-	
-	/* About the Author */
-	#about-author {
-		background: #f9f9f9;
-		clear: both;
-		font-style: normal;
-		margin: 2em 0;
-		padding: 10px 20px 15px 20px;
-		
-		border-radius: 5px;
-		-moz-border-radius: 5px;
-		-webkit-border-radius: 5px;
-	}
-	
-	#about-author strong {
-		color: #C64350;
-		clear: both;
-		display: block;
-		font-size: 1.429em;
-	}
-	
-	#about-author .photo {border: 1px solid #ddd; float: left; margin: 5px 1em 0 0;}
-	
-	/* Comments */
-	#comments-list {list-style: none; margin: 0 1em;}
-	#comments-list blockquote {
-		background: #f8f8f8;
-		clear: both;
-		font-style: normal;
-		margin: 0;
-		padding: 15px 20px;
-		
-		border-radius: 5px;
-		-moz-border-radius: 5px;
-		-webkit-border-radius: 5px;
-	}
-	#comments-list footer {color: #888; padding: .5em 1em 0 0; text-align: right;}
-	
-	#comments-list li:nth-child(2n) blockquote {background: #F5f5f5;}
-	
-	/* Add a Comment */
-	#add-comment label {clear: left; float: left; text-align: left; width: 150px;}
-	#add-comment input[type='text'],
-	#add-comment input[type='email'],
-	#add-comment input[type='url'] {float: left; width: 200px;}
-	
-	#add-comment textarea {float: left; height: 150px; width: 495px;}
-	
-	#add-comment p.req {clear: both; margin: 0 .5em 1em 0; text-align: right;}
-	
-	#add-comment input[type='submit'] {float: right; margin: 0 .5em;}
-	#add-comment * {margin-bottom: .5em;}

docs/theme/css/normalize.css

@@ -0,0 +1,402 @@
+/*! normalize.css v2.1.1 | MIT License | git.io/normalize */
+
+/* ==========================================================================
+   HTML5 display definitions
+   ========================================================================== */
+
+/**
+ * Correct `block` display not defined in IE 8/9.
+ */
+
+article,
+aside,
+details,
+figcaption,
+figure,
+footer,
+header,
+hgroup,
+main,
+nav,
+section,
+summary {
+    display: block;
+}
+
+/**
+ * Correct `inline-block` display not defined in IE 8/9.
+ */
+
+audio,
+canvas,
+video {
+    display: inline-block;
+}
+
+/**
+ * Prevent modern browsers from displaying `audio` without controls.
+ * Remove excess height in iOS 5 devices.
+ */
+
+audio:not([controls]) {
+    display: none;
+    height: 0;
+}
+
+/**
+ * Address styling not present in IE 8/9.
+ */
+
+[hidden] {
+    display: none;
+}
+
+/* ==========================================================================
+   Base
+   ========================================================================== */
+
+/**
+ * 1. Prevent system color scheme's background color being used in Firefox, IE,
+ *    and Opera.
+ * 2. Prevent system color scheme's text color being used in Firefox, IE, and
+ *    Opera.
+ * 3. Set default font family to sans-serif.
+ * 4. Prevent iOS text size adjust after orientation change, without disabling
+ *    user zoom.
+ */
+
+html {
+    background: #fff; /* 1 */
+    color: #000; /* 2 */
+    font-family: sans-serif; /* 3 */
+    -ms-text-size-adjust: 100%; /* 4 */
+    -webkit-text-size-adjust: 100%; /* 4 */
+}
+
+/**
+ * Remove default margin.
+ */
+
+body {
+    margin: 0;
+}
+
+/* ==========================================================================
+   Links
+   ========================================================================== */
+
+/**
+ * Address `outline` inconsistency between Chrome and other browsers.
+ */
+
+a:focus {
+    outline: thin dotted;
+}
+
+/**
+ * Improve readability when focused and also mouse hovered in all browsers.
+ */
+
+a:active,
+a:hover {
+    outline: 0;
+}
+
+/* ==========================================================================
+   Typography
+   ========================================================================== */
+
+/**
+ * Address variable `h1` font-size and margin within `section` and `article`
+ * contexts in Firefox 4+, Safari 5, and Chrome.
+ */
+
+h1 {
+    font-size: 2em;
+    margin: 0.67em 0;
+}
+
+/**
+ * Address styling not present in IE 8/9, Safari 5, and Chrome.
+ */
+
+abbr[title] {
+    border-bottom: 1px dotted;
+}
+
+/**
+ * Address style set to `bolder` in Firefox 4+, Safari 5, and Chrome.
+ */
+
+b,
+strong {
+    font-weight: bold;
+}
+
+/**
+ * Address styling not present in Safari 5 and Chrome.
+ */
+
+dfn {
+    font-style: italic;
+}
+
+/**
+ * Address differences between Firefox and other browsers.
+ */
+
+hr {
+    -moz-box-sizing: content-box;
+    box-sizing: content-box;
+    height: 0;
+}
+
+/**
+ * Address styling not present in IE 8/9.
+ */
+
+mark {
+    background: #ff0;
+    color: #000;
+}
+
+/**
+ * Correct font family set oddly in Safari 5 and Chrome.
+ */
+
+code,
+kbd,
+pre,
+samp {
+    font-family: monospace, serif;
+    font-size: 1em;
+}
+
+/**
+ * Improve readability of pre-formatted text in all browsers.
+ */
+
+pre {
+    white-space: pre-wrap;
+}
+
+/**
+ * Set consistent quote types.
+ */
+
+q {
+    quotes: "\201C" "\201D" "\2018" "\2019";
+}
+
+/**
+ * Address inconsistent and variable font size in all browsers.
+ */
+
+small {
+    font-size: 80%;
+}
+
+/**
+ * Prevent `sub` and `sup` affecting `line-height` in all browsers.
+ */
+
+sub,
+sup {
+    font-size: 75%;
+    line-height: 0;
+    position: relative;
+    vertical-align: baseline;
+}
+
+sup {
+    top: -0.5em;
+}
+
+sub {
+    bottom: -0.25em;
+}
+
+/* ==========================================================================
+   Embedded content
+   ========================================================================== */
+
+/**
+ * Remove border when inside `a` element in IE 8/9.
+ */
+
+img {
+    border: 0;
+}
+
+/**
+ * Correct overflow displayed oddly in IE 9.
+ */
+
+svg:not(:root) {
+    overflow: hidden;
+}
+
+/* ==========================================================================
+   Figures
+   ========================================================================== */
+
+/**
+ * Address margin not present in IE 8/9 and Safari 5.
+ */
+
+figure {
+    margin: 0;
+}
+
+/* ==========================================================================
+   Forms
+   ========================================================================== */
+
+/**
+ * Define consistent border, margin, and padding.
+ */
+
+fieldset {
+    border: 1px solid #c0c0c0;
+    margin: 0 2px;
+    padding: 0.35em 0.625em 0.75em;
+}
+
+/**
+ * 1. Correct `color` not being inherited in IE 8/9.
+ * 2. Remove padding so people aren't caught out if they zero out fieldsets.
+ */
+
+legend {
+    border: 0; /* 1 */
+    padding: 0; /* 2 */
+}
+
+/**
+ * 1. Correct font family not being inherited in all browsers.
+ * 2. Correct font size not being inherited in all browsers.
+ * 3. Address margins set differently in Firefox 4+, Safari 5, and Chrome.
+ */
+
+button,
+input,
+select,
+textarea {
+    font-family: inherit; /* 1 */
+    font-size: 100%; /* 2 */
+    margin: 0; /* 3 */
+}
+
+/**
+ * Address Firefox 4+ setting `line-height` on `input` using `!important` in
+ * the UA stylesheet.
+ */
+
+button,
+input {
+    line-height: normal;
+}
+
+/**
+ * Address inconsistent `text-transform` inheritance for `button` and `select`.
+ * All other form control elements do not inherit `text-transform` values.
+ * Correct `button` style inheritance in Chrome, Safari 5+, and IE 8+.
+ * Correct `select` style inheritance in Firefox 4+ and Opera.
+ */
+
+button,
+select {
+    text-transform: none;
+}
+
+/**
+ * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
+ *    and `video` controls.
+ * 2. Correct inability to style clickable `input` types in iOS.
+ * 3. Improve usability and consistency of cursor style between image-type
+ *    `input` and others.
+ */
+
+button,
+html input[type="button"], /* 1 */
+input[type="reset"],
+input[type="submit"] {
+    -webkit-appearance: button; /* 2 */
+    cursor: pointer; /* 3 */
+}
+
+/**
+ * Re-set default cursor for disabled elements.
+ */
+
+button[disabled],
+html input[disabled] {
+    cursor: default;
+}
+
+/**
+ * 1. Address box sizing set to `content-box` in IE 8/9.
+ * 2. Remove excess padding in IE 8/9.
+ */
+
+input[type="checkbox"],
+input[type="radio"] {
+    box-sizing: border-box; /* 1 */
+    padding: 0; /* 2 */
+}
+
+/**
+ * 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome.
+ * 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome
+ *    (include `-moz` to future-proof).
+ */
+
+input[type="search"] {
+    -webkit-appearance: textfield; /* 1 */
+    -moz-box-sizing: content-box;
+    -webkit-box-sizing: content-box; /* 2 */
+    box-sizing: content-box;
+}
+
+/**
+ * Remove inner padding and search cancel button in Safari 5 and Chrome
+ * on OS X.
+ */
+
+input[type="search"]::-webkit-search-cancel-button,
+input[type="search"]::-webkit-search-decoration {
+    -webkit-appearance: none;
+}
+
+/**
+ * Remove inner padding and border in Firefox 4+.
+ */
+
+button::-moz-focus-inner,
+input::-moz-focus-inner {
+    border: 0;
+    padding: 0;
+}
+
+/**
+ * 1. Remove default vertical scrollbar in IE 8/9.
+ * 2. Improve readability and alignment in all browsers.
+ */
+
+textarea {
+    overflow: auto; /* 1 */
+    vertical-align: top; /* 2 */
+}
+
+/* ==========================================================================
+   Tables
+   ========================================================================== */
+
+/**
+ * Remove most spacing between table cells.
+ */
+
+table {
+    border-collapse: collapse;
+    border-spacing: 0;
+}

docs/theme/css/pygment.css

@@ -1,205 +0,0 @@
-.hll {
-background-color:#eee;
-}
-.c {
-color:#408090;
-font-style:italic;
-}
-.err {
-border:1px solid #FF0000;
-}
-.k {
-color:#007020;
-font-weight:bold;
-}
-.o {
-color:#666666;
-}
-.cm {
-color:#408090;
-font-style:italic;
-}
-.cp {
-color:#007020;
-}
-.c1 {
-color:#408090;
-font-style:italic;
-}
-.cs {
-background-color:#FFF0F0;
-color:#408090;
-}
-.gd {
-color:#A00000;
-}
-.ge {
-font-style:italic;
-}
-.gr {
-color:#FF0000;
-}
-.gh {
-color:#000080;
-font-weight:bold;
-}
-.gi {
-color:#00A000;
-}
-.go {
-color:#303030;
-}
-.gp {
-color:#C65D09;
-font-weight:bold;
-}
-.gs {
-font-weight:bold;
-}
-.gu {
-color:#800080;
-font-weight:bold;
-}
-.gt {
-color:#0040D0;
-}
-.kc {
-color:#007020;
-font-weight:bold;
-}
-.kd {
-color:#007020;
-font-weight:bold;
-}
-.kn {
-color:#007020;
-font-weight:bold;
-}
-.kp {
-color:#007020;
-}
-.kr {
-color:#007020;
-font-weight:bold;
-}
-.kt {
-color:#902000;
-}
-.m {
-color:#208050;
-}
-.s {
-color:#4070A0;
-}
-.na {
-color:#4070A0;
-}
-.nb {
-color:#007020;
-}
-.nc {
-color:#0E84B5;
-font-weight:bold;
-}
-.no {
-color:#60ADD5;
-}
-.nd {
-color:#555555;
-font-weight:bold;
-}
-.ni {
-color:#D55537;
-font-weight:bold;
-}
-.ne {
-color:#007020;
-}
-.nf {
-color:#06287E;
-}
-.nl {
-color:#002070;
-font-weight:bold;
-}
-.nn {
-color:#0E84B5;
-font-weight:bold;
-}
-.nt {
-color:#062873;
-font-weight:bold;
-}
-.nv {
-color:#BB60D5;
-}
-.ow {
-color:#007020;
-font-weight:bold;
-}
-.w {
-color:#BBBBBB;
-}
-.mf {
-color:#208050;
-}
-.mh {
-color:#208050;
-}
-.mi {
-color:#208050;
-}
-.mo {
-color:#208050;
-}
-.sb {
-color:#4070A0;
-}
-.sc {
-color:#4070A0;
-}
-.sd {
-color:#4070A0;
-font-style:italic;
-}
-.s2 {
-color:#4070A0;
-}
-.se {
-color:#4070A0;
-font-weight:bold;
-}
-.sh {
-color:#4070A0;
-}
-.si {
-color:#70A0D0;
-font-style:italic;
-}
-.sx {
-color:#C65D09;
-}
-.sr {
-color:#235388;
-}
-.s1 {
-color:#4070A0;
-}
-.ss {
-color:#517918;
-}
-.bp {
-color:#007020;
-}
-.vc {
-color:#BB60D5;
-}
-.vg {
-color:#BB60D5;
-}
-.vi {
-color:#BB60D5;
-}
-.il {
-color:#208050;
-}

docs/theme/css/pygments.css

@@ -0,0 +1,70 @@
+.highlight .hll { background-color: #ffffcc }
+.highlight  { background: #002b36; color: #839496 }
+.highlight .c { color: #586e75; font-style: italic } /* Comment */
+.highlight .err { color: #dc322f } /* Error */
+.highlight .g { color: #839496 } /* Generic */
+.highlight .k { color: #859900 } /* Keyword */
+.highlight .l { color: #839496 } /* Literal */
+.highlight .n { color: #93a1a1 } /* Name */
+.highlight .o { color: #839496 } /* Operator */
+.highlight .x { color: #839496 } /* Other */
+.highlight .p { color: #839496 } /* Punctuation */
+.highlight .cm { color: #586e75; font-style: italic } /* Comment.Multiline */
+.highlight .cp { color: #586e75; font-style: italic } /* Comment.Preproc */
+.highlight .c1 { color: #586e75; font-style: italic } /* Comment.Single */
+.highlight .cs { color: #586e75; font-style: italic } /* Comment.Special */
+.highlight .gd { color: #839496 } /* Generic.Deleted */
+.highlight .ge { color: #839496 } /* Generic.Emph */
+.highlight .gr { color: #839496 } /* Generic.Error */
+.highlight .gh { color: #839496 } /* Generic.Heading */
+.highlight .gi { color: #839496 } /* Generic.Inserted */
+.highlight .go { color: #839496 } /* Generic.Output */
+.highlight .gp { color: #839496 } /* Generic.Prompt */
+.highlight .gs { color: #839496 } /* Generic.Strong */
+.highlight .gu { color: #839496 } /* Generic.Subheading */
+.highlight .gt { color: #839496 } /* Generic.Traceback */
+.highlight .kc { color: #859900 } /* Keyword.Constant */
+.highlight .kd { color: #859900 } /* Keyword.Declaration */
+.highlight .kn { color: #cb4b16 } /* Keyword.Namespace */
+.highlight .kp { color: #cb4b16 } /* Keyword.Pseudo */
+.highlight .kr { color: #859900 } /* Keyword.Reserved */
+.highlight .kt { color: #859900 } /* Keyword.Type */
+.highlight .ld { color: #839496 } /* Literal.Date */
+.highlight .m { color: #2aa198 } /* Literal.Number */
+.highlight .s { color: #2aa198 } /* Literal.String */
+.highlight .na { color: #839496 } /* Name.Attribute */
+.highlight .nb { color: #268bd2 } /* Name.Builtin */
+.highlight .nc { color: #268bd2 } /* Name.Class */
+.highlight .no { color: #b58900 } /* Name.Constant */
+.highlight .nd { color: #cb4b16 } /* Name.Decorator */
+.highlight .ni { color: #cb4b16 } /* Name.Entity */
+.highlight .ne { color: #cb4b16 } /* Name.Exception */
+.highlight .nf { color: #268bd2 } /* Name.Function */
+.highlight .nl { color: #839496 } /* Name.Label */
+.highlight .nn { color: #b58900 } /* Name.Namespace */
+.highlight .nx { color: #839496 } /* Name.Other */
+.highlight .py { color: #268bd2 } /* Name.Property */
+.highlight .nt { color: #859900 } /* Name.Tag */
+.highlight .nv { color: #cd4b16 } /* Name.Variable */
+.highlight .ow { color: #859900 } /* Operator.Word */
+.highlight .w { color: #002b36 } /* Text.Whitespace */
+.highlight .mf { color: #2aa198 } /* Literal.Number.Float */
+.highlight .mh { color: #2aa198 } /* Literal.Number.Hex */
+.highlight .mi { color: #2aa198 } /* Literal.Number.Integer */
+.highlight .mo { color: #2aa198 } /* Literal.Number.Oct */
+.highlight .sb { color: #2aa198 } /* Literal.String.Backtick */
+.highlight .sc { color: #2aa198 } /* Literal.String.Char */
+.highlight .sd { color: #2aa198 } /* Literal.String.Doc */
+.highlight .s2 { color: #2aa198 } /* Literal.String.Double */
+.highlight .se { color: #cb4b16 } /* Literal.String.Escape */
+.highlight .sh { color: #2aa198 } /* Literal.String.Heredoc */
+.highlight .si { color: #cb4b16 } /* Literal.String.Interpol */
+.highlight .sx { color: #2aa198 } /* Literal.String.Other */
+.highlight .sr { color: #2aa198 } /* Literal.String.Regex */
+.highlight .s1 { color: #2aa198 } /* Literal.String.Single */
+.highlight .ss { color: #2aa198 } /* Literal.String.Symbol */
+.highlight .bp { color: #268bd2; font-weight: bold } /* Name.Builtin.Pseudo */
+.highlight .vc { color: #268bd2 } /* Name.Variable.Class */
+.highlight .vg { color: #268bd2 } /* Name.Variable.Global */
+.highlight .vi { color: #268bd2 } /* Name.Variable.Instance */
+.highlight .il { color: #2aa198 } /* Literal.Number.Integer.Long */

docs/theme/css/reset.css

@@ -1,52 +0,0 @@
-/*
-	Name: Reset Stylesheet
-	Description: Resets browser's default CSS
-	Author: Eric Meyer
-	Author URI: http://meyerweb.com/eric/tools/css/reset/
-*/
-
-/* v1.0 | 20080212 */
-html, body, div, span, applet, object, iframe,
-h1, h2, h3, h4, h5, h6, p, blockquote, pre,
-a, abbr, acronym, address, big, cite, code,
-del, dfn, em, font, img, ins, kbd, q, s, samp,
-small, strike, strong, sub, sup, tt, var,
-b, u, i, center,
-dl, dt, dd, ol, ul, li,
-fieldset, form, label, legend,
-table, caption, tbody, tfoot, thead, tr, th, td {
-	background: transparent;
-	border: 0;
-	font-size: 100%;
-	margin: 0;
-	outline: 0;
-	padding: 0;
-	vertical-align: baseline;
-}
-
-body {line-height: 1;}
-
-ol, ul {list-style: none;}
-
-blockquote, q {quotes: none;}
-
-blockquote:before, blockquote:after,
-q:before, q:after {
-	content: '';
-	content: none;
-}
-
-/* remember to define focus styles! */
-:focus {
-	outline: 0;
-}
-
-/* remember to highlight inserts somehow! */
-ins {text-decoration: none;}
-del {text-decoration: line-through;}
-
-/* tables still need 'cellspacing="0"' in the markup */
-table {
-	border-collapse: collapse;
-	border-spacing: 0;
-}

docs/theme/css/style.css

@@ -0,0 +1,107 @@
+/* Misc */
+body {
+word-wrap:break-word;
+background: #f1f1f1;
+}
+
+ol li ul, ol li ol { 
+margin-bottom: 1.25em;
+}
+
+article {
+padding-left:1em;
+color: #444;
+}
+
+
+/* Base.html - top navigation */
+.top-bar {
+background: #f1f1f1; /* Header color */
+margin-bottom: 3em;
+margin-left: 1em;
+text-align: right;
+}
+
+.top-menu {
+background: #2BA6E3; /* Menu color */
+padding-top: 1em;
+padding-bottom: 1em;
+}
+
+.menu-button {
+color: white;
+margin-left: 1em;
+margin-right: 1em;
+text-transform: uppercase;
+}
+.menu-button:hover {
+color: #95d3f1;
+}
+
+nav {
+margin-bottom: 2em;
+}
+
+.top-bar a { color: #2BA6E3 } /* Sitename color */
+
+.translation-button {
+margin-left: 1em;
+}
+
+
+/* Base.html sidebar */
+h5.sidebar-title {
+border-bottom: 0.1em solid #eeeeee;
+margin-top: 1em;
+font-weight: bold;
+text-transform: uppercase;
+}
+
+.side-nav li a { color: #222}
+.side-nav { padding: 0.5em 0; }
+
+
+/* Index.html - posts */
+h3.article-title {
+margin-bottom: 0em; 
+color: #3A91CB;
+}
+
+
+/* Article infos | infos_bottom.html */
+.subheader { color: #aaa; margin-bottom: 1.2em; }
+a.article-info { color: #aaa; }
+
+
+/* Archives.html */
+.table-archive { border: none; }
+
+
+/* Index.html - line separator for posts */
+hr.gradient {
+    border: 0;
+    height: 1px;
+    margin-top: 3em;
+    margin-bottom: 3em;
+    background-image: -webkit-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0)); 
+    background-image:    -moz-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0)); 
+    background-image:     -ms-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0)); 
+    background-image:      -o-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0)); 
+}
+
+/* Syntax Highlighting */
+.highlight > pre {
+word-wrap: normal;
+white-space: pre;
+margin-top: 1em;
+margin-bottom: 1em;
+border: 1px solid #ccc;
+background: #073642;
+padding: 1em;
+overflow: auto;
+}
+
+ol {
+margin-left: 2em;
+}
+

docs/theme/css/typogrify.css

@@ -1,3 +0,0 @@
-.caps {font-size:.92em;}
-.amp {color:#666; font-size:1.05em;font-family:"Warnock Pro", "Goudy Old Style","Palatino","Book Antiqua",serif; font-style:italic;}    
-.dquo {margin-left:-.38em;}

docs/theme/css/wide.css

@@ -1,48 +0,0 @@
-@import url("main.css");
-
-body {
-    font:1.3em/1.3 "Hoefler Text","Georgia",Georgia,serif,sans-serif;
-}
-
-.post-info{
-    display: none;
-}
-
-#banner nav {
-    display: none;
-    -moz-border-radius: 0px;
-    margin-bottom: 20px;
-    overflow: hidden;
-    font-size: 1em;
-    background: #F5F4EF;
-}
-
-#banner nav ul{
-    padding-right: 50px;
-}
-
-#banner nav li{
-    float: right;
-    color: #000;
-}
-
-#banner nav li a {
-    color: #000;
-}
-
-#banner h1 {
-    margin-bottom: -18px;
-}
-
-#featured, #extras {
-    padding: 50px;
-}
-
-#featured {
-    padding-top: 20px;
-}
-
-#extras {
-    padding-top: 0px;
-    padding-bottom: 0px;
-}

pelicanconf.py

@@ -4,7 +4,7 @@ from __future__ import unicode_literals
 
 AUTHOR = u'Opensource Game Studio'
 SITENAME = u'Opensource Game Studio'
-SITEURL = ''
+SITEURL = 'http://localhost:8000'
 
 PATH = 'content'
 
@@ -90,7 +90,7 @@ ARTICLE_PATHS = ['articles']
 #THEME="/home/kornerr/p/pelican-themes/zurb-F5-basic"
 
 # Fully functional.
-THEME="/home/kornerr/p/pelican-themes/tuxlite_zf"
+THEME="/home/kornerr/p/ogstudio-pelican-theme"
 
 
 SHARE_BUTTONS = ['twitter']