Browse Source

страница интро, более детальная навигация по категориям

kpmy 8 years ago
parent
commit
c3436159f0

+ 8 - 8
bower.json

@@ -18,13 +18,13 @@
   "dependencies": {
     "angular": "1.5.8",
     "angular-ui-router": "0.3.1",
-    "angular-material": "^1.1.1",
-    "angular-material-icons": "^0.7.1",
-    "angular-messages": "^1.5.8",
-    "material-design-icons": "^3.0.1",
-    "underscore": "^1.8.3",
-    "roboto-fontface": "^0.6.0",
-    "d3-cloud-ng": "^0.9.6",
-    "angular-sanitize": "^1.5.8"
+    "angular-material": "1.1.1",
+    "angular-material-icons": "0.7.1",
+    "angular-messages": "1.5.8",
+    "material-design-icons": "3.0.1",
+    "underscore": "1.8.3",
+    "roboto-fontface": "0.6.0",
+    "d3-cloud-ng": "0.9.6",
+    "angular-sanitize": "1.5.8"
   }
 }

+ 45 - 0
components/intro/intro.html

@@ -0,0 +1,45 @@
+<div layout="column">
+    <navbar></navbar>
+    <md-content>
+        <md-card>
+            <md-card-header>
+                <md-card-header-text>
+                    <span class="md-headline">Диалектическая логика</span>
+                    <span class="md-subhead">Введение</span>
+                </md-card-header-text>
+                <md-card-content>
+                    <p>Логика рассматривает мышление как таковое. Логику можно назвать наукой об определениях
+                        мышления. Процедура логического познания содержит в себе три взаимосвязанных
+                        момента:
+                    <ul>
+                        <li><strong>рефлексию</strong> или момент рассудочного мышления</li>
+                        <li><strong>диалектику</strong> или момент
+                            отрицательно-разумного мышления
+                        </li>
+                        <li><strong>спекуляцию</strong> или момент положительно-разумного
+                            мышления
+                        </li>
+                    </ul>
+                    </p>
+                    <p>Основные принципы диалектического мышления:</p>
+                    <ul>
+                        <li>продвижение от абстрактного к конкретному</li>
+                        <li>группировка категорий по этапам познания</li>
+                        <li>единство противоположных категорий в третьей категории</li>
+                        <li>совпадение логической последовательности категорий с исторической последовательностью их
+                            открытия
+                        </li>
+                    </ul>
+                    <p>Всем этим мышление человека занимается ежедневно, но не обращает на это внимание,
+                        подобно тому, как в своей разговорной речи человек мало думает о грамматике языка, но,
+                        тем не менее, в общих чертах соблюдает её. &laquo;Грамматика мышления&raquo; является общей для
+                        всех людей.</p>
+                </md-card-content>
+            </md-card-header>
+            <md-card-actions layout="row" layout-align="end center">
+                <md-button class="md-primary md-raised" ng-click="gotoWizard()">НАЧАТЬ</md-button>
+            </md-card-actions>
+        </md-card>
+    </md-content>
+    <fabbar></fabbar>
+</div>

+ 10 - 0
components/intro/intro.js

@@ -0,0 +1,10 @@
+/**
+ * Created by petry_000 on 15.11.2016.
+ */
+angular.module('SolvIn')
+    .controller('IndexController', function ($scope, $state) {
+    
+        $scope.gotoWizard = function () {
+            $state.go('wizard')
+        };
+    });

+ 5 - 4
components/nav/fab.html

@@ -6,15 +6,16 @@
 <md-fab-toolbar md-open="fab.open" md-direction="left" class="md-fab-bottom-right">
     <md-fab-trigger class="align-with-text">
         <md-button aria-label="menu" class="md-fab md-primary">
-            <md-icon md-svg-src="action:ic_copyright_24px"></md-icon>
+            <md-icon md-svg-src="toggle:ic_star_border_24px"></md-icon>
         </md-button>
     </md-fab-trigger>
 
     <md-toolbar layout="row" layout-align="center center">
