Browse Source

code cleanup, new functionalities

master
Evgeniy Ierusalimov 2 years ago
parent
commit
a4c25e0401
4 changed files with 190 additions and 67 deletions
  1. 81
    0
      index.html
  2. 69
    33
      timer.js
  3. 19
    16
      timer_utro.html
  4. 21
    18
      timer_vecher.html

+ 81
- 0
index.html View File

@@ -6,9 +6,90 @@
6 6
     <link type="text/css" href="timer.css?v=0.1" rel="stylesheet">
7 7
 </head>
8 8
 <body>
9
+
10
+<h1>Программа самостоятельных занятий на каждый день:</h1>
11
+
12
+<p>ПОСЛЕДОВАТЕЛЬНОСТЬ ВЫПОЛНЕНИЯ ПРАКТИК:</p>
13
+
14
+<p>
15
+<b>УТРО</b>:
16
+<ul>
17
+    <li>Упражнение «<b>Улыбка перед зеркалом с прямым позвоночником</b>» — 3 минуты.
18
+    <li><a href="#bl"><b>Блок Лёжа</b></a> (комплекс упражнений). Внимание! Упражнения делать в той последовательности, которая указана в списке.
19
+    <li>После БЛ сразу переходите к выполнению <b><a href="#bs">Блока Сидя</a></b>.
20
+</ul>
21
+</p>
22
+
23
+<p><b>ДЕНЬ:</b>
24
+<ul>
25
+    <li>В течение дня 1 раз практика «<b>Осознанная прогулка</b>» на природе/ на улице, включающая в себя «<b>Смотрение в Небо</b>» и «<b>Настоящий Момент</b>» в движении.
26
+    <li>1-2 раза практика <b>Чувственного проговаривания</b>.
27
+</ul>
28
+</p>
29
+
30
+<p><b>ВЕЧЕР:</b>
31
+<ul>
32
+    <li>Перед вечерним <b>Блоком Сидя</b> 10 минут полежите на коврике в Тишине (без видеозаписи).
33
+    <li><a href="#bs"><b>Блок Сидя</a></b>.
34
+</ul>
35
+</p>
36
+
37
+<br>
38
+
39
+<h2><a id="bl">Блок Лёжа (утро)</a></h2>
40
+<p>Комплекс упражнений: упражнения делаем только те, которые разучили и в соответствующей последовательности, между упражнениями обязательна поза отдыха. Во время упражнений всё внимание на ощущениях внутри тела. Учимся получать удовольствие от упражнений.</p>
41
+
42
+<p><b>Последовательность упражнений:</b></p>
43
+<ul>
44
+    <li><b>Правильное положение тела лёжа</b> (ППТ лежа или "поза отдыха") — 3 мин;
45
+    <li><b>Потягивание</b> — 2 подхода (лёжа на спине; натягиваем на себя носочки, колени при этом не сгибаются, руки тянем за голову);
46
+    <li><b>ППТ стоя</b> (отстраиваем положение стоп, крестца, груди, плеч, шеи, макушки - вытягиваем позвоночник);
47
+    <li><b>Вытягивание стоя;</b>
48
+    <li><b>Приветствие Солнцу</b> — 4 подхода и 5-й заключительный (стоя, на вдохе поднимаем руки, на выдохе опускаемся вниз);
49
+    <li><b>Гусеница — 4 подхода</b> (стопы к тазу, на вдохе поднимаем таз вверх, пока грудь, таз и бёдра встанут в одну линию. задержались, затем на выдохе опускаемся, мягко и плавно укладывая позвоночник на пол) ;
50
+    <li><b>Продольные перекаты</b> — 2-4 подхода;
51
+    <li><b>Поперечные перекаты</b> — 4 подхода (лёжа на спине, перекаты на бок с вращением головы);
52
+    <li><b>Велосипед</b> — 5-10 парных оборотов вперёд и столько же назад (лёжа на спине, ладони на коленях; имитация езды на велосипеде)
53
+    <li><b>ППТ сидя.</b>
54
+    <li><b>Наклоны к ноге</b> — по 3-4 подхода на каждую ногу (сидя, одна нога прямая, другая подтянута к паху; на вдохе поднимаем руки, на выдохе наклоняемся к прямой ноге, тянемся грудью и подбородком к носку);
55
+    <li><b>Скручивание</b> — по 1-2 подхода (сидя; закручиваемся сначала в одну сторону несколько раз, потом в другу
56
+    <li><b>Кузнечик</b> — 3-4 подхода (лёжа на животе, голова на подбородке, руки вытянуты вдоль тела, ноги на пальчиках; попеременно поднимаем прямые в коленях ноги, носочек натянут на себя);
57
+    <li><b>Лодочка</b> — 3 разминающий подхода и 2 полных (1. Вытягиваемся не отрывая ладоней и  стоп от пола; 2. Тянемся и приподнимаем руки и грудной отдел; 3. Тянемся и поднимаем прямые ноги, носки – от себя; 4-5.. Вытягиваемся всем телом, поднимая и руки и ноги );
58
+    <li><b>Поза отдыха</b> — 5 мин.
59
+</ul>
60
+
61
+<p>Приходим в себя... Улыбка... Не спеша открываем глаза... Плавный выход. И переходим к <b>Блоку сидя</b>.</p>
62
+
63
+<br>
64
+
65
+<h2><a id="bs">Блоки Сидя</a></h2>
66
+
9 67
 <ul>
10 68
     <li><a href="timer_utro.html">Блок сидя (утро)</a></li>
11 69
     <li><a href="timer_vecher.html">Блок сидя (вечер)</a></li>
12 70
 </ul>
71
+
72
+
73
+
74
+
75
+<b>Краткое описание элементов:</b>
76
+<br>
77
+<ul>
78
+    <li><b>Тишина</b> — принятие всего как есть, без анализа, оценки. Всё просто происходит: мысли, ощущения, эмоции, переживания. Даём всему быть.</li>
79
+    <li><b>Затихание</b> (весь блок затихания) — мы даем себе команду, и просто наблюдаем за ощущениями внутри тела, как наше тело будет реагировать на команду. Специально не затихаем, не вмешиваемся в процесс, просто наблюдаем за внутренними ощущениями и реакциями.</li>
80
+    <li><b>Слушание</b> — слушаем звуки окружающего мира без напряжения, с интересом, доброжелательно. Не ожидаем их, не оцениваем. Просто находимся в восприятии звуков. Всё внимание на слух.</li>
81
+    <li><b>Слушание всем телом</b> — часть нашего внимания на окружающих звуках, часть внимания на ощущениях в теле. Мы как будто воспринимаем, ощущаем пространство сразу всем телом.</li>
82
+    <li><b>Состояние Сейчас</b> — мы просто слушаем и смотрим окружающий нас мир, легко, без усилий, без оценок, с интересом. Большая часть внимания идет на слушание звуков. Мы не всматриваемся в предметы, и не вслушиваемся в конкретные звуки. Просто воспринимаем все звуки сразу, взгляд может скользить по предметам.</li>
83
+    <li><b>Сердечное тепло</b> — делимся всем самым лучшим, что у нас есть с участниками курса, направляем своё сердечное тепло на них. Главное — наше желание обогреть других людей.</li>
84
+    <li><b>Внимание за дыханием</b> — Мы просто наблюдаем за тем, как дышит наше тело. Наблюдаем, как воздух проходит через нос, как он входит в наши лёгкие, как заполняет их, как выходит... просто наблюдаем. Мы не вмешиваемся в процесс дыхания, а просто наблюдаем за тем, как тело получает удовольствие от самого процесса дыхания! Дыхание абсолютно естественно!Вы можете увлечься мыслями... но, как только вспомнили о дыхании, возвращаемся к наблюдению за удовольствием от процесса дыхания! Это осознанный процесс.</li>
85
+    <li><b>Благодарность</b> - это как часть молитвы, в ней важно внутреннее желание выразить благодарность, признательность Жизни за её помощь нам в самом главном - в становлении человеком. Благодарим всего от сердца, но на начальном этапе можем помочь себе какими-то вспомогительными фразами. Если мы достаточно тихи внутренне, то обязательно заметим, как из сердца идёт благодарность... она, как ручеёк из сердца течёт. Не следует стараться сразу делать её, надо затихнуть. И тогда этот светлый поток благодарности пойдёт!...</li>
86
+</ul>
87
+
88
+
89
+<h2>Лекции:</h2>
90
+
91
+<p><a href="./potok/">Лекции с курса "Поток"</a></p>
92
+
93
+
13 94
 </body>
14 95
 </html>

+ 69
- 33
timer.js View File

@@ -1,5 +1,4 @@
1 1
 function fancyTimeFormat(duration) {
2
-    // Hours, minutes and seconds
3 2
     const hrs = ~~(duration / 3600);
4 3
     const mins = ~~((duration % 3600) / 60);
5 4
     const secs = ~~duration % 60;
@@ -17,16 +16,16 @@ function fancyTimeFormat(duration) {
17 16
     return ret;
18 17
 }
19 18
 
20
-function play_ding() {
21
-    let ding_sound = new Audio('ding-sound-effect_2.mp3');
19
+function playDing() {
20
+    const ding_sound = new Audio('ding-sound-effect_2.mp3');
22 21
     ding_sound.play();
23 22
 }
24 23
 
25 24
 function startTimerOnElement() {
26
-
27 25
     let currElement = $('#task_list > .current_element').first();
28 26
     if (!currElement.length) {
29 27
         $('#timer_reset_btn').prop('disabled', true);
28
+        $('#timer_next_btn').prop('disabled', true);
30 29
         $('#timer_start_btn').prop('disabled', false);
31 30
         $('#spent_time').text('0:00');
32 31
         $('#element_title').text('');
@@ -34,9 +33,12 @@ function startTimerOnElement() {
34 33
     }
35 34
 
36 35
     let element_ttl = currElement.data('ttl');
36
+    let timer = element_ttl;
37 37
 
38
-    let title = currElement.html();
38
+    $('#spent_time').text(fancyTimeFormat(element_ttl - timer));
39
+    $('#rest_time').text(fancyTimeFormat(timer));
39 40
 
41
+    let title = currElement.html();
40 42
     if (title) {
41 43
         let short_title = '';
42 44
         $($.parseHTML(title)).filter('b').each(function () {
@@ -45,53 +47,67 @@ function startTimerOnElement() {
45 47
         $('#element_title').text(short_title);
46 48
     }
47 49
 
48
-    let timer = element_ttl;
50
+    timerId = setInterval(function () {
51
+        --timer;
49 52
 
50
-    timerObj = setInterval(function () {
51 53
         $('#spent_time').text(fancyTimeFormat(element_ttl - timer));
52 54
         $('#rest_time').text(fancyTimeFormat(timer));
53 55
 
54
-        if (!timer--) {
55
-            clearInterval(timerObj);
56
-            //play_ding();
57
-
58
-            timer = 0;
56
+        if (!timer) {
57
+            clearInterval(timerId);
58
+            timerId = null;
59
+            //playDing();
59 60
 
60
-            let nextElement = currElement.parent().children('li.current_element + li');
61
-
62
-            if (nextElement) {
63
-                currElement.removeClass('current_element');
64
-                nextElement.addClass('current_element');
65
-                startTimerOnElement();
66
-            }
61
+            startNextTimer(currElement);
67 62
         }
68 63
     }, 1000);
69 64
 }
70 65
 
71
-let timerObj;
66
+function startNextTimer(currElement) {
67
+    let nextElement = currElement.parent().children('li.current_element + li');
68
+    if (!nextElement) {
69
+        $('#spent_time').text('0:00');
70
+        $('#rest_time').text('0:00');
71
+        return;
72
+    }
73
+
74
+    currElement.removeClass('current_element');
75
+    nextElement.addClass('current_element');
72 76
 
73
-$(document).ready(function () {
77
+    startTimerOnElement();
78
+}
79
+
80
+function calcTotalTimeSeconds() {
74 81
     let total_time = 0;
82
+
75 83
     $('#task_list').children('li').each(function () {
84
+        let ttl = $(this).data('ttl');
76 85
 
77
-        let timestr = fancyTimeFormat($(this).data('ttl'));
78
-        total_time += $(this).data('ttl');
86
+        if (!ttl || !parseInt(ttl) || ttl != parseInt(ttl)) {
87
+            alert('Illegal element TTL value "' + ttl + '"!');
88
+            return false;
89
+        }
79 90
 
80
-        /*
81
-                        $(this).on('click', function () {
82
-                            $(this).parent().children('.current_element').removeClass('current_element');
83
-                            $(this).addClass('current_element');
84
-                        });
85
-        */
91
+        total_time += ttl;
86 92
     });
87 93
 
88
-    $('#total_rest_time').text(fancyTimeFormat(total_time));
94
+    return total_time;
95
+}
96
+
97
+let timerId;
89 98
 
99
+$(document).ready(function () {
100
+    $('#total_rest_time').text(fancyTimeFormat(calcTotalTimeSeconds()));
90 101
 
91 102
     $('#timer_start_btn').on('click', function () {
103
+        if (timerId) {
104
+            return;
105
+        }
106
+
92 107
         $(this).prop('disabled', true);
93 108
         $('#timer_reset_btn').prop('disabled', false);
94
-        //play_ding();
109
+        $('#timer_next_btn').prop('disabled', false);
110
+        //playDing();
95 111
 
96 112
         if (!$('#task_list > .current_element').length) {
97 113
             $('#task_list > li').first().addClass('current_element');
@@ -101,11 +117,31 @@ $(document).ready(function () {
101 117
     })
102 118
 
103 119
     $('#timer_reset_btn').on('click', function () {
104
-        if (!timerObj) {
120
+        if (!timerId) {
105 121
             return;
106 122
         }
107 123
 
108
-        clearInterval(timerObj);
124
+        clearInterval(timerId);
125
+        timerId = null;
126
+
109 127
         startTimerOnElement();
110 128
     });
129
+
130
+    $('#timer_next_btn').on('click', function () {
131
+        if (!timerId) {
132
+            return;
133
+        }
134
+
135
+        clearInterval(timerId);
136
+        timerId = null;
137
+
138
+        let currElement = $('#task_list > .current_element').first();
139
+        if (!currElement) {
140
+            $('#spent_time').text('0:00');
141
+            $('#rest_time').text('0:00');
142
+            return;
143
+        }
144
+
145
+        startNextTimer(currElement);
146
+    });
111 147
 });

+ 19
- 16
timer_utro.html View File

@@ -4,14 +4,14 @@
4 4
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1">
5 5
     <meta charset="UTF-8">
6 6
     <title>Givin.school timer</title>
7
-    <script src="https://givin.school/pl/nassets/b0833351/jquery.min.js?v=1685613221"></script>
8
-    <link type="text/css" href="timer.css?v=0.4" rel="stylesheet">
7
+    <script src="https://code.jquery.com/jquery-2.2.4.min.js" integrity="sha256-BbhdlvQf/xTY9gja0Dq3HiwQF8LaCRTXxZKRutelT44=" crossorigin="anonymous"></script>
8
+    <link type="text/css" href="timer.css?v=0.6" rel="stylesheet">
9 9
     <style>
10 10
         .element, .current_element {
11 11
             color: #319300;
12 12
         }
13 13
     </style>
14
-    <script src="timer.js?v=0.4"></script>
14
+    <script src="timer.js?v=0.6"></script>
15 15
 </head>
16 16
 <body>
17 17
 <h1>Блок сидя (утро)</h1>
@@ -32,27 +32,30 @@
32 32
         </tr>
33 33
         <tr>
34 34
             <td>Время</td>
35
-            <td><span id="rest_time">0:00</span> &rarr; <span id=spent_time>0:00</span></td>
35
+            <td><span id="rest_time">0:00</span> &rarr; <span id="spent_time">0:00</span></td>
36 36
         </tr>
37 37
         <tr>
38
-            <td colspan="2"><input type="button" value="Заново" id="timer_reset_btn" disabled></td>
38
+            <td colspan="2">
39
+                <input type="button" value="Заново" id="timer_reset_btn" disabled>
40
+                <input type="button" value="След." id="timer_next_btn" disabled>
41
+            </td>
39 42
         </tr>
40 43
     </table>
41 44
 
42 45
     <br>
43 46
 
44 47
     <ol id=task_list>
45
-        <li data-ttl="30">«<b>Правильное положение тела</b>», настрой на занятие — 0,5 мин;</li>
46
-        <li data-ttl="120">«<b>Тишина</b>» −2 мин;</li>
47
-        <li data-ttl="150">«<b>Затихание</b>» — 1,5 мин, наблюдаем, как становимся внутренне тише — 1 мин;</li>
48
-        <li data-ttl="120">«<b>Слушание</b>» — 2 мин;</li>
49
-        <li data-ttl="120">«<b>Слушание всем телом</b>» — 2 мин;</li>
50
-        <li data-ttl="300">«<b>Сердечное тепло</b>» — 5 мин;</li>
51
-        <li data-ttl="300">«<b>Благодарность</b>» — 5 мин;</li>
52
-        <li data-ttl="180">«<b>Тишина</b>» — 1 мин. — «<b>Наблюдаем как приходит покой</b>» — 2 мин;</li>
53
-        <li data-ttl="480">«<b>Внимание за дыханием</b>» — 8 мин;</li>
54
-        <li data-ttl="120">«<b>Тишина</b>» — 2 мин;</li>
55
-        <li data-ttl="180">«<b>Отдых</b>» — 3- 4 мин; Приходим в себя... Улыбка... Не спеша открываем глаза... Плавный выход из занятия.</li>
48
+        <li data-ttl="30">«<b>Правильное положение тела</b>», настрой на занятие — 0,5 мин.</li>
49
+        <li data-ttl="120">«<b>Тишина</b>» − 2 мин.</li>
50
+        <li data-ttl="150">«<b>Затихание</b>» — 1,5 мин., наблюдаем, как становимся внутренне тише — 1 мин.</li>
51
+        <li data-ttl="120">«<b>Слушание</b>» — 2 мин.</li>
52
+        <li data-ttl="120">«<b>Слушание всем телом</b>» — 2 мин.</li>
53
+        <li data-ttl="300">«<b>Благодарность с Сердечным теплом</b>» — 5 мин.</li>
54
+        <li data-ttl="120">«<b>Тишина</b>» — 2 мин.</li>
55
+        <li data-ttl="120">«<b>Наблюдаем как приходит покой</b>» — 2 мин.</li>
56
+        <li data-ttl="480">«<b>Внимание за дыханием</b>» — 8 мин.</li>
57
+        <li data-ttl="120">«<b>Тишина</b>» — 2 мин.</li>
58
+        <li data-ttl="180">«<b>Отдых</b>» — 3- 4 мин.; Приходим в себя... Улыбка... Не спеша открываем глаза... Плавный выход из занятия.</li>
56 59
     </ol>
57 60
 </div>
58 61
 </body>

+ 21
- 18
timer_vecher.html View File

@@ -4,14 +4,14 @@
4 4
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1">
5 5
     <meta charset="UTF-8">
6 6
     <title>Givin.school timer</title>
7
-    <script src="https://givin.school/pl/nassets/b0833351/jquery.min.js?v=1685613221"></script>
8
-    <link type="text/css" href="timer.css?v=0.4" rel="stylesheet">
7
+    <script src="https://code.jquery.com/jquery-2.2.4.min.js" integrity="sha256-BbhdlvQf/xTY9gja0Dq3HiwQF8LaCRTXxZKRutelT44=" crossorigin="anonymous"></script>
8
+    <link type="text/css" href="timer.css?v=0.6" rel="stylesheet">
9 9
     <style>
10 10
         .element, .current_element {
11 11
             color: #5b5bf3;
12 12
         }
13 13
     </style>
14
-    <script language="JavaScript" src="timer.js?v=0.4"></script>
14
+    <script language="JavaScript" src="timer.js?v=0.6"></script>
15 15
 </head>
16 16
 <body>
17 17
 <h1>Блок сидя (вечер)</h1>
@@ -32,29 +32,32 @@
32 32
         </tr>
33 33
         <tr>
34 34
             <td>Время</td>
35
-            <td><span id="rest_time">0:00</span> &rarr; <span id=spent_time>0:00</span></td>
35
+            <td><span id="rest_time">0:00</span> &rarr; <span id="spent_time">0:00</span></td>
36 36
         </tr>
37 37
         <tr>
38
-            <td colspan="2"><input type="button" value="Заново" id="timer_reset_btn" disabled></td>
38
+            <td colspan="2">
39
+                <input type="button" value="Заново" id="timer_reset_btn" disabled>
40
+                <input type="button" value="След." id="timer_next_btn" disabled>
41
+            </td>
39 42
         </tr>
40 43
     </table>
41 44
 
42 45
     <br>
43 46
 
44 47
     <ol id=task_list>
45
-        <li data-ttl="30">«<b>Правильное положение тела</b>», настрой на занятие — 0,5 мин;</li>
46
-        <li data-ttl="30">«<b>Тишина</b>» −0,5 мин;</li>
47
-        <li data-ttl="60">«<b>Расслабление тела</b>» - 1 мин; (просмотрим тело от макушки и лица до пальцев ног)</li>
48
-        <li data-ttl="120">«<b>Расфокусировка слуха</b>»... на паузе выдоха придерживаем дыхание... — 2 мин;</li>
49
-        <li data-ttl="120">«<b>Волна</b>» − 2 мин.;</li>
50
-        <li data-ttl="120">«<b>Очистительное дыхание</b>» − 2 мин.;</li>
51
-        <li data-ttl="180">«<b>Затихание</b>» — 1 мин; наблюдаем, как становимся внутренне тише — 1,5 мин (время в блоке затихания по внутренним ощущениям, без часов!);</li>
52
-        <li data-ttl="300">«<b>Благодарность с Сердечным теплом</b>» — 5 мин;</li>
53
-        <li data-ttl="300">Не спеша открываем глаза...«<b>Чувственное Сейчас</b>» , слушаем и смотрим окружающий нас мир, делаем это чувственно, с открытым сердцем, если необходимо, придерживаем дыхание - 5 мин; закрываем глаза...</li>
54
-        <li data-ttl="120">«<b>Тишина</b>» — 2 мин;</li>
55
-        <li data-ttl="600">«<b>Внимание за дыханием</b>» — 10 мин;</li>
56
-        <li data-ttl="120">«<b>Тишина</b>» — 2 мин;</li>
57
-        <li data-ttl="300">«<b>Отдых</b>» — 5 мин; Приходим в себя... Улыбка... Не спеша открываем глаза... Плавный выход из занятия.</li>
48
+        <li data-ttl="30">«<b>Правильное положение тела</b>», настрой на занятие — 0,5 мин.</li>
49
+        <li data-ttl="30">«<b>Тишина</b>» − 0,5 мин.</li>
50
+        <li data-ttl="60">«<b>Расслабление тела</b>» - 1 мин. (просмотрим тело от макушки и лица до пальцев ног)</li>
51
+        <li data-ttl="120">«<b>Слушание</b>»... на паузе выдоха придерживаем дыхание... — 2 мин.</li>
52
+        <li data-ttl="120">«<b>Волна</b>» − 2 мин.</li>
53
+        <li data-ttl="120">«<b>Очистительное дыхание</b>» − 2 мин.</li>
54
+        <li data-ttl="180">«<b>Затихание</b>» — 1 мин. наблюдаем, как становимся внутренне тише — 1,5 мин. (время в блоке затихания по внутренним ощущениям, без часов!)</li>
55
+        <li data-ttl="300">«<b>Благодарность с Сердечным теплом</b>» — 5 мин.</li>
56
+        <li data-ttl="300">Не спеша открываем глаза...«<b>Чувственное Сейчас</b>» , слушаем и смотрим окружающий нас мир, делаем это чувственно, с открытым сердцем, если необходимо, придерживаем дыхание - 5 мин., закрываем глаза...</li>
57
+        <li data-ttl="120">«<b>Тишина</b>» — 2 мин.</li>
58
+        <li data-ttl="600">«<b>Внимание за дыханием</b>» — 10 мин.</li>
59
+        <li data-ttl="120">«<b>Тишина</b>» — 2 мин.</li>
60
+        <li data-ttl="300">«<b>Отдых</b>» — 5 мин. Приходим в себя... Улыбка... Не спеша открываем глаза... Плавный выход из занятия.</li>
58 61
     </ol>
59 62
 </div>
60 63
 </body>

Loading…
Cancel
Save