aboutsummaryrefslogtreecommitdiffhomepage
diff options
context:
space:
mode:
Diffstat
-rw-r--r--index.html130
-rw-r--r--projects/index.html67
-rw-r--r--style.css118
3 files changed, 161 insertions, 154 deletions
diff --git a/index.html b/index.html
index 5101933..6207ba7 100644
--- a/index.html
+++ b/index.html
@@ -1,75 +1,71 @@
1<!DOCTYPE html> 1<!doctype html>
2<html lang="en"> 2<html lang="en">
3 <head> 3 <head>
4 <meta charset="UTF-8" /> 4 <meta charset="UTF-8" />
5 <meta http-equiv="X-UA-Compatible" content="IE=edge" /> 5 <meta http-equiv="X-UA-Compatible" content="IE=edge" />
6 <meta name="viewport" content="width=device-width, initial-scale=1.0" /> 6 <meta name="viewport" content="width=device-width, initial-scale=1.0" />
7 7
8 <script src="/script.js"></script> 8 <script src="/script.js"></script>
9 <link rel="stylesheet" href="/style.css" /> 9 <link rel="stylesheet" href="/style.css" />
10 <link rel="shortcut icon" href="/favicon.ico" type="image/x-icon" /> 10 <link rel="shortcut icon" href="/favicon.ico" type="image/x-icon" />
11 11
12 <title>/igorechek06</title> 12 <title>/igorechek06</title>
13 </head> 13 </head>
14 14
15 <body> 15 <body>
16 <nav> 16 <nav>
17 <a href="/" class="current" style="flex: 0.25">~/</a> 17 <a href="/" class="current" style="flex: 0.25">~/</a>
18 <a href="/projects">~/projects</a> 18 <a href="/projects">~/projects</a>
19 </nav> 19 </nav>
20 20
21 <main> 21 <main>
22 <h1> 22 <h1>
23 Welcome to 23 Welcome to
24 <a href="https://codeberg.org/igorechek06/pages">my page</a> 24 <a href="https://codeberg.org/igorechek06/pages">my page</a>
25 </h1> 25 </h1>
26 26
27 <h2>About me</h2> 27 <h2>About me</h2>
28 I'm a first-year student at 28 I'm a second-year student at
29 <a href="https://en.itmo.ru">ITMO University</a>, studying 29 <a href="https://en.itmo.ru">ITMO University</a>, studying
30 <a href="https://abit.itmo.ru/en/program/bachelor/system_software"> 30 <a href="https://abit.itmo.ru/en/program/bachelor/system_software">
31 System and Applied Software </a 31 System and Applied Software </a
32 >. I participate in competitions, support the open-source ideology, and 32 >. I participate in competitions, support the open-source ideology, and
33 <a 33 <a href="https://www.reddit.com/r/linuxmasterrace/comments/9csf2i/btw_i_use_arch">
34 href="https://www.reddit.com/r/linuxmasterrace/comments/9csf2i/btw_i_use_arch" 34 I use Arch, btw</a
35 > 35 >. I am interested in various fields, from systems programming, robotics, and computer
36 I use Arch, btw</a 36 vision to web applications and technologies.
37 >. I am interested in various fields, from systems programming, robotics,
38 and computer vision to web applications and technologies.
39 37
40 <h2>Socials</h2> 38 <h2>Socials</h2>
41 <ul> 39 <ul>
42 <li> 40 <li>
43 Most used username: 41 Most used username:
44 <span class="copy" copy-text="igorechek06">igorechek06</span> 42 <span class="copy" copy-text="igorechek06">igorechek06</span>
45 </li> 43 </li>
46 <li> 44 <li>
47 Codeberg 45 Codeberg
48 <a href="https://codeberg.org/igorechek06"> 46 <a href="https://codeberg.org/igorechek06">
49 https://codeberg.org/igorechek06 47 https://codeberg.org/igorechek06
50 </a> 48 </a>
51 </li> 49 </li>
52 <li> 50 <li>
53 Mail 51 Mail
54 <a href="mailto://me@igorek.dev">me@igorek.dev</a> 52 <a href="mailto://me@igorek.dev">me@igorek.dev</a>
55 </li> 53 </li>
56 <li> 54 <li>
57 Telegram 55 Telegram
58 <a href="https://t.me/igorechek06">https://t.me/igorechek06</a> 56 <a href="https://t.me/igorechek06">https://t.me/igorechek06</a>
59 </li> 57 </li>
60 <li> 58 <li>
61 Steam 59 Steam
62 <a href="https://steamcommunity.com/id/igorechek06" 60 <a href="https://steamcommunity.com/id/igorechek06"
63 >https://steamcommunity.com/id/igorechek06</a 61 >https://steamcommunity.com/id/igorechek06</a
64 > 62 >
65 </li> 63 </li>
66 <li> 64 <li>
67 GitHub 65 GitHub
68 <a href="https://github.com/igorechek06"> 66 <a href="https://github.com/igorechek06"> https://github.com/igorechek06 </a>
69 https://github.com/igorechek06 67 </li>
70 </a> 68 </ul>
71 </li> 69 </main>
72 </ul> 70 </body>
73 </main>
74 </body>
75</html> 71</html>
diff --git a/projects/index.html b/projects/index.html
index e10aa12..2fe7e87 100644
--- a/projects/index.html
+++ b/projects/index.html
@@ -1,30 +1,49 @@
1<!DOCTYPE html> 1<!doctype html>
2<html lang="en"> 2<html lang="en">
3 <head> 3 <head>
4 <meta charset="UTF-8" /> 4 <meta charset="UTF-8" />
5 <meta http-equiv="X-UA-Compatible" content="IE=edge" /> 5 <meta http-equiv="X-UA-Compatible" content="IE=edge" />
6 <meta name="viewport" content="width=device-width, initial-scale=1.0" /> 6 <meta name="viewport" content="width=device-width, initial-scale=1.0" />
7 7
8 <script src="/script.js"></script> 8 <script src="/script.js"></script>
9 <link rel="stylesheet" href="/style.css" /> 9 <link rel="stylesheet" href="/style.css" />
10 <link rel="shortcut icon" href="/favicon.ico" type="image/x-icon" /> 10 <link rel="shortcut icon" href="/favicon.ico" type="image/x-icon" />
11 11
12 <title>~/projects</title> 12 <title>~/projects</title>
13 </head> 13 </head>
14 14
15 <body> 15 <body>
16 <nav> 16 <nav>
17 <a href="/" style="flex: 0.25">~/</a> 17 <a href="/" style="flex: 0.25">~/</a>
18 <a href="/projects" class="current">~/projects</a> 18 <a href="/projects" class="current">~/projects</a>
19 </nav> 19 </nav>
20 20
21 <!--video2story is a Python tool that enables users 21 <main>
22 to upload long videos to Telegram stories by automatically 22 <h1>My projects</h1>
23 splitting them into smaller segments. --> 23 <ul>
24 24 <li>
25 <main> 25 <a href="https://pypi.org/project/async-crypto-pay-api/"
26 <h1>My projects</h1> 26 >async_crypto_pay_api</a
27 I have a few projects, but i'm too lazy to fill out this page. 27 >
28 </main> 28 - lightweight async wrapper for
29 </body> 29 <a href="https://t.me/CryptoBot">@CryptoBot</a> api
30 </li>
31 <li>
32 <a href="https://codeberg.org/igorechek06/minecraft_http_whitelist"
33 >minecraft_http_whitelist</a
34 >
35 - http API server written in pure Python for whitelist management
36 </li>
37 <li>
38 <a href="https://codeberg.org/igorechek06/video2story">video2story</a> - Python
39 utility for cutting and uploading large videos in telegram stories
40 </li>
41 <li>
42 <a href="https://github.com/ThePollify/">Pollify</a> - interactive poll charts
43 for your presentation (MVP)
44 </li>
45 </ul>
46 <h2>... and other stupid programs I wrote</h2>
47 </main>
48 </body>
30</html> 49</html>
diff --git a/style.css b/style.css
index f9c63dc..5223923 100644
--- a/style.css
+++ b/style.css
@@ -1,119 +1,111 @@
1@import url("https://fonts.googleapis.com/css2?family=Noto+Sans:ital,wdth,wght@0,62.5..100,100..900;1,62.5..100,100..900&display=swap"); 1@import url("https://fonts.googleapis.com/css2?family=Noto+Sans:ital,wdth,wght@0,62.5..100,100..900;1,62.5..100,100..900&display=swap");
2 2
3@media (prefers-color-scheme: light) { 3@media (prefers-color-scheme: light) {
4 :root { 4 :root {
5 --color-primary: rgb(0 104 119); 5 --color-primary: rgb(0 104 119);
6 --color-on-primary: rgb(255 255 255); 6 --color-on-primary: rgb(255 255 255);
7 7
8 --color-secondary: rgb(74 98 104); 8 --color-secondary: rgb(74 98 104);
9 9
10 --color-surface: rgb(245 250 252); 10 --color-surface: rgb(245 250 252);
11 --color-surface-container: rgb(233 239 240); 11 --color-surface-container: rgb(233 239 240);
12 --color-on-surface: rgb(23 29 30); 12 --color-on-surface: rgb(23 29 30);
13 } 13 }
14} 14}
15 15
16@media (prefers-color-scheme: dark) { 16@media (prefers-color-scheme: dark) {
17 :root { 17 :root {
18 --color-primary: rgb(131 210 228); 18 --color-primary: rgb(131 210 228);
19 --color-on-primary: rgb(0 54 62); 19 --color-on-primary: rgb(0 54 62);
20 20
21 --color-secondary: rgb(178 203 209); 21 --color-secondary: rgb(178 203 209);
22 22
23 --color-surface: rgb(14 20 22); 23 --color-surface: rgb(14 20 22);
24 --color-surface-container: rgb(27 33 34); 24 --color-surface-container: rgb(27 33 34);
25 --color-on-surface: rgb(222 227 229); 25 --color-on-surface: rgb(222 227 229);
26 } 26 }
27} 27}
28 28
29* { 29* {
30 transition-duration: 0.5s; 30 transition-duration: 0.5s;
31 transition-property: background, color; 31 transition-property: background, color;
32 transition-timing-function: ease-in-out; 32 transition-timing-function: ease-in-out;
33} 33}
34 34
35body { 35body {
36 font-family: "Noto Sans", sans-serif; 36 font-family: "Noto Sans", sans-serif;
37 background-color: var(--color-surface); 37 background-color: var(--color-surface);
38 color: var(--color-on-surface); 38 color: var(--color-on-surface);
39 margin: 0 auto; 39 margin: 0 auto;
40 padding: 0 0.5em; 40 padding: 0 0.5rem;
41 41
42 max-width: 50em; 42 max-width: 50rem;
43} 43}
44 44
45nav { 45nav {
46 margin-top: 1em; 46 margin-top: 1rem;
47 47
48 display: flex; 48 display: flex;
49 gap: 0.5rem;
49} 50}
50 51
51nav > * { 52nav > * {
52 background-color: var(--color-surface-container); 53 background-color: var(--color-surface-container);
53 border-radius: 2em; 54 border-radius: 2rem;
54 55
55 margin: 0 0.5em; 56 padding: 0.5rem;
56 padding: 0.5em;
57 57
58 flex: 1; 58 flex: 1;
59 59
60 text-decoration: none; 60 text-decoration: none;
61 text-align: center; 61 text-align: center;
62 overflow: hidden; 62 overflow: hidden;
63 text-overflow: ellipsis; 63 text-overflow: ellipsis;
64 white-space: nowrap; 64 white-space: nowrap;
65}
66
67nav > *:first-child {
68 margin-left: 0;
69}
70
71nav > *:last-child {
72 margin-right: 0;
73} 65}
74 66
75nav > .current { 67nav > .current {
76 background-color: var(--color-primary); 68 background-color: var(--color-primary);
77 color: var(--color-on-primary); 69 color: var(--color-on-primary);
78} 70}
79 71
80main { 72main {
81 background-color: var(--color-surface-container); 73 background-color: var(--color-surface-container);
82 border-radius: 2em; 74 border-radius: 2rem;
83 75
84 margin: 1em 0 5em 0; 76 margin: 1rem 0 5rem 0;
85 padding: 1.5em; 77 padding: 1.5rem;
86} 78}
87 79
88main > *:first-child { 80main > *:first-child {
89 margin-top: 0; 81 margin-top: 0;
90} 82}
91 83
92main > *:last-child { 84main > *:last-child {
93 margin-bottom: 0; 85 margin-bottom: 0;
94} 86}
95 87
96a, 88a,
97.copy { 89.copy {
98 color: var(--color-primary); 90 color: var(--color-primary);
99} 91}
100 92
101.copy:hover { 93.copy:hover {
102 cursor: pointer; 94 cursor: pointer;
103 color: var(--color-secondary); 95 color: var(--color-secondary);
104} 96}
105 97
106ul { 98ul {
107 padding-left: 1.5em; 99 padding-left: 1.5rem;
108} 100}
109 101
110input { 102input {
111 background: none; 103 background: none;
112 color: var(--color-primary); 104 color: var(--color-primary);
113 border: none; 105 border: none;
114 106
115 width: 10rem; 107 width: 10rem;
116 108
117 border-bottom: 0.01em solid var(--color-primary); 109 border-bottom: 0.01rem solid var(--color-primary);
118 font-size: 1em; 110 font-size: 1rem;
119} 111}
generated by cgit v1.2.3 (git 2.46.0) at 2026-01-11 21:36:05 +0000