-        <md-fab-actions>
-            <span class="copyright">kpmy © 2016. Использованы материалы М.В. Попова.</span>
+        <md-fab-actions class="md-toolbar-tools">
+            <span class="copyright">kpmy © 2016. Использованы материалы М.В. Попова и С.Н. Труфанова</span>
+            <md-button class="md-raised" ng-click="gotoIntro()">НАЧАЛО</md-button>
         </md-fab-actions>
-        <!-- class="md-toolbar-tools">
+        <!-- >
         <md-button aria-label="comment" class="md-icon-button">
             <md-icon md-svg-src="img/icons/ic_comment_24px.svg"></md-icon>
         </md-button>

+ 24 - 10
components/nav/nav.html

@@ -4,10 +4,12 @@
     }
 </style>
 <md-toolbar layout="row" layout-align="start center">
-    <md-button class="md-icon-button" aria-label="navi" ng-click="toggleNav('left-nav')">
+    <md-button class="md-icon-button" aria-label="navi"
+               ng-click="_.isObject(navi) ? toggleNav('left-nav') : gotoWizard()">
         <md-icon md-svg-icon="action:ic_fingerprint_24px"></md-icon>
     </md-button>
-    <div flex="45"><h3 ng-click="navi.showStep(0)" class="header">НАУКА ЛОГИКИ В КАРТИНКАХ</h3></div>
+    <div flex="45"><h3 ng-click="_.isObject(navi) ? navi.showStep(0) : gotoWizard()" class="header">НАУКА ЛОГИКИ В
+        КАРТИНКАХ</h3></div>
     <div flex="20"><h3>{{navi.step.name.toUpperCase()}}</h3></div>
     <div flex></div>
     <md-button aria-label="Back" ng-click="navi.showPrevStep()" ng-if="navi.hasPrevStep()">
@@ -21,12 +23,12 @@
         <md-tooltip>{{navi.steps[navi.stepIdx() + 1].name}}</md-tooltip>
     </md-button>
 </md-toolbar>
-<md-progress-linear md-mode="determinate"
+<md-progress-linear ng-if="_.isObject(navi)" md-mode="determinate"
                     ng-value="100 * ((navi.stepIdx()+1) / navi.totalSteps())"></md-progress-linear>
 <div layout="row" layout-align="end center">
     <md-subheader><em>{{phrase()}}</em></md-subheader>
 </div>
-<md-sidenav class="md-sidenav-left" md-component-id="left-nav">
+<md-sidenav class="md-sidenav-left" md-component-id="left-nav" ng-if="_.isObject(navi)">
     <md-toolbar layout="row" layout-align="start center">
         <md-button class="md-icon-button" aria-label="navi" ng-click="toggleNav('left-nav')">
             <md-icon md-svg-icon="hardware:ic_keyboard_arrow_left_24px"></md-icon>
@@ -35,12 +37,24 @@
     </md-toolbar>
     <md-content>
         <md-list>
-            <md-list-item ng-repeat="(i, step) in navi.steps" ng-click="navi.showStep(i) + toggleNav('left-nav')">
-                <div layout="row" class="md-list-item-text">
-                    <md-icon md-svg-icon="action:ic_timeline_24px" style="padding-right: 0.3em"></md-icon>
-                    <p>{{step.name}}</p>
-                </div>
-            </md-list-item>
+            <section ng-repeat="(i, step) in navi.steps">
+                <md-list-item ng-click="navi.showStep(i) + toggleNav('left-nav')">
+                    <div layout="row" class="md-list-item-text">
+                        <md-icon md-svg-icon="action:ic_timeline_24px" style="padding-right: 0.3em"></md-icon>
+                        <md-icon class="md-secondary" md-svg-icon="image:ic_remove_red_eye_24px"
+                                 style="padding-right: 0.3em" ng-if="_.isEqual(navi.stepIdx(), i)"></md-icon>
+                        <p>{{step.name}}</p>
+                    </div>
+                </md-list-item>
+                <md-list-item ng-repeat="sub in step.subs" ng-if="!_.isEmpty(step.subs)"
+                              ng-click="navi.showStep(i) + toggleNav('left-nav')">
+                    <div layout="row" class="md-list-item-text" style="margin-left: 1em;">
+                        <md-icon md-svg-icon="editor:ic_show_chart_24px" style="padding-right: 0.3em"></md-icon>
+                        <p>{{sub}}</p>
+                    </div>
+                </md-list-item>
+                <md-divider></md-divider>
+            </section>
         </md-list>
     </md-content>
 </md-sidenav>

