-
Notifications
You must be signed in to change notification settings - Fork 3
/
index.html
164 lines (152 loc) · 8.47 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
163
164
<!doctype html>
<html>
<head>
<title>Монстры</title>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"> <!-- for monile -->
<meta name="description" content="Каталог монстров D&D5 на русском языке">
<meta name="Keywords" content="днд, монстры, dnd, monsters, monster manual, d&d">
<link rel="stylesheet" type="text/css" href="css/style.css?v=0.1"><!-- include css styles -->
<script>
if(window.location.protocol == "file:") {
document.write("<link href='../_fonts/FortAwesome/css/font-awesome.min.css' rel='stylesheet'>");
} else{
document.write("<link href='"+ window.location.protocol +'//' + window.location.host + "/_fonts/FortAwesome/css/font-awesome.min.css' rel='stylesheet'>");
}
</script>
<!--link href="https://tentaculus.ru/_fonts/FortAwesome/css/font-awesome.min.css" rel="stylesheet"-->
<link rel="shortcut icon" href="favicon.ico" /><!-- include icon for browser -->
<link rel="canonical" href="https://tentaculus.ru/monsters" />
<meta property="og:image" content="img/t1.jpg" />
<meta property="og:image" content="img/og.jpg" />
<meta property="og:title" content="Монстры D&D5" />
<meta property="og:description" content="Каталог монстров D&D5 на русском языке" />
<!-- 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>
<p>Ветка "new_data"</p>
<h2>
Что есть
</h2>
<p>
Список монстров из Monster Manual D&D5 и Volo's Guide to Monsters на русском языке.
</p>
<p>
Монстров можно фильтровать по:
<ul>
<li>названию</li>
<li>уровню опасности</li>
<li>типу и подтипу</li>
<li>размеру</li>
<li>месту обитания</li>
<li>источнику</li>
</ul>
</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>
Чтобы увидеть монстров примените любой фильтр. Либо нажмите:
</p>
<p style="padding: .3em 0; text-align: center">
<a class="button" id="showAllMonsters" href="#" style="display: none">Показать всех монстров</a>
</p>
<p>
Есть два варианта отображения карточек монстров. Текстовй вариант (по умолчанию), когда данные отображаюся одним столбцом. И вариант "Двустороннаяя карточка", в которой не отображается изображение и художественный текст, но который удобнее распечатать. Переключение видов осуществляется в панели фильтров с помощью кнопок [<i class='fa fa-align-justify' aria-hidden='true'></i> Текст] и [<i class='fa fa-th-large' aria-hidden='true'></i> Карточки].
</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=dndmonsters">пишите</a>.
</p>
<p>
<a style="color: #0288D1" href="https://github.com/Etignis/DnD_Monsters_rus" target="_blanc">Страница проекта на GitHub.</a>
</p>
</div>
<div class='monsterContainer row'>
</div>
</div>
</div>
<script type='text/javascript' src='js/jquery-1.11.3.min.js'></script><!-- jQuery -->
<script type='text/javascript' src='data/monsters.js?v=0.50'></script><!-- your script -->
<script type='text/javascript' src='js/monsters.js?v=0.45.2'></script><!-- your script -->
<script type='text/javascript' src="js/FileSaver.min.js"></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 -->
<script>
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','https://www.google-analytics.com/analytics.js','ga');
ga('create', 'UA-94082824-1', 'auto');
ga('send', 'pageview');
</script>
</body>
</html>