created interface description page

index.html

@@ -52,52 +52,8 @@
 
           <section>
               <h1>Документация</h1>
-              <h2>Добавление звездной системы</h2>
-              <p>Для добавления новой системы необходимо:</p>
-              <ol>
-                  <li>Выбрать в меню <strong>Правка</strong> пункт <strong>Добавить систему</strong></li>
-                  <li>Выбрать 6 систем - ориентиров, на основе которых будут определятся координаты системы</li>
-                  <li>Ввести название системы в колонку <strong>Системы</strong> и занести рассояния от добавлямой системы до систем-ориентиров</li>
-                  <li>Нажать кнопку расчета координат <img src="images/screens/btnCompute.png"/></li>
-                  <li>Проверить полученные координаты на корректность, если координаты явно лежат в другой области галактической карты, то
-                      поменять одну систему-ориентир на другую и повторить расчет</li>
-                  <li>Нажать кнопку <strong>Сохранить</strong></li>
-              </ol>
-              <img src="images/screens/systemEdit.png" title="Добавление системы"/>
-
-              <hr>
-              <h2>Добавление/Редактирование станции</h2>
-              <p>Для добавления новой станции, либо редактирования уже добавленной, необходимо:</p>
-              <ol>
-                  <li>На вкладке <strong>Системы</strong> выбрать систему, в которой находится станция.</li>
-                  <li>Выбрать редактируемую станцию, нажав кнопку с ее названием.</li>
-                  <li>Выбрать в меню <strong>Правка</strong> пункт <strong>Редактировать станцию</strong>, либо <strong>Добавить станцию</strong></li>
-                  <li>В открывшемся окне заполнить необходимые поля</li>
-                  <li>Нажать кнопку <strong>Сохранить</strong></li>
-              </ol>
-              <img src="images/screens/stationEdit.png" title="Редактирование станции"/>
-
-              <hr>
-              <h2>Настройка фильтра</h2>
-              <p>Для настройки фильтрации при поиске лучших маршрутов и продавцов товаров, необходимо:</p>
-              <ol>
-                  <li>Выбрать в меню <strong>Настройки</strong> пункт <strong>Фильтр</strong></li>
-                  <li>Заполнить необходимые параметры:
-                      <dl>
-                          <dt>Центр и радиус -</dt>
-                          <dd>системы, находящиеся за пределом сферы, c заданным центром и радиусом, будут исключены из анализа</dd>
-                          <dt>Дистанция до станции -</dt>
-                          <dd>станции, находящиеся на дистанции, превышающей заданную дистанцию, будут исключены из анализа</dd>
-                          <dt>Сервисы -</dt>
-                          <dd>в анализ будут включены только станции с заданными сервисами. Если ни один сервис не выбран,
-                              то данный параметр не учитывается</dd>
-                          <dt>Исключаемые станции -</dt>
-                          <dd>список конкретных станций, исключаемых из анализа</dd>
-                      </dl>
-                  </li>
-                  <li>Нажать кнопку <strong>Сохранить</strong></li>
-              </ol>
-              <img src="images/screens/filter.png" title="Настройка фильтрации"/>
+              <h3><a href="interface.html">Описание интерфейса</a></h3>
+              <h3><a href="gettingStart.html">Начало работы</a></h3>
 
               <hr>
               <h2>Импорт данных с сайта <a href="http://www.davek.com.au/td">Maddavo's Market Share</a></h2>
@@ -121,12 +77,11 @@
           <section>
               <h1>Скриншоты</h1>
               <p>