+ 5 - 1
components/nav/nav.js

@@ -33,9 +33,13 @@ angular.module('SolvIn')
         return {
             restrict: 'E',
             templateUrl: 'components/nav/fab.html',
-            controller: function ($scope) {
+            controller: function ($scope, $state) {
                 $scope.fab = {
                     open: false
+                };
+                
+                $scope.gotoIntro = function () {
+                    $state.go('intro')
                 }
             }
         }

+ 7 - 1
components/route.js

@@ -10,11 +10,17 @@ angular.module('SolvIn')
                 controller: 'WizardController',
                 templateUrl: 'components/wizard/wizard.html'
             })
+            .state({
+                name: 'intro',
+                url: '/',
+                controller: 'IndexController',
+                templateUrl: 'components/intro/intro.html'
+            })
             .state({
                 name: 'otherwise',
                 url: '*path',
                 controller: function ($state) {
-                    $state.go('wizard');
+                    $state.go('intro');
                 }
             });
     });

+ 34 - 25
components/wizard/wizard-category.js

@@ -15,10 +15,10 @@ angular.module('SolvIn')
             description: `Самое простое бытие, то есть бытие без всякой дальнейшей определённости, абстракция.`
         }, {
             title: 'Оно есть',
-            description: `Кроме того, что <em>чистое&nbsp;бытие</em> есть, <em>ничего</em> о нём сказать нельзя.`
+            description: `Кроме того, что <strong>чистое&nbsp;бытие</strong> есть, <strong>ничего</strong> о нём сказать нельзя.`
         }, {
             title: `Слово о ничто`,
-            description: `Если о чистом бытии более нельзя сказать ничего, то как это <em>ничего</em> назвать?`,
+            description: `Если о чистом бытии более нельзя сказать ничего, то как это <strong>ничего</strong> назвать?`,
             actions: [{name: 'Ничто', value: `PureNothing`}]
         }]
     })
@@ -28,16 +28,16 @@ angular.module('SolvIn')
         words: ['чистое', 'ничто'],
         facts: [{
             title: 'Чистое ничто',
-            description: 'Ничто чистого бытия, абстракции, есть абстрактное, <em>чистое&nbsp;ничто</em>.'
+            description: 'Ничто чистого бытия, абстракции, есть абстрактное, <strong>чистое&nbsp;ничто</strong>.'
         }, {
             title: 'Переход',
-            description: `Обсуждая понятие <em>чистое&nbsp;бытие</em> диалектически перешли к понятию <em>чистое&nbsp;ничто</em>.<br/><strong>Чистое бытие переходит в чистое ничто.</strong>`
+            description: `Обсуждая понятие <strong>чистое&nbsp;бытие</strong> диалектически перешли к понятию <strong>чистое&nbsp;ничто</strong>.<br/><strong>Чистое бытие переходит в чистое ничто.</strong>`
         }, {
             title: 'Оно есть',
             description: `Чистое ничто есть, значит оно бытие. Если говорить диалектически: &laquo;переходит в бытие&raquo;. <br/> Но какое бытие?`
         }, {
             title: 'Бытие',
-            description: `То бытие, которое мы вначале брали, было чистое бытие, а сейчас мы <em>возвращаемся</em> к бытию, то есть <strong>бытие</strong> содержит в себе ещё что-то, оно уже не чистое.`
+            description: `То бытие, которое мы вначале брали, было чистое бытие, а сейчас мы <strong>возвращаемся</strong> к бытию, то есть <strong>бытие</strong> содержит в себе ещё что-то, оно уже не чистое.`
         }, {
             title: 'Ничто',
             description: `Чистое бытие переходило в чистое ничто, а бытие переходит в ничто.`,
@@ -61,7 +61,7 @@ angular.module('SolvIn')
                 description: `Становление это истинная категория, потому что в нём содержится бытие и ничто в движении, что соответствует реальности. Нигде в реальности нет вечного неисчезающего бытия, и нигде в реальности нет ничто отдельно, без того, чтобы оно становилось бытием.`
             }, {
                 title: 'Движение',
-                description: `В любой момент всё находится в движении от бытия к ничто и от ничто к бытию. В этом движении есть два противоположных движения, которые называют <em>моменты</em>.`,
+                description: `В любой момент всё находится в движении от бытия к ничто и от ничто к бытию. В этом движении есть два противоположных движения, которые называют <strong>моменты</strong>.`,
                 actions: [{name: 'Прехождение', value: 'Passing'}, {name: 'Возникновение', value: 'Uprising'}]
             },
         ]
