Skip to content

Commit

Permalink
Deploying to gh-pages from @ 83bd1e5 🚀
Browse files Browse the repository at this point in the history
  • Loading branch information
@eugene-serb
eugene-serb committed Oct 25, 2023
1 parent 7026251 commit 3327eb3
Show file tree
Hide file tree
Showing 21 changed files with 1,497 additions and 0 deletions.
88 changes: 88 additions & 0 deletions 404.md
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,88 @@
<html lang="en-us" dir="ltr" xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<meta name="theme-color" media="(prefers-color-scheme: light)" content="#4ECBD9" />
<meta name="theme-color" media="(prefers-color-scheme: dark)" content="#087E8B" />
<meta name="color-scheme" content="light dark" />

<meta name="google-site-verification" content="qLQbgnmQEfvprDF8WR6oL_b_Qt0R9kKcIEOfHqWlFm8" />
<meta name="yandex-verification" content="e6e0bff7caaa7ecd" />
<meta name="msvalidate.01" content="6E1771734F083E5366205F06314C3577" />
<meta name='wmail-verification' content='46d069b79f9c774ce0bbf55f46aef201' />

<link rel="canonical" href="https://eugene-serb.github.io/404" />
<link rel="shortcut icon" type="image/x-icon" href="./img/favicon.ico" />
<link rel="apple-touch-icon" sizes="180x180" href="./img/apple-touch-icon.png" />
<link rel="icon" type="image/png" sizes="32x32" href="./img/favicon-32x32.png" />
<link rel="icon" type="image/png" sizes="16x16" href="./img/favicon-16x16.png" />
<link rel="manifest" href="./site.webmanifest" />
<link rel="stylesheet" type="text/css" href="./css/index.css" />

<style type="text/css">
div.markdown-body > h1, div.footer {
display: none;
}

@media only screen and (min-width: 360px) {
.px-3 {
padding-right: 0 !important;
padding-left: 0 !important;
}

.my-5 {
margin-top: 0 !important;
margin-bottom: 0 !important;
}
}

.banner-container {
min-height: 100vh;
display: flex;
}

.banner {
margin: auto;
padding: 16px;
}
</style>

<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-4NB4LGNNLB"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag() { dataLayer.push(arguments); }
gtag('js', new Date());

gtag('config', 'G-4NB4LGNNLB');
</script>
<!-- Global site tag (gtag.js) - Google Analytics -->
<!-- Yandex.Metrika counter -->
<script type="text/javascript">
(function (m, e, t, r, i, k, a) {
m[i] = m[i] || function () { (m[i].a = m[i].a || []).push(arguments) };
m[i].l = 1 * new Date(); k = e.createElement(t), a = e.getElementsByTagName(t)[0], k.async = 1, k.src = r, a.parentNode.insertBefore(k, a)
})
(window, document, "script", "https://mc.yandex.ru/metrika/tag.js", "ym");

ym(79722217, "init", {
clickmap: true,
trackLinks: true,
accurateTrackBounce: true,
webvisor: true
});
</script>
<!-- /Yandex.Metrika counter -->
</head>
<body>
<section class="banner-container">
<div class="banner">
<h1>404</h1>
<span>File not found. Please, go to the </span><a href="https://eugene-serb.github.io/" target="_self">homepage</a><br />
<span>Contact me </span><a href="https://t.me/eugene_serb/" target="_blank">@eugene_serb</a>
</div>
</section>
<noscript><div><img src="https://mc.yandex.ru/watch/76610724" style="position:absolute; left:-9999px;" alt="" /></div></noscript>
</body>
</html>
674 changes: 674 additions & 0 deletions LICENSE.md
View file

Large diffs are not rendered by default.

141 changes: 141 additions & 0 deletions css/base.css
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,141 @@
@charset 'UTF-8';

*,
::after,
::before {
margin: 0;
padding: 0;
box-sizing: border-box;
}

html {
font-family: 'Press Start 2P', cursive;
direction: ltr;
font-size: 10px;
line-height: 1.382em;
}

body {
display: flex;
flex-direction: column;
justify-content: space-between;
min-height: 100vh;
background: var(--color-background);
}

::selection {
background: var(--color-selection);
}

:focus {
border-bottom: var(--number-border-size) solid var(--color-selection);
}

:focus-visible {
outline: var(--number-border-size) solid var(--color-selection);
border-color: transparent;
}

h1,
h2,
h3,
h4,
h5,
h6 {
color: var(--color-text-header);
font-weight: 500;
margin-block-start: 0.382em;
margin-block-end: 0.618em;
line-height: 1.382em;
}

h1 {
font-size: 2em;
}

h2 {
font-size: 1.5em;
}

h3 {
font-size: 1.17em;
}

h4 {
font-size: 1em;
}

h5 {
font-size: 0.83em;
}

h6 {
font-size: 0.67em;
}

big {
font-size: larger;
}

small {
font-size: smaller;
}

span,
p,
article,
blockquote {
color: var(--color-text);
font-weight: 300;
}

ol,
ul {
padding: 16px;
}

ul {
list-style-type: circle;
}

a {
background-color: transparent;
border-bottom: var(--number-border-size) solid transparent;
font-weight: 500;
color: var(--color-link);
text-decoration: none;
}

a:hover {
border-bottom: var(--number-border-size) solid var(--color-link-hover);
color: var(--color-link-hover);
transition: all 0.5s ease;
text-decoration: none;
}

