diff options
Diffstat (limited to 'index.html')
| -rw-r--r-- | index.html | 60 |
1 files changed, 9 insertions, 51 deletions
| @@ -1,60 +1,17 @@ | |||
| 1 | <!DOCTYPE html> | 1 | <!DOCTYPE html> |
| 2 | <html lang="en"> | 2 | <html lang="en"> |
| 3 | |||
| 3 | <head> | 4 | <head> |
| 4 | <meta charset="UTF-8" /> | 5 | <meta charset="UTF-8" /> |
| 5 | <meta http-equiv="X-UA-Compatible" content="IE=edge" /> | 6 | <meta http-equiv="X-UA-Compatible" content="IE=edge" /> |
| 6 | <meta name="viewport" content="width=device-width, initial-scale=1.0" /> | 7 | <meta name="viewport" content="width=device-width, initial-scale=1.0" /> |
| 7 | <meta | ||
| 8 | name="description" | ||
| 9 | content="Сайт визитка программиста Игоря Толмачёва" | ||
| 10 | /> | ||
| 11 | <meta name="description" content="One page site of Igor Tolmachev" /> | ||
| 12 | <title>igorek.dev</title> | ||
| 13 | </head> | ||
| 14 | <style> | ||
| 15 | @font-face { | ||
| 16 | font-family: Noto Sans Mono; | ||
| 17 | src: url(font.ttf); | ||
| 18 | } | ||
| 19 | |||
| 20 | * { | ||
| 21 | font-family: Noto Sans Mono; | ||
| 22 | } | ||
| 23 | |||
| 24 | @media screen and (max-width: 700px) { | ||
| 25 | * { | ||
| 26 | font-size: small; | ||
| 27 | } | ||
| 28 | } | ||
| 29 | 8 | ||
| 30 | @media screen and (min-width: 700px) { | 9 | <link rel="stylesheet" href="style.css"> |
| 31 | * { | 10 | <link rel="shortcut icon" href="favicon.ico" type="image/x-icon"> |
| 32 | font-size: x-large; | ||
| 33 | } | ||
| 34 | } | ||
| 35 | 11 | ||
| 36 | @media (prefers-color-scheme: dark) { | 12 | <title>igorek.dev</title> |
| 37 | body { | 13 | </head> |
| 38 | color: #a7a7a7; | ||
| 39 | background: #1e1e1e; | ||
| 40 | } | ||
| 41 | } | ||
| 42 | |||
| 43 | @media (prefers-color-scheme: light) { | ||
| 44 | body { | ||
| 45 | color: #464b50; | ||
| 46 | background: #ffffff; | ||
| 47 | } | ||
| 48 | } | ||
| 49 | |||
| 50 | a { | ||
| 51 | color: #7587a6; | ||
| 52 | } | ||
| 53 | 14 | ||
| 54 | a:active { | ||
| 55 | color: #9b859d; | ||
| 56 | } | ||
| 57 | </style> | ||
| 58 | <body> | 15 | <body> |
| 59 | <pre style="font-size: clamp(0.25em, 1.5vw, 0.75em)"> | 16 | <pre style="font-size: clamp(0.25em, 1.5vw, 0.75em)"> |
| 60 | ███ █████ █████ | 17 | ███ █████ █████ |
| @@ -75,8 +32,9 @@ | |||
| 75 | <pre> Telegram <a href="https://t.me/igorechek06">https://t.me/igorechek06</a></pre> | 32 | <pre> Telegram <a href="https://t.me/igorechek06">https://t.me/igorechek06</a></pre> |
| 76 | <pre> Mail <a href="mailto://me@igorek.dev">me@igorek.dev</a></pre> | 33 | <pre> Mail <a href="mailto://me@igorek.dev">me@igorek.dev</a></pre> |
| 77 | <pre> Donate <a href="https://www.tinkoff.ru/cf/7b1BECoPBzn">https://tinkoff.ru</a></pre> | 34 | <pre> Donate <a href="https://www.tinkoff.ru/cf/7b1BECoPBzn">https://tinkoff.ru</a></pre> |
| 78 | <pre>--- Achievements and Projects ---</pre> | 35 | <pre>--- Projects ---</pre> |
| 79 | <pre>I'm too lazy to fill it out</pre> | 36 | <pre> Minecraft servers <a href="/minecraft">https://igorek.dev/minecraft</a></pre> |
| 80 | <pre>Maybe later</pre> | 37 | <pre>And more ...</pre> |
| 81 | </body> | 38 | </body> |
| 39 | |||
| 82 | </html> | 40 | </html> |