@@ -75,7 +75,7 @@ angular.module('SolvIn')
             description: 'Переход бытия в ничто называется прехождением. Было, а потом исчезло.'
         }, {
             title: 'Связь с бытием',
-            description: 'Прехождение это и есть бытие, но как <em>переходящее в ничто</em>.'
+            description: 'Прехождение это и есть бытие, но как <strong>переходящее в ничто</strong>.'
         }, {
             title: 'Противоположный момент',
             description: 'Момент становления противоположный прехождению это возникновение.',
@@ -91,7 +91,7 @@ angular.module('SolvIn')
             description: 'Переход ничто в бытие называется возникновением. Не было, и вдруг появилось.'
         }, {
             title: 'Связь с ничто',
-            description: 'Возникновение – это и есть ничто, но как <em>переходящее в бытие</em>.'
+            description: 'Возникновение – это и есть ничто, но как <strong>переходящее в бытие</strong>.'
         }, {
             title: 'Противоположный момент',
             description: 'Момент становления противоположный прехождению это возникновение.',
@@ -99,7 +99,7 @@ angular.module('SolvIn')
         }, {
             title: 'Снятие',
             description: `Бытие и ничто стремятся превратиться друг в друга. Их разность в становлении исчезает, значит, исчезает и само становление. Это действие, которое состоит в том, что само становление себя сняло,
-называется снятием.<br/><strong>Снятие — это отрицание с удержанием</strong>. Становление становится <em>ставшим</em>.`,
+называется снятием.<br/><strong>Снятие — это отрицание с удержанием</strong>. Становление становится <strong>ставшим</strong>.`,
             actions: [{name: 'Ставшее', value: 'ExtantBeing'}]
         }]
     })
@@ -107,15 +107,16 @@ angular.module('SolvIn')
         id: "ExtantBeing",
         name: 'Наличное бытие',
         words: ['наличное', 'бытие', 'ставшее'],
+        subs: ['Ставшее'],
         facts: [{
             title: 'Ставшее',
-            description: `Cтановление это движение объединяющее бытие и ничто, Гегель называл становление также <em>беспокойное единство</em>. Ставшее, как снятие становления, отрицает и движение и объединение. Не беспокойное это <em>спокойное</em>. Не единство (нескольких) это простота (одного). <br/> Таким образом, <strong>ставшее это спокойная простота</strong>.`
+            description: `Cтановление это движение объединяющее бытие и ничто, Гегель называл становление также <strong>беспокойное единство</strong>. Ставшее, как снятие становления, отрицает и движение и объединение. Не беспокойное это <strong>спокойное</strong>. Не единство (нескольких) это простота (одного). <br/> Таким образом, <strong>ставшее это спокойная простота</strong>.`
         }, {
             title: 'Оно есть',
             description: 'Ставшее есть, значит это бытие. Какое бытие? То, которое стало результатом снятия становления. '
         }, {
             title: 'Наличное бытие',
-            description: 'Такое бытие, которое является результатом снятия становления (ставшим), называется <em>наличным бытием</em>, то есть, оно налицо. Совершён переход от бытия к новому, наличному бытию через становление. И новое бытие это не совершенно новое бытие, а продолжение предыдущего бытия.'
+            description: 'Такое бытие, которое является результатом снятия становления (ставшим), называется <strong>наличным бытием</strong>, то есть, оно налицо. Совершён переход от бытия к новому, наличному бытию через становление. И новое бытие это не совершенно новое бытие, а продолжение предыдущего бытия.'
         }, {
             title: 'Результат снятия',
             description: `Наличное бытие является результатом снятия становления, значит, наличное бытие содержит в себе становление, в котором объединены бытие и ничто. <br/>Бытие стало наличным бытием, но ничто так же сохранилось в наличном бытии.`,
@@ -126,15 +127,16 @@ angular.module('SolvIn')
         id: 'Nihility',
         name: 'Небытие',
         words: ['небытие', 'определённость'],
+        subs: ['Определённость'],
         facts: [{
             title: 'Небытие',
-            description: `Ничто в наличном бытии, взятое из снятого становления, называется <em>небытие</em>.`
+            description: `Ничто в наличном бытии, взятое из снятого становления, называется <strong>небытие</strong>.`
         }, {
             title: 'Связь с наличным бытием',
-            description: 'Рассматривая наличное бытие, нашли в нём небытие. Если это небытие рассмотреть отдельно, не забывая, что оно было в конкретном наличном бытии, получим <em>определённость</em>.'
+            description: 'Рассматривая наличное бытие, нашли в нём небытие. Если это небытие рассмотреть отдельно, не забывая, что оно было в конкретном наличном бытии, получим <strong>определённость</strong>.'
         }, {
             title: 'Определённость',
-            description: `Небытие, принятое в бытие так, что конкретное целое имеет форму бытия, называется <em>определенностью</em> наличного бытия.<br/>В чём нет небытия, то не о<em>предел</em>ено, абсолютно. Рассмотрим определённость отдельно от бытия.`,
+            description: `Небытие, принятое в бытие так, что конкретное целое имеет форму бытия, называется <strong>определенностью</strong> наличного бытия.<br/>В чём нет небытия, то не о<strong>предел</strong>ено, абсолютно. Рассмотрим определённость отдельно от бытия.`,
             actions: [{name: 'Качество', value: 'Quality'}]
         }]
     })
@@ -142,6 +144,7 @@ angular.module('SolvIn')
         id: 'Quality',
         name: 'Качество',
         words: ['качество', 'реальность', 'отрицание'],
+        subs: ['Реальность', 'Отрицание'],
         facts: [{
             title: 'Качество',
             description: 'Это такая определенность, которая берется изолированно, сама по себе.'
@@ -150,10 +153,10 @@ angular.module('SolvIn')
             description: `Качество есть, значит оно наличное бытие. Но качество было оторвано от другого бытия, взято отдельно. Поэтому качество должно быть рассмотрено и как бытие, и как ничто.`
         }, {
             title: 'Качество, как бытие',
-            description: `Качество, взятое как бытие в противоположность ничто, называется <em>реальность</em>.`
+            description: `Качество, взятое как бытие в противоположность ничто, называется <strong>реальность</strong>.`
         }, {
             title: 'Качество, как ничто',
-            description: `Качество, взятое как ничто в противоположность бытию, называется <em>отрицание</em>.`
+            description: `Качество, взятое как ничто в противоположность бытию, называется <strong>отрицание</strong>.`
         }, {
             title: 'Снятие',
             description: `Реальность есть, значит она наличное бытие. И отрицание есть, значит оно тоже наличное бытие. Две стороны одной определённости, взятой отдельно от бытия. Качество снимается в борьбе реальности и отрицания. Нет больше определённости отдельной от наличного бытия.`,
@@ -165,16 +168,17 @@ angular.module('SolvIn')
         id: 'Something',
         name: 'Нечто',
         words: ['нечто', 'сущее', 'иное', 'в-себе', 'для-иного'],
+        subs: ['Налично сущее', 'Иное', 'Бытие-в-себе', 'Бытие-для-иного'],
         facts: [{
             title: 'Определённое наличное бытие',
-            description: `Наличное бытие взятое со своей определённостью называется <em>налично сущее</em> или <em>нечто</em>. Такое бытие непосредственно доступно уму, нечто одновременно описывает что оно и какое оно. Что? Налично сущее. Какое? Налично сущее.`
+            description: `Наличное бытие взятое со своей определённостью называется <strong>налично сущее</strong> или <strong>нечто</strong>. Такое бытие непосредственно доступно уму, нечто одновременно описывает что оно и какое оно. Что? Налично сущее. Какое? Налично сущее.`
         }, {
             title: `Нечто`,
             description: `Нечто есть, значит это определённое наличное бытие. Нечто должно быть взято
 как становление. В-себе становление, но уже определённого наличного бытия, то есть нечто. Два нечто противоположных друг другу.`
         }, {
             title: 'Иное',
-            description: `Нечто, которое противоположность другому нечто есть <em>иное</em>. Нечто и иное — это два нечто. Иное для нечто, это иное. И иное для себя тоже иное. <strong>Иное иного есть иное</strong>. А нечто для иного это нечто. Возникают два момента.`
+            description: `Нечто, которое противоположность другому нечто есть <strong>иное</strong>. Нечто и иное — это два нечто. Иное для нечто, это иное. И иное для себя тоже иное. <strong>Иное иного есть иное</strong>. А нечто для иного это нечто. Возникают два момента.`
         }, {
             title: 'Моменты',
             description: `Имеем нечто равное себе и одновременно неравное себе. Момент равенства с собой называется <strong>в-себе-бытие</strong>. Момент неравенства с собой называется <strong>бытие-для-иного</strong>.`,
@@ -185,18 +189,19 @@ angular.module('SolvIn')
         id: "FluentSomething",
         name: 'Изменяющееся нечто',
         words: ['нечто', 'изменяется', 'равно', 'неравно', 'себе'],
+        subs: ['Абстракция', 'Бытие-в-нём'],
         facts: [{
             title: 'Изменяющееся нечто',
-            description: `Это такое <em>нечто</em>, которое есть единство <em>бытия-в-себе</em> и <em>бытия-для-иного</em>, то есть единство равенства с собой и неравенства с собой. Надо различать между тем, что есть в себе, и тем, что положено (для иного).`
+            description: `Это такое <strong>нечто</strong>, которое есть единство <strong>бытия-в-себе</strong> и <strong>бытия-для-иного</strong>, то есть единство равенства с собой и неравенства с собой. Надо различать между тем, что есть в себе, и тем, что положено (для иного).`
         }, {
             title: 'Абстракция',
-            description: `Если нечто <strong>не изменяется</strong>, то это <em>абстракция</em>, отрывание одной стороны противоречия от другой и искусственное превращение этой стороны в некое самостоятельное целое.`
+            description: `Если нечто <strong>не изменяется</strong>, то это <strong>абстракция</strong>, отрывание одной стороны противоречия от другой и искусственное превращение этой стороны в некое самостоятельное целое.`
         }, {
             title: 'Моменты',
             description: `Бытие-в-себе и бытие-для-иного присутствуют в изменяющемся нечто. Значит в каждом из них есть моменты перехода к противоположности. В-себе-бытие содержит бытие-для-иного, противостоит ему и наоборот.`
         }, {
             title: '&laquo;В&raquo;',
-            description: `Такое в-себе-бытие, которое противостоит во в-себе-бытии бытию-для-иного или утверждает в бытии-для-иного бытие-в-себе называется <em>в-нем-бытие</em> или просто &laquo;в&raquo;.<br/>Если вспомнить, что нечто это определённое наличное бытие, можем рассмотреть момент &laquo;в&raquo; оперделённости.`,
+            description: `Такое в-себе-бытие, которое противостоит во в-себе-бытии бытию-для-иного или утверждает в бытии-для-иного бытие-в-себе называется <strong>в-нем-бытие</strong> или просто &laquo;в&raquo;.<br/>Если вспомнить, что нечто это определённое наличное бытие, можем рассмотреть момент &laquo;в&raquo; оперделённости.`,
             actions: [{name: 'Определение', value: 'Definition'}]
         }]
     })
@@ -204,6 +209,7 @@ angular.module('SolvIn')
         id: 'Definition',
         name: 'Определение',
         words: ['определение', 'качество', 'сохраняется', 'в изменении', 'характер'],
+        subs: ['Качество', 'Характер', 'Инобытие'],
         facts: [{
             title: 'Качество',
             description: 'Берем качество, которое: <ul><li>бытие-в-себе в простом нечто</li><li>остается равным себе в изменяющемся нечто</li><li>противостоит бытию-для-иного во в-себе-бытии</li><li>находится в единстве с бытием-для-иного</li></ul>То есть это качество противится переходу в иное, сохраняет и удерживает себя в изменении.'
@@ -227,6 +233,7 @@ angular.module('SolvIn')
         id: 'Limit',
         name: 'Граница',
         words: ['граница', 'предел', 'бесконечность', 'конечное'],
+        subs: ['Конечное', 'Долженствование', 'Предел', 'Бесконечность'],
         facts: [{
             title: 'Граница',
             description: `Одна и та же определенность, которая соединяет и разделяет два нечто, есть граница. Благодаря своей определенности, то есть границе, нечто есть. В то же время нечто нет благодаря его границе, оно прекращается благодаря своей границе и выходит к иному.`
@@ -245,7 +252,7 @@ angular.module('SolvIn')
         }, {
             title: 'Бесконечность',
             description: `Бесконечный переход одного конечного в другое конечное называется дурной бесконечностью. Истинное бесконечное – это
-единство бесконечного и конечного как бесконечное, определенностью, моментом которого является конечное. Такое конечное, которое в бесконечном, носит название <em>идеального</em>.`,
+единство бесконечного и конечного как бесконечное, определенностью, моментом которого является конечное. Такое конечное, которое в бесконечном, носит название <strong>идеального</strong>.`,
             actions: [{name: 'Количество', value: 'Quantity'}]
         }]
     })