dl dd:last-child {
margin-bottom: 0;
}

dt {
margin-bottom: 4px;
font-size: 18px;
font-weight: 500;
font-style: oblique;
}

dd {
margin-bottom: 16px;
padding-left: 16px;
font-size: 16px;
font-weight: 300;
font-style: normal;
}

kbd {
padding: 0 0.5ch;
border: 2px solid var(--color-d-monocromatic-d);
border-radius: 2px;
line-height: 24px;
font-size: 14px;
}
114 changes: 114 additions & 0 deletions css/declarations.css
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,114 @@
@charset 'UTF-8';

@import url('https://fonts.googleapis.com/css2?family=Press+Start+2P&display=swap');

:root {
/* Base numbers */
--number-border-radius: 8px;
--number-border-size: 2px;
/* Components sizes */
--number-form-border-size: var(--number-border-size);
--number-form-border-radius: var(--number-border-radius);
--number-header-focus-border-size: var(--number-border-size);
--number-content-border-size: var(--number-border-size);
--number-content-border-radius: var(--number-border-radius);
}

:root {
/* Base colors */
--color-white: #ffffff;
--color-black: #000000;
/* Palette of five colors */
--color-a: #087e8b;
--color-b: #ff5a5f;
--color-c: #3c3c3c;
--color-d: #f5f5f5;
--color-e: #c1839f;
/* Palette A -- monochromatic */
--color-a-monocromatic-a: #0dc4d9;
--color-a-monocromatic-b: #39959f;
--color-a-monocromatic-c: #4ecbd9;
--color-a-monocromatic-d: #055159;
/* Palette B -- monochromatic */
--color-b-monocromatic-a: #802d2f;
--color-b-monocromatic-b: #ffa6a9;
--color-b-monocromatic-c: #805354;
--color-b-monocromatic-d: #cc474c;
/* Palette C -- monochromatic */
--color-c-monocromatic-a: #8a8a8a;
--color-c-monocromatic-b: #573d3d;
--color-c-monocromatic-c: #8a6060;
--color-c-monocromatic-d: #d6d6d6;
/* Palette D -- monochromatic */
--color-d-monocromatic-a: #757575;
--color-d-monocromatic-b: #f7adad;
--color-d-monocromatic-c: #755252;
--color-d-monocromatic-d: #c2c2c2;
/* Palette E -- monochromatic */
--color-e-monocromatic-a: #422d37;
--color-e-monocromatic-b: #cc4e86;
--color-e-monocromatic-c: #42192c;
--color-e-monocromatic-d: #8f6176;
}

@media (prefers-color-scheme: light) {
:root {
/* Base colors */
--color-border: #4ecbd940;
--color-background: var(--color-white);
--color-text: var(--color-c);
--color-text-header: var(--color-c);
--color-link: var(--color-a);
--color-link-hover: var(--color-a-monocromatic-a);
--color-selection: var(--color-a-monocromatic-c);
--color-fieldset-border: #4ecbd940;
--color-table-header-background: var(--color-a);
--color-table-header-text: var(--color-d);
--color-table-item: var(--color-a-monocromatic-a);
/* Components colors */
--color-header-background: var(--color-a-monocromatic-c);
--color-header-borderline: var(--color-a);
--color-header-selection: var(--color-a-monocromatic-b);
--color-header-logo: var(--color-white);
--color-header-navigation-link: var(--color-white);
--color-header-navigation-link-hover: var(--color-white);
--color-footer-borderline: var(--color-a);
--color-footer-text: var(--color-c);
--color-content-borderline: var(--color-a);
--color-content-item-borderline: #4ecbd940;
--color-content-header-colored: var(--color-a-monocromatic-c);
--color-content-header-colored-borderline: var(--color-a);
--color-content-header-colored-selection: var(--color-a-monocromatic-b);
}
}

@media (prefers-color-scheme: dark) {
:root {
/* Base colors */
--color-border: #4ecbd940;
--color-background: var(--color-c);
--color-text: var(--color-d);
--color-text-header: var(--color-d);
--color-link: var(--color-a);
--color-link-hover: var(--color-a-monocromatic-a);
--color-selection: var(--color-a-monocromatic-c);
--color-fieldset-border: #4ecbd940;
--color-table-header-background: var(--color-a-monocromatic-a);
--color-table-header-text: var(--color-c);
--color-table-item: var(--color-a);
/* Components colors */
--color-header-background: var(--color-a);
--color-header-borderline: var(--color-a-monocromatic-c);
--color-header-selection: var(--color-a-monocromatic-b);
--color-header-logo: var(--color-white);
--color-header-navigation-link: var(--color-white);
--color-header-navigation-link-hover: var(--color-white);
--color-footer-borderline: var(--color-a);
--color-footer-text: var(--color-d);
--color-content-borderline: var(--color-a);
--color-content-item-borderline: #4ecbd940;
--color-content-header-colored: var(--color-a);
--color-content-header-colored-borderline: var(--color-a-monocromatic-c);
--color-content-header-colored-selection: var(--color-a-monocromatic-b);
}
}
19 changes: 19 additions & 0 deletions css/footer.css
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,19 @@
@charset 'UTF-8';

.footer {
border-top: 4px solid var(--color-footer-borderline);
}

.footer span {
color: var(--color-footer-text);
}

.footer-wrapper {
padding-top: 32px;
padding-bottom: 32px;
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: space-between;
gap: 32px;
}
Loading

0 comments on commit 3327eb3

Please sign in to comment.