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

начало

Browse source
This commit is contained in:
Alexander Minkin 2021-02-23 23:18:54 +03:00
parent 3ddb3a44b1
commit 912fdeac8c
1 changed files with 21 additions and 39 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

60
index.html
View file

@ -4,7 +4,7 @@
<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>Сайт готовится</title> <title>Главная — 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>
@ -40,7 +40,6 @@
} }
a { a {
text-decoration: dotted;
text-decoration-line: underline; text-decoration-line: underline;
text-decoration-thickness: .05vmin; text-decoration-thickness: .05vmin;
} }
@ -52,28 +51,27 @@
align-items: center; align-items: center;
flex-flow: row nowrap; flex-flow: row nowrap;
padding: .5em; padding: .5em;
justify-content: center;
} }
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-left: auto;
} }
.darkmode--activated .center { .navigation {
color: #fff; list-style: none;
} }
.navigation a {
.darkmode--activated .center a { text-decoration: none;
color: #5e5eff; color: rgba(0,0,0,.8)
} }
.navigation a:hover {
.darkmode--activated .center a:visited { text-decoration: none;
color: #895eff; background-color: rgba(0,0,0,.1);
} }
</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">
@ -88,10 +86,18 @@
<body> <body>
<nav> <nav>
<a class="sitelogo" href="https://weryskok.ru">WerySkok.ru</a> <a class="sitelogo" href="https://weryskok.ru">WerySkok.ru</a>
<ul class="navigation">
<li>
<a href="https://weryskok.space">Блог</a>
</li>
<li>
<a href="https://t.me/WerySkok">Telegram</a>
</li>
</ul>
</nav> </nav>
<div class="center"> <div class="center">
<h1>Сайт готовится</h1> <h1>Привет!</h1>
<p>Сайт только готовится к открытию, но если я вам срочно нужен, то вот вам мои контакты:</p> <p>Я Александр, и это мой сайт.</p>
<ul> <ul>
<li><a href="https://t.me/WerySkok">Telegram</a></li> <li><a href="https://t.me/WerySkok">Telegram</a></li>
<li><a href="https://vk.com/weryskok">ВКонтакте</a></li> <li><a href="https://vk.com/weryskok">ВКонтакте</a></li>
@ -99,30 +105,6 @@
<li><a href="mailto:weryskok@gmail.com">weryskok@gmail.com</a></li> <li><a href="mailto:weryskok@gmail.com">weryskok@gmail.com</a></li>
</ul> </ul>
</div> </div>
<script src="https://cdn.jsdelivr.net/npm/darkmode-js@1.5.7/lib/darkmode-js.min.js"></script>
<script>
const options = {
bottom: '64px', // default: '32px'
right: 'unset', // default: '32px'
left: '32px', // default: 'unset'
time: '0.5s', // default: '0.3s'
mixColor: '#fff', // default: '#fff'
backgroundColor: '#fff', // default: '#fff'
buttonColorDark: '#100f2c', // default: '#100f2c'
buttonColorLight: '#fff', // default: '#fff'
saveInCookies: true, // default: true,
label: '🌓', // default: ''
autoMatchOsTheme: true // default: true
}
const darkmode = new Darkmode(options);
darkmode.showWidget();
function addDarkmodeWidget() {
new Darkmode().showWidget();
}
window.addEventListener('load', addDarkmodeWidget);
</script>
</body> </body>