From e112d9461e05f44abcde621bcbcb61fb24d06caa Mon Sep 17 00:00:00 2001 From: igorechek06 Date: Thu, 22 Aug 2024 01:01:32 +0900 Subject: Change site stylistic --- favicon.ico | Bin 16958 -> 17014 bytes font.ttf | Bin 2220012 -> 0 bytes index.html | 63 +++++++++++++--------- minecraft/favicon.ico | Bin 258093 -> 0 bytes minecraft/index.html | 96 ++++++++++++++++++++------------- projects/index.html | 28 ++++++++++ script.js | 23 ++++---- style.css | 146 +++++++++++++++++++++++++++++++++++++------------- 8 files changed, 247 insertions(+), 109 deletions(-) delete mode 100644 font.ttf delete mode 100644 minecraft/favicon.ico create mode 100644 projects/index.html diff --git a/favicon.ico b/favicon.ico index 618c2cc..a69271a 100644 Binary files a/favicon.ico and b/favicon.ico differ diff --git a/font.ttf b/font.ttf deleted file mode 100644 index c513a9f..0000000 Binary files a/font.ttf and /dev/null differ diff --git a/index.html b/index.html index a88fa21..7280e74 100644 --- a/index.html +++ b/index.html @@ -7,33 +7,48 @@ - + - igorek.dev + Tolmachev Igor - 
-  ███                                       █████             █████                     
- ░░░                                       ░░███             ░░███                      
- ████   ███████  ██████  ████████   ██████  ░███ █████     ███████   ██████  █████ █████
-░░███  ███░░███ ███░░███░░███░░███ ███░░███ ░███░░███     ███░░███  ███░░███░░███ ░░███ 
- ░███ ░███ ░███░███ ░███ ░███ ░░░ ░███████  ░██████░     ░███ ░███ ░███████  ░███  ░███ 
- ░███ ░███ ░███░███ ░███ ░███     ░███░░░   ░███░░███    ░███ ░███ ░███░░░   ░░███ ███  
- █████░░███████░░██████  █████    ░░██████  ████ █████ ██░░████████░░██████   ░░█████   
-░░░░░  ░░░░░███ ░░░░░░  ░░░░░      ░░░░░░  ░░░░ ░░░░░ ░░  ░░░░░░░░  ░░░░░░     ░░░░░    
-       ███ ░███                                                                         
-      ░░██████                                                                          
-       ░░░░░░                                                                           
-
- 
Welcome to my page
- 
--- Socials ---
- 
    Codeberg   https://codeberg.org/igorechek06
- 
    Telegram   https://t.me/igorechek06
- 
󰇮    Mail       me@igorek.dev
- 
    Donate     https://tinkoff.ru
- 
--- Projects ---
- 
󰍳    Minecraft servers https://igorek.dev/minecraft
- 
And more ...
+ + +
+

+ Welcome to + my page +

+ +

About me

+ I'm to lazy, sorry :( + +

Socials

+ +
diff --git a/minecraft/favicon.ico b/minecraft/favicon.ico deleted file mode 100644 index 9d2b7f0..0000000 Binary files a/minecraft/favicon.ico and /dev/null differ diff --git a/minecraft/index.html b/minecraft/index.html index 266f6bb..6eb2334 100644 --- a/minecraft/index.html +++ b/minecraft/index.html @@ -7,9 +7,9 @@ - + - Minecraft server list + Tolmachev Igor - 
+    
 
