WerySkok/weryskok.ru
1
0
Fork 0
mirror of https://github.com/WerySkok/weryskok.ru.git synced 2025-06-25 19:05:48 +03:00
Code Issues Projects Releases Packages Wiki Activity

wut

Browse source
This commit is contained in:
Alexander Minkin 2021-05-09 00:31:21 +03:00
parent 078c802329
commit 74311cd331
3 changed files with 174 additions and 174 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

6
.gitignore vendored
View file

@ -1,3 +1,3 @@
minified/* minified/*
index.min.html index.min.html
404.min.html 404.min.html

214
404.html
View file

@ -1,108 +1,108 @@
<!DOCTYPE html> <!DOCTYPE html>
<html lang="ru"> <html lang="ru">
<head> <head>
<meta charset="UTF-8"> <meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>404 — WerySkok.ru</title> <title>404 — WerySkok.ru</title>
<link rel="preconnect" href="https://fonts.gstatic.com"> <link rel="preconnect" href="https://fonts.gstatic.com">
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&display=swap" rel="stylesheet"> <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&display=swap" rel="stylesheet">
<style> <style>
body { body {
font-family: 'Inter', sans-serif; font-family: 'Inter', sans-serif;
margin: 0; margin: 0;
-webkit-touch-callout: none; -webkit-touch-callout: none;
/* iOS Safari */ /* iOS Safari */
-webkit-user-select: none; -webkit-user-select: none;
/* Chrome/Safari/Opera */ /* Chrome/Safari/Opera */
-khtml-user-select: none; -khtml-user-select: none;
/* Konqueror */ /* Konqueror */
-moz-user-select: none; -moz-user-select: none;
/* Firefox */ /* Firefox */
-ms-user-select: none; -ms-user-select: none;
/* Internet Explorer/Edge */ /* Internet Explorer/Edge */
user-select: none; user-select: none;
/* Non-prefixed version, currently not supported by any browser */ /* Non-prefixed version, currently not supported by any browser */
} }
.center { .center {
position: absolute; position: absolute;
top: 50%; top: 50%;
left: 50%; left: 50%;
margin-right: -50%; margin-right: -50%;
transform: translate(-50%, -50%); transform: translate(-50%, -50%);
padding: 0 5vmin; padding: 0 5vmin;
max-width: 100vw; max-width: 100vw;
} }
h1 { h1 {
font-size: 3em; font-size: 3em;
} }
nav { nav {
background-color: #f8f8f8; background-color: #f8f8f8;
box-sizing: border-box; box-sizing: border-box;
display: flex; display: flex;
align-items: center; align-items: center;
flex-flow: row nowrap; flex-flow: row nowrap;
padding: .5em; padding: .5em;
} }
a.sitelogo { a.sitelogo {
font-weight: 600; font-weight: 600;
font-size: 2.5em; font-size: 2.5em;
text-decoration: none; text-decoration: none;
color: black; color: black;
width: max-content; width: max-content;
margin-right: auto; margin-right: auto;
margin-left: auto; margin-left: auto;
} }
.darkmode--activated .center { .darkmode--activated .center {
color: #fff; color: #fff;
} }
</style> </style>
<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png"> <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png"> <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png"> <link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
<link rel="manifest" href="/site.webmanifest"> <link rel="manifest" href="/site.webmanifest">
<link rel="mask-icon" href="/safari-pinned-tab.svg" color="#5bbad5"> <link rel="mask-icon" href="/safari-pinned-tab.svg" color="#5bbad5">
<meta name="msapplication-TileColor" content="#2d89ef"> <meta name="msapplication-TileColor" content="#2d89ef">
<meta name="theme-color" content="#ffffff"> <meta name="theme-color" content="#ffffff">
</head> </head>
<body> <body>
<nav> <nav>
<a class="sitelogo" href="https://weryskok.ru">WerySkok.ru</a> <a class="sitelogo" href="https://weryskok.ru">WerySkok.ru</a>
</nav> </nav>
<div class="center"> <div class="center">
<h1>Ошибка 404</h1> <h1>Ошибка 404</h1>
<p>Здесь ничего нет, зря ищешь. Приходи, когда сайт будет готов.</p> <p>Здесь ничего нет, зря ищешь. Приходи, когда сайт будет готов.</p>
</div> </div>
<script src="https://cdn.jsdelivr.net/npm/darkmode-js@1.5.7/lib/darkmode-js.min.js"></script> <script src="https://cdn.jsdelivr.net/npm/darkmode-js@1.5.7/lib/darkmode-js.min.js"></script>
<script> <script>
const options = { const options = {
bottom: '64px', // default: '32px' bottom: '64px', // default: '32px'
right: 'unset', // default: '32px' right: 'unset', // default: '32px'
left: '32px', // default: 'unset' left: '32px', // default: 'unset'
time: '0.5s', // default: '0.3s' time: '0.5s', // default: '0.3s'
mixColor: '#fff', // default: '#fff' mixColor: '#fff', // default: '#fff'
backgroundColor: '#fff', // default: '#fff' backgroundColor: '#fff', // default: '#fff'
buttonColorDark: '#100f2c', // default: '#100f2c' buttonColorDark: '#100f2c', // default: '#100f2c'
buttonColorLight: '#fff', // default: '#fff' buttonColorLight: '#fff', // default: '#fff'
saveInCookies: true, // default: true, saveInCookies: true, // default: true,
label: '🌓', // default: '' label: '🌓', // default: ''
autoMatchOsTheme: true // default: true autoMatchOsTheme: true // default: true
} }
const darkmode = new Darkmode(options); const darkmode = new Darkmode(options);
darkmode.showWidget(); darkmode.showWidget();
function addDarkmodeWidget() { function addDarkmodeWidget() {
new Darkmode().showWidget(); new Darkmode().showWidget();
} }
window.addEventListener('load', addDarkmodeWidget); window.addEventListener('load', addDarkmodeWidget);
</script> </script>
</body> </body>
</html> </html>

