Added the tentacles

game/begin.coffee

@@ -90,6 +90,10 @@ salet.init = () ->
   @character.displayAll = false
   @character.take(cloak)
   @character.update_sidebar = () ->
+    if @has('cloak')
+      $("#tentacles").show()
+    else
+      $("#tentacles").hide()
     $(".objects").empty()
     for obj in document.querySelectorAll(".objects")
       for u in salet.here().units

game/translations/en.cson

@@ -7,7 +7,6 @@ start: """
 
   ### Cloak of Darkness
   #### A basic IF demonstration
-  ##### Roger Firth, remade in Salet by Alexander Yakovlev
 """
 foyer: """
   You are standing in a spacious hall, splendidly decorated in red
@@ -16,17 +15,27 @@ foyer: """
   [south](bar) and [west.](cloakroom)
 """
 credits: """
-  The game uses these icons from [game-icons.net](http://www.game-icons.net):
+  [The original game](http://www.firthworks.com/roger/cloak/) was written by Roger Firth.
 
-  * White book by [Willdabeast,](http://wjbstories.blogspot.com/) CC-BY 3.0
+  This version is built by Alexander Yakovlev with Salet.
-  * Light backpack by [Delapouite,](http://delapouite.com/) CC-BY 3.0
+
-  * Compass by [Lorc,](http://lorcblog.blogspot.com/) CC-BY 3.0
+  The illustration is by Daria Filippova.
+
+  The source code for this version is [here.](https://gitlab.com/Oreolek/cloak-salet)
+
+  The game uses these icons from [game-icons.net](http://www.game-icons.net), all CC-BY 3.0:
+
+  * White book by [Willdabeast,](http://wjbstories.blogspot.com/)
+  * Light backpack by [Delapouite,](http://delapouite.com/)
+  * Compass by [Lorc,](http://lorcblog.blogspot.com/)
+  * Suckered tentacle by Lorc
+  * Tentacurl by Lorc
+  * Interlaced tentacles by Lorc
+  * Tentacle strike by Lorc
+  * Curled tentacle by Lorc
 
   The game uses Salet library. Salet code is licensed by MIT license,
   see list of contributors [here.](https://gitlab.com/Oreolek/salet-module#list-of-contributors)
-
-  And again, [the original game](http://www.firthworks.com/roger/cloak/) was written by Roger Firth. 
-  The source code for this version is [here.](https://gitlab.com/Oreolek/cloak-salet)
 """
 entrance: """
   You've only just arrived, and besides, the weather outside seems to be getting worse.

game/translations/ru.cson

@@ -7,7 +7,6 @@ start: """
 
   ### Плащ Тьмы
   #### Базовая демонстрация IF
-  ##### Roger Firth, версия на Salet - Александр Яковлев
 """
 foyer: """
   Вы стоите в центре просторного холла, роскошно декорированного
@@ -16,6 +15,16 @@ foyer: """
   Вход с улицы смотрит на [север](entrance), две другие двери ведут в [южном](bar) и [западном](cloakroom) направлении.
 """
 credits: """
+  [Оригинальная игра](http://www.firthworks.com/roger/cloak/) была
+  написана Роджером Фиртом.
+
+  Эта версия написана Александром Яковлевым на движке Salet.
+  Текст опирается на перевод Дениса Гаева.
+
+  Иллюстрация: Дарья Филиппова
+
+  Исходный код этой версии доступен [здесь.](https://gitlab.com/Oreolek/cloak-salet)
+
   Игра использует эти иконки с сайта [game-icons.net](http://www.game-icons.net):
 
   * White book by [Willdabeast,](http://wjbstories.blogspot.com/) CC-BY 3.0
@@ -24,12 +33,6 @@ credits: """
 
   Игра использует библиотеку Salet. Код Salet лицензирован согласно лицензии MIT,
   список авторов библиотеки доступен [по ссылке.](https://gitlab.com/Oreolek/salet-module#list-of-contributors)
-
-  Опять же, [оригинальная игра](http://www.firthworks.com/roger/cloak/) была
-  написана Роджером Фиртом.
-  Данная версия опирается на перевод Дениса Гаева.
-
-  Исходный код этой версии доступен [здесь.](https://gitlab.com/Oreolek/cloak-salet)
 """
 entrance: """
   Вы только пришли сюда. К тому же, погода снаружи заметно ухудшается.
@@ -77,7 +80,7 @@ wear_darkness: "Это уже надето на вас, между прочим.
 dark: "Слоняться в кромешной тьме – не самая лучшая идея."
 drop_cloak: "Это не самое лучшее место, чтобы оставлять на полу особенный плащ."
 hang_cloak: "Вы оставляете свой вельветовый плащ на крючке."
-wear_cloak: "You take the cloak from the hook and wear it."
+wear_cloak: "Вы снимаете плащ с крючка и надеваете его."
 take_cloak: "Вы берёте плащ с крючка."
 night: "Ночной режим"
 multiplayer: "Режим мультиплеера"

html/en.html

@@ -26,7 +26,7 @@
   <body>
     <div id="page">
       <div class="container">
-        <div class="row">
+        <div class="ways_wrapper">
           <div class='ways'>
             <ul class="nav nav-pills" id="ways">
             </ul>

html/index.html

@@ -41,7 +41,7 @@
           </div>
         </div>
         <div class="halfcol text-center">
-          <img src="img/poster.png" class="responsive">
+          <img src="img/poster.png">
         </div>
       </div>
     </div> <!-- End of div.page -->

html/ru.html

@@ -26,7 +26,7 @@
   <body>
     <div id="page">
       <div class="container">
-        <div class="row">
+        <div class="ways_wrapper">
           <div class='ways'>
             <ul class="nav nav-pills" id="ways">
             </ul>
@@ -72,6 +72,14 @@
         </div>
       </div>
     </div> <!-- End of div.page -->
+    <div id="tentacles">
+      <div class="right">
+        <img src="img/tentacurl.png">
+      </div>
+      <div class="left">
+        <img src="img/tentacurl.png">
+      </div>
+    </div>
 
     <!-- CDN JS Libraries -->
     <script src="https://cdnjs.cloudflare.com/ajax/libs/marked/0.3.5/marked.min.js"></script>

sass/main.scss

@@ -21,7 +21,7 @@ body {
   // border-width: 81px 103px 77px 66px;
   // border-image: url(../img/border.png) 81 103 77 66 repeat;
 }
-#ways_wrapper {
+.ways_wrapper {
   @include make-row();
 }
 #ways {
@@ -187,6 +187,9 @@ hr {
     @include make-col(6);
   }
   text-align: center;
+  img {
+    max-width: 100%;
+  }
 }
 .centercol {
   padding-top: $font-size-base * 5;
@@ -195,3 +198,25 @@ hr {
   margin-top: $font-size-base * 1.5;
   margin-bottom: $font-size-base * 1.5;
 }
+#tentacles {
+  @media(max-width: 580px) {
+    display: none;
+  }
+  position: absolute;
+  z-index: -10;
+  width: 100%;
+  height: 100%;
+  top: 40%;
+  .right {
+    position: absolute;
+    right: 0;
+  }
+  .left {
+    position: absolute;
+    left: 0;
+    transform: rotate(180deg);
+  }
+  img {
+    width: $font-size-base * 3;
+  }
+}