ei
/
givin.school
Watch 1
Star 0
Fork 0
Code Issues 0 Pull Requests 0 Releases 0 Wiki Activity
Browse Source

added new morning timer, markup fixes

master
Evgeniy Ierusalimov 2 years ago
parent
a4c25e0401
commit
00a055c546
5 changed files with 71 additions and 16 deletions
Split View Show Diff Stats
  1. 7
    7
      index.html
  2. 4
    1
      timer.css
  3. 52
    0
      timer_ulybka.html
  4. 4
    4
      timer_utro.html
  5. 4
    4
      timer_vecher.html

+ 7
- 7
index.html View File 

@@ -2,8 +2,8 @@
2 2 
 <head>
3 3 
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1">
4 4 
     <meta charset="UTF-8">
5 
-    <title>Givin.school timer</title>
6 
-    <link type="text/css" href="timer.css?v=0.1" rel="stylesheet">
5 
+    <title>Givin.school самостоятельные упражнения</title>
6 
+    <link type="text/css" href="timer.css?v=0.7" rel="stylesheet">
7 7 
 </head>
8 8 
 <body>
9 9 
 
@@ -14,7 +14,7 @@
14 14 
 <p>
15 15 
 <b>УТРО</b>:
16 16 
 <ul>
17 
-    <li>Упражнение «<b>Улыбка перед зеркалом с прямым позвоночником</b>» — 3 минуты.
17 
+    <li>Упражнение «<a href="timer_ulybka.html"><b>Улыбка перед зеркалом с прямым позвоночником</b></a>».
18 18 
     <li><a href="#bl"><b>Блок Лёжа</b></a> (комплекс упражнений). Внимание! Упражнения делать в той последовательности, которая указана в списке.
19 19 
     <li>После БЛ сразу переходите к выполнению <b><a href="#bs">Блока Сидя</a></b>.
20 20 
 </ul>
 
@@ -29,8 +29,8 @@
29 29
30 30 
 <p><b>ВЕЧЕР:</b>
31 31 
 <ul>
32 
-    <li>Перед вечерним <b>Блоком Сидя</b> 10 минут полежите на коврике в Тишине (без видеозаписи).
33 
-    <li><a href="#bs"><b>Блок Сидя</a></b>.
32 
+    <li>Перед вечерним <b>Блоком Сидя</b> 10 минут полежите на коврике в Тишине.
33 
+    <li><a href="#bs"><b>Блок Сидя</b></a>.
34 34 
 </ul>
35 35 
 </p>
36 36 
 
@@ -41,7 +41,7 @@
41 41
42 42 
 <p><b>Последовательность упражнений:</b></p>
43 43 
 <ul>
44 
-    <li><b>Правильное положение тела лёжа</b> (ППТ лежа или "поза отдыха") — 3 мин;
44 
+    <li><b>Правильное положение тела лёжа</b> (ППТ лёжа или "поза отдыха") — 3 мин;
45 45 
     <li><b>Потягивание</b> — 2 подхода (лёжа на спине; натягиваем на себя носочки, колени при этом не сгибаются, руки тянем за голову);
46 46 
     <li><b>ППТ стоя</b> (отстраиваем положение стоп, крестца, груди, плеч, шеи, макушки - вытягиваем позвоночник);
47 47 
     <li><b>Вытягивание стоя;</b>
 
@@ -58,7 +58,7 @@
58 58 
     <li><b>Поза отдыха</b> — 5 мин.
59 59 
 </ul>
60 60
61 
-<p>Приходим в себя... Улыбка... Не спеша открываем глаза... Плавный выход. И переходим к <b>Блоку сидя</b>.</p>
61 
+<p>Приходим в себя... Улыбка... Не спеша открываем глаза... Плавный выход. И переходим к утреннему <a href="#bs"><b>Блоку сидя</b></a>.</p>
62 62
63 63 
 <br>
64 64

+ 4
- 1
timer.css View File 

@@ -3,9 +3,12 @@ body {
3 3 
     color: #2F2F2F;
4 4 
 }
5 5
6 
+a {
7 
+    text-decoration: none;
8 
+}
9 
+
6 10 
 .current_element {
7 11 
     color: black;
8 
-    text-decoration: underline;
9 12 
 }
10 13
11 14 
 #rest_time {

+ 52
- 0
timer_ulybka.html View File 

@@ -0,0 +1,52 @@
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.7" rel="stylesheet">
9 
+    <style>
10 
+        .element, .current_element {
11 
+            color: #ef8f00;
12 
+        }
13 
+    </style>
14 
+    <script src="timer.js?v=0.7"></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>
21 
+    </div>
22 
+    <div>
23 
+        <input type="button" value="Старт" id="timer_start_btn">
24 
+    </div>
25 
+
26 
+    <br>
27 
+
28 
+    <table>
29 
+        <tr>
30 
+            <td>Элемент</td>
31 
+            <td><span class=element id="element_title"></span></td>
32 
+        </tr>
33 
+        <tr>
34 
+            <td>Время</td>
35 
+            <td><span id="rest_time">0:00</span> &rarr; <span id="spent_time">0:00</span></td>
36 
+        </tr>
37 
+        <tr>
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>
42 
+        </tr>
43 
+    </table>
44 
+
45 
+    <br>
46 
+
47 
+    <ul id=task_list>
48 
+        <li data-ttl="180">«<b>Улыбка перед зеркалом</b>», стоя перед зеркалом, выпрямляемся и вытягиваем позвоночник вверх. Улыбаемся своей самой красивой, очаровательной улыбкой – 3 минуты.</li>
49 
+    </ul>
50 
+</div>
51 
+</body>
52 
+</html>

+ 4
- 4
timer_utro.html View File 

@@ -3,18 +3,18 @@
3 3 
 <head>
4 4 
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1">
5 5 
     <meta charset="UTF-8">
6 
-    <title>Givin.school timer</title>
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.6" rel="stylesheet">
8 
+    <link type="text/css" href="timer.css?v=0.7" 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.6"></script>
14 
+    <script src="timer.js?v=0.7"></script>
15 15 
 </head>
16 16 
 <body>
17 
-<h1>Блок сидя (утро)</h1>
17 
+<h1><a href="./">&laquo;</a> Блок сидя (утро)</h1>
18 18 
 <div>
19 19
20 20 
     <div>Общее время упражнения <span id="total_rest_time">0:00</span>

+ 4
- 4
timer_vecher.html View File 

@@ -3,18 +3,18 @@
3 3 
 <head>
4 4 
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1">
5 5 
     <meta charset="UTF-8">
6 
-    <title>Givin.school timer</title>
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.6" rel="stylesheet">
8 
+    <link type="text/css" href="timer.css?v=0.7" 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.6"></script>
14 
+    <script language="JavaScript" src="timer.js?v=0.7"></script>
15 15 
 </head>
16 16 
 <body>
17 
-<h1>Блок сидя (вечер)</h1>
17 
+<h1><a href="./">&laquo;</a> Блок сидя (вечер)</h1>
18 18 
 <div>
19 19
20 20 
     <div>Общее время упражнения <span id="total_rest_time">0:00</span>

Write Preview
Loading…
Cancel
Save