diff --git a/eng/index.html b/eng/index.html index 1f55a51..f245b47 100644 --- a/eng/index.html +++ b/eng/index.html @@ -12,7 +12,7 @@

Welcome to the xelframe page

- +
Telegram: xelframe

Github: xelframe

Steam: xelframe

-

YouTube: @wol_xd

+

YouTube: @xelframe


My friends:

HonakAC: honakac.github.io

Cat.: patrickstar8753.github.io

Gamma63: delta-gamma.org


-

Russian/English

+

Русский/English

- +
~prev webring diff --git a/index.html b/index.html index 3d1b03f..33b6b7e 100644 --- a/index.html +++ b/index.html @@ -12,7 +12,6 @@

Добро пожаловать на страницу xelframe

-
Информация обо мне
- +

Соцсети:

Discord: xelframe

Telegram: xelframe

Github: xelframe

Steam: xelframe

-

YouTube: @wol_xd

+

YouTube: @xelframe


Мои друзья:

HonakAC: honakac.github.io

Cat.: patrickstar8753.github.io

Gamma63: delta-gamma.org


-

Russian/English

+

Русский/English

- +
- ~prev - webring - next~ + ~предыдущий + вебринг + следующий~
\ No newline at end of file diff --git a/styles.css b/styles.css index 02d595c..df9d447 100644 --- a/styles.css +++ b/styles.css @@ -1,34 +1,60 @@ -@font-face { - font-family: 'JetBrains Mono'; - src: url('font/JetBrainsMono-Bold.ttf') format('truetype'); - font-weight: bold; - font-display: swap; -} - body { margin: 0; min-height: 100svh; font: 14px 'JetBrains Mono', monospace; color: #fff; text-align: center; - background: black url(images/bg.jpg) center/cover fixed; + background: #222222; + /* background: black url(images/bg.jpg) center/cover fixed; */ + /* background: #333333; */ + /* background: #292929; */ flex-direction: column; } -main { - max-width: 800px; +main, +#webring, +#hello { + max-width: 1000px; width: calc(100% - 20px); margin: 0 auto; padding: 20px; - border-radius: 15px; + /* border-radius: 15px; */ box-sizing: border-box; + border: 4px double rgb(180, 180, 180); } -#webring, -main { - background-color: rgba(34, 34, 34, 0.3); +#buttons { + padding: 15px; + margin: 0 auto; + border: 4px double rgb(180, 180, 180); + width: 300px; +} + + +a { + text-decoration: none; +} + +iframe { + border: 2px solid rgb(180, 180, 180); +} + +/* <-----------------------> */ + +#webring { + max-width: 1000px; + width: calc(100% - 20px); + margin: 0 auto; + padding: 20px; + /* border-radius: 15px; */ + box-sizing: border-box; + justify-content: center; + align-items: center; + gap: 15px; + background-color: rgba(34, 34, 34, 0.7); backdrop-filter: blur(10px); + border: 4px double rgb(180, 180, 180); } body, @@ -38,19 +64,6 @@ body, display: flex; } -#webring { - justify-content: center; - gap: 15px; - align-items: center; - width: 100%; - margin-top: auto; - text-decoration: underline; -} - -a { - text-decoration: none; -} - a, #webring { color: rgb(66, 131, 252); @@ -59,7 +72,7 @@ a, #buttons { justify-content: center; gap: 20px; - margin: 20px 0; + } #buttons img { @@ -78,10 +91,6 @@ a, margin-left: 100px; } -iframe { - border: 2px solid rgb(66, 131, 252); -} - #gamesicon { border-radius: 50%; height: 64px; @@ -89,6 +98,8 @@ iframe { box-shadow: 10px 10px 20px 0px rgba(0,0,0,0.45); } +/* <-----------------------> */ + @media (max-width: 600px) { body { gap: 15px; @@ -113,6 +124,13 @@ iframe { margin: 10px auto 0; padding: 8px 12px; box-sizing: border-box; - border-radius: 15px; + /* border-radius: 15px; */ } } + +@font-face { + font-family: 'JetBrains Mono'; + src: url('font/JetBrainsMono-Bold.ttf') format('truetype'); + font-weight: bold; + font-display: swap; +}