/
index.html
162 lines (152 loc) · 8.92 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
<!doctype html>
<html>
<head>
<title>Снаряжение D&D5</title>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<link rel="stylesheet" type="text/css" href="css/style.css?v=0.5">
<meta name="description" content="Снаряжение D&D5">
<link href="../_fonts/FortAwesome/css/font-awesome.min.css" rel="stylesheet">
<link rel="shortcut icon" href="favicon.ico" />
<link rel="canonical" href="https://tentaculus.ru/equipment" />
<meta property="og:image" content="img/bg2.jpg" />
<meta property="og:image" content="img/og.jpg" />
<meta property="og:title" content="Снаряжение D&D5" />
<meta property="og:description" content="Карточки предметов экипировки" />
<!-- IE must understand HTML5: -->
<!--[if IE]>
<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
<!--[if lt IE 9]>
<script src="http://css3-mediaqueries-js.googlecode.com/svn/trunk/css3-mediaqueries.js"></script>
<![endif]-->
<style>
article, aside, details, figcaption, figure, footer,header,
hgroup, menu, nav, section, div { display: block; }
</style>
</head>
<body>
<div class='wrap'>
<div class='p_side'>
</div>
<div class='p_cont'>
<!--span id='before_spells'><div class='loader'></div>Читаем заклинания...</span-->
<div id='info_text'>
<h1>Снаряжение D&D5</h2>
<h2>
Что есть
</h2>
<p>
Список предметов экипировки D&D5 на русском и английском языках.
</p>
<p>
Снаряжение можно фильтровать по:
<ul>
<li>названию</li>
<li>типу</li>
<li>подтипу - (виды брони и оружия)</li>
<li>свойствам (оружие)</li>
</ul>
</p>
<h2>
Отображение экипировки
</h2>
<p>
По умолчанию предметы отображаются в виде карточек, где видна основная информация. Такой вид удобен для печати.
</p>
<h2>
Скрытие экипировки
</h2>
<p>
Карточку предметов можно скрыть из общего списка, если нажать на <i class="fa fa-eye-slash" aria-hidden="true"></i> в правом верхнем углу карточки. В таком случае магический предмет исчезнет из общего списка и его название будет отображаться в самом низу панели фильтров. Если нажать на название, предмет вернется в общий список.
</p>
<h2>
Закрепление экипировки
</h2>
<p>
Карточки предметов можно закреплять - в таком случае они будут отображаться в самом верху списка. Для закрепления нужно нажать на <i class="fa fa-lock" aria-hidden="true"></i> в левом верхнем углу карточки предметов. При закреплении заклинания, оно не исчезает из общего списка. Если нажать на заголовок "Закрепленные предметы", закрепленные карточки скроются (чтобы не мешать). На закрепленные предметы не действуют никакие фильтры.
</p>
<h2>
Выделение предметов
</h2>
<p>
Чтобы сотворить что-нибудь жуткое сразу с несколькими карточками предметов, их можно выделить, кликая по ним с зажатой клавишей [CTRL]. Кроме того, сочетание клавиш [CTRL]+[A] выделит все карточки, или уберет выделение со всех карточек, если они и так уже выделены.
</p>
<p>
Когда карточки выделены, массово можно делать следующее:
<ul>
<li>Менять размер шрифта текста предметов. Размер шрифта у всех будет такой, как на карточке, на которой нажимается Плюс или Минус, для изменения размера шрифта.</li>
<li>Менять ширину карточек. Кнопки в меню будут менять размер только у выделенных карточек, либо у всех, если выделенных нет.</li>
<li>Закреплять/Откреплять карточки. При клике на иконке замка <i class="fa fa-lock" aria-hidden="true"></i> на любой из карточек будут закреплены все выделенные. Аналогично при откреплении закрепленных карточек. </li>
<li>Прятать карточки. При клике на иконке глаза <i class="fa fa-eye-slash" aria-hidden="true"></i> на любой из карточек будут скрыты все выделенные. </li>
</ul>
</p>
<!--h2>
Отображение предметов
</h2>
<p>
Чтобы увидеть предметы выберите класс, или другой фильтр. Либо нажмите:
</p-->
<p style="padding: .3em 0; text-align: center">
<a class="button" id="showAllItems" href="#" style="display: none">Показать все предметы</a>
</p>
<h2>Печать предметов</h2>
<p>
Если есть закрепленные предметы, то печататься будут только они.<br>
Если вы хотите распечатать предметы, лучше всего делать это через Chrome (удобные настройки печати). Для этого надо:
<ul>
<li>нажать сочетание клавиш [Ctrl]+[P]</li>
</ul>
И, если все устраивает, нажать кнопку "Печать", либо:
<ul>
<li>в появившемся окне нажать "Дополнительные настройки"</li>
<li>выбрать поля "Персонализированные"</li>
<li>перетянуть мышкой поля так, чтобы карточки нормально распределились по листу <small>(помните, что обычно принтер печатает с полями, если сделать поля слишком маленькие, при печати часть карточек может обрезаться)</small></li>
</ul>
</p>
<p>
Если есть вопросы или предложения - <a style="color: #0288D1" href="https://tentaculus.ru/message?theme=dndequipment">пишите</a>.
</p>
<p>
<a style="color: #0288D1" href="https://github.com/Etignis/DnD_Equipment" target="_blanc">Страница проекта на GitHub.</a>
</p>
</div>
<div class='row ItemContainer'>
</div>
</div>
</div>
<script type='text/javascript' src='js/jquery-1.11.3.min.js'></script>
<!-- <script type='text/javascript' src='https://tentaculus.ru/_js/jquery.mobile.custom.min.js' defer></script> -->
<script type='text/javascript' src='data/allItems.js?v=0.7' defer></script>
<script type='text/javascript' src='js/script.js?v=0.72' defer></script>
<!-- <script type='text/javascript' src='https://tentaculus.ru/items/js/update.js' defer></script> -->
<!-- Yandex.Metrika counter -->
<script type="text/javascript">
(function (d, w, c) {
(w[c] = w[c] || []).push(function() {
try {
w.yaCounter42911239 = new Ya.Metrika({
id:42911239,
clickmap:true,
trackLinks:true,
accurateTrackBounce:true,
webvisor:true,
trackHash:true
});
} catch(e) { }
});
var n = d.getElementsByTagName("script")[0],
s = d.createElement("script"),
f = function () { n.parentNode.insertBefore(s, n); };
s.type = "text/javascript";
s.async = true;
s.src = "https://mc.yandex.ru/metrika/watch.js";
if (w.opera == "[object Opera]") {
d.addEventListener("DOMContentLoaded", f, false);
} else { f(); }
})(document, window, "yandex_metrika_callbacks");
</script>
<noscript><div><img src="https://mc.yandex.ru/watch/42911239" style="position:absolute; left:-9999px;" alt="" /></div></noscript>
<!-- /Yandex.Metrika counter -->
</body>
</html>