@@ -253,19 +260,20 @@ angular.module('SolvIn')
         id: 'Quantity',
         name: 'Количество',
         words: ['количество', 'мера', 'скачок', 'качество'],
+        subs: ['Мера', 'Скачок', 'Узлы'],
         facts: [{
             title: 'Количество',
-            description: `Такая определенность, которая есть <em>безразличная</em> граница называется <em>количество</em>. То есть при переходе границы меняется определенность, а качество остается. Количество меняется непрерывно, постепенно.`
+            description: `Такая определенность, которая есть <strong>безразличная</strong> граница называется <strong>количество</strong>. То есть при переходе границы меняется определенность, а качество остается. Количество меняется непрерывно, постепенно.`
         }, {
             title: 'Мера',
             description: `Такое количество определенного качества, при котором это качество еще сохраняется — это мера.`
         }, {
             title: 'Скачок',
             description: `Переход одного качества в другое качество при накоплении количественных изменений, которые сами по себе вроде
-бы никакого качества не меняют, называется <em>скачок</em>, то есть перерыв постепенности.`
+бы никакого качества не меняют, называется <strong>скачок</strong>, то есть перерыв постепенности.`
         }, {
             title: 'Узлы',
-            description: `Развитие качества, количественное развитие, скачок, развитие другого качества, скачок, развитие третьего качества и т.д образуют <em>узловую линию отношений меры</em>.`,
+            description: `Развитие качества, количественное развитие, скачок, развитие другого качества, скачок, развитие третьего качества и т.д образуют <strong>узловую линию отношений меры</strong>.`,
             actions: [{name: 'Развитие', value: 'Progress'}]
         }]
     })
@@ -273,6 +281,7 @@ angular.module('SolvIn')
         id: 'Progress',
         name: 'Развитие',
         words: ['развитие', 'изменение'],
+        subs: ['Изменение', 'Прогресс', 'Регресс'],
         facts: [{
             title: 'Изменение',
             description: 'Всё находится в процессе становления и изменения. При этом всякое развитие есть изменение, но не всякое изменение есть развитие.'

+ 1 - 0
index.html

@@ -31,6 +31,7 @@
         <script src="components/nav/nav.js"></script>
         <script src="components/wizard/wizard-category.js"></script>
         <script src="components/wizard/wizard-controller.js"></script>
+        <script src="components/intro/intro.js"></script>
         <script src="components/route.js"></script>
     </body>
 </html>