-
Notifications
You must be signed in to change notification settings - Fork 2
/
Copy pathindex.html
161 lines (151 loc) · 9.43 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
<!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.4">
<meta name="description" content="Заклинания D&D5">
<link href="../_fonts/FortAwesome/css/font-awesome.min.css" rel="stylesheet">
<link rel="shortcut icon" href="favicon2.ico" />
<link rel="canonical" href="https://tentaculus.ru/magic-items" />
<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>
Список магических предметов из Dungeon Master Guide D&D5 на русском и английском языках.
</p>
<p>
Артефакты можно фильтровать по:
<ul>
<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=dndmagicitems">пишите</a>.
</p>
<p>
<a style="color: #0288D1" href="https://github.com/Etignis/DnD_Items" 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.72' defer></script>
<script type='text/javascript' src='js/script.js?v=0.5' 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>