-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
269 lines (239 loc) · 13.8 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
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
<!DOCTYPE html>
<html lang="en">
<head>
<title>SuperSuslik312</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta name="yandex-verification" content="bf50da460ae46ae8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta name="description" content="SuperSuslik312 personal web-site">
<!-- Favicon -->
<link rel="shortcut icon" href="/src/favicon.ico" type="image/x-icon">
<link rel="icon" href="/src/favicon.ico" type="image/x-icon">
<!-- Grid & Icons -->
<link rel="stylesheet" href="/src/css/bootstrap.css">
<link rel="stylesheet" href="//cdn.materialdesignicons.com/6.5.95/css/materialdesignicons.min.css">
<link rel="stylesheet" href="//cdn.jsdelivr.net/npm/[email protected]/font/simple-icons.min.css">
<!-- Scripts -->
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<script src="/src/popper.min.js"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js"></script>
<script src="/src/i18n.js"></script>
<script src="/src/i18n_a.js"></script>
<!-- Styles -->
<style type="text/css">
/* body{background: #F5F5F5;color: #212121}
a{color: #444444} */
a:hover{color: #dc3545; text-decoration: none;}
/* .brand-text {
fill: #333;
} */
.brand-main {
fill: #f44336;
}
/* .nav-masthead .nav-link {
font-weight: 500;
color: #9E9E9E;
border-color: transparent;
}
.nav-masthead .active {
color: #212121;
border-bottom-color: #212121;
}
.nav-masthead .nav-link:hover,
.nav-masthead .nav-link:focus {
color: #f44336;
border-bottom-color: #f44336;
}
.social a {
background-color: rgba(0,0,0,.15);
text-align: center;
width: 2.5rem;
height: 2.5rem;
border-radius: 100%;
line-height: 2.5rem;
color: #212121;
font-size: 20px;
fill: #212121;
}
.social a:hover {
color: #dc3545;
}
.social a:active {
color: #fff;
} */
.social span {
font-size: 20px;
}
/* .dropdown-menu {
color: #212121;
background-color: #EEEEEE;
}
.dropdown-item {
color: #212121;
}
.dropdown-item:hover, .dropdown-item:focus {
color: #212121;
background-color: rgba(244,67,54,0.5);
}
.dropdown-item.active, .dropdown-item:active {
color: #212121;
background-color: #f44336;
} */
.dropdown-item.disabled, .dropdown-item:disabled {
color: #9E9E9E;
}
/* .tooltip-inner {
color: #f5f5f5;
background-color: #212121;
}
.lang-btn {
color: #212121;
} */
/* Dark Theme */
body{background: #111; color: #F5F5F5}
a{color: #444444}
.brand-text {
fill: #f5f5f5;
}
.nav-masthead .nav-link {
font-weight: 500;
color: #9E9E9E;
}
.nav-masthead .active {
color: #f5f5f5;
border-bottom-color: #F5F5F5;
}
.nav-masthead .nav-link:hover,
.nav-masthead .nav-link:focus {
color: #f44336;
border-bottom-color: #f44336;
}
.social a {
background-color: rgba(255,255,255,.1);
color: #BDBDBD;
fill: #BDBDBD;
}
.social a:hover {
color: #dc3545;
}
.social a:active {
color: #fff;
}
.mastfoot {
color: #444444;
}
.dropdown-menu {
color: #F5F5F5;
background-color: #212121;
}
.dropdown-item {
color: #f5f5f5;
}
.dropdown-item:hover, .dropdown-item:focus {
color: #f5f5f5;
background-color: rgba(244,67,54,0.5);
}
.dropdown-item.active, .dropdown-item:active {
color: #fff;
background-color: #f44336;
}
.tooltip-inner {
color: #212121;
background-color: #F5F5F5;
}
.lang-btn {
color: #ffffff;
}
</style>
</head>
<body class="text-center noselect pattern">
<div id="page-preloader">
<span class="spin mdi mdi-loading mdi-spin"></span>
<script type="text/javascript">
$(window).on('load', function () {
var $preloader = $('#page-preloader'),
$spinner = $preloader.find('.spin');
$spinner.fadeOut();
$preloader.delay(200).fadeOut('slow');
});
</script>
</div>
<div class="container d-flex w-100 h-100 p-3 mx-auto flex-column">
<header class="masthead mb-auto">
<div class="gsregular">
<span class="masthead-brand">
<svg class="brand" viewBox="0 0 89 21">
<path class="brand-main" d="M 0.0118 0.0035 C 1.0102 0.0029 2.0086 0.0035 3.007 0.0033 C 3.1228 0.0045 3.2386 0.0011 3.3542 0.0048 C 5.0161 2.167 6.6743 4.3326 8.3348 6.496 C 8.6058 6.8482 8.8741 7.2027 9.1475 7.5529 C 9.1475 7.5529 9.1586 7.5534 9.1586 7.5534 C 9.6404 6.9184 10.1287 6.2876 10.6129 5.6542 C 12.0571 3.7716 13.5012 1.8891 14.945 0.0064 C 14.9768 0.0008 15.0098 0.0032 15.043 0.0032 C 16.1253 0.0041 17.2075 0.002 18.2899 0.0044 C 15.6846 3.4048 13.0754 6.8025 10.4691 10.2022 C 10.4308 10.2372 10.4462 10.2912 10.4438 10.3367 C 10.4442 12.3567 10.4438 14.3766 10.4441 16.3965 C 10.4434 17.3394 10.4454 18.2823 10.443 19.225 C 9.5811 19.2269 8.7193 19.2269 7.8577 19.225 C 7.8552 16.2623 7.8573 13.2995 7.8567 10.3367 C 7.8523 10.2948 7.8693 10.2454 7.8396 10.2105 C 6.6899 8.7116 5.5404 7.2126 4.3904 5.7141 C 2.9314 3.81 1.4696 1.9084 0.0118 0.0035 Z" />
<path class="brand-main" d="M 23.1403 6.4004 C 24.0445 6.3428 24.9623 6.4737 25.8115 6.7931 C 26.678 7.1177 27.4737 7.6329 28.1215 8.2934 C 28.8742 9.0474 29.4283 9.9967 29.7245 11.0198 C 29.8537 11.4682 29.9333 11.9306 29.9625 12.3963 C 29.9712 12.4612 29.9614 12.5269 29.9729 12.5917 C 29.9839 12.9713 29.9638 13.3515 29.9099 13.7276 C 29.7965 14.5191 29.5331 15.2893 29.1358 15.9832 C 28.4953 17.1096 27.5063 18.034 26.337 18.5929 C 25.5538 18.9702 24.6922 19.184 23.8236 19.2183 C 23.7342 19.2116 23.6457 19.2319 23.5568 19.2259 C 23.4671 19.2319 23.3786 19.2116 23.2894 19.2183 C 22.4726 19.1856 21.6619 18.9949 20.9167 18.6581 C 20.1148 18.2951 19.3867 17.7666 18.7976 17.1125 C 17.93 16.1588 17.3602 14.9374 17.1954 13.6578 C 17.1539 13.3424 17.1357 13.025 17.1377 12.7072 C 17.1352 12.6401 17.1507 12.5738 17.1462 12.5069 C 17.1711 11.936 17.2742 11.3683 17.4497 10.8242 C 17.6621 10.1682 17.9819 9.5473 18.3919 8.9931 C 18.5691 8.7563 18.7576 8.527 18.9684 8.3191 C 19.7295 7.5321 20.7003 6.9521 21.7504 6.6441 C 22.2031 6.5132 22.6699 6.4303 23.1403 6.4004 M 23.364 8.9787 C 22.4649 9.0229 21.586 9.3968 20.9332 10.0169 C 20.8192 10.1305 20.7035 10.2426 20.6032 10.3687 C 20.413 10.6004 20.2474 10.853 20.1168 11.1231 C 19.8654 11.6294 19.7358 12.1932 19.7251 12.7575 C 19.7215 13.2775 19.8198 13.7995 20.022 14.2792 C 20.352 15.0764 20.9619 15.7523 21.7192 16.1651 C 22.2396 16.4525 22.8302 16.6148 23.4246 16.6328 C 23.5118 16.6421 23.6009 16.6421 23.6886 16.6328 C 24.2133 16.6177 24.7336 16.488 25.2073 16.2626 C 25.8305 15.9645 26.37 15.4951 26.7508 14.9188 C 27.1994 14.2465 27.4251 13.4279 27.3834 12.621 C 27.3427 11.7055 26.9564 10.8102 26.3179 10.1527 C 26.2684 10.0886 26.2009 10.0424 26.1466 9.9835 C 25.92 9.7766 25.6692 9.5963 25.4007 9.4481 C 24.7832 9.1055 24.0686 8.9441 23.364 8.9787 Z" />
<path class="brand-main" d="M 35.4264 0.0041 C 37.9745 0.002 40.5228 0.0041 43.0708 0.0032 C 43.7604 0.0252 44.4477 0.1496 45.0995 0.3775 C 46.1707 0.7484 47.1469 1.4012 47.8819 2.2658 C 48.2675 2.718 48.5855 3.2278 48.8176 3.7746 C 49.2732 4.8414 49.3837 6.0502 49.1306 7.1818 C 48.889 8.2798 48.3051 9.2934 47.5005 10.0755 C 46.7852 10.7788 45.898 11.303 44.9433 11.6084 C 44.921 11.6153 44.9174 11.6287 44.9327 11.6482 C 45.9445 13.4137 46.9539 15.1806 47.9651 16.9465 C 48.395 17.7 48.8278 18.452 49.2572 19.2058 C 49.2572 19.2058 49.2613 19.2266 49.2613 19.2266 C 48.2756 19.2257 47.2899 19.2261 46.3043 19.2263 C 46.2783 19.2036 46.2681 19.1686 46.2503 19.1411 C 45.0215 16.994 43.7921 14.8472 42.5634 12.6999 C 42.4168 12.4452 42.272 12.1893 42.1243 11.9356 C 42.0899 11.9252 42.0531 11.9325 42.0194 11.9308 C 40.6897 11.9308 39.3603 11.9313 38.0306 11.9306 C 38.0265 11.932 38.0181 11.9347 38.0138 11.936 C 38.0113 14.3655 38.0145 16.7953 38.0122 19.225 C 37.1503 19.227 36.2882 19.227 35.4261 19.225 C 35.4244 15.5166 35.426 11.808 35.4255 8.0998 C 35.4261 5.4013 35.4241 2.7028 35.4264 0.0041 M 38.0139 2.5917 C 38.0115 2.953 38.0135 3.3146 38.0129 3.6758 C 38.0134 5.5635 38.0119 7.451 38.0138 9.3386 C 38.0439 9.3509 38.0795 9.3406 38.113 9.3434 C 39.7378 9.3437 41.3627 9.3433 42.9877 9.3437 C 43.9387 9.316 44.8865 8.9613 45.5938 8.3193 C 45.6551 8.2579 45.7244 8.2045 45.7796 8.1366 C 46.2174 7.6803 46.5279 7.0968 46.633 6.4711 C 46.753 5.7956 46.6221 5.0828 46.2876 4.4853 C 45.9635 3.8982 45.4576 3.4217 44.8722 3.0997 C 44.3064 2.7873 43.6656 2.616 43.0207 2.5906 C 41.3517 2.5921 39.6828 2.5894 38.0139 2.5917 Z" />
<path class="brand-text" d="M 55.2747 0.0041 C 56.1365 0.0027 56.9985 0.0027 57.8602 0.0044 C 57.863 2.7746 57.8594 5.5452 57.8621 8.3157 C 59.876 8.318 61.8903 8.3161 63.9043 8.3168 C 65.4341 8.3161 66.964 8.318 68.4939 8.3157 C 68.4966 5.5452 68.4929 2.7746 68.4958 0.0041 C 69.3575 0.0027 70.2195 0.0027 71.0812 0.0044 C 71.0833 3.7322 71.0816 7.4601 71.0823 11.188 C 71.0817 13.867 71.0832 16.546 71.0816 19.225 C 70.2195 19.227 69.3573 19.227 68.4954 19.225 C 68.4931 16.4517 68.4965 13.6784 68.4939 10.9053 C 66.6413 10.903 64.7885 10.905 62.9359 10.9043 C 61.2447 10.905 59.5533 10.9031 57.8622 10.9051 C 57.8594 13.6783 57.8627 16.4517 57.8605 19.225 C 56.9985 19.227 56.1362 19.227 55.2744 19.2249 C 55.2727 14.7375 55.2743 10.2501 55.2737 5.7627 C 55.2744 3.8432 55.2724 1.9236 55.2747 0.0041 Z" />
<path class="brand-text" d="M 82.0267 6.4085 C 82.6977 6.3548 83.3778 6.4036 84.0336 6.5586 C 85.0706 6.801 86.0416 7.3121 86.8342 8.0229 C 86.9152 8.0916 86.9855 8.1719 87.0687 8.2389 C 87.2582 8.4389 87.448 8.6395 87.615 8.859 C 88.226 9.6403 88.6535 10.5646 88.8445 11.5381 C 88.9199 11.9009 88.9555 12.2708 88.9694 12.6403 C 88.9678 14.8352 88.9707 17.0302 88.9679 19.225 C 88.1061 19.2269 87.2443 19.2269 86.3826 19.225 C 86.3789 18.8048 86.3846 18.3843 86.38 17.964 C 86.2594 18.0417 86.1464 18.1314 86.0237 18.206 C 85.0431 18.84 83.8841 19.1971 82.7166 19.2198 C 82.6278 19.2299 82.5384 19.2263 82.4501 19.2251 C 82.3553 19.2106 82.2597 19.2246 82.1657 19.2112 C 80.9589 19.1453 79.7755 18.7218 78.7976 18.0126 C 77.7808 17.2828 76.988 16.2475 76.5464 15.0763 C 76.305 14.4366 76.166 13.7576 76.1403 13.0745 C 76.1353 12.9311 76.1244 12.7872 76.1357 12.6437 C 76.1459 12.577 76.1334 12.5095 76.1443 12.4429 C 76.1775 11.8221 76.3026 11.2057 76.5144 10.6211 C 76.9332 9.4552 77.7021 8.42 78.6918 7.6762 C 79.6531 6.9483 80.8246 6.5027 82.0267 6.4085 M 82.3577 8.9787 C 82.1418 8.993 81.9261 9.0179 81.7156 9.0671 C 81.1287 9.1974 80.575 9.4709 80.1118 9.8538 C 79.7002 10.196 79.3583 10.6227 79.1209 11.1028 C 78.8538 11.6344 78.7201 12.2302 78.7194 12.8241 C 78.7248 13.2243 78.7878 13.6253 78.9141 14.0059 C 79.179 14.8098 79.718 15.5207 80.4237 15.9887 C 80.978 16.3624 81.6321 16.5846 82.2992 16.6283 C 82.4266 16.6304 82.5547 16.6496 82.6825 16.6328 C 83.4038 16.6124 84.117 16.3761 84.7119 15.9681 C 85.1822 15.6465 85.5788 15.219 85.8654 14.7265 C 86.1146 14.2969 86.2811 13.8185 86.3468 13.3258 C 86.4303 12.7243 86.3673 12.1028 86.164 11.5301 C 85.9964 11.0519 85.7289 10.6109 85.3905 10.2344 C 85.0578 9.8669 84.6521 9.5662 84.2063 9.3498 C 83.6334 9.0751 82.9918 8.9478 82.3577 8.9787 Z" />
</svg>
</span>
<nav class="nav nav-masthead justify-content-center">
<a class="nav-link active" href="#" id="nav_home"></a>
<a class="nav-link dropdown-toggle" href="#" id="nav_about" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"><span id="nav_about"></span></a>
<div class="dropdown-menu " aria-labelledby="projects">
<a class="dropdown-item" href="/about/" id="about"></a>
<a class="dropdown-item" href="/about/system/" id="about-system"></a>
<a class="dropdown-item" href="/about/movies/" id="about-movies"></a>
</div>
<div class="nav-link dropleft">
<span id="lang" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" class="mdi mdi-web"></span>
<div class="dropdown-menu " aria-labelledby="lang">
<a class="dropdown-item" href="?setLng=ru">Русский</a>
<a class="dropdown-item" href="?setLng=en">English</a>
</div>
</div>
</nav>
</div>
</header>
<main role="main">
<h1 class="display-5 gsbold" id="name"></h1>
<p class="lead gsregular" id="name1"></p>
<br>
<p class="social d-flex justify-content-center">
<a href="//t.me/SuperSuslik312" class="mx-2 telegram" data-tooltip="Telegram">
<span class="si si-telegram"></span>
</a>
<a href="//matrix.cutefunny.art/#/@supersuslik312:cutefunny.art" class="mx-2 matrix" data-tooltip="Matrix">
<span class="si si-matrix"></span>
</a>
<a href="//vk.com/SuperSuslik312" class="mx-2 vk" data-tooltip="VK">
<span class="si si-vk"></span>
</a>
<a href="//x.com/SuperSuslik312/" class="mx-2 x" data-tooltip="X">
<span class="si si-x"></span>
</a>
<a rel="me" href="//uwu.social/@SuperSuslik312" class="mx-2 mastodon" data-tooltip="Mastodon">
<span class="si si-mastodon">
</a>
</p>
<p class="social d-flex justify-content-center">
<a href="//github.com/SuperSuslik312" class="mx-2 github" data-tooltip="GitHub">
<span class="si si-github"></span>
</a>
<a href="//steamcommunity.com/id/SuperSuslik312/" class="mx-2 steam" data-tooltip="Steam">
<span class="si si-steam"></span>
</a>
<a href="//shikimori.me/SuperSuslik312" class="mx-2 shikimori" data-tooltip="Shikimori">
<span class="si si-shikimori"></span>
</a>
</p>
</main>
<footer class="mastfoot mt-auto">
<div class="inner gsregular">
<small class="text-muted">
Copyleft <span class="mdi mdi-copyleft"></span> 2021-<script>var DT = new Date(); document.write(DT.getFullYear());</script> - <a href="#">SuperSuslik312</a> - All Wrongs Reserved
<br>
<a href="//github.com/SuperSuslik312/SuperSuslik312.github.io">Site Repository on GitHub</a>
</small>
</div>
</footer>
</div>
<script type="text/javascript">
$('#lang').on('show.bs.dropdown', function () {
})
</script>
</body>
</html>