Преглед на файлове

added timer special and some UI improvements

master
Evgeniy Ierusalimov преди 1 година
родител
ревизия
d2f3fcecbe
променени са 6 файла, в които са добавени 87 реда и са изтрити 14 реда
  1. 1
    2
      index.html
  2. 8
    0
      timer.css
  3. 69
    0
      timer_special.html
  4. 3
    4
      timer_ulybka.html
  5. 3
    4
      timer_utro.html
  6. 3
    4
      timer_vecher.html

+ 1
- 2
index.html Целия файл

@@ -67,11 +67,10 @@
67 67
 <ul>
68 68
     <li><a href="timer_utro.html"><b>Блок сидя (утро)</b></a></li>
69 69
     <li><a href="timer_vecher.html"><b>Блок сидя (вечер)</b></a></li>
70
+    <li><a href="timer_special.html"><b>Блок сидя (специальный)</b></a></li>
70 71
 </ul>
71 72
 
72 73
 
73
-
74
-
75 74
 <b>Краткое описание элементов:</b>
76 75
 <br>
77 76
 <ul>

+ 8
- 0
timer.css Целия файл

@@ -31,3 +31,11 @@ input {
31 31
 #element_title {
32 32
     font-weight: bold;
33 33
 }
34
+
35
+ol#task_list {
36
+    padding-left: 1.5em;
37
+}
38
+
39
+table.element-ctrl {
40
+    border-top: 1px dotted gray
41
+}

+ 69
- 0
timer_special.html Целия файл