128
index.html
View file

@ -1,65 +1,65 @@
<!DOCTYPE html> <!DOCTYPE html>
<html lang="ru"> <html lang="ru">
<head> <head>
<meta charset="UTF-8"> <meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Главная — WerySkok.ru</title> <title>Главная — WerySkok.ru</title>
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0-beta2/dist/css/bootstrap.min.css" rel="stylesheet" <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0-beta2/dist/css/bootstrap.min.css" rel="stylesheet"
integrity="sha384-BmbxuPwQa2lc/FVzBcNJ7UAyJxM6wuqIj61tLrc4wSX0szH/Ev+nYRRuWlolflfl" crossorigin="anonymous"> integrity="sha384-BmbxuPwQa2lc/FVzBcNJ7UAyJxM6wuqIj61tLrc4wSX0szH/Ev+nYRRuWlolflfl" crossorigin="anonymous">
<link rel="preconnect" href="https://fonts.gstatic.com"> <link rel="preconnect" href="https://fonts.gstatic.com">
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&display=swap" rel="stylesheet"> <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&display=swap" rel="stylesheet">
<style> <style>
body { body {
font-family: 'Inter', sans-serif; font-family: 'Inter', sans-serif;
} }
</style> </style>
<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png"> <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png"> <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png"> <link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
<link rel="manifest" href="/site.webmanifest"> <link rel="manifest" href="/site.webmanifest">
<link rel="mask-icon" href="/safari-pinned-tab.svg" color="#5bbad5"> <link rel="mask-icon" href="/safari-pinned-tab.svg" color="#5bbad5">
<meta name="msapplication-TileColor" content="#2d89ef"> <meta name="msapplication-TileColor" content="#2d89ef">
<meta name="theme-color" content="#ffffff"> <meta name="theme-color" content="#ffffff">
</head> </head>
<body> <body>
<nav class="navbar navbar-expand-lg navbar-light bg-light"> <nav class="navbar navbar-expand-lg navbar-light bg-light">
<div class="container"> <div class="container">
<a class="navbar-brand" href="https://weryskok.ru">WerySkok.ru</a> <a class="navbar-brand" href="https://weryskok.ru">WerySkok.ru</a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" <button class="navbar-toggler" type="button" data-bs-toggle="collapse"
data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false"
aria-label="Открыть меню"> aria-label="Открыть меню">
<span class="navbar-toggler-icon"></span> <span class="navbar-toggler-icon"></span>
</button> </button>
<div class="collapse navbar-collapse" id="navbarSupportedContent"> <div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="navbar-nav me-auto mb-2 mb-lg-0"> <ul class="navbar-nav me-auto mb-2 mb-lg-0">
<li class="nav-item"> <li class="nav-item">
<a class="nav-link" href="https://weryskok.space">Блог</a> <a class="nav-link" href="https://weryskok.space">Блог</a>
</li> </li>
<li class="nav-item"> <li class="nav-item">
<a class="nav-link" href="https://t.me/WerySkok">Telegram</a> <a class="nav-link" href="https://t.me/WerySkok">Telegram</a>
</li> </li>
</ul> </ul>
</div> </div>
</div> </div>
</nav> </nav>
<main> <main>
<div class="text-center py-5 px-3"> <div class="text-center py-5 px-3">
<h1 class="display-3">Привет!</h1> <h1 class="display-3">Привет!</h1>
<p>Я Александр, и это мой сайт.</p> <p>Я Александр, и это мой сайт.</p>
<div class="btn-group-vertical"> <div class="btn-group-vertical">
<a class="btn btn-secondary" href="https://t.me/WerySkok">Telegram</a> <a class="btn btn-secondary" href="https://t.me/WerySkok">Telegram</a>
<a class="btn btn-secondary" href="https://vk.com/weryskok">ВКонтакте</a> <a class="btn btn-secondary" href="https://vk.com/weryskok">ВКонтакте</a>
<a class="btn btn-secondary" href="mailto:i_am@weryskok.ru">i_am@WerySkok.ru</a> <a class="btn btn-secondary" href="mailto:i_am@weryskok.ru">i_am@WerySkok.ru</a>
<a class="btn btn-secondary" href="mailto:weryskok@gmail.com">weryskok@gmail.com</a> <a class="btn btn-secondary" href="mailto:weryskok@gmail.com">weryskok@gmail.com</a>
</div> </div>
</div> </div>
</main> </main>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0-beta2/dist/js/bootstrap.bundle.min.js" <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0-beta2/dist/js/bootstrap.bundle.min.js"
integrity="sha384-b5kHyXgcpbZJO/tY9Ul7kGkf1S0CWuKcCD38l8YkeH8z8QjE0GmW1gYU5S9FOnJ0" integrity="sha384-b5kHyXgcpbZJO/tY9Ul7kGkf1S0CWuKcCD38l8YkeH8z8QjE0GmW1gYU5S9FOnJ0"
crossorigin="anonymous"></script> crossorigin="anonymous"></script>
</body> </body>
</html> </html>