https://dr-tentaculus.github.io/tracker/index.html

1<!doctype html>
2<html>
3<head>
4  <title>Трекер инициативы</title>
5  <meta charset="utf-8" />
6  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
7  <link rel="stylesheet" type="text/css" href="css/style.css?v=0.9">
8  <meta name="description" content="Трекер инициативы">
9  <link href="../_fonts/FortAwesome/css/font-awesome.min.css" rel="stylesheet">
10  <link rel="shortcut icon" href="favicon.ico" />
11  <link rel="canonical" href="https://tentaculus.ru/tracker" />
12  <!-- <meta property="og:image" content="img/bg2.jpg" /> -->
13  <meta property="og:image" content="img/og3_big.jpg" />
14  <meta property="og:image" content="img/og3_mid.jpg" />
15  <meta property="og:title" content="Трекер инициативы" />
16  <meta property="og:description" content="Трекер инициативы" />
17    <!-- IE must understand HTML5: -->
18  <!--[if IE]>
19   

19<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>

19
20  <![endif]-->
21  <!--[if lt IE 9]>
22    

22<script src="http://css3-mediaqueries-js.googlecode.com/svn/trunk/css3-mediaqueries.js"></script>

22
23  <![endif]-->
24  <style>
25   article, aside, details, figcaption, figure, footer,header,
26   hgroup, menu, nav, section, div { display: block; }
27  </style>
28</head>
29<body>
30
31  <div class='wrap'>
32    <div class='pageColumn'>
33      <div id='selectedOne'>
34        
35      </div>
36      
37      <div id='manageButtons' class='manageButtons'>
38        <!-- <a href='#' id='prevOne'> -->
39          <!-- Предыдущий -->
40        <!-- </a>       -->   
41        <a href='#' id='nextOne' class='mButton'>
42          Следующий
43        </a>    
44      </div>
45      
46      <ul id='allOnes'>
47
48      </ul>
49			
50      <div id='subManageButtons' class='manageButtons'>
51        <!-- <a href='#' id='prevOne'> -->
52          <!-- Предыдущий -->
53        <!-- </a>       -->
54        <a href='#' id='sortItems' class='mButton'>
55          Отсортировать
56        </a>      
57      </div>
58    </div>
59    
60    <div class='pageColumn'>
61      <div id='info_text'>
62        <h1>Трекер инициативы</h1>
63        
64        <p>
65          Подходит для игр, где ходы делаются по определенной очередности.
66        </p>
67        
68        <p>
69          Через кнопки с плюсом [+] добавляются новые персонажи/монстры. В диалоговом окне можно ввести текст - имя, описание или еще что-нибудь важное, числовое значение инициативы, выбрать иконку и цвет, чтобы было проще различать персонажей.
70        </p>
71        
72        <p>

73          Двойной клик (длинный тап на телефоне) по элементу откроет окно с настройками, теми же, что и при добавлении. Так же элементы можно переставлять, зажав иконку левой кнопкой мыши.
74        </p>
75        
76        <p>
77          Кнопка [Следующий] сделает активным персонажа, который вверху списка. Список зациклен.
78        </p>
79      </div>
80			<div id='devlog'>
81			</div>
82    </div>
83  </div>
84	
85	<div style='width: 0; height: 0; position: absolute; overflow: hidden'>
86		<img src='img/ico_set_01.png'>
87		<img src='img/ico_set_02.png'>
88		<img src='img/ico_set_03.png'>
89		<img src='img/ico_set_04.png'>
90		<img src='img/ico_set_05.png'>
91	</div>
92
93  

93<script type='text/javascript' src='../_js/jquery-1.11.3.min.js'></script>

93
94  

94<script type='text/javascript' src='https://tentaculus.ru/_js/jquery.mobile.custom.min.js' defer></script>

94
95  

95<script type='text/javascript' src='js/script.js?v=0.47' defer></script>

95
96  

96<script type='text/javascript' src='js/Sortable.js'></script>

96<!-- Sortable Drag'n'Drop-->
97<!--   

97<script type='text/javascript' src='https://tentaculus.ru/items/js/update.js' defer></script>

97 -->
98<!-- Yandex.Metrika counter -->

99<script type="text/javascript">
100    (function (d, w, c) {
101        (w[c] = w[c] || []).push(function() {
102            try {
103                w.yaCounter42911239 = new Ya.Metrika({
104                    id:42911239,
105                    clickmap:true,
106                    trackLinks:true,
107                    accurateTrackBounce:true,
108                    webvisor:true,
109                    trackHash:true
110                });
111            } catch(e) { }
112        });
113
114        var n = d.getElementsByTagName("script")[0],
115            s = d.createElement("script"),
116            f = function () { n.parentNode.insertBefore(s, n); };
117        s.type = "text/javascript";
118        s.async = true;
119        s.src = "https://mc.yandex.ru/metrika/watch.js";
120
121        if (w.opera == "[object Opera]") {
122            d.addEventListener("DOMContentLoaded", f, false);
123        } else { f(); }
124    })(document, window, "yandex_metrika_callbacks");
125</script>

125
126<noscript><div><img src="https://mc.yandex.ru/watch/42911239" style="position:absolute; left:-9999px;" alt="" /></div></noscript>
127<!-- /Yandex.Metrika counter -->
128</body>
129</html>