@@ -0,0 +1,69 @@
1
+<!DOCTYPE html>
2
+<html>
3
+<head>
4
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1">
5
+    <meta charset="UTF-8">
6
+    <title>Блок сидя (СПЕЦИАЛЬНЫЙ)</title>
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.9" rel="stylesheet">
9
+    <style>
10
+        .element, .current_element {
11
+            color: #a330b0;
12
+        }
13
+    </style>
14
+    <script language="JavaScript" src="timer.js?v=0.8"></script>
15
+</head>
16
+<body>
17
+<h1><a href="./">&laquo;</a> Блок сидя (СПЕЦИАЛЬНЫЙ)</h1>
18
+<div>
19
+
20
+    <div>Общее время упражнения <span id="total_rest_time">0:00</span></div>
21
+    <div>
22
+        <input type="button" value="Старт" id="timer_start_btn">
23
+    </div>
24
+
25
+    <br>
26
+
27
+    <table class="element-ctrl">
28
+        <tr>
29
+            <td>Элемент</td>
30
+            <td><span class=element id="element_title"></span></td>
31
+        </tr>
32
+        <tr>
33
+            <td>Время</td>
34
+            <td><span id="rest_time">0:00</span> &rarr; <span id="spent_time">0:00</span></td>
35
+        </tr>
36
+        <tr>
37
+            <td colspan="2">
38
+                <input type="button" value="Заново" id="timer_reset_btn" disabled>
39
+                <input type="button" value="След." id="timer_next_btn" disabled>
40
+            </td>
41
+        </tr>
42
+    </table>
43
+
44
+    <br>
45
+
46
+    <ol id=task_list>
47
+        <li data-ttl="10">Примем «<b>Правильное положение тела</b>» (садимся на край или на уголок стула; сидим с прямой спиной, можно в позе лотоса)...</li>
48
+        <li data-ttl="30"><b>Настроимся на удовольствие от занятия</b> - 30 сек.</li>
49
+        <li data-ttl="120"><b>Расслабление тела</b> - 2 мин. (просмотрим лицо, затем  все тело от макушки до пальцев ног (не поэтапное).</li>
50
+        <li data-ttl="120"><b>Волна</b> - 2 мин;</li>
51
+        <li data-ttl="120"><b>Очистительное дыхание</b> - 2 мин.</li>
52
+        <li data-ttl="90"><b>Затихание</b> - 3 блока по ~30 сек. (Специально ничего не делаем, просто наблюдаем)</li>
53
+        <li data-ttl="30">Наблюдаем полную <b>внутреннюю остановку</b> - 30 сек.</li>
54
+        <li data-ttl="120"><b>Слушание</b> - 2 мин. (слушаем окружающий нас мир легко и с интересом, непринужденно)</li>
55
+        <li data-ttl="120"><b>Слушание всем телом</b> - 2 мин. (а теперь слушаем не только ушами, но и всем телом, так, как это делают слепые люди)</li>
56
+        <li data-ttl="180">Не спеша открываем глаза... <b>Состояние сейчас</b> - 3 мин. (слушаем и смотрим окружающий нас мир, приоритет отдаем слуху)</li>
57
+        <li data-ttl="60">Закрываем глаза... <b>Тишина</b>…  - 1 мин.</li>
58
+        <li data-ttl="240"><b>Благодарность с сердечным теплом</b> 4 мин. (у нас всегда есть за что поблагодарить жизнь: за каждый подаренный новый день, в котором могу сделать что-то хорошее, доброе… могу кому-то помочь, узнать что-то новое… стать лучше и человечнее.</li>
59
+        <li data-ttl="60"><b>Тишина</b> - 1 мин;</li>
60
+        <li data-ttl="240"><b>Внимание за дыханием</b> 4-6 мин. (чувствуем вкус воздуха, учимся получать от процесса наблюдения удовольствие)</li>
61
+        <li data-ttl="60"><b>Тишина</b> - 1 мин;</li>
62
+        <li data-ttl="240"><b>Отдых</b> - 4 мин.</li>
63
+        <li data-ttl="10"><b>Приходим в себя</b>. Улыбнемся. Потянемся. Неспеша открываем глаза.</li>
64
+        <li data-ttl="10"><b>Поблагодарим жизнь!</b></li>
65
+    </ol>
66
+
67
+</div>
68
+</body>
69
+</html>

+ 3
- 4
timer_ulybka.html Целия файл

@@ -5,7 +5,7 @@
5 5
     <meta charset="UTF-8">
6 6
     <title>Улыбка перед зеркалом</title>
7 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.8" rel="stylesheet">
8
+    <link type="text/css" href="timer.css?v=0.9" rel="stylesheet">
9 9
     <style>
10 10
         .element, .current_element {
11 11
             color: #ef8f00;
@@ -17,15 +17,14 @@
17 17
 <h1><a href="./">&laquo;</a> Улыбка перед зеркалом</h1>
18 18
 <div>
19 19
 
20
-    <div>Общее время упражнения <span id="total_rest_time">0:00</span>
21
-    </div>
20
+    <div>Общее время упражнения <span id="total_rest_time">0:00</span></div>
22 21
     <div>
23 22
         <input type="button" value="Старт" id="timer_start_btn">
24 23
     </div>
25 24
 
26 25
     <br>
27 26
 
28
-    <table>
27
+    <table class="element-ctrl">
29 28
         <tr>
30 29
             <td>Элемент</td>
31 30
             <td><span class=element id="element_title"></span></td>

+ 3
- 4
timer_utro.html Целия файл

@@ -5,7 +5,7 @@
5 5
     <meta charset="UTF-8">
6 6
     <title>Блок сидя (утро)</title>
7 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.8" rel="stylesheet">
8
+    <link type="text/css" href="timer.css?v=0.9" rel="stylesheet">
9 9
     <style>
10 10
         .element, .current_element {
11 11
             color: #319300;
@@ -17,15 +17,14 @@
17 17
 <h1><a href="./">&laquo;</a> Блок сидя (утро)</h1>
18 18
 <div>
19 19
 
20
-    <div>Общее время упражнения <span id="total_rest_time">0:00</span>
21
-    </div>
20
+    <div>Общее время упражнения <span id="total_rest_time">0:00</span></div>
22 21
     <div>
23 22
         <input type="button" value="Старт" id="timer_start_btn">
24 23
     </div>
25 24
 
26 25
     <br>
27 26
 
28
-    <table>
27
+    <table class="element-ctrl">
29 28
         <tr>
30 29
             <td>Элемент</td>
31 30
             <td><span class=element id="element_title"></span></td>

+ 3
- 4
timer_vecher.html Целия файл

@@ -5,7 +5,7 @@
5 5
     <meta charset="UTF-8">
6 6
     <title>Блок сидя (вечер)</title>
7 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.8" rel="stylesheet">
8
+    <link type="text/css" href="timer.css?v=0.9" rel="stylesheet">
9 9
     <style>
10 10
         .element, .current_element {
11 11
             color: #5b5bf3;
@@ -17,15 +17,14 @@
17 17
 <h1><a href="./">&laquo;</a> Блок сидя (вечер)</h1>
18 18
 <div>
19 19
 
20
-    <div>Общее время упражнения <span id="total_rest_time">0:00</span>
21
-    </div>
20
+    <div>Общее время упражнения <span id="total_rest_time">0:00</span></div>
22 21
     <div>
23 22
         <input type="button" value="Старт" id="timer_start_btn">
24 23
     </div>
25 24
 
26 25
     <br>
27 26
 
28
-    <table>
27
+    <table class="element-ctrl">
29 28
         <tr>
30 29
             <td>Элемент</td>
31 30
             <td><span class=element id="element_title"></span></td>

Loading…
Отказ
Запис