-                  <a href="images/screens/items.png"><img src="images/screens/thumbs/items.png" width="800" title="Список товаров"/></a>
-                  <a href="images/screens/systems.png"><img src="images/screens/thumbs/systems.png" width="800" title="Системы и станции"/></a>
-                  <a href="images/screens/routes.png"><img src="images/screens/thumbs/routes.png" width="800" title="Маршруты"/></a>
-                  <a href="images/screens/search.png"><img src="images/screens/thumbs/search.png" width="800" title="Поиск"/></a>
-                  <a href="images/screens/addOrder.png"><img src="images/screens/thumbs/addorder.png" width="783" title="Выбор заказа"/></a>
-                  <a href="images/screens/addRoute.png"><img src="images/screens/thumbs/addroute.png" width="800" title="Выбор маршрута"/></a>
+                  <a href="images/screens/items.png"><img src="images/screens/items.png" title="Список товаров"/></a>
+                  <a href="images/screens/systems.png"><img src="images/screens/systems.png" title="Системы и станции"/></a>
+                  <a href="images/screens/routes.png"><img src="images/screens/routes.png" title="Маршруты"/></a>
+                  <a href="images/screens/route.png"><img src="images/screens/route.png" title="Текущий маршрут"/></a>
+                  <a href="images/screens/helper.png"><img src="images/screens/helper.png" title="Помощник"/></a>
               </p>
           </section>
 

interface.html

@@ -0,0 +1,78 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <meta charset='utf-8'>
+    <meta http-equiv="X-UA-Compatible" content="chrome=1">
+    <link href='https://fonts.googleapis.com/css?family=Chivo:900' rel='stylesheet' type='text/css'>
+    <link rel="stylesheet" type="text/css" href="stylesheets/stylesheet.css" media="screen">
+    <link rel="stylesheet" type="text/css" href="stylesheets/pygment_trac.css" media="screen">
+    <link rel="stylesheet" type="text/css" href="stylesheets/print.css" media="print">
+    <!--[if lt IE 9]>
+    <script src="//html5shiv.googlecode.com/svn/trunk/html5.js"></script>
+    <![endif]-->
+    <title>Trader by iMoHax</title>
+  </head>
+
+  <body>
+    <div id="container">
+      <div class="inner">
+
+        <section>
+            <h1>Описание интерфейса</h1>
+
+            <p>
+                Панель профиля<br/>
+                <a href="images/interface/main.png"><img src="images/interface/main.png" alt="Панель профиля"></a>
+            </p>
+            <p>
+                Панель корабля<br/>
+                <a href="images/interface/ship_panel.png"><img src="images/interface/ship_panel.png" alt="Панель корабля"></a>
+            </p>
+            <p>
+                Системы и станции<br/>
+                <a href="images/interface/systems.png"><img src="images/interface/systems.png" alt="Вкладка системы"></a>
+            </p>
+            <p>
+                Поиск маршрута<br/>
+                <a href="images/interface/routes.png"><img src="images/interface/routes.png" alt="Вкладка маршруты"></a>
+            </p>
+            <p>
+                Поиск станции<br/>
+                <a href="images/interface/search.png"><img src="images/interface/search.png" alt="Вкладка поиск"></a>
+            </p>
+            <p>
+                Текущий маршрут<br/>
+                <a href="images/interface/route.png"><img src="images/interface/route.png" alt="Вкладка текущий маршрут"></a>
+            </p>
+            <p>
+                Окно помощника<br/>
+                <a href="images/interface/helper.png"><img src="images/interface/helper.png" alt="Окно помощника"></a>
+            </p>
+            <p>
+                Натройка фильтра<br/>
+                <a href="images/interface/filter.png"><img src="images/interface/filter.png" alt="Окно настройки фильтра"></a>
+            </p>
+            <p>
+                Натройка рыночного фильтра<br/>
+                <a href="images/interface/vFilter.png"><img src="images/interface/vFilter.png" alt="Окно настройки рыночного фильтра"></a>
+            </p>
+            <p>
+                Редактор системы<br/>
+                <a href="images/interface/sEditor.png"><img src="images/interface/sEditor.png" alt="Окно редактора системы"></a>
+            </p>
+            <p>
+                Редактор станции<br/>
+                <a href="images/interface/vEditor.png"><img src="images/interface/vEditor.png" alt="Окно редактора станции"></a>
+            </p>
+        </section>
+
+        <footer>
+          Trader is maintained by <a href="https://github.com/iMoHax">iMoHax</a><br>
+          This page was generated by <a href="http://pages.github.com">GitHub Pages</a>. Tactile theme by <a href="https://twitter.com/jasonlong">Jason Long</a>.
+        </footer>
+
+        
+      </div>
+    </div>
+  </body>
+</html>