- ██████   ██████  ███                                                      ██████   █████   
-░░██████ ██████  ░░░                                                      ███░░███ ░░███    
- ░███░█████░███  ████  ████████    ██████   ██████  ████████   ██████    ░███ ░░░  ███████  
- ░███░░███ ░███ ░░███ ░░███░░███  ███░░███ ███░░███░░███░░███ ░░░░░███  ███████   ░░░███░   
- ░███ ░░░  ░███  ░███  ░███ ░███ ░███████ ░███ ░░░  ░███ ░░░   ███████ ░░░███░      ░███    
- ░███      ░███  ░███  ░███ ░███ ░███░░░  ░███  ███ ░███      ███░░███   ░███       ░███ ███
- █████     █████ █████ ████ █████░░██████ ░░██████  █████    ░░████████  █████      ░░█████ 
-░░░░░     ░░░░░ ░░░░░ ░░░░ ░░░░░  ░░░░░░   ░░░░░░  ░░░░░      ░░░░░░░░  ░░░░░        ░░░░░  
-                                                                                            
-                                                                                            
-                                                                                            
-                                                              ████   ███           █████    
-                                                             ░░███  ░░░           ░░███     
-  █████   ██████  ████████  █████ █████  ██████  ████████     ░███  ████   █████  ███████   
- ███░░   ███░░███░░███░░███░░███ ░░███  ███░░███░░███░░███    ░███ ░░███  ███░░  ░░░███░    
-░░█████ ░███████  ░███ ░░░  ░███  ░███ ░███████  ░███ ░░░     ░███  ░███ ░░█████   ░███     
- ░░░░███░███░░░   ░███      ░░███ ███  ░███░░░   ░███         ░███  ░███  ░░░░███  ░███ ███ 
- ██████ ░░██████  █████      ░░█████   ░░██████  █████        █████ █████ ██████   ░░█████  
-░░░░░░   ░░░░░░  ░░░░░        ░░░░░     ░░░░░░  ░░░░░        ░░░░░ ░░░░░ ░░░░░░     ░░░░░   
+    

+      
My minecraft servers

 
-
- 
Welcome to minecraft server list page
- 
--- Servers ---
- 
-    Version: 1.20.4
-     Map: https://mc.igorek.dev/map
-     IP: mc.igorek.dev:25565
-     Whitelist:  [+ add] 
-     Recommended mods: Simple Voice Chat
-
- 
-    Version: beta 1.7.3
-     IP: mc.igorek.dev:25575
-
+

Vanilia 1.20.6

+

+ Just vanilla Minecraft server. I try to update it to new versions as + they come out. To join this server you will have to add yourself to the + whitelist below (just small CAPTCHA). +

+ + +

Beta 1.7.3

+

I just hosted my friend's server

+ + diff --git a/projects/index.html b/projects/index.html new file mode 100644 index 0000000..bd4b6d8 --- /dev/null +++ b/projects/index.html @@ -0,0 +1,28 @@ + + + + + + + + + + + + Tolmachev Igor + + + + + +
+

My projects

