Ukrainian translation for general strings and Main levels.

Fix css for bottom right panel to fit a new language.

src/levels/intro/merging.js

@@ -11,7 +11,8 @@ exports.level = {
     "ja"　　　: "ブランチとマージ",
     "zh_CN": "分支与合并",
     "zh_TW": "git 中的 merge",
-    "ru_RU": "Слияния веток в Git"
+    "ru_RU": "Слияния веток в Git",
+    "uk": "Злиття гілок в Git"
   },
   "hint": {
     "en_US": "Remember to commit in the order specified (bugFix before master)",
@@ -23,7 +24,8 @@ exports.level = {
     "zh_CN": "记住按指定的顺序提交（bugFix先于master）",
     "zh_TW": "記住按指定的順序 commit（bugFix 比 master 優先）",
     "ko": "말씀드린 순서대로 커밋해주세요 (bugFix에 먼저 커밋하고 master에 커밋)",
-    "ru_RU": "Не забудь делать коммиты в правильном порядке (сначала bugFix, потом master)"
+    "ru_RU": "Не забудь делать коммиты в правильном порядке (сначала bugFix, потом master)",
+    "uk": "Не забудь робити коміти в правильному порядку (спочатку bugFix, а вже потім master)"
   },
   "disabledMap": {
     "git revert": true
@@ -718,6 +720,75 @@ exports.level = {
           }
         }
       ]
+    },
+    "uk": {
+      "childViews": [
+        {
+          "type": "ModalAlert",
+          "options": {
+            "markdowns": [
+              "## Гілки та їх Злиття",
+              "",
+              "Чудово! Ми знаємо як комітити та створювати гілки. Тепер потрібно навчитися в якийсь спосіб поєднувати інфу з двох чи більше гілок. Це дозволить нам відгілкуватись, зробити нову фічу, й потім інтегрувати її взад.",
+              "",
+              "Перший спосіб об’єднувати робочу інфу з яким ми розберемось це `git merge`. Команда merge (злити) в Git створює спеціяльний коміт який має двох унікальних батьків. Здорова сім’я прям. Коміт з двома батьками в приниципі просто значить що в нього включена інфа з обох батьків і всіх їх попередників.",
+              "",
+              "Це простіше сприймається візуально, тому розберемо це в наступному слайді"
+            ]
+          }
+        },
+        {
+          "type": "GitDemonstrationView",
+          "options": {
+            "beforeMarkdowns": [
+              "Тут ми маємо дві гілки; кожна з них містить унікальний коміт. Це означає що жодна з них не містить повного набору \"робочої інфи\" в цьому репозиторії. Давайте зіллємо всю інфу до купи за допомогою merge.",
+              "",
+              "Ми `змержимо` гілку `bugFix` в `master`"
+            ],
+            "afterMarkdowns": [
+              "Нічосі! Ви то виділи? По-перше, `master` тепер вказує на коміт з двома батьками. Якщо ти піднімешся вверх з цього коміту по дереву, починаючи з `master`, на шляху ти зустрінеш кожен коміт аж до кореневого. Це означає що гілка `master` тепер містить всю інфу в цьому репозиторії.",
+              "",
+              "А ти помітив як змінилися кольори комітів? Для кращого розуміння процесу я додав певну кольорову диференціацію. Кожен бранч виділено окремим кольором. Колір кожного коміту це суміш кольорів всіх гілок що місять цей коміт.",
+              "",
+              "Тож ми бачимо що колір гілки `master` містять всі коміти, але не колір `bugFix`. Давайте виправимо це..."
+            ],
+            "command": "git merge bugFix",
+            "beforeCommand": "git checkout -b bugFix; git commit; git checkout master; git commit"
+          }
+        },
+        {
+          "type": "GitDemonstrationView",
+          "options": {
+            "beforeMarkdowns": [
+              "Давай змержимо `master` в `bugFix`:"
+            ],
+            "afterMarkdowns": [
+              "Так як `bugFix` є нащадком `master`, git'у непотрібно нічого робити; він просто пересунув `bugFix` на тей самий коміт, на якому знаходиться `master`.",
+              "",
+              "Тепер всі коміти одного кольору, що означає що кожен бранч включає в собі всю корисну інфу яка є в цьому репозиторії! Ура!"
+            ],
+            "command": "git checkout bugFix; git merge master",
+            "beforeCommand": "git checkout -b bugFix; git commit; git checkout master; git commit; git merge bugFix"
+          }
+        },
+        {
+          "type": "ModalAlert",
+          "options": {
+            "markdowns": [
+              "Щоб пройти цей рівень виконай наступні кроки:",
+              "",
+              "* Зроби нову гілку (branch) з назвою `bugFix`",
+              "* Перейди на кілку `bugFix` за допомогою `git checkout bugFix`",
+              "* Зроби один коміт",
+              "* Повернись до `master` за допомогою `git checkout`",
+              "* Зроби ще один коміт",
+              "* Змерджи (злий) гілку `bugFix` в `master` за допомогою `git merge`",
+              "",
+              "*Не забувай, ти можеш завжди повернутися до цього діалогу за допомогою \"objective\"!*"
+            ]
+          }
+        }
+      ]
     }
   }
 };