-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
145 lines (144 loc) · 8.37 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
<!doctype html>
<!-- Design by Stepan Lyubavtsev (https://lyubavtsev.ru/) -->
<html lang="ru">
<head>
<meta charset="utf-8" />
<meta content="width=device-width, initial-scale=1" name="viewport" />
<title>Список названий звёзд</title>
<meta content="Список названий звёзд" name="title" />
<meta content="Список содержит перечень собственных названий звёзд с их номерами в каталоге ярких звёзд (HR), а также каталогах Гендри Дрейпера (HD) и Hipparcos (HIP)" name="description" />
<meta content="website" property="og:type" />
<meta content="https://nameasy.github.io/list-of-stars/" property="og:url" />
<meta content="Список названий звёзд" property="og:title" />
<meta content="Список содержит перечень собственных названий звёзд с их номерами в каталоге ярких звёзд (HR), а также каталогах Гендри Дрейпера (HD) и Hipparcos (HIP)" property="og:description" />
<meta content="summary_large_image" property="twitter:card" />
<meta content="https://nameasy.github.io/list-of-stars/" property="twitter:url" />
<meta content="Список названий звёзд" property="twitter:title" />
<meta content="Список содержит перечень собственных названий звёзд с их номерами в каталоге ярких звёзд (HR), а также каталогах Гендри Дрейпера (HD) и Hipparcos (HIP)" property="twitter:description" />
<link href="/list-of-stars/index.0f9de3c8.css" rel="stylesheet" />
</head>
<body>
<svg style="display: none">
<defs>
<symbol fill="none" id="cog-8-tooth" stroke-width="1.5" viewBox="0 0 24 24">
<path d="M10.343 3.94c.09-.542.56-.94 1.11-.94h1.093c.55 0 1.02.398 1.11.94l.149.894c.07.424.384.764.78.93.398.164.855.142 1.205-.108l.737-.527a1.125 1.125 0 011.45.12l.773.774c.39.389.44 1.002.12 1.45l-.527.737c-.25.35-.272.806-.107 1.204.165.397.505.71.93.78l.893.15c.543.09.94.56.94 1.109v1.094c0 .55-.397 1.02-.94 1.11l-.893.149c-.425.07-.765.383-.93.78-.165.398-.143.854.107 1.204l.527.738c.32.447.269 1.06-.12 1.45l-.774.773a1.125 1.125 0 01-1.449.12l-.738-.527c-.35-.25-.806-.272-1.203-.107-.397.165-.71.505-.781.929l-.149.894c-.09.542-.56.94-1.11.94h-1.094c-.55 0-1.019-.398-1.11-.94l-.148-.894c-.071-.424-.384-.764-.781-.93-.398-.164-.854-.142-1.204.108l-.738.527c-.447.32-1.06.269-1.45-.12l-.773-.774a1.125 1.125 0 01-.12-1.45l.527-.737c.25-.35.273-.806.108-1.204-.165-.397-.505-.71-.93-.78l-.894-.15c-.542-.09-.94-.56-.94-1.109v-1.094c0-.55.398-1.02.94-1.11l.894-.149c.424-.07.765-.383.93-.78.165-.398.143-.854-.107-1.204l-.527-.738a1.125 1.125 0 01.12-1.45l.773-.773a1.125 1.125 0 011.45-.12l.737.527c.35.25.807.272 1.204.107.397-.165.71-.505.78-.929l.15-.894z" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M15 12a3 3 0 11-6 0 3 3 0 016 0z" stroke-linecap="round" stroke-linejoin="round"></path>
</symbol>
<symbol fill="none" id="magnifying-glass" stroke-width="1.5" viewBox="0 0 24 24">
<path d="M21 21l-5.197-5.197m0 0A7.5 7.5 0 105.196 5.196a7.5 7.5 0 0010.607 10.607z" stroke-linecap="round" stroke-linejoin="round"></path>
</symbol>
<symbol fill="none" id="x-circle" stroke-width="1.5" viewBox="0 0 24 24">
<path d="M9.75 9.75l4.5 4.5m0-4.5l-4.5 4.5M21 12a9 9 0 11-18 0 9 9 0 0118 0z" stroke-linecap="round" stroke-linejoin="round"></path>
</symbol>
<symbol fill="none" id="x-mark" stroke-width="1.5" viewBox="0 0 24 24">
<path d="M6 18L18 6M6 6l12 12" stroke-linecap="round" stroke-linejoin="round"></path>
</symbol>
</defs>
</svg>
<div class="page">
<main class="main">
<section class="catalog">
<div class="catalog__inner">
<h1 class="catalog__title">Список названий звёзд</h1>
<div class="catalog__layout" id="stars">
<aside class="catalog__sidebar">
<header class="catalog__sidebar-header">
<div class="catalog__sidebar-title">Фильтры</div>
<button class="button catalog__sidebar-close" type="button">
<svg width="24" height="24" class="button__icon">
<use href="#x-mark"></use>
</svg>
</button>
</header>
<form autocomplete="off" class="search">
<label class="visually-hidden">Искать</label>
<svg width="24" height="24" class="search__icon">
<use href="#magnifying-glass"></use>
</svg>
<input class="input search__control" placeholder="Поиск" type="text" />
<button class="button search__reset search__reset--hidden" type="button">
<svg width="24" height="24" class="button__icon">
<use href="#x-circle"></use>
</svg>
</button>
</form>
<form autocomplete="off" class="filters">
<div class="filters__group">
<label class="filters__label">Созвездие</label>
<select class="select" name="constellation">
<option selected value="">Любое</option>
</select>
</div>
<div class="filters__group">
<label class="filters__label">Видимая величина</label>
<div class="input-group">
<input class="input" name="min-magnitude" placeholder="От" type="text" />
<input class="input" name="max-magnitude" placeholder="до" type="text" />
</div>
</div>
<div class="filters__group">
<label class="filters__label">HR</label>
<div class="input-group">
<input class="input" name="min-hr" placeholder="От" type="text" />
<input class="input" name="max-hr" placeholder="до" type="text" />
</div>
</div>
<div class="filters__group">
<label class="filters__label">HIP</label>
<div class="input-group">
<input class="input" name="min-hip" placeholder="От" type="text" />
<input class="input" name="max-hip" placeholder="до" type="text" />
</div>
</div>
<div class="filters__group">
<label class="filters__label">HD</label>
<div class="input-group">
<input class="input" name="min-hd" placeholder="От" type="text" />
<input class="input" name="max-hd" placeholder="до" type="text" />
</div>
</div>
</form>
</aside>
<div class="catalog__content">
<form class="filter-panel">
<div class="filter-panel__count">
<div class="filter-panel__count-text">Результатов:</div>
</div>
<div class="filter-panel__sort">
<div class="filter-panel__control">
<label class="visually-hidden">Сортировка</label>
<select class="select" name="sort">
<option selected value="name">По названию</option>
<option value="hr">По возрастанию HR</option>
<option data-sort-dir="desc" value="hr">По убыванию HR</option>
<option value="hip">По возрастанию HIP</option>
<option data-sort-dir="desc" value="hip">По убыванию HIP</option>
<option value="hd">По возрастанию HD</option>
<option data-sort-dir="desc" value="hd">По убыванию HD</option>
</select>
</div>
</div>
</form>
<ul class="catalog__list list"></ul>
<button class="button button--primary catalog__trigger" type="button">
<svg width="24" height="24" class="button__icon">
<use href="#cog-8-tooth"></use>
</svg>
<span class="button__text">Открыть фильтры</span>
</button>
</div>
</div>
</div>
</section>
</main>
<footer class="footer">
<div class="footer__inner">
<div class="footer__text">Проект <a class="link" href="http://mywonderful.website/">Степана Любавцева</a></div>
</div>
</footer>
</div>
<script src="https://cdnjs.cloudflare.com/ajax/libs/list.js/2.3.1/list.min.js"></script>
<script src="/list-of-stars/index.da503a76.js" type="module"></script>
<script src="/list-of-stars/index.67180829.js" nomodule="" defer></script>
</body>
</html>