mirror of
https://github.com/WerySkok/weryskok.ru.git
synced 2025-04-23 00:13:01 +03:00
111 lines
No EOL
3.3 KiB
HTML
111 lines
No EOL
3.3 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="ru">
|
|
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>Главная — WerySkok.ru</title>
|
|
<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">
|
|
<style>
|
|
body {
|
|
font-family: 'Inter', sans-serif;
|
|
margin: 0;
|
|
-webkit-touch-callout: none;
|
|
/* iOS Safari */
|
|
-webkit-user-select: none;
|
|
/* Chrome/Safari/Opera */
|
|
-khtml-user-select: none;
|
|
/* Konqueror */
|
|
-moz-user-select: none;
|
|
/* Firefox */
|
|
-ms-user-select: none;
|
|
/* Internet Explorer/Edge */
|
|
user-select: none;
|
|
/* Non-prefixed version, currently not supported by any browser */
|
|
}
|
|
|
|
.center {
|
|
position: absolute;
|
|
top: 50%;
|
|
left: 50%;
|
|
margin-right: -50%;
|
|
transform: translate(-50%, -50%);
|
|
padding: 0 5vmin;
|
|
max-width: 100vw;
|
|
}
|
|
|
|
h1 {
|
|
font-size: 3em;
|
|
}
|
|
|
|
a {
|
|
text-decoration-line: underline;
|
|
text-decoration-thickness: .05vmin;
|
|
}
|
|
|
|
nav {
|
|
background-color: #f8f8f8;
|
|
box-sizing: border-box;
|
|
display: flex;
|
|
align-items: center;
|
|
flex-flow: row nowrap;
|
|
padding: .5em;
|
|
justify-content: center;
|
|
}
|
|
|
|
a.sitelogo {
|
|
font-weight: 600;
|
|
font-size: 2.5em;
|
|
text-decoration: none;
|
|
color: black;
|
|
width: max-content;
|
|
}
|
|
|
|
.navigation {
|
|
list-style: none;
|
|
}
|
|
.navigation a {
|
|
text-decoration: none;
|
|
color: rgba(0,0,0,.8)
|
|
}
|
|
.navigation a:hover {
|
|
text-decoration: none;
|
|
background-color: rgba(0,0,0,.1);
|
|
}
|
|
</style>
|
|
<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="16x16" href="/favicon-16x16.png">
|
|
<link rel="manifest" href="/site.webmanifest">
|
|
<link rel="mask-icon" href="/safari-pinned-tab.svg" color="#5bbad5">
|
|
<meta name="msapplication-TileColor" content="#2d89ef">
|
|
<meta name="theme-color" content="#ffffff">
|
|
</head>
|
|
|
|
<body>
|
|
<nav>
|
|
<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>
|
|
<div class="center">
|
|
<h1>Привет!</h1>
|
|
<p>Я Александр, и это мой сайт.</p>
|
|
<ul>
|
|
<li><a href="https://t.me/WerySkok">Telegram</a></li>
|
|
<li><a href="https://vk.com/weryskok">ВКонтакте</a></li>
|
|
<li><a href="mailto:i_am@weryskok.ru">i_am@WerySkok.ru</a></li>
|
|
<li><a href="mailto:weryskok@gmail.com">weryskok@gmail.com</a></li>
|
|
</ul>
|
|
</div>
|
|
|
|
</body>
|
|
|
|
</html> |