+ I have a few projects, but i'm too lazy to fill out this page. However, + you can look at my minecraft servers. +
+ + diff --git a/script.js b/script.js index 2f428b9..368f712 100644 --- a/script.js +++ b/script.js @@ -1,18 +1,17 @@ -function copy(text, tooltip) { - return () => { - navigator.clipboard.writeText(text); - tooltip.textContent = " []"; - setTimeout(() => (tooltip.textContent = " []"), 1000); - }; -} - window.onload = () => { document.querySelectorAll(".copy").forEach((element) => { const tooltip = document.createElement("span"); - tooltip.classList.add("copy-button"); - tooltip.textContent = " []"; - - element.onclick = copy(element.attributes["copy-text"]?.value, tooltip); + tooltip.textContent = " [copy]"; element.appendChild(tooltip); + + element.addEventListener("click", () => { + try { + navigator.clipboard.writeText(element.attributes["copy-text"]?.value); + tooltip.textContent = " [copied]"; + } catch (error) { + tooltip.textContent = " [error]"; + } + setTimeout(() => (tooltip.textContent = " [copy]"), 1000); + }); }); }; diff --git a/style.css b/style.css index f7055b3..cc5bd3b 100644 --- a/style.css +++ b/style.css @@ -1,62 +1,136 @@ -@font-face { - src: url(font.ttf); - font-family: Noto Sans Mono; -} +@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"); -* { - font-family: Noto Sans Mono; - text-decoration-thickness: 0.01em; -} +@media (prefers-color-scheme: light) { + :root { + --color-primary: rgb(0 104 119); + --color-on-primary: rgb(255 255 255); + --color-primary-container: rgb(163 238 255); + --color-on-primary-container: rgb(0 31 37); -@media screen and (max-width: 700px) { - * { - font-size: small; - } -} + --color-secondary: rgb(74 98 104); + --color-on-secondary: rgb(255 255 255); + --color-secondary-container: rgb(205 231 237); + --color-on-secondary-container: rgb(5 31 36); -@media screen and (min-width: 700px) { - * { - font-size: x-large; + --color-tertiary: rgb(84 93 126); + --color-on-tertiary: rgb(255 255 255); + --color-tertiary-container: rgb(220 225 255); + --color-on-tertiary-container: rgb(17 26 55); + + --color-error: rgb(186 26 26); + --color-on-error: rgb(255 255 255); + --color-error-container: rgb(255 218 214); + --color-on-error-container: rgb(65 0 2); + + --color-surface: rgb(245 250 252); + --color-on-surface: rgb(23 29 30); + + --color-surface-container-lowest: rgb(255 255 255); + --color-surface-container-low: rgb(239 244 246); + --color-surface-container: rgb(233 239 240); + --color-surface-container-high: rgb(227 233 235); + --color-surface-container-highest: rgb(222 227 229); } } @media (prefers-color-scheme: dark) { - body { - color: #a7a7a7; - background: #1e1e1e; + :root { + --color-primary: rgb(131 210 228); + --color-on-primary: rgb(0 54 62); + --color-primary-container: rgb(0 78 90); + --color-on-primary-container: rgb(163 238 255); + + --color-secondary: rgb(178 203 209); + --color-on-secondary: rgb(28 52 57); + --color-secondary-container: rgb(51 74 80); + --color-on-secondary-container: rgb(205 231 237); + + --color-tertiary: rgb(188 197 235); + --color-on-tertiary: rgb(38 47 77); + --color-tertiary-container: rgb(61 70 101); + --color-on-tertiary-container: rgb(220 225 255); + + --color-error: rgb(255 180 171); + --color-on-error: rgb(105 0 5); + --color-error-container: rgb(147 0 10); + --color-on-error-container: rgb(255 218 214); + + --color-surface: rgb(14 20 22); + --color-on-surface: rgb(222 227 229); + + --color-surface-container-lowest: rgb(9 15 16); + --color-surface-container-low: rgb(23 29 30); + --color-surface-container: rgb(27 33 34); + --color-surface-container-high: rgb(37 43 44); + --color-surface-container-highest: rgb(48 54 55); } } -@media (prefers-color-scheme: light) { - body { - color: #464b50; - background: #ffffff; - } +body { + font-family: "Noto Sans", sans-serif; + background-color: var(--color-surface); + color: var(--color-on-surface); + margin: 0 auto; + padding: 0; + + max-width: 50em; } -input { - border: none; - color: #7587a6; - background: none; +nav { + margin: 0; + padding: 1em 0; - border-bottom: 0.01em solid#7587a6; + display: flex; } -input::placeholder { - opacity: 1; - font-style: italic; +nav > * { + background-color: var(--color-surface-container); + border-radius: 2em; + + margin: 0 0.5em; + padding: 0.5em; + + flex: 1; + + text-decoration: none; + text-align: center; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; +} + +nav > .current { + background-color: var(--color-primary); + color: var(--color-on-primary); +} + +main { + background-color: var(--color-surface-container); + border-radius: 2em; + + margin: 0 0.5em 2em 0.5em; + padding: 1.5em; } a, .copy, .add { - cursor: pointer; - color: #7587a6; + color: var(--color-primary); } -a:active, .copy:hover, .add:hover { cursor: pointer; - color: #9b859d; + color: var(--color-secondary); +} + +input { + background: none; + color: var(--color-primary); + border: none; + + width: 10rem; + + border-bottom: 0.01em solid var(--color-primary); + font-size: 1em; } -- cgit v1.2.3