-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
166 lines (159 loc) · 5.86 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
165
166
<!doctype html>
<html lang="ru" prefix="og: https://ogp.me/ns#">
<head>
<meta charset="UTF-8" />
<meta property="og:title" content="Паспорта" />
<meta property="og:description" content="Паспорта граждан стран ОСИГ" />
<meta property="og:url" content="https://gooseob.github.io/passports/" />
<meta property="og:image" content="og.jpg" />
<title>Паспорта</title>
<link rel="stylesheet" href="/src/style.sass" />
<script type="module" src="/src/main.ts"></script>
</head>
<body class="loading">
<span id="country-code"></span>
<span id="country-code"></span>
<button class="p_btn" id="prev" tabindex="1"><<</button>
<div id="book-container">
<div id="book">
<div class="spread">
<div class="front">
<div id="f1" class="page front-content end">
<h1 id="title">ПАСПОРТ</h1>
<div id="country_and_herb">
<h2 id="country-name">ОБРАЗЕЦ</h2>
<div id="herb"></div>
</div>
<div class="p_bottom">
<svg id="osis" class="osis">
<use href="/src/sprite.svg#osis"></use>
</svg>
</div>
</div>
</div>
<div class="back">
<div id="b1" class="page back-content end">
<div class="p_bottom"></div>
</div>
</div>
</div>
<div class="spread">
<div class="front">
<div id="f2" class="page front-content f">
<div class="paper">
<span class="page-num">1</span>
</div>
</div>
</div>
<div class="back">
<div id="b2" class="page back-content b">
<div class="paper">
<button id="qr">
<canvas id="qr-canvas"></canvas>
</button>
<span class="page-num">2</span>
</div>
</div>
</div>
</div>
<div class="spread">
<div class="front">
<div id="f3" class="page front-content f">
<div class="paper">
<div class="main-content">
<span id="u_flag-container"><div id="u_flag"></div></span>
<h2 id="u_country">Название государства</h2>
<img
src="/standard-image/goose.svg"
alt="Фото"
id="u_photo"
/>
<span class="u_title">Имя</span>
<span class="u_title">ID VK</span>
<span class="u_output" id="u_name">Имя</span>
<span class="u_output" id="u_id">000000000</span>
<span class="u_title">Фамилия</span>
<span class="u_title">Дата рождения</span>
<span class="u_output" id="u_surname">Фамилия</span>
<span class="u_output" id="u_DoB">00.00.0000</span>
<span class="u_title u_sex">Пол</span>
<span class="u_title">Национальность</span>
<span class="u_title">Дата выдачи</span>
<span class="u_output u_sex" id="u_sex">М/Ж/#</span>
<span class="u_output" id="u_nationality">Гусь/Утка/#</span>
<span class="u_output" id="u_DoI">00.00.0000</span>
<span class="u_title" id="u_pdep"
>Паспортный департамент ОСИГ</span
>
</div>
<span class="page-num">3</span>
</div>
<div id="u_stamp">
<svg class="osis">
<use href="/src/sprite.svg#osis"></use>
</svg>
</div>
</div>
</div>
<div class="back">
<div id="b3" class="page back-content b">
<div class="paper">
<span class="page-num">4</span>
</div>
</div>
</div>
</div>
<div class="spread">
<div class="front">
<div id="f4" class="page front-content f">
<div class="paper marriages">
<span class="title"> Браки </span>
<div id="marriages">
<div class="card">
<div class="data">
<span> Имя Фамилия </span>
<span class="date"> 00.00.0000 </span>
</div>
<div class="divorce">Расторгнут 00.00.0000</div>
</div>
</div>
<span class="page-num">5</span>
</div>
</div>
</div>
<div class="back">
<div id="b4" class="page back-content b">
<div class="paper">
<span class="page-num">6</span>
</div>
</div>
</div>
</div>
<div class="spread">
<div class="front">
<div id="f5" class="page front-content end">
<div class="p_bottom"></div>
</div>
</div>
<div class="back">
<div id="b5" class="page back-content end">
<div class="p_bottom"></div>
</div>
</div>
</div>
</div>
<button id="rotate-btn" class="p_btn">Перевернуть</button>
<div id="id-form">
<input
id="id-input"
type="number"
min="1"
placeholder="№"
autocomplete="off"
/>
<button id="id-btn" class="p_btn"></button>
</div>
</div>
<button class="p_btn" id="next" tabindex="1">>></button>
</body>
</html>