-
Notifications
You must be signed in to change notification settings - Fork 2
/
index.html
179 lines (171 loc) · 12.6 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Rivixal - Домашняя страница</title>
<link rel="shortcut icon" class="theme-fav" href="image/favicon.svg" media="(prefers-color-scheme: light)">
<link rel="shortcut icon" class="theme-fav" href="image/favicon-dark.svg" media="(prefers-color-scheme: dark)">
<link rel="stylesheet" href="styles/styles.css">
<link rel="stylesheet" href="styles/fonts.css">
<link href="styles/#" rel="stylesheet" id="theme-link">
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@48,300,1,0" />
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,[email protected],100..700,0..1,-50..200" />
</head>
<body>
<header>
<div class="header-container">
<a href="https://rivixal.github.io" class="logo">
<img src="image/logo.svg" alt="Rivixal">
</a>
<nav>
<ul class="hidepc">
<li><a href="index.html" class="material-symbols-outlined navigation-list-name active">home<span class="fontnav">Главная</span></a></li>
<li><a href="projects.html" class="material-symbols-outlined navigation-list-name">terminal<span class="fontnav">Проекты</span></a></li>
<li><a href="blog.html" class="material-symbols-outlined navigation-list-name">post<span class="fontnav">Блог</span></a></li>
<li><a href="soft.html" class="material-symbols-outlined navigation-list-name">view_cozy<span class="fontnav">Софт</span></a></li>
<li><a href="info.html" class="material-symbols-outlined navigation-list-name ">info<span class="fontnav">Инфо</span></a></li>
<li><a onclick="showDialog('dialog-settings')" class="material-symbols-outlined navigation-list-name">settings<span class="fontnav">Настройки</span></a></li>
</ul>
<ul class="hidemobile">
<li><a class="material-symbols-outlined navigation-list-name" id="morem">menu</a></li>
</ul>
</nav>
</div>
</header>
<div class="homebanner">
<div class="left-section opacity-animation">
<svg class="hello" xmlns="http://www.w3.org/2000/svg" height="48px" viewBox="0 -960 960 960" width="48px" fill="#5f6368"><path d="m434-498 276-275q9-9 21-9t21 9q9 9 9 21t-9 21L476-455l-42-43Zm104 104 247-247q9.07-9 21.53-9 12.47 0 21.47 8.84 9 8.84 9 21T828-599L580-351l-42-43ZM195-199q-91-91-91.5-218T194-635l122-122 42 42q12 12 19.5 28t8.5 30l163-164q9.07-9 21.53-9 12.47 0 21.47 9.05 9 9.06 9 21.5 0 12.45-9 21.45L389-575l-65 65 26 26q42 42 40.5 100.5T347-283l-7 7-42-43 7-7q25-25 25.5-58.5T307-442l-47-47q-9-9.07-9-21.53 0-12.47 9-21.47l56-55q17-17 17-42.5T316-672l-80 80q-73 73-72.5 175T237-242q74 74 177 75.5T590-238l241-241q9.07-9 21.53-9 12.47 0 21.47 8.84 9 8.84 9 21T874-437L633-196q-91 91-219 89.5T195-199Zm217-217ZM689-40l1-60q71 0 120.5-49.5T860-270l60-1q0 95.85-67.57 163.43Q784.85-40 689-40ZM40-689q0-95.85 67.57-163.43Q175.15-920 271-920l-1 60q-71 0-120.5 49.5T100-690l-60 1Z"/></svg>
<h1>Привет!</h1>
<br>
<h3>Этот сайт от одноименного ютубера, который занимается разработкой программного обеспечения и не только! Здесь вы найдете информацию о моих проектах, программировании, прошивках и многом другом.</h3>
<h2></h2>
<script src="script/facts.js"></script>
<br>
<h3 id="daysLeftMessage">Осталось дней до нового года: Загрузка</h3>
<br>
<div class="button-group">
<button class="youtube" onclick="document.location='https://youtube.com/@rivixal'">Youtube</button>
<button class="telegram" onclick="document.location='https://t.me/rivixal'">Telegram</button>
<button class="openvk" onclick="document.location='https://ovk.to/maydilsiel'">OpenVK</button>
<button class="github" onclick="document.location='https://github.com/Rivixal'">Github</button>
</div>
</div>
<div class="right-section opacity-animation">
<div class="video-container">
<iframe src="https://www.youtube.com/embed/videoseries?si=yn9vwvog39tp_BlD&list=PLnslurPptz9QDgXu4MEyjPm28AdvX9M9R" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe> </div>
</div>
</div>
<main>
<section class="universal">
<h2 style="text-align: center;">Новые посты</h2>
<div class="universal-container">
<div class="universal-card leftandright" onclick="document.location='posts/howtousemiflash.html'">
<h3>Как пользоваться MiFlash</h3>
<h3><span class="material-symbols-outlined" style="vertical-align: -3px; margin-left: 5px;">arrow_forward_ios</span></h3>
</div>
<div class="universal-card leftandright" onclick="document.location='posts/new-version-rivixal-clock-2.0.2.0.html'">
<h3>Вышла новая версия Rivixal Clock!</h3>
<h3><span class="material-symbols-outlined" style="vertical-align: -3px; margin-left: 5px;">arrow_forward_ios</span></h3>
</div>
<div class="universal-card leftandright" onclick="document.location='posts/firmware-viva-risingos1.1.html'">
<h3>Как прошиться на RisingOS 1.1</h3>
<h3><span class="material-symbols-outlined" style="vertical-align: -3px; margin-left: 5px;">arrow_forward_ios</span></h3>
</div>
</div>
</section>
<h2 style="text-align: center;">Специально для вас!</h2>
<section class="unique-banner" onclick="document.location='posts/new-version-rivixal-clock-2.0.2.0.html'">
<div class="unique-banner-icons">
<img src="image/clock.svg" alt="Rivixal Clock">
</div>
<div class="unique-banner-content">
<h1>Rivixal Clock</h1>
<p>Новое обновление Rivixal Clock стало еще удобнее и интуитивнее, также появилось много новшеств, которые вы точно оцените</p>
<p class="version">Версия приложения: 2.0.2.0 | Поддерживается с Windows 7 и выше</p>
</div>
</section>
<div class="container centerforbanner opacity-animation">
<h2>Баннеры друзей</h2>
<p>Если вы хотите быть здесь? Напишите в телеграмм <a href="https://t.me/rivixal_pm">@rivixal_pm</a></p>
<br>
<a href="https://ertorik.ru"><img src="https://ertorik.ru/img/ertorik/ertorik.png" class="img-fluid bg3"></a>
<a href="https://lisikpng.com"><img src="http://lisikpng.com/img/baner.png" class="img-fluid bg3"></a>
<a href="https://ost-sys.github.io/"><img src="image/ost.png" class="img-fluid bg3" alt="OST"></a>
<a href="https://justmurka.github.io/juststudio/rrvid"><img class="img-fluid bg3" src="https://github.com/JustMurka/IKLab/blob/main/photo/IKlembanner.jpg?raw=true" alt="IKlem" /></a>
<a href="http://web1.tinelix.ru"><img src="http://web1.tinelix.ru/banners/default.gif" class="bg3" border="0"></a>
<a href="https://dsys1100.github.io"><img src="image/dsys1100.png" class="img-fluid bg3" alt="dsys1100"></a>
<a href="http://lgrn-arts.ch" target="_blank"><img class="img-fluid bg3" src="http://lgrn-arts.ch/img/lgrn.gif" title="LGRN Arts"></a>
</div>
<div id="dialog-settings" class="dialog-setttings">
<div class="dialog-content-settings">
<span class="close" onclick="closeDialog('dialog-settings')">×</span>
<h1>Настройки</h1>
<br>
<hr noshade size="4" style="border-radius: 10px; color: #ffffff;">
<br>
<div class="container">
<h1>Сменить тему</h1>
<section class="universal">
<div class="universal-container">
<div class="universal-card leftandright lmode" onclick="toggleTheme('light')" id="dark-theme-container">
<h3>Светлая тема</h3>
<h3><span class="material-symbols-outlined" style="vertical-align: -3px; margin-left: 5px;">arrow_forward_ios</span></h3>
</div>
<div class="universal-card leftandright dmode" onclick="toggleTheme('dark')" id="dark-theme-container">
<h3>Темная тема</h3>
<h3><span class="material-symbols-outlined" style="vertical-align: -3px; margin-left: 5px;">arrow_forward_ios</span></h3>
</div>
<div class="universal-card leftandright" onclick="autoTheme('auto')" id="auto-theme-container">
<h3>Автоматический выбор</h3>
<h3><span class="material-symbols-outlined" style="vertical-align: -3px; margin-left: 5px;">arrow_forward_ios</span></h3>
</div>
</div>
</section>
</div>
</div>
</div>
<div id="dialog-message" class="dialog-message">
<div class="dmessage">
<svg class="warning" xmlns="http://www.w3.org/2000/svg" height="48px" viewBox="0 -960 960 960" width="48px" fill="#e8eaed"><path d="m40-120 440-760 440 760H40Zm104-60h672L480-760 144-180Zm340.18-57q12.82 0 21.32-8.68 8.5-8.67 8.5-21.5 0-12.82-8.68-21.32-8.67-8.5-21.5-8.5-12.82 0-21.32 8.68-8.5 8.67-8.5 21.5 0 12.82 8.68 21.32 8.67 8.5 21.5 8.5ZM454-348h60v-224h-60v224Zm26-122Z"/></svg>
<h1>Внимание!</h1>
<br>
<p>Страница недоступна: возможно, она была удалена или скрыта.</p>
<br>
<div class="universal-card leftandright" onclick="closeDialog('dialog-message')">
<h3>Закрыть</h3>
<h3><span class="material-symbols-outlined" style="vertical-align: -3px; margin-left: 5px;">check</span></h3>
</div>
</div>
</div>
</div>
<div class="sidebar">
<div class="sidebar-group">
<a id="closeBtn" onclick="closeSidebar()" class="material-symbols-outlined navigation-list-name">close<span class="fontnav">Закрыть меню</span></a>
</div>
<br>
<div class="sidebar-group">
<a href="index.html" class="material-symbols-outlined navigation-list-name active">home<span class="fontnav">Главная</span></a>
<a href="projects.html" class="material-symbols-outlined navigation-list-name">terminal<span class="fontnav">Проекты</span></a>
<a href="blog.html" class="material-symbols-outlined navigation-list-name">post<span class="fontnav">Блог</span></a>
<a href="soft.html" class="material-symbols-outlined navigation-list-name">view_cozy<span class="fontnav">Софт</span></a>
<a href="info.html" class="material-symbols-outlined navigation-list-name">info<span class="fontnav">Инфо</span></a>
</div>
<br>
<div class="sidebar-group">
<a onclick="toggleTheme('light')" id="dark-theme-container" class="material-symbols-outlined navigation-list-name lmode">light_mode</span><span class="fontnav">Светлая тема</span></a>
<a onclick="toggleTheme('dark')" id="dark-theme-container" class="material-symbols-outlined navigation-list-name dmode">dark_mode</span><span class="fontnav">Темная тема</span></a>
<a onclick="autoTheme('auto')" id="auto-theme-container" class="material-symbols-outlined navigation-list-name">motion_photos_auto</span><span class="fontnav">Автоматичекский выбор</span></a>
</div>
</div>
<script src="script/menu.js"></script>
<script src="script/dialog.js"></script>
<script src="script/birthday.js"></script>
<script src="script/themes.js"></script>
<script src="script/mainscript.js"></script>
</main>
<footer>
<p>© 2024 Rivixal. Все права защищены, исходный код в <a href="https://github.com/Rivixal/rivixal.github.io">Github</a></p>
</footer>
</body>
</html>