Style and more text

game/begin.coffee

@@ -13,10 +13,15 @@ actlink = (content, ref) ->
 
 croom = (name, spec) ->
   spec.clear = false
+  spec.color ?= 'green'
   spec.optionText ?= """
-    <div class="title">#{spec.title}</div>
-    <div class="subtitle">#{spec.subtitle}</div>
+    <div class="#{spec.color}">
+      <div class="title">#{spec.title}</div>
+      <div class="subtitle">#{spec.subtitle}</div>
+    </div>
   """
+  spec.canView ?= () ->
+    return not salet.isVisited(@name)
   if spec.onexit
     spec.exit = () ->
       salet.view.write('<span class="shake">'+@onexit+'</span>')

game/story.coffee

@@ -10,15 +10,80 @@ croom "start",
   choices: "#start"
 
 croom "choicea",
-  title: "Направо"
-  subtitle: "А вдруг?"
+  title: "Поговорить с командой"
+  subtitle: "Вы вместе уже несколько месяцев. Что они думают?"
   tags: ["start"]
-  dsc: "Нтст"
+  choices: "#start"
+  dsc: """
+    Команда дружно молчит на вас.
+
+    Ваш медик и инженер молчат особым образом. Вы видите, что они очень, очень расстроенны вашими поступками.
+
+    Вы не помните, что и когда сделали, но они дуются уже больше месяца.
+  """
 
 croom "guide",
   title: "Прочитать брошюру"
   subtitle: "Какая-то она тоненькая…"
   tags: ["start"]
+  choices: "#start"
   dsc: """
-    В брошюре всего три странички.
+    Брошюра написана одним из предыдущих капитанов, которые пролетали через этот сектор.
+    
+    В ней всего три странички. Вы знаете её наизусть. Вы ненавидите автора.
+  """
+
+croom "bazaar",
+  title: "Купить безделушек"
+  subtitle: "Нет ничего прекраснее космического <em>базара.</em>"
+  tags: ["start"]
+  choices: "#start"
+  dsc: """
+    Вы обходите базар. Неужели на всей планете всего шесть мало-мальски стоящих товаров?
+    И это -- индустриальный центр сектора?
+
+    А, что себя обманывать. Все эти товары всё равно отберут пираты.
+  """
+
+croom "sell",
+  title: "Продать безделушки"
+  subtitle: "Мы тащим эти ящики уже четвёртый сектор"
+  tags: ["start"]
+  choices: "#start"
+  dsc: """
+    Вы оцениваете товары на борту.
+
+    Этот дешёвый ром вы таскаете с собой уже четвёртый сектор.
+    Даже если его продать, вы выручите вдвое меньше его стоимости.
+
+    Как назло, на этой планете ценят статуэтки.
+    Когда вы сюда летели, у вас была одна, но на орбите полно дрянных пиратов.
+  """
+
+croom "scholars",
+  title: "Поговорить с учёными"
+  subtitle: "К вам подходит делегация местного университета…"
+  color: "yellow"
+  canView: () ->
+    if salet.isVisited('sell') and salet.isVisited('bazaar') and salet.isVisited('guide') and not salet.isVisited(@name)
+      return true
+    false
+  tags: ["start"]
+  choices: "#start"
+  dsc: """
+    Каким-то немыслимым образом после разговора с делегацией университета
+    вы обнаруживаете себя пристёгнутым в кресле.
+    На вашей голове прочно сидит шлем, из которого торчат провода, а сквозь вашу руку
+    проткнут длинный штырь.
+    Вам не больно, но эти лаборанты выглядят так, как будто они ещё не начали.
+
+    Ой. Похоже, что и правда эксперимент только начинается.
+    Вам говорят, что ничего страшного не случится.
+    Просто ваш мозгом будет соединён с другим, большим разумом.
+    Всё равно что жить с двумя сознаниями.
+
+    Вы не помните деталей, но через два дня вам говорят, что эксперимент закончен.
+
+    Вы видите сны о том, как Великий Разум смотрит сон.
+    Вам не нравится чужой сон.
   """

sass/main.scss

@@ -46,7 +46,7 @@ body {
     margin-bottom: 0.7em;
     list-style-type: none;
     li {
-      padding: 1em;
+      margin-top: 0.5em;
     }
     li:hover {
       cursor: pointer;
@@ -70,15 +70,25 @@ ul.options {
       text-shadow: 0 0 5px #ddd, 0 0 10px #ddd, 0 0 15px #228DFF;
       font-weight: 300;
     }
-    .subtitle {
-      color: grey;
-    }
     a:hover {
       text-decoration: none;
     }
-    border: 2px solid #0f9099;
-    border-radius: 5px;
-    background: linear-gradient(to bottom, rgba(45, 149, 181, 0.6) 0%, rgba(54, 77, 92, 0.6) 100%);
+    .subtitle {
+      color: white;
+      text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
+    }
+    .green {
+      padding: 1em;
+      border-radius: 5px;
+      border: 2px solid #0f9099;
+      background: linear-gradient(to bottom, rgba(45, 149, 181, 0.6) 0%, rgba(54, 77, 92, 0.6) 100%);
+    }
+    .yellow {
+      padding: 1em;
+      border-radius: 5px;
+      border: 2px solid #ffb700;
+      background: linear-gradient(to bottom, rgba(252,234,187, 0.6) 0%, rgba(255,183,0,0.6) 100%);
+    }
   }
   li:hover {
     background-color: rgba(153,136,119,0.2);